/*
    최종 수정 : 2022.09.27
    [개발팀][스타뉴스] 신규 메뉴 추가 요청 건 - https://mtjira.atlassian.net/browse/MTSTAR-1147
*/
@import url("base.css?date=230809");

/*나눔 스퀘어 폰트 정보*/
/*
	NanumSquareL : 300
	NanumSquareR : 400
	NanumSquareB : 700
	NanumSquareEB : 800
*/
/* common */
.d-none {
  display: none;
}

/* warp */
#wrap {
  position: relative;
  overflow: hidden;
  background: #e5e5e5;
  min-height: 100vh;
}

/* header */
#header {
  position: relative;
  width: 100%;
  height: 50px;
  background: #fff;
}
/* 로고 */ /* 수정 190507 세종 */
#header .logo {
  position: absolute;
  left: 10px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
#header .logo.kor {
  top: 10px;
  width: 103px;
  height: 29px;
  background: url(../images/logo_kor1.png) no-repeat 0 0;
  background-size: 103px 29px;
}
#header .logo.eng {
  top: 9px;
  width: 124px;
  height: 32px;
  background: url(../images/logo_eng1.png) no-repeat 0 0;
  background-size: 124px 32px;
}
/* 로고 */ /* 20주년 로고 변경 [MTSTAR-1672][개발팀][스타뉴스] 스타뉴스 20주년 로고 적용 김소희 */
#header .logo.kor.logo-20 {
  top: 10px;
  width: 117px;
  height: 29px;
  background: url(../images/logo_20_mo.svg) no-repeat 0 0;
  background-size: cover;
}
#header .logo.eng.logo-20 {
  top: 9px;
  width: 117px;
  height: 29px;
  background: url(../images/logo_20_mo.svg) no-repeat 0 0;
  background-size: cover;
}
#header .logo a {
  display: block;
  height: 100%;
}
#header .logo a img {
  visibility: hidden;
  width: 0;
  height: 0;
}
/* 로고2 - 추가 170703 해리  */
#header .logo2 {
  padding-top: 8px;
}
#header .logo2 a {
  display: block;
  text-align: center;
}
#header .logo2 a img {
  display: inline-block;
  width: 120px;
  height: 35px;
}
/* 검색 */ /* 수정 190507 세종 */
#header .btn_s {
  position: absolute;
  top: 0;
  right: 40px;
  height: 50px;
}
#header .btn_s .opsearch {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 20px;
  height: 20px;
  background: url(../images/btn_search2.png) no-repeat 0 0;
  background-size: 100% auto;
}
#header .btn_s .searchbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: #f6f6f6;
  z-index: 10000;
}
#header .btn_s .searchbox .dim {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.6;
}
#header .btn_s .searchbox .sbinner {
  position: relative;
  overflow: hidden;
  margin: 10px 56px 0 10px;
  height: 40px;
  background: #fff;
  border: 1px solid #e9e9e9;
}
#header .btn_s .searchbox .sbinner input[type="search"] {
  display: block;
  margin-right: 38px;
  width: calc(100% - 38px);
  height: 38px;
  text-indent: 10px;
  line-height: 38px;
}
#header
  .btn_s
  .searchbox
  .sbinner
  input[type="search"]::-webkit-input-placeholder {
  text-indent: 10px;
  color: #aaa;
}
#header .btn_s .searchbox .clsearch {
  position: absolute;
  top: 10px;
  right: 0;
  width: 56px;
  height: 40px;
  background: url(../images/btn_close2.png) no-repeat center center;
  background-size: 18px 18px;
}
#header .btn_s .btn_search {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 38px;
  background: url(../images/btn_search2.png) no-repeat center center;
  background-size: 20px 20px;
}
/* 우측메뉴 추가 190507 세종 */
#header .menu {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
}
#header .menu:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 50px;
  background: #f12a49;
}
#header .menu .opmn {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 50px;
  background: none;
  outline: none;
  z-index: 3;
}
#header .menu .opmn .line {
  visibility: unset;
  display: inline-block;
  position: absolute;
  right: 11px;
  height: 1px;
  background: #fff;
  transition: all 0.4s;
}
#header .menu .opmn .line.top {
  top: 19px;
  width: 18px;
}
#header .menu .opmn .line.middle {
  top: 25px;
  width: 12px;
}
#header .menu .opmn .line.bottom {
  top: 31px;
  width: 15px;
}
#header .menu .opmn.active {
  position: fixed;
}
#header .menu .opmn.active .line {
  right: 18px;
  width: 26px;
  background: #000;
}
#header .menu .opmn.active .line.top {
  -webkit-transform: translateY(5px) rotate(-45deg);
  transform: translateY(5px) rotate(-45deg);
}
#header .menu .opmn.active .line.middle {
  opacity: 0;
}
#header .menu .opmn.active .line.bottom {
  -webkit-transform: translateY(-7px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg);
}
#header .menu .mnbox {
  position: fixed;
  top: 0;
  right: -300px;
  bottom: 0;
  width: 300px;
  background: #fff;
  transition: all 0.4s;
  z-index: 2;
}
#header .menu .mnbox.active {
  right: 0;
}
#header .menu .mnbox .newsflash {
  overflow: hidden;
  padding: 0 20px;
  height: 120px;
  background: #f6f6f6;
}
#header .menu .mnbox .newsflash:before {
  content: "NOW";
  display: block;
  margin-top: 38px;
  width: 40px;
  height: 19px;
  background: #f12a49;
  font-size: 0.7143em;
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.25px;
  line-height: 19px;
  color: #fff;
}
#header .menu .mnbox .newsflash .group {
  position: relative;
  overflow: hidden;
  height: 53px;
}
#header .menu .mnbox .newsflash .group ul {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#header .menu .mnbox .newsflash .group .bundle {
  display: table;
  overflow: hidden;
  width: 100%;
  height: 53px;
  font-size: 1.071em;
  line-height: 20px;
  letter-spacing: -0.25px;
}
#header .menu .mnbox .newsflash .group .bundle a {
  display: table-cell;
  vertical-align: middle;
  white-space: normal;
  color: #000;
}
#header .menu .mnbox .newsflash .group .bundle a .lmt {
  display: block;
  overflow: hidden;
  max-height: 37px;
}
#header .menu .mnbox .mngroup {
  overflow-y: auto;
}
#header .menu .mnbox .mngroup .depth1 {
}
#header .menu .mnbox .mngroup .depth1 .bundle1 {
}
#header .menu .mnbox .mngroup .depth1 .catit {
  overflow: hidden;
  padding-left: 20px;
  height: 46px;
  background: url(../images/btn_down1.png) no-repeat 269px center;
  background-size: 16px auto;
  line-height: 46px;
  letter-spacing: -0.25px;
}
#header .menu .mnbox .mngroup .depth1 .catit.active {
  background: url(../images/btn_up1.png) no-repeat 269px center;
  background-size: 16px auto;
}
#header .menu .mnbox .mngroup .depth1 .catit strong {
  font-size: 1.214em;
  color: #000;
}
#header .menu .mnbox .mngroup .depth1 .catit em {
  font-size: 0.9286em;
  font-weight: normal;
  color: #999;
}
#header .menu .mnbox .mngroup .depth2 {
  display: none;
  padding: 5px 0 3px;
  background: #f6f6f6;
}
#header .menu .mnbox .mngroup .depth1 .catit.active + .depth2 {
  display: block;
}
#header .menu .mnbox .mngroup .depth2 .bundle2 {
  overflow: hidden;
  height: 37px;
  font-size: 1.143em;
  line-height: 37px;
  letter-spacing: -0.25px;
}
#header .menu .mnbox .mngroup .depth2 .bundle2 a {
  display: block;
  padding-left: 30px;
  color: #666;
}
#header .menu .mnbox .mngroup .depth2 .bundle2 a.active {
  font-weight: bold;
  color: #000;
}
#header .menu .mnbox .socialgroup {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
}
#header .menu .mnbox .socialgroup h3,
#header .menu .mnbox .socialgroup .title {
  font-weight: bold;
  font-size: 1.214em;
  line-height: 16px;
  letter-spacing: -0.25px;
  color: #000;
}
#header .menu .mnbox .socialgroup ul {
  overflow: hidden;
  margin-top: 13px;
}
#header .menu .mnbox .socialgroup ul li {
  float: left;
}
#header .menu .mnbox .socialgroup ul li + li {
  margin-left: 5px;
}
#header .menu .mnbox .socialgroup ul li a {
  display: block;
  width: 36px;
  height: 36px;
}
#header .menu .mnbox .socialgroup ul li a img {
  display: block;
  width: 100%;
  height: 100%;
}
#header .menu .dim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.6;
  z-index: 1;
}
/* //우측메뉴 추가 190507 세종 */
/* 검색 상단 */ /* 수정 190507 세종 */
#header2 {
  position: relative;
  width: 100%;
  height: 100px;
  background: #f6f6f6;
}
#header2 .logo {
  display: inline-block;
  position: relative;
  left: 50%;
  margin-left: -51px;
  overflow: hidden;
  height: 50px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
} /* 수정 191216 동현 */
#header2 .logo.kor {
  background: url(../images/logo_kor1.png) no-repeat 0 11px;
  background-size: 103px 29px;
}
#header2 .logo.eng {
  background: url(../images/logo_eng1.png) no-repeat 0 9px;
  background-size: 124px 32px;
}
#header2 .logo a {
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
#header2 .logo.kor a {
  margin-top: 11px;
  width: 103px;
  height: 29px;
}
#header2 .logo.eng a {
  margin-top: 9px;
  width: 124px;
  height: 32px;
}
#header2 .logo a img {
  visibility: hidden;
}
/* 검색 */ /* 수정 190507 세종 */
#header2 .btn_s {
  position: relative;
  margin: 0 10px;
  height: 40px;
  background: #fff;
  border: 1px solid #e9e9e9;
}
#header2 .btn_s input[type="search"] {
  display: block;
  margin-right: 38px;
  width: calc(100% - 38px);
  height: 38px;
  text-indent: 10px;
  line-height: 38px;
}
#header2 .btn_s input[type="search"]::-webkit-input-placeholder {
  text-indent: 10px;
  color: #aaa;
}
#header2 .btn_s .btn_search {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 38px;
  background: url(../images/btn_search2.png) no-repeat center center;
  background-size: 20px 20px;
}

/* 메뉴 */
#nav {
  position: relative;
  background: #fff;
  border-top: 1px solid #e5e5e5;
} /* 수정 190507 세종 */
/* gnb */ /* 수정 190507 세종 */
#nav .gnb {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
} /*수정 201013 동현*/
#nav .gnb ul {
  display: table;
  width: 100%;
}
#nav .gnb ul li {
  display: table-cell;
  padding: 0 5px;
  width: 200px;
  line-height: 50px;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
} /*수정 201013 동현*/
#nav .gnb ul li a {
  display: block;
  height: 40px;
  font-size: 1.071em;
  line-height: 2.7em;
  letter-spacing: -1px;
  color: #000;
}
#nav .gnb ul li a .gt {
  position: relative;
  display: inline-block;
  padding: 0 2px;
  height: 40px;
}
#nav .gnb ul li.on a {
  color: #f12a49;
}
#nav .gnb ul li a .icon_star {
  position: absolute;
  top: 8px;
  right: -15px;
  width: 14px;
  height: 14px;
  background: url(../images/icon_star.png) no-repeat 0 0;
  background-size: 14px;
}
/* snb */ /* 수정 190507 세종 */
#nav .snb {
  position: relative;
  background: #fafafa;
  height: 41px;
}
#nav .snb:before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: #e5e5e5;
  font-size: 0;
  line-height: 0;
}
#nav .snb:after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #e5e5e5;
  font-size: 0;
  line-height: 0;
}
#nav .snb ul {
  display: table;
}
#nav .snb ul li {
  display: table-cell;
  width: 200px;
  height: 41px;
  text-align: center;
  white-space: nowrap;
}
#nav .snb ul li a {
  display: block;
  padding: 0 9px;
  height: 100%;
  letter-spacing: -1px;
  line-height: 39px;
  color: #000;
}
#nav .snb ul li a .st {
  position: relative;
  display: inline-block;
  height: 41px;
}
#nav .snb ul li.on a .st {
  color: #f12a49;
  border-bottom: 5px solid #f12a49;
  z-index: 2;
}
#nav .snb .snb_prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 40px;
  background: #ed008c url(../images/btn_prev.png) no-repeat 8px 14px;
  color: #fff;
  background-size: 5px 12px;
} /* 이전 */
#nav .snb .snb_next {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 40px;
  background: #ed008c url(../images/btn_next.png) no-repeat 8px 14px;
  color: #fff;
  background-size: 5px 12px;
} /* 다음 */

/* footer */ /* 수정 190507 세종 */
#footer {
  position: relative;
}

#footer footer {
  min-height: 0;
}
/* 앱 설치배너 */
.banner_rolling {
  margin-right: -10px;
  margin-left: -10px;
  padding-top: 8px;
  background: #eee;
}
#footer .banner_rolling {
  margin-right: 0;
  margin-left: 0;
  padding-top: 0;
}
.app_banner {
  width: 100%;
  height: 70px;
  background: #fff url(../images/bg_starnews3.png) no-repeat right 0;
  background-size: auto 70px;
}
.app_banner span {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 320px;
  height: 100%;
  background: url(../images/bg_starnews2.png) no-repeat 10px 0;
  background-size: auto 70px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.app_banner.starranking {
  position: relative;
  background: #e3e3e3
    url(../images/banner/banner_starnews_mobile_service_bg_left.png) no-repeat
    left center;
  background-size: 172px auto;
}
.app_banner.starranking:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(291px / 2);
  height: 100%;
  background: url(../images/banner/banner_starnews_mobile_service_bg_right.png)
    no-repeat right center;
  background-size: auto 70px;
}
.app_banner.starranking span {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/banner/banner_starnews_mobile_service.png);
  background-position: center center;
  background-size: 287px auto;
}

.ad_namsin_banner {
  position: relative;
  width: 100%;
  height: 70px;
  background-color: #d4dcdf;
}
.ad_namsin_banner span {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 320px;
  height: 100%;
  background: url(../images/banner_namsin.jpg) no-repeat 10px 0;
  background-size: auto 70px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

/* 추가 191024 동현 : starpoll 설치배너 */
.starpoll_banner {
  position: relative;
  width: 100%;
  height: 70px;
  background-color: #ffe7f1;
}
.starpoll_banner span {
  display: block;
  margin: 0 auto;
  width: 320px;
  height: 100%;
  background: url(../images/banner_AAA_vote6.gif) no-repeat center center;
  background-size: auto 70px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.starpoll_ticket_banner {
  position: relative;
  overflow: hidden;
  height: 70px;
  background: #41037f;
}
.starpoll_ticket_banner:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  background: #993d12;
}
.starpoll_ticket_banner a {
  display: block;
  height: 70px;
}
.starpoll_ticket_banner .img {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_aaa_starpolldown.png) no-repeat center
    center;
  background-size: auto 70px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
/* 버튼 */ /* 수정 230413 세종 */
#footer .foot_info {
  display: flex;
  justify-content: center;
  height: 65px;
  background: #424242;
  color: #ccc;
}
#footer .foot_info li {
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 33px;
  height: 32px;
}
#footer .foot_info li:nth-child(1n + 2) {
  padding-left: 11px;
}
#footer .foot_info li:nth-child(1n + 2):before {
  content: "";
  position: absolute;
  top: 10px;
  left: 5px;
  bottom: 10px;
  width: 1px;
  background: #ccc;
  font-size: 0;
  line-height: 0;
}
#footer .foot_info li a,
#footer .foot_info li button {
  background: none;
  font-size: 14px;
  line-height: 16px;
  color: #ccc;
}
/* 카피 */ /* 수정 230413 세종 */
#footer .copy {
  padding-top: 10px;
  height: 55px;
  background: #424242;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.25px;
  color: #ccc;
}
/* 전체서비스 */
#footer .allservice {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
}
#footer .allservice:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.8;
}
#footer .allservice .group {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -265px;
}
#footer .allservice .group .bundle {
  text-align: center;
  letter-spacing: -1px;
}
#footer .allservice .group .bundle + .bundle {
  padding-top: 71px;
  background: url(../images/bl_square1.png) no-repeat center 27px;
  background-size: 14px 14px;
}
#footer .allservice .group .bundle h3 {
  font-size: 1.571em;
  line-height: 1em;
  color: #fff;
}
#footer .allservice .group .bundle h4 {
  font-size: 1.071em;
  font-weight: normal;
  line-height: 1em;
  white-space: nowrap;
  color: #fff;
  opacity: 0.6;
}
#footer .allservice .group .bundle h3 + h4 {
  margin-top: 11px;
}
#footer .allservice .group .bundle .title {
  display: block;
  font-weight: bold;
  font-size: 1.571em;
  line-height: 1em;
  color: #fff;
}
#footer .allservice .group .bundle .txt {
  display: block;
  font-size: 1.071em;
  font-weight: normal;
  line-height: 1em;
  white-space: nowrap;
  color: #fff;
  opacity: 0.6;
}
#footer .allservice .group .bundle .title + .txt {
  margin-top: 11px;
}
#footer .allservice .group .bundle .sngroup {
  display: block;
  overflow: hidden;
  margin-top: 13px;
  text-align: center;
}
#footer .allservice .group .bundle .sngroup a {
  display: inline-block;
  width: 36px;
  height: 36px;
}
#footer .allservice .group .bundle .sngroup a + a {
  margin-left: 5px;
}
#footer .allservice .group .bundle .sngroup img {
  width: 36px;
  height: 36px;
  vertical-align: top;
}
#footer .allservice .close {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 227px 0 0 -18px;
  width: 36px;
  height: 36px;
  background: url(../images/btn_close3.png) no-repeat center center;
  background-size: 18px 18px;
}

/* content */
#content {
  position: relative;
}

/* 공통 */ /* 수정 190507 세종 */
.bxcn {
  position: relative;
  overflow: hidden;
  margin: 10px 0;
  background: #fff;
}
.bxcn.ty1 {
  margin-top: 0;
}
.bxcn.ty2 {
  padding-left: 10px;
  padding-right: 10px;
}
.bxcn.ty3 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.bxcn .br1 {
  border: 1px solid #f12a49;
}
.bxcn2 {
  position: relative;
  margin: 10px 0 10px 10px;
  background: #fff;
}
.bxcn3 {
  position: relative;
  margin: 10px 0;
  background: url(../images/bg_back2.png) repeat 0 0;
  border: 1px solid #d3d3d3;
}
.bxcn4 {
  position: relative;
  margin: 10px 0;
  padding: 0 10px;
  background: #fff;
}
.bxcn5 {
  position: relative;
  margin: -10px 0 15px 15px;
}
.bxcn5 .h_tit1 {
  margin-left: -15px;
  padding: 26px 0 12px 15px;
}
.h_tit1.best_news_tit {
  letter-spacing: -0.05em;
}
.vm {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  font-size: 0;
  line-height: 0;
}
/* 폰트색 */
.c1 {
  color: #f12a49;
}
.c2 {
  color: #f12a49;
}
/* 타이틀 */
.h_tit1 {
  display: block;
  padding: 15px 0 12px 13px;
  background: url(../images/bg_back1.png) no-repeat 0 0;
  font-weight: bold;
  font-size: 1.071em;
  color: #000;
  background-size: 12px;
}
.h_tit2 {
  padding: 15px 0 8px 9px;
  font-size: 1.286em;
  letter-spacing: -0.5px;
}
.h_tit2_ty1 {
  font-size: 1em;
  line-height: 1.375em;
  text-indent: -0.5px;
}
.h_tit3 {
  display: block;
  margin-left: 13px;
  padding-top: 5px;
  font-size: 0.929em;
  font-weight: normal;
  letter-spacing: -0.5px;
}
.h_tit4 {
  display: block;
  padding: 12px 0 11px 12px;
  background: #fff;
  font-size: 0.929em;
  font-weight: normal;
  letter-spacing: -0.5px;
}
.h2_tit1 {
  margin-left: 13px;
  letter-spacing: -0.5px;
  color: #ed008c;
}
.sub_tit1 {
  margin: 0 14px;
  display: block;
  overflow: hidden;
  height: 32px;
  border: 1px solid #f12a49;
}
.sub_tit1 a {
  padding: 0 14px;
  display: block;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #f12a49;
}
/* 버튼 */
.btn_more1 {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(../images/btn_more1.png) no-repeat 0 0;
  font-size: 0;
  line-height: 0;
  background-size: 20px;
} /* 더보기 */
.btn_more2 {
  position: absolute;
  font-size: 0.929em;
  text-align: right;
  letter-spacing: -0.5px;
  color: #ed008c;
}
.btn_more3 {
  position: absolute;
  width: 50px;
  height: 43px;
  background: url(../images/bl_arrow1.png) no-repeat 20px 16px;
  font-size: 0;
  line-height: 0;
  background-size: 8px 12px;
} /* 바로가기 */
.btn_top {
  display: none;
  position: fixed;
  bottom: 80px;
  right: 10px;
} /* 탑 */
.btn_top img {
  width: 50px;
  height: 50px;
}
/* //수정 190507 세종 */
/* 검색 상세 */
.search_area {
  position: relative;
}
.search_area .group1 {
  height: 40px;
}
.search_area .group1 dt {
  float: left;
  margin-top: 12px;
  width: 23%;
  text-align: center;
  letter-spacing: -1px;
  color: #000;
}
.search_area .group1 dd {
  float: left;
}
.search_area .group1 dd a {
  display: block;
  padding: 0 14px;
  height: 40px;
  color: #666;
}
.search_area .group1 dd a .tx {
  display: block;
  padding: 12px 3px;
  height: 40px;
}
.search_area .group1 dd.on .tx {
  border-bottom: 5px solid #f12a49;
} /* 수정 190507 세종 */
.search_area .group2 {
  height: 40px;
  border-top: 1px solid #e5e5e5;
}
.search_area .group2 dt {
  float: left;
  margin-top: 12px;
  width: 23%;
  text-align: center;
  letter-spacing: -1px;
  color: #000;
}
.search_area .group2 dd {
  float: left;
  position: relative;
  width: 77%;
}
.search_area .group2 dd a {
  display: block;
  padding: 12px 14px;
  color: #666;
}
.search_area .group2 dd .bl {
  position: absolute;
  top: 14px;
  right: 14px;
}
.search_area .lay_sch {
  position: absolute;
  top: 81px;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #959595;
  z-index: 1;
}
.search_area .lay_sch .group {
}
.search_area .lay_sch .group li {
  height: 33px;
}
.search_area .lay_sch .group li a {
  display: block;
  padding-left: 20px;
  height: 33px;
  letter-spacing: -1px;
  line-height: 2.35714em;
}

