@import url('base.css?20200629001');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
#wrap {
    position: relative;
}

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

/* 타이틀 */
.tit_wrap1 {
    display: flex;
    align-items: center;
    gap: 10px;
}
.h2_tit1 {
    font-weight: normal;
}
.h3_tit1 {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: -0.6px;
    color: #f12a49;
}
.h3_tit1 a {
    display: inline-block;
    position: relative;
    color: #f12a49;
    padding-right: 17px;
} /* 180130_수정_성광 */
.h3_tit1 a:hover,
.h3_tit1 a:focus {
    text-decoration: none;
}
.h3_tit2 {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    line-height: 22px;
    font-weight: normal;
    letter-spacing: -0.3px;
    color: #fff;
}
.h3_tit2 a {
    color: #fff;
}
.h3_tit2 a:hover,
.h3_tit2 a:focus {
    text-decoration: none;
}
.h3_tit3 {
    position: relative;
    display: inline-block;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #eb203e;
}
.h3_tit3:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #ec213d;
}
h3 .icon1 {
    display: inline-block;
    margin: 6px 0 0 3px;
    width: 10px;
    height: 10px;
    background: url(../images/icon_plus.svg) no-repeat 0 0 / cover;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    transition: all 0.5s;
}
/* 180130_추가_성광 */
.h3_tit1 a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background: url(../images/icon_tit_more.svg) no-repeat center center / 10px 10px;
    transition: all 0.5s;
} /* 180130_추가_성광 */
.h3_tit1 a:hover:after,
.h3_tit1 a:focus:after {
    transform: rotate(180deg);
}
.h3_tit2 a:hover .icon1,
.h3_tit2 a:focus .icon1 {
    transform: rotate(180deg);
}

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

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

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

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

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

/* footer */
#footer {
    position: relative;
    width: 100%;
    height: 185px;
    background: #505b80;
}
/*추가 200910 동현*/
#footer .company_info {
}
#footer .company_info ul {
    overflow: hidden;
}
#footer .company_info ul li {
    float: left;
    position: relative;
    height: 13px;
}
#footer .company_info ul li + li {
    margin-left: 30px;
}
#footer .company_info ul li + li:after {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    width: 1px;
    height: 12px;
    background: #9ab2c6;
}
#footer .company_info ul li a {
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
}

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

#footer .copy {
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -0.6px;
    color: #b8c1df;
}
#footer .copy address {
    font-style: normal;
}
#footer .app_link {
}
#footer .app_link li {
    overflow: hidden;
}
#footer .app_link li a {
    display: block;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: -0.3px;
    color: #a9bdff;
}
#footer .app_link li .icon {
    float: left;
    margin-right: 7px;
}
#footer .app_link li .icon img {
}
#footer .app_link li .area {
    float: left;
}
#footer .app_link li .area .tit {
    display: block;
    line-height: 12px;
    color: #a9bdff;
}
#footer .app_link li .area .txt {
    display: block;
    color: #fff;
}
#footer .app_link li .area .txt a {
    display: inline-block;
    color: #fff;
}
/* 추가 190104 세종 */
#footer .sns_link {
    position: relative;
    margin-top: 38px;
    width: 156px;
    height: 22px;
    font-family: 'Noto Sans KR', sans-serif;
    border: 1px solid #fff;
}
#footer .sns_link .btn {
    display: block;
    width: 100%;
    height: 22px;
    background: #505b80;
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    text-indent: 22px;
    text-align: left;
    color: #a9bdff;
    cursor: pointer;
}
#footer .sns_link .btn.show {
    background: #505b80 url(../images/icon_plus1.svg) no-repeat 124px center / 10px 10px;
}
#footer .sns_link .btn.hide {
    background: #505b80 url(../images/icon_minus1.png) no-repeat 124px center;
}
#footer .sns_link .linkgroup {
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 22px;
    padding: 4px 0;
    background: #505b80;
    border: 1px solid #fff;
}
#footer .sns_link .linkgroup .bundle {
    overflow: hidden;
    padding-left: 22px;
    height: 21px;
    line-height: 21px;
}
#footer .sns_link .linkgroup .bundle a {
    color: #fff;
}
#footer .sns_link .linkgroup .bundle a:hover,
#footer .sns_link .linkgroup .bundle a:focus {
    color: #a9bdff;
}
/* //추가 190104 세종 */
/* container */
#container {
    position: relative;
}

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

