/*
    최종 수정 : 2021.11.25.09:20
    [MTSTAR-860][UI개발][스타뉴스] 긴급 팝업 게재 기능 추가
*/
@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;}
/* 박스 */
.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.png) no-repeat 0 0;}
.btn_more1:hover,
.btn_more1:focus {text-decoration:none; color:#999;}

/* 타이틀 */
.h3_tit1 {font-family:'Noto Sans KR', sans-serif; font-size:17px; line-height:22px; letter-spacing:-0.6px; color:#f12a49;}
.h3_tit1 a{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-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.png) no-repeat 0 0; 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.png) no-repeat center center; 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);}
/* 추가 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.png) no-repeat 112px 5px;}
.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;}
/* 로고 */
#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.gif) 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:30px;}
.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.png) 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.png) 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.png) no-repeat 124px center;}
#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:.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.80; 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.png) no-repeat 11px 7px;}
.thum_type2 .area .tit .txt {display:inline-block; vertical-align:middle;}
.thum_type2 .area:hover .tit,
.thum_type2 .area:focus .tit {text-decoration:underline;}
.thum_type2 .area .thum {position: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.png) no-repeat 11px 7px;}
.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.50; 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.png) no-repeat 10px 92px; 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.png) no-repeat 0 92px; 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.50; 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.png) no-repeat center center; 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.50; 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;}
.lst_type1_2 .titarea .gisaplus:after {content:' '; position:absolute; top:0; left:0; width:7px; height:15px; background:url(../images/bg_line1_left.gif) no-repeat 0 0; z-index:0;}
.lst_type1_2 .titarea .gisaplus:before {content:' '; position:absolute; top:0; right:0; width:7px; height:15px; background:url(../images/bg_line1_right.gif) no-repeat 0 0; z-index:0;}
.lst_type1_2 .titarea .gisaplus .num {position:relative; display:inline-block; padding-left:6px; background:url(../images/icon_plus2.png) no-repeat 0 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.png) no-repeat 0 11px; 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_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-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.gif) no-repeat 0 0;}

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

/* 추가 스포탈코리아 코너 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;}
.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.png)no-repeat right center / 10px 7px;}
.btn_open_category.on {background-image:url(../images/btn/btn_category_up_arrow.png);}

.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.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;}
/*[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;}
/*[MTSTAR-860] 2021.11.30 동현*/
#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;}
@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;}
}