/* lol1 */ /* 수정 170824 해리 */
#mainFlick + .lol1 {
  position: absolute;
  top: -1px;
  right: 10px;
} /* 추가 180323 동현 */
.lol1 {
  position: absolute;
  bottom: 72px;
  right: 5px;
}
.lol1 li {
  display: inline-block;
  margin-left: 4px;
  width: 8px;
  height: 8px;
  background: #f12a49;
  font-size: 0;
  line-height: 0;
  border: 2px solid #f12a49;
  border-radius: 25px;
} /* 수정 190507 세종 */
.lol1 li:first-child {
  margin-left: 0;
}
.lol1 li.on {
  background: none;
}
/* lol2 */
.lol2 {
  position: relative;
  overflow: hidden;
  height: 39px;
  background: #222;
}
.lol2 .all {
  display: block;
  float: left;
}
.lol2 .all a {
  padding: 0 0 0 10px;
  font-size: 1.071em;
  font-weight: normal;
  line-height: 2.7em;
  color: #999;
  white-space: nowrap;
}
.lol2 .all.on a {
  font-weight: bold;
  color: #fff;
}
.lol2 .group {
  position: relative;
  float: left;
  overflow: hidden;
  padding: 0 18px;
}
.lol2 .group ul {
  display: table;
}
.lol2 .group ul li {
  display: table-cell;
  padding: 0 10px;
  width: 200px;
  white-space: nowrap;
}
.lol2 .group ul li a {
  display: block;
  font-size: 1.071em;
  line-height: 2.7em;
  color: #999;
}
.lol2 .group ul li.on a {
  font-weight: bold;
  color: #ed008c;
}
.lol2 .group ul li:first-child {
  padding-left: 0;
}
.lol2 .lo_prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 39px;
  background: #222 url(../images/btn_prev.png) no-repeat 8px 14px;
  color: #fff;
  background-size: 5px 12px;
} /* 이전 */
.lol2 .lo_next {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 39px;
  background: #222 url(../images/btn_next.png) no-repeat 8px 14px;
  color: #fff;
  background-size: 5px 12px;
} /* 다음 */
/* lol3 */
.lol3 {
  position: absolute;
  top: 16px;
  right: 18px;
  overflow: hidden;
}
.lol3 ul {
}
.lol3 li {
  float: left;
  margin-left: 12px;
}
.lol3 li:first-child {
  margin-left: 0;
}
.lol3 li a {
  display: block;
  font-weight: normal;
  letter-spacing: -0.75px;
  color: #000;
}
.lol3 li.on a {
  color: #f12a49;
} /* 수정 190507 세종 */

/* tab */ /* 수정 240510 세종 */
.tab1 {
  overflow: hidden;
}
.tab1 ul {
  display: flex;
}
.tab1 ul li {
  flex: 1 1 30%;
  background: #222;
}
.tab1 ul li.s1 {
  width: 28%;
}
.tab1 ul li.s2 {
  width: 32%;
}
.tab1 ul li.s3 {
  width: 40%;
}
.tab1 ul li a {
  display: block;
  height: 39px;
  font-size: 1.071em;
  line-height: 2.6em;
  text-align: center;
  letter-spacing: -0.5px;
  color: #999;
  border-left: 1px solid #666;
}
.tab1 ul li:first-child a {
  border-left: 0;
}
.tab1 ul li.on a {
  color: #f12a49;
} /* 수정 190507 세종 */
.tab1 .group1 a {
  color: #666;
}
.tab1 .group1 .on a {
  color: #fff;
}

/* lst1 */ /* 수정 170824 해리 */
.lst1 {
  position: relative;
  padding: 0 12px 20px;
}
.lst1 .group {
}
.lst1 .bundle {
  overflow: hidden;
  margin-top: 11px;
}
.lst1 .bundle:first-child {
  margin-top: 0;
}
.lst1 .bundle a {
  overflow: hidden;
  display: block;
  height: 17px;
  line-height: 17px;
  letter-spacing: -0.5px;
}
.lst1 .bundle .num {
  float: left;
  margin-right: 3px;
  width: 16px;
  height: 16px;
  background: #f12a49;
  background-position: 0 9px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  border-radius: 45px;
} /* 수정 190507 세종 */
.lst1 .ad .bundle .num {
  vertical-align: top;
}
.lst1 .ad .bundle a {
  width: 90%;
}

/* lst_type1 */
.lst_type1 {
  position: relative;
}
.lst_type1 .group {
}
.lst_type1 .bundle {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
} /* 수정 190507 세종 */
.lst_type1 .bundle:first-child {
} /* 수정 190507 세종 */
.lst_type1 .bundle + .bundle {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
} /* 수정 190507 세종 */
.lst_type1 .bundle a {
  position: relative;
  overflow: hidden;
  display: block;
  font-size: 1.071em;
  letter-spacing: -0.5px;
  line-height: 1.4em;
}
.lst_type1 .bundle .thum {
  overflow: hidden;
  display: block;
  width: 33.334%;
}
.lst_type1 .bundle .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 45%;
  background-size: cover;
  font-size: 0;
}
.lst_type1 .bundle .area {
  padding: 14px 14px 12px;
  height: 100%;
  height: 100%;
} /* 수정 180323 동현 */
.lst_type1 .bundle .area .txt {
  display: inline-block;
  overflow: hidden;
  max-height: 42px;
  font-weight: normal;
  font-size: 1.071em;
  line-height: 1.4em;
  vertical-align: middle;
}
.lst_type1 .bundle .thum + .area {
  position: absolute;
  top: 0;
  left: 0;
  right: 10px;
  margin-left: 33.334%;
  padding: 0 0 0 10px;
  height: 100%;
} /* 수정 170404 윤선 */
.lst_type1 .bundle .thum + .area .txt {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

/* lst_type2 추가 180323 동현 */
.lst_type2 {
  position: relative;
}
.lst_type2 .group {
}
.lst_type2 .group .bundle {
  overflow: hidden;
  padding: 0 9px;
  width: 100%;
  height: 43px;
}
.lst_type2 .group .bundle + .bundle {
  border-top: 1px solid #e5e5e5;
}
.lst_type2 .group .bundle a {
  color: #000;
}
.lst_type2 .group .bundle a .txt {
  display: block;
  overflow: hidden;
  height: 43px;
  font-weight: normal;
  font-size: 16px;
  line-height: 43px;
  letter-spacing: -0.1px;
}

/* lst_type3 추가 180323 동현 */
.lst_type3 {
  position: relative;
}
.lst_type3 .group {
}
.lst_type3 .bundle {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.lst_type3 .bundle + .bundle {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
} /* 수정 190507 세종 */
.lst_type3 .bundle a {
  position: relative;
  overflow: hidden;
  display: block;
  font-size: 1.071em;
  letter-spacing: -0.5px;
  line-height: 1.4em;
}
.lst_type3 .bundle .thum {
  overflow: hidden;
  display: block;
  width: 33.334%;
}
.lst_type3 .bundle .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 45%;
  background-size: cover;
  font-size: 0;
}
.lst_type3 .bundle .area {
  position: absolute;
  top: 0;
  left: 0;
  right: 10px;
  margin-left: 33.334%;
  padding: 0 0 0 10px;
  height: 100%;
}
.lst_type3 .bundle .area .txt {
  /* 수정 240703 세종 */
  display: inline-block;
  overflow: hidden;
  max-height: 54px;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  vertical-align: middle;
}

/* lst_type4 추가 180323 동현 */
.lst_type4 {
  position: relative;
}
.lst_type4 .group {
}
.lst_type4 .bundle {
  position: relative;
  overflow: hidden;
  padding: 10px 9px;
  width: 100%;
}
.lst_type4 .bundle + .bundle {
  border-top: 1px solid #e5e5e5;
}
.lst_type4 .bundle:first-child {
  padding-left: 0;
} /* 추가 190507 세종 */
.lst_type4 .bundle a {
  color: #000;
}
.lst_type4 .bundle a > .txt {
  display: block;
  overflow: hidden;
  height: 16px;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: -0.1px;
}
.lst_type4 .bundle .thum {
  overflow: hidden;
  display: block;
  width: 35.461%;
}
.lst_type4 .bundle .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 66%;
  background-size: cover;
  font-size: 0;
  line-height: 0;
}
.lst_type4 .bundle .area {
  position: absolute;
  top: 0;
  left: 0;
  right: 10px;
  margin-left: calc(35.461% + 13px);
  height: 100%;
} /* 수정 190507 세종 */
.lst_type4 .bundle .area .vm_group {
  display: inline-block;
  overflow: hidden;
  margin-top: 3px;
  vertical-align: middle;
}
.lst_type4 .bundle .area .vm_group .group_tit {
  display: inline-block;
  padding: 0 10px;
  height: 20px;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.1px;
  color: #fffefe;
  background: #f12a49;
  border-radius: 10px;
} /* 수정 190507 세종 */
.lst_type4 .bundle .area .vm_group .group_tit.tit_s01 {
  background: #f74747;
} /* 추가_180424_성광 */
.lst_type4 .bundle .area .vm_group .group_tit.tit_s02 {
  background: #7479e9;
} /* 추가_180424_성광 */
.lst_type4 .bundle .area .vm_group .txt {
  display: block;
  overflow: hidden;
  margin-top: 6px;
  max-height: 44px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.1px;
}

/* bx_thum1 */ /* 수정 170824 해리 */
.bx_thum1 {
  position: relative;
  width: 100%;
}
.bx_thum1 .bundle {
}
.bx_thum1 .bundle a {
  position: relative;
  overflow: hidden;
  display: block;
  height: 100%;
}
.bx_thum1 .bundle img {
  display: block;
  width: 100%;
  height: auto;
}
.bx_thum1 .bundle .area {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 46px;
}
/* 추가 180523 동현 */
.bx_thum1 .bundle .area.ico_vod .txt {
  position: relative;
  padding-left: 57px;
  padding-right: 10px;
}
.bx_thum1 .bundle .area.ico_vod:after {
  content: " ";
  position: absolute;
  top: 4px;
  left: 10px;
  width: 38px;
  height: 38px;
  background: url(../images/icon_play2.png) no-repeat 0 0;
  background-size: cover;
}
/* //추가 180523 동현 */
.bx_thum1 .bundle .area .txt {
  overflow: hidden;
  display: inline-block;
  margin: 0 10px;
  height: 46px;
  font-weight: normal;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.4px;
  vertical-align: middle;
  color: #fff;
}
.bx_thum1 .bundle .edg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 67px;
  background: #000;
  opacity: 0.7;
}

/* lst_thum1 */
.lst_thum1 {
  position: relative;
}
.lst_thum1 .group {
  width: 100%;
}
.lst_thum1 .bundle {
  position: relative;
  float: left;
  margin-left: 5px;
  width: 140px;
  height: 118px;
}
.lst_thum1 .bundle:first-child {
  margin-left: 0;
}
.lst_thum1 .bundle a {
  display: block;
}
.lst_thum1 .bundle a .thum {
  overflow: hidden;
  display: block;
  width: 140px;
  height: 118px;
}
.lst_thum1 .bundle a .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 73%;
  background-size: cover;
  font-size: 0;
}
.lst_thum1 .bundle a .area {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 140px;
  height: 25px;
  text-align: center;
}
.lst_thum1 .bundle a .txt {
  overflow: hidden;
  display: inline-block;
  padding: 0 15px;
  height: 25px;
  background: url(../images/bg_png75.png) repeat 0 0;
  letter-spacing: -0.75px;
  line-height: 1.785714em;
  color: #ed008c;
  border-radius: 30px;
}
/* lst_thum1_2 */ /* 수정 170824 해리 */
.lst_thum1_2 {
  position: relative;
}
.lst_thum1_2 .group {
}
.lst_thum1_2 .bundle {
  position: relative;
  float: left;
  margin-left: 10px;
  width: 190px;
}
.lst_thum1_2 .bundle:first-child {
  margin-left: 0;
}
.lst_thum1_2 .bundle a {
  display: block;
}
.lst_thum1_2 .bundle a .thum {
  overflow: hidden;
  display: block;
  width: 190px;
  height: 190px;
}
.lst_thum1_2 .bundle a .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  background-size: cover;
  font-size: 0;
}
.lst_thum1_2 .bundle a .txt {
  overflow: hidden;
  display: block;
  margin: 8px 6px 16px 6px;
  height: 35px;
  font-size: 1.071em;
  letter-spacing: -0.5px;
  line-height: 1.2857em;
}
/* lst_thum1_3 */
.lst_thum1_3 {
  position: relative;
}
.lst_thum1_3 .group {
  width: 100%;
}
.lst_thum1_3 .bundle {
  position: relative;
  float: left;
  margin-left: 5px;
  width: 126px;
}
.lst_thum1_3 .bundle:first-child {
  margin-left: 0;
}
.lst_thum1_3 .bundle a {
  display: block;
}
.lst_thum1_3 .bundle a .thum {
  overflow: hidden;
  display: block;
  width: 126px;
  height: 110px;
}
.lst_thum1_3 .bundle a .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 75%;
  background-size: cover;
  font-size: 0;
}
.lst_thum1_3 .bundle a .txt {
  overflow: hidden;
  display: block;
  margin: 8px 6px 16px 6px;
  height: 35px;
  letter-spacing: -0.5px;
  line-height: 1.2857em;
}
/* lst_thum2 */
.lst_thum2 {
  position: relative;
  overflow: hidden;
  margin: 0 7px;
} /* 수정 190507 세종 */
.lst_thum2 .group {
  width: 100%;
}
.lst_thum2 .bundle {
  overflow: hidden;
  float: left;
  width: 50%;
  background: #fff;
}
.lst_thum2 .bundle a {
  display: block;
  margin: 0 3px;
}
.lst_thum2 .bundle a .thum {
  overflow: hidden;
  display: block;
  width: 100%;
}
.lst_thum2 .bundle a .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 69.4%;
  background-size: cover;
  font-size: 0;
}
.lst_thum2 .bundle a .txt {
  overflow: hidden;
  display: block;
  margin: 8px 6px 16px 6px;
  height: 34px;
  letter-spacing: -0.5px;
  line-height: 1.2857em;
}
/* lst_thum2_2 */
.lst_thum2_2 {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.lst_thum2_2 .group {
  margin: -10px -3px 0;
}
.lst_thum2_2 .bundle {
  position: relative;
  overflow: hidden;
  float: left;
  margin-top: 10px;
  background: #fff;
}
.lst_thum2_2 .bundle a {
  display: block;
  margin: 0 3px;
  width: 147px;
}
.lst_thum2_2 .bundle a .thum {
  position: relative;
  overflow: hidden;
  display: block;
  width: 147px;
  height: 147px;
}
.lst_thum2_2 .bundle a .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 89.12%;
  background-size: cover;
  font-size: 0;
}
.lst_thum2_2 .bundle a .txt {
  overflow: hidden;
  display: block;
  margin: 8px 6px 11px 6px;
  height: 35px;
  font-weight: normal;
  letter-spacing: -0.5px;
  line-height: 1.2857em;
}
.lst_thum2_2 .bundle a .num {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 48px;
  height: 28px;
  background: url(../images/bg_png70.png) repeat 0 0;
  font-size: 1.143em;
  line-height: 1.75em;
  text-align: center;
  color: #f12a49;
  border: 1px solid #f12a49;
} /* 수정 190507 세종 */
/* lst_thum2_3 */
.lst_thum2_3 {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.lst_thum2_3 .group {
  margin: -10px -3px;
}
.lst_thum2_3 .bundle {
  position: relative;
  float: left;
  overflow: hidden;
  margin-top: 10px;
  background: #fff;
}
.lst_thum2_3 .bundle a {
  display: block;
  margin: 0 3px;
  width: 147px;
}
.lst_thum2_3 .bundle a .thum {
  position: relative;
  overflow: hidden;
  display: block;
  width: 147px;
  height: 88px;
}
.lst_thum2_3 .bundle a .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 49%;
  background-size: cover;
  font-size: 0;
}
.lst_thum2_3 .bundle a .txt {
  overflow: hidden;
  display: block;
  margin: 8px 6px 11px 6px;
  height: 35px;
  font-weight: normal;
  letter-spacing: -0.5px;
  line-height: 1.2857em;
}
.lst_thum2_3 .bundle a .vod {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 7px;
  width: 40px;
  height: 30px;
  background: url(../images/bg_png70.png) repeat 0 0;
  text-align: center;
}
.lst_thum2_3 .bundle a .vod img {
  width: 14px;
  height: 16px;
}
.lst_thum2_3.star_movie_slide {
  width: 300px;
}
.lst_thum2_3.star_movie_slide .bundle {
  width: 147px;
  margin-right: 6px;
}
.lst_thum2_3.star_movie_slide .bundle:last-child {
  margin-right: 0;
}
.lst_thum2_3.star_movie_slide .bundle .rank {
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  background: rgba(255, 0, 71, 0.6);
  font-weight: bold;
  font-size: 12px;
  line-height: 23px;
  text-align: center;
  letter-spacing: -0.025rem;
  color: #fff;
  z-index: 1;
}
.lst_thum2_3.star_movie_slide .bundle a {
  margin: 0;
}
.slide_pagination_area {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  width: 83px;
  height: 43px;
}
.slide_pagination_area .slide_pagination {
  position: absolute;
  top: 0;
  left: calc(50% - 18.5px);
  width: 37px;
  font-size: 12px;
  line-height: 45px;
  text-align: center;
  letter-spacing: -0.05rem;
}
.slide_pagination_area .slide_pagination .swiper-pagination-current {
  color: #f12a49;
}
.slide_pagination_area .slide_btn {
  width: 28px;
  height: 43px;
  background: url(../images/btn/btn_slide_prev.png) no-repeat 9px center;
  background-size: 9px 14px;
}
.slide_pagination_area:hover .slide_btn {
  cursor: pointer;
}
.slide_pagination_area .slide_btn.next {
  float: right;
  background-image: url(../images/btn/btn_slide_next.png);
}
.slide_pagination_area .slide_btn.prev {
  float: left;
}