/* mtop_thum */
.mtop_thum .thumArea {
}
.mtop_thum .lst_mthum {
    display: none;
}
.mtop_thum .lst_mthum:first-child {
    display: block;
}
.mtop_thum .thumArea .group {
    position: relative;
    overflow: hidden;
}
.mtop_thum .thumArea .bundle {
    position: relative;
    float: left;
    overflow: hidden;
    margin-left: 2px;
    margin-top: 2px;
    width: 238px;
    height: 173px;
    word-break: break-all;
}
.mtop_thum .thumArea .bundle.bthum {
    margin-left: 0;
    width: 500px;
    height: 348px;
}
.mtop_thum .thumArea .bundle a {
    display: block;
    width: 100%;
    height: 100%;
}
.mtop_thum .thumArea .bundle.ico_vod .bthum_vod:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -33px;
    width: 66px;
    height: 66px;
    background: url('../images/icon_vod5.png') no-repeat center center;
    cursor: pointer;
} /* 추가 180523 동현 */
.mtop_thum .thumArea .bundle .thum {
    display: block;
    width: 100%;
    height: 100%;
}
.mtop_thum .thumArea .bundle .thum img {
    width: 100%;
    min-height: 100%;
}
.mtop_thum .thumArea .bundle .thum:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 238px;
    height: 173px;
    background: url(../images/bg_gr_main2.png) repeat-x 0 60px;
}
.mtop_thum .thumArea .bundle.bthum .thum:after {
    width: 500px;
    height: 348px;
    background: url(../images/bg_gr_main1.png) repeat-x 0 bottom;
}
.mtop_thum .thumArea .bundle .thum img {
    width: 100%;
    min-height: 100%;
}
.mtop_thum .thumArea .bundle:hover .thum img,
.mtop_thum .thumArea .bundle:focus .thum img {
    transition-duration: 0.3s;
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}
.mtop_thum .thumArea .bundle .area {
    position: absolute;
    right: 0;
    bottom: 12px;
    left: 0;
    padding: 0 20px;
    word-break: break-all;
}
.mtop_thum .thumArea .bundle.bthum .area {
    bottom: 17px;
}
.mtop_thum .thumArea .bundle .area .cls {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.7px;
    color: #5bc3c6;
}
.mtop_thum .thumArea .bundle .area .cls:after {
    content: ' ';
    position: absolute;
    top: -12px;
    left: 0;
    height: 9px;
    width: 100%;
    background: #5bc3c6;
}
.mtop_thum .thumArea .bundle .area .cls + .tit {
    margin-top: 8px;
}
.mtop_thum .thumArea .bundle .area .tit {
    display: block;
    overflow: hidden;
    padding-bottom: 1px;
    max-height: 40px;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: -0.1px;
    color: #fff;
}
.mtop_thum .thumArea .bundle.bthum .area .tit {
    max-height: 56px;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: -0.6px;
}
.mtop_thum .thumArea .bundle:hover .area .tit,
.mtop_thum .thumArea .bundle:focus .area .tit {
    text-decoration: underline;
}
.mtop_thum .thumArea .bundle .area a:hover,
.mtop_thum .thumArea .bundle .area a:focus {
    text-decoration: none;
}
/*.mtop_thum .thumArea .bundle a:hover .tit {text-decoration:underline;}*/
.mtop_thum .slick-list {
    height: 350px;
}
.mtop_thum .slick-prev {
    opacity: 0;
    filter: alpha(opacity: 0);
    position: absolute;
    top: 50%;
    left: -43px;
    margin-top: -31px;
    width: 33px;
    height: 62px;
    background: url(../images/btn_arrow1.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    z-index: 2;
}
.mtop_thum .slick-next {
    opacity: 0;
    filter: alpha(opacity: 0);
    position: absolute;
    top: 50%;
    right: -43px;
    margin-top: -31px;
    width: 33px;
    height: 62px;
    background: url(../images/btn_arrow1.png) no-repeat 0 -62px;
    font-size: 0;
    line-height: 0;
    z-index: 2;
}
.mtop_thum:hover .slick-prev,
.mtop_thum:hover .slick-next {
    opacity: 1;
    filter: alpha(opacity: 100);
}
/* thum_area1 */
.thum_area1 {
    background: #373e54;
    padding: 14px 39px 29px 40px;
    height: 257px;
}
/* thum_type1 */
.thum_type1 {
    position: relative;
    word-break: break-all;
}
.thum_type1 a {
    display: block;
    width: 200px;
}
.thum_type1 .thum {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 121px;
}
.thum_type1 .thum img {
    width: 100%;
    min-height: 100%;
}
.thum_type1 .tit {
    display: inline-block;
    overflow: hidden;
    margin-top: 4px;
    height: 40px;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: -0.7px;
    color: #3d3d3d;
}
.thum_type1 a:hover .tit,
.thum_type1 a:focus .tit {
    text-decoration: underline;
    color: #f12a49;
}
/* thum_type1_2 */
.thum_type1_2 {
    position: relative;
    word-break: break-all;
}
.thum_type1_2 a {
    display: block;
    width: 200px;
}
.thum_type1_2 .thum {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 140px;
}
.thum_type1_2 .thum img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}
/* thum_type2 */
.thum_type2 {
    overflow: hidden;
    position: relative;
}
.thum_type2 .area {
    position: relative;
    overflow: hidden;
    width: 300px;
    height: 169px;
    cursor: pointer;
}
.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 {
    overflow: hidden;
    position: absolute;
    bottom: 5px;
    left: 0;
    padding-left: 54px;
    width: 240px;
    height: 38px;
    font-size: 15px;
    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.svg) no-repeat 11px 7px / 28px 28px;
}
.thum_type2 .area .tit .txt {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.6px;
}
.thum_type2 .area:hover .tit,
.thum_type2 .area:focus .tit {
    text-decoration: underline;
}
.thum_type2 .area .thum {
    position: relative;
    display: block;
    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 {
    width: 100%;
    min-height: 100%;
}
.thum_type2 .area .thum.vmid img {
    position: absolute;
    top: -17%;
} /* 추가 190102 동현 */
.thum_type2 .slick-prev {
    position: absolute;
    top: 57px;
    left: 10px;
    width: 20px;
    height: 36px;
    background: url(../images/btn_arrow2.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    z-index: 2;
}
.thum_type2 .slick-next {
    position: absolute;
    top: 57px;
    right: 10px;
    width: 20px;
    height: 36px;
    background: url(../images/btn_arrow2.png) no-repeat 0 -36px;
    font-size: 0;
    line-height: 0;
    z-index: 2;
}
/*추가 200624 동현*/
.thum_type2 .area2 {
    float: left;
    position: relative;
    margin-top: 15px;
    width: 143px;
}
.thum_type2 .area2 + .area2 {
    margin-left: 14px;
}
.thum_type2 .area2.bthum {
    margin-top: 0;
    width: 300px;
    height: 169px;
}
.thum_type2 .area2:nth-child(2n) {
    margin-left: 0;
}
.thum_type2 .area2 a {
    display: block;
    width: 100%;
    height: 100%;
}
.thum_type2 .area2 .thum {
    display: flex;
    overflow: hidden;
    align-items: center;
    width: 100%;
    height: 107.25px;
    background: #000;
}
.thum_type2 .area2.bthum .thum {
    display: block;
    height: 169px;
}
.thum_type2 .area2.bthum .thum:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 112px;
    background: url(../images/bg_gr_type1.png) repeat 0 0;
}
.thum_type2 .area2 .thum:after {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle;
}
.thum_type2 .area2 .thum img {
    width: 100%;
}
.thum_type2 .area2.bthum .thum img {
    margin-top: -28px;
}
.thum_type2 .area2 .tit {
    display: block;
    overflow: hidden;
    margin-top: 6px;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.025rem;
    color: #4c4c4c;
}
.thum_type2 .area2.bthum .tit {
    overflow: hidden;
    position: absolute;
    bottom: 5px;
    left: 0;
    padding-left: 54px;
    width: 240px;
    height: 38px;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.6px;
    color: #fff;
    z-index: 1;
}
.thum_type2 .area2.bthum .tit:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 54px;
    height: 38px;
    background: url(../images/icon_vod1.svg) no-repeat 11px 7px / 28px 28px;
}
.thum_type2 .area2.bthum .tit .txt {
    display: inline-block;
    vertical-align: middle;
}
.thum_type2 .area2 a:hover .tit,
.thum_type2 .area2 a:focus .tit {
    text-decoration: underline;
    color: #4c4c4c;
}
.thum_type2 .area2.bthum a:hover .tit,
.thum_type2 .area2.bthum a:focus .tit {
    color: #fff;
}
/*//추가 200624 동현*/
/* thum_type3 */
.thum_type3 {
    position: relative;
}
.thum_type3 .group {
    overflow: hidden;
}
.thum_type3 .bundle {
    position: relative;
    float: left;
    overflow: hidden;
    margin-left: 7px;
    width: 220px;
    height: 220px;
}
.thum_type3 .bundle:first-child {
    margin-left: 0;
}
.thum_type3 .bundle a {
    display: block;
}
.thum_type3 .bundle .thum {
    display: block;
    width: 220px;
    height: 220px;
}
.thum_type3 .bundle .thum img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.thum_type3 .bundle a:hover .thum:after,
.thum_type3 .bundle a:focus .thum:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/png60.png) repeat 0 0;
}
.thum_type3 .bundle .more {
    display: none;
    position: absolute;
    top: 90px;
    left: 85px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.5px;
    color: #fff;
}
.thum_type3 .bundle .more:after {
    content: ' ';
    position: absolute;
    top: -6px;
    left: 0;
    width: 100%;
    height: 50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    opacity: 0.5;
    filter: alpha(opacity: 50);
}
.thum_type3 .bundle .more .arrow {
    display: block;
    background: url(../images/bl_arrow12.png) no-repeat right 5px;
    letter-spacing: -1.5px;
}
.thum_type3 .bundle .icon {
    display: none;
    position: absolute;
    bottom: 53px;
    left: 50%;
    margin-left: -11px;
    width: 23px;
    height: 23px;
    background: url(../images/icon_more1.png) no-repeat 0 0;
}
.thum_type3 .bundle a:hover .more,
.thum_type3 .bundle a:focus .more,
.thum_type3 .bundle a:hover .icon,
.thum_type3 .bundle a:focus .icon {
    display: block;
}
.thum_type3 .slick-prev {
    position: absolute;
    top: 0;
    left: -40px;
    width: 30px;
    height: 220px;
    background: url(../images/btn_arrow2_prev.svg) no-repeat 10px 92px / 20px 36px;
    font-size: 0;
    line-height: 0;
    z-index: 2;
}
.thum_type3 .slick-next {
    position: absolute;
    top: 0;
    right: -40px;
    width: 30px;
    height: 220px;
    background: url(../images/btn_arrow2_next.svg) no-repeat 0 92px / 20px 36px;
    font-size: 0;
    line-height: 0;
    z-index: 2;
}
/* thum_type4 */
.thum_type4 {
    position: relative;
}
.thum_type4 .group {
}
.thum_type4 .bundle {
    position: relative;
    float: left;
    overflow: hidden;
    margin-left: 2px;
    width: 215px;
    height: 215px;
}
.thum_type4 .bundle:first-child {
    margin-left: 0;
    width: 216px;
}
.thum_type4 .bundle a {
    display: block;
    width: 100%;
    height: 100%;
}
.thum_type4 .bundle a:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 56px;
    background: url(../images/png60.png) repeat 0 0;
}
.thum_type4 .bundle .thum {
    display: block;
    width: 215px;
    height: 215px;
}
.thum_type4 .bundle .thum img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.thum_type4 .bundle .txt {
    position: absolute;
    bottom: 10px;
    left: 20px;
    overflow: hidden;
    padding-bottom: 1px;
    width: 180px;
    max-height: 36px;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.6px;
    color: #fff;
    z-index: 1;
}
.thum_type4 .bundle a:hover .txt,
.thum_type4 .bundle a:focus .txt {
    text-decoration: underline;
}
/* thum_type5 */
.thum_type5 {
    position: relative;
    height: 368px;
}
.thum_type5 .bthum {
    position: relative;
    width: 100%;
    height: 270px;
    background: #000;
}
.thum_type5 .bthum a {
    display: block;
    width: 100%;
    height: 100%;
}
.thum_type5 .bthum a:hover,
.thum_type5 .bthum a:focus {
    text-decoration: none;
}
.thum_type5 .bthum .thum {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    width: 430px;
    height: 254px;
}
.thum_type5 .bthum .thum img {
    width: 100%;
    min-height: 100%;
}
.thum_type5 .bthum .area {
    position: relative;
    padding: 64px 135px 0 37px;
    width: 219px;
    height: 210px;
    background: url(../images/bg_interview.png) no-repeat 0 0;
} /* 180130_수정_성광 */
.thum_type5 .bthum .area .tit {
    display: block;
    overflow: hidden;
    margin-top: 23px;
    padding-bottom: 1px;
    max-height: 40px;
    font-size: 17px;
    line-height: 20px;
    font-weight: normal;
    letter-spacing: -0.3px;
    color: #e5e5e5;
}
.thum_type5 .bthum .area .txt {
    overflow: hidden;
    margin-top: 10px;
    max-height: 57px;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #757575;
}
.thum_type5 .bthum .area .more {
    display: block;
    margin-top: 10px;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.3px;
    font-style: italic;
    color: #696969;
}
.thum_type5 .bthum a:hover .area .tit,
.thum_type5 .bthum a:focus .area .tit {
    text-decoration: underline;
}
.thum_type5 .sthum {
    position: relative;
    overflow: hidden;
    height: 93px;
}
.thum_type5 .sthum .group {
    position: absolute;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 93px;
}
.thum_type5 .sthum .bundle {
    position: relative;
    float: left;
    overflow: hidden;
    margin-left: 1px;
    width: 140px;
    height: 93px;
}
.thum_type5 .sthum .bundle:first-child {
    margin-left: 0;
}
.thum_type5 .sthum .bundle a {
    display: block;
}
.thum_type5 .sthum .bundle .thum {
    position: relative;
    display: block;
    overflow: hidden;
    width: 140px;
    height: 93px;
}
.thum_type5 .sthum .bundle .thum img {
    width: 100%;
    min-height: 100%;
}
.thum_type5 .sthum .bundle a:hover .thum:after,
.thum_type5 .sthum .bundle a:focus .thum:after,
.thum_type5 .sthum .bundle a.on .thum {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/png60.png) repeat 0 0;
}
.thum_type5 .sthum .bundle .more {
    display: none;
    position: absolute;
    top: 30px;
    left: 32px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.5px;
    color: #fff;
}
.thum_type5 .sthum .bundle .more:after {
    content: ' ';
    position: absolute;
    top: -6px;
    left: 0;
    width: 100%;
    height: 50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    opacity: 0.5;
    filter: alpha(opacity: 50);
}
.thum_type5 .sthum .bundle .more .arrow {
    display: block;
    background: url(../images/bl_arrow12.png) no-repeat 43px 5px;
    letter-spacing: -1.5px;
}
.thum_type5 .sthum .bundle a:hover .more,
.thum_type5 .sthum .bundle a:focus .more,
.thum_type5 .sthum .bundle a:hover .icon,
.thum_type5 .sthum .bundle a:focus .icon {
    display: block;
}
/* 180130_추가_성광 */
.thum_type5 .thum_type5_more {
    display: inline-block;
    position: absolute;
    left: 37px;
    top: 48px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #eb203e;
    z-index: 1;
}
.thum_type5 .thum_type5_more:before {
    content: '';
    display: block;
    position: absolute;
    right: -17px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background: url(../images/icon_tit_more.svg) no-repeat center center / 10px 10px;
    transition: all 0.5s;
}
.thum_type5 .thum_type5_more:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #ec213d;
}
.thum_type5 .thum_type5_more:hover,
.thum_type5 .thum_type5_more:focus {
    text-decoration: none;
}
.thum_type5 .thum_type5_more:hover:before,
.thum_type5 .thum_type5_more:hover:before {
    transform: rotate(180deg);
}

