/* 최종 수정 : 2022.10.28 [개발팀][스타뉴스] 메뉴 업데이트 추가 요청 건 - UI개발 - https://mtjira.atlassian.net/browse/MTSTAR-1186 */ @import url('starnews_base.css?date=20210909001'); #wrap {position:relative; min-height:100vh;} /* 공통 */ .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 {color:#f12a49;} .h3_tit1 a:hover, .h3_tit1 a:focus {text-decoration:none;} .h3_tit2 {font-family:'Noto Sans KR', sans-serif; font-size:17px; line-height:22px; font-weight:normal; letter-spacing:-0.3px; color:#fff;} .h3_tit2 a {color:#fff;} .h3_tit2 a:hover, .h3_tit2 a:focus {text-decoration:none;} .h3_tit3 {position:relative; display:inline-block; font-family:'Noto Sans KR', sans-serif; font-size:17px; line-height:20px; letter-spacing:-0.3px; color:#eb203e;} .h3_tit3:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; border-bottom:1px solid #ec213d;} h3 .icon1 {display:inline-block; padding:7px 0 0 2px; width:9px; height:9px; background:url(../images/icon_plus.png) no-repeat 2px 7px; font-size:0; line-height:0; vertical-align:top;} /* 추가 190104 세종 */ .linkarea {height:20px; background:#ececec; font-family:'Noto Sans KR', sans-serif; line-height:20px;} /* 수정 190507 세종 */ .linkarea .linkgrp1 {float:left; height:20px;} .linkarea .linkgrp1 .bundle {float:left; position:relative;} .linkarea .linkgrp1 .bundle + .bundle {margin-left:22px;} .linkarea .linkgrp1 .bundle + .bundle:before {content:' '; position:absolute; top:0; left:-22px; width:22px; height:20px; background:url(../images/bl_square1.png) no-repeat center center;} .linkarea .linkgrp1 .bundle a {color:#8c8c8c;} .linkarea .linkgrp2 {float:right; height:20px;} .linkarea .linkgrp2 .bundle {float:left; position:relative;} .linkarea .linkgrp2 .bundle + .bundle {margin-left:14px;} .linkarea .linkgrp2 .bundle a {color:#ef5f75;} /* //추가 190104 세종 */ /* 추가 190507 세종 */ .linkarea .linkgrp3 {float:right; height:20px;} .linkarea .sns_link {position:relative; width:132px; font-family:'Noto Sans KR', sans-serif; z-index:4;} .linkarea .sns_link .btn {display:block; width:100%; height:20px; background:#dedede; font-size:13px; font-weight:normal; line-height:19px; text-indent:9px; text-align:left; color:#8c8c8c; cursor:pointer;} .linkarea .sns_link .btn.show {background:#dedede url(../images/icon_plus3.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:590px;} /* 추가 190507 세종 */ .gnb_area .snb .bundle {float:left;} .gnb_area .snb .bundle:first-child {background:none;} .gnb_area .snb .bundle a {position:relative; display:block; overflow:hidden; margin-left:24px; height:34px; font-family:'Noto Sans KR', sans-serif; font-size:14px; line-height:32px; letter-spacing:-0.3px; color:#666;} .ie8 .gnb_area .snb .bundle a {font-size:13px; letter-spacing:-1px;} .gnb_area .snb .bundle:first-child a {margin-left:0;} .gnb_area .snb .bundle a:hover, .gnb_area .snb .bundle a:focus, .gnb_area .snb .bundle.on a {text-decoration:none; color:#f12a49;} .gnb_area .snb .bundle a:after {content:' '; position:absolute; bottom:0; left:-100%; width:100%; border-bottom:3px solid #f12a49; transition: 0.3s all;} .gnb_area .snb .bundle a:hover:after, .gnb_area .snb .bundle a:focus:after, .gnb_area .snb .bundle.on a:after {left:0;/* animation-duration:0.4s; animation-name:slideInLeft; */ } /* 수정 171219성광 */ /* 검색 소셜 */ #header .top_box {position:absolute; bottom:0; right:0; height:48px;} /* 수정 190104 세종 */ #header .nav_down .top_box {position:relative; float:right; margin-top:24px;} /* 검색 */ #header .search {position:absolute; top:0; right:116px;} /* 수정 171211 윤선 */ #header .search.unset {position:unset !important;} /* 추가 190507 세종 */ #header .nav_down .search {display:none;} /* 추가 190507 세종 */ #header .search .btn_search_open {width:21px; height:20px; background:url(../images/btn_search1.png) no-repeat 0 0;} #header .search .input_bx {display:none; position:absolute; top:-2px; right:-4px; width:144px; height:22px; background:#fff; border:1px solid #878787;} #header .nav_down .search .input_bx {left:-4px;} #header .search .input_bx input[type="text"] {padding:0 0 0 8px; width:110px; height:22px; font-family:'Noto Sans KR', sans-serif; font-size:15px; letter-spacing:-0.4px; line-height:22px; color:#4c4c4c; border:0;} #header .nav_down .search .input_bx input[type="text"] {padding-left:0; margin-left:28px} #header .search .btn_search {position:absolute; top:1px; right:3px; width:21px; height:20px; background:url(../images/btn_search1.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, serif;} #header .util_area .link li .bar {padding:0 5px;} #header .util_area .link li.last {padding-right:0;} #header .util_area .link li a {color:#808080;} #header .util_area .link li a:hover, #header .util_area .link li a:focus {text-decoration:underline; color:#ec008c;} /* 소셜 */ .sclink {float:right;} /* 수정 171211 윤선 */ #header .nav_down .sclink {margin-top:-2px; margin-left:21px;} .sclink ul {} .sclink ul li {float:left; margin-left:1px;} .sclink ul li:first-child {margin-left:0;} .sclink ul li a {} /* 링크 */ #header .nav_down .langlink {display:none;} .langlink {float:right;} .langlink ul {} .langlink ul li {float:left; margin-left:10px;} /* 수정 171211 윤선 */ .langlink ul li:first-child {margin-left:0;} .langlink ul li a {font-family: dotum, serif; font-size:12px; line-height:21px; letter-spacing:-1px; color:#999;} /* footer */ #footer {position:relative; width:100%; height:185px; background:#505b80;} /*수정 200910 동현*/ #footer .company_info {} #footer .company_info ul {overflow:hidden;} #footer .company_info ul li {float:left; position:relative; height:13px;} #footer .company_info ul li + li {margin-left:30px} #footer .company_info ul li + li:after {content:''; position:absolute; top:0; left:-15px; width:1px; height:12px; background:#9ab2c6;} #footer .company_info ul li a {display:block; font-size:12px; line-height:12px; color:#fff;} #footer .info_area {position:relative;} /*수정 200910 동현 : height:49px 삭제*/ /*#footer .info_area .etc_info {padding-top:16px;} 수정 200910 동현*/ #footer .info_area .etc_info dt {float:left; color:#b8c1df;} #footer .info_area .etc_info dd {float:left; margin-left:16px;} #footer .info_area .etc_info dd a {display:block; font-size:12px; letter-spacing:-0.3px; color:#b8c1df;} #footer .copy {font-size:12px; line-height:22px; letter-spacing:-0.6px; color:#b8c1df;} #footer .copy address {font-style:normal;} #footer .app_link {} #footer .app_link li {overflow:hidden;} #footer .app_link li a {display:block; font-size:12px; line-height:24px; letter-spacing:-0.3px; color:#a9bdff;} #footer .app_link li .icon {float:left; margin-right:7px;} #footer .app_link li .icon img {} #footer .app_link li .area {float:left; } #footer .app_link li .area .tit {display:block; line-height:12px; color:#a9bdff;} #footer .app_link li .area .txt {display:block; color:#fff;} #footer .app_link li .area .txt a {display:inline-block; color:#fff;} /* 추가 190104 세종 */ #footer .sns_link {position:relative; margin-top:38px; width:156px; height:22px; font-family:'Noto Sans KR', sans-serif; border:1px solid #fff;} #footer .sns_link .btn {display:block; width:100%; height:22px; background:#505b80; font-size:13px; font-weight:normal; line-height:22px; text-indent:22px; text-align:left; color:#a9bdff; cursor:pointer;} #footer .sns_link .btn.show {background:#505b80 url(../images/icon_plus1.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 세종 */ /* #header2 */+ #header2 {position:relative; height:185px; background:url(../images/bg_header1.gif) repeat-x 0 bottom;} #header2.bg_sh {height:inherit; background:url(../images/bg_header2.gif) repeat-x 0 0;} /* 유틸 */ #header2 .limit_header {margin:0 auto; width:980px;} #header2 .util_area {position:relative; height:26px;} #header2 .util_area .link {overflow:hidden; float:right; padding-top:6px;} #header2 .util_area .link li {float:left; font-family: '돋움', dotum, serif;} #header2 .util_area .link li .bar {padding:0 5px;} #header2 .util_area .link li.last {padding-right:0;} #header2 .util_area .link li a {color:#808080;} #header2 .util_area .link li a:hover, #header2 .util_area .link li a:focus {text-decoration:underline; color:#ec008c;} /* 로고박스 */ #header2 .logo_area {position:relative; height:89px;} #header2 .logo_area .logo {position:absolute; top:16px; left:50%; overflow:hidden; margin-left:-86px; width:172px; height:52px;} #header2.bg_sh .logo_area .logo {top:41px;} #header2 .logo_area .logo a {display:block;} #header2 .logo_area .logo a img {display:block;} /* 소셜 */ #header2 .btn_social {position:absolute; top:40px; right:180px;} #header2 .btn_social li {float:left; margin-left:4px;} #header2 .btn_social li a {overflow:hidden; display:block; width:24px; height:25px;} #header2 .btn_social li a span {font-size:0; line-height:0;} #header2 .btn_social li.b_tw a {background:url(../images/btn_s_tw.png) no-repeat 0 0;} #header2 .btn_social li.b_fa a {background:url(../images/btn_s_fa.png) no-repeat 0 0;} #header2 .btn_social li.b_rss a {background:url(../images/btn_s_rss.png) no-repeat 0 0;} #header2 .btn_social li.b_weibo a {background:url(../images/btn_s_weibo.png) no-repeat 0 0;} #header2 .btn_social li a:hover {background-position:0 -25px;} /* 검색 */ #header2 .search {position:absolute; top:40px; right:1px; overflow:hidden; width:172px; height:25px;} #header2 .search .bx {position:relative; width:172px; height:23px; background:#fff; border-top:1px solid #676767; border-bottom:1px solid #676767;} #header2 .search input[type='text'] {padding-left:12px; width:147px; height:23px; font-size:11px; line-height:23px; border:none;} #header2 .search input[type='image'] {position:absolute; top:2px; right:9px; z-index:1;} #header2 .search .bgl {position:absolute; top:-1px; left:0; width:12px; height:25px; background:url(../images/bg_search1.gif) no-repeat 0 0;} #header2 .search .bgr {position:absolute; top:-1px; right:0; width:13px; height:25px; background:url(../images/bg_search2.gif) no-repeat 0 0;} /* 네비게이션 */ #header2 .gnb_area {position:relative; overflow:hidden; height:70px;} #header2 .gnb_area .navi {height:40px;} #header2 .gnb_area .navi dt {float:left;} #header2 .gnb_area .navi dt a {display:block; height:40px; font-size:16px; line-height:36px; letter-spacing:-0.6px; text-align:center; color:#fff !important;} #header2 .gnb_area .navi .gnb1 a {width:160px;} /* 수정 170109 세종 */ #header2 .gnb_area .navi .gnb2 a {width:105px;} #header2 .gnb_area .navi .gnb3 a {width:160px;} #header2 .gnb_area .navi .gnb4 a {width:105px;} #header2 .gnb_area .navi .gnb5 a {width:130px;} /* 수정 170109 세종 */ #header2 .gnb_area .navi .gnb6 a {width:170px;} #header2 .gnb_area .navi .gnb7 a {width:110px;} #header2 .gnb_area .navi dt:hover a, #header2 .gnb_area .navi dt.on a {background:#ed008c;} /* 추가 160229 세종 */ #header2 .gnb_area .navi dt.new {position:relative;} #header2 .gnb_area .navi dt.new:after {content:' '; position:absolute; top:11px; right:12px; width:32px; height:15px; background:url(../images/icon_new1.gif) no-repeat 0 0;} #header2 .gnb_area .navi dd ul li.fix a {font-weight:bold; color:hotpink;} /* //추가 160229 세종 */ #header2 .gnb_area .navi .sub {position:absolute; bottom:0; left:0; height:30px;} #header2 .gnb_area .navi .sub.wh1 {left:0;} /* 수정 170203 윤선 */ #header2 .gnb_area .navi .sub.wh2 {left:276px;} /* 수정 170203 윤선 */ #header2 .gnb_area .navi .sub.wh3 {left:515px;} /* 수정 170203 윤선 */ #header2 .gnb_area .navi .sub.wh4 {left:700px;} #header2 .gnb_area .navi .sub.wh5 {left:878px;} /* 수정 170203 윤선 */ #header2 .gnb_area .navi .sub.wh6 {left:99px;} /* 수정 170203 윤선 */ #header2 .gnb_area .navi .sub.wh7 {left:642px;} /* 수정 170203 윤선 */ #header2 .gnb_area .navi .sub ul {} #header2 .gnb_area .navi .sub ul li {float:left; background:url(../images/bg_bar1.gif) no-repeat 0 10px;} #header2 .gnb_area .navi .sub ul li:first-child {background:none;} #header2 .gnb_area .navi .sub ul li a {display:block; padding:0 9px 0 8px; height:30px; line-height:28px; letter-spacing:-0.6px;} #header2 .gnb_area .navi .sub ul li:first-child a {padding-left:0;} #header2 .gnb_area .navi .sub ul li.last a {padding-right:0;} #header2 .gnb_area .navi .sub ul li a.on {color:#ec008c;} /* 상세 검색 */ #header2 .detailSearch {position:relative; margin:31px auto 0; width:361px;} #header2 .detailSearch input[type='text'] {overflow:hidden; padding:0 50px 0 15px; width:296px; height:40px; background:url(../images/bg_search7.gif) no-repeat 0 0; font-size:14px; line-height:40px; text-align:left; color:#222;} #header2 .detailSearch input[type='image'] {position:absolute; top:7px; right:16px; background:#fff;} #header2 .detailSearch .btn_close {position:absolute; top:19px; right:-88px; padding-right:23px; height:19px; background:url(../images/btn_minus.gif) no-repeat right 0; font-size:14px; line-height:16px; letter-spacing:-0.25px; color:#ec008c;} #header2 .detailSearch .btn_open {position:absolute; top:19px; right:-88px; padding-right:23px; height:19px; background:url(../images/btn_plus.gif) no-repeat right 0; font-size:14px; line-height:16px; letter-spacing:-0.25px; color:#ec008c;} /* 상세 검색 박스 */ .bx_detailSearch {position:relative; margin:44px auto 0; width:676px; padding-bottom:11px;} .bx_detailSearch .bx_table1 {} .bx_detailSearch .bx_table1 .bxt1 {position:relative;} .bx_detailSearch .bx_table1 .bxt1 .t_tit {float:left; margin-top:7px; width:81px; font-size:16px; color:#222;} .bx_detailSearch .bx_table1 .bxt1 .bx1 {float:left; line-height:28px;} .bx_detailSearch .tabbox1 {position:relative; overflow:hidden;} .bx_detailSearch .tabbox1 li {position:relative; float:left; background:#fff;} .bx_detailSearch .tabbox1 li a {display:block; margin-left:-1px; height:25px; letter-spacing:-0.4px; text-align:center; line-height:24px; color:#666; border:1px solid #ccc; border-left:0;} .bx_detailSearch .tabbox1 li.w1 a {width:70px;} .bx_detailSearch .tabbox1 li.w2 a {width:116px;} .bx_detailSearch .tabbox1 li.w3 a {width:109px;} .bx_detailSearch .tabbox1 li.w4 a {width:145px;} .bx_detailSearch .tabbox1 li a.first {margin-left:0; border-left:1px solid #ccc;} .bx_detailSearch .tabbox1 li:hover a, .bx_detailSearch .tabbox1 li.on a {margin-right:1px; background:#ed008c; color:#fff !important; border:1px solid #ed008c; border-left:0; border-right:0;} .bx_detailSearch .tabbox1 li:hover a.first, .bx_detailSearch .tabbox1 li.on a.first {border-left:1px solid #ed008c;} .bx_detailSearch .tabbox1 li .lay_open {position:absolute; top:0; right:0; width:32px; height:25px; background:url(../images/bl_arrow9.png) no-repeat 12px 11px;} .bx_detailSearch .bx_table1 .bx_c1 {position:relative; display:inline-block; width:117px; height:25px; letter-spacing:-1px; border:1px solid #ccc;} .bx_detailSearch .bx_table1 .bx_c1 input[type="text"] {height:25px; text-align:center; line-height:27px; color:#666; border:0;} .bx_detailSearch .bx_table1 .bx_c1 .size1 {width:93px;} .bx_detailSearch .bx_table1 .bx_c1 .btn_calendar {width:20px; height:25px; background:url(../images/icon_calendar2.gif) no-repeat 0 2px; vertical-align:top;} .bx_detailSearch .bx_table1 .bar {margin:0 5px; font-size:13px; color:#666;} .bx_detailSearch .bx_table1 .txt1 {margin-left:8px; font-size:13px; letter-spacing:-0.25px; color:#666;} .bx_detailSearch .btn_area {text-align:center;} .bx_detailSearch .btn_area .btn_search {width:90px; height:33px; background:#ec008c; font-size:15px; font-weight:bold; letter-spacing:-0.25px; color:#fff;} .bx_detailSearch .layer_year {position:absolute; top:26px; left:102px; width:145px; background:#fff; border:1px solid #ccc;} /* 수정 161228 윤선 */ .bx_detailSearch .layer_year .group {} .bx_detailSearch .layer_year .group li {} .bx_detailSearch .layer_year .group li a {display:block; height:28px; font-size:13px; text-align:center; line-height:26px; color:#666;} /* 수정 170109 윤선 */ .bx_detailSearch .layer_year .group li a.on, .bx_detailSearch .layer_year .group li a:hover {background:#ec008c; color:#fff !important;} /* footer */ #footer2 {position:relative; background:#15132d;} #footer2 .bxf {position:relative; margin:0 auto; width:980px;} /* MT미디어그룹 */ #footer2 .info_area {position:relative; height:49px;} #footer2 .info_area .etc_info {padding-top:16px;} #footer2 .info_area .etc_info dt {float:left; padding-right:9px; color:#d3d3d3;} #footer2 .info_area .etc_info dd {float:left; padding:0 9px 0 12px; background:url(../images/bg_dot2.png) no-repeat 0 9px;} #footer2 .info_area .etc_info dd a {display:block; color:#d3d3d3 !important;} /* 서비스 전체보기 */ #footer2 .etc_more {background:#fff;} #footer2 .etc_more .service_all {position:absolute; top:-40px; right:0; width:124px; height:25px; background:url(../images/bg_ground1.png) no-repeat 0 0; text-align:center;} #footer2 .etc_more .av_service {padding-right:15px; background:url(../images/bl_arrow5.png) no-repeat right 11px; line-height:24px; color:#ccc;} #footer2 .etc_more .av_service.on {background:url(../images/bl_arrow4.png) no-repeat right 11px;} /* 서비스 오픈 */ #footer2 .etc_more .category {position:relative; padding:27px 0 0 0; height:168px;} #footer2 .etc_more .category .group1 {overflow:hidden;} /* 수정 170314 윤선 */ #footer2 .etc_more .category .bundle1 {float:left; padding:0 17px 0 28px;} /* 수정 170404 윤선 */ #footer2 .etc_more .category .bundle1:last-child {padding-right:0;} /* 추가 170314 윤선 */ #footer2 .etc_more .category .group2 {} #footer2 .etc_more .category dt {font-size:13px; line-height:24px; color:#ec008c;} #footer2 .etc_more .category dt a {display:block; font-size:13px; line-height:24px; color:#ec008c;} #footer2 .etc_more .category dd {overflow:hidden;} #footer2 .etc_more .category dd a {display:block; font-size:13px; line-height:24px; color:#777;} #footer2 .etc_more .category .icon {float:left; margin-right:7px;} #footer2 .etc_more .category .icon img {} #footer2 .etc_more .category .area {float:left; margin-top:3px;} #footer2 .etc_more .category .area .tit {display:block; color:#222;} #footer2 .etc_more .category .area .txt {display:block; color:#777;} #footer2 .etc_more .category .area .txt a {display:inline-block;} /* 주소 */ #footer2 .add {padding:10px 0 70px; font-size:11px; line-height:20px; color:#b4b2ca;} @keyframes slideInLeft { from {transform:translate3d(-100%, 0, 0);visibility:visible;} to {transform:translate3d(0, 0, 0);} } @keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}} @keyframes fadeIn { from {opacity:0; } to {opacity:1;} } @keyframes fadeOut { from {opacity:1;} to {opacity:0;} } @keyframes slideInUp { from {transform:translate3d(0, 100%, 0);visibility:visible;} to {transform:translate3d(0, 0, 0);} } @keyframes slideInRight { from {transform:translate3d(100%, 0, 0);visibility:visible;} to {transform:translate3d(0, 0, 0);} } @keyframes slideInLeft { from {transform:translate3d(-100%, 0, 0);visibility:visible;} to {transform:translate3d(0, 0, 0);} } @keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}} /* // 추가 및 수정 170913 해리 */ /* container */ #container {position:relative; margin:0 auto; width:980px;} /* content */ #content {position:relative;} /* aside */ #aside {position:relative; float:right; width:300px;} #aside .ad {} /* 광고 */ #aside .abundle {position:relative; margin-left:auto; margin-right:auto; width:260px;} /* 기본 */ #aside .abundle2 {position:relative; overflow:hidden;} /* 라인 */ .conline {background:url(../images/bg_content.png) repeat-y right 0;} /* bxcn */ .bxcn {position:relative;} .bx_type1 {} /* 타이틀 */ .h2_type1 {font-size:25px; line-height:1; font-weight:normal; letter-spacing:-0.6px; color:#ec008c;} /* 수정 200221 동현 */ .h2_type1 a {color:#ec008c;} .h2_type2 {font-size:18px; font-weight:normal; letter-spacing:-0.5px; color:#ec008c;} .h2_type3 {font-size:30px; font-weight:normal; line-height:30px; color:#ec008c;} .h2_type4 {overflow:hidden; width:210px; height:20px; font-size:18px; font-weight:normal; line-height:18px; letter-spacing:-0.5px; color:#ec008c; text-overflow:ellipsis; white-space: nowrap;} .h_type1 {font-size:15px; font-weight:normal; letter-spacing:-0.6px;} .h_type2 {font-size:15px; font-weight:normal; letter-spacing:-0.6px; color:#ec008c;} .h_type3 {font-size:16px; font-weight:normal; letter-spacing:-0.6px; color:#ec008c;} .h_type4 {font-size:16px; font-weight:normal;} .h_type4 span {color:#ec008c;} .h_type5 {font-size:15px; font-weight:normal; letter-spacing:-0.6px; color:#fff;} .h3_tit1 {font-family:'Noto Sans KR', sans-serif; font-weight:normal; font-size:17px; line-height:22px; letter-spacing:-0.6px; color:#f12a49;} .h3_tit1 a {color:#f12a49;} .h3_tit1 a:hover, .h3_tit1 a:focus {text-decoration:none;} .h3_tit2 {font-family:'Noto Sans KR', sans-serif; font-size:17px; line-height:22px; font-weight:normal; letter-spacing:-0.3px; color:#fff;} .h3_tit2 a {color:#fff;} .h3_tit2 a:hover, .h3_tit2 a:focus {text-decoration:none;} .h3_tit3 {position:relative; display:inline-block; font-family:'Noto Sans KR', sans-serif; font-size:17px; line-height:20px; letter-spacing:-0.3px; color:#eb203e;} .h3_tit3:after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; border-bottom:1px solid #ec213d;} h3 .icon1 {display:inline-block; padding:7px 0 0 2px; width:9px; height:9px; background:url(../images/icon_plus.png) no-repeat 2px 7px; font-size:0; line-height:0; vertical-align:top;} /* float */ .fbox {position:relative; float:left;} .rbox {position:relative; float:right;} /* 우측 박스 */ .bxr_area {position:absolute; top:0; right:0;} .bxr_area .bx_ar {position:relative; float:left; height:27px; background:#fff; text-align:center; border-top:1px solid #ed008c; border-bottom:1px solid #ed008c;} .bxr_area .bx_ar.wd {padding:0 20px;} .bxr_area .bx_ar .txt {display:block; font-size:14px; letter-spacing:-0.65px; line-height:26px; color:#666;} /* 수정 151119 윤선 */ .bxr_area .bx_ar .num {color:#ed008c;} .bxr_area .bx_ar .btn_prev {position:absolute; top:0; left:0; width:29px; height:27px; background:url(../images/bl_arrow6.png) no-repeat 11px; z-index:1;} .bxr_area .bx_ar .btn_next {position:absolute; top:0; right:0; width:29px; height:27px; background:url(../images/bl_arrow7.png) no-repeat 11px; z-index:1;} .bxr_area .icon_calendar {float:left; margin:4px 0 0 5px; background:transparent;} /* 수정 151119 윤선 */ .bxr_area .icon_calendar img {} .bxr_area .bx_ar:before {content:''; position:absolute; top:-1px; right:0; width:15px; height:29px; background:url(../images/bg_search4.gif) no-repeat 0 0;} .bxr_area .bx_ar:after {content:''; position:absolute; top:-1px; left:0; width:15px; height:29px; background:url(../images/bg_search3.gif) no-repeat 0 0;} .bxr_area .bx_ar2 {position:relative; display:block; padding:0 15px; height:26px; border-top:1px solid #ed008c; border-bottom:1px solid #ed008c;} .bxr_area .bx_ar2 .txt2 {display:block; font-size:13px; line-height:26px; color:#5d5d5d;} .bxr_area .bx_ar2 .num {color:#ed008c;} .bxr_area .bx_ar2:before {content:''; position:absolute; top:-1px; right:0; width:13px; height:28px; background:url(../images/bg_search_11.gif) no-repeat 0 0;} .bxr_area .bx_ar2:after {content:''; position:absolute; top:-1px; left:0; width:13px; height:28px; background:url(../images/bg_search_10.gif) no-repeat 0 0;} .bxr_area .photo {float:left; margin-right:7px; padding:1px; width:27px; height:27px; background:#fff; border:1px solid #b7b9be;} .bxr_area .photo img {width:27px; height:27px;} .bxr_area .id {line-height:31px; letter-spacing:-1px; color:#3366cc;} .bxr_area .logout {margin-left:6px; display:inline-block; width:59px; height:21px; line-height:20px; text-align:center; background:url(../images/bg_search_12.png) no-repeat 0 0;} /* 추가 151119 윤선 */ .bxr_area .logout:hover {color:#666 !important;} /* 추가 151119 윤선 */ /* vm */ .vm {display:inline-block; width:0; height:100%; vertical-align:middle; font-size:0; line-height:0;} /* 라인 */ .edge1 {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #000; opacity:0.07; filter:alpha(opacity:7);} .b_line {margin-top:20px; padding-top:20px; border-top:1px solid #dedede;} .b_line2 {border-top:1px solid #dedede;} .b_line3 {display:block; font-size:0; line-height:0; border-top:1px solid #ccc;} /* 추가 160822 세종 */ /* 사이즈 */ .cw123 {width:123px;} .cw200 {width:200px;} .cw260 {width:260px;} .cw310 {width:310px;} .cw315 {width:315px;} .cw320 {width:320px;} .cw326 {width:326px;} .cw430 {width:430px;} /* 추가 220927 */ .cw639 {width:639px;} .cw651 {width:651px;} /* 버튼 */ /* btn_all */ .btn_all {position:absolute; padding-right:8px; background:url(../images/bl_arrow1.png) no-repeat right 6px; text-decoration:underline !important; color:#666 !important;} /* 전체보기 */ .btn_all:hover {color:#666 !important;} /* btn_more */ .btn_more {position:absolute; padding-right:8px; background:url(../images/bl_arrow1.png) no-repeat right 6px; color:#666 !important;} /* 더보기 */ .btn_more:hover {color:#666 !important;} /* btn_more2 */ .btn_more2 {position:absolute; padding-right:8px; background:url(../images/bl_arrow1.png) no-repeat right 6px; text-decoration:underline !important; color:#8c8c8c !important;} /* 관련기사 */ .btn_more2:hover {color:#8c8c8c !important;} /* btn_more3 */ .btn_more3 {position:absolute;} /* 더보기 */ /* btn_more4 */ .btn_more4 {position:absolute; padding:0 7px 0 10px; height:20px; font-size:13px; line-height:19px; letter-spacing:-0.5px; color:#666; border-top:1px solid #ec008c; border-bottom:1px solid #ec008c;} .btn_more4 .num {position:relative; margin-right:10px; color:#ec008c; z-index:10;} .btn_more4 .num img {position:absolute; top:7px; right:-10px;} .ie8 .btn_more4 .num img {top:6px;} .btn_more4:before {content:''; position:absolute; top:-1px; left:0; width:10px; height:22px; background:url(../images/bg_search5.gif) no-repeat 0 0;} .btn_more4:after {content:''; position:absolute; top:-1px; right:0; width:10px; height:22px; background:url(../images/bg_search6.gif) no-repeat 0 0;} .btn_more4:hover {color:#666 !important;} /* btn_more5 */ .btn_more5 {position:absolute; padding-right:8px; width:10px; height:17px; background:url(../images/bl_arrow10.png) no-repeat right 6px; color:#666 !important;} .btn_more5:hover {color:#666 !important;} /* btn_more6 */ /* 추가 151116 윤선 */ .btn_more6 {width:66px !important; height:24px !important; position:absolute; top:15px; right:17px; background:url(../images/btn_more7.png) no-repeat center; line-height:23px !important; text-align:center; color:#FFF; text-indent:-9999px;} .btn_more6:before {content:''; background:#000; opacity:0.5; filter:alpha(opacity=50);} .btn_more6:hover {width:66px !important; height:24px !important; background:url(../images/btn_more6_over.png) no-repeat center;} /* btn_more7 */ /* 추가 170314 윤선 */ .btn_more7 {display:block; height:37px; font-size:12px; line-height:37px; text-align:center; border-top:1px solid #CCC; border-bottom:1px solid #CCC; color:#666;} .btn_more7:hover {color:#666 !important;} .btn_more7 span {padding-right:13px; background:url(../images/bl_arrow3.png) no-repeat right center;} /* btn_more8 */ /* 추가 170327 윤선 */ .btn_more8 {display:block; height:37px; font-size:12px; line-height:37px; text-align:center; border-top:1px solid #CCC; border-bottom:1px solid #CCC; color:#666;} .btn_more8:hover {color:#666 !important;} .btn_more8 span {padding-right:13px; background:url(../images/bl_arrow1.png) no-repeat right center;} /* 위아래 버튼 */ .btn_type {position:absolute; bottom:16px; right:16px;} .btn_type .btn_up {float:left; width:19px; height:18px; background:url(../images/bl_arrow2.png) no-repeat 5px 6px; border:1px solid #ddd;} .btn_type .btn_down {float:left; margin-left:-1px; width:19px; height:18px; background:url(../images/bl_arrow3.png) no-repeat 5px 6px; border:1px solid #ddd;} /* 목록 */ .btn_list1 {display:block; padding:0 11px; height:29px; font-size:13px; line-height:27px; letter-spacing:-0.25px; text-align:center; color:#ec008c; border:1px solid #ec008c;} .btn_list1 img {margin-top:9px;} /* 버튼 */ .btn_type1 {display:block; width:100%; height:53px; background:#ed008c; font-size:18px; line-height:45px; letter-spacing:-0.2px; color:#fff;} /* 탭 */ /* tab1 */ .tab1 {position:relative; overflow:hidden;} .tab1 li {float:left; margin-left:-1px;} .tab1 li:first-child {margin-left:0;} .tab1 li a {display:block; height:26px; letter-spacing:-0.4px; text-align:center; line-height:24px; color:#666; border:1px solid #e5e5e5; border-left:0;} .tab1 li.w1 a {width:49px;} .tab1 li.w2 a {width:58px;} .tab1 li.w3 a {width:128px;} .tab1 li:first-child a {border-left:1px solid #e5e5e5;} .tab1 li:hover a, .tab1 li.on a {margin-right:1px; background:#ed008c; color:#fff !important; border:1px solid #ed008c; border-left:0; border-right:0;} /* tab2 */ .tab2 {position:relative; overflow:hidden;} .tab2 li {float:left; margin-left:-1px;} .tab2 li:first-child {margin-left:0;} .tab2 li.w50 {width:50%;} .tab2 li.w33 {width:33.3%;} .tab2 li > a {display:block; width:100%; height:39px; font-size:15px; letter-spacing:-0.4px; text-align:center; line-height:36px; color:#666; border:1px solid #e5e5e5; border-left:0;} .tab2 li.w33 > a {color:#333;} .tab2 li:first-child > a {border-left:1px solid #e5e5e5;} .tab2 li.on > a, .tab2 li.w33:hover > a {background:#ed008c; color:#fff !important; border:1px solid #ed008c; border-left:0; border-right:0;} /* 수정 170327 윤선 */ /* tab2 sub */ /* 수정 170329 윤선 */ .tab2 .sub_group {margin-top:8px; overflow:hidden; text-align:center;} .tab2 .sub_group li.sub_list {margin-left:0; padding:0 11px 0 15px; float:none; display:inline-block; background:url(../images/bg_bar1.gif) no-repeat 0 center;} .tab2 .sub_group li.sub_list a {display:block; height:30px; border:none !important; background:none !important; line-height:28px; letter-spacing:-0.6px; font-size:12px; color:#333;} .tab2 .sub_group li.sub_list:first-child {padding-left:0; background:none;} .tab2 .sub_group li.sub_list.on a, .tab2 .sub_group li.sub_list:hover a {color:#ec008c !important; border:none !important; background:none !important;} /* tab3 */ .tab3 {position:relative; overflow:hidden; width:650px;} .tab3 dd {float:left; width:11%; text-align:center;} .tab3 dd.all {width:6%; text-align:left;} .tab3 dd.last {width:6%; text-align:right;} .tab3 dd a {display:block; font-size:15px; letter-spacing:-0.6px; color:#666;} .tab3 dd.all a {} .tab3 dd a:hover, .tab3 dd a.on {text-decoration:underline; color:#ec008c;} .tab3 dd.all a:hover, .tab3 dd.all a.on {text-decoration:none; color:#ec008c;} /* lst1 */ .lst1 {position:absolute; top:0; right:0;} .lst1 li {float:left; margin-left:-1px;} .lst1 li a {display:block;} /* lst2 */ .lst2 {position:relative;} .lst2 li {float:left; margin-left:-1px;} .lst2 li a {display:block;} /* list_type1 */ .list_type1 {position:relative;} .list_type1 li {height:27px; line-height:27px;} /* 수정 170327 윤선 */ .list_type1 li a {overflow:hidden; display:inline-block; height:27px; font-size:14px; line-height:27px; letter-spacing:-0.5px; color:#666; word-break:break-all;} /* 수정 170327 윤선 */ .list_type1 li.tx1 a {max-width:350px;} .list_type1 li .date {margin-left:6px; font-size:12px; line-height:27px; vertical-align:top; color:#999;} .list_type1 li a:hover {text-decoration:underline; color:#ec008c;} /* 추가 170327 윤선 */ .list_type1 li a span[class^="rank"] {margin-right:11px; display:inline-block; width:10px; height:12px; background:url(../images/bl_num1.png) no-repeat 0 center; vertical-align:-8px; color:transparent;} .list_type1 li a span.rank1 {background-position:1px 0;} .list_type1 li a span.rank2 {background-position:-10px 0;} .list_type1 li a span.rank3 {background-position:-20px 0;} .list_type1 li a span.rank4 {background-position:-30px 0;} .list_type1 li a span.rank5 {background-position:-40px 0;} .list_type1 li a span.rank6 {background-position:-50px 0;} .list_type1 li a span.rank7 {background-position:-60px 0;} /* list_type2 */ .list_type2 {position:relative;} .list_type2 li {margin-top:5px; padding-left:7px; background:url(../images/bg_dot1.png) no-repeat 0 10px; } .list_type2 li:first-child {margin-top:0;} .list_type2 li a {overflow:hidden; display:block; height:40px; font-size:14px; line-height:20px; letter-spacing:-0.6px; color:#666; word-break:break-all;} /* list_type3 */ .list_type3 {position:relative;} .list_type3 li {overflow:hidden; padding-left:13px; height:30px; background:url(../images/bl_rel1.png) no-repeat 0 10px;} /* 수정 170327 세종 */ .list_type3 li a {display:block; font-size:15px; line-height:30px; letter-spacing:-0.6px; color:#666; word-break:break-all;}/* 수정 170327 세종 */ .list_type3 li a:hover {text-decoration:underline;} .list_type3.ad_text_ellipsis {padding-right:210px;} .list_type3.ad_text_ellipsis li a {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* list_type4 */ .list_type4 {position:relative;} .list_type4 li {} .list_type4 li a {overflow:hidden; display:inline-block; height:20px; font-size:13px; line-height:20px; letter-spacing:-0.5px; color:#666; word-break:break-all;} .ie8 .list_type4 li a {height:23px; line-height:20px;} .ie9 .list_type4 li a {height:23px; line-height:20px;} .ie10 .list_type4 li a {height:23px; line-height:20px;} .ie11 .list_type4 li a {height:23px; line-height:20px;} .list_type4 li a:hover {text-decoration:underline;} /* list_type5 */ .list_type5 {position:relative; border-bottom:1px solid #d8d8d8;} .list_type5 dt {padding-left:18px; height:40px; background:#15132d; font-size:15px; line-height:36px; color:#fff;} .list_type5 dd {border-top:1px solid #d8d8d8;} .list_type5 dd:first-child {border-top:0;} .list_type5 dd a {display:block; padding-left:25px; height:36px; line-height:32px; font-size:14px; color:#6a6a6a;} .list_type5 dd.on a {color:#ec008c;} .list_type5 dd:hover a {text-decoration:underline;} /* list_type6 추가 160822 세종 */ .list_type6 {position:relative;} .list_type6 .bundle {position:relative; overflow:hidden; height:30px; line-height:30px;} .list_type6 .bundle .cate {float:left; height:30px; font-size:15px; font-weight:normal; letter-spacing:-0.4px; color:#ed008c;} .list_type6 .bundle .subject {float:left; overflow:hidden; padding-left:12px; max-width:550px; font-size:15px; letter-spacing:-0.4px; text-overflow:ellipsis; white-space:nowrap;} .list_type6 .bundle .subject a {color:#222;} .list_type6 .bundle .subject a:hover, .list_type6 .bundle .subject a:focus {text-decoration:underline;} .list_type6 .bundle .time {position:absolute; top:0; right:0; height:30px; color:#999;} /* thum_type1 */ .thum_type1 {position:relative;} .thum_type1 .bundle {width:200px;} .thum_type1 .bundle .thum {display:block;} .thum_type1 .bundle .thum a {overflow:hidden; display:block; width:200px; height:130px;} .thum_type1 .bundle .thum a img {display:block; width:200px; min-height:130px;} .thum_type1 .bundle .txt {display:block; margin-top:6px;} /* 수정 160822 세종 */ .thum_type1 .bundle .txt a {overflow:hidden; display:block; height:40px; font-size:13px; letter-spacing:-0.6px; line-height:20px; color:#222; word-break:break-all;} /* 추가 160822 세종 */ .thum_type1 .bundle2 {overflow:hidden; height:42px; font-size:14px; line-height:20px; letter-spacing:-0.6px;} .thum_type1 .bundle + .bundle2 {margin-top:35px;} .thum_type1 .bundle + .bundle2:before {content:' '; position:absolute; top:195px; left:0; right:0; border-top:1px solid #ccc;} .thum_type1 .bundle2 + .bundle2 {margin-top:12px; margin-bottom:23px;} /* 수정 170327 윤선 */ .thum_type1 .bundle2 a {color:#222;} /* //추가 160822 세종 */ /* thum_type1_2 */ .thum_type1_2 {position:relative;} .thum_type1_2 .bundle {width:320px;} .thum_type1_2 .bundle .thum {display:block;} .thum_type1_2 .bundle .thum a {overflow:hidden; display:block; width:320px; height:305px;} .thum_type1_2 .bundle .thum a img {display:block; width:320px; min-height:305px;} .thum_type1_2 .bundle .tit {display:block; margin-top:11px;} .thum_type1_2 .bundle .tit a {overflow:hidden; display:block; height:20px; font-size:16px; letter-spacing:-0.5px; line-height:20px; color:#222; word-break:break-all;} .thum_type1_2 .bundle .txt {display:block; margin-top:4px;} .thum_type1_2 .bundle .txt a {overflow:hidden; display:block; height:20px; font-size:14px; letter-spacing:-0.5px; line-height:20px; color:#666; word-break:break-all;} /* thum_type1_3 */ .thum_type1_3 {position:relative;} .thum_type1_3 .bundle {width:320px;} .thum_type1_3 .bundle .thum {display:block;} .thum_type1_3 .bundle .thum a {overflow:hidden; display:block; width:320px; height:305px;} .thum_type1_3 .bundle .thum a img {display:block; width:320px; min-height:305px; object-fit:cover;} .thum_type1_3 .bundle .thum a:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3; filter:alpha(opacity:30);} .thum_type1_3 .bundle .thum a:hover:before, .thum_type1_3 .bundle .thum a:focus:before {display:none;} /* 추가 170523 세종 */ .thum_type1_3 .bundle .tit {position:absolute; bottom:17px; left:0; padding:0 20px;} .thum_type1_3 .bundle .tit a {overflow:hidden; display:block; height:23px; font-size:20px; letter-spacing:-0.5px; line-height:23px; color:#fff !important; word-break:break-all;} /* thum_type1_4 */ .thum_type1_4 {position:relative;} .thum_type1_4 .bundle {width:320px;} .thum_type1_4 .bundle .thum {display:block;} .thum_type1_4 .bundle .thum a {overflow:hidden; display:block; width:320px; height:254px;} .thum_type1_4 .bundle .thum a img {display:block; max-width:320px; min-height:254px;} .thum_type1_4 .bundle .tit {display:block; height:66px; background:#fff;} .thum_type1_4 .bundle .tit a {overflow:hidden; display:block; padding:7px 17px 0; height:48px; font-size:18px; letter-spacing:-0.5px; line-height:24px; color:#555; word-break:break-all;} /* thum_type1_5 */ .thum_type1_5 {position:relative;} .thum_type1_5 .bundle {float:left; margin-bottom:19px; margin-left:10px; width:210px;} .thum_type1_5 .bundle.l_first {margin-left:0;} .thum_type1_5 .bundle.t_first {margin-top:0;} .thum_type1_5 .bundle .thum {position:relative; display:block;} .thum_type1_5 .bundle .thum a {overflow:hidden; display:block; width:210px; height:138px;} .thum_type1_5 .bundle .thum a img {display:block; width:210px; height:138px;} .thum_type1_5 .bundle .thum a .ing {position:absolute; top:0; right:0; width:42px; height:20px; background:#ec008c; font-family: dotum, serif; font-size:11px; line-height:22px; text-align:center; letter-spacing:-0.5px; color:#fff;} .thum_type1_5 .bundle .thum a .end {position:absolute; top:0; right:0; width:42px; height:20px; background:#2e2e2e; font-family: dotum, serif; font-size:11px; line-height:22px; text-align:center; letter-spacing:-0.5px; color:#fff;} .thum_type1_5 .bundle .tit {display:block; margin-top:11px; font-size:15px; color:#888;} .thum_type1_5 .bundle .txt {display:block; margin-top:3px;} .thum_type1_5 .bundle .txt a {overflow:hidden; display:block; height:40px; font-size:14px; letter-spacing:-0.6px; line-height:20px; color:#222; word-break:break-all;} .thum_type1_5 .bundle .txt a .c1 {color:#ec008c;} /* thum_type2 */ .thum_type2 {position:relative;} .thum_type2 .group {} .thum_type2 .bundle {float:left; margin-left:9px; margin-bottom:13px; width:153px;} .thum_type2 .bundle.first {margin-left:0;} .thum_type2 .bundle .thum {display:block;} .thum_type2 .bundle .thum a {overflow:hidden; display:block; width:153px; height:123px;} .thum_type2 .bundle .thum a img {display:block; width:153px; min-height:123px;} .thum_type2 .bundle .txt {display:block; margin-top:5px;} .thum_type2 .bundle .txt a {overflow:hidden; display:block; padding:0 5px; height:40px; font-size:14px; line-height:20px; letter-spacing:-0.6px; color:#666; word-break:break-all;} /* thum_type2_2 */ .thum_type2_2 {position:relative;} .thum_type2_2 .group {} .thum_type2_2 .bundle {position:relative; float:left; margin-left:10px; margin-bottom:13px; width:125px;} .thum_type2_2 .bundle.first {margin-left:0;} .thum_type2_2 .bundle.mgtb {margin-bottom:0;} .thum_type2_2 .bundle .thum {display:block;} .thum_type2_2 .bundle .thum a {overflow:hidden; display:block; width:125px; height:80px;} .thum_type2_2 .bundle .thum a img {display:block; width:125px; min-height:80px;} .thum_type2_2 .bundle .txt {display:block; margin-top:5px;} .thum_type2_2 .bundle .txt a {overflow:hidden; display:block; height:40px; font-size:14px; line-height:20px; letter-spacing:-0.6px; color:#666; word-break:break-all;} .thum_type2_2 .vod {position:absolute; top:21px; left:44px; width:38px; height:38px; background:url(../images/icon_vod4.png) no-repeat 0 0;} .thum_type2_2 .bundle a.on .bg_thum, .thum_type2_2 .bundle a:hover .bg_thum {position:absolute; top:0; left:0; display:block; width:117px; height:72px; border:4px solid #ec008c;} .thum_type2_2.star_movie_slide .bundle {margin-left:0; margin-right:10px;} .thum_type2_2.star_movie_slide .bundle:last-child {margin-right:0;} .thum_type2_2.star_movie_slide .bundle .rank {position:absolute; top:0; left:0; width:24px; height:24px; background:#ec008c; font-weight:bold; font-size:14px; line-height:23px; text-align:center; color:#fff;} .slide_pagination_area {position:absolute; overflow:hidden; top: -4px; right:0; padding-left:30px;} .slide_pagination_area .slide_pagination {position:absolute; top:calc(50% - 10px); left:0; width:25px; font-size:12px; line-height:20px; letter-spacing:-0.05rem; color:#999;} .slide_pagination_area .slide_pagination .swiper-pagination-current {color:#ec008c;} .slide_pagination_area .slide_pagination .swiper-pagination-current {} .slide_pagination_area .slide_btn {width:26px; height:26px; background:url(../images/btn_slide_navi1.gif)no-repeat 1px 0; background-size:cover;} .slide_pagination_area:hover .slide_btn {cursor:pointer;} .slide_pagination_area .slide_btn.next {float:right; background-position:-25px 0;} .slide_pagination_area .slide_btn.prev {float:left;} /* thum_type3 */ .thum_type3 {position:relative;} .thum_type3 .group {} .thum_type3 .bundle {margin-top:10px;} .thum_type3 .bundle:first-child {margin-top:0;} .thum_type3 .bundle a {display:block;} .thum_type3 .bundle .thum {overflow:hidden; width:151px; height:109px;} .thum_type3 .bundle .thum img {display:block; width:151px; min-height:109px;} .thum_type3 .bundle .area {position:relative; display:inline-block; padding:0 20px 0 18px; width:120px; height:103px; border:3px solid #4c4c4c;} .thum_type3 .bundle .area .txt {overflow:hidden; display:inline-block; max-height:60px; font-size:14px; line-height:20px; letter-spacing:-0.6px; vertical-align:middle; color:#666; word-break:break-all;} .thum_type3 .bundle .area .l_txt:after {content:""; position:absolute; top:44px; left:-16px; width:16px; height:17px; background:url(../images/bg_textbox2.png) no-repeat 0 0;} .thum_type3 .bundle .area .r_txt:after {content:""; position:absolute; top:44px; right:-16px; width:16px; height:17px; background:url(../images/bg_textbox1.png) no-repeat 0 0;} .thum_type3 .bundle a:hover .txt {text-decoration:underline!important;} /* thum_type4 */ .thum_type4 {position:relative;} .thum_type4 .thum {position:relative; display:block;} .thum_type4 .thum a {overflow:hidden; display:block; width:197px; height:114px;} .thum_type4 .thum a img {display:block; width:197px; min-height:114px;} .thum_type4 .thum .icon_up {position:absolute; top:0; left:0; width:63px; height:63px; background:url(../images/icon_up.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px;} /* thum_type5 */ .thum_type5 {position:relative;} .thum_type5 .group {} .thum_type5 .bundle {float:left; margin-left:10px; margin-bottom:13px; width:155px;} .thum_type5 .bundle.first {margin-left:0;} .thum_type5 .bundle .thum {position:relative; display:block;} .thum_type5 .bundle .thum a {overflow:hidden; display:block; width:155px; height:119px;} .thum_type5 .bundle .thum a img {display:block; width:155px; height:119px;} .thum_type5 .bundle .txt {display:block; margin-top:6px;} .thum_type5 .bundle .txt a {overflow:hidden; display:block; height:40px; font-size:14px; line-height:20px; letter-spacing:-0.6px; color:#666; word-break:break-all;} /* thum_type5_2 */ .thum_type5_2 {position:relative;} .thum_type5_2 .group {} .thum_type5_2 .bundle {float:left; margin-left:10px; margin-bottom:13px; width:155px;} .thum_type5_2.mgb .bundle {margin-bottom:38px;} .thum_type5_2 .bundle.first {margin-left:0;} .thum_type5_2 .bundle .thum {position:relative; display:block;} .thum_type5_2 .bundle .thum a {overflow:hidden; display:block; width:155px; height:155px;} .thum_type5_2 .bundle .thum a img {display:block; width:155px; height:155px;} .thum_type5_2 .bundle .thum a:hover img, .thum_type5_2 .bundle .thum a:focus img {transition-duration:.3s;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} /* 추가 170523 세종 */ .thum_type5_2 .bundle .txt {display:block; margin-top:6px;} .thum_type5_2 .bundle .txt a {overflow:hidden; display:block; height:40px; font-size:14px; line-height:20px; letter-spacing:-0.6px; color:#666; word-break:break-all;} .thum_type5_2 .bundle .num {position:absolute; right:7px; bottom:5px; width:48px; height:21px; background:url(../images/bg_num1.png) no-repeat 0 0; font-size:14px; text-align:center; line-height:20px; letter-spacing:-0.25px; color:#ec008c;} /* thum_type5_3 */ .thum_type5_3 {position:relative;} .thum_type5_3 .group {} .thum_type5_3 .bundle {float:left; margin-left:11px; margin-bottom:10px; width:154px;} .thum_type5_3 .bundle.first {margin-left:0;} .thum_type5_3 .bundle .thum {position:relative; display:block;} .thum_type5_3 .bundle .thum a {overflow:hidden; display:block; width:154px; height:113px;} .thum_type5_3 .bundle .thum a img {display:block; max-width:154px; min-height:113px;} .thum_type5_3 .bundle .txt {display:block; background:#fff; height:59px;} .thum_type5_3 .bundle .txt a {overflow:hidden; display:block; padding:7px 8px 0; height:40px; font-size:14px; line-height:20px; letter-spacing:-0.6px; color:#555; word-break:break-all;} .thum_type5_3 .bundle .num {position:absolute; right:7px; bottom:5px; width:48px; height:21px; background:url(../images/bg_num1.png) no-repeat 0 0; font-size:14px; text-align:center; line-height:20px; letter-spacing:-0.25px; color:#ec008c;} /* thum_type5_4 */ .thum_type5_4 {position:relative;} .thum_type5_4 .group {} .thum_type5_4 .bundle {float:left; margin-left:17px; margin-bottom:19px; width:147px;} .thum_type5_4 .bundle.first {margin-left:0;} .thum_type5_4 .bundle .thum {position:relative; display:block;} .thum_type5_4 .bundle .thum a {overflow:hidden; display:block; width:147px; height:109px;} .thum_type5_4 .bundle .thum a img {display:block; width:147px; height:109px;} .thum_type5_4 .bundle .txt {display:block; margin-top:6px;} .thum_type5_4 .bundle .txt a {overflow:hidden; display:block; height:40px; font-size:14px; line-height:20px; letter-spacing:-0.6px; color:#666; word-break:break-all;} /* thum_type5_5 */ .thum_type5_5 {position:relative;} .thum_type5_5 .group {} .thum_type5_5 .bundle {float:left; margin-left:12px; width:135px;} .thum_type5_5 .bundle.first {margin-left:0;} .thum_type5_5 .bundle .thum {position:relative; display:block;} .thum_type5_5 .bundle .thum a {overflow:hidden; display:block; width:135px; height:91px;} .thum_type5_5 .bundle .thum a img {display:block; width:135px; height:91px;} .thum_type5_5 .bundle .txt {display:block; margin-top:6px;} .thum_type5_5 .bundle .txt a {overflow:hidden; display:block; height:40px; font-size:14px; line-height:20px; letter-spacing:-0.6px; color:#666; word-break:break-all;} /* thum_type5_6 */ .thum_type5_6 {position:relative;} .thum_type5_6 .group {} .thum_type5_6 .bundle {float:left; margin-left:25px; width:200px;} .thum_type5_6 .bundle.first {margin-left:0;} .thum_type5_6 .bundle .thum {position:relative; display:block;} .thum_type5_6 .bundle .thum a {overflow:hidden; display:block; width:200px; height:130px;} .thum_type5_6 .bundle .thum a img {display:block; width:200px; min-height:100%;} /* 수정 170913 해리 */ .thum_type5_6 .bundle .txt {display:block; margin-top:6px;} .thum_type5_6 .bundle .txt a {overflow:hidden; display:block; height:40px; font-size:13px; line-height:20px; letter-spacing:-0.6px; color:#222; word-break:break-all;} /* thum_type6 */ .thum_type6 {position:relative;} .thum_type6 .group {} .thum_type6 .bundle {overflow:hidden; margin-top:14px;} .thum_type6 .bundle:first-child {margin-top:0;} .thum_type6 .bundle .thum {float:left; margin-right:14px;} .thum_type6 .bundle .thum a {overflow:hidden; display:block; width:113px; height:73px;} .thum_type6 .bundle .thum a img {display:block; width:113px; min-height:73px;} .thum_type6 .bundle .area {} .thum_type6 .bundle .area .posi {display:block; margin-top:3px;} .thum_type6 .bundle .area .posi a {overflow:hidden; display:block; width:133px; height:18px; font-size:14px; letter-spacing:-0.6px; color:#222; white-space: nowrap; text-overflow:ellipsis;} .thum_type6 .bundle .area .txt {overflow:hidden; display:block; margin-top:7px; height:40px;} .thum_type6 .bundle .area .txt a {display:block; font-size:14px; letter-spacing:-0.6px; line-height:20px; color:#666;} /* thum_type7 */ .thum_type7 {position:relative;} .thum_type7 .group {margin:-13px 0 0 -14px;} /* 수정 170327 윤선 */ .thum_type7 .bundle {overflow:hidden; float:left; margin:13px 0 0 14px; width:123px;} /* 수정 170327 윤선 */ .thum_type7 .bundle .thum {display:block;} .thum_type7 .bundle .thum a {overflow:hidden; display:block; width:123px; height:122px;} .thum_type7 .bundle .thum a img {display:block; width:123px; height:122px;} .thum_type7 .bundle .aera {} .thum_type7 .bundle .area .tit {overflow:hidden; display:block; margin-top:12px; height:18px;} .thum_type7 .bundle .area .tit a {display:block; font-size:14px; letter-spacing:-0.6px; color:#222;} .thum_type7 .bundle .area .txt {margin-top:10px; overflow:hidden; display:block; height:40px;} /* 수정 170327 윤선 */ .thum_type7 .bundle .area .tit + .txt {margin-top:2px;} /* 수정 170327 윤선 */ .thum_type7 .bundle .area .txt a {display:block; font-size:14px; letter-spacing:-0.6px; line-height:20px; color:#666;} /* thum_type8 // 추가 170203 윤선 */ .thum_type8 {position:relative;} .thum_type8 .group {} .thum_type8 .bundle {overflow:hidden; margin-top:15px;} .thum_type8 .bundle:first-child {margin-top:0;} .thum_type8 .bundle .thum {float:right; margin-left:14px;} .thum_type8 .bundle .thum a {overflow:hidden; display:block; width:68px; height:46px;} .thum_type8 .bundle .thum a img {display:block; width:68px; min-height:46px;} .thum_type8 .bundle .area {height:46px; overflow:hidden;} .thum_type8 .bundle .area .txt {overflow:hidden; display:table; margin-top:4px; height:40px;} .thum_type8 .bundle .area .txt a {display:table-cell; font-size:14px; letter-spacing:-0.6px; line-height:20px; vertical-align:middle; color:#666;} /* thum_type9 // 추가 170327 윤선 */ .thum_type9 {position:relative;} .thum_type9 .group {} .thum_type9 .bundle {float:left; margin-left:9px; width:211px;} .thum_type9 .bundle:first-child {margin-left:0;} .thum_type9 .bundle .thum {position:relative; display:block;} .thum_type9 .bundle .thum a {overflow:hidden; display:block; width:211px; height:210px;} .thum_type9 .bundle .thum a img {display:block; width:211px; height:210px;} .thum_type9 .bundle .txt {display:block; margin-top:12px;} .thum_type9 .bundle .txt a {overflow:hidden; display:block; height:40px; font-size:14px; line-height:20px; letter-spacing:-0.6px; color:#666; word-break:break-all;} /* thum_type10 // 추가 170421 윤선 */ .thum_type10 {position:relative;} .thum_type10 .group {} .thum_type10 .bundle {overflow:hidden; margin-top:5px;} /* 수정 190102 동현 */ .thum_type10 .bundle:first-child {margin-top:0;} .thum_type10 .bundle .thum {float:right; margin-left:20px;} .thum_type10 .bundle .thum a {overflow:hidden; display:block; width:100px; height:65px;} .thum_type10 .bundle .thum a img {display:block; width:100%; min-height:100%;} .thum_type10 .bundle .area {display:table; overflow:hidden;} .thum_type10 .bundle .area .txt {overflow:hidden; display:table-cell; height:65px; vertical-align: middle;} .thum_type10 .bundle .area .txt a {display:block; max-height:40px; overflow:hidden; font-size:14px; letter-spacing:-0.6px; line-height:20px; vertical-align:middle; color:#4c4c4c;} .thum_type10 .big_bundle {} .thum_type10 .big_bundle + .bundle {margin-top:25px;} .thum_type10 .big_bundle .thum {margin:0; float:none;} .thum_type10 .big_bundle .thum a {width:260px; height:170px;} /* 수정 190102 동현 */ .thum_type10 .big_bundle .thum a img {width:100%; height:auto;} .thum_type10 .big_bundle .area {height:44px;} .thum_type10 .big_bundle .area .txt {margin-top:10px; position:relative; display:block; height:34px;} .thum_type10 .big_bundle .area .txt .txt_label1 {position:absolute; top:0;left:0; width:34px; height:34px; font-size:13px; line-height:34px; text-align:center; background:#ec008c; color:#FFF;} .thum_type10 .big_bundle .area .txt a {padding-left:44px; font-size:15px; line-height:17px; color:#333;} /* thum_news1 */ .thum_news1 {position:relative;} .thum_news1 .group {} .thum_news1 .bundle {position:relative; float:left; margin-left:10px;} .thum_news1 .bundle:first-child {margin-left:0;} .thum_news1 .bundle a {display:block; width:210px; height:210px;} .thum_news1 .bundle ul {} .thum_news1 .bundle li {float:left;} .thum_news1 .bundle li img {display:block; width:210px; height:210px;} .thum_news1 .bundle .btn_prev {position:absolute; top:91px; left:10px; width:32px; height:32px;; background:url(../images/btn_thum_prev1.png) no-repeat 0 0;} .thum_news1 .bundle .btn_next {position:absolute; top:91px; right:10px; width:32px; height:32px;; background:url(../images/btn_thum_next1.png) no-repeat 0 0;} /* thum_news1_1 */ .thum_news1_1 {position:relative;} .thum_news1_1 .group {} .thum_news1_1 .bundle {position:relative; float:left; margin-left:10px; width:125px;} .thum_news1_1 .bundle:first-child {margin-left:0;} .thum_news1_1 .bundle .thum {} .thum_news1_1 .bundle .thum a {display:block; width:125px; height:125px;} .thum_news1_1 .bundle .thum ul {} .thum_news1_1 .bundle .thum li {float:left;} .thum_news1_1 .bundle .thum li img {display:block; width:125px; height:125px;} .thum_news1_1 .bundle .thum .btn_prev {position:absolute; top:51px; left:4px; width:25px; height:25px; background:url(../images/btn_thum_prev2.png) no-repeat 0 0;} .thum_news1_1 .bundle .thum .btn_next {position:absolute; top:51px; right:4px; width:25px; height:25px; background:url(../images/btn_thum_next2.png) no-repeat 0 0;} .thum_news1_1 .bundle .txt {display:block; margin-top:5px; font-size:14px; line-height:20px; letter-spacing:-0.6px; color:#666;} /* thum_news1_2 */ .thum_news1_2 {position:relative;} .thum_news1_2 .group {} .thum_news1_2 .bundle {position:relative; float:left; margin-left:10px; padding-bottom:18px; width:125px;} .thum_news1_2 .bundle.first {margin-left:0;} .thum_news1_2 .bundle .thum {} .thum_news1_2 .bundle .thum a {display:block; width:125px; height:125px;} .thum_news1_2 .bundle .thum ul {} .thum_news1_2 .bundle .thum li {float:left;} .thum_news1_2 .bundle .thum li img {display:block; width:125px; height:125px;} .thum_news1_2 .bundle .thum .btn_prev {position:absolute; top:51px; left:4px; width:25px; height:25px; background:url(../images/btn_thum_prev2.png) no-repeat 0 0;} .thum_news1_2 .bundle .thum .btn_next {position:absolute; top:51px; right:4px; width:25px; height:25px; background:url(../images/btn_thum_next2.png) no-repeat 0 0;} .thum_news1_2 .bundle a.on .bg_thum, .thum_news1_2 .bundle a:hover .bg_thum {position:absolute; top:0; left:0; display:block; width:117px; height:117px; border:4px solid #ec008c;} .thum_news1_2 .bundle .txt {overflow:hidden; display:block; margin-top:5px; height:40px; font-size:14px; line-height:20px; letter-spacing:-0.6px; color:#666;} /* thum_lay1 */ .thum_lay1 {position:relative;} .thum_lay1 a {display:block; color:#222;} /* 수정 160822 세종 */ .thum_lay1 .thum {overflow:hidden; display:block; width:260px; height:169px;} .thum_lay1 .thum img {display:block; width:260px; min-height:169px;} .thum_lay1 .thum2 {overflow:hidden; display:block; width:260px; height:146px;} .thum_lay1 .thum2 img {display:block; width:260px; min-height:146px;} .thum_lay1 .thum3 {overflow:hidden; display:block; width:300px; height:168px;} /* 추가 170908 해리 */ .thum_lay1 .thum3 img {display:block; margin-top:-15px; width:300px; min-height:168px;} /* 추가 170908 해리 */ .thum_lay1 .txt1 {overflow:hidden; display:block; padding:5px 5px 0; width:250px; height:20px; font-size:14px; line-height:20px; letter-spacing:-0.6px;} /* 수정 160822 세종 */ .thum_lay1 .txt1_1 {overflow:hidden; display:block; padding:5px 0 0; width:300px; max-height:40px; font-size:14px; line-height:20px; letter-spacing:-0.6px;} /* 추가 170908 해리 */ .thum_lay1:hover .txt1_1, .thum_lay1:focus .txt1_1 {color:#ec008c;} .thum_lay1 .txt2 {position:absolute; bottom:0; left:0; overflow:hidden; padding:0 10px; width:240px; height:41px; background:url(../images/bg_png80_1.png) repeat 0 0; font-size:14px; line-height:39px; letter-spacing:-0.6px; color:#fff;} .thum_lay1 .vod {position:absolute; top:38px; left:50%; margin-left:-35px; width:71px; height:71px; background:url(../images/icon_vod.png) no-repeat 0 0;} /* 수정 170908 해리 */ .thum_lay1 .thum:before {content:''; position:absolute; top:0; left:0; width:260px; height:169px; background:#000; opacity:0.37; filter:alpha(opacity:37);} .thum_lay1 .thum2:before {content:''; position:absolute; top:0; left:0; width:260px; height:146px; background:#000; opacity:0.37; filter:alpha(opacity:37);} /* thum_lay1_2 */ .thum_lay1_2 {position:relative;} .thum_lay1_2 a {display:block;} .thum_lay1_2 .thum {overflow:hidden; display:block; width:326px; height:154px;} .thum_lay1_2 .thum img {display:block; width:326px; min-height:154px;} .thum_lay1_2 .txt1 {position:absolute; bottom:0; left:0; overflow:hidden; padding:0 10px; width:306px; height:51px; background:url(../images/bg_png80_1.png) repeat 0 0; font-size:15px; line-height:42px; letter-spacing:-0.6px; color:#fff;} .thum_lay1_2 .thum:before {content:''; position:absolute; top:0; left:0; width:326px; height:154px; background:#000; opacity:0.37; filter:alpha(opacity:37);} /* thum_lay2 */ .thum_lay2 {position:relative;} .thum_lay2 .bundle {position:relative; float:left; margin-left:10px;} .thum_lay2 .bundle:first-child {margin-left:0;} .thum_lay2 .bundle a {display:block;} .thum_lay2 .thum {overflow:hidden; display:block; width:210px; height:149px;} .thum_lay2 .thum img {display:block; width:210px; height:149px;} .thum_lay2 .txt1 {position:absolute; bottom:6px; left:0; overflow:hidden; padding:0 8px; width:194px; height:36px; font-size:13px; line-height:18px; letter-spacing:-0.6px; color:#fff;} .thum_lay2 .vod {position:absolute; top:52px; left:82px; width:46px; height:46px; background:url(../images/icon_vod2.png) no-repeat 0 0;} .thum_lay2 .thum:before {content:''; position:absolute; top:0; left:0; width:210px; height:149px; background:#000; opacity:0.30; filter:alpha(opacity:30);} /* thum_lay3 */ .thum_lay3 {position:relative; padding-top:10px; background:#fff;} .thum_lay3.bg {background:#ebebeb;} .thum_lay3 a {display:block;} .thum_lay3 .thum {position:relative; overflow:hidden; display:block; width:300px; height:169px;} .thum_lay3 .thum img {display:block; width:300px; height:169px;} .thum_lay3 .thum:before {content:''; position:absolute; top:0; left:0; width:300px; height:169px; background:#000; opacity:0.37; filter:alpha(opacity:37);} .thum_lay3 .txt1 {overflow:hidden; display:block; padding:0 10px; width:280px; height:34px; background:#ed008c; font-size:15px; line-height:32px; text-align:center; letter-spacing:-0.5px; color:#fff;} .thum_lay3 .vod {position:absolute; bottom:48px; left:114px; width:71px; height:71px; background:url(../images/icon_vod.png) no-repeat 0 0;} /* thum_list1 */ .thum_list1 {position:relative;} .thum_list1 .group {} .thum_list1 .bundle {float:left;} .thum_list1 .bundle a {overflow:hidden; display:block; width:130px; height:110px;} .thum_list1 .bundle a img {display:block; width:130px; height:110px;} .thum_list1 .area {position:relative; width:260px; height:46px; background:#ed008c; text-align:center;} .thum_list1 .area .name {display:inline-block; margin-top:6px; font-size:16px; letter-spacing:-0.5px; color:#fff;} .thum_list1 .tab_lol1 {} .thum_list1 .tab_lol1 li {display:inline-block; margin-left:6px; width:8px; height:8px; background:url(../images/bg_list1.png) no-repeat 0 0;} .thum_list1 .tab_lol1 li span {display:none;} .thum_list1 .tab_lol1 li.on {background-position:0 -8px;} .thum_list1 .btn_prev {position:absolute; top:0; left:0; width:36px; height:46px; background:url(../images/btn_thum2_prev1.png) no-repeat 13px 15px;} .thum_list1 .btn_next {position:absolute; top:0; right:0; width:36px; height:46px; background:url(../images/btn_thum2_next1.png) no-repeat 13px 15px;} /* thum_list1_2 */ .thum_list1_2 {position:relative;} .thum_list1_2 .group {overflow:hidden;} /* 수정 170203 윤선 */ .thum_list1_2 .bundle {margin-right:10px; float:left;} /* 수정 170203 윤선 */ .thum_list1_2 .bundle:first-child {margin-right:11px;} /* 추가 170203 윤선 */ .thum_list1_2 .bundle:last-child {margin-right:0;} /* 추가 170203 윤선 */ .thum_list1_2 .bundle a {overflow:hidden; display:block; width:155px; height:135px;} .thum_list1_2 .bundle a img {display:block; width:155px; height:135px;} .thum_list1_2 .area {margin-top:7px; position:relative; width:651px; height:46px; background:#ed008c; text-align:center;} /* 수정 170203 윤선 */ .thum_list1_2 .area .name {display:inline-block; margin-top:6px; font-size:16px; letter-spacing:-0.5px; color:#fff;} .thum_list1_2 .tab_lol1 {} .thum_list1_2 .tab_lol1 li {display:inline-block; margin-left:6px; width:8px; height:8px; background:url(../images/bg_list1.png) no-repeat 0 0;} .thum_list1_2 .tab_lol1 li span {display:none;} .thum_list1_2 .tab_lol1 li.on {background-position:0 -8px;} .thum_list1_2 .btn_prev {position:absolute; top:0; left:0; width:36px; height:46px; background:url(../images/btn_thum2_prev1.png) no-repeat 13px 15px;} .thum_list1_2 .btn_next {position:absolute; top:0; right:0; width:36px; height:46px; background:url(../images/btn_thum2_next1.png) no-repeat 13px 15px;} /* thum_list2 */ .thum_list2 {position:relative; margin-top:-7px;} .thum_list2 .group {} .thum_list2 .bundle {overflow:hidden;} .thum_list2 .bundle .thum {float:left; margin-top:7px; margin-right:20px;} .thum_list2 .bundle .thum a {overflow:hidden; display:block; width:286px; height:203px;} .thum_list2 .bundle .thum a img {display:block; width:286px; min-height:203px;} .thum_list2 .bundle .area {} .thum_list2 .bundle .area .tit {display:block;} .thum_list2 .bundle .area .tit a {overflow:hidden; display:block; max-height:60px; font-size:23px; line-height:30px; color:#222;} .thum_list2 .bundle .area .txt {display:block; margin-top:17px;} .thum_list2 .bundle .area .txt a {overflow:hidden; display:block; max-height:96px; font-size:15px; letter-spacing:-0.5px; line-height:24px; color:#666;} .thum_list2 .bundle .area .write {display:block; margin-top:8px; letter-spacing:-1px; color:#999;} .thum_list2 .bundle .area .write .date {letter-spacing:0;} /* thum_list3 */ .thum_list3 {position:relative;} .thum_list3 .group {} .thum_list3 .bundle {position:relative; float:left; overflow:hidden; margin-left:10px; width:210px; height:170px;} .thum_list3 .bundle.l_first {margin-left:0;} .thum_list3 .bundle a {display:block;} .thum_list3 .bundle .thum {overflow:hidden; display:inline-block; width:210px; height:170px;} .thum_list3 .bundle .thum img {display:block; width:210px; min-height:170px;} .thum_list3 .bundle .thum + .area {} .thum_list3 .bundle .thum + .area .type {position:absolute; bottom:0; left:0; padding:0; width:210px; height:52px; background:url(../images/bg_png60_1.png) repeat 0 0;} .thum_list3 .bundle .thum + .area .tit {overflow:hidden; display:block; margin-top:7px; padding:0 10px; height:35px; font-size:14px; line-height:17px; color:#fff;} .thum_list3 .bundle .thum + .area .txt {display:none;} .thum_list3 .bundle .area {display:block; padding:0 10px; width:190px; height:170px; background:#15132d;} .thum_list3 .bundle .area .type {overflow:hidden; display:inline-block; vertical-align:middle;} .thum_list3 .bundle .tit {overflow:hidden; display:block; margin-top:7px; max-height:66px; font-size:18px; line-height:21px; color:#fff;} .thum_list3 .bundle .txt {overflow:hidden; display:block; margin-top:4px; max-height:36px; font-size:14px; line-height:18px; color:#fff;} .thum_list3 .bundle a:hover .tit {text-decoration:underline !important;} .thum_list3 .bundle a:hover .txt {text-decoration:underline !important;} .thum_list3 .bundle .icon_up {position:absolute; top:0; left:0; width:63px; height:63px; background:url(../images/icon_up.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px;} /* thum_list4 추가 160129 세종 */ .thum_list4 {overflow:hidden;} .thum_list4 .bundle {float:left; overflow:hidden; width:210px; height:220px;} .thum_list4 .bundle + .bundle {margin-left:10px;} .thum_list4 .bundle a {color:#666;} /* 수정 160822 세종 */ .thum_list4 .bundle .thum {display:block; overflow:hidden; width:100%; height:170px;} .thum_list4 .bundle .thum img {display:block; width:100%;} .thum_list4 .bundle .thum img.h100 {width:auto; height:100%;} .thum_list4 .bundle .tit {display:block; overflow:hidden; margin-top:6px; height:42px; font-size:14px; line-height:20px; letter-spacing:-0.6px;}/* 수정 160822 세종 */ /* thum_list5 // 추가 170314 윤선 */ .thum_list5 {position:relative;} .thum_list5 .group {position:relative; width:100%; overflow:hidden;} .thum_list5 .bundle {float:left; width:260px;} .thum_list5 .bundle:first-child {margin-left:0;} .thum_list5 .bundle a {display:block;} .thum_list5 .bundle a .thum {display:block; width:260px; height:160px; overflow:hidden;} .thum_list5 .bundle a .thum img {width:100%; min-height:100%;} .thum_list5 .bundle a .tit {margin-top:5px; display:block; max-height:40px; overflow:hidden; font-weight:normal; font-size:14px; line-height:20px; color:#222;} .thum_list5 .bundle a .cate {padding:0 8px 0 9px; position:absolute; top:0; left:0; height:32px; line-height:32px; text-align:center; background:rgba(8,24,59,0.8); color:#FFF;} .thum_list5 .btn a {position:absolute; top:62px; width:22px; height:37px; background:url(../images/btn_prevnext2.png) no-repeat 0 0; text-indent:-9999px;} .thum_list5 .btn a.btn_prev {left:0; background-position:0 0;} .thum_list5 .btn a.btn_next {right:0; background-position:100% 0;} /* thum_list6 추가 180323 동현 */ .thum_list6 {overflow:hidden;} .thum_list6 .bundle {float:left; overflow:hidden; width:207px; height:206px;} .thum_list6 .bundle + .bundle {margin-left:15px;} .thum_list6 .bundle a {color:#222;} .thum_list6 .bundle a:hover, .thum_list6 .bundle a:focus {text-decoration:underline;} .thum_list6 .bundle .thum {display:block; overflow:hidden; width:207px; height:147px;} .thum_list6 .bundle .thum img {display:block; width:100%; min-height:100%;} .thum_list6 .bundle .tit {display:block; overflow:hidden; margin-top:6px; height:44px; font-size:16px; line-height:22px; letter-spacing:-0.65px;} /* //thum_list6 추가 180323 동현 */ /* lst_type_p1 */ .lst_type_p1 {position:relative;} .lst_type_p1 .group {} .lst_type_p1 .bundle {position:relative; overflow:hidden; margin-top:27px;} /* 수정 170327 윤선 */ .lst_type_p1 .bundle:first-child {margin-top:0;} .lst_type_p1 .bundle .thum {float:left; overflow:hidden; margin:0 14px 0 0; width:142px; height:142px; background:#fff; text-align:center; border:1px solid #ccc;} .lst_type_p1 .bundle .thum img {max-width:142px; max-height:142px; vertical-align:middle;} .lst_type_p1 .bundle .area {padding-top:2px;} .lst_type_p1 .bundle .area .cls {display:block; font-size:16px; font-weight:normal; color:#ec008c;} .lst_type_p1 .bundle .area .cls a {display:block; color:#ec008c;} .lst_type_p1 .bundle .area .cls2 {color:#ec008c;} .lst_type_p1 .bundle .area .tit {overflow:hidden; display:block; height:17px; font-size:16px; font-weight:normal; letter-spacing:-1px; line-height:17px;} /* 수정 170327 윤선 */ .lst_type_p1 .bundle .area .tit a {color:#333;} .lst_type_p1 .bundle .area .time + .tit {padding-right:47px;} /* 추가 170327 윤선 */ .lst_type_p1 .bundle .area .txt {overflow:hidden; margin-top:13px; max-height:66px; font-size:14px; line-height:22px; letter-spacing:-0.5px; color:#777;} /* 수정 170327 윤선 */ .lst_type_p1 .bundle .area .write {display:block; margin-top:7px; letter-spacing:-1px; color:#999;} .lst_type_p1 .bundle .area .write .date {letter-spacing:0;} .lst_type_p1 .bundle .area .cls + .tit {margin-top:11px;} .lst_type_p1 .bundle .area .time {position:absolute; top:1px; right:0; font-size:12px; color:#999;} /* 추가 170327 윤선 */ .lst_type_p1 .bundle .area a:hover {text-decoration:underline;} /* 메인 상단 */ .con_top {position:relative;} /* 이미지탭 */ .con_top .top_news {} /* 추가 160822 세종 */ .top_news .slider {margin:0 -2px;} .top_news .slick-slider {position: relative;} .top_news .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .top_news .slick-list:focus {outline: none;} .top_news .slick-track {position: relative; top: 0; left: 0; display: block;} .top_news .slick-track:before, .top_news .slick-track:after {display: table; content: '';} .top_news .slick-track:after {clear: both;} .top_news .slick-loading .slick-track {visibility: hidden;} .top_news .slick-slide {display:none; float:left; width:242px; height:218px;} .top_news .slick-slide a {display:block; position:relative; margin:0 2px; height:100%; color:#fff !important;} .top_news .slick-slide a:hover .subject, .top_news .slick-slide a:focus .subject {text-decoration:underline !important;} .top_news .slick-slide img {display: block; width:100%; min-height:100%;} .top_news .slick-slide a .shadow {position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.2; filter:alpha(opacity:20);} .top_news .slick-slide a:hover .shadow, .top_news .slick-slide a:focus .shadow {display:none;} /* 추가 170523 세종 */ .top_news .slick-slide .subject {position:absolute; left:12px; right:12px; bottom:10px; overflow:hidden; max-height:50px; font-size:17px; font-weight:normal; line-height:24px; letter-spacing:-0.6px;} .top_news .slick-slide.slick-loading img {display: none;} .top_news .slick-initialized .slick-slide {display: block;} .top_news .slick-loading .slick-slide {visibility: hidden;} .top_news .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;} .top_news .slick-arrow.slick-hidden {display: none;} .top_news .slick-prev, .top_news .slick-next {position:absolute; top:50%; margin-top:-26px; width:30px; height:52px; font-size:0; line-height:0; background:url(../images/btn_prevnext1.png) no-repeat;} .top_news .slick-prev {left:-55px; background-position:0 0;} .top_news .slick-next {right:-55px; background-position:right 0;} /* 큰이미지 */ .top_news > .bigimg {position:relative; float:left;} .top_news > .bigimg a {display:block; width:340px; height:306px;} .top_news > .bigimg .thum {position:relative; overflow:hidden; width:340px; height:306px;} .top_news > .bigimg .thum:after {content:""; position:absolute; top:0; left:0; width:334px; height:300px; border:3px solid #ed008c;} .top_news > .bigimg .thum img {display:block; width:340px; height:306px;} .top_news > .bigimg .area {position:absolute; bottom:3px; left:3px; width:334px; height:60px; background:url(../images/bg_png80_1.png) repeat 0 0;} .top_news > .bigimg .area .txt {overflow:hidden; display:inline-block; margin:0 17px; max-height:48px; font-size:17px; letter-spacing:-0.6px; line-height:24px; vertical-align:middle; color:#fff; word-break:break-all;} .top_news > .bigimg .area .s1 {color:#ec008c;} .top_news > .bigimg .icon {position:absolute; top:-1px; left:13px;} /* 작은이미지 */ .top_news > .thumlist {float:left; width:340px;} .top_news > .thumlist .bundle {position:relative; float:left;} .top_news > .thumlist .bundle a {display:block; width:170px; height:153px;} .top_news > .thumlist .bundle .thum {overflow:hidden; display:block; width:170px; height:153px;} .top_news > .thumlist .bundle .thum img {display:block; width:170px; height:153px;} .top_news > .thumlist .bundle .area {display:none;} .top_news > .thumlist .bundle:hover .area, .top_news > .thumlist .bundle.on .area {position:absolute; top:0; left:0; display:block; width:170px; height:153px; background:url(../images/bg_png80_1.png) repeat 0 0;} .top_news > .thumlist .bundle:hover .area .txt, .top_news > .thumlist .bundle.on .area .txt {overflow:hidden; display:inline-block; margin:0 23px; max-height:69px; font-size:15px; letter-spacing:-0.6px; line-height:23px; color:#fff; vertical-align:middle; word-break:break-all;} .top_news > .thumlist .bundle:hover .area .s1, .top_news > .thumlist .bundle.on .area .s1 {color:#ec008c;} /* 큰이미지2 */ .top_news2 > .bigimg {position:relative; float:left;} .top_news2 > .bigimg a {display:block; width:324px; height:292px;} .top_news2 > .bigimg .thum {position:relative; overflow:hidden; width:324px; height:292px;} .top_news2 > .bigimg .thum:after {content:""; position:absolute; top:0; left:0; width:318px; height:286px; border:3px solid #ed008c;} .top_news2 > .bigimg .thum img {display:block; width:324px; height:292px;} .top_news2 > .bigimg .area {position:absolute; bottom:3px; left:3px; width:318px; height:34px; background:url(../images/bg_png80_1.png) repeat 0 0;} .top_news2 > .bigimg .area .txt {overflow:hidden; display:inline-block; margin:0 17px; max-height:24px; font-size:17px; letter-spacing:-0.6px; line-height:24px; vertical-align:middle; color:#fff; word-break:break-all;} .top_news2 > .bigimg .area .s1 {color:#ec008c;} .top_news2 > .bigimg .icon {position:absolute; top:-1px; left:13px;} /* 작은이미지2 */ .top_news2 > .thumlist {float:left; width:326px;} .top_news2 > .thumlist .bundle {position:relative; float:left;} .top_news2 > .thumlist .bundle a {display:block; width:163px; height:146px;} .top_news2 > .thumlist .bundle .thum {overflow:hidden; display:block; width:163px; height:146px;} .top_news2 > .thumlist .bundle .thum img {display:block; width:163px; height:146px;} .top_news2 > .thumlist .bundle .area {display:none;} .top_news2 > .thumlist .bundle:hover .area, .top_news2 > .thumlist .bundle.on .area {position:absolute; top:0; left:0; display:block; width:163px; height:146px; background:url(../images/bg_png80_1.png) repeat 0 0;} .top_news2 > .thumlist .bundle:hover .area .txt, .top_news2 > .thumlist .bundle.on .area .txt {overflow:hidden; display:inline-block; margin:0 23px; max-height:69px; font-size:15px; letter-spacing:-0.6px; line-height:23px; color:#fff; vertical-align:middle; word-break:break-all;} .top_news2 > .thumlist .bundle:hover .area .s1, .top_news2 > .thumlist .bundle.on .area .s1 {color:#ec008c;} .top_news .top_box {position:relative; padding:29px 20px 0; width:258px; height:303px; border:1px solid #ccc;} /* 수정 170327 윤선 */ /* 우측 박스 */ .con_top .top_box {position:relative; padding:28px 19px 0; width:260px; height:276px; border:1px solid #ccc;} /* m_imgbox */ .m_imgbox {overflow:hidden;} /* 수정 170314 윤선 */ /* 큰이미지 */ .m_imgbox > .bigimg {position:relative; float:left;} .m_imgbox > .bigimg a {display:block; width:217px; height:279px;} .m_imgbox > .bigimg a .thum {position:relative; overflow:hidden; width:217px; height:279px;} .m_imgbox > .bigimg a .thum img {display:block; width:217px; height:279px;} .m_imgbox > .bigimg .area {position:absolute; bottom:0; left:0; width:217px; height:53px; background:url(../images/bg_png80_1.png) repeat 0 0;} .m_imgbox > .bigimg .area .txt {overflow:hidden; display:inline-block; margin:0 12px; max-height:40px; font-size:13px; letter-spacing:-0.6px; line-height:20px; vertical-align:middle; color:#fff; word-break:break-all;} .m_imgbox > .bigimg .area .s1 {color:#ec008c;} /* 작은이미지 */ .m_imgbox > .thumlist {float:left;} .m_imgbox > .thumlist .bundle {position:relative;} .m_imgbox > .thumlist .bundle a {overflow:hidden; display:block; width:83px; height:93px;} .m_imgbox > .thumlist .bundle a img {display:block; width:83px; height:93px;} .m_imgbox > .thumlist .bundle:hover a:after, .m_imgbox > .thumlist .bundle.on a:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #ec008c; box-sizing: border-box;} /* 실시간 속보 */ .timeNews {position:relative;} .timeNews .h3_tit {float:left; padding-top:15px; width:120px; height:97px; background:#ec008c; font-weight:normal; text-align:center; color:#fff;} .timeNews .bx_new {margin-left:120px; padding:15px 0 0 19px; height:95px; border:1px solid #ccc; border-left:0;} /* 검색결과 없음 */ .no_result {color:#333;} .no_result strong {} .no_result ul {margin:12px 0 0 12px;} .no_result li {padding-left:8px; background:url(../images/bg_square1.gif) no-repeat 0 10px; font-size:13px; line-height:22px; letter-spacing:-0.5px;} /* 라이브 인터뷰 */ .bx_ing1 {position:relative;} .bx_ing1 .thum {overflow:hidden; display:block; width:980px; height:257px;} .bx_ing1 .thum img {display:block; width:980px;} .bx_ing1 .area {position:absolute; top:64px; left:0; width:980px; text-align:center;} .bx_ing1 .area .txt1 {display:inline-block; font-size:55px; line-height:55px; letter-spacing:-2.3px; color:#ec008c;} .bx_ing1 .area .txt2 {display:inline-block; margin-top:11px; font-size:42px; line-height:42px; letter-spacing:-0.5px; color:#fff;} .bx_ing1 .txt_img1 {position:absolute; top:104px; left:268px;} .bx_ing1 .vod {position:absolute; top:204px; left:408px; width:176px; height:176px; background:url(../images/icon_vod3.png) no-repeat 0 0;} .bx_ing1 .bdge {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity:80);} /* 롤링 이미지 */ .section_top_slide {position:relative; overflow:hidden; height:160px;} .section_top_slide .slide_box {overflow:hidden; margin:0 54px; width:860px; height:160px;} .section_top_slide .slide_box .slide_group {overflow:hidden; height:160px;} .section_top_slide .slide_box .slide_group li {float:left; position:relative; overflow:hidden; margin-left:15px; width:110px; height:160px;} .section_top_slide .slide_box .slide_group li:first-child {margin-left:0;} .section_top_slide .slide_box .slide_group li img {display:block; width:110px; height:110px;} .section_top_slide .slide_box .slide_group li a {overflow:hidden; display:block; width:110px; height:160px;} .section_top_slide .slide_box .slide_group li .txt {overflow:hidden; display:block; height:40px; font-size:16px; letter-spacing:-0.6px; line-height:20px; color:#434343;} .section_top_slide .slide_box .slide_group li a .bgline {position:absolute; top:0; left:0; display:block; width:110px; height:110px;} .section_top_slide .slide_box .slide_group li a.on .bgline, .section_top_slide .slide_box .slide_group li a:hover .bgline, .section_top_slide .slide_box .slide_group li a:focus .bgline {width:100px; height:100px; border:5px solid #ec008c;} .section_top_slide .slide_box .slide_group li a.on .txt, .section_top_slide .slide_box .slide_group li a:hover .txt, .section_top_slide .slide_box .slide_group li a:focus .txt {color:#ec008c;} .section_top_slide .prev {position:absolute; top:32px; left:0; width:40px; height:40px; background:url(../images/btn_thum4_prev1.png) no-repeat 0 0;} .section_top_slide .next {position:absolute; top:32px; right:0; width:40px; height:40px; background:url(../images/btn_thum4_next1.png) no-repeat 0 0;} /* 포토 슬라이드 */ .thum_article {position:relative;} /* 타이틀 */ .thum_article .at_tit1 {font-size:23px; font-weight:normal; letter-spacing:-0.6px; line-height:36px; color:#434343;} .thum_article .c1 {color:#ec008c;} .thum_article .at_tit1 .num {position:relative; display:inline-block; padding:0 13px; height:23px; font-size:12px; line-height:23px; vertical-align:bottom; color:#666; border-top:1px solid #ec008c; border-bottom:1px solid #ec008c;} .thum_article .at_tit1 .num:after {content:''; position:absolute; top:-1px; left:0; width:12px; height:25px; background:url(../images/bg_search8.gif) no-repeat 0 0;} .thum_article .at_tit1 .num:before {content:''; position:absolute; top:-1px; right:0; width:12px; height:25px; background:url(../images/bg_search9.gif) no-repeat 0 0;} .thum_article .at_tit1 .write {display:block; margin-top:-6px; font-size:12px; letter-spacing:-0.5px; color:#888;} .thum_article .at_tit2 {font-size:26px; font-weight:normal; line-height:32px;} .thum_article .at_tit3 {font-size:18px; font-weight:normal; letter-spacing:-0.5px; line-height:24px; color:#404040;} .thum_article .write {display:block; font-size:12px; letter-spacing:-0.5px; color:#888;} .thum_article .at_tit1 .write {margin-top:-6px;} /* 레이어 공유하기 */ .at_btn1 {position:absolute; top:0; right:0;} .at_btn1 .bx_sns {position:relative; float:left;} .at_btn1 .bx_sns .selt {z-index:10;} .at_btn1 .bx_sns .selt a {display:block; width:138px; height:29px; font-size:13px; line-height:27px; letter-spacing:-0.25px; text-align:center; color:#737373 !important; border:1px solid #b0b0b0;} .at_btn1 .bx_sns .selt a img {margin-top:6px;} .at_btn1 .bx_sns .lay_sc {position:absolute; top:30px; left:0; padding-top:13px; width:138px; height:38px; text-align:center; border:1px solid #d3d3d3;} .at_btn1 .bx_sns .lay_sc li {display:inline-block; margin-left:9px;} .at_btn1 .bx_sns .lay_sc li:first-child {margin-left:0;} .at_btn1 .bx_sns .lay_sc li a {} .at_btn1 .bx_sns .lay_sc li a img {} /* 목록 */ .at_btn1 .btn_list {float:left; margin-left:5px; width:79px; height:29px; font-size:13px; line-height:27px; letter-spacing:-0.25px; text-align:center; color:#ec008c; border:1px solid #ec008c;} .at_btn1 .btn_list img {margin-top:9px;} /* 라인박스 */ .bx_line {position:relative; background:#f5f4f4; border:1px solid #dedede;} .bx_line .bxbg {padding:23px 19px 3px;} /* 포토기사 */ .thum_article .article_area {position:relative;} .article_area .bx_tit {margin:0 auto; width:560px;} .article_area .bx_tit h2 {font-size:23px; line-height:36px; font-weight:normal; letter-spacing:-0.6px; color:#434343;} .article_area .write {display:block; font-size:12px; letter-spacing:-0.5px; color:#888;} .article_area .article_photo {position:relative; overflow:hidden; text-align:center;} /* 추가 190521 동현 */ .article_area .article_photo .photo_image {position:relative; display:table-cell; width:980px; height:580px; vertical-align:middle; text-align:center;} .article_area .article_photo .photo_image img {max-width:560px; max-height:580px;} /* 추가 190521 동현 */ .article_area .article_photo img {max-width:560px;} .article_area .article_photo .btn_prev {position:absolute; left:0; bottom:0; overflow:hidden; width:50%; height:100%; text-indent:-9999px;} .article_area .article_photo .btn_next {position:absolute; right:0; bottom:0; overflow:hidden; width:50%; height:100%; text-indent:-9999px;} .article_area .article_photo .btn_prev .prev {position:absolute; top:50%; left:30px; overflow:hidden; margin-top:-40px; width:48px; height:80px; background:url(../images/btn_thum3_prev1.png) no-repeat 0 0; text-indent:-9999px; cursor:pointer;} /* 수정 190521 동현 */ .article_area .article_photo .btn_prev:hover .prev, .article_area .article_photo .btn_prev:focus .prev {background-position:-48px center;} .article_area .article_photo .btn_next .next {position:absolute; top:50%; right:30px; overflow:hidden; margin-top:-40px; width:48px; height:80px; background:url(../images/btn_thum3_next1.png) no-repeat right 0; text-indent:-9999px; cursor:pointer;} /* 수정 190521 동현 */ .article_area .article_photo .btn_next:hover .next, .article_area .article_photo .btn_next:focus .next {background-position:left center;} .article_area .article_photo a:focus {text-indent:0;} .article_area .article_body p {font-size:16px; line-height:24px;} /* 본문 */ .article_area .article {padding:40px 0; font-size:16px; line-height:28px; letter-spacing:-0.4px; color:#333} .article_area .article .article_thum {width:40px;} .article_area .article .article_thum img {display: block; width:auto; max-width:560px; margin-bottom: 5px;} .article_area .article .article_thum .img img {display: block; margin:0;} .article_area .article .article_thum .desc {font-size:12px; text-align:left; letter-spacing:-0.25px; color:#666;} .article_area .article .article_thum.left {float:left; margin:5px 20px 10px 0; padding:0;} .article_area .article .article_thum.right {float:right; margin:5px 0 10px 20px; padding:0;} .article_area .article .article_thum.center {margin:0 auto 20px;} .article_area .copyright {font-size:14px; letter-spacing:-0.2px; color:#8c8c8c;} /* 본문 공유하기 */ .article_area .lst_sc {} .article_area .lst_sc li {float:left; margin-left:9px;} .article_area .lst_sc li:first-child {margin-left:0;} .article_area .lst_sc li a {display:block; letter-spacing:-0.25px; color:#999 !important;} .article_area .lst_sc li a img {margin-right:6px;} .article_area .lst_sc2 {} .article_area .lst_sc2 li {float:left; margin-left:-1px;} .article_area .lst_sc2 li:first-child {margin-left:0;} .article_area .lst_sc2 li a {display:block;} .article_area .article_function {float:left;} /* 수정 170601 윤선 */ .article_area .article_function li {float:left; margin-left:-1px; width:22px; height:22px; text-align:center; line-height:20px; border:1px solid #adadad;} /* 수정 170601 윤선 */ .article_area .article_function li a {display:block; font-size:14px; letter-spacing:-0.25px;} .article_area .article_function li a img {margin-top:-2px; margin-left:2px; vertical-align:middle;} .article_area .fontsize_function {} .article_area .fontsize_function li {line-height:19px;} .article_area .fontsize_function .btn_fontsize {width:22px; height:22px; background:url(../images/btn/btn_fontsize.png) no-repeat center center / cover; font-size:0; line-height:0;} .article_area .fontsize_function .btn_fontsize:hover {background-image:url(../images/btn/btn_fontsize_hover.png);} .article_area .fontsize_function .btn_fontsize.font_large {background-image:url(../images/btn/btn_fontsize_plus.png); background-size:9px 9px;} .article_area .fontsize_function .btn_fontsize.font_large.on {background-image:url(../images/btn/btn_fontsize_plus_hover.png);} .article_area .fontsize_function .btn_fontsize.font_large:active {margin:1px 0 0 1px;} .article_area .fontsize_function .btn_fontsize.font_small {background-image:url(../images/btn/btn_fontsize_minus.png); background-size:9px 9px;} .article_area .fontsize_function .btn_fontsize.font_small.on {background-image:url(../images/btn/btn_fontsize_minus_hover.png);} .article_area .fontsize_function .btn_fontsize.font_small:active {margin:1px 0 0 1px;} @media (hover: hover) { /*.article_area .fontsize_function .btn_fontsize.font_large:hover {background-image:url(../images/btn/btn_fontsize_plus_hover.png);} .article_area .fontsize_function .btn_fontsize.font_small:hover {background-image:url(../images/btn/btn_fontsize_minus_hover.png);}*/ } .article_area .fontsize_function .font_select:focus .layer_ftsize, .article_area .fontsize_function .font_select:hover .layer_ftsize {display:block;} .layer_ftsize {display:none; position:absolute; top:36px; right:0; width:122px; padding:20px; background:#fff; border:1px solid #adadad; z-index: 10;} .layer_ftsize.on {display:block;} .layer_ftsize:after {content:''; position:absolute; top:-13px; right:0; width:100%; height:13px; background:url(../images/layerpop_arrow1.png) no-repeat 99px 5px;} .layer_ftsize .group .bundle {float:none; position:relative; margin-top:15px; margin-left:1px; width:100%; height:100%; text-align:left; border:none;} .layer_ftsize .group .bundle:first-child {margin-top:0;} .layer_ftsize .group .bundle label {display:inline-block; padding-left:24px; background:url(../images/checkbox1.png) no-repeat 0 0; line-height:18px; letter-spacing:-0.05rem; color:#777;} .layer_ftsize .group .bundle.ft14 label {font-size:14px;} .layer_ftsize .group .bundle.ft16 label {font-size:16px;} .layer_ftsize .group .bundle.ft18 label {font-size:18px;} .layer_ftsize .group .bundle.ft20 label {font-size:20px;} .layer_ftsize .group .bundle input[type="radio"] {position:absolute; opacity:0; cursor:pointer;} .layer_ftsize .group .bundle input[type="radio"]:checked+label {background-position:0 -18px; color:#333;} /* 인기뉴스 */ .article_area .relnews {overflow:hidden; position:relative; padding:20px 37px 36px 35px; border:1px solid #dedede;} .article_area .relnews .rolling_box {overflow:hidden;} .article_area .relnews button.prev {position:absolute; top:67px; left:0; width:48px; height:96px; background:url(../images/btn_thum5_prev1.png) no-repeat 0 0;} .article_area .relnews button.next {position:absolute; top:67px; right:0; width:48px; height:96px; background:url(../images/btn_thum5_next1.png) no-repeat 0 0;} /* 기자 */ .article_area .writer_profile {overflow:hidden; position:relative; min-height:82px; background:#f4f4f4;} .article_area .writer_profile .thum {position:absolute; top:11px; left:11px; overflow:hidden; width:64px; height:60px; background:url(../images/bg_photo.gif) no-repeat 0 0;} .article_area .writer_profile .thum img {display:block; width:100%; height:100%;} .article_area .writer_profile .conbox {overflow:hidden; padding:12px 0 0 88px; font-size:14px;} .article_area .writer_profile .name {float:left; color:#666;} .article_area .writer_profile .mail {float:left; color:#666;} .article_area .writer_profile .bar {float:left; padding:0 9px 0 8px; color:#ccc;} .article_area .writer_profile .sns {float:left; margin-right:10px;} .article_area .writer_profile .txt {clear:both; overflow:hidden; margin-top:7px; line-height:16px; letter-spacing:-0.2px; color:#666;} /* 포토슬라이드 */ .article_area .photo_slide {position:relative; padding:0 10px; height:397px; background:#15132d;} .article_area .photo_slide h3 {padding-top:17px; height:34px;} .article_area .photo_slide .photo_group {position:relative;} .article_area .photo_slide .photo_group li {position:absolute; overflow:hidden; width:154px; height:161px;} .article_area .photo_slide .photo_group li a {position:relative; overflow:hidden; display:block; width:154px; height:161px; color:#fff !important;} .article_area .photo_slide .photo_group li a img {display:block; width:154px; height:161px;} .article_area .photo_slide .photo_group li a .subject {position:absolute; left:0; bottom:0; width:100%; height:47px; background:#000; opacity:0.7; filter:alpha(opacity:70);} .article_area .photo_slide .photo_group li a.on .subject, .article_area .photo_slide .photo_group li a:hover .subject, .article_area .photo_slide .photo_group li a:focus .subject {background:#ed008c;} .article_area .photo_slide .photo_group li a .tit {position:absolute; left:0; bottom:7px; overflow:hidden; padding:0 10px; height:36px; font-size:13px; letter-spacing:-0.6px; line-height:18px;} .article_area .photo_slide .photo_group li.photo_01 {top:0; left:165px; width:301px; height:333px;} .article_area .photo_slide .photo_group li.photo_01 a {width:301px; height:333px;} .article_area .photo_slide .photo_group li.photo_01 a img {width:301px; height:333px;} .article_area .photo_slide .photo_group li.photo_01 a .tit {font-size:15px;} .article_area .photo_slide .photo_group li.photo_02 {top:0; left:0; } .article_area .photo_slide .photo_group li.photo_03 {top:174px; left:0;} .article_area .photo_slide .photo_group li.photo_04 {top:174px; right:0;} .article_area .photo_slide .photo_group li.photo_05 {top:0; right:0;} /* 카드뉴스 */ .article_area .cardnews {position:relative; overflow:hidden; margin:0 auto; width:560px; height:560px;} .article_area .cardnews ul {overflow:hidden;} .article_area .cardnews ul li {float:left; overflow:hidden; width:560px; height:560px;} .article_area .cardnews ul li img {display:block; width:100%; min-height:100%;} .article_area .cardnews button {position:absolute; top:50%; margin-top:-30px; width:60px; height:60px; background:none;} .article_area .cardnews .prev {left:10px; background:url(../images/btn_thum_prev.png) no-repeat 0 0;} .article_area .cardnews .prev:hover, .article_area .cardnews .prev:focus {background:url(../images/btn_thum_prev_on.png) no-repeat 0 0;} .article_area .cardnews .next {right:10px; background:url(../images/btn_thum_next.png) no-repeat 0 0;} .article_area .cardnews .next:hover, .article_area .cardnews .next:focus {background:url(../images/btn_thum_next_on.png) no-repeat 0 0;} .article_area .cardnews button.noimg {background:none !important; cursor:default;} /* 퀴즈 */ .bx_qna {position:relative; border:1px solid #cacaca;} .bx_qna .bx_q {position:relative; padding:0 46px 0 72px; height:95px; background:#f2f2f2 url(../images/icon_q.png) no-repeat 16px 24px; vertical-align:middle;} .bx_qna .bx_q .puestions {display:inline-block; margin-top:-5px; max-height:56px; font-size:15px; font-weight:normal; letter-spacing:-0.25px; line-height:28px; vertical-align:middle;} .bx_qna .bx_a {padding:25px 0 20px 67px; border-top:1px solid #cacaca;} .bx_qna .bx_a .group {} .bx_qna .bx_a .group li {font-size:15px; line-height:28px; letter-spacing:-0.2px;} .bx_qna .bx_a .group li .num {display:inline-block; width:47px; height:24px; background:url(../images/bg_num2.png) no-repeat 0 4px; text-align:center; color:#fff;} .bx_qna .txt1 {margin-left:9px; letter-spacing:-0.2px; color:#686868;} .bx_qna2 {position:relative; padding:53px 65px 34px; width:520px; height:443px; background:#f5f5f5;} .bx_qna2 .txt1 {display:inline-block; width:520px; font-size:18px; line-height:30px; letter-spacing:-0.5px; text-align:center; vertical-align:middle; color:#666;} .bx_qna2 .q_thum {overflow:hidden; width:520px; height:346px;} .bx_qna2 .q_thum img {display:block; width:520px; height:346px;} .bx_qna2 .q_num {text-align:center; color:#666;} .bx_qna2 .q_area {position:relative;} .bx_qna2 .q_area .in_txt {width:421px; height:41px; text-align:center; font-size:15px; letter-spacing:-0.2px; color:#424242; border:1px solid #bcbcbc; border-right:0;} .bx_qna2 .q_area .next {position:absolute; top:0; right:0; width:98px; height:43px; background:#ec008c; font-size:13px; text-align:center; letter-spacing:-0.2px; color:#f9f9f9;} .bx_tb1 {position:relative; border-top:2px solid #4e4e4e;} .bx_tb1 .tit_area {position:relative; padding:13px 14px 14px 12px; border-bottom:1px solid #cbcbcb;} .bx_tb1 .tit_area .tit {float:left; width:500px; font-size:16px; line-height:20px; letter-spacing:-0.5px; } .bx_tb1 .tit_area .date {float:right; font-size:14px; letter-spacing:-0.5px; color:#666;} .bx_tb1 .txt_area {padding:21px 0 21px 13px; min-height:598px; font-size:16px; line-height:24px; letter-spacing:-0.5px; border-bottom:1px solid #cbcbcb;} .bx_tb1 table {} .bx_tb1 th {padding:9px 0; font-size:14px; letter-spacing:-0.5px; border-bottom:1px solid #4e4e4e;} .bx_tb1 td {padding:9px 0; font-size:14px; letter-spacing:-0.5px; color:#666; border-bottom:1px solid #b9b9b9;} .bx_tb1 .num {text-align:center;} .bx_tb1 .title {padding-left:18px;} .bx_tb1 a:hover {text-decoration:underline; color:#666 !important;} /* 추가 200221 동현 */ /* 우측 날개 배너 */ .right_banner {position:absolute; top: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:0; right:-170px; width:150px; height:140px;} .metoo_banner1 a {display:block; overflow:hidden; height:100%; background:url(../images/banner/banner_metoo1.gif) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} /* 추가 지방선거 방송 배너 180605 동현 */ .pvcElection1_banner1 {position:absolute; top:0; right:-170px; width:150px; height:140px;} .pvcElection1_banner1 a {display:block; overflow:hidden; height:100%; background:url(../images/banner/banner_pvcElection1.gif) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} /* 추가 2018 월드컵 배너 180612 세종 */ .worldcup2018_banner1 {position:absolute; top:0; right:-170px; width:150px; height:140px;} .worldcup2018_banner1 a {display:block; overflow:hidden; height:100%; background:url(../images/banner/banner_2018worldcup1.gif) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} /* 추가 211108 동현: 별별스포츠 */ .sportsvod_banner1 {display:flex; align-items:center; height:109px; background:#fbfbfb; border:1px solid #dfe1e5; box-sizing:border-box;} .sportsvod_banner1 .content_wrap {position:relative; padding-left:129px;} .sportsvod_banner1 .content_wrap:after {content:''; position:absolute; top:50%; left:21px; transform:translateY(-50%); width:88px; height:88px; background:url(../images/banner/banner_sportsvod_logo.png) no-repeat center center / cover;} .sportsvod_banner1 .content_wrap .text_wrap {position:relative; margin-top:-4px;} .sportsvod_banner1 .content_wrap .text_wrap .text {display:block; font-size:16px; line-height:36px; letter-spacing:-0.01rem;} .sportsvod_banner1 .content_wrap .btn_wrap {display:flex; justify-content:space-between; } .sportsvod_banner1 .content_wrap .btn_wrap .btn_vod {display:block; position:relative; width:246px; height:36px; background-repeat:no-repeat; background-position:center center; background-size:cover; font-size:16px; line-height:36px; letter-spacing:-0.05rem; text-align:center; color:#fff;} .sportsvod_banner1 .content_wrap .btn_wrap .btn_vod.btn_youtube {background-color:#ff0000;} .sportsvod_banner1 .content_wrap .btn_wrap .btn_vod.btn_navertv {margin-left:10px; background-color:#00de7b;} .sportsvod_banner1 .content_wrap .btn_wrap .btn_vod .txt {position:relative;} .sportsvod_banner1 .content_wrap .btn_wrap .btn_vod.btn_youtube .txt {padding-left:33px;} .sportsvod_banner1 .content_wrap .btn_wrap .btn_vod.btn_youtube .txt:after {content:''; position:absolute; top:2px; left:0; width:27px; height:18px; background:url(../images/btn/btn_logo_youtube.png) no-repeat center center / cover;} .sportsvod_banner1 .content_wrap .btn_wrap .btn_vod.btn_navertv .txt {padding-left:19px;} .sportsvod_banner1 .content_wrap .btn_wrap .btn_vod.btn_navertv .txt:after {content:''; position:absolute; top:3px; left:0; width:15px; height:17px; background:url(../images/btn/btn_logo_navertv.png) no-repeat center center / cover;} /* 레이어 - 응모 랭킹 */ .lay_lank {position:absolute; top:300px; left:132px; padding:29px 15px 18px; width:355px; background:#fff; border:1px solid #dcd6d6;} /* 수정 151117 윤선 */ .lay_lank .tit1 {display:block; font-size:20px; font-weight:normal; letter-spacing:-0.2px; text-align:center; color:#222;} .lay_lank .tit2 {display:block; font-size:15px; font-weight:normal; letter-spacing:-1px; text-align:center;} /* 수정 151117 윤선 */ .lay_lank .tb1 {border-top:2px solid #c3c3c3;} .lay_lank .tb1 td {height:30px; border-bottom:1px solid #c3c3c3;} .lay_lank .tb1 .num {font-size:14px; letter-spacing:-0.2px; text-align:center; color:#6a6a6a;} .lay_lank .tb1 .id {font-family: gulim, serif; font-size:12px; letter-spacing:-0.2px; font-weight:bold; line-height:20px; color:#3b5998;} .lay_lank .btn1 {display:block; width:100%; height:48px; background:#ed008c; font-size:15px; line-height:44px; text-align:center; letter-spacing:-0.2px; color:#fff !important;} .lay_lank .btn2 {display:block; width:100%; height:48px; background:#60b4d8 url(../images/btn_s7_tw.gif) no-repeat 24px 16px; font-size:15px; line-height:44px; text-align:center; text-indent:17px; letter-spacing:-0.2px; color:#fff !important;} .lay_lank .btn3 {display:block; width:100%; height:48px; background:#44619d url(../images/btn_s7_fa.gif) no-repeat 30px 13px; font-size:15px; line-height:44px; text-align:center; text-indent:33px; letter-spacing:-0.2px; color:#fff !important;} .lay_lank .btn_close1 {position:absolute; top:15px; right:16px;} /* 본문영역 - 텍스트광고 */ .article_area .text_ad {overflow:hidden;} .article_area .text_ad li {float:left; width:100%; height:28px; background:url(../images/bl_square2.gif) no-repeat 0 13px; font-size:16px; text-indent:9px; line-height:28px;} /* 수정 170323 세종 */ .article_area .text_ad li a {color:#333;} /* 수정 170323 세종 */ /* 랜딩페이지 - 추가 170703 해리 */ .landingPag {position:relative; margin-left:-10px;} .landingPag .group {} .landingPag .bundle {position:relative; float:left; margin:10px 0 0 10px; width:320px; height:222px; background:#ebebeb;} .landingPag .bundle a {position:relative; display:block; height:100%; text-align:center;} .landingPag .bundle .slogo {display:block; width:100%; height:135px; font-size:0; line-height:0; text-indent:-9999px;} .landingPag .bundle.star .slogo {background:url(../images/logo_s_star.gif) no-repeat center 70px;} .landingPag .bundle.ka .slogo {background:url(../images/logo_s_kaka.gif) no-repeat center 37px;} .landingPag .bundle.fa .slogo {background:url(../images/logo_s_fa.gif) no-repeat center 37px;} .landingPag .bundle.tw .slogo {background:url(../images/logo_s_tw.gif) no-repeat center 37px;} .landingPag .bundle.na .slogo {background:url(../images/logo_s_na.gif) no-repeat center 37px;} .landingPag .bundle.wa .slogo {background:url(../images/logo_s_wa.gif) no-repeat center 37px;} .landingPag .bundle .tx1 {position:relative; display:block; font-size:20px; color:#333 !important;} .landingPag .bundle.star .tx1 span {position:relative; display:inline-block;} .landingPag .bundle.star .tx1 span:after {content:' '; position:absolute; top:3px; right:-12px; width:8px; height:11px; background:url(../images/all_arrow.png) no-repeat 0 0;} .ie8 .landingPag .bundle.star .tx1 span:after {top:4px;} .landingPag .bundle.star a:hover .tx1 span {text-decoration:underline;} .landingPag .bundle .tx2 {display:block; margin-top:12px; font-size:14px; line-height:20px; letter-spacing:-0.6px;} .landingPag .bundle .tx2 span {position:relative; display:inline-block; padding-right:14px;} .landingPag .bundle .tx2 span:after {content:' '; position:absolute; top:5px; right:0; width:8px; height:11px; background:url(../images/all_arrow.png) no-repeat 0 0;} .landingPag .bundle.ka .tx2 {color:#6a3e40;} .landingPag .bundle.fa .tx2 {color:#4867aa;} .landingPag .bundle.tw .tx2 {color:#44a0e9;} .landingPag .bundle.na .tx2 {color:#26c607;} .landingPag .bundle.wa .tx2 {color:#dc151e;} .landingPag .bundle.ka .tx2 span:after {background-position:0 -11px;} .landingPag .bundle.fa .tx2 span:after {background-position:0 -22px;} .landingPag .bundle.tw .tx2 span:after {background-position:0 -33px;} .landingPag .bundle.na .tx2 span:after {background-position:0 -44px;} .landingPag .bundle.wa .tx2 span:after {background-position:0 -55px;} .landingPag .bundle a:hover .tx2 span {text-decoration:underline;} /* 추가 170908 해리 */ .lay_vod {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10;} .lay_vod .area {position:relative; width:100%; height:100%;} .lay_vod .area .vod {position:absolute; top:50%; left:50%; margin-top:-240px; margin-left:-427px;} .lay_vod .area .btn_close {position:absolute; top:-32px; right:0; width:32px; height:32px; background:url(../images/btn_close4.gif) no-repeat 0 0;} /* 추가 170913 해리 */ /* thum_tab */ .thum_tab {overflow:hidden;} /* 큰이미지 */ .thum_tab > .b_thum {position:relative; float:left;} .thum_tab > .b_thum a {display:block; width:200px; height:300px;} .thum_tab > .b_thum a .thum {position:relative; overflow:hidden; width:200px; height:300px;} .thum_tab > .b_thum a .thum img {display:block; width:100%; min-height:100%;} .thum_tab > .b_thum .area {position:absolute; bottom:0; left:0; width:200px; height:54px; background:url(../images/png70.png) repeat 0 0;} .thum_tab > .b_thum .area .txt {overflow:hidden; display:inline-block; margin:0 9px; max-height:40px; font-size:15px; letter-spacing:-0.6px; line-height:19px; vertical-align:middle; color:#fff; word-break:break-all;} .thum_tab > .b_thum .area .s1 {color:#ec008c;} /* 작은이미지 */ .thum_tab > .s_thum {float:left;} .thum_tab > .s_thum .bundle {position:relative;} .thum_tab > .s_thum .bundle a {overflow:hidden; display:block; width:100px; height:100px;} .thum_tab > .s_thum .bundle a img {display:block; width:100px; min-height:100px;} .thum_tab > .s_thum .bundle:hover a:after, .thum_tab > .s_thum .bundle.on a:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/png65.png) repeat 0 0;} /* mtop_thum */ .mtop_thum {position:relative;} .mtop_thum .thumArea {} .mtop_thum .thumArea .group {position:relative;} .mtop_thum .thumArea .bundle {position:relative; float:left; overflow:hidden; margin-left:2px; margin-top:2px; width:157px; height:114px; word-break:break-all;} .mtop_thum .thumArea .bundle.bthum {margin-left:0; width:331px; height:231px;} .mtop_thum .thumArea .bundle a {display:block; width:100%; height:100%;} .mtop_thum .thumArea .bundle .thum {display:block; width:100%; height:100%;} .mtop_thum .thumArea .bundle .thum img {width:100%; min-height:100%;} .mtop_thum .thumArea .bundle .thum:after {content:' '; position:absolute; bottom:0; left:0; width:157px; height:114px; background:url(../images/bg_gr_main2.png) repeat-x 0 20px;} .mtop_thum .thumArea .bundle.bthum .thum:after {width:331px; height:231px; background:url(../images/bg_gr_main1.png) repeat-x 0 -100px;} .mtop_thum .thumArea .bundle .thum img {width:100%; min-height:100%;} .mtop_thum .thumArea .bundle .area {position:absolute; bottom:7px; left:0; padding:0 13px; word-break:break-all;} .mtop_thum .thumArea .bundle.bthum .area {bottom:12px} .mtop_thum .thumArea .bundle .area .cls {position:relative; font-size:14px; line-height:20px; letter-spacing:-0.7px; color:#5bc3c6;} .mtop_thum .thumArea .bundle .area .cls:after {content:' '; position:absolute; top:-8px; left:0; height:6px; width:100%; background:#5bc3c6;} .mtop_thum .thumArea .bundle .area .cls + .tit {margin-top:11px;} .mtop_thum .thumArea .bundle .area .tit {display:block; overflow:hidden; padding-bottom:1px; max-height:32px; font-size:13px; font-weight:normal; line-height:16px; letter-spacing:-0.1px; color:#fff;} .mtop_thum .thumArea .bundle.bthum .area .tit {max-height:40px; font-size:17px; line-height:20px; letter-spacing:-0.3px;} .mtop_thum .thumArea .bundle a:hover .tit {text-decoration:underline;} /* 추가 180502 동현 */ /* 스타뉴스 코너 리스트 설명 */ .cl_desc01 {overflow:hidden;} .cl_desc01 .group {display:table; position:relative; float:left; width:100%; box-sizing:border-box;} .cl_desc01 .group .tit_thum {display:table-cell; width:158px; vertical-align:middle;} .cl_desc01 .group .subject {display:table-cell; vertical-align:middle; padding-right:21px;} .cl_desc01 .group .subject .txt {display:block; overflow:hidden; padding-bottom:3px; max-height:18px; font-size:17px; line-height:18px; letter-spacing:-1px; font-family: 'Noto Sans KR', sans-serif;} .cl_desc01 .group .subject .txt.clr1 {color:#f65252;} .cl_desc01 .group .subject .txt.clr2 {color:#7176f0;} /* //추가 180502 동현 */ /* 추가 180618 세종 - 월드컵 메뉴 내 배너(단기 서비스) */ .bn_menutop_2018wc {overflow:hidden; height:102px; background:url(../images/bn_mnTop_2018wc.jpg) no-repeat 0 0; font-size:0; line-height:0;} /* 추가 180913 세종 - 2018AAA 관련 */ .aaa_banner1 {position:absolute; top:150px; right:0; width:150px; height:140px;} /* 수정 20200527 동현 */ .aaa_banner1 a {display:block; overflow:hidden; height:100%; background:url(../images/banner/banner_aaa1.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} /* .aaa_banner1.ing a {background-image:url(../images/banner/banner_aaa2.png);} */ /* .aaa_banner1.ing a {background-image:url(../images/banner/banner_aaa2_1.png);} */ /* 수정 181120 동현 */ /* .aaa_banner1.ing a {background-image:url(../images/banner/banner_aaa2_2.jpg);} 수정 181130 동현 : AAA 배너 교체 */ .aaa_banner1.ing a {background-image:url(../images/banner/banner_aaa2_3.jpg);} /* 수정 190107 세종 */ .aaa_banner1 a .voting {display:none;} .aaa_banner1.ing a .voting {display:inline;} /* 추가 AAA 상단 배너 181120 동현 */ .aaa_banner3 {position:absolute; top:44px; left:196px; overflow:hidden; width:300px; height:34px; background:url(../images/banner/banner_aaa8.png) no-repeat center center; background-size:cover; font-family:'Noto Sans KR', sans-serif; font-weight:bold;} .aaa_banner3 a {display:block; position:relative; height:100%; font-size:0; line-height:0; z-index:1;} .aaa_banner3 .d_day {display:block; position:absolute; overflow:hidden; top:0; right:12px; width:38px; height:100%;} .aaa_banner3 .dc_tit {float:left; width:24px; height:34px; font-size:22px; line-height:32px; color:#ff4353;} .aaa_banner3 .num {float:left; margin-left:1px; width:12px; height:34px; font-size:22px; line-height:32px; color:#ff4353;} .aaa_banner3.dday {width:326px; background-image:url(../images/banner/banner_aaa8_dday.png);} .aaa_banner3.dday .d_day {display:none;} .aaa_banner3.onair {width:326px; background-image:url(../images/banner/banner_aaa8_onair.png);} .aaa_banner3.onair .d_day {display:none;} /* //추가 AAA 상단 배너 181120 동현 */ /* 추가 버닝썬 게이트 190315 세종 */ .bsgate_banner1 {position:absolute; top:2px; right:-170px; width:150px; height:140px;} .bsgate_banner1 a {display:block; overflow:hidden; height:100%; background:url(../images/banner/banner_bsGate1.gif) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} /* 수정 200221 동현 */ .son_hm_banner1 {position:absolute; top:152px; right:0; width:150px; height:140px;} .son_hm_banner1 a {display:block; overflow:hidden; height:100%; background:url(../images/banner/banner_Son_hm2.jpg) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} .ryu_hj_banner1 {position:absolute; top:2px; right:0; width:150px; height:140px;} .ryu_hj_banner1 a {display:block; overflow:hidden; height:100%; background:url(../images/banner/banner_Ryu_Kim.jpg) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} /* 수정 200224 동현 */ /* // 수정 200221 동현 */ .star15th_banner {position:absolute; top:0; right:-170px; width:150px; height:140px;} .star15th_banner a {display:block; overflow:hidden; height:100%; background:url(../images/banner/banner_star15th_1.jpg) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} /* 추가 스타뉴스15주년 인기투표 191024 동현 */ /* 우측 */ .star15th_vote_banner {position:absolute; top:0; right:-170px; width:150px; height:140px;} .star15th_vote_banner a {display:block; overflow:hidden; height:100%; background:url(../images/banner/banner_AAA_vote1.gif) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} .aaa_2020_watch {position:absolute; top:152px; right:0; width:150px; height:140px;} .aaa_2020_watch a {display:block; overflow:hidden; height:100%; background:url(../images/banner/banner_aaa_2020_watch_aside.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} /* 수정 200224 동현 */ /* 기사면 하단 */ .star15th_vote_banner2 {position:relative; margin-bottom:48px; width:650px; height:88px;} .star15th_vote_banner2.list {margin-bottom:34px;} .star15th_vote_banner2 a{display:block; overflow:hidden; width:100%; height:100%; background:url(../images/banner/banner_AAA_vote2.gif) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} /*liveX 시청하기 랜딩 배너*/ .aaa_2020_watch_list {position:relative; margin-bottom:48px; width:650px; height:105px;} .aaa_2020_watch_list a {display:block; overflow:hidden; width:100%; height:100%; background:url(../images/banner/banner_aaa_2020_watch_list.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} /*AAA 리스트 상단 배너*/ .starpoll_download_banner {position:relative; width:650px; height:105px;} /*aside liveX MMT 랜딩 배너 추가*/ .aaa_2020_landing {position:absolute; top:152px; right:0; width:150px; height:140px; background:url(../images/banner/banner_aaa_2020_landing_aside_v2.png) no-repeat 0 0;} .aaa_2020_landing a {display:block; overflow:hidden; margin:72px auto 0; width:140px; height:28px; font-size:0; line-height:0; text-indent:-999px;} .aaa_2020_landing a + a {margin-top:4px;} /*AAA 리스트 상단 liveX MMT 랜딩 배너 추가*/ .aaa_2020_landing_list {position:relative; margin-bottom:48px; width:650px; height:143px; background:url(../images/banner/banner_aaa_2020_landing_list_v2.png) no-repeat 0 0;} .aaa_2020_landing_list .landing_list {position:absolute; bottom:0; right:0; left:0; width:100%; height:52px;} .aaa_2020_landing_list .landing_list li {float:left;} .aaa_2020_landing_list .landing_list li + li {margin-left:1px;} .aaa_2020_landing_list .landing_list li a {display:block; overflow:hidden; width:100%; height:52px; font-size:0; line-height:0; text-indent:-999px;} .aaa_2020_landing_list .landing_list li .livex {width:303px;} .aaa_2020_landing_list .landing_list li .mmt {width:346px;} /*[MTSTAR-848] 2021.12.14 동현*/ .aaa_hotclip {position:relative; margin-bottom:32px; width:650px; height:110px;} .aaa_hotclip .btn_open_popup {display:block; overflow:hidden; width:100%; height:100%; background:url(../images/banner/banner_aaa_hotclip.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} .aaa_hotclip .btn_open_popup span {font-size:0; line-height:0;} /*[MTSTAR-855] 2021.11.23 동현*/ .aaa_uplus {position:relative; margin-bottom:32px; width:650px; height:110px;} .aaa_uplus .link_banner {display:block; overflow:hidden; width:100%; height:100%; background:url(../images/banner/banner_pc_uplus_v3.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} .aaa_uplus .link_banner span {font-size:0; line-height:0;} /* 추가 220927 세종 */ .bn_culture_changes {position:relative; margin-bottom:32px; width:650px; height:110px; background:url(../images/banner/banner_culture_changes.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} /* //추가 220927 세종 */ /* 추가 221028 세종 */ .bn_worldcup_qatar {position:relative; margin-bottom:32px; width:650px; height:110px; background:url(../images/banner/banner_worldcup_qatar.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} /* //추가 221028 세종 */ /*추가 210129 동현 : bts*/ .bts_banner1 {position:absolute; top:2px; right:0; width:150px; height:140px;} /*.bts_banner1 {position:absolute; top:152px; right:0; width:150px; height:140px;}*/ /* 수정 210326 세종 */ .bts_banner1 a {display:block; overflow:hidden; height:100%; background:url(../images/banner/banner_aside_bts.jpg) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} .aaa_top_bn {display:block; position:relative; overflow:hidden; height:102px; background:url(../images/banner/banner_aaa9.png) no-repeat 0 0;} /* 수정 190827 세종 */ .aaa_top_bn * {visibility:hidden; font-size:0; line-height:0;} .aaa_middle_bn {position:relative; overflow:hidden; margin:-24px 0 49px; height:62px; background:url(../images/banner/banner_aaa4_2.jpg) no-repeat 0 0;} /* 수정 181221 동현 */ .aaa_middle_bn a {display:block; height:100%;} .aaa_middle_bn a * {visibility:hidden; font-size:0; line-height:0;} .aaa_top_voting {position:relative; overflow:hidden;} .aaa_top_voting .tit {overflow:hidden; height:47px;} .aaa_top_voting .tit img {display:block;} .aaa_top_voting .box1 {overflow:hidden; padding:0 16px; height:264px; background:#e8e8e8;} .aaa_top_voting .box2 {float:left; padding-top:28px; width:197px; font-family:'Noto Sans KR', sans-serif;} .aaa_top_voting .box2 + .box2 {margin-left:14px;} .aaa_top_voting .box2 h3 {font-size:16px; text-align:center; letter-spacing:-0.5px; color:#000;} .aaa_top_voting .box2 .rank {overflow:hidden; margin-top:10px;} .aaa_top_voting .box2 .rank .bundle {float:left; position:relative; width:98px;} .aaa_top_voting .box2 .rank .bundle + .bundle {float:right;} .aaa_top_voting .box2 .rank .bundle a {display:block;} .aaa_top_voting .box2 .rank .bundle .thum {display:block; overflow:hidden; height:100px;} .aaa_top_voting .box2 .rank .bundle .thum img {display:block; width:100%; min-height:100%;} .aaa_top_voting .box2 .rank .bundle .pov_bar {display:block; margin-top:4px; height:8px; background:#353535;} .aaa_top_voting .box2 .rank .bundle .pov_bar .result {display:block; height:100%; background:#fe0000;} .aaa_top_voting .box2 .rank .bundle .pov {display:block; margin-top:5px; text-align:center; line-height:14px; color:#333;} .aaa_top_voting .box2 .rank .bundle .name {display:block; margin-top:5px; font-size:14px; text-align:center; letter-spacing:-0.5px; color:#000;} .aaa_top_voting .box2 .rank .bundle .no {position:absolute; top:0; left:0;} .aaa_top_voting .box2 .rank .bundle .no img {display:block;} .aaa_top_voting .date {display:block; clear:both; padding-top:15px; text-align:right;} .aaa_top_voting .go {position:absolute; top:0; right:0; overflow:hidden; width:113px; height:31px; background:url(../images/btn/btn_go_vote1.png) no-repeat 0 0; font-size:0; line-height:0;} .aaa_top_voting .go:hover, .aaa_top_voting .go:focus {background-position:0 bottom;} /* 추가 181114 동현 */ .bxcn .editor {position:relative; overflow:hidden; margin-top:11px; padding-left:64px; font-size:13px; letter-spacing:-0.6px; line-height:20px; color:#808080;} .bxcn .editor .title {position:absolute; top:0; left:0; width:64px; color:#3d58a5; } .bxcn .editor2 {position:relative; overflow:hidden; padding:15px 24px 16px 19px; background:#e9e9e9; font-size:16px; line-height:23px; letter-spacing:-0.5px; color:#666;} /* 추가 190828 동현 */ .bxcn .top_banner_area {width:100%; height:80px; background:url(../images/banner/banner_star15th_2.jpg)no-repeat 0 0; background-size:cover;} .bxcn .top_banner_area .txt {visibility:hidden; display:block; font-size:0; line-height:0;} .bxcn .bx_lst {border:1px solid #d7d7d7;} .bxcn .bx_lst a {} .bxcn .bx_lst .tit {} .bxcn .bx_lst .num {} /* 추가 190930 동현 : 우측 배너 */ .aside_right {margin-top:38px;} .aside_right a {display:block; margin:0 auto; width:260px; height:122px;} .aside_right a img {width:100%; height:auto;} /* 추가 200305 동현 : 기사면 상단 배너 */ /* 코로나19 */ .starrelay_banner_covid19 {position:relative; width:650px; height:60px;} .starrelay_banner_covid19 a {display:block; width:100%; height:100%; background:url(../images/banner/banner_starrelay_covid-19.png) no-repeat center center;} .starrelay_banner_covid19 span {font-size:0; line-height:0;} /* 코로나19 스타 이미지 롤링 */ .starrelay_banner_covid19_starphoto {position:relative; overflow:hidden; margin:0 auto; width:640px; height:60px; background:#1f84b8 url(../images/banner/banner_starrelay_covid-19_v4.png) no-repeat left center; background-size:430px 60px;} .starrelay_banner_covid19_starphoto a {display:block; width:100%; height:100%;} .starrelay_banner_covid19_starphoto span {font-size:0; line-height:0;} .starrelay_banner_covid19_starphoto .star_photo {float:right; width:220px; height:60px;} .starrelay_banner_covid19_starphoto .star_photo .thum {height:60px; background-repeat:no-repeat; background-position:center center; background-size:cover;} .starrelay_banner_covid19_starphoto .star_photo .thum.img01 {background-image:url(../images/banner/banner_starrelay_2021_starphoto01_v2.png);} .starrelay_banner_covid19_starphoto .star_photo .thum.img02 {background-image:url(../images/banner/banner_starrelay_2021_starphoto02_v2.png);} .starrelay_banner_covid19_starphoto .star_photo .thum.img03 {background-image:url(../images/banner/banner_starrelay_2021_starphoto03_v2.png);} .starrelay_banner_covid19_starphoto .star_photo .thum.img04 {background-image:url(../images/banner/banner_starrelay_2021_starphoto04_v2.png);} .starrelay_banner_covid19_starphoto .star_photo .thum.img05 {background-image:url(../images/banner/banner_starrelay_2021_starphoto05_v2.png);} .starrelay_banner_covid19_starphoto .star_photo .thum.img06 {background-image:url(../images/banner/banner_starrelay_2021_starphoto06_v2.png);} .starrelay_banner_covid19_starphoto .star_photo .thum.img07 {background-image:url(../images/banner/banner_starrelay_2021_starphoto07_v2.png);} .starrelay_banner_covid19_starphoto .star_photo .thum.img08 {background-image:url(../images/banner/banner_starrelay_2021_starphoto08_v2.png);} .starrelay_banner_covid19_starphoto .star_photo .thum.img09 {background-image:url(../images/banner/banner_starrelay_2021_starphoto09_v2.png);} .starrelay_banner_covid19_starphoto .star_photo .thum.img10 {background-image:url(../images/banner/banner_starrelay_2021_starphoto10_v2.png);} /* 추가 201013 동현 : 2020_AAA */ /*2020 AAA COMMING SOON*/ .aaa_2020_commingsoon {position:relative; overflow:hidden; width:650px; height:121px; background:#070974 url(../images/banner/banner_2020_AAA_commingsoon.png) no-repeat center center; background-size:cover;} .aaa_2020_commingsoon a {display:block; width:100%; height:100%;} .aaa_2020_commingsoon span {font-size:0; line-height:0;} /*2020 AAA on air*/ .aaa_2020_onair {position:relative; overflow:hidden; width:650px; height:105px; background:#070974 url(../images/banner/banner_aaa_2020_view.png) no-repeat center center; background-size:cover;} .aaa_2020_onair a {display:block; width:100%; height:100%;} .aaa_2020_onair span {font-size:0; line-height:0;} /*2020 AAA ON AIR*/ .aaa_2020 {position:absolute; top:2px; right:0; width:150px; height:140px;} .aaa_2020 a {display:block; overflow:hidden; height:100%; background:url(../images/banner/banner_aaa_2020_aside_v2.png) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} /* 추가 210208 동현 : star pick */ .star_pick {position:relative; width:650px; height:60px;} .star_pick a {display:block; width:100%; height:100%; background:url(../images/banner/banner_starpick.png) no-repeat center center;} .star_pick span {font-size:0; line-height:0;} /* 추가 200311 동현 : aside 배너 */ /* 코로나19 */ .covid19_banner1 {position:absolute; top:2px; right:0; width:150px; height:140px;} .covid19_banner1 a {display:block; overflow:hidden; height:100%; background:url(../images/banner/banner_aside_covid19.jpg) no-repeat 0 0; font-size:0; line-height:0; text-indent:-999px;} /* 추가 200401 동현 : 코로나19 극복 응원 릴레이 */ .covid19_banner1.overcoming a {background:url(../images/banner/banner_aside_starrelay_covid19.png?date=200402001);} /* 추가 200511 동현 : 포스트 코로나 */ .covid19_banner1.post_covid19 a {background:url(../images/banner/banner_aside_post_covid19.jpg);} /* 추가 200420 동현 : 감정표현 버튼 */ .emote_group {overflow:hidden; margin:0 auto; padding-bottom:50px; width:365px;} .emote_group .item {float:left; width:180px; height:52px; border:1px solid #d3d3d3; box-sizing:border-box;} .emote_group .item:hover {border:1px solid #333;} .emote_group .item + .item {margin-left:5px;} .emote_group .item .emote_btn {display:block; position:relative; width:100%; height:100%; background-color:#fff; text-align:center;} .emote_group .item .emote_btn span {visibility:visible; font-size:16px; line-height:50px; letter-spacing:-0.075em; color:#666;} .emote_group .item .emote_btn .txt {position:relative; padding-left:35px;} .emote_group .item .emote_btn .txt:after {content:''; position:absolute; top:50%; left:0; margin-top:-15px; width:30px; height:30px; background:url(../images/btn/btn_emote1.png)no-repeat; background-size:62px 62px;} .emote_group .item .emote_btn.like .txt:after {background-position:0 -32px;} .emote_group .item .emote_btn.dislike .txt:after {background-position:-32px -32px;} .emote_group .item .emote_btn.like.on .txt:after {background-position:0 0;} .emote_group .item .emote_btn.dislike.on .txt:after {background-position:-32px 0;} .emote_group .item .emote_btn .count {font-weight:bold; color:#111;} /* 추가201118 동현 : 라이브리 댓글 */ .fake_livere {position: relative; margin-bottom:53px; width:100%; height:50px; border:1px solid #dedede; font-family: NanumGothic, AppleGothic, Myriad Pro, MalgunGothic, Arial, serif; box-sizing:border-box;} .fake_livere label {display: none;} .fake_livere #fake-content {overflow:hidden; padding:16px 8px; width:calc(100% - 70px + 2px); height:100%; border:none; font-size: 14px; box-sizing:border-box; resize:none;} /*#lv-container {display: none;}*/ button.fake-write-btn {position:absolute; top:-1px; right:-1px; left:auto; padding:8px 15px; width:70px; height:calc(100% + 4px); background:#f12a49; border: 1px solid #f12a49; text-align:center; vertical-align:middle; color:#fff;} button.fake-write-btn span {visibility:visible; font-weight:bold; font-size:14px; line-height:normal; color:#fff;} /*추가 200910 동현*/ /* 회사소개 */ /*탭*/ ul.tabs{overflow: hidden;} ul.tabs li{float:left; width:calc((100% - 1px) / 3); height:41px; background:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; font-size:15px; line-height:41px; letter-spacing:-0.05em; text-align:center; box-sizing:border-box; cursor:pointer;} ul.tabs li:last-child {border-right:1px solid #e5e5e5;} ul.tabs li.current{background:#ff008a; border:1px solid #ff008a; color:#fff;} .tab-content{display:none;} .tab-content.current{display:inherit;} .img_wrap img {border:1px solid #d8d8d8;} .btn_down {display:block; width:250px; height:40px; background-repeat:no-repeat; background-position:center center; background-size:cover;} /* 수정 220923 세종 */ .btn_down.vbook {background-image:url(../images/company/img_btn_v_book_download.png);} /* 추가 220923 세종 */ .btn_down.pec {background-image:url(../images/company/img_pec_download.png);} /* 추가 220923 세종 */ .btn_down span {font-size:0; line-height:0;} .info_table {border-top:1px solid #aaa; border-bottom:1px solid #aaa;} .info_table li {overflow:hidden; padding:10px 0;} .info_table li + li {border-top:1px solid #e5e5e5;} .info_table strong {float:left; width:75px; text-align:center;} .info_table div {float:left; padding-left:10px;} .info_table span {display:block;} /*타이틀*/ .h3_tit4 {font-size:18px; line-height:24px; letter-spacing:-0.025em; color:#ec008c;} .h4_tit1 {font-weight:normal; font-size:16px; line-height:24px; letter-spacing:-0.025em;} /*리스트*/ .txt_wrap ul {} .txt_wrap ul li {} /*텍스트*/ .txt_type1 {display:block; font-size:16px; line-height:24px; letter-spacing:-0.04em;} .txt_type2 {padding-left:10px; font-size:14px; line-height:22px; letter-spacing:-0.025em; color:#666;} .txt_type1 strong, .txt_type2 strong {font-weight:normal;} .txt_type1 span {color:#c4c4c4;} .mail_type1 {color:#ec008c; text-decoration:underline;} /*//추가 200910 동현*/ /* 추가 220923 세종 */ #tab-2 {padding-top:60px;} #tab-2 table {} #tab-2 table tr {border-bottom:1px solid #e5e5e5;} #tab-2 table td, #tab-2 table th {padding-top:30px; padding-bottom:30px;} #tab-2 table tr:first-child td, #tab-2 table tr:first-child th {padding-top:0;} #tab-2 table .img_wrap img {width:473px;} #tab-2 table .img_wrap + .img_wrap {margin-top:10px;} #tab-2 table th {padding-left:28px; font-weight:normal; text-align:left; vertical-align:top;} #tab-2 table th .h3_tit4 {margin-top:-5px;} #tab-2 table th .more_info {display:inline-block; margin-top:25px;} /* 추가 221028 세종 */ #tab-3 ul li {padding-left:10px;} #tab-3 ul li .txt_type1 {margin-left:-10px;} /* //추가 220923 세종 */ /* Slider */ .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;} .slick-list:focus{outline:none;} .slick-list.dragging{cursor:pointer;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .slick-track{position:relative;top:0;left:0;display:block;} .slick-track:before, .slick-track:after{display:table;content:'';} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none;float:left;height:100%;min-height:1px;} [dir='rtl'] .slick-slide{float:right;} .slick-slide img{display:block;} .slick-slide.slick-loading img{display:none;} .slick-slide.dragging img{pointer-events:none;} .slick-initialized .slick-slide{display:block;} .slick-loading .slick-slide{visibility:hidden;} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;} .slick-arrow.slick-hidden {display:none;} #fake-form {display: block;} /*스타랭킹 SNB*/ .gnb_area .gnb .gbundle.gn10:hover .snb, .gnb_area .gnb .gbundle.gn10:focus .snb, .gnb_area .gnb .gbundle.gn10.on .snb {display:flex; justify-content:flex-end; position:absolute; top:30px; right:0; padding-right:35px;} .gnb_area .gnb .gbundle.gn10 .snb .bundle {float:none;} .gnb_area .gnb .gbundle.gn10 .btn_open_category {display:none; position:absolute; top:30px; right:0; width:35px; height:30px; background:url(../images/btn/btn_category_down_arrow.png)no-repeat right center / 10px 7px; z-index:1;} .gnb_area .gnb .gbundle.gn10 .btn_open_category.on {background-image:url(../images/btn/btn_category_up_arrow.png);} /*스타랭킹 SNB 카테고리*/ .all_category {display:none; position:absolute; top:170px; left:0; right:0; padding:18px 0 30px; background:#fafafa; border-bottom:1px solid #aaa; color:#000; z-index:9999;} .all_category.ad_on {top:240px;} .all_category.on {display:block;} .all_category .content_wrap {margin:0 auto; width:980px;} .all_category .title {font-weight:bold; font-size:18px; line-height:40px; letter-spacing:-0.05rem; color:#222;} .all_category .category_list {overflow:hidden;} .all_category .category_list .item {float:left; overflow:hidden; margin:15px 20px 0 0;} .all_category .category_list .item a {display:block; color:#000;} .all_category .category_list .item .text {display:inline-block; padding:0 20px; height:26px; background:#fff; border-radius:15px; border:1px solid #e5e5e5; font-weight:bold; font-size:14px; line-height:26px; letter-spacing:-0.075rem;} .all_category .category_list .item.on .text {background:#f12a49; border:1px solid #f12a49;} .all_category .category_list .item.on .text a {color:#fff !important;} /* 스타랭킹 홈 */ .starranking_wrap {margin:0 auto; padding-bottom:200px;} /* 랭킹 리스트 */ .ranking_list {margin-top:10px;} .ranking_list .ranking_item {position:relative; padding:9px 0 10px 0; background:#fff;} .ranking_list .ranking_item + .ranking_item {border-top:1px solid #ccc;} .ranking_list .ranking_item a {display:block; position:relative;} .ranking_list .ranking_item a:after {content:'더보기'; position:absolute; top:24px; right:0; padding-right:10px; height:20px; background:url(../images/btn/btn_more_arrow.png)no-repeat right center / 5px 7px; font-size:12px; line-height:20px; letter-spacing:-0.025rem; color:#666;} .ranking_list .ranking_item .section_info {position:relative;} .ranking_list .ranking_item .section_info .title {display:block; overflow:hidden; height:40px; font-weight:800; font-size:20px; line-height:40px; letter-spacing:-0.025rem; color:#000;} .ranking_list .ranking_item .section_info .date {display:block; margin-top:-14px;} .ranking_list .ranking_item .section_info .date .weeks {display:inline-block; font-weight:bold; font-size:16px; line-height:40px; color:#666;} .ranking_list .ranking_item .section_info .date .date_range {display:inline-block; margin-left:6px; font-weight:400; font-size:16px; line-height:40px; letter-spacing:-0.025rem; vertical-align:top; color:#888;} .ranking_list .ranking_item .btn_more {position:absolute; top:36px; right:0; width:42px; height:20px; background:url(../images/btn/btn_more_arrow.png)no-repeat right center / 5px 7px; font-size:12px; line-height:20px; letter-spacing:-0.025rem; color:#666;} .ranking_list .ranking_item .thumbnail_content_list {display:flex; margin-top:8px; justify-content:space-between;} .ranking_list .ranking_item .thumbnail_content_list .item {position:relative; width:calc((100% - 50px) / 3);} .ranking_list .ranking_item .thumbnail_content_list .item .thumbnail {display:block; overflow:hidden; position:relative; margin:1px 0 0 1px; width:308px; height:308px; border-radius:30px; z-index:1;} .ranking_list .ranking_item .thumbnail_content_list .item:after {content:''; overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0; width:310px; height:310px; background:#e5e5e5; border-radius:30px;} .ranking_list .ranking_item .thumbnail_content_list .item .thumbnail img {display:block; width:100%; height:100%; object-fit:cover;} .ranking_list .ranking_item .thumbnail_content_list .item .content {margin-top:10px; text-align:center; line-height:40px;} .ranking_list .ranking_item .thumbnail_content_list .item .content .name {display:block; overflow:hidden; height:40px; font-weight:700; font-size:18px; letter-spacing:-0.05rem; color:#000;} .ranking_list .ranking_item .thumbnail_content_list .item .content .count {display:block; margin-top:-15px; font-weight:400; font-size:16px; color:#333;} /* 상단 COMMINGSOON 배너 */ .section_banner {margin-top:30px; width:100%; height:560px;} .section_banner .banner_title {position:relative; width:100%; height:100%;} .section_banner .banner_title:after {content:''; position:absolute; top:0; left:0; width:980px; height:560px; background:url(../images/banner/banner_starranking_comingsoon.png)no-repeat center center / cover;} .section_banner .banner_title .title {display:none;} .section_banner .banner_title .text {font-size:0; line-height:0;} /* 스타랭킹 투표중 */ .category_select {margin-top:30px; background:#fff; color:#000;} .category_select select {display:block; margin:0 auto; padding:0 90px 0 30px; width:600px; height:90px; background:#fff url(../images/btn/btn_select_arrow.png)no-repeat right center / 90px 90px; border:1px solid #404040; font-family:inherit; font-weight:700; font-size:30px; line-height:90px; letter-spacing:-0.025rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .category_select select::-ms-expand {display:none} .category_select select option {font-family:inherit; font-weight:700; font-size:30px; letter-spacing:-0.025rem;} .category_select .category_info {text-align:center;} .category_select .category_info .title {display:block; margin-top:11px; font-weight:700; font-size:26px; line-height:40px; letter-spacing:-0.025rem;} .category_select .category_info .date {display:block; margin-top:14px;} .category_select .category_info .date .weeks {display:inline-block; font-weight:bold; font-size:18px; line-height:40px; letter-spacing: -0.025rem; vertical-align:middle; color:#666;} .category_select .category_info .date .date_range {display:inline-block; margin-left:6px; font-size:18px; line-height:40px; letter-spacing:-0.025rem; vertical-align:middle; color:#888;} .category_select .category_info .count {display:block; margin-top:-4px; font-size:18px; line-height:20px;} .category_select .category_info .count .count_date{font-weight:800; color:#f12a49;} /* 1위 혜택 배너 */ .banner_section {position:relative; overflow:hidden; margin-top:30px;} .banner_section .benefit_banner {width:100%; height:154px; background:url(../images/banner/banner_benefit_v2.png)no-repeat center center / cover;} .banner_section .benefit_banner .btn_popup_open {display:block; overflow:hidden; margin:0 auto; width:100%; height:100%; background:transparent; font-size:0; line-height:0; text-indent:-9999px; cursor:default;} /* 스타랭킹 소개 배너 */ .banner_section .starranking_info_banner {width:100%; height:154px; background:url(../images/banner/banner_starranking_info.png)no-repeat center center / cover;} .banner_section .starranking_info_banner .banner_text {display:block; overflow:hidden; margin:0 auto; width:100%; height:100%; background:transparent; font-size:0; line-height:0; text-indent:-9999px; cursor:default;} /* 스타특전 옥외 광고 서포트 배너 */ .banner_section .outdoor_advertising_banner {width:100%; height:154px; background:url(../images/banner/banner_outdoor_advertising.png)no-repeat center center / cover;} .banner_section .outdoor_advertising_banner a {display:block; width:100%; height:100%;} .banner_section .outdoor_advertising_banner .banner_text {display:block; overflow:hidden; margin:0 auto; width:100%; height:100%; background:transparent; font-size:0; line-height:0; text-indent:-9999px;} /* 배너 슬라이드 */ .banner_section .swiper_function_wrap {position:absolute; right:10px; bottom:10px; width:67px; height:25px; background:rgba(0,0,0,0.3); border-radius:12px; z-index:1;} .banner_section .swiper_function_wrap .starranking_banner_pagination {width:20px; bottom:0; left:14px; font-size:12px; line-height:25px; letter-spacing:-0.13rem; color:#fff;} .banner_section .swiper_function_wrap .btn_swiper.pause {margin-left:39px; width:18px; height:25px; background:url(../images/btn/btn_slide_pause.png)no-repeat center center / 7px 9px;} .banner_section .swiper_function_wrap .btn_swiper.playing {display:none; margin-left:39px; width:18px; height:25px; background:url(../images/btn/btn_slide_play.png)no-repeat center center / 10px 11px;} /* 광고 1 + 자체 배너 2 */ .ad_banner_section {margin-top:20px; padding:0 20px;} .ad_banner_section .ad_banner_list {display:flex; justify-content:space-between;} /* 광고 1 + 자체 배너 2: 1위 혜택 배너 */ .ad_benefit_banner {width:300px; height:250px; background:url(../images/banner/banner_benefit_v3.png)no-repeat center center / cover;} .ad_benefit_banner .banner_text {display:block; overflow:hidden; margin:0 auto; width:100%; height:100%; background:transparent; font-size:0; line-height:0; text-indent:-9999px;} /* 광고 1 + 자체 배너 2: 스타특전 옥외 광고 서포트 배너 */ .ad_outdoor_advertising_banner {width:300px; height:250px; background:url(../images/banner/banner_outdoor_advertising_v2.png)no-repeat center center / cover;} .ad_outdoor_advertising_banner a {display:block; width:100%; height:100%;} .ad_outdoor_advertising_banner .banner_text {display:block; overflow:hidden; margin:0 auto; width:100%; height:100%; background:transparent; font-size:0; line-height:0; text-indent:-9999px;} /* 투표 참여 횟수 안내 */ .survey_info_section {margin-top:20px; height:46px; background:#fee200;} .survey_info_section .text {position:relative; margin-left:30px; padding-left:calc(24px + 10px); background:url(../images/icon_survey_info.png)no-repeat left center / 24px 24px; font-size:14px; line-height:46px; letter-spacing:-0.05rem; color:#111;} .survey_info_section .text strong {position:relative; font-weight:normal;} /* 투표하기 아티스트 리스트 */ .artist_ranking_section {margin-top:30px; min-height:820px; background:#fff;} .artist_ranking_section .artist_list {} .artist_ranking_section .artist_list .item {display:flex; overflow:hidden; position:relative; align-items:center; justify-content:space-between; padding:20px 0; border-bottom:1px solid #e5e5e5;} .artist_ranking_section .artist_list .item .info_area {display:flex; align-items:center;} .artist_ranking_section .artist_list .item .info_area .rank {width:42px; height:40px; font-weight:800; font-size:24px; line-height:40px; letter-spacing:-0.05rem; text-align:center; color:#000;} .artist_ranking_section .artist_list .item .info_area .rank.rank1 {display:block; width:42px; height:40px; background:url(../images/icon_ranking1.png)no-repeat center center / cover; font-size:0; line-height:0;} .artist_ranking_section .artist_list .item .info_area .rank.rank2 {display:block; width:42px; height:40px; background:url(../images/icon_ranking2.png)no-repeat center center / cover; font-size:0; line-height:0;} .artist_ranking_section .artist_list .item .info_area .rank.rank3 {display:block; width:42px; height:40px; background:url(../images/icon_ranking3.png)no-repeat center center / cover; font-size:0; line-height:0;} .artist_ranking_section .artist_list .item .info_area .thumbnail {display:block; overflow:hidden; position:relative; margin-left:30px; width:100px; height:100px; border-radius:30px;} .artist_ranking_section .artist_list .item .info_area .thumbnail img {display:block; width:100%; height:100%; object-fit:cover;} .artist_ranking_section .artist_list .item .info_area .thumbnail:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #e5e5e5; border-radius:30px;} .artist_ranking_section .artist_list .item .info_area .content {margin-left:30px;} .artist_ranking_section .artist_list .item .info_area .content .name {display:block; overflow:hidden; width:500px; height:40px; font-weight:700; font-size:18px; line-height:40px; letter-spacing:-0.05rem; white-space:nowrap; text-overflow:ellipsis; color:#000;} .artist_ranking_section .artist_list .item .info_area .content .count {display:block; font-size:16px; line-height:1; letter-spacing:-0.025rem; color:#333;} .artist_ranking_section .artist_list .item .vote_area {} .artist_ranking_section .artist_list .item .vote_area .rating {margin-right:44px; padding-left:14px; background:url(../images/img_rating.png)no-repeat left center / 9px 2px; font-weight:700; font-size:16px; line-height:30px; letter-spacing:-0.025rem; color:#666;} .artist_ranking_section .artist_list .item .vote_area .rating.up {background:url(../images/img_up.png)no-repeat left center / 10px 7px; color:#ff4562;} .artist_ranking_section .artist_list .item .vote_area .rating.down {background:url(../images/img_down.png)no-repeat left center / 10px 7px;color:#2d63de;} .artist_ranking_section .artist_list .item .vote_area .rating.new {background:none;} .artist_ranking_section .artist_list .item .vote_area .btn_vote {width:140px; height:60px; background:url(../images/btn/btn_vote.png)no-repeat center center / cover;} /*투표 종료*/ .artist_ranking_section.end .artist_list .item .content .name {width:183px;} .artist_ranking_section.end .artist_list .item .rating {margin:5px 0 0 0;} .artist_ranking_section.end .btn_vote {display:none;} /*스타랭킹 1위 혜택 팝업*/ .benefit_popup {display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.6); z-index:9999;} .benefit_popup.on {display:block;} .benefit_popup .content_wrap {overflow:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:720px; height:70vh; background:#fff;} .benefit_popup .title {display:block; padding:0 40px; height:103px; font-weight:800; font-size:36px; line-height:103px; letter-spacing:-0.025rem; border-bottom:2px solid #e5e5e5;} .benefit_popup .content_list {padding:10px 60px 60px;} .benefit_popup .content_list .item {} .benefit_popup .content_list .item .sub_title {display:block; margin-top:26px; font-size:28px; line-height:34px; letter-spacing:-0.025rem;} .benefit_popup .content_list .item .text {display:block; margin-top:9px; font-size:26px; line-height:38px; letter-spacing:-0.025rem; color:#666;} .benefit_popup .content_list .item .content_image {display:block; margin:14px auto 0; width:600px; height:280px;} .benefit_popup .content_list .item .content_image img {display:block; width:100%; height:100%;} .benefit_popup .btn_popup_close {position:absolute; top:50px; right:40px; transform:translateY(-50%); width:38px; height:40px; background: url(../images/btn/btn_popup_close.png)no-repeat center center / 38px 40px;} /*스타랭킹 1위 팝업*/ .rank1_popup {position:fixed; top:0; right:0; bottom:0; left:0; padding:0; background:rgba(0,0,0,0.85); z-index:999999999;} .rank1_popup .content {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:600px; height:767px; background:#dacdff; text-align:center;} .rank1_popup .content .title_wrap {text-align:center;} .rank1_popup .content .title_wrap .title {display:block; margin-top:49px; font-weight:bold; font-size:20px; line-height:40px; letter-spacing:-0.01rem; color:#6b60bb;} .rank1_popup .content .title_wrap .sub_title {display:block; margin-top:5px; font-weight:lighter; font-size:36px; line-height:40px; letter-spacing:-0.01rem; color:#000;} .rank1_popup .content .thumbnail_wrap {position:relative; margin-top:32px; margin-left:56px; width:468px; height:394px; background:url(../images/bg_starranking_rank_popup_v2.png)no-repeat center center / cover;} .rank1_popup .content .thumbnail_wrap .thumbnail {display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin:20px 0 0 10px; width:320px; height:320px; border-radius:50%; box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.25);} .rank1_popup .content .thumbnail_wrap .thumbnail img {display:block; width:100%; height:100%; object-fit:cover;} .rank1_popup .content .category {display:inline-block; overflow:hidden; margin-top:30px; padding:0 40px; height:60px; background:#8176d4; border-radius:30px; font-size:24px; line-height:60px; letter-spacing:-0.01rem; text-align:center; color:#fff;} .rank1_popup .content .category .weeks {font-weight:800; font-size:26px; line-height:60px; letter-spacing:-0.01rem;} .rank1_popup .content .artist {display:block; margin-top:18px; font-weight:bold; font-size:38px; line-height:40px; letter-spacing:-0.025rem; text-align:center; color:#000;} .rank1_popup .content .btn_rank_popup_close {position:absolute; top:18px; right:18px; width:38px; height:40px; background:url(../images/btn/btn_popup_close.png)no-repeat center center / 38px 40px;} /* 스타뉴스 모바일 서비스 배너 */ .app_banner.starranking {margin-top:30px; width:100%; height:140px; background-image:url(../images/banner/banner_starnews_service.png); background-position:center center; background-size:100% auto;} .app_banner.starranking span {font-size:0; line-height:0; text-indent:-9999px;} /*스타랭킹 SNS로그인*/ .sns_login {position:relative; margin-top:20px; width:100%; min-height:770px; background:#fff; color:#000;} .sns_login .title {padding:0; display:block; font-weight:800; font-size:25px; line-height:40px; letter-spacing:-0.025rem; text-align:center;} .sns_login .login_btn_list {margin-top:42px; padding:0; width:100%;} .sns_login .login_btn_list .item {overflow:hidden; margin:0 auto; width:560px; height:92px; border-radius:45px;} .sns_login .login_btn_list .item + .item {margin-top:20px;} .sns_login .login_btn_list .item a {display:block; color:#fff;} .sns_login .login_btn_list .btn_sns_login {display:block; height:92px; background-repeat:no-repeat; background-position:center center; background-size:cover; font-size:0; line-height:0;} .sns_login .login_btn_list .btn_sns_login.naver {background-color:#00cf50; background-image:url(../images/btn/btn_sns_naver_full.png);} .sns_login .login_btn_list .btn_sns_login.kakao {background-color:#faef00; background-image:url(../images/btn/btn_sns_kakao_full.png);} .sns_login .login_btn_list .btn_sns_login.twitter {background-color:#1f96ff; background-image:url(../images/btn/btn_sns_twitter_full.png);} .sns_login .login_btn_list .btn_sns_login.facebook {background-color:#375fff; background-image:url(../images/btn/btn_sns_facebook_full.png);} .sns_login .login_btn_list .btn_sns_login.apple {background-color:#000; background-image:url(../images/btn/btn_sns_apple_full.png);} .sns_login .login_info {margin-top:45px; padding-left:120px;} .sns_login .login_info .title {font-weight:400; font-size:16px; line-height:24px; letter-spacing:-0.025rem; text-align:left;} .sns_login .login_info .info_list {margin-top:0; padding:0;} .sns_login .login_info .info_list .item {position:relative; padding-left:10px;} .sns_login .login_info .info_list .item:after {content:''; overflow:hidden; position:absolute; top:12px; left:0; width:5px; height:1px; background:#666;} .sns_login .login_info .info_list .item + .item {margin-top:0;} .sns_login .login_info .info_list .item .text {font-size:14px; line-height:22px; letter-spacing:-0.025rem; color:#666;} .sns_login .btn_login_close {position:absolute; top:0; right:0; width:39px; height:52px; background:url(../images/btn/btn_popup_close.png)no-repeat center center / 19px 20px} .sns_login .btn_login_close .text {display:block; width:100%; height:100%;} /*스타랭킹 공지사항*/ .starranking_notice {position:relative; margin-top:24px; padding-bottom:0; width:100%; background:#fff; color:#000;} .starranking_notice .no_notice {padding-top:51px; font-size:18px; line-height:34px; letter-spacing:-0.025rem; text-align:center; border-top:1px solid #e5e5e5;} .starranking_notice .title {display:block; font-weight:800; font-size:25px; line-height:50px; letter-spacing:-0.025rem;} .starranking_notice .accordion_group {margin-top:18px; border-top:1px solid #e5e5e5;} .starranking_notice .accordion_group .item {padding:0; border-bottom:1px solid #e5e5e5;} .starranking_notice .accordion_group .item + .item {} .starranking_notice .accordion_group .item .accordion_control {display:flex; overflow:hidden; position:relative; padding:15px 0;} .starranking_notice .accordion_group .item .accordion_control .num {flex:none; width:43px; font-weight:700; font-size:18px; line-height:40px; letter-spacing:-0.025rem; text-align:center; color:#000;} .starranking_notice .accordion_group .item .accordion_control .subject {flex:none; margin-left:20px; width:795px; font-weight:400; font-size:18px; line-height:40px; letter-spacing:-0.025rem; color:#333;} .starranking_notice .accordion_group .item .accordion_control.on .subject {font-weight:bold; color:#f12a49;} .starranking_notice .accordion_group .item .accordion_control .date {margin-right:10px; margin-left:auto; font-size:18px; line-height:40px; letter-spacing:-0.025rem; color:#888;} .starranking_notice .accordion_group .item .accordion_panel {display:none; overflow:hidden; background:#fafafa;} .starranking_notice .accordion_group .item:first-child .accordion_panel {display:block;} .starranking_notice .accordion_group .item .accordion_panel {padding:25px 20px; border-top:1px solid #e5e5e5; font-size:16px; line-height:24px; letter-spacing:-0.025rem; color:#333;} .starranking_notice .accordion_group .item .accordion_panel .title {display:block;} .starranking_notice .accordion_group .item .accordion_panel .txt {display:block; color:#888889;} .starranking_notice .accordion_group .item .accordion_panel .notice_img {display:block; margin-top:25px;} .starranking_notice .accordion_group .item .accordion_panel .notice_img img {display:block; margin:0 auto; max-width:100%; height:auto;} /*스타랭킹 개인정보 처리방침*/ .privacy_section {position:relative; width:100%; background:#fff;} .privacy_section .title {display:block; margin-top:28px; font-weight:800; font-size:25px; line-height:25px; letter-spacing:-0.05rem; color:#ec008c;} .privacy_section .main_subject {display:block; margin-top:15px; font-size:16px; line-height:24px; letter-spacing:-0.025rem; color:#333;} .privacy_section .info_list {margin-top:13px;} .privacy_section .info_list .item {position:relative;} .privacy_section .info_list .item + .item {} .privacy_section .info_list .item .subject {display:block; margin-top:11px; font-size:16px; line-height:24px; letter-spacing:-0.025rem; color:#333;} .privacy_section .info_list .item .text {display:block; margin-left:13px; font-size:14px; line-height:22px; letter-spacing:-0.025rem; color:#666;} /*스타랭킹 옥외 전광판 서포트 영상*/ .starranking_ad_video {position:relative; margin:12px auto 11px; background:#fff; color:#333;} .starranking_ad_video .title {display:block; padding:16px 10px; border-bottom:1px solid #e5e5e5; font-weight:800; font-size:25px; line-height:40px; letter-spacing:-0.025rem;} .starranking_ad_video .video_list {overflow:hidden; margin-top:30px;} .starranking_ad_video .video_list .list_item {float:left; margin-left:20px; width:480px;} .starranking_ad_video .video_list .list_item:nth-child(odd) {margin-left:0;} .starranking_ad_video .video_list .list_item + .list_item {} .starranking_ad_video .video_list .list_item .text {display:block; padding:6px 0 17px; height:52px; font-size:18px; line-height:26px; letter-spacing:-0.01rem;} .starranking_ad_video .video_container {position:relative; overflow:hidden; width:480px; height:270px;} .starranking_ad_video .video_container .thumbnail {display:block; position:relative; width:100%; height:100%; z-index:1; cursor:pointer;} .starranking_ad_video .video_container .thumbnail img {display:block; width:100%; height:100%; object-fit:cover;} .starranking_ad_video .video_container .thumbnail:after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:58px; height:58px; background:url(../images/btn/btn_play_youtube.png)no-repeat center center / cover;} .starranking_ad_video .video_container iframe, .starranking_ad_video .video_container object, .starranking_ad_video .video_container embed {position:absolute; top:0; left:0; width:100%; height:100%;} .starranking_wrap + .lay_vod .area .btn_close {background-image:url(../images/btn_close4.gif);} /*유튜브 숏츠 영상*/ .shorts_video {position:relative; margin:12px auto 11px; background:#fff; color:#333;} .shorts_video .video_list {overflow:hidden; margin-top:30px;} .shorts_video .video_list .list_item {float:left; margin-left:10px; width:320px;} .shorts_video .video_list .list_item:nth-child(odd) {margin-left:0;} .shorts_video .video_list .list_item + .list_item {} .shorts_video .video_list .list_item .text {display:block; padding:5px 0 16px; height:48px; font-size:16px; line-height:24px; letter-spacing:-0.05rem;} .shorts_video .video_container {position:relative; overflow:hidden; width:320px; height:180px;} .shorts_video .video_container .thumbnail {display:block; position:relative; width:100%; height:100%; z-index:1; cursor:pointer;} .shorts_video .video_container .thumbnail img {display:block; width:100%; height:100%; object-fit:cover;} .shorts_video .video_container .thumbnail:after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:58px; height:58px; background:url(../images/btn/btn_play_youtube.png)no-repeat center center / cover;} .shorts_video .video_container iframe, .shorts_video .video_container object, .shorts_video .video_container embed {position:absolute; top:0; left:0; width:100%; height:100%;} .starranking_wrap + .lay_vod .area .btn_close {background-image:url(../images/btn_close4.gif);} /*스타랭킹 footer*/ .starranking_footer {display:flex; display:-ms-flexbox; overflow:hidden; position:absolute; left:0; right:0; bottom:0; align-items:center; justify-content:center; margin-top:60px; height:140px; background:#424242;} .starranking_footer .info_group {display:flex; display:-ms-flexbox; justify-content:space-between; overflow:hidden; height:16px;} .starranking_footer .info_group .notice_link {display:block; padding-right:20px; font-size:12px; line-height:16px; letter-spacing:-0.025rem; text-align:center; color:#ccc;} .starranking_footer .info_group .btn_privacy {display:block; position:relative; padding:0 20px; background:#424242; font-size:12px; line-height:16px; letter-spacing:-0.025rem; text-align:center; color:#ccc;} .starranking_footer .info_group .btn_login {display:block; position:relative; padding-left:20px; background:#424242; font-size:12px; line-height:16px; letter-spacing:-0.025rem; text-align:center; color:#ccc;} .starranking_footer .info_group .btn_privacy:after, .starranking_footer .info_group .btn_login:after {content:''; position:absolute; top:2px; left:0; width:1px; height:12px; border-left:1px solid #777;}