/* lst_thum2_4 */
.lst_thum2_4 {
  position: relative;
  overflow: hidden;
  margin: 0 -3px;
}
.lst_thum2_4 .group {
  width: 100%;
}
.lst_thum2_4 .bundle {
  float: left;
  overflow: hidden;
  width: 50%;
  background: #fff;
}
.lst_thum2_4 .bundle a {
  display: block;
  margin: 0 3px;
}
.lst_thum2_4 .bundle a .thum {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}
.lst_thum2_4 .bundle a .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 79.6%;
  background-size: cover;
  font-size: 0;
}
.lst_thum2_4 .bundle a .txt {
  overflow: hidden;
  display: block;
  margin: 8px 6px 11px 6px;
  height: 35px;
  letter-spacing: -0.5px;
  line-height: 1.2857em;
}
/* lst_thum2_5 */
.lst_thum2_5 {
  position: relative;
  overflow: hidden;
}
.lst_thum2_5 .group {
  width: 100%;
}
.lst_thum2_5 .bundle {
  overflow: hidden;
  float: left;
  margin-top: 10px;
  width: 50%;
  background: #fff;
}
.lst_thum2_5 .bundle a {
  display: block;
  margin: 0 3px;
}
.lst_thum2_5 .bundle a .thum {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}
.lst_thum2_5 .bundle a .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 79.6%;
  background-size: cover;
  font-size: 0;
}
.lst_thum2_5 .bundle a .txt {
  overflow: hidden;
  display: block;
  margin: 8px 6px 9px 6px;
  height: 35px;
  letter-spacing: -0.5px;
  line-height: 1.2857em;
}
.lst_thum2_5 .bundle a .num {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 48px;
  height: 28px;
  background: url(../images/bg_png70.png) repeat 0 0;
  font-size: 1.143em;
  line-height: 1.75em;
  text-align: center;
  color: #f12a49;
  border: 1px solid #f12a49;
} /* 수정 190507 세종 */
/* lst_thum2_6 */ /* 추가_180302_성광 */
.lst_thum2_6 {
  position: relative;
  overflow: hidden;
}
.lst_thum2_6 .group {
  margin-right: 15px;
}
.lst_thum2_6 .bundle {
  position: relative;
  float: left;
}
.lst_thum2_6 .bundle a {
  display: block;
  overflow: hidden;
  margin-left: 6px;
  width: 132px;
  background: #fff;
}
.lst_thum2_6 .bundle:first-child a {
  margin-left: 0;
}
.lst_thum2_6 .bundle a .thum {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 79px;
}
.lst_thum2_6 .bundle a .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 49%;
  background-size: cover;
  font-size: 0;
}
.lst_thum2_6 .bundle a .txt {
  overflow: hidden;
  display: block;
  margin: 10px;
  height: 32px;
  font-size: 13px;
  letter-spacing: -0.5px;
  line-height: 1.2857em;
}
.lst_thum2_6 .bundle a .vod {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 7px;
  width: 40px;
  height: 30px;
  background: url(../images/bg_png70.png) repeat 0 0;
  text-align: center;
}
.lst_thum2_6 .bundle a .vod img {
  width: 14px;
  height: 16px;
}
/* //추가_180302_성광 */
/* 추가 180323 동현 */
/* lst_thum2_7 */
.lst_thum2_7 {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.lst_thum2_7 .group {
  margin: 0 -1px 0;
}
.lst_thum2_7 .bundle {
  position: relative;
  overflow: hidden;
  float: left;
  background: #fff;
}
.lst_thum2_7 .bundle a {
  display: block;
  margin: 0 1px;
  width: 100%;
}
.lst_thum2_7 .bundle a .thum {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}
.lst_thum2_7 .bundle a .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 73.8255%;
  background-size: cover;
  font-size: 0;
  line-height: 0;
}
.lst_thum2_7 .bundle a .txt {
  overflow: hidden;
  display: block;
  margin: 8px 6px 11px 10px;
  height: 35px;
  letter-spacing: -0.5px;
  line-height: 1.2857em;
}
.lst_thum2_7 .bundle a .num {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 48px;
  height: 28px;
  background: url(../images/bg_png70.png) repeat 0 0;
  font-size: 1.143em;
  line-height: 1.75em;
  text-align: center;
  color: #ed008c;
  border: 1px solid #ed008c;
}
/* //추가 180323 동현 */
/* lst_thum3 */
.lst_thum3 {
  position: relative;
  overflow: hidden;
  margin: 0 -3px;
}
.lst_thum3 .group {
  width: 100%;
}
.lst_thum3 .bundle {
  position: relative;
  overflow: hidden;
  float: left;
  width: 50%;
}
.lst_thum3 .bundle a {
  display: block;
  margin: 0 3px;
}
.lst_thum3 .bundle a .thum {
  overflow: hidden;
  display: block;
  width: 100%;
}
.lst_thum3 .bundle a .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 47%;
  background-size: cover;
  font-size: 0;
}
.lst_thum3 .bundle a .pda_area {
  padding-bottom: 78%;
}
.lst_thum3 .bundle a .area {
  position: absolute;
  top: 0;
  left: 0px;
  bottom: 0;
  height: 100%;
  background: #1486f1;
}
.lst_thum3 .bundle a .txt {
  overflow: hidden;
  display: inline-block;
  padding: 0 10px;
  max-height: 52px;
  line-height: 1.2857em;
  text-align: center;
  vertical-align: middle;
  letter-spacing: -0.5px;
  color: #fff;
}
.lst_thum3 .bundle a .thum + .area {
  position: relative;
  height: initial;
  padding: 0;
  background: none;
}
.lst_thum3 .bundle a .thum + .area .txt {
  overflow: hidden;
  display: block;
  margin: 8px 6px 16px 6px;
  padding: 0;
  height: 34px;
  background: #fff;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  letter-spacing: -0.5px;
  line-height: 1.2857em;
  color: #222;
}
.lst_thum3 .bundle a .thum + .area .vm {
  display: none;
}
.lst_thum3 .bundle a .bx {
  position: absolute;
  top: 0;
  left: 3px;
  width: 30px;
  height: 20px;
  background: #ed008c;
  font-size: 0.857em;
  line-height: 1.8em;
  text-align: center;
  color: #fff;
}
/* lst_thum4 */
.lst_thum4 {
  position: relative;
}
.lst_thum4 .group {
}
.lst_thum4 .bundle {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.lst_thum4 .bundle:first-child {
  border-top: 0;
}
.lst_thum4 .bundle a {
  position: relative;
  overflow: hidden;
  display: block;
  font-size: 1.071em;
  letter-spacing: -0.5px;
  line-height: 1.4em;
}
.lst_thum4 .bundle .thum {
  overflow: hidden;
  display: block;
  width: 100%;
}
.lst_thum4 .bundle .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 88.338%;
  background-size: cover;
  font-size: 0;
}
.lst_thum4 .bundle .area {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 59px;
  background: url(../images/bg_png70.png) repeat 0 0;
}
.lst_thum4 .bundle .area .txt {
  display: inline-block;
  overflow: hidden;
  padding: 0 10px;
  max-height: 42px;
  font-size: 1.071em;
  line-height: 1.4em;
  vertical-align: middle;
  color: #fff;
}
.lst_thum4 .bundle a .bx {
  position: absolute;
  top: 0;
  left: 0;
  width: 58px;
  height: 38px;
  background: url(../images/bg_png70.png) repeat 0 0;
  font-size: 1.429em;
  line-height: 1.8em;
  text-align: center;
  color: #ed008c;
  border: 1px solid #ed008c;
}
/* lst_thum4_1 // 추가 170403 윤선 */
.lst_thum4_1 {
  position: relative;
}
.lst_thum4_1 .group {
}
.lst_thum4_1 .bundle {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.lst_thum4_1 .bundle:first-child {
  border-top: 0;
}
.lst_thum4_1 .bundle a {
  position: relative;
  overflow: hidden;
  display: block;
  font-size: 1.071em;
  letter-spacing: -0.5px;
  line-height: 1.4em;
}
.lst_thum4_1 .bundle .thum {
  overflow: hidden;
  display: block;
  width: 100%;
}
.lst_thum4_1 .bundle .thum .img {
  display: block;
  width: 100%;
  padding-bottom: 53.338%;
  background-size: cover;
  font-size: 0;
}
.lst_thum4_1 .bundle .area {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 32px;
  background: url(../images/bg_png70.png) repeat 0 0;
}
.lst_thum4_1 .bundle .area .txt {
  display: block;
  overflow: hidden;
  padding: 0 10px;
  height: 32px;
  font-size: 1.143em;
  line-height: 2em;
  vertical-align: middle;
  color: #fff;
}

/* 리스트박스 */
.bx_lst {
}
.bx_lst a,
.bx_lst .bxws {
  display: block;
  padding: 11px 60px 6px 14px;
} /* 수정 220927 세종 */
.bx_lst .tit {
  display: block;
  font-weight: normal;
  font-size: 1.071em;
  line-height: 1.4em;
}
.bx_lst .num {
  display: block;
  margin-top: 3px;
  font-size: 0.929em;
  letter-spacing: -0.5px;
}
.bx_lst .bar {
  position: absolute;
  top: 16px;
  right: 21px;
}
.bx_lst .bar .br {
  display: block;
  margin-top: 3px;
  width: 24px;
  height: 4px;
  background: #000;
}
/* 리스트 레이어 */
.lay_lst {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.lay_lst .bx {
  position: relative;
  margin: 0 10px;
  padding: 0 10px 10px;
  background: #666;
}
.lay_lst .bx .tit {
  display: block;
  padding: 9px 0 5px 5px;
  font-weight: normal;
  color: #fff;
}
.lay_lst .bx .lst {
  padding: 12px 17px 12px 19px;
  background: #fff;
}
.lay_lst .bx .lst ul {
}
.lay_lst .bx .lst ul li {
}
.lay_lst .bx .lst ul li a {
  overflow: hidden;
  display: block;
  height: 28px;
  font-weight: normal;
  font-size: 1.071em;
  line-height: 1.8666em;
  letter-spacing: -0.5px;
}
.lay_lst .bx .close {
  position: absolute;
  top: 9px;
  right: 15px;
  width: 14px;
  height: 14px;
  background: url(../images/btn_close1.png) no-repeat 0 0;
  background-size: 14px;
}

/* 본문 */
#article {
  position: relative;
  padding-bottom: 32px;
} /* 수정 170921 윤선 */
.article-bottom-0 {
  padding-bottom: 0 !important;
} /* 추가 20230303 원석 */

#article .subject {
  overflow: hidden;
  padding: 17px 11px;
}
#article .subject h1 {
  font-size: 1.571em;
  font-weight: normal;
  line-height: 1.2727em;
  letter-spacing: -0.5px;
}
#article .subject h2 {
  margin-top: 7px;
  font-size: 1.143em;
  font-weight: normal;
  line-height: 1.25em;
  letter-spacing: -0.5px;
  color: #404040;
}

#article .function {
  position: relative;
}
#article .function .writer {
  display: block;
  margin: 0 11px;
  font-size: 0.857em;
  letter-spacing: -0.5px;
  color: #888;
}

#article .function .area {
  position: relative;
  overflow: hidden;
  margin: 16px 9px 0 11px;
} /* 수정 170601 윤선 */
#article .function .area .sc_bx {
  overflow: hidden;
} /* 수정 170601 윤선 */
#article .function .area .sc_bx li {
  float: left;
  margin-left: 5px;
} /* 수정 170601 윤선 */
#article .function .area .sc_bx li:first-child {
  margin-left: 0;
} /* 수정 170601 윤선 */
#article .function .area .sc_bx li a {
  display: block;
}
#article .function .area .sc_bx li a img {
  display: block;
  width: 27px;
  height: 27px;
}
#article .function .area .size {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 48px;
  height: 27px;
  background: #fff;
  line-height: 1.92857em;
  letter-spacing: -0.5px;
  color: #000;
  border: 1px solid #000;
  border-radius: 35px;
} /* 수정 170601 윤선 */
/* 추가 170824 해리 */
#article .function .area .sc_bx2 {
}
#article .function .area .sc_bx2 li {
  float: left;
  width: 50%;
  height: 30px;
  text-align: center;
}
#article .function .area .sc_bx2 li a {
  display: block;
  width: 100%;
  font-size: 0.857em;
  line-height: 30px;
  letter-spacing: -0.4px;
}
#article .function .area .sc_bx2 li.ca a {
  background: #ffe600;
  color: #012b2a;
}
#article .function .area .sc_bx2 li.fa a {
  background: #00539e;
  color: #fefefe;
}
#article .function .area .sc_bx2 li.nv a {
  background: #04c75a;
  color: #fefefe;
} /* 추가 220915 세종 */
/* 추가 200403 동현 */
#article .function .area .sc_bx3 {
  overflow: hidden;
}
#article .function .area .sc_bx3 li {
  float: left;
  margin-left: 5px;
}
#article .function .area .sc_bx3 li:first-child {
  margin-left: 0;
}
#article .function .area .sc_bx3 a {
  display: block;
}
#article .function .area .sc_bx3 li .fnc_btn {
  position: relative;
  width: 54px;
  height: 27px;
  background: #fff;
  font-size: 13px;
  line-height: 1.9285em;
  letter-spacing: -0.05px;
  text-align: right;
  color: #000;
  border: 1px solid #000;
  border-radius: 35px;
}
#article .function .area .sc_bx3 li .fnc_btn span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 1px;
  height: 13px;
  font-size: 13px;
  line-height: 13px;
}
#article .function .area .sc_bx3 li .fnc_btn span.comment {
  visibility: visible;
  width: 38px;
}
#article .function .area .sc_bx3 li .fnc_btn span.comment:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 11px;
  height: 11px;
  background: url(../images/btn/btn_function1.png) no-repeat;
  background-position: 0 0;
  background-size: cover;
}
#article .function .area .sc_bx3 li .fnc_btn span.share {
  visibility: visible;
  width: 36px;
}
#article .function .area .sc_bx3 li .fnc_btn span.share:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 9px;
  height: 11px;
  background: url(../images/btn/btn_function1.png) no-repeat;
  background-position: -12px 0;
  background-size: cover;
}

/* 공유 레이어 팝업 */
#article .share_layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}
#article .share_layer.on {
  display: block;
}
#article .share_layer .cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 270px;
  height: 219px;
  background: #fff;
  z-index: 11;
}
#article .share_layer .title {
  display: block;
  margin-top: 15px;
  font-weight: bold;
  font-size: 18px;
  line-height: 19px;
  letter-spacing: -0.05em;
  text-align: center;
  color: #000;
}
#article .share_layer ul {
  overflow: hidden;
  margin: 25px auto 0;
  width: 195px;
}
#article .share_layer ul li {
  float: left;
  margin-left: 15px;
}
#article .share_layer ul li:nth-child(3n + 1) {
  margin-left: 0;
}
#article .share_layer ul li:nth-child(n + 4) {
  margin-top: 15px;
}
#article .share_layer ul li a {
  display: block;
}
#article .share_layer ul li span {
  display: block;
  overflow: hidden;
  width: 55px;
  height: 55px;
  background: url(../images/btn/btn_sns1.png) no-repeat;
  background-size: 195px 125px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
#article .share_layer ul li span.kakaotalk {
  background-position: 0 0;
}
#article .share_layer ul li span.twitter {
  background-position: -70px 0;
}
#article .share_layer ul li span.facebook {
  background-position: -140px 0;
}
#article .share_layer ul li span.kakaoStory {
  background-position: 0 -70px;
}
#article .share_layer ul li span.line {
  background-position: -70px -70px;
}
#article .share_layer ul li span.weibo {
  background-position: -140px -70px;
}
#article .share_layer .btn_share_layer_close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 19px;
  height: 19px;
  background: url(../images/btn_close2.png) no-repeat center center;
  background-size: cover;
}
/*LiveX, MMT 랜딩 레이어 팝업*/
.landing_layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
}
.landing_layer.on {
  display: block;
}
.landing_layer .cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 305px;
  background: url(../images/bg_aaa_2020_landing_popup_v2.png) no-repeat 0 0;
  background-size: cover;
  z-index: 11;
}
.landing_layer .cont .landing_list {
  position: absolute;
  top: 183.5px;
  left: 50%;
  transform: translateX(-50%);
}
.landing_layer .cont .landing_list li {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 213px;
  height: 30px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
.landing_layer .cont .landing_list li + li {
  margin-top: 10px;
}
.landing_layer .cont .landing_list li a {
  display: block;
  height: 100%;
}
.landing_layer .btn_landing_layer_close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 19px;
  height: 19px;
  background: url(../images/btn_close2.png) no-repeat center center;
  background-size: cover;
}

/* 추가 181114 동현 */
#article .writer_cmt {
  position: relative;
  overflow: hidden;
  margin-top: 17px;
  font-weight: normal;
  font-size: 0.929em;
  line-height: 18px;
  word-spacing: 1px;
  letter-spacing: -0.6px;
  color: #92a5d5;
}
#article .writer_cmt strong {
  font-weight: normal;
}
#article .writer_cmt a {
  position: absolute;
  right: 6px;
  bottom: 0;
  padding-left: 10px;
  background: url(../images/bl_arrow2.gif) no-repeat 0 center;
  background-size: auto 4px;
  color: #92a5d5;
}
/* //추가 181114 동현 */

#article .con_area {
  margin-top: 10px;
  font-size: 1.143em;
  line-height: 1.375em;
  text-indent: -0.5px;
}
#article .con_area.large_text {
  font-size: 1.4em;
  line-height: 1.6em;
}
#article .con_area.large_text .h_tit2_ty1 {
  line-height: 1.6em;
}
#article .con_area .photo {
  display: table;
  overflow: hidden;
  margin: 0 auto 20px;
  border-collapse: collapse;
}
#article .con_area .photo .tr {
  display: table-row;
}
#article .con_area .photo .td {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#article .con_area .photo.left {
  float: left;
  margin: 0 20px 10px 0;
  max-width: 560px;
}
#article .con_area .photo.right {
  float: right;
  margin: 0 0 10px 20px;
  max-width: 560px;
}
#article .con_area .photo.center {
  margin: 0 auto 20px;
}
#article .con_area .photo img {
  display: block;
  max-width: 100%;
}
#article .con_area .photo .txt {
  padding-top: 4px;
  width: 50px;
  font-size: 0.857em;
  text-align: left !important;
  line-height: 1.3em;
  text-align: left;
  color: #888;
}
/* 이전 다음 버튼 */
#article .con_area button {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  width: 27px;
  height: 35px;
}
#article .con_area .prev {
  left: 0;
  background: url(../images/btn_thum_prev.png) no-repeat 0 0;
  background-size: 27px 35px;
}
#article .con_area .next {
  right: 0;
  background: url(../images/btn_thum_next.png) no-repeat 0 0;
  background-size: 27px 35px;
}

#article .copy {
  margin-top: 24px;
  font-size: 1.143em;
  letter-spacing: -0.5px;
  line-height: 1.375em;
}

#article .article_list {
  position: relative;
  margin-top: 36px;
}
#article .article_list h3 {
  font-size: 1.143em;
  letter-spacing: -0.5px;
  color: #f12a49;
} /* 수정 190507 세종 */
#article .article_list .t_list {
}
#article .article_list .t_list li {
  overflow: hidden;
  margin-top: 8px;
  padding-left: 11px;
  max-height: 44px;
  background: url(../images/bl_rel1.png) no-repeat 0 7px;
  background-size: 7px;
}
#article .article_list .t_list li a {
  display: block;
  font-size: 1.143em;
  line-height: 1.375em;
  letter-spacing: -0.5px;
}
/* 수정_180302_성광 */
.social {
  position: relative;
  padding: 20px 0;
  text-align: center;
  background: #fff;
}
.social ul {
}
.social ul li {
  display: inline-block;
  vertical-align: top;
}
.social ul li a {
  display: block;
}
.social ul li a img {
  display: block;
  width: 27px;
  height: 27px;
}
/* //수정_180302_성광 */

#article iframe {
  margin-left: auto;
  margin-right: auto;
  max-width: 560px;
  width: 100%;
  display: block;
} /* 추가 171110 윤선 */
#article .iframe_box {
  position: relative;
  margin: 0 auto;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 560px;
  max-height: 315px;
  width: 100%;
  height: 0;
  text-align: center;
} /* 추가 171110 윤선 */
#article .iframe_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  max-height: 315px;
  height: 100%;
} /* 추가 171110 윤선 */
/* 추가 181217 세종 */
#content .infi_area {
  clear: both;
}
#content .infi_area .infi_grp {
  overflow: hidden;
}
#content .infi_area .infi_grp .infi_bdl {
  width: 100%;
}
#content .infi_area .infi_grp .infi_bdl.h200 {
  overflow: hidden;
  height: 300px;
}
.infi_bdl.h200 + .infi_bdl.h200 {
  display: none;
} /* 추가 190513 세종 */
#content .infi_area .atcnextbox {
  display: block;
  position: relative;
  height: 50px;
  z-index: 2;
}
#content .infi_area .atcnextbox:before {
  content: " ";
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  height: 30px;
  background: url(../images/bg_btngdt1.png) repeat-x 0 0;
  background-size: auto 100%;
}
#content .infi_area .atcnext {
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  background: #fff;
  font-size: 1.286em;
  color: #999;
  border: 1px solid #ddd;
  border-top: none;
}
/* //추가 181217 세종 */
/* 추가 190513 세종 */
#content .op_sreply {
  display: block;
  position: relative;
  height: 45px;
  background: #fff;
  font-size: 1.143em;
  line-height: 45px;
  border: 1px solid #d1d1d1;
}
#content .op_sreply .txt {
  display: block;
  height: 100%;
  text-indent: 1em;
  color: #aaa;
}
#content .op_sreply .btn {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  padding: 0 1em;
  min-width: 50px;
  background: #f12a49;
  text-align: center;
  color: #fff;
}
.livere-wrap {
  margin: 35px 0px;
}
.livere-wrap .livere-temp {
  min-height: 45px;
}
/*라이브리*/
#lv-container {
  display: block;
}
.fake_livere {
  position: relative;
  margin-top: 50px;
  margin-bottom: 10px;
  width: 100%;
  height: 50px;
  border: 1px solid #dedede;
}
.fake_livere label {
  display: none;
}
.fake_livere .fake_livere_content {
  overflow: hidden;
  padding: 16px 8px;
  width: calc(100% - 70px + 2px);
  height: 100%;
  font-family: NanumGothic, AppleGothic, Myriad Pro, MalgunGothic, Arial;
  resize: none;
}
.fake_livere .fake_write_btn {
  background: #f12a49;
  vertical-align: middle;
  width: 70px;
  height: 100%;
  position: absolute;
  left: auto;
  border: 1px solid #f12a49;
}
.fake_livere .fake_write_btn span {
  visibility: visible;
  font-family: NanumGothic, AppleGothic, Myriad Pro, MalgunGothic, Arial;
  font-weight: bold;
  font-size: 12px;
  line-height: normal;
  text-align: center;
  color: #fff;
}
/* //추가 190513 세종 */
/* photo_slide */
#photo_slide {
  position: relative;
  overflow: hidden;
  height: 100%;
  background: #333;
}
#photo_slide .title_area {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 59px;
  background: url(../images/bg_png70.png) repeat 0 0;
  border: 1px solid #f12a49;
} /* 수정 190507 세종 */
#photo_slide .title_area .article_tit {
  overflow: hidden;
  margin: 0 50px 0 42px;
  height: 57px;
}
#photo_slide .title_area .article_tit .vm {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
#photo_slide .title_area .article_tit .title {
  overflow: hidden;
  display: inline-block;
  max-height: 42px;
  font-weight: normal;
  font-size: 1.071em;
  line-height: 1.4em;
  letter-spacing: -0.5px;
  vertical-align: middle;
  color: #fff;
}