/* thum_type6 */
.thum_type6 {
    position: relative;
}
.thum_type6 .group {
}
.thum_type6 .bundle {
    overflow: hidden;
    margin-top: 5px;
}
.thum_type6 .bundle:first-child {
    margin-top: 0;
}
.thum_type6 .bundle .thum {
    float: right;
    margin-left: 18px;
}
.thum_type6 .bundle .thum a {
    overflow: hidden;
    display: block;
    width: 100px;
    height: 65px;
}
.thum_type6 .bundle .thum a img {
    display: block;
    width: 100%;
    min-height: 100%;
}
.thum_type6 .bundle .area {
    display: table;
    overflow: hidden;
}
.thum_type6 .bundle .area .txt {
    overflow: hidden;
    display: table-cell;
    height: 65px;
    vertical-align: middle;
}
.thum_type6 .bundle .area .txt a {
    display: block;
    max-height: 40px;
    overflow: hidden;
    font-size: 14px;
    letter-spacing: -0.6px;
    line-height: 20px;
    vertical-align: middle;
    color: #4c4c4c;
}
.thum_type6 .big_bundle {
}
.thum_type6 .big_bundle + .bundle {
    margin-top: 12px;
}
.thum_type6 .big_bundle .thum {
    margin: 0;
    float: none;
}
.thum_type6 .big_bundle .thum a {
    width: 300px;
    height: 170px;
} /* 수정 190102 동현 */
.thum_type6 .big_bundle .thum a img {
    width: 100%;
    height: auto;
}
.thum_type6 .big_bundle .area {
    height: 44px;
}
.thum_type6 .big_bundle .area .txt {
    margin-top: 7px;
    position: relative;
    display: block;
    height: 40px;
}
.thum_type6 .big_bundle .area .txt .txt_label1 {
    position: absolute;
    top: 3px;
    left: 0;
    width: 34px;
    height: 34px;
    font-size: 13px;
    line-height: 34px;
    text-align: center;
    background: url(../images/bg_tit1.gif) no-repeat 0 0;
    color: #fff;
}
.thum_type6 .big_bundle .area .txt a {
    padding-left: 44px;
    font-size: 15px;
    line-height: 20px;
    color: #333;
}
/* thum_type7 */
.thum_type7 {
    position: relative;
}
.thum_type7 .group {
    margin: -13px 0 0 -14px;
}
.thum_type7 .bundle {
    overflow: hidden;
    float: left;
    margin: 13px 0 0 14px;
    width: 143px;
}
.thum_type7 .bundle a {
    display: block;
}
.thum_type7 .bundle .thum {
    position: relative;
    display: block;
    overflow: hidden;
    width: 143px;
    height: 100px;
}
.thum_type7 .bundle .thum.um {
    display: none;
}
.thum_type7 .bundle .thum img {
    width: 100%;
    min-height: 100%;
}
.thum_type7 .bundle .subject {
    overflow: hidden;
    display: block;
    margin-top: 6px;
    height: 34px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.5px;
    color: #4c4c4c;
}
.thum_type7 .bundle a:hover .subject,
.thum_type7 .bundle a:focus .subject {
    color: #f12a49;
}
.thum_type7 .bundle a:hover .thum.um,
.thum_type7 .bundle a:focus .thum.um {
    display: block;
}
.thum_type7 .bundle a:hover .thum.img,
.thum_type7 .bundle a:focus .thum.img {
    display: none;
}
/* thum_type8 */
.thum_type8 {
    position: relative;
}
.thum_type8 .group {
}
.thum_type8 .bundle {
    float: left;
    width: 275px;
    margin-left: 2px;
    height: 318px;
}
.thum_type8 .bundle:first-child {
    margin-left: 0;
}
.thum_type8 .bundle a {
    display: block;
}
.thum_type8 .bundle a:hover,
.thum_type8 .bundle a:focus {
    text-decoration: none;
}
.thum_type8 .bundle .thum {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 142px;
}
.thum_type8 .bundle .thum img {
    width: 100%;
    min-height: 100%;
}
.thum_type8 .bundle .area {
    position: relative;
    padding: 18px 13px 0 15px;
    height: 158px;
    background: #656565;
}
.thum_type8 .bundle .area .cls {
    display: block;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -1px;
    color: #cfcfd8;
}
.thum_type8 .bundle .area .subject {
    display: block;
    overflow: hidden;
    margin-top: 6px;
    max-height: 44px;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: -0.6px;
}
.thum_type8 .bundle .area .txt {
    overflow: hidden;
    margin-top: 15px;
    max-height: 57px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.5px;
    color: #bababa;
}
.thum_type8 .bundle a:hover .subject,
.thum_type8 .bundle a:focus .subject {
    text-decoration: underline;
    color: #000;
}
.thum_type8 .slick-prev {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -18px;
    width: 44px;
    height: 56px;
    background: url(../images/png65.png) repeat 0 0;
    font-size: 0;
    line-height: 0;
    z-index: 2;
}
.thum_type8 .slick-prev:after {
    content: ' ';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 36px;
    background: url(../images/btn_arrow3_prev.png) no-repeat 0 0;
}
.thum_type8 .slick-next {
    position: absolute;
    top: 0;
    right: 0;
    width: 96px;
    height: 318px;
    background: url(../images/png65.png) repeat 0 0;
    font-size: 0;
    line-height: 0;
    z-index: 2;
}
.thum_type8 .slick-next:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 38px;
    margin-top: -8px;
    width: 20px;
    height: 36px;
    background: url(../images/btn_arrow3_next.png) no-repeat 0 0;
}
.thum_type8 .slick-prev.slick-disabled,
.thum_type8 .slick-next.slick-disabled {
    opacity: 0;
    filter: alpha(opacity: 0);
}
.thum_type8 .more {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 96px;
    height: 318px;
    background: url(../images/png65.png) repeat 0 0;
    z-index: 2;
}
.thum_type8 .more a {
    display: block;
    padding: 142px 0 0 18px;
    width: 78px;
    height: 176px;
    color: #fff;
}
.thum_type8 .more a:hover,
.thum_type8 .more a:focus {
    text-decoration: none;
}
.thum_type8 .more a .txt {
    position: relative;
    display: block;
    width: 60px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.6px;
}
.thum_type8 .more a .txt:after {
    content: ' ';
    position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
    height: 50px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    opacity: 0.5;
    filter: alpha(opacity: 50);
}
.thum_type8 .more .arrow {
    display: inline-block;
    padding-right: 10px;
    background: url(../images/bl_arrow12.png) no-repeat right 5px;
}

/* lst_type1 */
.lst_type1 {
}
.lst_type1 .group {
}
.lst_type1 .bundle {
    overflow: hidden;
    height: 38px;
    word-break: break-all;
}
.lst_type1 .bundle a {
    font-size: 17px;
    line-height: 38px;
    letter-spacing: -1px;
}
/* lst_type1_2 */
.lst_type1_2 {
    height: 152px;
}
.lst_type1_2 .titarea {
    overflow: hidden;
    height: 21px;
}
.lst_type1_2 .titarea .type1 {
    display: inline-block;
    padding-left: 13px;
    font-family: 'Droid Serif';
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #262626;
}
.lst_type1_2 .titarea .type2 {
    display: inline-block;
    overflow: hidden;
    padding-left: 13px;
    max-width: 290px;
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #262626;
}
.lst_type1_2 .titarea .gisaplus {
    position: relative;
    margin-top: 3px;
    display: inline-block;
    margin-left: 6px;
    padding: 0 4px;
    min-width: 22px;
    height: 15px;
    background: #262626;
    text-align: center;
    border-radius: 15px;
}
.lst_type1_2 .titarea .gisaplus .num {
    position: relative;
    display: inline-block;
    padding-left: 6px;
    background: url(../images/icon_plus2.svg) no-repeat 0 5px / 5px 5px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    z-index: 1;
}
.lst_type1_2 .group {
}
.lst_type1_2 .bundle {
    overflow: hidden;
    padding-left: 13px;
    background: url(../images/bl_rel1.svg) no-repeat 0 11px / 7px 8px;
    height: 29px;
    word-break: break-all;
}
.lst_type1_2 .bundle a {
    font-size: 15px;
    line-height: 29px;
    letter-spacing: -1px;
    color: #333;
}
.lst_type1_2 .bundle a:hover,
.lst_type1_2 .bundle a:focus {
    color: #f12a49;
}
/* 180130_추가_성광 */
.lst_type1_2 .titarea .titarea_link {
    float: left;
    display: block;
}

/* lst_type2 */
.lst_type2 {
}
.lst_type2 .bundle {
    overflow: hidden;
    height: 36px;
    word-break: keep-all;
} /* 수정 191126 세종 */
.lst_type2 .bundle .cls {
    float: left;
    width: 45px;
    font-size: 16px;
    font-weight: bold;
    line-height: 39px;
    letter-spacing: -0.7px;
    color: #198f92;
}
.lst_type2 .bundle .subject {
    float: left;
    overflow: hidden;
    max-width: 500px;
    height: 39px;
} /* 수정 191126 세종 */
.lst_type2 .bundle .subject a {
    font-size: 17px;
    line-height: 39px;
    letter-spacing: -0.6px;
}
.lst_type2 .bundle .time {
    float: left;
    margin-left: 14px;
    font-size: 16px;
    font-weight: bold;
    line-height: 39px;
    letter-spacing: -0.7px;
    color: #999;
}
.lst_type2.latest_news .bundle {
    word-break: normal;
}
.lst_type2.latest_news .bundle .subject {
    max-width: 535px;
}
/* lst_type3 */
.lst_type3 {
    position: relative;
    overflow: hidden;
    animation-duration: 0.7s;
    animation-name: fadeIn;
}
.lst_type3 li {
    overflow: hidden;
    height: 31px;
    word-break: break-all;
}
.lst_type3 li a {
    font-size: 15px;
    line-height: 31px;
    letter-spacing: -0.7px;
    color: #333;
}
.lst_type3 li a .rank {
    display: inline-block;
    width: 20px;
    font-family: 'Noto Sans KR', sans-serif;
}
.lst_type3 li a:hover,
.lst_type3 li a:focus {
    color: #f12a49;
}

/* tab1 */
.tab1 {
    position: absolute;
    top: 0;
    right: 0;
}
.tab1 li {
    position: relative;
    float: left;
    overflow: hidden;
    margin-left: 9px;
}
.tab1 li a {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.6px;
    color: #595959;
}
.tab1 li a:hover,
.tab1 li a:focus,
.tab1 li.on a {
    text-decoration: none;
    color: #f12a49;
}
.tab1 li a:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: -100%;
    width: 100%;
    border-bottom: 2px solid #f12a49;
}
.tab1 li a:hover:after,
.tab1 li a:focus:after,
.tab1 li.on a:after {
    left: 0;
    animation-duration: 0.4s;
    animation-name: slideInLeft;
}

/* thum_tab */
.thum_tab {
    overflow: hidden;
}
/* 큰이미지 */
.thum_tab > .b_thum {
    position: relative;
    float: left;
}
.thum_tab > .b_thum a {
    display: block;
    width: 200px;
    height: 300px;
}
.thum_tab > .b_thum a .thum {
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 300px;
}
.thum_tab > .b_thum a .thum img {
    display: block;
    width: 100%;
    min-height: 100%;
}
.thum_tab > .b_thum .area {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 54px;
    background: url(../images/png70.png) repeat 0 0;
}
.thum_tab > .b_thum .area .txt {
    overflow: hidden;
    display: inline-block;
    margin: 0 9px;
    max-height: 40px;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: -0.6px;
    line-height: 19px;
    vertical-align: middle;
    color: #fff;
    word-break: break-all;
}
.thum_tab > .b_thum .area .s1 {
    color: #ec008c;
}
/* 작은이미지 */
.thum_tab > .s_thum {
    float: left;
}
.thum_tab > .s_thum .bundle {
    position: relative;
}
.thum_tab > .s_thum .bundle a {
    overflow: hidden;
    display: block;
    width: 100px;
    height: 100px;
}
.thum_tab > .s_thum .bundle a img {
    display: block;
    width: 100px;
    min-height: 100px;
}
.thum_tab > .s_thum .bundle:hover a:after,
.thum_tab > .s_thum .bundle.on a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/png65.png) repeat 0 0;
}
/* 레이어 */
.lay {
    position: fixed;
    bottom: 50px;
    left: 0;
    z-index: 10;
}
/* 스타인터뷰 */
.lay .star_view {
    position: relative;
    width: 512px;
    height: 101px;
    background: url(../images/bg_lay1.png) no-repeat 0 0;
}
.lay .star_view a:after {
    content: ' ';
    position: absolute;
    top: 47px;
    right: 80px;
    width: 36px;
    height: 26px;
    background: url(../images/bl_arrow11.png) no-repeat 0 0;
}
.lay .star_view .thum {
    position: absolute;
    top: -10px;
    left: 10px;
    width: 100px;
    height: 100px;
}
.lay .star_view .thum img {
    width: 100%;
    min-height: 100%;
}
.lay .star_view .area {
    margin-left: 128px;
    padding-top: 14px;
    width: 235px;
}
.lay .star_view .cls {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #ff2e4f;
}
.lay .star_view .tit {
    display: block;
    overflow: hidden;
    margin-top: 8px;
    max-height: 40px;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -1px;
    color: #e5e5e5;
}
.lay .star_view a:hover,
.lay .star_view a:focus {
    text-decoration: none;
}
/* 레이어 - 동영상 */
.lay_vod {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/png60.png) repeat 0 0;
    z-index: 10;
}
.lay_vod .area {
    position: relative;
    width: 100%;
    height: 100%;
}
.lay_vod .area .vod {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -240px;
    margin-left: -427px;
}
.lay_vod .area .btn_close {
    position: absolute;
    top: -32px;
    right: 0;
    width: 33px;
    height: 32px;
    background: url(../images/btn_close4.svg) no-repeat 0 0;
}

/* 좌측 날개 배너 추가 250612 세종 */
.left_banner {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -670px;
    width: 160px;
}
.left_banner iframe {display:block;}

/* 추가 200221 동현 */
/* 우측 날개 배너 */
.right_banner {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 510px;
    width: 150px;
    height: 300px;
}
/* // 추가 200221 동현 */
/* 만화 배너 */
.comic_banner {
    position: relative;
}
.comic_banner .group {
}
.comic_banner .bundle {
    position: relative;
    overflow: hidden;
    margin-top: 2px;
    width: 300px;
    height: 124px;
}
.comic_banner .bundle:first-child {
    margin-top: 0;
}
.comic_banner .bundle a {
    display: block;
    overflow: hidden;
    width: 300px;
    height: 124px;
}
.comic_banner .bundle.ltype a:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg_sc1.png) no-repeat 0 0;
}
.comic_banner .bundle.rtype a:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg_sc2.png) no-repeat 0 0;
}
.comic_banner .bundle .thum {
    width: 166px;
}
.comic_banner .bundle.ltype .thum {
    float: left;
}
.comic_banner .bundle.rtype .thum {
    float: right;
}
.comic_banner .bundle .thum img {
    width: 100%;
    min-height: 100%;
}
.comic_banner .bundle .area {
    height: 124px;
    z-index: 1;
}
.comic_banner .bundle.ltype .area {
    position: absolute;
    top: 0;
    left: 180px;
    width: 94px;
}
.comic_banner .bundle.rtype .area {
    position: absolute;
    top: 0;
    left: 26px;
    width: 100px;
}
.comic_banner .bundle .area .table {
    display: table;
    height: 124px;
    vertical-align: middle;
}
.comic_banner .bundle .area .table .td {
    display: table-cell;
    vertical-align: middle;
}
.comic_banner .bundle .area .tit {
    display: block;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: #262626;
}
.comic_banner .bundle a:hover .area .tit,
.comic_banner .bundle a:focus .area .tit {
    text-decoration: underline;
}
.comic_banner .bundle .area .by {
    display: block;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: #666;
}
/* 추가 미투배너 180228 세종 */
.metoo_banner1 {
    position: absolute;
    top: 2px;
    right: -170px;
    width: 150px;
    height: 140px;
}
.metoo_banner1 a {
    display: block;
    overflow: hidden;
    height: 100%;
    background: url(../images/banner/banner_metoo1.gif) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}
/* 추가 이벤트배너 180425 세종 */
.event_banner1 {
    position: absolute;
    top: 144px;
    right: -170px;
    width: 150px;
    height: 140px;
}
.event_banner1 a {
    display: block;
    overflow: hidden;
    height: 100%;
    background: url(../images/banner/banner_stnEvent1.jpg) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}
/* 추가 지방선거 방송 배너 180605 동현 */
.pvcElection1_banner1 {
    position: absolute;
    top: 2px;
    right: -170px;
    width: 150px;
    height: 140px;
}
.pvcElection1_banner1 a {
    display: block;
    overflow: hidden;
    height: 100%;
    background: url(../images/banner/banner_pvcElection1.gif) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}
/* 추가 2018 월드컵 배너 180612 세종 */
.worldcup2018_banner1 {
    position: absolute;
    top: 2px;
    right: -170px;
    width: 150px;
    height: 140px;
}
.worldcup2018_banner1 a {
    display: block;
    overflow: hidden;
    height: 100%;
    background: url(../images/banner/banner_2018worldcup1.gif) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}