#photo_slide .title_area .btn_prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 31px;
  height: 57px;
  background: url(../images/bl_arrow2.png) no-repeat 10px 19px;
  background-size: 12px 18px;
}
#photo_slide .title_area .btn_lst {
  position: absolute;
  top: 0;
  right: 0;
  padding: 19px 0 0 10px;
  width: 45px;
  height: 57px;
}
#photo_slide .title_area .btn_lst .br {
  display: block;
  margin-top: 3px;
  width: 24px;
  height: 4px;
  background: #f12a49;
} /* 수정 190507 세종 */

#photo_slide .thum {
  overflow: hidden;
}
#photo_slide .thum .thum_area {
  position: relative;
  overflow: hidden;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 1;
}
#photo_slide .thum .thum_area li {
  float: left;
  width: 100%;
  height: 100%;
  text-align: center;
}
#photo_slide .thum .thum_area li .vm {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
#photo_slide .thum .thum_area li .view_img {
  display: inline-block;
  vertical-align: middle;
}
#photo_slide .thum .thum_area li .view_img img {
  max-width: 100%;
  max-height: 100%;
}

#photo_slide .article {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75px;
  background: url(../images/bg_png70.png) repeat 0 0;
  text-align: center;
}
#photo_slide .article a {
  display: block;
}
#photo_slide .article .photo_title {
  position: relative;
  height: 75px;
}
#photo_slide .article .photo_title .article_tit {
  width: 100%;
  height: 42px;
}
#photo_slide .article .photo_title .article_tit .vm {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
#photo_slide .article .photo_title .article_tit .title {
  overflow: hidden;
  display: inline-block;
  margin: 0 10px;
  max-height: 42px;
  font-weight: normal;
  font-size: 0.929em;
  line-height: 1.61538em;
  letter-spacing: -0.5px;
  vertical-align: middle;
  color: #fff;
}
#photo_slide .article .photo_title .view {
  display: inline-block;
  font-size: 0.929em;
  letter-spacing: -0.5px;
  color: #f12a49;
} /* 수정 190507 세종 */
#photo_slide .article .photo_title .num {
  position: absolute;
  bottom: 14px;
  right: 10px;
  padding: 0 9px;
  height: 21px;
  font-size: 0.929em;
  line-height: 1.5em;
  color: #fff;
  border: 1px solid #f12a49;
  border-radius: 35px;
} /* 수정 190507 세종 */

#photo_slide .article_view {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(../images/bg_png70.png) repeat 0 0;
}
#photo_slide .article_view .photo_title {
}
#photo_slide .article_view .photo_title .view {
  display: inline-block;
  width: 100%;
  height: 50px;
  font-size: 0.929em;
  line-height: 3.846em;
  letter-spacing: -0.5px;
  text-align: center;
  color: #f12a49;
} /* 수정 190507 세종 */
#photo_slide .article_view .photo_title .txt {
  overflow-y: scroll;
  padding: 0 20px;
  font-size: 1.143em;
  line-height: 1.375em;
  letter-spacing: -0.5px;
  color: #fff;
}
/* 이전 다음 버튼 */
#photo_slide .thum button {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  width: 27px;
  height: 35px;
}
#photo_slide .thum .prev {
  left: 0;
  background: url(../images/btn_thum_prev.png) no-repeat 0 0;
  background-size: 27px 35px;
}
#photo_slide .thum .next {
  right: 0;
  background: url(../images/btn_thum_next.png) no-repeat 0 0;
  background-size: 27px 35px;
}

/* 광고 */
#ad_sclist {
  width: 100%;
  font-family: gulim;
}
#ad_sclist .ad_bx {
  overflow: hidden;
  height: 29px;
}
#ad_sclist .bl {
  padding-left: 7px;
  padding-right: 5px;
}
#ad_sclist .bl img {
  margin-top: 12px;
}
#ad_sclist a {
  overflow: hidden;
  color: #333333;
  font-weight: bold;
  font-size: 14px;
  text-overflow: ellipsis;
  line-height: 29px;
  text-decoration: none;
}

/* 기타 */
#hotScrollWrapper {
  z-index: 10 !important;
} /* 수정 190613 세종 */

/* 배너 */ /* 추가 180302 세종 */
/* 미투배너 */
.metoo_banner1 {
  position: relative;
  overflow: hidden;
  height: 77px;
}
.metoo_banner1:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  background: #0b0b17;
}
.metoo_banner1:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  background: #480938;
}
.metoo_banner1 a {
  display: block;
  height: 77px;
}
.metoo_banner1 .img {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_metoo2.gif) no-repeat center center;
  background-size: auto 77px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
.metoo_banner2 {
  position: relative;
  overflow: hidden;
  height: 65px;
}
.metoo_banner2 .logo {
  position: absolute;
  top: 50%;
  left: 10px;
  overflow: hidden;
  margin-top: -23px;
  width: 46px;
  height: 46px;
  background: url(../images/banner/banner_metoo3.gif) no-repeat center center;
  background-size: 100% 100%;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
.metoo_banner2 .list {
  position: relative;
  overflow: hidden;
  margin-left: 68px;
  margin-right: 18px;
  height: 100%;
}
.metoo_banner2 .list .group {
}
.metoo_banner2 .list .group .bundle {
  display: table;
  overflow: hidden;
  width: 100%;
  height: 65px;
  font-size: 1.214em;
  line-height: 22px;
}
.metoo_banner2 .list .group .bundle a {
  display: table-cell;
  vertical-align: middle;
  white-space: normal;
  color: #000;
}

/* 추가 180605 동현 */
/* 지방선거 방송 배너 */
.pvcElection_banner1 {
  position: relative;
  overflow: hidden;
  height: 77px;
  background: #303f8d;
}
.pvcElection_banner1 a {
  display: block;
  height: 77px;
}
.pvcElection_banner1 .img {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_pvcElection2.gif) no-repeat center
    center;
  background-size: auto 77px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
.pvcElection_banner2 {
  position: relative;
  overflow: hidden;
  height: 65px;
}
.pvcElection_banner2 .logo {
  position: absolute;
  top: 50%;
  left: 10px;
  overflow: hidden;
  margin-top: -23px;
  width: 46px;
  height: 46px;
  background: url(../images/banner/banner_pvcElection3.gif) no-repeat center
    center;
  background-size: 100% 100%;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
.pvcElection_banner2 .list {
  position: relative;
  overflow: hidden;
  margin-left: 68px;
  margin-right: 18px;
  height: 100%;
}
.pvcElection_banner2 .list .group {
}
.pvcElection_banner2 .list .group .bundle {
  display: table;
  overflow: hidden;
  width: 100%;
  height: 65px;
  font-size: 1.214em;
  line-height: 22px;
}
.pvcElection_banner2 .list .group .bundle a {
  display: table-cell;
  vertical-align: middle;
  white-space: normal;
  color: #000;
}

/* 추가 180612 2018월드컵 세종 */
.worldcup2018_banner1 {
  position: relative;
  overflow: hidden;
  height: 82px;
  background: #2162ac;
}
.worldcup2018_banner1 a {
  display: block;
  height: 82px;
}
.worldcup2018_banner1 .img {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner_2018worldcup1.gif) no-repeat center center;
  background-size: auto 82px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
.worldcup2018_banner2 {
  position: relative;
  overflow: hidden;
  height: 65px;
}
.worldcup2018_banner2 .logo {
  position: absolute;
  top: 50%;
  left: 10px;
  overflow: hidden;
  margin-top: -23px;
  width: 46px;
  height: 46px;
  background: url(../images/banner_2018worldcup2.gif) no-repeat center center;
  background-size: 100% 100%;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
.worldcup2018_banner2 .list {
  position: relative;
  overflow: hidden;
  margin-left: 68px;
  margin-right: 18px;
  height: 100%;
}
.worldcup2018_banner2 .list .group {
}
.worldcup2018_banner2 .list .group .bundle {
  display: table;
  overflow: hidden;
  width: 100%;
  height: 65px;
  font-size: 1.214em;
  line-height: 22px;
}
.worldcup2018_banner2 .list .group .bundle a {
  display: table-cell;
  vertical-align: middle;
  white-space: normal;
  color: #000;
}

/* 추가 191024 동현 : 스타뉴스 15주년 인기투표*/
.aaa_vote_banner {
  width: 100%;
  height: 66px;
  background-color: #26195f;
}
.aaa_vote_banner span {
  display: block;
  margin: 0 auto;
  width: 320px;
  height: 66px;
  background: url(../images/banner_AAA_vote4.gif) no-repeat center center;
  background-size: cover;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

/* 추가 211108 동현: 별별스포츠 */
.sportsvod_banner1 {
  margin: 0 auto;
  padding: 10px;
  width: 320px;
}
.sportsvod_banner1 .text_wrap {
  position: relative;
}
.sportsvod_banner1 .text_wrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  background: url(../images/banner/banner_sportsvod_logo.png) no-repeat center
    center / cover;
}
.sportsvod_banner1 .text_wrap .text {
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding-left: 44px;
  height: 44px;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.01rem;
  word-break: keep-all;
}
.sportsvod_banner1 .btn_wrap {
  display: flex;
  justify-content: space-between;
}
.sportsvod_banner1 .btn_wrap .btn_vod {
  display: block;
  margin-top: 6px;
  width: 145px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-weight: bold;
  font-size: 12px;
  line-height: 35px;
  letter-spacing: -0.05rem;
  text-align: center;
  color: #fff;
}
/*.sportsvod_banner1 .btn_wrap .btn_vod.btn_youtube {background-image:url(../images/btn/btn_subscribe_youtube.png);}*/
/*.sportsvod_banner1 .btn_wrap .btn_vod.btn_navertv {background-image:url(../images/btn/btn_subscribe_navertv.png);}*/
.sportsvod_banner1 .btn_wrap .btn_vod.btn_youtube {
  background-color: #ff0000;
}
.sportsvod_banner1 .btn_wrap .btn_vod.btn_navertv {
  background-color: #00de7b;
}
.sportsvod_banner1 .btn_wrap .btn_vod .txt {
  position: relative;
}
.sportsvod_banner1 .btn_wrap .btn_vod.btn_youtube .txt {
  padding-left: 26px;
}
.sportsvod_banner1 .btn_wrap .btn_vod.btn_youtube .txt:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 13px;
  background: url(../images/btn/btn_logo_youtube.png) no-repeat center center /
    cover;
}
.sportsvod_banner1 .btn_wrap .btn_vod.btn_navertv .txt {
  padding-left: 18px;
}
.sportsvod_banner1 .btn_wrap .btn_vod.btn_navertv .txt:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 12.5px;
  background: url(../images/btn/btn_logo_navertv.png) no-repeat center center /
    cover;
}

/* 랜딩페이지 - 추가 170703 해리 */
.landingPag {
  position: relative;
}
.landingPag .group {
}
.landingPag .bundle {
  position: relative;
  overflow: hidden;
  margin: 10px 0 0 0;
  width: 100%;
  height: 50px;
  background: #e5e5e5;
}
.landingPag .bundle:first-child {
  margin-top: 0;
}
.landingPag .bundle a {
  position: relative;
  display: table;
  width: 100%;
}
.landingPag .bundle .slogo {
  display: table-cell;
  width: 85px;
  height: 50px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.landingPag .bundle.star .slogo {
  background: url(../images/logo_s_star.gif) no-repeat center center;
  background-size: 55px 17px;
}
.landingPag .bundle.ka .slogo {
  background: url(../images/logo_s_kaka.gif) no-repeat center center;
  background-size: 35px 35px;
}
.landingPag .bundle.fa .slogo {
  background: url(../images/logo_s_fa.gif) no-repeat center center;
  background-size: 35px 35px;
}
.landingPag .bundle.tw .slogo {
  background: url(../images/logo_s_tw.gif) no-repeat center center;
  background-size: 35px 35px;
}
.landingPag .bundle.na .slogo {
  background: url(../images/logo_s_na.gif) no-repeat center center;
  background-size: 35px 35px;
}
.landingPag .bundle.wa .slogo {
  background: url(../images/logo_s_wa.gif) no-repeat center center;
  background-size: 35px 35px;
}
.landingPag .bundle .area {
  display: table-cell;
  height: 50px;
  vertical-align: middle;
}
.landingPag .bundle .tx1 {
  position: relative;
  display: block;
  font-size: 1.143em;
  line-height: 19px;
  letter-spacing: -0.6px;
  color: #333;
}
.landingPag .bundle.star .tx1 span {
  position: relative;
  display: inline-block;
}
.landingPag .bundle .tx2 {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  height: 14px;
}
.landingPag .bundle .tx2 span {
  position: relative;
  display: inline-block;
  padding-right: 13px;
  font-size: 0.929em;
  line-height: 13px;
  letter-spacing: -0.8px;
}
.landingPag .bundle .tx2 span:after {
  content: " ";
  position: absolute;
  top: 1px;
  right: 0;
  width: 6px;
  height: 10px;
  background: url(../images/all_arrow.png) no-repeat 0 0;
  background-size: 6px 50px;
}
.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.fa .tx2 span:after {
  background-position: 0 -10px;
}
.landingPag .bundle.tw .tx2 span:after {
  background-position: 0 -20px;
}
.landingPag .bundle.na .tx2 span:after {
  background-position: 0 -30px;
}
.landingPag .bundle.wa .tx2 span:after {
  background-position: 0 -40px;
}

/* 추가 170908 해리 */
.ply_vod {
  position: relative;
  width: 100%;
  padding-bottom: 56.2%;
}
.ply_vod iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ply_txt {
  overflow: hidden;
  display: block;
  margin: 13px 15px 16px;
  max-height: 34px;
  letter-spacing: -0.5px;
  line-height: 1.2857em;
} /* 수정 190507 세종 */

/* 추가_180302_성광 */
/* 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;
  cursor: hand;
}
.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;
}
/* thum_type2 */
.thum_type2 {
  position: relative;
  padding-bottom: 20px;
}
.thum_type2 .area {
  position: relative;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
}
.thum_type2 .area a {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 56.3333%;
}
.thum_type2 .area .cls {
  position: absolute;
  top: 46px;
  left: 20px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: -0.6px;
  color: #fff;
  z-index: 1;
}
.thum_type2 .area .cls .ict {
  font-style: italic;
}
.thum_type2 .area .cls:after {
  content: " ";
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  height: 50px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  opacity: 0.8;
  filter: alpha(opacity: 80);
}
.thum_type2 .area .tit {
  position: absolute;
  bottom: 5px;
  left: 0;
  overflow: hidden;
  padding-left: 54px;
  padding-right: 14px;
  width: 100%;
  height: 38px;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.6px;
  color: #fff;
  z-index: 1;
}
.thum_type2 .area .tit:before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 54px;
  height: 38px;
  background: url(../images/icon_vod1.png) no-repeat 14px 50%;
}
.thum_type2 .area .tit .txt {
  display: inline-block;
  vertical-align: middle;
}
.thum_type2 .area:hover .tit,
.thum_type2 .area:focus .tit {
  text-decoration: underline;
}
.thum_type2 .area .thum {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.thum_type2 .area .thum.bg1:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/png65.png) repeat 0 0;
}
.thum_type2 .area .thum.bg2:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 112px;
  background: url(../images/bg_gr_type1.png) repeat 0 0;
}
.thum_type2 .area .thum img {
  visibility: hidden;
  width: 100%;
  min-height: 100%;
} /* 수정 190507 세종 */
.thum_type2 .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 20px;
  height: 40px;
  background: url(../images/btn_arrow01.png) no-repeat;
  line-height: 0;
  font-size: 0;
  z-index: 2;
}
.thum_type2 .slick-prev {
  left: 0;
  background-position: 0 0;
}
.thum_type2 .slick-next {
  right: 0;
  background-position: -20px 0;
}
/* //추가_180302_성광 */

/* 추가 연애/스포츠코너_180424_성광 */
.bc_list01 {
  overflow: hidden;
  height: 62px;
}
.bc_list01 .group {
  display: table;
  position: relative;
  height: 62px;
  box-sizing: border-box;
}
.bc_list01 .group .titc01,
.bc_list01 .group dt {
  display: table-cell;
  width: 132px;
  height: 62px;
  vertical-align: middle;
} /* 수정 190507 세종 */
.bc_list01 .group .titc01 a img,
.bc_list01 .group dt a img {
  max-width: 100%;
  height: 100%;
} /* 수정 190507 세종 */
.bc_list01 .group .txtc01,
.bc_list01 .group dd {
  display: table-cell;
  vertical-align: middle;
  padding-right: 13px;
}
.bc_list01 .group .txtc01 a,
.bc_list01 .group dd a {
  display: block;
  overflow: hidden;
  max-height: 38px;
  line-height: 19px;
  font-size: 16px;
  letter-spacing: -0.05em;
}
.bc_list01 .group .txtc01 a h2,
.bc_list01 .group .txtc01 a h3,
.bc_list01 .group dd a h2,
.bc_list01 .group dd a h3 {
  display: block;
  overflow: hidden;
  max-height: 38px;
  font-weight: normal;
  line-height: 19px;
  font-size: 16px;
  letter-spacing: -0.05em;
}

/* 추가 180502 동현 */
/* FOCUS */
.cl_desc01 {
  overflow: hidden;
  padding-right: 31px;
  height: 50px;
  background: #f74747;
  border-bottom: 2px solid #e5e5e5;
  box-sizing: content-box;
}
.cl_desc01 .group {
  display: table;
  position: relative;
  height: 50px;
}
.cl_desc01 .group .tit_thum {
  display: table-cell;
  width: 83px;
  vertical-align: middle;
}
.cl_desc01 .group .tit_thum a img {
  width: 100%;
}
.cl_desc01 .group .subject {
  display: table-cell;
  vertical-align: middle;
}
.cl_desc01 .group .subject a {
  display: block;
  overflow: hidden;
  max-height: 30px;
  font-size: 1em;
  line-height: 16px;
  letter-spacing: -0.6px;
  color: #fff;
}
/* NEWSing */
.cl_desc02 {
  overflow: hidden;
  padding: 0 24px 0 12px;
  height: 50px;
  background: #f74747;
  border-bottom: 2px solid #e5e5e5;
  box-sizing: content-box;
}
.cl_desc02 .group {
  display: table;
  position: relative;
  height: 50px;
  box-sizing: border-box;
}
.cl_desc02 .group .tit_thum {
  display: table-cell;
  width: 84px;
  vertical-align: middle;
}
.cl_desc02 .group .tit_thum a img {
  width: 100%;
}
.cl_desc02 .group .subject {
  display: table-cell;
  vertical-align: middle;
}
.cl_desc02 .group .subject a {
  display: block;
  overflow: hidden;
  max-height: 30px;
  font-size: 1em;
  line-height: 16px;
  letter-spacing: -0.6px;
  color: #fff;
}
/* 스포츠360 */
.cl_desc03 {
  overflow: hidden;
  padding: 0 33px 0 22px;
  height: 50px;
  background: #7479e9;
  border-bottom: 2px solid #e5e5e5;
  box-sizing: content-box;
}
.cl_desc03 .group {
  display: table;
  position: relative;
  height: 50px;
}
.cl_desc03 .group .tit_thum {
  display: table-cell;
  width: 67px;
  vertical-align: middle;
}
.cl_desc03 .group .tit_thum a img {
  width: 100%;
}
.cl_desc03 .group .subject {
  display: table-cell;
  vertical-align: middle;
}
.cl_desc03 .group .subject a {
  display: block;
  overflow: hidden;
  max-height: 30px;
  font-size: 1em;
  line-height: 16px;
  letter-spacing: -0.6px;
  color: #fff;
}
/* 블랙박스 */
.cl_desc04 {
  overflow: hidden;
  padding-right: 27px;
  height: 50px;
  background: #7479e9;
  border-bottom: 2px solid #e5e5e5;
  box-sizing: content-box;
}
.cl_desc04 .group {
  display: table;
  position: relative;
  height: 50px;
}
.cl_desc04 .group .tit_thum {
  display: table-cell;
  width: 109px;
  vertical-align: middle;
}
.cl_desc04 .group .tit_thum a img {
  width: 100%;
}
.cl_desc04 .group .subject {
  display: table-cell;
  vertical-align: middle;
}
.cl_desc04 .group .subject a {
  display: block;
  overflow: hidden;
  max-height: 30px;
  font-size: 1em;
  line-height: 16px;
  letter-spacing: -0.6px;
  color: #fff;
}
/* //추가 180502 동현 */
/* 추가 180913 세종 - AAA관련 */
.aaa_banner1 {
  position: relative;
  overflow: hidden;
  height: 66px;
}
.aaa_banner1:before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  background: #511386;
} /* 수정 190827 세종 */
.aaa_banner1:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  background: #341e9a;
} /* 수정 190827 세종 */
.aaa_banner1 a {
  display: block;
  position: relative;
  height: 100%;
  background: url(../images/banner/banner_aaa11.png) no-repeat center 0;
  background-size: auto 100%;
  font-size: 0;
  line-height: 0;
  z-index: 1;
} /* 수정 190827 세종 */