/* 추가 AAA 배너 180913 세종 */
.aaa_banner1 {
    position: absolute;
    top: 150px;
    right: 0;
    width: 150px;
    height: 140px;
} /* 수정 20200527 동현 */
.aaa_banner1 a {
    display: block;
    overflow: hidden;
    height: 100%;
    background: url(../images/banner/banner_aaa1.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}
/* .aaa_banner1.ing a {background-image:url(../images/banner/banner_aaa2.png);} */
/* .aaa_banner1.ing a {background-image:url(../images/banner/banner_aaa2_1.png);} */ /* 수정 181120 동현 */
/* .aaa_banner1.ing a {background-image:url(../images/banner/banner_aaa2_2.jpg);} 수정 181130 동현 : AAA 배너 교체 */
.aaa_banner1.ing a {
    background-image: url(../images/banner/banner_aaa2_3.jpg);
} /* 수정 190107 세종 */
.aaa_banner1 a .voting {
    display: none;
}
.aaa_banner1.ing a .voting {
    display: inline;
}

/* 추가 AAA 상단 배너 181120 동현 */
.aaa_banner3 {
    display: none;
    position: absolute;
    top: 44px;
    left: 196px;
    overflow: hidden;
    width: 300px;
    height: 34px;
    background: url(../images/banner/banner_aaa8.png) no-repeat center center;
    background-size: cover;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: bold;
}
.aaa_banner3 a {
    display: block;
    position: relative;
    height: 100%;
    font-size: 0;
    line-height: 0;
    z-index: 1;
}
.aaa_banner3 .d_day {
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 12px;
    width: 38px;
    height: 100%;
}
.aaa_banner3 .dc_tit {
    float: left;
    width: 24px;
    height: 34px;
    font-size: 22px;
    line-height: 32px;
    color: #ff4353;
}
.aaa_banner3 .num {
    float: left;
    margin-left: 1px;
    width: 12px;
    height: 34px;
    font-size: 22px;
    line-height: 32px;
    color: #ff4353;
}
.aaa_banner3.dday {
    width: 326px;
    background-image: url(../images/banner/banner_aaa8_dday.png);
}
.aaa_banner3.dday .d_day {
    display: none;
}
.aaa_banner3.onair {
    width: 326px;
    background-image: url(../images/banner/banner_aaa8_onair.png);
}
.aaa_banner3.onair .d_day {
    display: none;
}
/* //추가 AAA 상단 배너 181120 동현 */
/* 추가 버닝썬 게이트 190315 세종 */
.bsgate_banner1 {
    position: absolute;
    top: 2px;
    right: -170px;
    width: 150px;
    height: 140px;
}
.bsgate_banner1 a {
    display: block;
    overflow: hidden;
    height: 100%;
    background: url(../images/banner/banner_bsGate1.gif) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}
/* 수정 200221 동현 */
.son_hm_banner1 {
    position: absolute;
    top: 152px;
    right: 0;
    width: 150px;
    height: 140px;
}
.son_hm_banner1 a {
    display: block;
    overflow: hidden;
    height: 100%;
    background: url(../images/banner/banner_Son_hm2.jpg) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}
.ryu_hj_banner1 {
    position: absolute;
    top: 2px;
    right: 0;
    width: 150px;
    height: 140px;
}
.ryu_hj_banner1 a {
    display: block;
    overflow: hidden;
    height: 100%;
    background: url(../images/banner/banner_Ryu_Kim.jpg) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
} /* 수정 200224 동현 */
/* // 수정 200221 동현 */
.star15th_banner {
    position: absolute;
    top: 2px;
    right: -170px;
    width: 150px;
    height: 140px;
}
.star15th_banner a {
    display: block;
    overflow: hidden;
    height: 100%;
    background: url(../images/banner/banner_star15th_1.jpg) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}
/* 추가 191024 동현 : 스타뉴스15주년 인기투표 */
.star15th_vote_banner {
    position: absolute;
    top: 2px;
    right: -170px;
    width: 150px;
    height: 140px;
}
.star15th_vote_banner a {
    display: block;
    overflow: hidden;
    height: 100%;
    background: url(../images/banner/banner_AAA_vote1.gif) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}
.aaa_2020_watch {
    position: absolute;
    top: 152px;
    right: 0;
    width: 150px;
    height: 140px;
}
.aaa_2020_watch a {
    display: block;
    overflow: hidden;
    height: 100%;
    background: url(../images/banner/banner_aaa_2020_watch_aside.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}
/*aside liveX MMT 랜딩 배너 추가*/
.aaa_2020_landing {
    position: absolute;
    top: 152px;
    right: 0;
    width: 150px;
    height: 140px;
    background: url(../images/banner/banner_aaa_2020_landing_aside_v2.png) no-repeat 0 0;
}
.aaa_2020_landing a {
    display: block;
    overflow: hidden;
    margin: 72px auto 0;
    width: 140px;
    height: 28px;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}
.aaa_2020_landing a + a {
    margin-top: 4px;
}
/*추가 210129 동현 : bts*/
.bts_banner1 {
    position: absolute;
    top: 2px;
    right: 0;
    width: 150px;
    height: 140px;
}
.bts_banner1 a {
    display: block;
    overflow: hidden;
    height: 100%;
    background: url(../images/banner/banner_aside_bts.jpg) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}
/* 추가 191030 동현 : 스타뉴스 15주년 TOP 리본 배너 */
.ribbon_banner {
    position: relative;
    width: 100%;
    height: 55px;
    background: url(../images/banner/banner_top_ribbon.jpg) no-repeat center center;
    background-size: cover;
}
.ribbon_banner a {
    display: block;
    text-decoration: none;
}
.ribbon_banner .txt_area {
    position: relative;
}
.ribbon_banner .txt_area .txt {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 608px;
    font-size: 20px;
    line-height: 55px;
    color: #847ef7;
}
.ribbon_banner .txt_area .txt:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    width: 84px;
    height: 25px;
    background: url(../images/btn/btn_voting.png) no-repeat center center;
    background-size: cover;
}
.ribbon_banner .txt_area .txt strong {
    margin-left: 10px;
    font-size: 24px;
    font-weight: bold;
    line-height: 55px;
    letter-spacing: -0.05em;
    color: #fff;
}
.ribbon_banner .txt_area .ribbon_banner_btn {
    position: absolute;
    top: 0;
    right: -41px;
    width: 55px;
    height: 55px;
    background: url(../images/btn/btn_voting_close.png) no-repeat center center;
    background-size: 13px 13px;
    z-index: 1;
}
/*  추가 200311 동현 : 코로나19  */
.covid19_banner1 {
    position: absolute;
    top: 2px;
    right: 0;
    width: 150px;
    height: 140px;
}
.covid19_banner1 a {
    display: block;
    overflow: hidden;
    height: 100%;
    background: url(../images/banner/banner_aside_covid19.jpg) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}
/*  추가 200401 동현 : 코로나19 극복 응원 릴레이  */
.covid19_banner1.overcoming a {
    background: url(../images/banner/banner_aside_starrelay_covid19.png?date=200402002);
}
/*  추가 200511 동현 : 포스트 코로나  */
.covid19_banner1.post_covid19 a {
    background: url(../images/banner/banner_aside_post_covid19.jpg);
}
/*  추가 201013 동현 : 2020_AAA  */
/*메인 상단 리본 배너*/
.aaa_ribbon_banner {
    position: relative;
    width: 100%;
    height: 75px;
    background: url(../images/banner/banner_aaa_2020_ribbon_v2.png?date=20201016001) no-repeat center center;
    background-size: cover;
}
.aaa_ribbon_banner a {
    display: block;
    height: 75px;
    text-decoration: none;
}
.aaa_ribbon_banner .txt_area {
    position: relative;
}
.aaa_ribbon_banner .txt_area .txt {
    font-size: 0;
    line-height: 0;
}
.aaa_ribbon_banner .txt_area .txt strong {
    font-size: 0;
    line-height: 0;
}
.aaa_ribbon_banner .txt_area .ribbon_banner_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 75px;
    height: 75px;
    background: url(../images/banner/banner_aaa_2020_ribbon_close.png) no-repeat center center;
    background-size: 18px 18px;
    z-index: 1;
}
/*메인 상단 리본 배너 : 스타폴 앱 다운로드*/
.starpoll_ribbon_banner {
    position: relative;
    width: 100%;
    height: 140px;
    background: url(../images/banner/banner_aaa_2020_ribbon_bg.png) no-repeat center center;
    background-size: cover;
}
.starpoll_ribbon_banner .img_wrap {
    margin: 0 auto;
    width: 980px;
    height: 140px;
    z-index: 9999;
}
.starpoll_ribbon_banner .starpoll_ribbon_banner_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 75px;
    height: 140px;
    background: url(../images/banner/banner_aaa_2020_ribbon_close.png) no-repeat 30px 30px;
    background-size: 18px 18px;
    z-index: 1;
}

/*우측 이슈 배너*/
.aaa_2020 {
    position: absolute;
    top: 2px;
    right: 0;
    width: 150px;
    height: 140px;
}
.aaa_2020 a {
    display: block;
    overflow: hidden;
    height: 100%;
    background: url(../images/banner/banner_aaa_2020_aside_v2.png) no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999px;
}

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