.aaa_banner2 {
  position: relative;
  overflow: hidden;
  height: 65px;
}
.aaa_banner2 .logo {
  position: absolute;
  top: 50%;
  left: 10px;
  overflow: hidden;
  margin-top: -23px;
  width: 46px;
  height: 46px;
  background: url(../images/banner/banner_aaa9.jpg) no-repeat center center;
  background-size: 100% 100%;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
} /* 수정 190107 세종 */
.aaa_banner2 .logo.bsgate {
  background-image: url(../images/banner/banner_bsGate2.jpg);
} /* 추가 190315 세종 / 버닝썬 게이트 */
.aaa_banner2 .logo.son_hm {
  background-image: url(../images/banner/banner_Son_hm.jpg);
} /* 추가 190516 세종 / #손흥민 */
.aaa_banner2 .logo.ryu_hj {
  background-image: url(../images/banner/banner_mobile_Ryu_Kim.png);
} /* 추가 190516 세종 / #류현진 */
.aaa_banner2 .logo.covid19 {
  background-image: url(../images/banner/banner_mobile_main_covid19.jpg);
} /* 추가 200311 동현 / #코로나19 */
.aaa_banner2 .logo.covid19_overcoming {
  background-image: url(../images/banner/banner_mobile_main_starrelay_covid19.png);
} /* 추가 200401 동현 / #코로나19 극복응원 릴레이 */
.aaa_banner2 .logo.post_covid19 {
  background-image: url(../images/banner/banner_mobile_main_post_covid19.jpg);
} /*  추가 200511 동현 : 포스트 코로나  */
.aaa_banner2 .logo.aaa_2020_main {
  background-image: url(../images/banner/banner_mobile_main_aaa_2020.png);
} /*  추가 201013 동현 : 2020 AAA on air  */
.aaa_banner2 .logo.bts {
  background-image: url(../images/banner/banner_mobile_main_bts.png);
} /* 추가 210208 동현 / #BTS */
.aaa_banner2 .list {
  position: relative;
  overflow: hidden;
  margin-left: 68px;
  margin-right: 18px;
  height: 100%;
}
.aaa_banner2 .list .group {
}
.aaa_banner2 .list .group .bundle {
  display: table;
  overflow: hidden;
  width: 100%;
  height: 65px;
  font-size: 1.214em;
  line-height: 22px;
}
.aaa_banner2 .list .group .bundle a {
  display: table-cell;
  vertical-align: middle;
  white-space: normal;
  color: #000;
}
.aaa_banner2 .list .group .bundle a .lmt {
  display: block;
  overflow: hidden;
  max-height: 46px;
} /* 추가 190315 세종 */
/*2020 AAA 인기투표 진행중 배너*/
.aaa_banner2.onair_2020 {
  position: relative;
  overflow: hidden;
  height: 65px;
}
.aaa_banner2.onair_2020:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  background: #172d87;
}
.aaa_banner2.onair_2020:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  background: #08123f;
}
.aaa_banner2.onair_2020 a {
  display: block;
  height: 65px;
}
.aaa_banner2.onair_2020 .img {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_mobile_main_isseu_aaa_2020.png)
    no-repeat center center;
  background-size: auto 65px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
/*MTSTAR-820 2021.10.29*/
.aaa_banner2.onair_2021 {
  position: relative;
  overflow: hidden;
  height: 65px;
  background: url(../images/banner/banner_aaa_popularity_vote_bg.png) no-repeat
    center center / cover;
}
.aaa_banner2.onair_2021:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 160px;
  background: url(../images/banner/banner_aaa_popularity_vote_object_left.png)
    no-repeat center center / cover;
}
.aaa_banner2.onair_2021:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 160px;
  background: url(../images/banner/banner_aaa_popularity_vote_object_right.png)
    no-repeat center center / cover;
}
.aaa_banner2.onair_2021 a {
  display: block;
  height: 65px;
}
.aaa_banner2.onair_2021 .img {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_aaa_popularity_vote.png) no-repeat
    center center;
  background-size: auto 65px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
/* 추가 181120 동현 : AAA 시상식 배너 */
.aaa_banner3 {
  position: relative;
  overflow: hidden;
  height: 66px;
  background: #0d0638;
}
.aaa_banner3 a {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 300px;
  height: 100%;
  background: url(../images/banner/banner_aaa7_1.png) no-repeat center center;
  background-size: cover;
  font-size: 0;
  line-height: 0;
  z-index: 1;
}
.aaa_banner3.dday a {
  background-image: url(../images/banner/banner_aaa7_dday.png);
}
.aaa_banner3.onair a {
  background-image: url(../images/banner/banner_aaa7_onair.png);
}
.aaa_banner3 .d_day {
  display: block;
  position: absolute;
  overflow: hidden;
  bottom: 7px;
  right: 43px;
  width: 42px;
  height: 25px;
  font-size: 25px;
  font-weight: bold;
  line-height: 25px;
  color: #ff4353;
}
.aaa_banner3.dday .d_day {
  display: none;
}
.aaa_banner3.onair .d_day {
  display: none;
}
.aaa_banner3 .dc_tit {
  float: left;
  overflow: hidden;
  width: 26px;
  height: 25px;
}
.aaa_banner3 .num {
  float: left;
  margin-left: 1px;
  width: 12px;
  height: 25px;
}
/* //추가 181120 동현 : AAA 시상식 배너 */
/* 추가 191213 세종 */
.aaa_banner4 {
  position: relative;
  overflow: hidden;
  height: 66px;
}
.aaa_banner4:before {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  background: #ee374f;
}
.aaa_banner4:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  background: #e03bad;
}
.aaa_banner4 a {
  display: block;
  position: relative;
  height: 100%;
  background: url(../images/banner/banner_aaaMtn4.jpg) no-repeat center 0;
  background-size: auto 100%;
  font-size: 0;
  line-height: 0;
  z-index: 1;
}
/* //추가 191213 세종 */
/* 추가 190828 동현 : 스타뉴스 15주년 : 리사이즈시 중앙정렬일때 */
.star15th_banner {
  position: relative;
  overflow: hidden;
  height: 65px;
}
.star15th_banner .logo {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 320px;
  height: 100%;
  background: url(../images/banner/banner_star15th_3.jpg) no-repeat center
    center;
  background-size: 100% 100%;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
.star15th_banner.list .logo {
  margin: 0;
  background-image: url(../images/banner/banner_star15th_4.png);
}
.star15th_banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: #ee3650;
}
.star15th_banner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: #f46e3b;
}
/* 리사이즈시 좌측정렬 일때 */
.star15th_banner.list:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #ee3650;
}
.star15th_banner.list:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #f46e3b;
}

.aaa_listgo {
  display: none;
  position: fixed;
  bottom: 140px;
  right: 10px;
} /* 수정 190827 세종 */
.aaa_listgo img {
  width: 50px;
  height: 50px;
} /* 수정 190827 세종 */

.aaa_top_voting {
  position: relative;
  margin: 10px;
  padding: 15px 9px 0;
  background: #fff;
}
.aaa_top_voting .tit {
}
.aaa_top_voting .tit img {
  display: block;
  margin: 0 auto;
  height: 25px;
}
.aaa_top_voting .box1 {
  position: relative;
}
.aaa_top_voting .box1:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.aaa_top_voting .box2 {
  float: left;
  width: 100%;
}
.aaa_top_voting .box2 h3 {
  margin-top: 11px;
  height: 38px;
  font-size: 1.071em;
  text-align: center;
  line-height: 38px;
  letter-spacing: -0.75px;
  color: #333;
}
.aaa_top_voting .box2 .rank {
  overflow: hidden;
}
.aaa_top_voting .box2 .rank .bundle {
  float: left;
  width: 50%;
}
.aaa_top_voting .box2 .rank .bundle a {
  display: block;
  position: relative;
  overflow: hidden;
  margin-right: 1px;
}
.aaa_top_voting .box2 .rank .bundle + .bundle a {
  margin-left: 1px;
  margin-right: 0;
}
.aaa_top_voting .box2 .rank .bundle .thum {
  display: block;
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
}
.aaa_top_voting .box2 .rank .bundle .thum img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
}
.aaa_top_voting .box2 .rank .bundle .no {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
}
.aaa_top_voting .box2 .rank .bundle .no img {
  display: block;
  width: 100%;
}
.aaa_top_voting .box2 .rank .bundle .name {
  display: block;
  height: 38px;
  font-size: 1.071em;
  line-height: 38px;
  text-align: center;
  color: #333;
}
.aaa_top_voting .box2 .rank .bundle .pov_bar {
  display: block;
  overflow: hidden;
  height: 10px;
  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;
  height: 31px;
  font-size: 0.9286em;
  text-align: center;
  line-height: 22px;
  letter-spacing: -0.75px;
  color: #333;
}
.aaa_top_voting .slick-arrow {
  position: absolute;
  top: 50%;
  margin-top: -48px;
  width: 28px;
  height: 44px;
}
.aaa_top_voting .slick-prev {
  left: -10px;
  background: url(../images/btn/btn_aaavote_prev.png) no-repeat center center;
  background-size: auto 100%;
}
.aaa_top_voting .slick-next {
  right: -10px;
  background: url(../images/btn/btn_aaavote_next.png) no-repeat center center;
  background-size: auto 100%;
}
.aaa_top_voting .go {
  display: block;
  height: 34px;
  background: #686868 url(../images/btn/btn_go_vote2.gif) no-repeat right center;
  background-size: auto 100%;
  text-align: center;
  line-height: 34px;
  letter-spacing: -0.5px;
  color: #fff;
}
.aaa_top_voting .date {
  display: block;
  height: 29px;
  font-size: 0.8571em;
  line-height: 29px;
  text-align: right;
  letter-spacing: -0.75px;
  color: #858484;
}
/* 추가 171110 윤선 */

/* 추가 181119 동현 */
.img_box img {
  display: block;
  margin-top: 10px;
  width: 100%;
}
/* //추가 181119 동현 */

/* 추가 190930 동현 : 메인 하단 광고 배너 */
.bottom_ad_banner {
  position: relative;
  margin-top: 10px;
  width: 100%;
  height: 60px;
  background: #000;
}
.bottom_ad_banner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: #12158a;
}
.bottom_ad_banner span {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner_mobile_ad01.gif) no-repeat center center;
  background-size: auto 60px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  z-index: 1;
}

/* 추가 191024 동현 : 스타뉴스 15주년 인기투표 배너 */
.popup_aaa_vote {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 310px;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.popup_aaa_vote a {
  display: block;
  position: relative;
}
.popup_aaa_vote .thum {
  display: block;
  width: 100%;
  height: 280px;
}
.popup_aaa_vote .thum img {
  display: block;
  width: 100%;
  height: 100%;
}
.popup_aaa_vote .btn_area {
  position: absolute;
  top: 0;
  right: 0;
  width: 37px;
  height: 37px;
}
.popup_aaa_vote .btn_area .btn_close {
  display: block;
  margin-top: 10px;
  margin-left: 10px;
  width: 17px;
  height: 17px;
  background: url(../images/btn_popup_close.png) no-repeat center center;
  background-size: cover;
}
.popup_aaa_vote .btn_area .btn_close .txt {
  display: block;
  width: 100%;
  height: 100%;
}
.popup_aaa_vote .txt_area {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 30px;
  font-size: 11px;
  line-height: 30px;
  letter-spacing: -0.025em;
  color: #c5c5c5;
  background: #302285;
}
.popup_aaa_vote .txt_area .today_close {
  float: left;
  margin-left: 20px;
}
.popup_aaa_vote .txt_area .btn_close {
  float: right;
  margin-right: 20px;
}

/* 추가 200305 동현 : 코로나 극복 응원 배너 */
/* 기사면 배너 */
/* 코로나 */
.starrelay_banner_covid19 {
  position: relative;
  overflow: hidden;
  margin-top: 6px;
  height: 60px;
}
.starrelay_banner_covid19:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  background: #46d0d7;
}
.starrelay_banner_covid19:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  background: #0d97a8;
}
.starrelay_banner_covid19 a {
  display: block;
  height: 60px;
}
.starrelay_banner_covid19 .img {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_starrelay_covid-19.png) no-repeat
    center center;
  background-size: auto 60px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
/* 코로나19 스타 이미지 롤링 */
.starrelay_banner_covid19_starphoto {
  position: relative;
  overflow: hidden;
  margin-top: 6px;
  height: 60px;
  background: #1f84b8;
}
.starrelay_banner_covid19_starphoto a {
  display: block;
  width: 100%;
  height: 100%;
}
.starrelay_banner_covid19_starphoto .banner_area {
  display: block;
  margin: 0 auto;
  width: 320px;
  height: 60px;
  background: #1f84b8 url(../images/banner/banner_starrelay_covid-19_v4.png)
    no-repeat left center;
  background-size: 195px 60px;
}
.starrelay_banner_covid19_starphoto span {
  font-size: 0;
  line-height: 0;
}
.starrelay_banner_covid19_starphoto .star_photo {
  float: right;
  width: 125px;
  height: 60px;
}
.starrelay_banner_covid19_starphoto .star_photo .thum {
  width: 125px;
  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.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img02 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto02.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img03 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto03.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img04 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto04.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img05 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto05.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img06 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto06.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img07 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto07.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img08 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto08.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img09 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto09.png);
}
.starrelay_banner_covid19_starphoto .star_photo .thum.img10 {
  background-image: url(../images/banner/banner_starrelay_2021_starphoto10.png);
}
.starrelay_banner_covid19 span {
  font-size: 0;
  line-height: 0;
}
/*2020 AAA COMMING SOON*/
.aaa_2020_commingsoon {
  position: relative;
  overflow: hidden;
  margin-top: 6px;
  height: 60px;
}
.aaa_2020_commingsoon:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  background: #172d87;
}
.aaa_2020_commingsoon:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  background: #08123f;
}
.aaa_2020_commingsoon a {
  display: block;
  height: 60px;
}
.aaa_2020_commingsoon .img {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_2020_AAA_commingsoon.png) no-repeat
    center center;
  background-size: auto 60px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
/*2020 AAA ON AIR*/
.aaa_2020_onair {
  position: relative;
  overflow: hidden;
  margin-top: 6px;
  height: 60px;
}
.aaa_2020_onair:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  background: #172d87;
}
.aaa_2020_onair:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  background: #08123f;
}
.aaa_2020_onair a {
  display: block;
  height: 60px;
}
.aaa_2020_onair .img {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_mobile_aaa_view.png) no-repeat center
    center;
  background-size: auto 60px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
/*2020 AAA Starpoll 앱 다운로드*/
.starpoll_download {
  position: relative;
  overflow: hidden;
  height: 60px;
  background: #172d87;
}
.starpoll_download a {
  display: block;
  height: 60px;
}
.starpoll_download .img {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_mobile_aaa_list.png) no-repeat center
    center;
  background-size: auto 60px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
/*liveX 시청하기 랜딩 배너*/
.aaa_2020_watch_list {
  position: relative;
  overflow: hidden;
  height: 60px;
  background: #41027f;
}
.aaa_2020_watch_list:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  background: #41027f;
}
.aaa_2020_watch_list:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  background: #7d310f;
}
.aaa_2020_watch_list a {
  display: block;
  height: 60px;
}
.aaa_2020_watch_list .img {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_aaa_2020_watch_list.png) no-repeat
    center center;
  background-size: auto 60px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
/*추가210208 동현 : starpick*/
.star_pick {
  position: relative;
  overflow: hidden;
  height: 60px;
  background: #ee5846;
}
.star_pick a {
  display: block;
  height: 60px;
}
.star_pick .img {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  background: url(../images/banner/banner_starpick.png) no-repeat center center;
  background-size: auto 60px;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
/* 추가 200420 동현 : 감정표현 버튼 */
.emote_group {
  overflow: hidden;
  margin: 26px auto 0;
  padding: 0 10px;
  width: 100%;
}
.emote_group .item {
  float: left;
  position: relative;
  width: calc((100% - 2px) / 2);
  height: 40px;
}
.emote_group .item + .item {
  margin-left: 2px;
}
.emote_group .item .emote_btn {
  position: relative !important;
  top: 0 !important;
  margin-top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  box-sizing: border-box;
}
.emote_group .item .emote_btn span {
  visibility: visible;
  display: inline-block;
  font-size: 13px;
  line-height: 38px;
  letter-spacing: -0.075em;
  color: #666;
}
.emote_group .item .emote_btn .txt {
  position: relative;
  padding-left: 28px;
}
.emote_group .item .emote_btn .txt:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
  width: 23px;
  height: 23px;
  background: url(../images/btn/btn_emote1.png) no-repeat;
  background-size: 47px 47px;
}
.emote_group .item .emote_btn.like .txt:after {
  background-position: 0 -24px;
}
.emote_group .item .emote_btn.dislike .txt:after {
  background-position: -24px -24px;
}
.emote_group .item .emote_btn.like.on .txt:after {
  background-position: 0 0;
}
.emote_group .item .emote_btn.dislike.on .txt:after {
  background-position: -24px 0;
}
.emote_group .item .emote_btn .count {
  font-weight: bold;
  color: #111;
}

/* 추가 2020 AAA 투표 현황 신규 페이지 */
.aaa_cont_wrap {
  position: relative;
  background: #fff;
}
/*공통*/
#header .menu .mnbox .mngroup .depth1 .catit.aaa {
  background: none;
}
.hidden {
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
/*AAA웹 사이트 소개 및 랜딩*/
.info_aaa {
  margin-top: 10px;
  padding: 8px 10px 11px;
  background: #fff;
}
.info_aaa p {
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.05rem;
  word-break: keep-all;
}
.info_aaa p a {
  display: block;
  font-weight: bold;
  color: #ec018c;
}
/*실시간, 누적 현황 탭*/
.tab-type1 {
  position: relative;
  display: block;
  width: 100%;
}
.tab-type1 ul {
  overflow: hidden;
  width: 100%;
}
.tab-type1 ul li {
  float: left;
  position: relative;
  width: 50%;
  height: 33px;
  background: #fff;
  border: 1px solid #353535;
  text-align: center;
  box-sizing: border-box;
}
.tab-type1 ul li.on {
  border: 1px solid #fe0000;
  background: #fe0000;
  box-sizing: border-box;
}
.tab-type1 ul li a {
  display: block;
  font-size: 16px;
  line-height: 33px;
  color: #000;
}
.tab-type1 ul li.on a {
  font-weight: bold;
  color: #fff;
}

/*vote 현황 배너*/
.sub-vote-spot {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 10px;
  color: #fff;
  background: url(../images/bg_mobile_voting.png) no-repeat top center;
  background-size: cover;
  text-align: center;
}
.sub-vote-spot .text {
  padding-top: 21px;
  padding-bottom: 24px;
  font-family: "Nanum Gothic", sans-serif;
}
.sub-vote-spot .text.score {
  padding-bottom: 14px;
}
.sub-vote-spot .text .vote-title {
  margin: 0 auto;
  width: 178px;
  height: 139px;
  background: url(../images/banner_mobile_title_favorite.png) no-repeat center
    center;
  background-size: cover;
  font-size: 0;
  line-height: 0;
}
.sub-vote-spot .text .vote_txt {
  margin-top: 15px;
  font-weight: lighter;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #fff;
}
.sub-vote-spot .text strong {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: -0.075rem;
}
.sub-vote-spot .text .vote_date {
  margin-top: 10px;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #fff;
}
.sub-vote-spot .text .vote_date strong {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #fff;
}
.sub-vote-spot .text .total_vote {
  margin-top: 11px;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #fffd5a;
}
.sub-vote-spot .text .total_vote strong {
  font-size: 16px;
}
.sub-vote-spot .text .vote_category {
  margin-top: 5px;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #fffd5a;
}
.sub-vote-spot .text .vote_category .count {
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #fffd5a;
}
.sub-vote-spot .text .vote_txt2 {
  margin-top: 22px;
  font-weight: lighter;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #dbdbdb;
}
.sub-vote-spot .text.score .vote_txt2 {
  margin-top: 5px;
}
.sub-vote-spot .text .vote_txt2 strong {
  position: relative;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #dbdbdb;
}
.sub-vote-spot .text .vote_txt2 strong:after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
}
.sub-vote-spot .text .vote_txt4 {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #fcff26;
}
.sub-vote-spot .text.score .vote_txt4 {
  margin-top: 11px;
}
.sub-vote-spot .text .vote_txt5 {
  margin-top: 18px;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  color: #dbdbdb;
}
/*앱 다운로드/홍보 배너*/
.banner_wrap {
  padding: 10px;
  background: #fff;
}
/*스타폴 배너*/
.download_banner {
  width: 100%;
}
.starpoll-banner {
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f0f0f0;
}
.starpoll-banner a {
  display: block;
}
.starpoll-banner img {
  display: block;
  margin: 0 auto;
  width: 300px;
}
.starpoll-banner .icon-app {
  width: auto;
  margin-right: 20px;
  display: inline-block;
}
.starpoll-banner .text-box {
  display: inline-block;
  width: calc(100% - 530px);
  margin-right: 50px;
}
.starpoll-banner .text-box .starpoll-title {
  color: #e20d9e;
  font-size: 22px;
  margin-top: 5px;
}
.starpoll-banner .text-box .starpoll-title span {
  font-weight: bold;
  font-size: 26px;
  vertical-align: bottom;
}
.starpoll-banner .text-box .starpoll-caption {
  margin-top: 10px;
  font-size: 16px;
  letter-spacing: -0.8px;
}
.starpoll-banner .store {
  display: inline-block;
  margin-top: 28px;
  float: right;
}
.starpoll-banner .store a {
  display: inline-block;
}
.starpoll-banner .store img {
  width: auto;
}
.starpoll-banner .store .google {
  margin-right: 6px;
}

/*최애돌 배너*/
.mylove-banner {
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ebebeb;
}
.mylove-banner a {
  display: block;
}
.mylove-banner img {
  display: block;
  margin: 0 auto;
  width: 300px;
}
.mylove-banner .icon-app {
  width: auto;
  margin-right: 20px;
  margin-top: 6px;
  display: inline-block;
}
.mylove-banner .text-box {
  display: inline-block;
  width: calc(100% - 480px);
  margin-top: 15px;
}
.mylove-banner .text-box .mylove-title {
  font-family: "netmarbleB";
  color: #ff4444;
  font-size: 22px;
  margin-top: 5px;
}
.mylove-banner .text-box .mylove-title span {
  font-weight: bold;
  font-size: 26px;
  vertical-align: bottom;
}
.mylove-banner .text-box .mylove-caption {
  font-family: "netmarbleM";
  margin-top: 10px;
  font-size: 16px;
  letter-spacing: -0.8px;
}
.mylove-banner .store {
  display: inline-block;
  margin-top: 28px;
  float: right;
}
.mylove-banner .store a {
  display: inline-block;
}
.mylove-banner .store img {
  width: auto;
}
.mylove-banner .store .google {
  margin-right: 6px;
}

/*최애돌 셀럽 배너*/
.myloveceleb-banner {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ebebeb;
}
.myloveceleb-banner a {
  display: block;
}
.myloveceleb-banner img {
  display: block;
  margin: 0 auto;
  width: 300px;
}
.myloveceleb-banner .icon-app {
  width: auto;
  margin-right: 20px;
  margin-top: 6px;
  display: inline-block;
}
.myloveceleb-banner .text-box {
  display: inline-block;
  width: calc(100% - 480px);
  margin-top: 15px;
}
.myloveceleb-banner .text-box .myloveceleb-title {
  font-family: "netmarbleB";
  color: #6e39b4;
  font-size: 22px;
  margin-top: 5px;
}
.myloveceleb-banner .text-box .myloveceleb-title span {
  font-weight: bold;
  font-size: 26px;
  vertical-align: bottom;
}
.myloveceleb-banner .text-box .myloveceleb-caption {
  font-family: "netmarbleM";
  margin-top: 10px;
  font-size: 16px;
  letter-spacing: -0.8px;
}
.myloveceleb-banner .store {
  display: inline-block;
  margin-top: 28px;
  float: right;
}
.myloveceleb-banner .store a {
  display: inline-block;
}
.myloveceleb-banner .store img {
  width: auto;
}
.myloveceleb-banner .store .google {
  margin-right: 6px;
}

/*아티스트 후보가 구분 탭*/
.search-vote-spot {
  overflow: hidden;
  margin-top: 36px;
  width: 100%;
}
.search-vote-spot:after {
  content: "";
  display: block;
  clear: both;
}
.search-vote-spot .tab-type3 {
  width: auto;
}
.tab-type3 {
  text-align: center;
}
.tab-type3 ul {
  float: left;
  overflow: hidden;
  display: table;
  width: 100%;
}
.tab-type3 ul.singer_tablist {
  width: 40%;
}
.tab-type3 ul.actor_tablist {
  width: 60%;
}
.tab-type3 ul li {
  display: table-cell;
  position: relative;
  height: 64px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
.tab-type3 ul li:after {
  content: "";
  display: block;
  clear: both;
}
.tab-type3 ul li:first-child:before {
  content: "";
  display: none;
}
.tab-type3 ul li a {
  color: #666;
  font-size: 1.5rem;
  line-height: 1em;
  text-decoration: none;
}
.tab-type3 ul li.on {
  position: relative;
}
.tab-type3 ul li.on:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ed1c24;
}
.tab-type3 ul li.on a {
  color: #000;
  font-weight: bold;
}
/*아티스트 후보자 리스트*/
.content.con-type1 {
  padding: 0 10px;
}
.artist_tab_wrap {
}
.artist_tab_wrap .artist_tab_list {
  overflow: hidden;
}
.artist_tab_wrap .artist_tab_list .list_item {
  float: left;
  width: 50%;
  height: 40px;
  background: #e9e9e9;
  border: 1px solid #c8c8c8;
  box-sizing: border-box;
  text-align: center;
  color: #888;
  border-radius: 12px 0 0 12px;
}
.artist_tab_wrap .artist_tab_list .list_item + .list_item {
  border-radius: 0 12px 12px 0;
}
.artist_tab_wrap .artist_tab_list .list_item.on {
  background: #ed1c24;
  border-color: #ed1c24;
  color: #fff;
}
.artist_tab_wrap .artist_tab_list .list_item .txt {
  font-weight: 700;
  font-size: 14px;
  line-height: 40px;
  letter-spacing: -0.01rem;
}

.search-vote-spot {
  overflow: hidden;
  margin-top: 3px;
  margin-bottom: 7px;
  width: 100%;
}
.search-vote-spot .tab-type3 {
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.search-vote-spot .tab-type3 ul {
  float: left;
  overflow: hidden;
  display: table;
  padding: 6px 0 7px;
  width: 100%;
  height: 17px;
}
.search-vote-spot .tab-type3 ul.singer_tablist,
.search-vote-spot .tab-type3 ul.actor_tablist {
  width: 100%;
}
.search-vote-spot .tab-type3 ul li {
  float: left;
  display: block;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
}
.search-vote-spot .tab-type3 ul li.on {
  position: relative;
}
.search-vote-spot .tab-type3 ul.singer_tablist li {
  width: 50%;
  height: 32px;
  line-height: 32px;
}
.search-vote-spot .tab-type3 ul.actor_tablist li {
  width: 33.3333%;
  height: 32px;
  line-height: 32px;
}
.search-vote-spot .tab-type3 ul li span {
  display: block;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #777;
}
.search-vote-spot .tab-type3 ul li.on span {
  font-weight: bold;
}

/*수상 후보 리스트*/
.list-type1 {
  width: 100%;
}
.list-type1:after {
  content: "";
  display: block;
  clear: both;
}
.list-type1 li {
  float: left;
  position: relative;
  width: calc((100% - 10px) / 2);
  height: auto;
  margin-top: 10px;
  margin-left: 10px;
}
.list-type1 li:first-child,
.list-type1 li:nth-of-type(odd) {
  margin-left: 0;
}
.list-vote .img {
  position: relative;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  background: #f0f0f0;
}
.list-vote .img img {
  width: 100%;
  border: 0 none;
  vertical-align: top;
}
.list-vote .img .ranking {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 25px;
  height: 25px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 25px;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
}
.list-vote .img .ranking.top {
  background: rgba(254, 0, 0, 1);
}
.list-vote li .con {
  padding: 8px 10px 11px;
  width: 100%;
  border: 1px solid #f0f0f0;
  background: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.list-vote li .con .name {
  display: block;
  padding: 10px 0 8px;
  font-size: 13px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.progress {
  position: relative;
  margin-bottom: 13px;
  overflow: hidden;
  height: 17.5px;
  background: #353535;
}
.progress.score {
  background: #fff;
}
.progress span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 17.5px;
  text-align: center;
}
.progress span em {
  display: inline-block;
  font-style: normal;
  color: #fff;
  font-size: 13px;
  line-height: 17.5px;
}
.progress.score em {
  color: #000;
}
.progress span em i {
  font-weight: normal;
  font-style: normal;
}
.progress .progressbar-value {
  height: 100%;
  background: #fe0000;
}

/* 스타랭킹 */
.mgt11 {
  margin-top: 11px;
}
.mgb11 {
  margin-bottom: 11px;
}
.mgt11.mgb11 {
  padding-bottom: 115px;
}

/*스타랭킹 GNB*/
.starrankin_gnb {
  overflow-x: auto;
  padding: 0 10px;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.starrankin_gnb::-webkit-scrollbar {
  display: none;
}
.starrankin_gnb .item {
  display: inline-block;
  height: 41px;
  text-align: center;
}
.starrankin_gnb .item + .item {
  margin-left: 15px;
}
.starrankin_gnb .item.home {
  width: 23px;
}
.starrankin_gnb .item.on {
}
.starrankin_gnb .item a {
  display: block;
  height: 100%;
  letter-spacing: -0.075rem;
  line-height: 39px;
  color: #000;
}
.starrankin_gnb .item .text {
  position: relative;
  display: inline-block;
  height: 41px;
}
.starrankin_gnb .item.on .text {
  color: #f12a49;
  border-bottom: 5px solid #f12a49;
  z-index: 2;
}
.btn_open_category {
  display: inline-block;
  width: 34px;
  height: 39px;
  background: url(../images/btn/btn_down_arrow.png) no-repeat center center /
    14px 9px;
}
.btn_open_category.on {
  background-image: url(../images/btn/btn_up_arrow.png);
}
/*스타랭킹 SNB 카테고리*/
.all_category {
  display: none;
  position: absolute;
  top: 81px;
  left: 0;
  right: 0;
  padding: 17px 10px 20px;
  background: #fafafa;
  color: #000;
  z-index: 9999;
}
.all_category.on {
  display: block;
}
.all_category .title {
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.075rem;
}
.all_category .category_list {
  overflow: hidden;
}
.all_category .category_list .item {
  float: left;
  overflow: hidden;
  margin: 10px 15px 0 0;
}
.all_category .category_list .item a {
  display: block;
  color: #000;
}
.all_category .category_list .item .text {
  display: inline-block;
  padding: 0 15px;
  height: 29px;
  background: #fff;
  border-radius: 15px;
  border: 1px solid #e5e5e5;
  font-weight: bold;
  font-size: 14px;
  line-height: 29px;
  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;
}
/*메인 플로팅 배너*/
.banner_floating_starranking {
  overflow: hidden;
  position: fixed;
  right: 10px;
  bottom: 135px;
  padding: 0 15px 0 25px;
  width: 139px;
  height: 50px;
  border-radius: 50px;
  box-sizing: border-box;
  z-index: 2;
  transition: 0.3s all;
  background: #f18d4b; /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    #f18d4b 0%,
    #ef854c 37%,
    #e04948 60%,
    #d93546 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    #f18d4b 0%,
    #ef854c 37%,
    #e04948 60%,
    #d93546 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    #f18d4b 0%,
    #ef854c 37%,
    #e04948 60%,
    #d93546 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f18d4b', endColorstr='#d93546',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.banner_floating_starranking a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.banner_floating_starranking a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 38px;
  background: url(../images/banner/banner_floating_starranking_text.png)
    no-repeat 0px 4px / 100px 38px;
}
.banner_floating_starranking .text {
  font-family: "NanumSquare", sans-serif;
  font-weight: 700;
  font-size: 0;
  line-height: 0;
  letter-spacing: -0.05rem;
  color: #fff;
  transition: 0.3s all;
}
.banner_floating_starranking .icon {
  position: absolute;
  top: 0;
  right: 15px;
  width: 50px;
  height: 50px;
  vertical-align: top;
  margin-left: -10px;
  transition: 0.3s all;
}
/* active */
.animate .banner_floating_starranking {
  width: 50px;
  padding: 0;
}
.animate .banner_floating_starranking a:before {
  opacity: 0;
}
.animate .banner_floating_starranking .text {
  opacity: 0;
}
.animate .banner_floating_starranking .icon {
  right: 0;
  background: url(../images/banner/banner_floating_starranking_after.png)
    no-repeat 13px center / 33px 38px;
}

/*스타랭킹 홈*/
.starranking {
  margin: 0 auto;
  font-family: "NanumSquare", sans-serif;
}
/* 랭킹 리스트 */
.ranking_list {
}
.ranking_list .ranking_item {
  position: relative;
  margin-top: 11px;
  padding: 18px 10px 16px;
  background: #fff;
}
.ranking_list .ranking_item:after {
  content: "";
  position: absolute;
  top: 18px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url(../images/btn/btn_more1.png) no-repeat center center / cover;
}
.ranking_list .ranking_item a {
  display: block;
}
.ranking_list .ranking_item .section_info {
}
.ranking_list .ranking_item .section_info .title {
  display: block;
  overflow: hidden;
  padding-right: 30px;
  height: 20px;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.025rem;
  color: #000;
}
.ranking_list .ranking_item .section_info .date {
  display: block;
  margin-top: 3px;
}
.ranking_list .ranking_item .section_info .date .weeks {
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  color: #666;
}
.ranking_list .ranking_item .section_info .date .date_range {
  display: inline-block;
  margin-left: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.025rem;
  color: #888;
}
.ranking_list .ranking_item .thumbnail_content_list {
  display: flex;
  margin-top: 10px;
  justify-content: space-between;
}
.ranking_list .ranking_item .thumbnail_content_list .item {
  position: relative;
  width: calc((100% - 15px) / 3);
}
.ranking_list .ranking_item .thumbnail_content_list .item .thumbnail {
  display: block;
  overflow: hidden;
  position: relative;
  margin: auto 0;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 14px;
}
.ranking_list .ranking_item .thumbnail_content_list .item .thumbnail:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #e5e5e5;
  border-radius: 14px;
}
.ranking_list .ranking_item .thumbnail_content_list .item .thumbnail img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.ranking_list .ranking_item .thumbnail_content_list .item .content {
  margin-top: 6px;
  text-align: center;
  line-height: 20px;
}
.ranking_list .ranking_item .thumbnail_content_list .item .content .name {
  display: block;
  overflow: hidden;
  height: 20px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: -0.05rem;
  color: #000;
}
.ranking_list .ranking_item .thumbnail_content_list .item .content .count {
  display: block;
  margin-top: -5px;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: -0.025rem;
  color: #000;
}
/* 상단 COMMINGSOON 배너 */
.section_banner {
  margin-top: 12px;
  width: 100%;
  height: 280px;
}
.section_banner .banner_title {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff url(../images/banner/bg_starranking_comingsoon.png) no-repeat
    center center / cover;
}
.section_banner .banner_title:after {
  content: "";
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 286px;
  height: 236px;
  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: 11px;
  padding: 15px 10px 17px;
  background: #fff;
  font-family: "NanumSquare", sans-serif;
  color: #000;
}
.category_select select {
  display: block;
  margin: 0 auto;
  padding: 0 60px 0 15px;
  width: 100%;
  height: 45px;
  background: #fff url(../images/btn/btn_select_arrow.png) no-repeat right
    center / 45px 45px;
  border: 1px solid #404040;
  font-family: inherit;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.025rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.category_select select option {
  font-family: inherit;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.025rem;
}
.category_select .category_info {
  text-align: center;
}
.category_select .category_info .title {
  display: block;
  margin-top: 7px;
  font-weight: 700;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: -0.025rem;
}
.category_select .category_info .date {
  display: block;
  margin-top: 7px;
}
.category_select .category_info .date .weeks {
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  color: #666;
}
.category_select .category_info .date .date_range {
  display: inline-block;
  margin-left: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.025rem;
  color: #888;
}
.category_select .category_info .count {
  display: block;
  margin-top: -4px;
  font-size: 12px;
  line-height: 20px;
}
.category_select .category_info .count .count_date {
  font-weight: 800;
  color: #f12a49;
}
/* 1위 혜택 배너 */
.banner_section {
  position: relative;
  margin-top: 11px;
}
.banner_section .benefit_banner {
  width: 100%;
  height: 80px;
  background: url(../images/banner/banner_benefit_bg_v2.png) no-repeat center
    center / cover;
}
.banner_section .benefit_banner .btn_popup_open {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 320px;
  height: 100%;
  background: url(../images/banner/banner_benefit_text_v2.png) no-repeat center
    15px / 280px auto;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
/* 스타랭킹 소개 배너 */
.banner_section .starranking_info_banner {
  position: relative;
  width: 320px;
  height: 80px;
  background: url(../images/banner/banner_starranking_info_bg.png) no-repeat
    center center / cover;
}
.banner_section .starranking_info_banner:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
  width: 79px;
  height: 80px;
  background: url(../images/banner/banner_starranking_info_object_left.png)
    no-repeat center center / cover;
}
.banner_section .starranking_info_banner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 94px;
  height: 80px;
  background: url(../images/banner/banner_starranking_info_object_right.png)
    no-repeat center center / cover;
}
.banner_section .starranking_info_banner .banner_text {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  width: 320px;
  height: 80px;
  background: url(../images/banner/banner_starranking_info_text.png) no-repeat
    center center / 153px 55px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  cursor: default;
}
/* 스타특전 옥외 광고 서포트 배너 */
.banner_section .outdoor_advertising_banner {
  position: relative;
  width: 320px;
  height: 80px;
  background: #4c90c6;
}
.banner_section .outdoor_advertising_banner a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.banner_section .outdoor_advertising_banner .banner_text {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  width: 320px;
  height: 80px;
  background: url(../images/banner/banner_outdoor_advertising_text.png)
    no-repeat center center / 320px 80px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  z-index: 1;
}
.banner_section .outdoor_advertising_banner:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 160px;
  height: 80px;
  background: url(../images/banner/banner_outdoor_advertising_object_left.png)
    no-repeat center center / cover;
}
.banner_section .outdoor_advertising_banner:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 160px;
  height: 80px;
  background: url(../images/banner/banner_outdoor_advertising_object_right.png)
    no-repeat center center / cover;
}
/* 배너 슬라이드 */
.banner_section .swiper_function_wrap {
  position: absolute;
  right: 1px;
  bottom: 3.5px;
  width: 44.5px;
  height: 16px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  z-index: 1;
}
.banner_section .swiper_function_wrap .starranking_banner_pagination {
  width: 20px;
  bottom: -1px;
  left: 4px;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.13rem;
  color: #fff;
}
.banner_section .swiper_function_wrap .btn_swiper.pause {
  margin-left: 25px;
  width: 16px;
  height: 16px;
  background: url(../images/btn/btn_slide_pause.png) no-repeat center 3px / 6px
    8px;
}
.banner_section .swiper_function_wrap .btn_swiper.playing {
  display: none;
  margin-left: 25px;
  width: 16px;
  height: 16px;
  background: url(../images/btn/btn_slide_play.png) no-repeat center 2px / 8px
    10px;
}
/* 광고 1 + 자체 배너 2 */
.ad_banner_section {
  margin-top: 10px;
}
.ad_banner_section .ad_banner_list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 250px;
}
.ad_banner_section .ad_banner_list .ad_banner_item {
}
.ad_banner_section .ad_banner_list .ad_banner_item a {
  display: block;
}
/* 남신 콘서트 */
.ad_banner_section .ad_banner_list .ad_banner_item .ad_namsin_banner {
  position: relative;
  width: 120px;
  height: 120px;
}
.ad_banner_section .ad_banner_list .ad_banner_item .ad_namsin_banner span {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: url(../images/banner/banner_namsin.jpg) no-repeat center center;
  background-size: cover;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
/* */
.ad_banner_section .ad_banner_list .ad_banner_item .ad_starpoll_download {
  position: relative;
  width: 120px;
  height: 120px;
}
.ad_banner_section .ad_banner_list .ad_banner_item .ad_starpoll_download span {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: url(../images/banner/banner_starpoll_download_v2.png) no-repeat
    center center;
  background-size: cover;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}
.ad_banner_section .ad_banner_list .ad_banner_item + .ad_banner_item {
  margin-left: 10px;
}
/* 투표 참여 횟수 안내 */
.survey_info_section {
  margin-top: 10px;
  height: 30px;
  background: #fee200;
  font-family: "NanumSquare", sans-serif;
}
.survey_info_section .text {
  position: relative;
  margin-left: 10px;
  padding-left: calc(15px + 6px);
  background: url(../images/icon_survey_info.png) no-repeat left center / 15px
    15px;
  font-size: 11px;
  line-height: 30px;
  letter-spacing: -0.025rem;
  color: #111;
}
.survey_info_section .text strong {
  position: relative;
  font-weight: normal;
}
.survey_info_section .text strong:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 1px;
  width: 30px;
  height: 1px;
  background: #111;
}
/* 투표하기 아티스트 리스트 */
.artist_ranking_section {
  padding: 12px 10px 200px;
  background: #fff;
  font-family: "NanumSquare", sans-serif;
}
.artist_ranking_section .artist_list {
  margin: 0 auto;
}
.artist_ranking_section .artist_list .item {
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
}
.artist_ranking_section .artist_list .item .rank {
  float: left;
  width: 21px;
  font-weight: 800;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.05rem;
  text-align: center;
  color: #000;
}
/*.artist_ranking_section .artist_list .item:nth-child(1) .rank {display:block; width:21px; height:20px; background:url(../images/icon_ranking1.png)no-repeat center center / cover; font-size:0; line-height:0;}
.artist_ranking_section .artist_list .item:nth-child(2) .rank {display:block; width:21px; height:20px; background:url(../images/icon_ranking2.png)no-repeat center center / cover; font-size:0; line-height:0;}
.artist_ranking_section .artist_list .item:nth-child(3) .rank {display:block; width:21px; height:20px; background:url(../images/icon_ranking3.png)no-repeat center center / cover; font-size:0; line-height:0;}*/