/* 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;
}

/* 추가 연애/스포츠코너_180424_성광 */
.bc_list01 {
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.bc_list01 .group {
    display: table;
    position: relative;
    float: left;
    width: 325px;
    height: 54px;
    box-sizing: border-box;
}
.bc_list01 .group + .group {
    border-left: 1px solid #ccc;
}
.bc_list01 .group dt {
    display: table-cell;
    width: 108px;
    vertical-align: middle;
}
.bc_list01 .group + .group dt {
    padding-left: 7px;
}
.bc_list01 .group dd {
    display: table-cell;
    vertical-align: middle;
    padding-right: 21px;
}
.bc_list01 .group dd a {
    display: block;
    overflow: hidden;
    padding-bottom: 1px;
    max-height: 38px;
    line-height: 19px;
    font-size: 15px;
    color: #3d3d3d;
    letter-spacing: -0.07em;
}
.bc_list01 .group dd a:focus,
.bc_list01 .group dd a:hover {
    color: #f12a49;
}

.bc_list01 .group .titc01 {
    display: table-cell;
    width: 108px;
    vertical-align: middle;
}
.bc_list01 .group + .group .titc01 {
    padding-left: 7px;
}
.bc_list01 .group .h2_tit2 {
    display: table-cell;
    vertical-align: middle;
    padding-right: 21px;
}
.bc_list01 .group .h2_tit2 a {
    display: block;
    overflow: hidden;
    padding-bottom: 1px;
    max-height: 38px;
    font-weight: normal;
    line-height: 19px;
    font-size: 15px;
    color: #3d3d3d;
    letter-spacing: -0.07em;
}
.bc_list01 .group .h2_tit2 a:focus,
.bc_list01 .group .h2_tit2 a:hover {
    color: #f12a49;
}

.bc_list01 .group .titc01 .img01 {
    width: 85px;
    height: 22px;
}
.bc_list01 .group .titc01 .img02 {
    width: 93px;
    height: 22px;
}

/* 추가 스포탈코리아 코너 180528 동현 */
.bc_list02 {
    overflow: hidden;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.bc_list02 .group {
    position: relative;
    float: left;
    width: 325px;
    height: 54px;
    box-sizing: border-box;
}
.bc_list02 .group + .group {
    border-left: 1px solid #ccc;
}
.bc_list02 .group + .group .subject {
    padding-left: 13px;
}
.bc_list02 .group .subject {
    display: block;
    vertical-align: middle;
    padding-right: 12px;
}
.bc_list02 .group .subject a {
    display: block;
    overflow: hidden;
    padding-bottom: 1px;
    height: 54px;
    line-height: 54px;
    font-size: 15px;
    color: #3d3d3d;
    letter-spacing: -0.07em;
}
.bc_list02 .group .subject a:focus,
.bc_list02 .group .subject a:hover {
    color: #f12a49;
}

/* 추가 2020 AAA 투표 현황 신규 페이지 */
/*공통*/
.hidden {
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
/*AAA웹 사이트 소개 및 랜딩*/
.info_aaa {
    margin-top: 30px;
}
.info_aaa p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.025rem;
}
.info_aaa p a {
    padding-left: 25px;
    font-weight: bold;
    color: #e1338b;
}
/*실시간, 누적 현황 탭*/
.tab-type1 {
    float: right;
    position: relative;
    display: block;
    margin-top: 13px;
    height: 37px;
}
.tab-type1 ul {
    overflow: hidden;
    width: 100%;
}
.tab-type1 ul li {
    float: left;
    position: relative;
    padding: 0 20px;
    height: 37px;
    background: #fff;
    border: 1px solid #353535;
    text-align: center;
    box-sizing: border-box;
}
.tab-type1 ul li + li {
    margin-left: 10px;
    padding: 0 24px;
}
.tab-type1 ul li.on {
    border: 1px solid #fe0000;
    background: #fe0000;
    box-sizing: border-box;
}
.tab-type1 ul li a {
    display: block;
    font-size: 18px;
    line-height: 37px;
    color: #000;
}
.tab-type1 ul li.on a {
    font-weight: bold;
    color: #fff;
}
/*vote 현황 배너*/
.sub-vote-spot {
    position: relative;
    max-width: 1020px;
    width: 100%;
    min-height: 300px;
    margin: 15px auto 0;
    color: #fff;
    background: url(../images/bg_pc_vote3.png) no-repeat top center;
    background-size: cover;
    text-align: center;
}
.tab-type1 + .sub-vote-spot {
    margin-top: 70px;
}
.sub-vote-spot .text {
    font-family: 'Nanum Gothic', sans-serif;
    padding-top: 23px;
    padding-bottom: 22px;
}
.sub-vote-spot .text .vote-title {
    margin: 0 auto;
    width: 642px;
    height: 209px;
    background: url(../images/banner_pc_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: 18px;
    line-height: 28px;
    letter-spacing: -0.025rem;
    color: #fff;
}
.sub-vote-spot .text strong {
    display: inline-block;
    font-size: 1.13rem;
    font-weight: bold;
}
.sub-vote-spot .text .vote_date {
    margin-top: 19px;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.025rem;
    color: #fff;
}
.sub-vote-spot .text .vote_date strong {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.025rem;
    color: #fff;
}
.sub-vote-spot .text .total_vote {
    margin-top: 21px;
    font-size: 30px;
    line-height: 32px;
    letter-spacing: -0.05rem;
    color: #fffd5a;
}
.sub-vote-spot .text .total_vote strong {
    font-size: 32px;
}
.sub-vote-spot .text .vote_category {
    margin-top: 7px;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.05rem;
    color: #fffd5a;
}
.sub-vote-spot .text .vote_category .count {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.05rem;
    color: #fffd5a;
}
.sub-vote-spot .text .vote_txt2 {
    font-weight: lighter;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: -0.025rem;
    color: #dbdbdb;
}
.sub-vote-spot .text .vote_txt2 strong {
    font-weight: bold;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: -0.025rem;
    color: #dbdbdb;
}

.sub-vote-spot .text.score .vote_txt2 {
    margin-top: 2px;
}
.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: 7px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dbdbdb;
}
.sub-vote-spot .text .vote_txt4 {
    font-weight: bold;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.05rem;
    color: #fffb73;
}
.sub-vote-spot .text.score .vote_txt4 {
    margin-top: 13px;
}
.sub-vote-spot .text .vote_txt5 {
    margin-top: 14px;
    font-weight: bold;
    font-size: 16px;
    line-height: 32px;
    color: #dbdbdb;
}

/*앱 다운로드/홍보 배너*/
/*스타폴 배너*/
.banner_rolling {
    width: 980px;
}
.starpoll-banner {
    position: relative;
    width: 980px;
    height: 100%;
    margin: 30px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f0f0f0;
}
.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;
    width: 980px;
    height: 100%;
    margin: 30px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f0f0f0;
}
.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;
    max-width: 980px;
    width: 100%;
    height: 100%;
    margin: 30px auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f0f0f0;
}
.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;
}
/*검색창*/
.search-vote-spot .search {
    float: right;
    margin-top: 30px;
}
.search-form {
    position: relative;
}
.search-form.focus .search-box.label-text {
    display: none;
}
.search-form.focus .btn-delete {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 19px;
    right: 72px;
}
.search-form .search-box {
    position: relative;
}
.search-form .search-box .label-text {
    position: absolute;
    top: 10px;
    left: 9px;
    display: none;
    font-size: 0.88rem;
    line-height: 1;
    color: #777;
}
.search-form .search-box input,
.search-form.focus input {
    width: 219px;
    padding: 9px 30px 9px 9px;
    color: #000;
    font-size: 0.88rem;
    line-height: 1em;
    background: #fff;
    border: 1px solid #cbcbcb;
}
.search-form .search-box .btn-search {
    position: absolute;
    top: 7px;
    right: 9px;
    z-index: 2;
    width: 21px;
    height: 21px;
    background: url(../images/icon_search.png) no-repeat 0 0;
    background-size: 100%;
    text-indent: -9999px;
}
.search-form .search-box .btn-delete {
    display: none !important;
    z-index: -1;
}
.search-form .search-box .blind-mobile {
    display: none;
}
.search-form .search-list {
    position: absolute;
    top: 36px;
    left: 0;
    display: none;
    z-index: 1;
    width: 260px;
    background: #fff;
}
.search-form .search-list ul {
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}
.search-form .search-list ul li {
    border-top: 1px solid #cbcbcb;
}
.search-form .search-list ul li:first-child {
    border-top: none;
}
.search-form .search-list ul li a {
    height: 16px;
    padding: 9px 30px 9px 9px;
    color: #000;
    font-size: 0.88rem;
    line-height: 1em;
}
.search-form .search-list ul li a:hover {
    color: #fe0000;
}
/*수상 후보 리스트*/
.list-type1 {
    width: 100%;
}
.list-type1:after {
    content: '';
    display: block;
    clear: both;
}
.list-type1 li {
    float: left;
    position: relative;
    width: 24.25%;
    height: auto;
    margin-top: 1%;
    margin-left: 1%;
}
.list-type1 li:first-child,
.list-type1 li:nth-of-type(4n + 1) {
    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: 36px;
    height: 36px;
    color: #fff;
    font-size: 1.13rem;
    font-weight: bold;
    line-height: 2em;
    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 strong {
    display: block;
    padding: 10px 0 8px;
    font-size: 1.25rem;
    font-weight: bold;
}
.progress {
    position: relative;
    margin-bottom: 13px;
}
.progress.score {
    background: #fff;
}
.progress span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 25px;
    text-align: center;
}
.progress span em {
    display: inline-block;
    font-style: normal;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
}
.progress.score span em {
    color: #000;
}
.progress span em i {
    font-weight: normal;
    font-style: normal;
}
.ui-widget-content {
    background: #353535;
}
.ui-progressbar {
    height: 25px;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    height: 100%;
}
.ui-progressbar-value {
    height: 100%;
    background: #fe0000;
}

/*앱 다운로드 랜딩 페이지*/
/*나눔 스퀘어 폰트 정보*/
/*
	NanumSquareL : 300
	NanumSquareR : 400
	NanumSquareB : 700
	NanumSquareEB : 800
*/
.pc_hidden {
    display: none;
}
.mobile_hidden {
    display: block;
}
.download_landing {
    position: relative;
    font-family: 'NanumSquare', sans-serif !important;
}
/* header */
.download_landing #header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 113px;
    z-index: 1;
}
.download_landing #header .nav_area {
}
.download_landing #header .nav_area .logo {
    padding-left: 30px;
}
.download_landing #header .nav_area .logo a {
    width: 190px;
    height: 56px;
    background: url(../images/download_landing/logo_starnews.png) no-repeat center center / cover;
}
.download_landing #header.fixed {
    position: fixed;
    background: #fff;
    animation-duration: 0.2s;
    animation-name: slideInDown;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
/* container */
.article_area {
    text-align: center;
    letter-spacing: -0.01rem;
}
.article_area .title {
    font-weight: 800;
    font-size: 40px;
    line-height: 52px;
}
.article_area .subject {
    margin-top: 5px;
    font-weight: 400;
    font-size: 28px;
    line-height: 40px;
}
.article_area .text {
    margin-top: 25px;
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    color: #666;
}