.artist_ranking_section .artist_list .item .rank.rank1 {
  display: block;
  width: 21px;
  height: 20px;
  background: url(../images/icon_ranking1.png) no-repeat center center / cover;
  font-size: 0;
  line-height: 0;
}
.artist_ranking_section .artist_list .item .rank.rank2 {
  display: block;
  width: 21px;
  height: 20px;
  background: url(../images/icon_ranking2.png) no-repeat center center / cover;
  font-size: 0;
  line-height: 0;
}
.artist_ranking_section .artist_list .item .rank.rank3 {
  display: block;
  width: 21px;
  height: 20px;
  background: url(../images/icon_ranking3.png) no-repeat center center / cover;
  font-size: 0;
  line-height: 0;
}

.artist_ranking_section .artist_list .item .thumbnail_wrap {
  float: left;
  margin-left: 5px;
  width: 16.6667%;
}
.artist_ranking_section .artist_list .item .thumbnail_wrap .thumbnail {
  display: block;
  overflow: hidden;
  position: relative;
  padding-top: 100%;
  border-radius: 15px;
}
.artist_ranking_section .artist_list .item .thumbnail_wrap .thumbnail img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.artist_ranking_section .artist_list .item .thumbnail_wrap .thumbnail:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #e5e5e5;
  border-radius: 15px;
}
.artist_ranking_section .artist_list .item .content {
  position: absolute;
  top: 50%;
  left: calc(21px + 5px);
  transform: translateY(-50%);
  margin-left: calc(16.6667% + 10px);
  padding-right: calc((21px + 5px) + (16.6667% + 10px) + 110px);
  max-width: 100%;
}
.artist_ranking_section .artist_list .item .content .name {
  display: block;
  overflow: hidden;
  height: 20px;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.05rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
}
.artist_ranking_section .artist_list .item .content .count {
  display: block;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: -0.025rem;
  color: #333;
}
.artist_ranking_section .artist_list .item .align_right_wrap {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 30px;
}
.artist_ranking_section .artist_list .item .rating {
  padding-left: 6px;
  background: url(../images/img_rating.png) no-repeat left center / 5px 1px;
  font-weight: 700;
  font-size: 11px;
  line-height: 20px;
  letter-spacing: -0.025rem;
  color: #666;
}
.artist_ranking_section .artist_list .item .rating.up {
  background: url(../images/img_up.png) no-repeat left center / 5px 4px;
  color: #ff4562;
}
.artist_ranking_section .artist_list .item .rating.down {
  background: url(../images/img_down.png) no-repeat left center / 5px 4px;
  color: #2d63de;
}
.artist_ranking_section .artist_list .item .rating.new {
  background: none;
}
.artist_ranking_section .artist_list .item .btn_vote {
  width: 70px;
  height: 30px;
  background: url(../images/btn/btn_vote.png) 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: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  font-family: "NanumSquare", sans-serif;
}
.benefit_popup.on {
  display: block;
}
.benefit_popup .title {
  display: block;
  padding: 16px 10px;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.025rem;
  border: 1px solid #e5e5e5;
}
.benefit_popup .content_list {
  margin: 0 auto;
  width: 320px;
}
.benefit_popup .content_list .item {
  padding: 0 10px;
}
.benefit_popup .content_list .item .sub_title {
  display: block;
  margin-top: 18px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.025rem;
}
.benefit_popup .content_list .item .text {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.025rem;
  color: #666;
}
.benefit_popup .content_list .item .content_image {
  display: block;
  margin-top: 7px;
  width: 300px;
  height: 140px;
}
.benefit_popup .content_list .item .content_image img {
  display: block;
  width: 100%;
  height: 100%;
}
.benefit_popup .btn_popup_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;
}
/*스타랭킹 1위 팝업*/
.rank1_popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0.85);
  font-family: "NanumSquare", sans-serif;
  z-index: 2147483648;
}
.rank1_popup .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 10px;
  width: calc(100% - 20px);
  height: 394.5px;
  background: #dacdff;
  text-align: center;
}
.rank1_popup .content .title_wrap {
}
.rank1_popup .content .title_wrap .title {
  display: block;
  margin-top: 25px;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.01rem;
  color: #6b60bb;
}
.rank1_popup .content .title_wrap .sub_title {
  display: block;
  margin-top: 5px;
  font-weight: 300;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.01rem;
  color: #000;
}
.rank1_popup .content .thumbnail_wrap {
  position: relative;
  margin: 15px auto 0;
  left: -5px;
  width: 234px;
  height: 197px;
  background: url(../images/bg_starranking_rank_popup_v2.png) no-repeat center
    center / 234px 197px;
}
.rank1_popup .content .thumbnail_wrap .thumbnail {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 9px 0 0 5px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  box-shadow: 0 0px 30px 0px 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: 15px;
  padding: 0 22px;
  height: 36px;
  background: #8176d4;
  border-radius: 30px;
  font-size: 13px;
  line-height: 36px;
  letter-spacing: -0.025rem;
  text-align: center;
  color: #fff;
}
.rank1_popup .content .category .weeks {
  font-weight: 800;
  font-size: 15px;
  line-height: 36px;
  letter-spacing: -0.025rem;
}
.rank1_popup .content .artist {
  display: block;
  margin-top: 8px;
  font-weight: bold;
  font-size: 26px;
  line-height: 26px;
  letter-spacing: -0.025rem;
  text-align: center;
  color: #000;
}
.rank1_popup .btn_rank_popup_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 49px;
  background: url(../images/btn/btn_popup_close.png) no-repeat center center /
    19px 20px;
}
/*스타랭킹 SNS로그인*/
.sns_login {
  position: relative;
  margin: 12px auto 11px;
  padding-bottom: 138px;
  background: #fff;
  font-family: "NanumSquare", sans-serif;
  color: #000;
}
.sns_login .title {
  padding: 16px 10px;
  display: block;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.025rem;
}
.sns_login .login_btn_list {
  padding: 30px 20px 26px;
  border-top: 1px solid #e5e5e5;
}
.sns_login .login_btn_list .item {
  overflow: hidden;
  margin: 0 auto;
  max-width: 394px;
  height: 46px;
  border-radius: 23px;
}
.sns_login .login_btn_list .item + .item {
  margin-top: 10px;
}
.sns_login .login_btn_list .item a {
  display: block;
  color: #fff;
}
.sns_login .login_btn_list .btn_sns_login {
  display: block;
  height: 46px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 280px 46px;
  font-size: 0;
  line-height: 0;
}
.sns_login .login_btn_list .btn_sns_login.naver {
  background-color: #00c766;
  background-image: url(../images/btn/btn_sns_naver_full.png);
}
.sns_login .login_btn_list .btn_sns_login.kakao {
  background-color: #fee500;
  background-image: url(../images/btn/btn_sns_kakao_full.png);
}
.sns_login .login_btn_list .btn_sns_login.twitter {
  background-color: #1da1f2;
  background-image: url(../images/btn/btn_sns_twitter_full.png);
}
.sns_login .login_btn_list .btn_sns_login.facebook {
  background-color: #1877f2;
  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 {
}
.sns_login .login_info .title {
  padding: 0 0 0 10px;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.05rem;
}
.sns_login .login_info .info_list {
  margin-top: 3px;
  padding: 0 10px;
}
.sns_login .login_info .info_list .item {
  position: relative;
  padding-left: 7px;
}
.sns_login .login_info .info_list .item:after {
  content: "";
  overflow: hidden;
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #e5e5e5;
  border-radius: 50%;
}
.sns_login .login_info .info_list .item + .item {
  margin-top: 3px;
}
.sns_login .login_info .info_list .item .text {
  font-size: 12px;
  line-height: 17px;
  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: 12px auto 11px;
  padding-bottom: 88px;
  background: #fff;
  font-family: "NanumSquare", sans-serif;
  color: #000;
}
.starranking_notice .no_notice {
  padding-top: 50px;
  height: calc(100vh - 297px);
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.025rem;
  text-align: center;
  border-top: 1px solid #e5e5e5;
}
.starranking_notice .title {
  padding: 16px 10px;
  display: block;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.025rem;
}
.starranking_notice .accordion_group {
  border-top: 1px solid #e5e5e5;
}
.starranking_notice .accordion_group .item {
  padding: 0 10px;
  border-bottom: 1px solid #e5e5e5;
}
.starranking_notice .accordion_group .item + .item {
}
.starranking_notice .accordion_group .item .accordion_control {
  overflow: hidden;
  position: relative;
  padding: 15px 0;
}
.starranking_notice .accordion_group .item .accordion_control .num {
  position: absolute;
  top: 16px;
  left: 0;
  font-weight: 800;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.025rem;
}
.starranking_notice .accordion_group .item .accordion_control .subject {
  float: left;
  margin: -4px 0 0 32px;
  padding-right: 80px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.025rem;
}
.starranking_notice .accordion_group .item .accordion_control.on .subject {
  color: #f12a49;
}
.starranking_notice .accordion_group .item .accordion_control .date {
  position: absolute;
  top: 16px;
  right: 0;
  font-size: 12px;
  line-height: 1;
  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: 10px;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.025rem;
  border-top: 1px solid #e5e5e5;
  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: 10px;
}
.starranking_notice .accordion_group .item .accordion_panel .notice_img img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.starranking_notice .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;
}
.starranking_notice .btn_login_close .text {
  display: block;
  width: 100%;
  height: 100%;
}
.starranking_notice + .bxcn {
  margin-bottom: 127px;
}
/*스타랭킹 개인정보 처리방침*/
.privacy_section {
  position: relative;
  margin: 12px auto 11px;
  padding-bottom: 88px;
  background: #fff;
  font-family: "NanumSquare", sans-serif;
}
.privacy_section .title {
  padding: 16px 10px;
  display: block;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.025rem;
  border: 1px solid #e5e5e5;
  color: #000;
}
.privacy_section .main_subject {
  display: block;
  margin-top: 9px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.025rem;
  color: #333;
}
.privacy_section .info_list {
  margin-top: 17px;
  padding: 0 10px;
}
.privacy_section .info_list .item {
  position: relative;
}
.privacy_section .info_list .item + .item {
  margin-top: 9px;
}
.privacy_section .info_list .item .subject {
  display: block;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.025rem;
  color: #000;
}
.privacy_section .info_list .item .text {
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.025rem;
  color: #666;
}
.privacy_section .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;
}
.privacy_section .btn_login_close .text {
  display: block;
  width: 100%;
  height: 100%;
}
/*스타랭킹 옥외 전광판 서포트 영상*/
.starranking_ad_video {
  position: relative;
  margin: 12px auto 11px;
  background: #fff;
  font-family: "NanumSquare", sans-serif;
  color: #333;
}
.starranking_ad_video .title {
  display: block;
  padding: 16px 10px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.025rem;
}
.starranking_ad_video .video_list {
  margin-top: 17px;
  padding: 0 10px;
}
.starranking_ad_video .video_list .list_item {
}
.starranking_ad_video .video_list .list_item + .list_item {
  margin-top: 7px;
}
.starranking_ad_video .video_list .list_item .text {
  display: block;
  padding: 8px 0 10px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.025rem;
}
.starranking_ad_video .video_container {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.3334%;
  height: 0;
}
.starranking_ad_video .video_container .video_player_area {
  z-index: 2;
}
.starranking_ad_video .video_container .thumbnail {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  z-index: 1;
}
.starranking_ad_video .video_container .thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  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: 29px;
  height: 29px;
  background: url(../images/btn/btn_play_youtube.png) 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_ad_video .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;
}
.starranking_ad_video .btn_login_close .text {
  display: block;
  width: 100%;
  height: 100%;
}
.starranking_ad_video + .bxcn {
  margin-bottom: 127px;
}
/* 레이어 - 동영상 */
.lay_vod {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 1);
  z-index: 9999;
}
.lay_vod .area {
  position: relative;
  width: 100%;
  height: 100%;
}
.lay_vod .area .vod {
  position: relative;
  overflow: hidden;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding-bottom: 56.25%;
  width: 100%;
  height: 0;
}
.lay_vod .area .vod iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lay_vod .area .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 40px;
  background: url(../images/btn/btn_popup_close_white.png) no-repeat center
    center / 19px 20px;
}
/*숏츠영상*/
.shorts_video {
  position: relative;
  background: #fff;
  color: #333;
}
.shorts_video .video_list {
  padding: 0 10px;
}
.shorts_video .video_list .list_item {
}
.shorts_video .video_list .list_item + .list_item {
  margin-top: 7px;
}
.shorts_video .video_list .list_item .text {
  display: block;
  padding: 8px 0 10px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.025rem;
}
.shorts_video .video_container {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.3334%;
  height: 0;
}
.shorts_video .video_container .video_player_area {
  z-index: 2;
}
.shorts_video .video_container .thumbnail {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  z-index: 1;
}
.shorts_video .video_container .thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: 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%;
}
/*스타랭킹 footer*/
.starranking_footer {
  position: absolute !important;
  right: 0;
  bottom: 0;
  left: 0;
  background: #424242;
}
.starranking_footer.bottom-50 {
  bottom: 50px;
}
.starranking_footer .info_group {
}
.starranking_footer .info_group a + a {
  padding-left: 10px;
}
.starranking_footer .info_group .notice_link {
  padding-right: 5px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.01rem;
  color: #ccc;
}
.starranking_footer .info_group .btn_privacy {
  position: relative;
  padding-right: 3px;
  background: #424242;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.01rem;
  color: #ccc;
}
.starranking_footer .info_group .btn_login {
  position: relative;
  background: #424242;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.01rem;
  color: #ccc;
}
.starranking_footer .info_group .btn_privacy:after,
.starranking_footer .info_group .btn_login:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 1px;
  height: 11px;
  border-left: 1px solid #777;
}
/*[MTSTAR-808] 2021.10.20 동현*/
.uplus .sub-vote-spot {
  height: calc(726px / 2);
  background-image: url(../images/bg_mobile_vote4.png);
}
.uplus .sub-vote-spot:before {
  content: "";
  position: absolute;
  top: 22px;
  left: 0;
  width: 70px;
  height: 170px;
  background: url(../images/bg_mobile_vote4_left_object.png) no-repeat center
    center / cover;
}
.uplus .sub-vote-spot:after {
  content: "";
  position: absolute;
  top: 24px;
  right: -8px;
  width: 82px;
  height: 148px;
  background: url(../images/bg_mobile_vote4_right_object.png) no-repeat center
    center / cover;
}
.uplus .sub-vote-spot .text .vote-title {
  margin: 0 auto;
  width: calc(458px / 2);
  height: calc(276px / 2);
  background: url(../images/banner_mobile_title_uplus.png) no-repeat center
    center / cover;
  font-size: 0;
  line-height: 0;
}
.uplus .sub-vote-spot .text {
  padding-top: 41px;
}
.uplus .search-vote-spot .tab-type3 ul.singer_tablist li {
  width: 25%;
  height: 32px;
  line-height: 32px;
}
.uplus .search-vote-spot .tab-type3 ul.actor_tablist li {
  width: 50%;
  height: 32px;
  line-height: 32px;
}
.uplus .search-vote-spot .tab-type3 ul li span {
  display: block;
  padding: 10px 0;
  font-size: 11px;
  line-height: 11px;
  letter-spacing: -0.081rem;
  color: #777;
}
.uplus .search-vote-spot .tab-type3 ul li.on span {
  font-weight: bold;
  color: #010101;
}
.uplus .banner_wrap {
  padding: 10px 0;
}
.uplus .banner_wrap .app_banner.starnews_service {
  position: relative;
  background: #e3e3e3
    url(../images/banner/banner_starnews_mobile_service_bg_left.png) no-repeat;
  background-position: left center;
  background-size: 172px auto;
}
.uplus .banner_wrap .app_banner.starnews_service:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(291px / 2);
  height: 100%;
  background: url(../images/banner/banner_starnews_mobile_service_bg_right.png)
    no-repeat;
  background-position: right center;
  background-size: auto 70px;
}
.uplus .banner_wrap .app_banner.starnews_service span {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/banner/banner_starnews_mobile_service.png);
  background-position: center center;
  background-size: 287px auto;
}
.uplus .banner_wrap .app_banner.uplus {
  position: relative;
  height: 70px;
  background: url(../images/banner_mobile_uplus_bg_v2.png) no-repeat center
    center / cover;
}
.uplus .banner_wrap .app_banner.uplus span {
  margin: 0 auto;
  width: 320px;
  height: 70px;
  background: url(../images/banner_mobile_uplus_txt_v2.png) no-repeat center
    center / cover;
}
.uplus .banner_wrap .app_banner.ret {
  position: relative;
  height: 70px;
  background: url(../images/banner_mobile_ret_bg.png) no-repeat center center /
    cover;
}
.uplus .banner_wrap .app_banner.ret span {
  margin: 0 auto;
  width: 320px;
  height: 70px;
  background: url(../images/banner_mobile_ret_txt.png) no-repeat center center /
    cover;
}
/*[MTSTAR-821] 2021.10.29 동현*/
.uplus .sub-vote-spot .text {
  padding-top: 30px;
}
.ret .sub-vote-spot .text .vote-title {
  margin: 0 auto;
  width: calc(400px / 2);
  height: calc(276px / 2);
  background: url(../images/banner_mobile_title_ret.png) no-repeat center center /
    cover;
  font-size: 0;
  line-height: 0;
}
.ret .sub-vote-spot .text .vote_txt {
  margin-top: 15px;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.025rem;
  color: #fff;
}
.ret .sub-vote-spot .text .vote_txt strong {
  font-weight: bold;
}
.ret .sub-vote-spot .text .vote_txt strong a {
  color: #fff;
}
.ret .sub-vote-spot .text .vote_txt.jpn {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: -0.05rem;
}
.ret .sub-vote-spot .text .vote_txt.jpn strong {
  font-weight: 500;
}

/*[MTAAA-844] [개발팀][AAA] 2023 본투표 현황판 구현 - UI 개발*/
.vote_2023 .sub-vote-spot {
  position: relative;
  width: 100%;
  height: 300px;
  margin-top: 10px;
  color: #fff;
  background: none;
}
.vote_2023 .sub-vote-spot.keyvisual-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 107.3529%;
}
.vote_2023 .sub-vote-spot.keyvisual-wrap .keyvisual-img {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/aaa/2023/keyvisual_680x730.png) no-repeat top center /
    cover;
}
.vote_2023 .sub-vote-spot .text {
  display: none;
  padding-top: 21px;
  padding-bottom: 24px;
  font-family: "Nanum Gothic", sans-serif;
}
.vote_2023 .sub-vote-spot .text.score {
  padding-bottom: 14px;
}
.vote_2023 .sub-vote-spot .text .vote-title {
  margin: 0 auto;
  width: 178px;
  height: 139px;
  background: url(../images/banner_mobile_title_favorite.png) no-repeat center
    center;
  background-size: cover;
  font-size: 0;
  line-height: 0;
}
.vote_2023 .sub-vote-spot .text .vote_txt {
  margin-top: 15px;
  font-weight: lighter;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #fff;
}
.vote_2023 .sub-vote-spot .text strong {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: -0.075rem;
}
.vote_2023 .sub-vote-spot .text .vote_date {
  margin-top: 10px;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #fff;
}
.vote_2023 .sub-vote-spot .text .vote_date strong {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #fff;
}
.vote_2023 .sub-vote-spot .text .total_vote {
  margin-top: 11px;
  font-size: 15px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #fffd5a;
}
.vote_2023 .sub-vote-spot .text .total_vote strong {
  font-size: 16px;
}
.vote_2023 .sub-vote-spot .text .vote_category {
  margin-top: 5px;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #fffd5a;
}
.vote_2023 .sub-vote-spot .text .vote_category .count {
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #fffd5a;
}
.vote_2023 .sub-vote-spot .text .vote_txt2 {
  margin-top: 22px;
  font-weight: lighter;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #dbdbdb;
}
.vote_2023 .sub-vote-spot .text.score .vote_txt2 {
  margin-top: 5px;
}
.vote_2023 .sub-vote-spot .text .vote_txt2 strong {
  position: relative;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #dbdbdb;
}
.vote_2023 .sub-vote-spot .text .vote_txt2 strong:after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dbdbdb;
}
.vote_2023 .sub-vote-spot .text .vote_txt4 {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.05rem;
  color: #fcff26;
}
.vote_2023 .sub-vote-spot .text.score .vote_txt4 {
  margin-top: 11px;
}
.vote_2023 .sub-vote-spot .text .vote_txt5 {
  margin-top: 18px;
  font-weight: bold;
  font-size: 11px;
  line-height: 16px;
  color: #dbdbdb;
}

.vote_2023 .search-vote-spot {
  overflow: hidden;
  margin-top: 3px;
  margin-bottom: 7px;
  width: 100%;
}

.vote_2023 .search-vote-spot .tab-type3 {
  display: flex;
}
.vote_2023 .search-vote-spot .tab-type3 ul {
  display: flex;
  padding: 6px 0 7px;
  height: auto;
}
.vote_2023 .search-vote-spot .tab-type3 ul li {
  display: block;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
}
.vote_2023 .search-vote-spot .tab-type3 ul li.on {
  position: relative;
}
.vote_2023 .search-vote-spot .tab-type3 ul.singer_tablist li {
  width: 50%;
  height: 32px;
  line-height: 32px;
}
.vote_2023 .search-vote-spot .tab-type3 ul.actor_tablist li {
  width: 50%;
  height: 32px;
  line-height: 32px;
}
.vote_2023 .search-vote-spot .tab-type3 ul li span {
  display: block;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #777;
}
.vote_2023 .search-vote-spot .tab-type3 ul li.on span {
  font-weight: bold;
}

.vote_2023 .banner_wrap {
  padding: 10px 0;
}
.vote_2023 .banner_wrap .app_banner.starnews_service {
  position: relative;
  background: #e3e3e3
    url(../images/banner/banner_starnews_mobile_service_bg_left.png) no-repeat;
  background-position: left center;
  background-size: 172px auto;
}
.vote_2023 .banner_wrap .app_banner.starnews_service:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(291px / 2);
  height: 100%;
  background: url(../images/banner/banner_starnews_mobile_service_bg_right.png)
    no-repeat;
  background-position: right center;
  background-size: auto 70px;
}
.vote_2023 .banner_wrap .app_banner.starnews_service span {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/banner/banner_starnews_mobile_service.png);
  background-position: center center;
  background-size: 287px auto;
}
.vote_2023 .banner_wrap .app_banner.idolchamp {
  position: relative;
  display: flex;
  align-items: center;
  height: 70px;
  background: url(../images/aaa/2023/banner_mobile_idolchamp_bg.png) no-repeat
    center center / cover;
}
.vote_2023 .banner_wrap .app_banner.idolchamp span {
  width: calc(535px / 2);
  height: calc(114px / 2);
  background: url(../images/aaa/2023/banner_mobile_idolchamp_contents.png)
    no-repeat center center / cover;
}
/* [MTSTARPOLL-386] 241011 세종 */
.vote_2024 .sub-vote-spot {
  position: relative;
  width: 100%;
  height: 300px;
  margin-top: 10px;
  color: #fff;
  background: none;
}
.vote_2024 .sub-vote-spot.keyvisual-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 85.88235294118%;
}
.vote_2024 .sub-vote-spot.keyvisual-wrap .keyvisual-img {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/aaa/2024/keyvisual_680x584.png) no-repeat top center / cover;
}
.vote_2024 .sub-vote-spot .text {
  display: none;
}
.vote_2024 .search-vote-spot {
  overflow: hidden;
  margin-top: 3px;
  margin-bottom: 7px;
  width: 100%;
}

.vote_2024 .search-vote-spot .tab-type3 {
  display: flex;
}
.vote_2024 .search-vote-spot .tab-type3 ul {
  display: flex;
  padding: 6px 0 7px;
  height: auto;
}
.vote_2024 .search-vote-spot .tab-type3 ul li {
  display: block;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.vote_2024 .search-vote-spot .tab-type3 ul li.on {
  position: relative;
}
.vote_2024 .search-vote-spot .tab-type3 ul.singer_tablist li {
  width: 50%;
  height: 32px;
  line-height: 32px;
}
.vote_2024 .search-vote-spot .tab-type3 ul.actor_tablist li {
  width: 50%;
  height: 32px;
  line-height: 32px;
}
.vote_2024 .search-vote-spot .tab-type3 ul li span {
  display: block;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #777;
}
.vote_2024 .search-vote-spot .tab-type3 ul li.on span {
  font-weight: bold;
}

.vote_2024 .banner_wrap {
  padding: 10px 0;
}
.vote_2024 .banner_wrap .app_banner.starnews_service {
  position: relative;
  background: #e3e3e3
    url(../images/banner/banner_starnews_mobile_service_bg_left.png) no-repeat;
  background-position: left center;
  background-size: 172px auto;
}
.vote_2024 .banner_wrap .app_banner.starnews_service:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(291px / 2);
  height: 100%;
  background: url(../images/banner/banner_starnews_mobile_service_bg_right.png)
    no-repeat;
  background-position: right center;
  background-size: auto 70px;
}
.vote_2024 .banner_wrap .app_banner.starnews_service span {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/banner/banner_starnews_mobile_service.png);
  background-position: center center;
  background-size: 287px auto;
}
.vote_2024 .banner_wrap .app_banner.idolchamp {
  position: relative;
  display: flex;
  align-items: center;
  height: 70px;
  background: url(../images/aaa/2023/banner_mobile_idolchamp_bg.png) no-repeat
    center center / cover;
}
.vote_2024 .banner_wrap .app_banner.idolchamp span {
  width: calc(535px / 2);
  height: calc(114px / 2);
  background: url(../images/aaa/2024/banner_mobile_idolchamp_contents.png)
    no-repeat center center / cover;
}
/* [MTSTARPOLL-386] 241011 세종 */
/* 추가 240905 세종 : 20주년 기념 영상 링크 배너 */
.video_20th_Anniversary {
  position: relative;
  height: 65px;
  font-size: 0;
  line-height: 0;
  background: #2b4ffd;
}
.video_20th_Anniversary:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 160px;
  background: url(../images/banner/banner_20th_Anniversary_bg.jpg) no-repeat 0
    center;
  background-size: auto 100%;
}
.video_20th_Anniversary:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 160px;
  background: url(../images/banner/banner_20th_Anniversary_bg.jpg) no-repeat
    right center;
  background-size: auto 100%;
}
.video_20th_Anniversary a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/banner/banner_20th_Anniversary_title.png?0)
    no-repeat center center;
  background-size: 268px auto;
  z-index: 1;
}
.video_20th_Anniversary a:hover {
  background-image: url(../images/banner/banner_20th_Anniversary_title_hover.png?0);
}
/*[MTSTAR-848] 2021.11.23 동현*/
.aaa_hotclip {
  position: relative;
  overflow: hidden;
  height: 65px;
  background: #ff64be;
  cursor: pointer;
}
.aaa_hotclip:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 160px;
  background: url(../images/banner/banner_mobile_aaa_hotclip_left.png) no-repeat
    center center / cover;
}
.aaa_hotclip:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 160px;
  background: url(../images/banner/banner_mobile_aaa_hotclip_right.png)
    no-repeat center center / cover;
}
.aaa_hotclip .text {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 320px;
  height: 100%;
  background: url(../images/banner/banner_mobile_aaa_hotclip.png) no-repeat
    center center / cover;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
/*[MTSTAR-855] 2021.11.23 동현*/
.aaa_uplus {
  position: relative;
  overflow: hidden;
  height: 70px;
  background: url(../images/banner_mobile_uplus_bg_v2.png) no-repeat center
    center / cover;
}
.aaa_uplus .link_banner {
  display: block;
  margin: 0 auto;
  width: 320px;
  height: 100%;
  background: url(../images/banner_mobile_uplus_txt_v2.png) no-repeat center
    center / cover;
}
.aaa_uplus .link_banner span {
  font-size: 0;
  line-height: 0;
}
/* 추가 220927 세종 */
.bn_culture_changes {
  position: relative;
  overflow: hidden;
  height: 65px;
  background: #014a97;
  cursor: pointer;
}
.bn_culture_changes:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 160px;
  background: url(../images/banner/banner_culture_changes_left.png) no-repeat
    center center / cover;
}
.bn_culture_changes:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 160px;
  background: url(../images/banner/banner_culture_changes_right.png) no-repeat
    center center / cover;
}
.bn_culture_changes .text {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 320px;
  height: 100%;
  background: url(../images/banner/banner_culture_changes.png) no-repeat center
    center / cover;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
  z-index: 1;
}
/* 추가 221028 세종 */
.bn_worldcup_qatar {
  position: relative;
  overflow: hidden;
  height: 65px;
  background: #9b0d35 url(../images/banner/banner_worldcup_qatar.png) no-repeat
    center center;
  background-size: auto 100%;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
/* 추가 20230303 원석 */
.bn_wbc {
  position: relative;
  overflow: hidden;
  height: 65px;
  background: #005ccf url(../images/banner/banner_2023_wbc.png) no-repeat center
    center;
  background-size: auto 100%;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  text-indent: -999px;
}
/*[MTSTAR-860] 2021.11.30 동현*/
#blind {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
}
.notice_popup_emergency {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 310px;
  background: #fff;
  z-index: 99999;
}
.notice_popup_emergency .popup_content .title_wrap {
  padding: 0 10px;
  height: 40px;
  background: #353535;
}
.notice_popup_emergency .popup_content .title_wrap .title {
  display: block;
  font-weight: bold;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
}
.notice_popup_emergency .popup_content .text_wrap {
  padding: 16.5px 10px 16.5px;
}
.notice_popup_emergency .popup_content .text_wrap .subject {
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.025rem;
}
.notice_popup_emergency .popup_content .text_wrap .text {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  line-height: 18px;
  color: #666;
  letter-spacing: -0.05rem;
}
.notice_popup_emergency .btn_popup_close {
  position: absolute;
  top: 11.5px;
  right: 10px;
  width: 16.5px;
  height: 16.5px;
  background: url(../images/btn/btn_popup_close_33x33.png) no-repeat center
    center / cover;
  font-size: 0;
  line-height: 0;
}
.notice_popup_emergency .today_close {
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: -29.5px;
  left: 0;
  height: 29.5px;
  background: #f0f0f0;
}
.notice_popup_emergency .today_close .input_wrap {
  float: left;
  overflow: hidden;
  position: relative;
  margin-left: 10px;
  height: 29.5px;
}
.notice_popup_emergency .today_close .input_wrap input[type="checkbox"] {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 11px;
  height: 11px;
  background: #fff;
  border: 1px solid #929292;
  appearance: checkbox;
}
.notice_popup_emergency .today_close .input_wrap label {
  padding-left: 18.5px;
  font-size: 11px;
  line-height: 29.5px;
  letter-spacing: -0.025rem;
  color: #777;
}
.notice_popup_emergency .today_close .btn_today_close {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 11px;
}
/* [MTSTAR-1431] 2023.4.13 세종 */
#page404 {
  padding: 49px 24px 38px;
  background: #fff;
  font-family: "Noto Sans KR", sans-serif;
  border-top: 1px solid #e5e5e5;
}
#page404 .txt1 {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #333;
}
#page404 .txt2 {
  display: block;
  margin-top: 22px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.06px;
  color: #656565;
}
#page404 .linkbtn {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}
#page404 .linkbtn a {
  flex: 0 1 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 58px;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
}
#page404 .linkbtn .link1 {
  background: #fff;
  font-weight: 400;
  color: #666;
  border: 1px solid #999;
}
#page404 .linkbtn .link2 {
  margin-left: 7px;
  background: #f12a49;
  font-weight: 700;
  color: #fff;
  border: 1px solid #f54141;
}
#page404 .ltnews {
  margin-top: 59px;
}
#page404 .ltnews h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: -0.03em;
  color: #333;
}
#page404 .ltnews ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 28px;
}
#page404 .ltnews ul li {
  flex: 1 0 45%;
}
#page404 .ltnews ul li:nth-child(even) {
  margin-left: 17px;
}
#page404 .ltnews ul li:nth-child(1n + 3) {
  margin-top: 21px;
}
#page404 .ltnews ul li a {
  display: flex;
  flex-direction: column;
  color: #666;
}
#page404 .ltnews ul li .thum {
  display: block;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
}
#page404 .ltnews ul li .txt {
  display: block;
  overflow: hidden;
  margin-top: 6px;
  max-height: 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.06px;
}
/*광고 영역 AD 배지*/
.ad_iframe {
  position: relative;
}
.ad_badge:after {
  content: "AD";
  position: absolute;
  top: -17px;
  right: 0;
  font-size: 12px;
  letter-spacing: -0.025rem;
  color: #777;
}
.ad_badge.ad_badge2:after {
  top: 10px;
}
/* [MTSTARPOLL-291] 2023.08.09 */
.aaa_banner_2023_vote {
  width: 100%;
  height: 65px;
  background-color: #fe1901;
}
.aaa_banner_2023_vote a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/banner/aaa_banner_2023_vote_main.png) no-repeat
    center center / 320px 65px;
  font-size: 0;
  line-height: 0;
}
.vote_container {
  margin-top: 10px;
  padding: 15px 0 45px;
  background-color: #fff;
}
.vote_container .tab_wrap {
  display: flex;
}
.vote_container .tab {
  display: inline-block;
  width: 100%;
  height: 33px;
  background-color: #e3e3e3;
  font-weight: bold;
  font-size: 14px;
  line-height: 33px;
  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: 33px;
  background-color: #fff;
  border-bottom: 1px solid #353535;
  font-weight: bold;
  font-size: 14px;
  line-height: 33px;
  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: 2px;
  background-color: #ff001d;
  z-index: 1;
}
.vote_container .title {
  font-weight: bold;
  font-size: 14px;
  line-height: 1;
  color: #000;
}
.vote_container .banner_warp {
  /* 수정 240920 세종 */
  overflow: hidden;
}
.vote_container .banner_warp img {
  /* 수정 240920 세종 */
  display: block;
  width: 100%;
}
.vote_container .vote_info_wrap {
  padding: 0 17px;
}
.vote_container .vote_info_wrap p {
  position: relative;
  padding-left: 7px;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
  color: #000;
}
.vote_container .vote_info_wrap p:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background-color: #000;
}
.vote_container .vote_info_wrap p + p {
  margin-top: 9px;
}

.banner_section {
  position: relative;
  margin-top: 11px;
}
.banner_section .banner_starpoll_vote {
  /* 수정 240920 세종 */
  position: relative;
  width: 100%;
  height: 90px;
  background: #acf2f1;
}
.banner_section .banner_starpoll_vote:before {
  /* 수정 240920 세종 */
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #7c1d8e;
  z-index: 1;
}
.banner_section .banner_starpoll_vote:after {
  /* 수정 240920 세종 */
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background-color: #cd0093;
  z-index: 1;
}
.banner_section .banner_starpoll_vote a {
  /* 수정 240920 세종 */
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  background: url(../images/banner/banner_aaa_2024_starpoll_vote.jpg?1) no-repeat
    center center / 320px 90px;
  font-size: 0;
  line-height: 0;
  z-index: 2;
}

.banner_section .banner_aaa_2023 {
  position: relative;
  width: 100%;
  height: 70px;
  background: #000;
}
.banner_section .banner_aaa_2023 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/banner/banner_aaa_2023_mo.png) no-repeat center
    center / 320px 70px;
  font-size: 0;
  line-height: 0;
}
/* 추가 240920 세종 */
.banner_section .banner_aaa_thisyear {
  position: relative;
  width: 100%;
  height: 90px;
  background: #222;
}
.banner_section .banner_aaa_thisyear a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/banner/banner_aaa_2024.png) no-repeat center center /
    320px 90px;
  font-size: 0;
  line-height: 0;
}
/* //추가 240920 세종 */
.banner_section .swiper_function_wrap .rolling_banner_pagination {
  width: 20px;
  bottom: 0;
  left: 4px;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -0.13rem;
  color: #fff;
}

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

/* 메인 배너 aaa 2023 투표 */
.banner_vote_2023 {
  display: block;
  width: 100%;
  height: 65px;
  background: url(../images/aaa/2023/main_banner_640x130_bg.png?date=20231019001)
    no-repeat center center / cover;
}
.banner_vote_2023 a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/aaa/2023/main_banner_640x130_title.png) no-repeat
    center center / 221px 30.5px;
}
.banner_vote_2023 a span {
  font-size: 0;
  line-height: 0;
}
@media only screen and (min-width: 580px) {
  #article .iframe_box {
    padding-bottom: 0;
    height: 315px;
  }
}

.pb-12 {
  padding-bottom: 12px;
}

/* 추가 20230309 이원석*/
.login-area {
  margin: 0 15px;
}
.login-area a {
  width: 100%;
  max-width: 260px;
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 9px;
  border-radius: 44px;
  background: #e5e5e5;
  position: absolute;
  font-size: 14px;
  font-weight: 500;
  color: #424242;
}
.login-area a#log-in-my {
  bottom: 174px;
}
.login-area a#log-out-join {
  bottom: 125px;
}

.star_ad_0616 {
  position: fixed;
  bottom: 0;
  z-index: 10000;
  width: 100%;
  height: 50px;
  border-top: 1px solid #ddd;
  background-color: #333;
}

/* 추가 240530 동현 */
/* 메인 TOP 기사 롤링 */
#mainSwiper .swiper-slide {
  position: relative;
  height: 0;
  padding-bottom: 70%;
}
#mainSwiper .swiper-slide a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#mainSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
#mainSwiper .swiper-pagination {
  top: 5px;
  right: 10px;
  bottom: unset;
  left: unset;
  text-align: right;
}
#mainSwiper .swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  margin: 0 0 0 4px;
  width: 8px;
  height: 8px;
  font-size: 0;
  line-height: 0;
  background: none;
  border: 2px solid #f12a49;
  border-radius: 25px;
  opacity: 1;
}
#mainSwiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #f12a49;
  border: 2px solid #f12a49;
}
/* 추가 240510 세종 - 퓨처 스타 어워즈 */
#content .bxcn .infoarea1 {
  display: flex;
  flex-direction: column;
  padding: 18px 10px;
}
#content .bxcn .infoarea1 h3 {
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.4px;
}
#content .bxcn .infoarea1 .list1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-left: 24px;
  width: 100%;
  list-style: disc;
  color: #666;
}
#content .bxcn .infoarea1 h3 + .list1 {
  margin-top: 10px;
}
#content .bxcn .infoarea1 .list1 li {
  line-height: 20px;
  letter-spacing: -0.8px;
  color: #666;
}
#content .bxcn .infoarea1 .list2 {
}
#content .bxcn .infoarea1 h3 + .list2 {
  margin-top: 10px;
}
#content .bxcn .infoarea1 .list2 li {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}
#content .bxcn .infoarea1 .list2 li:first-child {
  padding-top: 0;
}
#content .bxcn .infoarea1 .list2 li:last-child {
  padding-bottom: 0;
}
#content .bxcn .infoarea1 .list2 li + li {
  border-top: 1px solid #e5e5e5;
}
#content .bxcn .infoarea1 .list2 h4 {
  flex: 0 0 75px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.8px;
  color: #000;
}
#content .bxcn .infoarea1 .list3 {
  padding-left: 24px;
  width: 100%;
  list-style: disc;
  color: #666;
}
#content .bxcn .infoarea1 .list3 + .list2 {
  margin-top: 20px;
}
#content .bxcn .infoarea1 h3 + .list3 {
  margin-top: 10px;
}
#content .bxcn .infoarea1 .list3 li {
  line-height: 20px;
  letter-spacing: -0.8px;
  color: #666;
}
#content .bxcn .infoarea1 .list4 {
}
#content .bxcn .infoarea1 h3 + .list4 {
  margin-top: 20px;
}
#content .bxcn .infoarea1 .list4 > li {
  padding: 10px 0 20px;
}
#content .bxcn .infoarea1 .list4 > li:first-child {
  padding-top: 0;
}
#content .bxcn .infoarea1 .list4 > li:last-child {
  padding-bottom: 10px;
}
#content .bxcn .infoarea1 .list4 > li + li {
  border-top: 1px solid #e5e5e5;
}
#content .bxcn .infoarea1 .list4 h4 {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.8px;
  color: #000;
}
#content .bxcn .infoarea1 .list4 .list4_1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#content .bxcn .infoarea1 .list4 h4 + .list4_1 {
  margin-top: 10px;
}
#content .bxcn .infoarea1 .list4 .list4_1 li {
  display: flex;
  height: 160px;
  background: #f5f5f5;
}
#content .bxcn .infoarea1 .list4 .list4_1 li .img {
  flex: 0 0 225px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 100%;
  background: #fff;
  border: 1px solid #ccc;
}
#content .bxcn .infoarea1 .list4 .list4_1 li .img img {
  max-height: 100%;
}
#content .bxcn .infoarea1 .list4 .list4_1 li .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 18px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.35px;
  color: #666;
}
#content .bxcn .infoarea1 .list4 .list4_1 li .info .name {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #333;
}
#content .bxcn .infoarea1 .list4 .list4_1 li .info .bar {
  padding: 15px 0;
  font-size: 0;
  line-height: 0;
}
#content .bxcn .infoarea1 .list4 .list4_1 li .info .bar hr {
  margin: 0;
  width: 8px;
  height: 1px;
  background: #666;
  border: none;
}
#content .bxcn .infoarea1 .con1 {
  flex: 1 0 280px;
  max-width: calc(100% - 75px);
}
#content .bxcn .infoarea1 .con1 p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.8px;
  color: #666;
}
#content .bxcn .infoarea1 .con1 img {
  max-width: 100%;
}
#content .bxcn .infoarea1 .con1 p + img {
  margin-top: 10px;
}
#content .bxcn .infoarea1 .con2 {
  flex: 1 0 280px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: calc(100% - 75px);
}
#content .bxcn .infoarea1 .con2 img {
  max-height: 180px;
}
#content .bxcn .infoarea1 .con3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
}
#content .bxcn .infoarea1 h3 + .con3 {
  margin-top: 10px;
}
#content .bxcn .infoarea1 .con3 .img {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 270px;
  height: 140px;
  background: #fff;
  border: 1px solid #e5e5e5;
}
#content .bxcn .infoarea1 .con3 .img img {
  max-width: 100%;
  max-height: 100%;
}