.btn_area {
    overflow: hidden;
    position: relative;
    margin: 244px auto 0;
    width: 402px;
    font-size: 0;
    line-height: 0;
}
.btn_area .btn_download {
    width: 194px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.btn_area .btn_download.btn_googleplay {
    float: left;
    background-image: url(../images/download_landing/btn_googleplay.png);
}
.btn_area .btn_download.btn_appstore {
    float: right;
    background-image: url(../images/download_landing/btn_appstore.png);
}
.link_area {
    overflow: hidden;
    position: relative;
    margin-top: 217px;
    text-align: center;
}
.link_area .title {
    display: inline-block;
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
}

.section_type1 {
}
.section_type2 {
    position: relative;
    background: #eee;
}
.section_type3 {
    position: relative;
    background: #fff;
}

.section_type1.top_info {
    padding-top: 62px;
    position: relative;
    background: url(../images/download_landing/bg_visual_top.png) no-repeat center center / cover;
}
.section_type1.top_info .article_area {
    display: block;
    margin: 0 auto;
    width: 1140px;
    height: 588px;
    background: url(../images/download_landing/img_preview_device.png) no-repeat 660px 0px / 430px 588px;
}
.section_type1.top_info .article_area .title {
    padding-top: 129px;
    margin-left: 50px;
    font-weight: 800;
    font-size: 66px;
    line-height: 78px;
    letter-spacing: -0.01rem;
    text-align: left;
}
.section_type1.top_info .article_area .text {
    margin-top: 0px;
    margin-left: 50px;
    text-align: left;
}

.section_type3.starnews {
    padding: 79px 0 100px;
}
.section_type3.starnews .article_area:after {
    content: '';
    position: absolute;
    top: 203px;
    left: 50%;
    transform: translateX(-50%);
    width: 206px;
    height: 192px;
    background: url(../images/download_landing/icon_starnews.png) no-repeat center center / cover;
}
.section_type2.ize {
    padding: 73px 0px 78px;
}
.section_type2.ize .article_area:after {
    content: '';
    position: absolute;
    top: 222px;
    left: 50%;
    transform: translateX(-50%);
    width: 151px;
    height: 91px;
    background: url(../images/download_landing/icon_ize_v2.png) no-repeat center center / cover;
}
.section_type2.starpoll {
    padding: 70px 0px 78px;
}
.section_type2.starpoll .article_area:after {
    content: '';
    position: absolute;
    top: 177px;
    left: 50%;
    transform: translateX(-50%);
    width: 206px;
    height: 192px;
    background: url(../images/download_landing/icon_starpoll.png) no-repeat center center / cover;
}

/*스타랭킹 SNB 카테고리*/
.gnb_area .gnb .gbundle.gn10:hover .snb,
.gnb_area .gnb .gbundle.gn10:focus .snb,
.gnb_area .gnb .gbundle.gn10.on .snb {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 30px;
    right: 0;
    padding-right: 35px;
}
.gnb_area .gnb .gbundle.gn10:hover .snb,
.gnb_area .gnb .gbundle.gn10:focus .snb,
.gnb_area .gnb .gbundle.gn10.on .snb .bundle {
    float: none;
}
.btn_open_category {
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    width: 35px;
    height: 30px;
    background: url(../images/btn/btn_category_down_arrow.svg) no-repeat right center / 10px 7px;
}
.btn_open_category.on {
    background-image: url(../images/btn/btn_category_up_arrow.svg);
}

.all_category {
    display: none;
}

/*[MTSTAR-808] 2021.10.20 동현*/
.uplus .sub-vote-spot {
    max-width: 1020px;
    width: 100%;
    min-height: 300px;
    height: 450px;
    color: #fff;
    background: url(../images/bg_pc_vote4.png) no-repeat top center;
    background-size: 1020px 450px;
    text-align: center;
}
.uplus .sub-vote-spot .text .vote-title {
    margin: 0 auto;
    width: 682px;
    height: 208px;
    background: url(../images/banner_pc_title_uplus.png) no-repeat center center / cover;
    font-size: 0;
    line-height: 0;
}
.uplus .sub-vote-spot .text .vote_txt2 strong {
    position: relative;
    font-weight: bold;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: -0.025rem;
    color: #dbdbdb;
}
.uplus .tab-type3 ul {
    display: block;
    overflow: hidden;
}
.uplus .tab-type3 ul.singer_tablist {
    width: calc(100% / 6 * 4);
}
.uplus .tab-type3 ul.actor_tablist {
    width: calc(100% / 6 * 2);
}
.uplus .tab-type3 ul li {
    float: left;
    display: block;
    position: relative;
    height: 64px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.uplus .tab-type3 ul.singer_tablist li {
    width: 25%;
}
.uplus .tab-type3 ul.actor_tablist li {
    width: 50%;
}
.uplus .tab-type3 ul li a {
    font-size: 22px;
    line-height: 64px;
    letter-spacing: -0.075rem;
    color: #666;
}
.uplus .tab-type3 ul li.on a {
    font-weight: bold;
    color: #000;
}
.uplus .sub-vote-spot .text.score .vote_txt2 {
    margin-top: 30px;
}
/* 스타뉴스 모바일 서비스 배너 */
.app_banner.starranking {
    margin-top: 30px;
    width: 100%;
    height: 125px;
    background-image: url(../images/banner/banner_starnews_service2.png);
    background-position: center center;
    background-size: 100% auto;
}
.app_banner.starranking span {
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
.app_banner.starnews {
    margin-top: 30px;
    width: 100%;
    height: 125px;
    background-image: url(../images/banner/banner_starnews_service2.png);
    background-position: center center;
    background-size: 100% auto;
}
.app_banner.starnews span {
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
.app_banner.uplus {
    margin-top: 30px;
    width: 100%;
    height: 125px;
    background-image: url(../images/banner/banner_pc_uplus_v2.png);
    background-position: center center;
    background-size: 100% auto;
}
.app_banner.uplus span {
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
.app_banner.ret {
    margin-top: 30px;
    width: 100%;
    height: 125px;
    background-image: url(../images/banner/banner_pc_ret.png);
    background-position: center center;
    background-size: 100% auto;
}
.app_banner.ret span {
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
.app_banner.idolchamp {
    margin-top: 30px;
    width: 100%;
    height: 125px;
    background-image: url(../images/aaa/2024/banner_1020x125.png); /* 수정 241011 세종 */
    background-position: center center;
    background-size: 100% auto;
}
.app_banner.idolchamp span {
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}
/*[MTSTAR-821] 2021.10.29 동현*/
.ret .sub-vote-spot {
    max-width: 1020px;
    width: 100%;
    height: 530px;
    color: #fff;
    background: url(../images/bg_pc_vote5.png) no-repeat center center / cover;
    text-align: center;
}
.ret .sub-vote-spot .text {
    padding-top: 33px;
}
.ret .sub-vote-spot .text .vote-title {
    margin: 0 auto;
    width: 512px;
    height: 208px;
    background: url(../images/banner_pc_title_ret.png) no-repeat center center / cover;
    font-size: 0;
    line-height: 0;
}
.ret .sub-vote-spot .text .vote_txt {
    margin-top: 23px;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.01rem;
    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 {
    margin-top: 17px;
    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;
}
.ret .sub-vote-spot .text.score .vote_txt2 {
    margin-top: 14px;
}
/*[MTAAA-844] [개발팀][AAA] 2023 본투표 현황판 구현 - UI 개발*/
.vote_2023 .sub-vote-spot {
    width: 980px;
    height: 721px;
    background: url(../images/aaa/2023/keyvisual_1020x721.png) no-repeat center center / cover;
    color: #fff;
}
.vote_2023 .sub-vote-spot .text {
    display: none;
}
.vote_2023 .tab-type3 {
    display: flex;
}
.vote_2023 .tab-type3 ul {
    display: flex;
    width: 50%;
}

.vote_2023 .tab-type3 ul.singer_tablist {
}
.vote_2023 .tab-type3 ul.actor_tablist {
}

.vote_2023 .tab-type3 ul li {
    position: relative;
    width: 50%;
    height: 64px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.vote_2023 .tab-type3 ul.singer_tablist li {
}
.vote_2023 .tab-type3 ul.actor_tablist li {
}

.vote_2023 .tab-type3 ul li a {
    font-size: 22px;
    line-height: 64px;
    letter-spacing: -0.075rem;
    color: #666;
}
.vote_2023 .tab-type3 ul li.on a {
    font-weight: bold;
    color: #000;
}
.vote_2023 .sub-vote-spot .text.score .vote_txt2 {
    margin-top: 30px;
}
/*[MTSTAR-860] 2021.11.30 동현*/
/* [MTSTARPOLL-386] 241011 세종 */
.vote_2024 .sub-vote-spot {
    height: 580px;
    background: url(../images/aaa/2024/keyvisual_1020x580.png) no-repeat center center / cover;
    color: #fff;
}
.vote_2024 .sub-vote-spot .text {
    display: none;
}
.vote_2024 .tab-type3 {
    display: flex;
}
.vote_2024 .tab-type3 ul {
    display: flex;
    width: 50%;
}
.vote_2024 .tab-type3 ul li {
    position: relative;
    width: 50%;
    height: 64px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.vote_2024 .tab-type3 ul li a {
    font-size: 22px;
    line-height: 64px;
    letter-spacing: -0.075rem;
    color: #666;
}
.vote_2024 .tab-type3 ul li.on a {
    font-weight: bold;
    color: #000;
}
.vote_2024 .sub-vote-spot .text.score .vote_txt2 {
    margin-top: 30px;
}
/* //[MTSTARPOLL-386] 241011 세종 */
#blind {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 998;
}
.notice_popup_emergency {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 620px;
    background: #fff;
    z-index: 999;
}
.notice_popup_emergency .popup_content .title_wrap {
    padding: 0 20px;
    height: 80px;
    background: #353535;
}
.notice_popup_emergency .popup_content .title_wrap .title {
    display: block;
    font-weight: bold;
    font-size: 28px;
    line-height: 80px;
    color: #fff;
}
.notice_popup_emergency .popup_content .text_wrap {
    padding: 33px 20px 33px;
}
.notice_popup_emergency .popup_content .text_wrap .subject {
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.025rem;
}
.notice_popup_emergency .popup_content .text_wrap .text {
    display: block;
    margin-top: 16px;
    font-size: 24px;
    line-height: 36px;
    color: #666;
    letter-spacing: -0.05rem;
}
.notice_popup_emergency .btn_popup_close {
    position: absolute;
    top: 23px;
    right: 20px;
    width: 33px;
    height: 33px;
    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: -59px;
    left: 0;
    height: 59px;
    background: #f0f0f0;
}
.notice_popup_emergency .today_close .input_wrap {
    float: left;
    overflow: hidden;
    position: relative;
    margin-left: 20px;
    height: 59px;
}
.notice_popup_emergency .today_close .input_wrap input[type='checkbox'] {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #929292;
    appearance: checkbox;
}
.notice_popup_emergency .today_close .input_wrap label {
    padding-left: 27px;
    font-size: 18px;
    line-height: 59px;
    letter-spacing: -0.025rem;
    color: #777;
}
.notice_popup_emergency .today_close .btn_today_close {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 18px;
}
/* [MTSTAR-1431] 2023.4.13 세종 */
#page404 {
    padding: 112px 0 156px;
    font-family: 'Noto Sans KR', sans-serif;
}
#page404 .txt1 {
    display: block;
    font-size: 28px;
    font-weight: 700;
    line-height: 41px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #333;
}
#page404 .txt2 {
    display: block;
    margin-top: 19px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.06px;
    color: #656565;
}
#page404 .linkbtn {
    display: flex;
    justify-content: center;
    margin-top: 56px;
}
#page404 .linkbtn .link1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 193px;
    height: 65px;
    background: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    text-decoration: none;
    color: #666;
    border: 1px solid #999;
}
#page404 .linkbtn .link2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    width: 193px;
    height: 65px;
    background: #f12a49;
    font-size: 18px;
    font-weight: 700;
    line-height: 100%;
    text-decoration: none;
    color: #fff;
    border: 1px solid #f54141;
}
#page404 .ltnews {
    margin-top: 102px;
    padding: 0 62px;
}
#page404 .ltnews h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.03em;
    color: #333;
}
#page404 .ltnews ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 38px;
}
#page404 .ltnews ul li {
    flex: 1 0 calc(20% - 20px);
    margin-left: 20px;
}
#page404 .ltnews ul li:nth-child(5n + 1) {
    margin-left: 0;
}
#page404 .ltnews ul li:nth-child(1n + 6) {
    margin-top: 39px;
}
#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;
}

/* 개인정보 처리방침 */
section.pre_link {
    margin-top: 30px;
    font-size: 15px;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: -1px;
    color: #797a7b;
}

section.pre_link button {
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f0f2f5;
    border: 1px solid #e0e1e4;
    border-radius: 5px;
    margin-top: 10px;
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
section.pre_link button span {
    font-size: 14px;
    line-height: normal;
    color: #797a7b;
    display: block;
}
@media (max-width: 1023px) {
}
section.pre_link button .icon {
    position: absolute;
    right: 15px;
    margin-top: 2px;
    height: 11px;
    margin-left: 0px;
}
section.pre_link button .icon img {
    width: 8px;
    height: 11px;
}
section.pre_link button.box {
    background-color: transparent;
    cursor: default;
}
@media only screen and (max-width: 1023px) {
    .pc_hidden {
        display: block;
    }
    .mobile_hidden {
        display: none;
    }
    .download_landing #header {
        height: 55px;
    }
    .download_landing #header .nav_area .logo {
        padding-top: 10px;
        padding-left: 10px;
    }
    .download_landing #header .nav_area .logo a {
        width: 95px;
        height: 28px;
    }

    .article_area .title {
        font-size: 22px;
        line-height: 28px;
    }
    .article_area .subject {
        font-size: 16px;
        line-height: 22px;
    }
    .article_area .text {
        margin-top: 12px;
        font-size: 12px;
        line-height: 18px;
    }

    .btn_area {
        width: 300px;
        margin-top: 119.5px;
    }
    .btn_area .btn_download {
        width: 145px;
        height: 41px;
    }
    .btn_area .btn_download.btn_googleplay {
        background-image: url(../images/download_landing/mobile_btn_googleplay.png);
    }
    .btn_area .btn_download.btn_appstore {
        background-image: url(../images/download_landing/mobile_btn_appstore.png);
    }
    .link_area {
        margin-top: 119px;
    }
    .link_area .title {
        font-size: 13px;
        line-height: 18px;
    }

    .section_type1.top_info {
        padding-top: 0px;
    }
    .section_type1.top_info .article_area {
        width: 320px;
        height: 410px;
        background-image: url(../images/download_landing/mobile_img_preview_device.png);
        background-position: center bottom;
        background-size: 181px auto;
    }
    .section_type1.top_info .article_area .title {
        margin-left: 0px;
        padding-top: 54.5px;
        font-size: 33px;
        line-height: 39px;
        text-align: center;
    }
    .section_type1.top_info .article_area .text {
        margin-left: 0px;
        margin-top: 0;
        text-align: center;
    }

    .section_type3.starnews {
        padding: 27px 0 27px;
    }
    .section_type3.starnews .article_area:after {
        width: 103px;
        height: 96px;
        top: 118.5px;
    }
    .section_type2.ize {
        padding: 28px 0 26px;
    }
    .section_type2.ize .article_area:after {
        top: 119.5px;
        width: 75.5px;
        height: 45.5px;
    }
    .section_type2.starpoll {
        padding: 28px 0 26px;
    }
    .section_type2.starpoll .article_area:after {
        top: 97px;
        width: 103px;
        height: 96px;
    }
}

/* 20230307 추가 이원석 */
.content-area {
    max-width: 980px;
    width: 100%;
    margin: 46px auto 84px;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -1px;
}
.content-area .main-title {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    color: #141414;
    text-align: center;
}
.content-area .content-body {
    font-size: 14px;
    line-height: 24px;
    color: #797a7b;
    margin: 0 23px;
}
.font-bold {
    font-weight: 700;
}
.font-semi-bold {
    font-weight: 500;
}
.pt-18 {
    padding-top: 18px;
}
.pt-20 {
    padding-top: 20px;
}
.pt-24 {
    padding-top: 24px;
}
.pt-29 {
    padding-top: 29px;
}
.pt-30 {
    padding-top: 30px;
}
.pt-34 {
    padding-top: 34px;
}
.pt-51 {
    padding-top: 51px;
}
.pb-8 {
    padding-bottom: 8px;
}
.content-body {
    padding-top: 51px;
}
.content-body.promo {
    padding-top: 54px;
}
.content-body .list-area .list-group {
    padding-left: 14px;
}
.content-body .list-area .list-group#two-number {
    padding-left: 20px;
}
.content-body .list-area .list-group .list-type-decimal {
    list-style-type: decimal;
}
.content-body .list-area .list-group .list-type-disc {
    list-style-type: disc;
    margin-left: 19px;
}
#color-red {
    color: #f12a49;
}
#color-blue {
    color: #0080ff;
}
#color-black {
    color: #141414;
}
.content-body .list-area .list-group .list-type-disc.child {
    list-style-type: disc;
    margin-left: 38px;
}
.content-body .list-area .list-group .t-list-type-disc1 {
    list-style-type: disc;
    margin-left: 19px;
}
.content-body .list-area .list-group .t-list-type-disc2 {
    list-style-type: disc;
    margin-left: 19px;
}
.content-body .list-area .list-group .list-left-position {
    position: relative;
    margin-left: -14px;
}
.content-body .list-area .list-group .list-left-position2 {
    position: relative;
    margin-left: -20px;
}
.list-child-area .list-group .table-area table {
    width: 100%;
    font-size: 12px;
}
.list-child-area .list-group#grid-table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 6px;
}
.list-child-area .list-group#grid-table .table-area {
    width: 100%;
}
.list-child-area .list-group .table-area table tr.main-th {
    background: #e0e1e4;
}
.list-child-area .list-group .table-area table tr.sub-th {
    background: #f7f7fa;
}
.list-child-area .list-group .table-area table tr td {
    border: 1px solid #cbccd0;
    padding: 5px;
    min-width: 75px;
}
.list-child-area .list-group .table-area table tr td.text-center {
    text-align: center;
}
.list-child-area .list-group .table-area table tr td.text-left-pd {
    padding-left: 22px;
}
.top-area {
    margin: 0 23px;
}
.footer-button-area {
    padding-top: 44px;
}
.footer-button-area strong {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 10px 20px;
    font-weight: normal;
    border: 1px solid #e0e1e4;
    border-radius: 5px;
}
.footer-button-area button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 10px;
    padding: 10px 20px;
    width: 100%;
    background-color: #f0f2f5;
    border: 1px solid #e0e1e4;
    border-radius: 5px;
}
.footer-button-area button span {
    display: block;
}
.footer-button-area button span.link_date {
    font-size: 14px;
    line-height: 18px;
    color: #797a7b;
}
.footer-button-area button .icon {
    position: absolute;
    right: 15px;
    margin-top: 2px;
    height: 11px;
}
.footer-button-area button .icon img {
    width: 8px;
    height: 11px;
}

/* 개인정보 처리 방침 */
section.pre_link button span {
    font-size: 12px;
}

@media (max-width: 768px) {
    .content-body {
        padding-top: 34px;
    }
    .content-area {
        margin: 31px auto 84px;
    }
    .close-btn {
        margin-bottom: 15px;
    }
    .content-body .list-area .list-group .list-type-disc {
        margin-left: 13px;
    }
    .content-body .list-area .list-group .list-type-disc.child {
        margin-left: 26px;
    }
    .content-body .list-area .list-group .t-list-type-disc2 {
        margin-left: 30px;
    }
    .content-body .list-area .list-group .list-left-position {
        position: relative;
        margin-left: -14px;
    }
    .content-body .list-area .list-group .m-list-left-position {
        position: relative;
        margin-left: -14px;
    }
    .content-body .list-area .list-group .list-left-position2 {
        position: relative;
        margin-left: -20px;
    }
    .list-child-area .list-group .table-area table {
        width: 100%;
        font-size: 12px;
    }
    .list-child-area .list-group#grid-table {
        grid-template-columns: 1fr;
        grid-row-gap: 10px;
    }
    .list-child-area .list-group#grid-table .table-area {
        width: unset;
    }
    .list-child-area .list-group .table-area table tr td.text-left-pd {
        padding-left: 5px;
    }
    .footer-button-area {
        padding-top: 44px;
    }
    .footer-button-area .prev-privacy-btn {
        width: unset;
    }
    .wb-break-all {
        word-break: break-all;
    }
}