@charset "utf-8"; @import url('common.css'); @import url('eventModule.css'); @import url('http://img.lifestyler.co.kr/newIMG/css/sns_board_style.css'); @import url('oliveID.css'); /* 게시판 - 기본형 */ .bbsListTypeDefault {margin-bottom:5px;} .bbsListTypeDefault thead tr {height:36px;background:#e5e5e5;} .bbsListTypeDefault tbody tr.notice {background:#f6f6f6;} .bbsListTypeDefault th.type, .bbsListTypeDefault td.type, .bbsListTypeDefault th.num, .bbsListTypeDefault td.num {width:69px;} .bbsListTypeDefault th.subject, .bbsListTypeDefault td.subject {width:405px;} .bbsListTypeDefault th.id, .bbsListTypeDefault td.id {width:101px;} .bbsListTypeDefault th.date, .bbsListTypeDefault td.date {width:77px;} .bbsListTypeDefault th.hit, .bbsListTypeDefault td.hit {width:68px;} .bbsListTypeDefault th {font-size:11px;color:#444;letter-spacing:-1px;word-break:break-all; word-wrap: break-word;} .bbsListTypeDefault td {padding:10px 0 8px;color:#757575;text-align:center;letter-spacing:-1px;word-break:break-all; word-wrap: break-word;border-bottom:1px solid #d9d9d9;} .bbsListTypeDefault .notice td a {font-weight:bold;color:#444;} .bbsListTypeDefault td a {color:#757575;} .bbsListTypeDefault td.subject {text-align:left;} .bbsListTypeDefault td em {font-family:arial;font-size:10px;font-weight:bold; color:#333;} .bbsListTypeDefault td del {color:#757575;} .bbsListTypeDefault td span {display:block;width:29px;height:17px;margin:0 auto;text-indent:-9999px;background:url('../images/common/icon/icon_set.gif') no-repeat;} .bbsListTypeDefault td .notice {background-position:0 -60px;} .bbsListTypeDefault td .seek {background-position:-32px -60px;} .bbsListTypeDefault td .give {background-position:-64px -60px;} .bbsListTypeDefault td .exchange {background-position:-96px -60px;} .bbsListTypeDefault td .complete {background-position:-128px -60px;} .bbsListTypeDefault td.id {font-size:11px;} .bbsListTypeDefault td.num, .bbsListTypeDefault td.date, .bbsListTypeDefault td.hit {font-family:verdana;font-size:11px;} .bbsViewTypeDefault .subject {overflow:hidden;width:680px;padding:10px 20px;font-size:12px;font-weight:bold;color:#444;background:#f6f6f6 url('../images/common/bg/bg_hl_dot.gif') repeat-x 0 100%;} .bbsViewTypeDefault .subject strong {float:left;width:65px;font-size:11px;color:#444;letter-spacing:-1px;} .bbsViewTypeDefault .subject em {float:left;width:29px;height:17px;margin-right:5px;text-indent:-9999px;background:url('../images/common/icon/icon_set.gif') no-repeat;} .bbsViewTypeDefault .subject span {float:left;width:615px;} .bbsViewTypeDefault .subject .notice {background-position:0 -60px;} .bbsViewTypeDefault .subject .seek {background-position:-32px -60px;} .bbsViewTypeDefault .subject .give {background-position:-64px -60px;} .bbsViewTypeDefault .subject .exchange {background-position:-96px -60px;} .bbsViewTypeDefault .subject .complete {background-position:-128px -60px;} .bbsViewTypeDefault .bbsInfo {overflow:hidden;clear:both;padding:10px 0;border-bottom:1px solid #aeaeae;background:#f6f6f6;} .bbsViewTypeDefault .bbsInfo li {margin-right:20px;font-size:11px; color:#666;} .bbsViewTypeDefault .bbsInfo li:first-child {margin-left:20px;} .bbsViewTypeDefault .bbsInfo li strong {font-size:11px;color:#444;letter-spacing:-1px;} .bbsViewTypeDefault .bbsInfo li em {font-family:verdana;} .bbsViewTypeDefault .bbsInfo .id {float:left;} .bbsViewTypeDefault .bbsInfo .id strong {display:inline-block;width:65px;} .bbsViewTypeDefault .bbsInfo .id span {padding-right:40px;} .bbsViewTypeDefault .bbsInfo .date {float:right;} .bbsViewTypeDefault .bbsInfo .date span {padding-right:15px;} .bbsViewTypeDefault .bbsInfo .hit {float:right;} .bbsViewTypeDefault .bbsInfo .hit span {padding-right:15px;} .bbsViewTypeDefault .bbsInfo .date strong, .bbsViewTypeDefault .bbsInfo .hit strong {display:inline-block;width:45px;} .bbsViewTypeDefault .bbsContent {padding:24px 30px 43px;color:#757575;line-height:24px;letter-spacing:-1px;} .bbsViewTypeDefault .bbsBtn {padding-right:10px;} .bbsViewTypeDefault .bbsBtn a {display:inline-block;} .bbsContent {padding-top:25px;border-bottom:1px solid #dadada;} .bbsWriteTypeDefault .type {padding:10px 20px;font-size:11px;color:#757575;background:#f6f6f6 url('../images/common/bg/bg_hl_dot.gif') repeat-x 0 100%;} .bbsWriteTypeDefault .type .radio {vertical-align:top;} .bbsWriteTypeDefault .type select {width:145px;} .bbsWriteTypeDefault .subject {overflow:hidden;width:680px;padding:6px 20px;border-bottom:1px solid #aeaeae;background:#f6f6f6;} .bbsWriteTypeDefault .type strong, .bbsWriteTypeDefault .subject strong {display:inline-block;width:65px;font-size:11px;color:#444;letter-spacing:-1px;} .bbsWriteTypeDefault .subject input {width:585px;height:19px;margin-left:5px;padding:0 10px;color:#757575;border:1px solid #d9d9d9;background:#fff;} .bbsWriteTypeDefault .bbsEditor {margin-top:25px;} .bbsWriteTypeDefault .bbsBtn {float:none;margin:30px 0 30px;text-align:center;} .bbsWriteTypeDefault .bbsBtn a {display:inline-block;} .bbsEditor textarea {overflow-y:auto;width:695px;height:400px;padding:10px;} .bbsWriteTypeDefault .bbsBtn {float:none;margin:30px 0 30px;text-align:center;} .bbsWriteTypeDefault .bbsBtn a {display:inline-block;} .bbsBtn {float:right;height:25px;margin:20px 0 30px;} .bbsBtn a {display:block;height:25px;padding-left:25px;margin-left:2px;background:url('../images/common/btn/btn_defaultSet.gif') no-repeat;} .bbsBtn a.brt {background-position: 0 -175px;} .bbsBtn a:hover {text-decoration:none;} .bbsBtn a span {display:block;height:25px;padding-right:25px;color:#fff;text-shadow:1px 1px 0 #484848;line-height:26px;background:url('../images/common/btn/btn_defaultSet.gif') no-repeat 100% 0;} .bbsBtn a.brt span {color:#666;text-shadow:none;background-position: 100% -175px;} .bbsPaginate {overflow:hidden;border-bottom:1px solid #aeaeae;} .bbsPaginate li {float:left;overflow:hidden;width:100%;margin:0;padding-top:1px;background:#fff url('../images/common/bg/bg_hl_dot.gif') repeat-x;} .bbsPaginate li:first-child {background:none;} .bbsPaginate li em {float:left;width:50px;height:35px;padding-left:30px;font-size:11px;font-weight:bold;color:#444;letter-spacing:-1px;background:#f6f6f6;} .bbsPaginate li a {overflow:hidden;float:left;width:479px;padding-left:5px;line-height:36px;text-overflow:ellipsis;white-space:nowrap;} .bbsPaginate li .date {float:right;width:90px;font-family:verdana;font-size:11px;color:#666;text-align:center;line-height:36px;} .bbsPaginate li .hit {float:right;width:66px;font-family:verdana;font-size:11px;color:#666;text-align:center;line-height:36px;} .bbsPaginate li.next em {line-height:38px;background:#f6f6f6 url('../images/common/icon/icon_set.gif') no-repeat 17px -115px;} .bbsPaginate li.prev em {line-height:38px;background:#f6f6f6 url('../images/common/icon/icon_set.gif') no-repeat 17px -158px;} .bbsSearch {clear:both;background:#f6f6f6;margin-top:25px;padding:22px 0;} .bbsSearch fieldset {display:block;width:333px;margin:0 auto;} .bbsSearch input {display:inline-block;width:195px;height:17px;margin-left:2px;padding:2px 0 0 7px;color:#666;vertical-align:bottom;border:1px solid #d9d9d9;border-right:0;} .bbsSearch a {display:inline-block;width:40px;height:21px;text-indent:-9999px;vertical-align:bottom;background:url('../images/common/btn/btn_iconSet.gif') no-repeat -122px 0;} *+html .bbsSearch select, *+html .bbsSearch input, *+html .bbsSearch a {vertical-align:middle;} .commentWrap {clear:both;width:100%;margin-top:20px;} /* 이벤트 */ .eventView .bbsContent {border-bottom:none;} .eventView .bbsContent .hidden {font-size:0;position:absolute;top:-10000px;left:-10000px;text-indent:-999999px;} .eventView .bbsBtn {margin-bottom:0;} .programEvent ul {padding:10px 0;border-bottom:1px solid #464646;} .programEvent ul li {overflow:hidden;padding:15px 0;border-top:1px solid #efefef;} .programEvent ul li:first-child {border-top:0;} .programEvent ul li .thumbnail {float:left;width:260px;height:124px;} .programEvent ul li .thumbnail img {width:260px;height:124px;} .programEvent ul li .InfoWrap {float:right;width:440px;} .programEvent ul li .InfoWrap a {display:block;margin-bottom:5px;font-size:14px;font-weight:bold;line-height:22px;letter-spacing:-1px; color:#333;} .programEvent ul li .InfoWrap span {display:block;color:;line-height:22px;} .programEvent ul li .InfoWrap span em {color:#666;} .channelEvent {position:relative;margin-top:17px;} .channelEvent ul {overflow:hidden;padding:3px 0 10px;border-bottom:1px solid #efefef;} .channelEvent ul li {float:left;width:230px;margin:10px 5px 5px;} .channelEvent ul li .thumbnail {width:230px;height:110px;margin-bottom:5px;} .channelEvent ul li .thumbnail img {width:230px;height:110px;} .channelEvent ul li .InfoWrap {margin-top:5px;} .channelEvent ul li .InfoWrap a {display:block;line-height:20px;} .channelEvent .eventSort {position:absolute;right:0;top:0;} .bbsView > .subject {overflow:hidden;width:680px;padding:10px 20px;font-size:14px;font-weight:bold;color:#333;letter-spacing:-1px;background:url('../images/common/bg/bg_hl_dot.gif') repeat-x 0 100%;} .bbsView .bbsInfo {position:relative;height:35px; padding:10px 0 0 0;font-size:11px;color:999;border-bottom:1px solid #e0e0e0;z-index:200;} .bbsView .bbsInfo .info {float:left;padding:5px 0 0 0} .bbsView .bbsInfo .info span {float:left;font-size:11px;color:;margin-left:20px;} .bbsView .bbsInfo .info span em {color:#757575;} .bbsView .bbsInfo .snsBtn {float:left;padding-left:15px;} .prizeList h3.first {margin-bottom:-1px;} .prizeList .prize {overflow:hidden;padding-bottom:10px;border-bottom:1px solid #efefef;} .prizeList .prize li {overflow:hidden;float:left;width:230px;height:207px;padding:20px 5px 10px;border-top:1px solid #efefef;} .prizeList .prize li .thumbnail {width:230px;height:110px;margin-bottom:5px;} .prizeList .prize li .thumbnail img {width:230px;height:110px;} .prizeList .prize li .InfoWrap {margin-top:8px;} .prizeList .prize li .InfoWrap a {display:block;margin-bottom:3px;line-height:16px;} .prizeList .prize li .InfoWrap span {display:block;color:;line-height:20px;} .prizeList .prize li .InfoWrap span em {color:#757575;} .prizeList .prize li .InfoWrap span em.selecting {display:inline-block;margin-left:5px;font-size:11px;color:#448ccb;letter-spacing:-1px;} .prizeList .prize li .InfoWrap a.btn {float:left;width:111px;height:24px;margin:6px 0 0;padding-left:9px;line-height:0;background:url('../images/common/btn/btn_defaultSet.gif') no-repeat 0 -35px;} .prizeList .prize li .InfoWrap a.btn:hover {text-decoration:none;} .prizeList .prize li .InfoWrap a.btn span {float:left;height:24px;padding-right:22px;font-size:11px;font-weight:bold;color:#898989;text-shadow:0 1px 0 #fff;line-height:24px;background:url('../images/common/btn/btn_defaultSet.gif') no-repeat 100% -35px;} .bbsSort {position:relative;overflow:hidden;} .bbsSort p {display:block;margin:20px 10px 0 0;font-size:11px;letter-spacing:-1px;} .bbsSort .sortWrap {position:relative;height:37px;background:#f3f3f3;border:1px solid #d0d0d0;} .bbsSort ul {position:absolute;top:0px;left:0px;} .bbsSort ul li {float:left;} .bbsSort ul li a {display:block;width:65px;height:37px;line-height:37px;text-align:center;color:#666;font-weight:bold;border-right:1px solid #d0d0d0;} .bbsSort ul li a.selected {height:38px;color:#333;background:#fff;} .ticketTransferList .bbsSort .bbsBtn {bottom:4px;} .ticketTransferList .bbsListTypeDefault {border-top:1px solid #252525;} .ticketTransferList .bbsBtmWrap {position:relative;width:100%;min-height:58px;} .ticketTransferList .bbsBtn {float:none;position:absolute;right:0;bottom:17px;margin:0;} .schedules .btnChannelInfo {position:absolute;right:0;top:53px;display:block;height:24px;margin:6px 0 0;padding-left:9px;line-height:none;background:url('../images/common/btn/btn_defaultSet.gif') no-repeat 0 -106px;} .schedules .btnChannelInfo:hover {text-decoration:none;} .schedules .btnChannelInfo span {display:block;height:24px;padding-right:22px;font-size:11px;color:#666;text-shadow:0 1px 0 #fff;line-height:26px;background:url('../images/common/btn/btn_defaultSet.gif') no-repeat 100% -106px;} /* 편성표 */ .scheduler {margin-top:23px;} .scheduler nav {overflow:hidden;width:272px;height:34px;margin:0 auto;} .scheduler nav a {float:left;width:34px;height:34px;background:url('../images/common/btn/btn_iconSet.gif') no-repeat;text-indent:-99999px;} .scheduler nav a.prev {background-position:11px -43px;} .scheduler nav a.prev:hover {background-position:-53px -43px;} .scheduler nav a.next {background-position:-21px -43px;} .scheduler nav a.next:hover {background-position:-84px -43px;} .scheduler nav em {float:left;width:204px;font:bold 26px arial;color:#333;text-align:center;line-height:34px;} .scheduler nav em span {font:bold 12px dotum,'돋움';} .timeLine {height:51px;margin-top:12px;border:1px solid #101111;border-left:0;} .timeLine li {float:left;border-left:1px solid #101111;background:#31363a;} .timeLine li a {display:block;width:96px;height:39px;padding-top:12px;font-size:11px;color:#8e989f;text-align:center;text-shadow:1px 1px 0 #181b1d;line-height:14px;} .timeLine li a:hover {text-decoration:none;} .timeLine li a strong {display:block;} .timeLine li.selected {background:#23282c;} .timeLine li.selected a {color:#fff;text-shadow:1px 1px 0 #111416;} .timeLine li.prev, .timeLine li.next {} .timeLine li.prev a {width:19px;text-indent:-9999px;background:url('../images/common/btn/btn_iconSet.gif') no-repeat 0 -90px;} .timeLine li.next a {width:19px;text-indent:-9999px;background:url('../images/common/btn/btn_iconSet.gif') no-repeat -29px -90px;} .scheduler table {border-bottom:1px solid #e3e3e3;} .scheduler table thead {background:#f3f3f3;} .scheduler table th {height:36px;font-size:11px;font-weight:normal;letter-spacing:-1px;border-top:1px solid #b3b3b3;border-bottom:1px solid #b3b3b3;} .scheduler table th.programInfo {width:504px;border-left:1px solid #b3b3b3;} .scheduler table th.rating {width:51px;border-left:1px solid #e3e3e3;} .scheduler table th.video {width:80px;border-left:1px solid #e3e3e3;} .scheduler table th.runningTime {width:80px;border-right:1px solid #b3b3b3;border-left:1px solid #e3e3e3;} .scheduler table td {height:36px;border-top:1px solid #e3e3e3;border-left:1px solid #f5f5f5;} *+html .scheduler table tbody tr:first-child td {border-top:1px solid #b3b3b3;} .scheduler table td.programInfo {width:504px;border-left:1px solid #e3e3e3;} .scheduler table td.programInfo div {overflow:hidden;width:494px;text-overflow:ellipsis;white-space:nowrap;} .scheduler table td.programInfo div a {margin-right:10px;} .scheduler table td.programInfo .airTime {display:inline-block;width:64px;font-family:arial;text-align:center;} .scheduler table td.programInfo .program {display:inline;width:auto; color:#000;} .scheduler table td.programInfo .program a {color:#000;} .scheduler table td.programInfo .program span {color:#666;} .scheduler table td.rating {width:51px;} .scheduler table td.rating span {display:block;width:13px;height:11px;margin:0 auto;text-indent:-9999px;background:url('../images/common/icon/icon_set.gif') no-repeat;} .scheduler table td.rating span.ageAll {background-position:0 -207px;} .scheduler table td.rating span.age7 {background-position:-68px -207px;} .scheduler table td.rating span.age12 {background-position:-131px -207px;} .scheduler table td.rating span.age15 {background-position:-200px -207px;} .scheduler table td.rating span.age19 {background-position:-269px -207px;} .scheduler table td.video {width:80px;text-align:center;} .scheduler table td.video a {padding-left:15px;color:#9f9f9f;text-align:center;line-height:14px;background:url('../images/common/icon/icon_set.gif') no-repeat -238px -238px;} .scheduler table td.runningTime {width:80px;font-family:arial;color:#666;text-align:center;border-right:1px solid #e3e3e3;} .scheduler .desc {overflow:hidden;margin-top:10px;} .scheduler .desc li {padding-left:10px;font-size:11px;color:;line-height:22px;letter-spacing:-1px;} .scheduler .desc li span {padding:0 8px 0 16px;background:url('../images/common/icon/icon_set.gif?v=2') no-repeat 0 -207px;} .scheduler .desc li span.ageAll {background-position:0 -207px;} .scheduler .desc li span.age7 {background-position:-68px -207px;} .scheduler .desc li span.age12 {background-position:-131px -207px;} .scheduler .desc li span.age15 {background-position:-200px -207px;} .scheduler .desc li span.age19 {background-position:-269px -207px;} /* 프로그램 */ .channelProgram {position:relative;margin-top:52px;} .channelProgram h3 {padding-bottom:6px;border-bottom:1px solid #252525;} .channelProgram .programSort {position:absolute;right:5px;top:0;} .channelProgram > ul {overflow:hidden;padding-top:20px;} .channelProgram > ul li {float:left;width:228px;margin-left:12px;} .channelProgram > ul li:first-child {margin-left:5px;} .channelProgram > ul li .thumbnail {display:block;width:226px;height:113px;border:1px solid #cdcdcd;} .channelProgram > ul li .thumbnail img {width:226px;height:113px;} .channelProgram > ul li .InfoWrap {margin-top:5px;} .channelProgram > ul li .InfoWrap a {overflow:hidden;width:228px;display:block;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;line-height:18px;} .channelProgram > ul li .InfoWrap span {font-size:11px;color:;} .program .genreSort {position:absolute;right:12px;top:40px;} ul.navi_depth02 {width:718px;height:36px; border:1px solid #d0d0d0;background:#f3f3f3;} ul.navi_depth02 li {float:left; height:26px; padding:10px 20px 0; background:#f3f3f3; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; text-align:center;} ul.navi_depth02 li a {color:#666; font-weight:bold;} ul.navi_depth02 li.last_child {width:118px;} ul.navi_depth02 li.on {height:27px;background:#fff; border-bottom:#fff;} ul.navi_depth02 li.on a {color:#333;font-weight:bold;} .programList {margin-top:30px;} .programList li {overflow:hidden;padding:25px 0;border-bottom:1px solid #d9d9d9;} .programList li:first-child {padding-top:5px;} .programList li .thumbnail {float:left;width:260px;height:130px;border:1px solid #cdcdcd;} .programList li .thumbnail img {width:260px;height:130px;} .programList li .InfoWrap {float:right;width:428px;} .programList li .InfoWrap a {display:block;margin-bottom:5px;} .programList li .InfoWrap a.title {overflow:hidden;width:428px;padding-top:10px;font-size:14px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;line-height:22px;} .programList li .InfoWrap a.airTime {font-weight:bold;line-height:18px; color:#333;} .programList li .InfoWrap a.airTime.onAir {padding-left:47px;background:url('../images/common/icon/icon_set.gif') no-repeat -196px 0;} .programList li .InfoWrap a.airTime.offAir {padding-left:47px;background:url('../images/common/icon/icon_set.gif') no-repeat -196px -27px;} .programList li .InfoWrap a.synopsis {font-size:11px;color:;line-height:16px;} .program .channelProgram {margin-top:18px;} /* 동영상 홈 */ .vodMain .contentInnerWrap h3 {padding-bottom:6px;font-size:16px;font-weight:bold;color:#1d1d1d;letter-spacing:-1px;border-bottom:3px solid #252525;} .vodMain .contentInnerWrap h3 em {color:#333;} .vodMain .topContent {position:relative;} .vodMain .topContent .vod_main_top {position:relative;} .vodMain .topContent .thumbnail {position:absolute;left:0;top:0;width:322px;height:182px;padding:27px 24px;background:#f3f3f3;z-index:10;} .vodMain .topContent .thumbnail img {width:320px;height:180px;border:1px solid #fefefe;} .vodMain .topContent .thumbnailList {position:absolute;left:392px;top:27px;width:311px;height:63px;z-index:2;} .vodMain .topContent .thumbnailList li {float:left;width:99px;height:63px;margin:0 2px;} .vodMain .topContent .thumbnailList li a {display:block;width:95px;height:54px;padding:2px 2px 7px;} .vodMain .topContent .thumbnailList li a img {width:95px;height:54px;} .vodMain .topContent .thumbnailList li.selected a {background:url('../images/common/bg/bg_thumbnailBox.gif') no-repeat;} .vodMain .topContent .relatedNews {position:relative;width:330px; height:110px; padding:98px 0 28px 390px;border-bottom:1px solid #252525;z-index:1;} .vodMain .topContent .relatedNews dt {width:310px;font-size:16px;font-weight:bold;line-height:20px;letter-spacing:-1px; color:#333;} .vodMain .topContent .relatedNews dd.desc {width:304px;margin-top:5px;padding:2px 3px 0;font-size:11px;color:;line-height:21px;background:url('../images/common/bg/bg_descLine.gif') no-repeat;} .realTimeVod {position:relative;margin-top:31px;} .realTimeVod .vodList {overflow:hidden;margin-top:30px;} .realTimeVod .vodList li {float:left;width:162px;height:197px;margin:0 9px;} .realTimeVod .vodList li .thumbnail {position:relative;display:block;width:160px;height:90px;border:1px solid #ccc;} .realTimeVod .vodList li .thumbnail img {width:160px;height:90px;} .realTimeVod .vodList li .thumbnail span {position:absolute;left:0;bottom:0;display:block;width:154px;height:20px;padding-right:6px;font-family:arial;font-size:11px;color:#fff;text-align:right;line-height:20px;cursor:pointer;background:url('../images/common/bg/bg_vodRunningTime.png') no-repeat;} .realTimeVod .vodList li .thumbnail:hover {text-decoration:none;} .realTimeVod .vodList li .InfoWrap {margin-top:9px;} .realTimeVod .vodList li .InfoWrap .title {display:block;overflow:hidden;font-weight:bold;color:#666;line-height:16px; text-align:left;} .realTimeVod .vodList li .InfoWrap .title .pay {float:left;width:22px;height:13px;margin:1px 4px 0 0;text-indent:-9999px;background:url('../images/common/icon/icon_set.gif') no-repeat -112px -123px;} .realTimeVod .vodList li .InfoWrap .viewer {display:block;margin-top:2px;font-family:arial;font-size:11px;color:;} .realTimeVod .vodList li .InfoWrap .goLink {display:block;margin-top:4px;padding-left:15px;font-size:11px;color:;letter-spacing:-1px;background:url('../images/common/icon/icon_set.gif') no-repeat -167px -58px;} .vodMain .more {position:absolute;right:0;top:2px;padding-right:14px;color:;letter-spacing:-1px;background:url('../images/common/icon/blt_set.gif') no-repeat 100% -28px;} .popularVod {position:relative;overflow:hidden;margin-top:2px;} .popularVod .programTitle {float:left;width:239px;border-bottom:1px solid #d0d0d0;border-left:1px solid #d0d0d0;} .popularVod .programTitle li {width:238px;height:50px;border-right:1px solid #e0e0e0;background:#f3f3f3 url('../images/common/bg/bg_hl_dot.gif') repeat-x;} .popularVod .programTitle li:first-child {background-image:none;} .popularVod .programTitle li a {display:block;width:200px;height:50px;padding-left:20px;font-weight:bold;color:;line-height:52px;background:url('../images/common/icon/icon_arrow712.gif') no-repeat 100% 19px;} .popularVod .programTitle li a:hover {text-decoration:none;} .popularVod .programTitle li.selected {border-right:1px solid #fff;background-color:#fff;} .popularVod .programTitle li.selected a {color:#333;background:url('../images/common/icon/icon_arrow712.gif') no-repeat 100% -13px;} .popularVod .thumbnailList {float:left;overflow:hidden;width:436px;padding:23px 22px 23px 21px;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;} .popularVod .thumbnailList li {float:left;width:202px;margin:0 8px;} .popularVod .thumbnailList li .thumbnail {display:block;width:200px;height:113px;border:1px solid #ccc;} .popularVod .thumbnailList li .thumbnail img {width:200px;height:113px;} .popularVod .thumbnailList li .InfoWrap {margin-top:8px;} .popularVod .thumbnailList li .InfoWrap a {display:block;overflow:hidden;width:200px;font-weight:bold;color:#666;text-overflow:ellipsis;line-height:16px;white-space:nowrap;} .popularVod .thumbnailList li .InfoWrap span {display:block;font-family:Arial;font-size:11px;color:;} .vodMain .contentBanner {display:block;margin-top:35px;} /* 동영상 */ .sortingType {position:absolute;right:16px;top:43px;overflow:hidden;} .sortingType li {float:left;} .sortingType li a {font-size:11px;color:;} .sortingType li a.selected {font-weight:bold;color:#666;} .sortingType li span {padding:0 5px 0 1px;font-size:10px;color:#d1d1d1;} /* 동영상 타이틀 프로그램 템플릿 추가*/ .program_temp h3.first {padding-left:26px; background:url('../images/common/icon/icon_title_bul.gif') 8px 4px no-repeat;} .vodChannel .vodList {overflow:hidden;margin-top:30px;border-bottom:1px solid #dadada;} .vodProgram .vodList, .program_temp .vodList {overflow:hidden;margin-top:51px;border-bottom:1px solid #dadada;} .vodChannel .vodList li {float:left;width:162px;height:197px;margin:0 9px;} .vodProgram .vodList li, .program_temp .vodList li {float:left;width:162px;height:180px;margin:0 9px;} .vodChannel .vodList li .thumbnail, .vodProgram .vodList li .thumbnail, .program_temp .vodList li .thumbnail {position:relative;display:block;width:160px;height:90px;border:1px solid #ccc;} .vodChannel .vodList li .thumbnail img, .vodProgram .vodList li .thumbnail img, .program_temp .vodList li .thumbnail img {display:block;width:160px;height:90px;} .vodChannel .vodList li .thumbnail span, .vodProgram .vodList li .thumbnail span, .program_temp .vodList li .thumbnail span {position:absolute;left:0;bottom:0;display:block;width:154px;height:20px;padding-right:6px;font-family:arial;font-size:11px;color:#fff;text-align:right;line-height:20px;cursor:pointer;background:url('../images/common/bg/bg_vodRunningTime.png') no-repeat;} .vodChannel .vodList li .thumbnail:hover, .vodProgram .vodList li .thumbnail:hover, .program_temp .vodList li .thumbnail:hover{text-decoration:none;} .vodChannel .vodList li .InfoWrap, .vodProgram .vodList li .InfoWrap, .program_temp .vodList li .InfoWrap {margin-top:9px;} .vodChannel .vodList li .InfoWrap .title, .vodProgram .vodList li .InfoWrap .title, .program_temp .vodList li .InfoWrap .title {display:block;overflow:hidden;font-weight:bold;color:#666;line-height:16px;} .vodChannel .vodList li .InfoWrap .title .pay, .vodProgram .vodList li .InfoWrap .title .pay, .program_temp .vodList li .InfoWrap .title .pay {float:left;width:22px;height:13px;margin:1px 4px 0 0;text-indent:-9999px;background:url('../images/common/icon/icon_set.gif') no-repeat -112px -123px;} .vodChannel .vodList li .InfoWrap .viewer, .vodProgram .vodList li .InfoWrap .viewer, .program_temp .vodList li .InfoWrap .viewer {display:block;margin-top:2px;font-family:arial;font-size:11px;color:;} .vodChannel .vodList li .InfoWrap .goLink, .vodProgram .vodList li .InfoWrap .goLink, .program_temp .vodList li .InfoWrap .goLink{display:block;margin-top:4px;padding-left:15px;font-size:11px;color:;letter-spacing:-1px;background:url('../images/common/icon/icon_set.gif') no-repeat -167px -58px;} .vodView .bbsContent {border-bottom:0;} .vodView .bbsContent .vodPlayer {width:640px;height:388px;margin:5px auto 0;} .vodView .bbsBtn {margin-right:40px;} .vodView .bbsContent .vodPlayer .player {width:640px;height:388px;} .vodPlayer video {width:640px; height:388px;} .bbsContent #divVodPlayer {width:640px;height:388px;} .program_temp .bbsContent {border-bottom:0;} .program_temp .bbsContent .vodPlayer {width:640px;height:388px;margin:5px auto 0;} .program_temp .bbsBtn {margin-right:40px;} .vodInfo {clear:both;} .vodInfo h4 {padding-left:18px;font-weight:bold;color:#1d1d1d;letter-spacing:-1px;background:url('../images/common/icon/blt_dot33.gif') no-repeat 9px 5px;} .vodInfo .infoBox {margin-top:5px;border:1px solid #e0e0e0;background:#f6f6f6;} .vodInfo .infoBox .viewType {overflow:hidden;padding:10px 0 10px 20px;background:url('../images/common/bg/bg_hl_dot.gif') repeat-x 0 100%;} .vodInfo .infoBox .viewType span {float:left;} .vodInfo .infoBox .viewType .replay {width:47px;height:17px;margin:0 15px 0 0;text-indent:-9999px;background:url('../images/common/icon/icon_set.gif') no-repeat 0 -238px;} .vodInfo .infoBox .viewType .clip {width:47px;height:17px;margin:0 15px 0 0;text-indent:-9999px;background:url('../images/common/icon/icon_set.gif') no-repeat -57px -238px;} .vodInfo .infoBox .viewType .preview {width:47px;height:17px;margin:0 15px 0 0;text-indent:-9999px;background:url('../images/common/icon/icon_set.gif') no-repeat -114px -238px;} .vodInfo .infoBox .viewType .special {width:47px;height:17px;margin:0 15px 0 0;text-indent:-9999px;background:url('../images/common/icon/icon_set.gif') no-repeat -171px -238px;} .vodInfo .infoBox .viewType .price {margin-right:10px;color:#666;} .vodInfo .infoBox .viewType .position {padding-left:11px;color:#666;background:url('../images/common/icon/blt_set.gif') no-repeat 0 2px;} .vodInfo .infoBox .tag {padding-left:47px;height:36px;line-height:37px;border-bottom:1px solid #e0e0e0;background:url('../images/common/icon/icon_set.gif') no-repeat -242px -263px;} .vodInfo .infoBox .summary {padding:22px 20px 14px;color:#666;line-height:20px;} .otherVod {margin-top:30px;padding-bottom:20px;} .otherVod h4 {padding-left:18px;font-weight:bold;color:#1d1d1d;letter-spacing:-1px;background:url('../images/common/icon/blt_dot33.gif') no-repeat 9px 5px;} .otherVod h4 em {color:#333;} .otherVod table.vodList {margin-top:10px;} .otherVod table.vodList thead {background:#f6f6f6;} .otherVod table.vodList th {height:31px;padding-top:2px;font-size:11px;color:#333;letter-spacing:-1px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;} .otherVod table.vodList th.type {width:80px;border-left:1px solid #e1e1e1;} .otherVod table.vodList th.title {width:435px;} .otherVod table.vodList th.runningTime {width:90px;} .otherVod table.vodList th.airTime {width:115px;border-right:1px solid #e1e1e1;} .otherVod table.vodList td {height:30px;padding-top:2px;text-align:center;border-bottom:1px solid #e1e1e1;} .otherVod table.vodList td.type, .otherVod table.vodList td.runningTime, .otherVod table.vodList td.airTime {font-family:arial;} .otherVod table.vodList td.title {text-align:left;} .otherVod table.vodList td.title a {display:block;overflow:hidden;width:400px;margin-left:17px;text-overflow:ellipsis;white-space:nowrap;} .otherVod table.vodList td.title a.pay {width:374px;padding-left:26px;background:url('../images/common/icon/icon_set.gif') no-repeat -112px -122px;} .otherVod table.vodList td.title a span {display:none;} #content.adult {margin-top:66px;background:none;} #content.adult aside {display:none;} #content.adult .contentInnerWrap {float:none;width:467px;margin:0 auto;padding:75px 0 80px 253px;border-top:3px solid #252525;border-bottom:1px solid #dadada;background:url('../images/common/bg/bg_adult.gif') no-repeat 80px 63px;} #content.adult .contentInnerWrap strong {display:block;width:410px;font-size:16px;color:#1d1d1d;line-height:22px;} #content.adult .contentInnerWrap .desc {display:block;width:410px;margin-top:10px;padding-bottom:30px;color:#666;line-height:18px;background:url('../images/common/bg/bg_hl_dot.gif') repeat-x 0 100%;} .btn {width:410px;margin-top:30px;} .btn a {display:inline-block;height:25px;padding-left:25px;background:url('../images/common/btn/btn_defaultSet.gif') no-repeat;} .btn a.bem {background-position: 0 -140px;} .btn a:hover {text-decoration:none;} .btn a span {display:block;height:25px;padding-right:25px;color:#fff;text-shadow:1px 1px 0 #484848;line-height:26px;background:url('../images/common/btn/btn_defaultSet.gif') no-repeat 100% 0;} .btn a.bem span {text-shadow:1px 1px 0 #aa2929;background-position: 100% -140px;} /* 시청자 공간 */ .viewerList .bbsBtn {position:absolute;right:0;bottom:105px;margin:0;} /* 스페셜 */ #content.specialView {background:none;} #content.specialView aside {display:none;} #content.specialView .contentInnerWrap {float:none;width:980px;} .specialView .contentBox {padding-bottom:30px;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;} .specialEPSelect {right:38px;top:50px;width:250px;} .specialEPSelect .selectTitle {width:213px;} .specialEPSelect .selectOptionList {width:248px;} .specialEPSelect .selectOptionList ul {width:248px;} .specialEPSelect .selectOptionList ul li {width:228px;} .specialView .contentBox .subject {width:904px;margin:0 auto;padding:22px 0 9px;background:url('../images/common/bg/bg_hl_dot.gif') repeat-x 0 100%;} .specialView .contentBox .subject span {overflow:hidden;display:block;width:650px;font-size:14px;font-weight:bold;color:#666;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-1px;} .specialView .contentBox .specialContent {width:904px;margin:20px auto 0;} .specialView .specialList h4 {width:904px;margin:47px auto 0;padding-bottom:6px;font-size:16px;font-weight:bold;color:#1d1d1d;letter-spacing:-1px;border-bottom:1px solid #252525;} .specialView .specialList ul {overflow:hidden;width:904px;margin:20px auto 0;} .specialView .specialList ul li {float:left;width:212px;margin:0 7px;} .specialView .specialList ul li .thumbnail {display:block;width:210px;height:136px;border:1px solid #cdcdcd;} .specialView .specialList ul li .thumbnail img {width:210px;height:136px;} .specialView .specialList ul li .InfoWrap {margin-top:5px;} .specialView .specialList ul li .InfoWrap a {width:212px;display:block;font-weight:bold;line-height:18px;} /* 무비(캐치온 디멘드) */ .pageDesc {padding:11px 0 9px 20px;color:#666;border-bottom:1px solid #d0d0d0;background:#f3f3f3;} .movie .genreSort {position:absolute;right:10px;top:42px;} .movie .movieList {overflow:hidden;padding-bottom:30px;border-bottom:1px solid #dadada;} .movie .movieList li {float:left;width:120;height:197px;margin:30px 7px 0;padding:5px;background:#e8e8e8;} .movie .movieList li .thumbnail {position:relative; display:block;width:120px;height:172px;} .movie .movieList li .thumbnail img {width:120px;height:172px;} .movie .movieList li .thumbnail .ico_notice {position:absolute; top:0px; left:0px; width:54px; height:54px;} .movie .movieList li .InfoWrap {height:25px;padding:0 5px 0 45px; background:#fff url('../images/common/icon/icon_set.gif') no-repeat; background-position:0 -338px; text-align:right;} .movie .movieList li .catchon {background-position:0 -308px;} .movie .movieList li .catchonplus {background-position:0 -363px;} .movie .movieList li .catchon_demand {background-position:0 -338px;} .movie .movieList li .ocn {background-position:0 -473px;} .movie .movieList li .chcgv {background-position:0 -392px;} .movie .movieList li .superaction {background-position:0 -416px;} .movie .movieList li .ocnseries {background-position:0 -444px;} .movie .movieList li .InfoWrap span {font-family:arial;font-size:11px;line-height:26px;color:#757575;} .bbsView {} .bbsView:before, .bbsView:after {content:"";display:table;} .bbsView:after {clear:both;} .bbsView {zoom:1;} * html .bbsView {zoom:1;} .contentInnerWrap .c_reply_wrap {width:auto; padding:0px} /* 이벤트 레이이 (구 무비) */ .layer_wrap { position:absolute; left:0; top:0; width:100%; height:100%; z-index:9000; } .layer_wrap .layer { position:absolute; left:50%; top:50%; width:530px; height:444px; padding:0 22px; margin:-222px 0 0 -287px; z-index:9001; background:#fff; border:3px solid #515151; } .layer_wrap .cloeseBtn { position:absolute; right:0; top:0; } .layer_wrap h4 { padding:30px 0 23px 5px; letter-spacing:-1px; font-size:14px; font-weight:bold; } .layer_wrap h4 img { vertical-align:middle; padding-right:15px; } .layer_wrap .idSearch { width:387px; height:35px; padding:7px 0 0 143px; margin:0 0 20px 0; background:url('http://img.cjmovies.co.kr/NewMovie/images/common/bg/bg_layer_id_search.gif') no-repeat left top; } .layer_wrap .idSearch input { vertical-align:middle; } .layer_wrap .idSearch input.text { width:205px; color:#757575; font-size:11px; font-family:verdana; border-right:0; } .layer_wrap .idSearch label { position:absolute; top:0; left:-100px; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; } .layer_wrap .titTbl { width:524px; } .layer_wrap .titTbl th { padding:9px 0 10px 0; background:#eaeaea; border-top:1px solid #aeaeae; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; } .layer_wrap .titTbl th.first-child { border-left:0; } .layerTblwrap { width:524px; height:213px; overflow-y:auto; overflow-x:hidden; margin:0 auto 22px auto; } .layerTblwrap table { float:left; width:524px; } .layer_wrap table { border-collapse:collapse; margin:0 auto; } .layer_wrap table th { padding:10px 0; color:#757575; background:#f6f6f6; font-size:11px; font-weight:normal; border-bottom:1px solid #d9d9d9; } .layer_wrap table td { text-align:center; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; color:#666; font-size:11px;} .layer_wrap table .first-child th, .layer_wrap table .first-child td { border-top:0; } .layer_wrap table td.id { text-align:left; padding:10px 0; } .layer_wrap table td.id ul { margin-left:20px; } .layer_wrap table td.id ul li { float:left; width:95px; } .no_list {height:180px;line-height:180px;border-bottom:1px solid #dadada;text-align:center;color:#999999;} .non_border {border:none;} .movie .movieList li.no_movieList {float:none;margin:0px;padding:0px;background:none;} /* 이벤트 다른이벤트 보기 */ .otherEvent {clear:both;margin-top:50px;padding:20px 0;border-top:1px solid #252525;border-bottom:1px solid #252525;} .otherEvent .titleWrap {position:relative;} .otherEvent .titleWrap h4 {float:left;font-size:14px;font-weight:bold;color:#252525;} .otherEvent .titleWrap span.btnTypeEvent {float:left;margin-left:10px;} .otherEvent ul {padding:4px 0 0 2px;} .otherEvent ul li {float:left;width:100%;padding:7px 0 0px;} .otherEvent ul li a {padding-left:5px;color:#1d1d1d;background:url('../images/common/icon/blt_dot85.gif') 0 5px no-repeat;} .otherEvent ul li span {padding-left:6px;color:#999999;font-size:11px;font-family:'Verdana';} .evtBtn {margin:20px 0 30px;text-align:center;} .evtBtn a {display:block;margin:0 auto;text-indent:-99999em;background:url('../images/common/btn/btn_eventSet.gif') no-repeat;} .evtBtn a.btnApply{width:160px;height:45px;} .evtBtn a.btnApply:hover {background-position:-180px 0;} .evtBtn a.uploadPhoto {width:154px;height:45px;background-position:0 -53px;} .evtBtn a.uploadPhoto:hover {background-position:-180px -53px;} /* 통합이벤트 솔루션 */ #content.evtSubType {background:none;} #content.evtSubType h3 {font-weight:bold;font-size:16px;color:#1d1d1d;} .benefitTypeBox {overflow:hidden;margin-top:6px;padding:20px 20px 13px;background:url('../images/common/bg/bg_evtBenefitBox.gif');border-top:3px solid #252525;border-bottom:1px solid #252525;} .benefitTypeBox li {float:left;margin:0 9px;} .benefitTypeBox li a {display:block;width:76px;background:url('../images/common/bg/bg_evtBenefitType.png') no-repeat;} .benefitTypeBox li a span {display:block;padding-top:86px;font-size:11px;font-weight:bold;color:#47494f;letter-spacing:-1px;text-align:center;} .benefitTypeBox li a:hover span {background:url('../images/common/bg/bg_evtBenefitType.png') -752px -142px no-repeat;} .benefitTypeBox li a:focus span {background:url('../images/common/bg/bg_evtBenefitType.png') -752px -142px no-repeat;} .benefitTypeBox li a span.selected {background:url('../images/common/bg/bg_evtBenefitType.png') -846px -142px no-repeat;} .benefitTypeBox li.menu01 a {background-position:0 0;} .benefitTypeBox li.menu02 a {background-position:-94px 0;} .benefitTypeBox li.menu03 a {background-position:-188px 0;} .benefitTypeBox li.menu04 a {background-position:-282px 0;} .benefitTypeBox li.menu05 a {background-position:-376px 0;} .benefitTypeBox li.menu06 a {background-position:-470px 0;} .benefitTypeBox li.menu07 a {background-position:-564px 0;} .benefitTypeBox li.menu08 a {background-position:-658px 0;} .benefitTypeBox li.menu09 a {background-position:-752px 0;} .benefitTypeBox li.menu10 a {background-position:-846px 0;} .evtTop3 {margin-top:30px;padding:0 25px 25px;border-bottom:1px solid #dadada;} .evtTop3 h4 {padding-left:8px;font-weight:bold;font-size:14px;color:#171717;line-height:14px;letter-spacing:-1px;background:url('../images/common/icon/blt_dot33.gif') 0 center no-repeat;} .evtTop3 ul {overflow:hidden;margin-top:8px;} .evtTop3 ul li {float:left;width:300px;margin-left:15px;} .evtTop3 ul li:first-child {margin-left:0px;} .evtTop3 ul li dl dt img {width:300px;height:120px;} .evtTop3 ul li dl dd.benefitTab {margin-top:10px;} .evtTop3 ul li dl dd.txtTitle {margin-top:6px;} .evtTop3 ul li dl dd.txtTitle a {font-weight:bold;color:#323232;letter-spacing:-1px;} .evtTop3 ul li dl dd.evtPoc {margin-top:6px;font-size:11px;color:#666;} .evtTop3 ul li dl dd.evtPoc span {display:inline-block;} .evtTop3 ul li dl dd.evtPoc em {display:inline-block;margin-left:5px;padding-left:5px;background:url('../images/common/bg/bg_divisionVbar.gif') 0 center no-repeat;} .evtTop3 ul li dl dd.date {margin-top:3px;font-size:11px;color:#666;} .benefitEvtList {overflow:hidden;padding:20px 0;border-bottom:1px solid #dadada;} .benefitEvtList li {float:left;width:459px;margin-left:27px;padding:10px 0;} .benefitEvtList li dl {position:relative;min-height:96px;padding-left:250px;} .benefitEvtList li dl dt {position:absolute;top:0px;left:0px;} .benefitEvtList li dl dt img {width:240px;height:96px;} .benefitEvtList li dl dd.txtTitle {margin-top:6px;} .benefitEvtList li dl dd.txtTitle a {font-weight:bold;color:#323232;letter-spacing:-1px;} .benefitEvtList li dl dd.date {margin-top:3px;font-size:11px;color:#666;} .scheduleTop {overflow:hidden;border-top:3px solid #252525;border-bottom:1px solid #252525;} .scheduleTop .evtDate {float:left;width:245px;height:264px;background:url('../images/common/bg/bg_evtBenefitBox.gif');} .scheduleTop .evtDate .date {position:relative;margin-top:30px;} .scheduleTop .evtDate .date .date_prev {position:absolute;display:block;top:32px;left:8px;width:12px;height:20px;padding:5px;text-indent:-99999em;background:url('../images/common/bg/bg_evtMainIconSet.png') no-repeat;background-position:-160px -156px;} .scheduleTop .evtDate .date .date_next {position:absolute;display:block;top:32px;right:8px;width:12px;height:20px;padding:5px;text-indent:-99999em;background:url('../images/common/bg/bg_evtMainIconSet.png') no-repeat;background-position:-203px -156px;} .scheduleTop .evtDate .date ul {text-align:center;font-family:'Verdana';} .scheduleTop .evtDate .date ul li.year {color:#515556;font-weight:bold;} .scheduleTop .evtDate .date ul li.day {color:#25292a;font-size:42px;font-weight:bold;letter-spacing:-1px;} .scheduleTop .evtDate .date ul li.month {color:#7a7979;} .scheduleTop .evtDate .evtCount {width:157px;height:76px;margin:25px auto 0;padding-top:20px;background:url('../images/common/bg/bg_evtCount.png') no-repeat;text-align:center;} .scheduleTop .evtDate .evtCount p {color:#fff;font-size:12px;font-weight:bold;} .scheduleTop .evtDate .evtCount span {display:block;font-family:'Verdana';font-style:italic;font-weight:bold;font-size:30px;color:#63bbe0;text-decoration:underline;} .scheduleTop .todayHot {float:left;width:456px;height:235px;padding:27px 0 0 34px;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-right:1px dotted #e4e4e5;} .scheduleTop .todayHot p {color:#2e2e2e;font-weight:bold;font-size:14px;font-family:'Verdana';letter-spacing:-1px;} .scheduleTop .todayHot dl {position:relative;padding:16px 25px 0 205px;} .scheduleTop .todayHot dl dt {position:absolute;top:8px;left:0px;width:186px;height:186px;padding:1px;background:url('../images/common/bg/bg_dropshadowBox.png') no-repeat;} .scheduleTop .todayHot dl dt img {width:182px;height:182px;} .scheduleTop .todayHot dl dd.date {font-weight:bold;font-size:14px;font-family:'Verdana';color:#63bbe0;letter-spacing:-1px;} .scheduleTop .todayHot dl dd.txtTitle {height:104px;padding-top:15px;} .scheduleTop .todayHot dl dd.txtTitle a {font-size:14px;font-weight:bold;color:#1b1b1b;letter-spacing:-1px;} .scheduleTop .todayHot dl dd.btnGo a {display:block;width:57px;font-family:'Verdana';font-style:italic;font-size:20px;color:#63bbe0;background:url('../images/common/bg/bg_arrowMid.png') 0 center no-repeat;text-decoration:none;} .scheduleTop .todayGift {float:left;width:217px;height:233px;padding:29px 0 0 27px;background:#f9f9f9;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;} .scheduleTop .todayGift p {color:#2e2e2e;font-weight:bold;font-size:14px;font-family:'Verdana';letter-spacing:-1px;} .scheduleTop .todayGift ul {margin-top:8px;background:#f9f9f9;} .scheduleTop .todayGift ul li {float:left;margin:0 8px 8px 0;} .scheduleTop .todayGift ul li img {width:86px;height:86px;border:1px solid #cccccc;} .scheduleEvtList {overflow:hidden;margin:0 1px;background:url('../images/common/bg/bg_scheduleListBg.gif');} .scheduleEvtList li {float:left;width:200px;padding:25px 22px;border-bottom:1px solid #dadada;} .scheduleEvtList li p {font-family:'Verdana';font-size:20px;font-weight:bold;color:#333333;} .scheduleEvtList li.disable p {color:#999999;} .scheduleEvtList li .status {padding-top:8px;} .scheduleEvtList li .status span {display:inline-block;width:58px;height:22px;margin-right:3px;font-weight:bold;font-size:11px;text-align:center;line-height:22px;letter-spacing:-1px;border:1px solid #d9d9d9;} .scheduleEvtList li.disable .status span {color:#999999;background:#f2f2f2;} .scheduleEvtList li .status em {display:inline-block;font-weight:bold;font-size:11px;line-height:22px;letter-spacing:-1px;} .scheduleEvtList li .status em a {display:block;width:61px;height:22px;padding:0 12px 0 7px;text-decoration:none;border:1px solid #d9d9d9;background:url('../images/common/icon/blt_arrow_btn333.gif') 70px 8px no-repeat;} .scheduleEvtList li dl {position:relative;margin-top:20px;} .scheduleEvtList li dl dt {} .scheduleEvtList li dl dt img {width:200px;height:80px;} .scheduleEvtList li dl dd.txtTitle {margin-top:8px;height:36px;} .scheduleEvtList li dl dd.txtTitle a {font-weight:bold;color:#323232;letter-spacing:-1px;} .scheduleEvtList li dl dd.evtPoc {height:30px;margin-top:6px;font-size:11px;color:#666;letter-spacing:-1px;} .scheduleEvtList li dl dd.evtPoc span, .scheduleEvtList ul li dl dd.evtPoc em {display:block;} .benefitTab {height:22px;text-indent:-9999em;background:url('../images/common/bg/bg_evtBenefitType.png') no-repeat;} .benefitTab.beauty {width:48px;background-position:-94px -229px;} .benefitTab.culture {width:68px;background-position:0px -229px;} .benefitTab.tv {width:68px;background-position:0px -260px;} .benefitTab.experence {width:48px;background-position:-94px -260px;} .benefitTab.discount {width:68px;background-position:0px -291px;} .benefitTab.food {width:48px;background-position:-94px -291px;} .benefitTab.free {width:48px;background-position:-94px -322px;} .benefitTab.etc {width:48px;background-position:-94px -353px;} .benefitTab.life {width:58px;background-position:-168px -229px;} h4.joinEvt {font-size:11px;color:#999999;letter-spacing:-1px;} h4.joinEvt span {display:inline-block;margin-top:30px;padding:0 7px;font-size:14px;font-weight:bold;color:#171717;background:url('../images/common/icon/blt_dot33.gif') 0 6px no-repeat;} h4.joinEvt a {font-weight:bold;color:#31bce4;} h4.joinEvt em {display:inline-block;margin:33px 0 10px 0;vertical-align:top;} .joinEvtSearch {height:23px;margin-top:13px;} .joinEvtSearch .selectWrap {float:left;width:116px;} .joinEvtSearch .searchWrap {float:right;} .joinEvtSearch .searchWrap .text {float:left;width:142px;height:21px;margin-right:5px;padding:0 5px;font-size:12px;color:#666;line-height:19px;border:1px solid #ccc;} .joinEvtSearch .searchWrap .searchBtn {float:left;} .evtAnnounce {margin-top:8px;} .evtAnnounce thead tr th {height:36px;color:#444444;font-size:11px;background:#e5e5e5;border-top:2px solid #252525;border-bottom:1px solid #d9d9d9;} .evtAnnounce tbody tr td {padding:9px 0 6px 14px;line-height:18px;border-bottom:1px solid #d9d9d9;} .evtAnnounce tbody tr td a {color:#333333;} .evtAnnounce tbody tr td span {display:block;font-size:11px;color:#999999;letter-spacing:-1px;} .evtAnnounce tbody tr.notice td {color:#333333;font-weight:bold;background:#f6f6f6;} .evtAnnounce tbody tr.notice td a {font-weight:bold;} .evtAnnounce tbody tr.notice td span {display:inline-block;width:29px;height:17px;margin:0 auto;text-indent:-9999px;background:url('../images/common/icon/icon_set.gif') no-repeat;background-position:0 -60px;} .evtAnnounce thead tr th.status,.evtAnnounce tbody td.status{width:135px;padding-left:0;text-align:center;font-weight:bold;font-size:11px;} .evtAnnounce tbody td.status a {display:block;width:64px;height:22px;margin:0 auto;padding:0 7px;font-weight:bold;font-size:11px;color:#666;text-align:left;line-height:22px;letter-spacing:-1px;vertical-align:middle;border:1px solid #d9d9d9;background:url('../images/common/icon/blt_arrow_btn333.gif') 70px 7px no-repeat;} .evtAnnounce tbody td.choice a {width:110px;background-position:113px 7px;} .evtViewTitle {background:#f6f6f6;} .evtViewTitle dt {padding:7px 21px 5px;color:#333333;font-weight:bold;border-bottom:1px dotted #d9d9d9;} .evtViewTitle dd {overflow:hidden;padding:7px 20px 5px;border-bottom:1px solid #aeaeae;} .evtViewTitle dd a.btnEvtGo {display:block;float:left;width:84px;height:18px;padding-left:5px;line-height:18px;letter-spacing:-1px;color:#666;font-size:11px;border:1px solid #d9d9d9;background:url('../images/common/icon/blt_arrow_btn333.gif') #fff 82px 6px no-repeat;} .evtViewTitle dd .searchWrap {float:right;} .evtViewTitle dd .searchWrap .text {float:left;width:142px;height:21px;margin-right:5px;padding:0 5px;font-size:12px;color:#666;line-height:19px;border:1px solid #ccc;} .evtViewTitle dd .searchWrap .seachBtn {float:left;} .evtAddressConfirm {padding:27px 20px 15px;border-bottom:1px dotted #e0e0e0;} .evtAddressConfirm p {font-weight:bold;color:#333;line-height:18px;} .evtAddressConfirm p.confirmTxt {margin-top:10px;color:#ff0000;display:inline-flex;} .evtAddressConfirm > span {display:block;font-size:12px;color:#767676;} .evtAddressConfirm a {display:block;width:102px;height:23px;margin-top:5px;padding-left:11px;line-height:23px;color:#666;border:1px solid #d9d9d9;background:url('../images/common/icon/blt_arrow_btn333.gif') #fff 100px 7px no-repeat;} /* 2018.01.22 당첨자 발표영역 수정 */ .evtAddressConfirm { margin-top: 10px; padding: 20px; border: 2px solid #ff0000; } .evtAddressConfirm p { font-size: 15px; line-height: 20px; letter-spacing: -1px; } .evtAddressConfirm p em { display: inline-block; padding-left: 20px; } .evtAddressConfirm p.confirmTxt { font-size: 18px; } .evtAddressConfirm > span { margin-top: 15px; font-size: 13px; letter-spacing: -2px; } /* //2018.01.22 당첨자 발표영역 수정 */ .evtAnnounceView {padding:26px 20px;border-bottom:1px solid #aeaeae;} .evtAnnounceView .announceBox {position:relative;width:auto;margin-top:14px;padding:4px 20px;border:4px solid #e1e1e1;} .evtAnnounceView .announceBox dl {position:relative;padding:20px 0;} .evtAnnounceView .announceBox dl dt {padding-left:7px;color:#333333;letter-spacing:-1px;background:url('../images/common/icon/blt_dot85.gif') 0 5px no-repeat;} .evtAnnounceView .announceBox dl dt span {font-weight:bold;} .evtAnnounceView .announceBox dl dd {padding-top:6px;color:#757575;} .evtAnnounceView .announceBox a {display:block;width:125px;height:22px;padding:5px 7px;font-weight:bold;font-size:13px;color:#383838;text-align:left;line-height:24px;letter-spacing:-1px;vertical-align:middle;border:1px solid #383838;background:url('../images/common/icon/blt_arrow_btn333.gif') 128px 13px no-repeat;} .evtAnnounceView .announceBox ul {padding:20px 0;} .evtAnnounceView .announceBox ul li.announceTit{margin-bottom:25px;padding-left:7px;color:#333333;letter-spacing:-1px;background:url('../images/common/icon/blt_dot85.gif') 0 12px no-repeat;} .evtAnnounceView .announceBox ul li span {font-weight:bold;} .evtAnnounceView .announceBox ul li {padding-top:6px;color:#757575;} .evtAnnounceView .evtNoticeTitle {margin-top:20px;color:#333333;font-weight:bold;letter-spacing:-1px;} .evtNotice {margin-top:5px;} .giftTypeList {position:relative;width:720px;margin:30px auto 0;background:url('../images/common/bg/bg_evtMainGift.gif') repeat;border-top:3px solid #252525;} .giftTypeList p {width:315px;height:47px;margin:25px auto 0;text-indent:-99999em;background:url('../images/common/txt/txt_evtGift.png') no-repeat;} .giftTypeList .btnGoGiftMap{position:absolute;top:0px;right:30px;} .giftTypeList ul {overflow:hidden;padding:21px 20px;} .giftTypeList ul li {float:left;margin:4px;} .giftTypeList .giftLayer {width:160px;background:url('../images/common/bg/bg_giftBox.gif') no-repeat;} .giftTypeList .giftLayer dt {position:relative;text-align:center;} .giftTypeList .giftLayer dt a {display:block;} .giftTypeList .giftLayer dt .thumb {width:160px;} .giftTypeList .giftLayer dt .icon {position:absolute;top:0px;left:0px;} .giftTypeList .giftLayer dd.titleTxt {height:36px;padding:10px 10px 5px;} .giftTypeList .giftLayer dd.titleTxt a {font-weight:bold;color:#333333;} .giftTypeList .giftLayer dd.date {padding:0 10px 10px;color:#999999;font-size:11px;} h3.evtList {padding:0;} .pocEvtList {margin:3px 0 20px;padding:10px 23px;border:3px solid #252525;} .pocEvtList ul {background:url('../images/common/bg/bg_evtList.gif') center 0 repeat-y;} .pocEvtList ul li {position:relative;float:left;width:300px;height:198px;padding:20px 17px 0;} .pocEvtList ul li dl dt img {width:300px;height:120px;} .pocEvtList ul li dl dd.benefitTab {margin-top:10px;} .pocEvtList ul li dl dd.txtTitle {margin-top:6px;} .pocEvtList ul li dl dd.txtTitle a {font-weight:bold;color:#323232;letter-spacing:-1px;} .pocEvtList ul li dl dd.evtPoc {margin-top:6px;font-size:11px;color:#666;} .pocEvtList ul li dl dd.date {margin-top:3px;font-size:11px;color:#666;} .pocEvtList ul li .icoHot {display:block;width:40px;height:22px;position:absolute;left:17px;top:20px;text-indent:-10000em;background:url('http://img.lifestyler.co.kr/NewIMG/lifestyler2014/desktop/images/etc/ico_hot.gif') no-repeat 0 0;} .channelEvtList {padding:18px 3px 0;} .channelEvtList .titleWrap {position:relative;} .channelEvtList .titleWrap h4 {padding-left:8px;font-size:14px;font-weight:bold;background:url('../images/common/icon/blt_dot33.gif') 0 7px no-repeat;} .channelEvtList .titleWrap h4 span {color:#ee1cb9;} .channelEvtList .titleWrap .btnMore {position:absolute;top:-2px;right:0px;} .channelEvtList ul {margin-top:8px;background:url('../images/common/bg/bg_otherList.gif') center 0 repeat;border-top:1px solid #252525;} .channelEvtList ul li {float:left;width:218px;height:146px;padding:20px 0 0 15px;} .channelEvtList ul li dl {width:218px;} .channelEvtList ul li dl dt img {width:218px;height:87px;} .channelEvtList ul li dl dd.txtTitle {overflow:hidden;width:218px;margin-top:6px;text-overflow:ellipsis;white-space:nowrap;} .channelEvtList ul li dl dd.txtTitle a {color:#333;letter-spacing:-1px;} .channelEvtList ul li dl dd.evtPoc {margin-top:6px;font-size:11px;color:#666;} .channelEvtList ul li dl dd.date {margin-top:3px;font-size:11px;color:#666;} .bbsType {margin-top:15px;} .bbsType .titleWrap {position:relative;} .bbsType .titleWrap h4 {padding-left:8px;font-size:12px;font-weight:bold;color:#1d1d1d;letter-spacing:-1px;background:url('../images/common/icon/blt_dot33.gif') 0 5px no-repeat;} .bbsType .bbsListTypeDefault {margin-top:6px;} .bbsType .bbsListTypeDefault thead tr {background:#f6f6f6;} .bbsType .bbsListTypeDefault thead tr th {border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;word-break:break-all; word-wrap: break-word;} .bbsType .bbsListTypeDefault thead tr th.num {border-left:1px solid #e0e0e0;} .bbsType .bbsListTypeDefault thead tr th.hit {border-right:1px solid #e0e0e0;} .bbsType .bbsBtn {margin-top:10px;} .webView {display:block;} .mobileView {display:none;} .mobileView img {max-size:100%;} .bbsView .area_int_sns_m {position:absolute;top:10px;right:0px;margin:0;padding:0;} .bbsView .area_sns {float:left;margin:2px 0 0 5px;} .bbsView .info .info_count {float:left;} .bbsView .area_sns li.fb_like {min-width:86px;} /* */ #view_cont {border-top:2px solid #000;} #view_cont .view_cont_box {position:relative;padding:44px 0 10px;margin:0 auto;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;} #view_cont .area_int_sns_m {position:absolute;top:0px;right:0px;*width:300px;padding-right:29px;} #cjenmPlayerBox {position:relative;width:640px;margin:0 auto;} /* 2018.04.09 Player Ratio */ #view_cont .vodWrap {width:640px;height:360px;margin:0 auto;} .btn_contdetail {margin-top:40px;background:url('http://img.lifestyler.co.kr/DevIMG/frontenm/ch/common/images/tv/bg_info.gif') repeat-x 0 0; height:31px; padding:3px 0 0 0; letter-spacing:-1px;clear:both;} .btn_contdetail a.btn_detail_off {background:url('http://img.lifestyler.co.kr/DevIMG/frontenm/ch/common/images/tv/btn_set.gif') no-repeat right -1430px; width:73px; color:#666; padding-right:10px; font-size:11px; font-weight:bold; margin:7px auto 0; display:block;} .btn_contdetail a.btn_detail_on {background:url('http://img.lifestyler.co.kr/DevIMG/frontenm/ch/common/images/tv/btn_set.gif') no-repeat right -1445px; width:73px; color:#666; padding-right:10px; font-size:11px; font-weight:bold; margin:7px auto 0; display:block;} .detail_cont { padding:20px 39px; background:#fbfbfb;border-top:1px solid #ebebeb;} .detail_cont a {color:#444;} .prog_intro h3.intro {background-position:0 -630px !important; width:100px; height:15px;} .prog_intro p.intro_txt {line-height:18px; margin-bottom:10px; padding-bottom:10px; } .prog_intro dl {padding:20px 0 15px 0;background:url('http://img.lifestyler.co.kr/DevIMG/frontenm/ch/common/images/tv/line1.gif') repeat-x 0 top;} .prog_intro dt {width:76px; color:#666; margin-bottom:11px; line-height:17px; float:left;} .prog_intro dd {/*width:560px;*/ color:#333; margin-bottom:11px; line-height:18px;} .prog_intro dd.intro_algn {padding-left:76px; line-height:17px;} .prog_intro dd.intro_algn span {color:#666;} .prog_intro dd.intro_algn ul {overflow:hidden; *zoom:1;} .prog_intro dd.intro_algn ul:after {content:""; display:block; clear:both;} .prog_intro dd em {font-style:normal; color:#d2d2d2; padding:0 5px;} .prog_intro span.icon_info2, .prog_intro a.icon_info2 {background:url("http://img.lifestyler.co.kr/DevIMG/frontenm/ch/common/images/music/music_btn.gif") no-repeat -60px -248px; display:block; float:left; height:14px; margin:2px 5px 0 0; width:15px; vertical-align:middle;} .prog_intro dl.pd1 {padding:20px 0 5px 0 !important;} .prog_intro dl.pd2 {padding:10px 0 5px !important} .prog_intro dd li {float:left; margin-right:10px;} #view_info {padding-top:30px;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;} #view_info .vodCostInfo {position:relative;padding:0 39px;} #view_info .vodCostInfo .btnWrap {position:absolute;top:0px;right:39px;} #view_info .vodCostInfo .btnWrap .bbsBtn {margin:0;} #view_info .vodCostInfo .btnWrap .bbsBtn.productInfo {margin:0 5px 0 0;} .vod_list {overflow:hidden;background:url("http://img.lifestyler.co.kr/DevIMG/frontenm/ch/common/images/tv/line1.gif") repeat-x 0 top; padding-top:20px; clear:both;} .vod_list div.original {float:left; border-right:1px solid #eee; width:182px;} .vod_list div.original .listype1_thum {clear:both; padding-top:10px;} .vod_list div.another {float:right; width:415px; overflow:hidden;} .vod_list div.another .listype1s_thum, .vod_list div.another2 .listype1s_thum {clear:both; padding-top:10px;} .vod_list div.another .listype1s_thum {width:600px;} .vod_list div.another .numb_arr, .vod_list div.another2 .numb_arr {padding:0; margin:0;} .vod_list h3.original {padding:0;border:none;background-position:0 -645px !important; width:60px;} .vod_list h3.another {padding:0;border:none;background-position:0 -660px !important; width:100px;} .vod_list p.sort {float:right;} .vod_list div.another2 {float:left; width:640px; /*overflow:hidden;*/} .vod_list div.another2 .listype1s_thum {width:670px; /*overflow:hidden;*/} .vod_list div.another2 .listype1s_thum li {margin-right:19px;} .vod_list h3.another2 {background-position:0 -780px !important; width:125px; height:16px; float:left;} #view_cont h3 {float:left; display:inline;text-indent:-9999px; height:15px; background:url('http://img.lifestyler.co.kr/DevIMG/frontenm/ch/common/images/tv/tit_set.gif') no-repeat;} #view_cont .title_header {height:30px;} #view_cont .title_header .txt {float:left; color:#666; font-size:11px; padding:2px 4px; line-height:14px;} #view_cont .title_header .txt em {color:#333; font-weight:bold;} #view_cont a.more {background: url("http://img.lifestyler.co.kr/DevIMG/frontenm/ch/common/images/common/icon_common.gif") no-repeat right -27px; color: #A4A4A4; float: right; font-size: 11px; letter-spacing: -1px; line-height: 14px; margin-top: 1px; padding-right: 6px;} #view_cont .title_header a.more {position:static;} #view_cont .tab {display:block;background:url('http://img.lifestyler.co.kr/DevIMG/frontenm/ch/common/images/tv/tab_set.gif') no-repeat;} #view_cont .btn {width:auto;margin-top:0;background:url('http://img.lifestyler.co.kr/DevIMG/frontenm/ch/common/images/tv/btn_set.gif') no-repeat; display:block;text-indent:-99999px;} #view_cont .blind {position:absolute; top:-5000px; left:0; display:block; overflow:hidden; height:0;} .vodTitleWrap {border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;} .vodTitleWrap .vodTitle {padding:7px 20px 10px;font-size:18px;color:#000;font-weight:bold;font-family:'Malgun Gothic';border-bottom:1px solid #dcdcdc;} .vodTitleWrap .vodPoc {position:relative;padding:14px 20px 12px;border-bottom:1px solid #dcdcdc;} .vodTitleWrap .vodPoc a.channel {font-weight:bold;color:#444;} .vodTitleWrap .vodPoc a.program {display:inline-block;margin-left:10px;} .vodTitleWrap .vodPoc .info_count {position:absolute;top:20px;right:20px;} #view_cont .list_movie {position:relative;width:710px; overflow:hidden; border-bottom:1px solid #eee; margin-bottom:40px;} #view_cont .list_viewcont {width:710px; overflow:hidden;} #view_cont .list_viewcont .title_header {border-bottom:1px solid #eee !important; margin-bottom:24px;} #view_cont .list_movie .listype1_thum, #view_cont .recent_movie .listype1_thum, #view_cont .list_viewcont .listype1_thum {width:750px;} #view_cont .list_movie li {height:197px;} #view_cont .list_viewcont .listype1_thum li {height:196px; width:150px;} #view_cont .list_movie li.selected .pic_b {border:4px solid #25B8E9; height:76px; opacity:1.0; filter:alpha(opacity=100); width:142px; z-index:10;} #view_cont .recent_movie {width:710px; border-bottom:1px solid #eee; margin-bottom:40px;clear:both;} #view_cont .recent_movie:after {content:""; clear:both; display:block;} #view_cont .recent_movie li {height:184px; padding-bottom:0px;} #view_cont .recent_movie .date {margin-top:6px;} #view_cont .recent_movie dt {line-height:16px;} #view_cont .recent_movie dt img {margin-right:5px; float:left;} #view_cont .recent_movie dd a {width:150px; height:14px;} #view_cont .list_movie a.more {position:absolute;top:1px;right:0;} /*listype1_thum, _small */ .listype1_thum {overflow:hidden;} .listype1_thum li {float:left; position:relative; width:150px; margin-right:36px; * display:inline;} .listype1_thum li.selected .pic_b {border:4px solid #25B8E9; height:76px; opacity:1.0; filter:alpha(opacity=100); width:142px; z-index:10;} .listype1s_thum li {float:left; position:relative; width:114px; margin-right:36px; * display:inline;} .listype1_thum li.last { margin-right:0; } .listype1_thum li img, .listype1s_thum li img {vertical-align:top;} .listype1_thum dl, .listype1s_thum dl {float:left;} .listype1_thum dt {margin:9px 0 0 0;color:#333; line-height:15px; width:150px;} .listype1_thum dt a {color:#444;} .listype1_thum dd {width:150px; margin-top:5px;} .listype1_thum dd.sub_tit {width:150px; margin-top:3px;} .listype1s_thum dt {margin:10px 0 3px 0;color:#333; line-height:15px;} .listype1_thum dd a, .listype1s_thum dd a, .listype1_thum dd, .listype1s_thum dd {font-size:11px; color:#666; line-height:15px;} .listype1_thum dd em {color:#d8d8d8; padding:0 6px;} .listype1_thum dd.date, .listype1s_thum dd.date {color:#666; font-family:tahoma; font-size:11px; margin-top:5px;} .listype1_thum .musician {margin-top:6px !important;} .listype1_thum .musician a, .listype1s_thum .musician a {font-size:11px; color:#666;} .listype1s_thum li.last {margin-right:0;} .listype1s_thum li .w150 {width:112px; height:62px;} .listype1s_thum li .shdw {background-position:0 64px;} .listype1s_thum li .time {top:45px;} .listype1s_thum li .btn_tvplay {top:46px;} .listype1_thum li img {width:150px;height:84px;} .listype1s_thum li img {width:114px;height:62px} /*thumover_images_common*/ .thumover {position:relative; display:block; z-index:1; } .thumover:hover {text-decoration:none;} .thumover img {font-size:0;} .shdw {position:absolute;left:1px; top:1px; background:url('http://img.lifestyler.co.kr/DevIMG/frontenm/ch/common/images/tv/thum_over195.gif') 0 bottom; opacity:.3; filter:alpha(opacity = 30); cursor:pointer; z-index:2;} .thumover:hover .shdw {opacity:.6; filter:alpha(opacity = 60); z-index:2;} span.time {position:absolute; left:6px; top:65px; color:#eaebe3; font-family:tahoma; font-size:10px; z-index:3; line-height:14px;} a.btn_tvplay {position:absolute; right:5px; top:65px; background:url('http://img.lifestyler.co.kr/DevIMG/frontenm/ch/common/images/tv/btn_playthum.png') 0 0 no-repeat; width:19px; height:14px;text-indent:-99999px;z-index:3;} .pic_b {z-index:1;} /*list_popular*/ .list_popular {width:720px; border-top:1px solid #ccc; padding-top:25px;} .list_popular .listype1_thum {width:750px;} .list_popular .listype1_thum li {height:196px;} .listype1_mv li {height:184px !important;} .listype1_mv2 li {height:194px !important; padding-bottom:0 !important;} .list_popular .mgno {margin-right:0;} .list_popular dt {line-height:15px;word-wrap:pre-wrap; _height:31px; max-height:31px; overflow:hidden} .list_popular dt img {float:left; margin-right:5px;} .list_popular li {height:203px; * height:190px !important;;} #view_cont .sort_align {margin:0 auto;} /*tab_menu_1-5*/ #view_cont .tab_menu {margin:30px 0 25px 0;background-position:right -580px; height:37px; width:720px;} #view_cont .tab_menu ul li, #view_cont .tab_menu ul li a, #view_cont .tab_menu2 ul li, #view_cont .tab_menu2 ul li a {float:left; height:37px; line-height: 20px;} #view_cont .tab_menu ul li span, #view_cont .tab_menu2 ul li span {display:inline-block;text-indent:-99999px;} /*menu_1*/ #view_cont .tab_menu1_1 {background-position:0 0; width:122px;} #view_cont .tab_menu1_1:hover {background-position:0 -50px; width:122px; height:36px;} #view_cont .tab_menu1_1on {background-position:0 -50px; width:122px;} #view_cont .tab_menu1_2 {background-position:-122px 0; width:121px;} #view_cont .tab_menu1_2:hover {background-position:-122px -50px; width:121px; height:36px;} #view_cont .tab_menu1_2on {background-position:-122px -50px; width:121px;} #view_cont .tab_menu1_3 {background-position:-243px 0; width:121px;} #view_cont .tab_menu1_3:hover {background-position:-243px -50px; width:121px; height:36px;} #view_cont .tab_menu1_3on {background-position:-243px -50px; width:121px;} #view_cont .tab_menu1_4 {background-position:-364px 0; width:121px;} #view_cont .tab_menu1_4:hover {background-position:-364px -50px; width:121px; height:36px;} #view_cont .tab_menu1_4on {background-position:-364px -50px; width:121px;} /*menu_2*/ #view_cont .tab_menu2_1 {background-position:0 -101px; width:151px;} #view_cont .tab_menu2_1:hover {background-position:0 -140px; width:151px; height:36px ;} #view_cont .tab_menu2_1on {background-position:0 -140px; width:151px; height:36px;} #view_cont .tab_menu2_2 {background-position:-151px -101px; width:152px; } #view_cont .tab_menu2_2:hover {background-position:-151px -140px; width:152px;} #view_cont .tab_menu2_2on {background-position:-151px -140px; width:152px; height:36px;} /*menu_3*/ #view_cont .tab_menu3_1 {background-position:0 -200px; width:118px;} #view_cont .tab_menu3_1:hover {background-position:0 -240px; width:118px; height:36px;} #view_cont .tab_menu3_1on {background-position:0 -240px; width:118px;} #view_cont .tab_menu3_2 {background-position:-118px -200px; width:119px; } #view_cont .tab_menu3_2:hover {background-position:-118px -240px; width:119px; height:36px;} #view_cont .tab_menu3_2on {background-position:-118px -240px; width:119px; } #view_cont .tab_menu3_3 {background-position:-237px -200px; width:118px;} #view_cont .tab_menu3_3:hover {background-position:-237px -240px; width:118px; height:36px;} #view_cont .tab_menu3_3on {background-position:-237px -240px; width:118px;} #view_cont .tab_menu3_4 {background-position:-355px -200px; width:118px; } #view_cont .tab_menu3_4:hover {background-position:-355px -240px; width:118px; height:36px;} #view_cont .tab_menu3_4on {background-position:-355px -240px; width:118px;} #view_cont .tab_menu3_5 {background-position:-473px -200px; width:118px;} #view_cont .tab_menu3_5:hover {background-position:-473px -240px; width:118px; height:36px;} #view_cont .tab_menu3_5on {background-position:-473px -240px; width:118px;} #view_cont .tab_menu3_6 {background-position:-591px -200px; width:118px; } #view_cont .tab_menu3_6:hover {background-position:-591px -240px; width:118px; height:36px;} #view_cont .tab_menu3_6on {background-position:-591px -240px; width:118px; } /*menu_4*/ #view_cont .tab_menu4_1 {background-position:0 -300px; width:149px; } #view_cont .tab_menu4_1:hover {background-position:0 -340px; width:149px; height:36px;} #view_cont .tab_menu4_1on {background-position:0 -340px; width:149px;} #view_cont .tab_menu4_2 {background-position:-149px -300px; width:148px; } #view_cont .tab_menu4_2:hover {background-position:-149px -340px; width:148px; height:36px;} #view_cont .tab_menu4_2on {background-position:-149px -340px; width:148px;} #view_cont .tab_menu4_3 {background-position:-297px -300px; width:148px; } #view_cont .tab_menu4_3:hover {background-position:-297px -340px; width:148px; height:36px;} #view_cont .tab_menu4_3on {background-position:-297px -340px; width:148px; } /*menu_5*/ #view_cont .tab_menu5_1 {background-position:0 -400px; width:118px;} #view_cont .tab_menu5_1:hover {background-position:0 -440px; width:118px; height:36px;} #view_cont .tab_menu5_1on {background-position:0 -440px; width:118px;} #view_cont .tab_menu5_2 {background-position:-118px -400px; width:119px;} #view_cont .tab_menu5_2:hover {background-position:-118px -440px; width:119px; height:36px;} #view_cont .tab_menu5_2on {background-position:-118px -440px; width:119px;} #view_cont .tab_menu5_3 {background-position:-237px -400px; width:118px;} #view_cont .tab_menu5_3:hover {background-position:-237px -440px; width:118px; height:36px;} #view_cont .tab_menu5_3on {background-position:-237px -440px; width:118px;} #view_cont .tab_menu5_4 {background-position:-355px -400px; width:118px;} #view_cont .tab_menu5_4:hover {background-position:-355px -440px; width:118px; height:36px;} #view_cont .tab_menu5_4on {background-position:-355px -440px; width:118px;} #view_cont .tab_menu5_5 {background-position:-473px -400px; width:118px;} #view_cont .tab_menu5_5:hover {background-position:-473px -440px; width:118px; height:36px;} #view_cont .tab_menu5_5on {background-position:-473px -440px; width:118px;} /*menu_6*/ #view_cont .tab_menu6_1 {background-position:0 -500px; width:118px;} #view_cont .tab_menu6_1:hover {background-position:0 -540px; width:118px; height:36px;} #view_cont .tab_menu6_1on {background-position:0 -540px; width:118px;} #view_cont .tab_menu6_2 {background-position:-118px -500px; width:119px;} #view_cont .tab_menu6_2:hover {background-position:-118px -540px; width:119px; height:36px;} #view_cont .tab_menu6_2on {background-position:-118px -540px; width:119px;} /*menu_7*/ #view_cont .tab_menu7_1 {background-position:0 -620px; width:151px;} #view_cont .tab_menu7_1:hover {background-position:0 -660px; width:151px; height:36px;} #view_cont .tab_menu7_1on {background-position:0 -660px; width:151px; } #view_cont .tab_menu7_2 {background-position:-151px -620px; width:152px;} #view_cont .tab_menu7_2:hover {background-position:-151px -660px; width:152px; height:36px;} #view_cont .tab_menu7_2on {background-position:-151px -660px; width:152px;} #view_cont .tab_menu7_3 {background-position:-303px -620px; width:151px;} #view_cont .tab_menu7_3:hover {background-position:-303px -660px; width:151px; height:36px;} #view_cont .tab_menu7_3on {background-position:-303px -660px; width:151px;} #view_cont .tab_menu7_4 {background-position:-454px -620px; width:152px;} #view_cont .tab_menu7_4:hover {background-position:-454px -660px; width:152px; height:36px;} #view_cont .tab_menu7_4on {background-position:-454px -660px; width:152px;} /*menu_8*/ #view_cont .tab_menu8_1 {background-position:0 -700px; width:101px; } #view_cont .tab_menu8_1:hover {background-position:0 -740px; width:101px;} #view_cont .tab_menu8_1on {background-position:0 -740px; width:101px; border-bottom:1px solid #fff; height:36px !important;} #view_cont .tab_menu8_2 {background-position:-101px -700px; width:101px; } #view_cont .tab_menu8_2:hover {background-position:-101px -740px; width:101px; } #view_cont .tab_menu8_2on {background-position:-101px -740px; width:101px; border-bottom:1px solid #fff; height:36px !important;} #view_cont .tab_menu8_3 {background-position:-202px -700px; width:101px; } #view_cont .tab_menu8_3:hover {background-position:-202px -740px; width:101px; } #view_cont .tab_menu8_3on {background-position:-202px -740px; width:101px; border-bottom:1px solid #fff; height:36px !important;} #view_cont .tab_menu8_4 {background-position:-303px -700px; width:101px; height:36px !important;} #view_cont .tab_menu8_4:hover {background-position:-303px -740px; width:101px; height:36px !important;} #view_cont .tab_menu8_4on {background-position:-303px -740px; width:101px; border-bottom:1px solid #fff; height:36px !important;} #view_cont .tab_menu8_5 {background-position:-404px -700px; width:101px;} #view_cont .tab_menu8_5:hover {background-position:-404px -740px; width:101px;} #view_cont .tab_menu8_5on {background-position:-404px -740px; width:101px; border-bottom:1px solid #fff; height:36px !important;} #view_cont .tab_menu8_6 {background-position:-505px -700px; width:101px; } #view_cont .tab_menu8_6:hover {background-position:-505px -740px; width:101px; } #view_cont .tab_menu8_6on {background-position:-505px -740px; width:101px; border-bottom:1px solid #fff; height:36px !important;} #view_cont .tab_menu8_7 {background-position:-606px -700px; width:102px; } #view_cont .tab_menu8_7:hover {background-position:-606px -740px; width:102px; } #view_cont .tab_menu8_7on {background-position:-606px -740px; width:102px; border-bottom:1px solid #fff; height:36px !important;} #view_cont .tab_menu8_1on span, #view_cont .tab_menu8_2on span, #view_cont .tab_menu8_3on span, #view_cont .tab_menu8_4on span, #view_cont .tab_menu8_5on span, #view_cont .tab_menu8_6on span, #view_cont .tab_menu8_7on span {color:#333 !important;} #view_cont .tab_sche {position:relative;} #view_cont .tab_sche li {position:relative;} #view_cont .tab_sche em.today {background-position:0 -1495px; width:43px; height:20px; position:absolute; display:block; top:-7px; left:30px;} #view_cont .tab_sche a span {font-family:tahoma; font-size:12px; font-weight:bold; color:#666; padding:10px auto; display:block !important; margin:10px auto 5px auto; text-align:center; cursor:pointer;} #view_cont .tab_sche a span:hover {color:#333;} #view_cont .tab_sche a span.on {color:#333;} #view_cont .tab_sche a:hover {text-decoration:none;} #view_cont .tab_sche a em {font-size:11px; font-family:'?��?',Dotum; padding-left:3px;} /*menu_9*/ #view_cont .tab_menu9_1 {background-position:0 -780px; width:142px;} #view_cont .tab_menu9_1:hover {background-position:0 -820px; height:36px;} #view_cont .tab_menu9_1on {background-position:0 -820px; width:142px;} #view_cont .tab_menu9_2 {background-position:-142px -780px; width:142px;} #view_cont .tab_menu9_2:hover {background-position:-142px -820px; width:142px; height:36px;} #view_cont .tab_menu9_2on {background-position:-142px -820px; width:142px;} #view_cont .tab_menu9_3 {background-position:-284px -780px; width:143px;} #view_cont .tab_menu9_3:hover {background-position:-284px -820px; width:143px; height:36px;} #view_cont .tab_menu9_3on {background-position:-284px -820px; width:143px;} #view_cont .tab_menu9_4 {background-position:-427px -780px; width:142px;} #view_cont .tab_menu9_4:hover {background-position:-427px -820px; width:142px; height:36px;} #view_cont .tab_menu9_4on {background-position:-427px -820px; width:142px;} #view_cont .tab_menu9_5 {background-position:-569px -780px; width:140px;} #view_cont .tab_menu9_5:hover {background-position:-569px -820px; width:140px; height:36px;} #view_cont .tab_menu9_5on {background-position:-569px -820px; width:140px;} #view_cont .list_viewcont {width:720px; overflow:hidden;} #view_cont .list_viewcont .title_header {overflow:hidden;border-bottom:1px solid #eee !important;} #view_cont .sort_align a {float:left;} #view_cont .sort_align a.latest {background-position:-67px -270px; width:42px; height:18px;} #view_cont .sort_align a.latest:hover, #view_cont .sort_align a.latest_on {background-position:-67px -300px; width:42px; height:18px;} #view_cont .sort_align a.latest2 {background-position:0 -1000px; width:42px; height:18px;} #view_cont .sort_align a.latest2:hover, #view_cont .sort_align a.latest2_on {background-position:0 -1018px; width:42px; height:18px;} #view_cont .sort_align a.popular {background-position:-109px -270px; width:42px; height:18px;} #view_cont .sort_align a.popular:hover, #view_cont .sort_align a.popular_on{background-position:-109px -300px; width:42px; height:18px;} #view_cont .sort_align a.popular2 {background-position:-42px -1000px; width:41px; height:18px;} #view_cont .sort_align a.popular2:hover, #view_cont .sort_align a.popular2_on{background-position:-42px -1018px; width:41px; height:18px;} #view_cont .sort_align a.likeit {background-position:-83px -1000px; width:51px; height:18px;} #view_cont .sort_align a.likeit:hover, #view_cont .sort_align a.likeit_on{background-position:-83px -1018px; width:51px; height:18px;} #view_cont .sort_align a.ganada {background-position:-83px -1050px; width:51px; height:18px;} #view_cont .sort_align a.ganada:hover, #view_cont .sort_align a.ganada_on{background-position:-83px -1068px; width:51px; height:18px;} .guide_sort {width:134px; float:right; margin:14px 5px 0 0;} .guide_sort li {float:left;} #view_cont .numb_arr {float:right;letter-spacing:-4px;} #view_cont .numb_arr span {color:#a1a1a1; font-weight:bold; letter-spacing:1px; margin-right:3px; display:inline-block; font-size:11px; vertical-align: middle;} #view_cont .numb_arr em {color:#333; font-weight:normal; font-weight:bold;} #view_cont .numb_arr a.btn.pre {background-position:0 -475px; width:16px; height:15px; display:inline-block; vertical-align: middle;} #view_cont .numb_arr a.btn.next {background-position:-16px -475px; width:16px; height:15px; display:inline-block; vertical-align: middle;} #view_cont .numb_arr a.view_list {background-position:0 -600px; width:49px; height:23px; display:inline-block; vertical-align: middle; position:relative;} #view_cont .sort_align a {float:left;} #view_cont .sort_align a.simple {background-position:0 -270px; width:21px; height:18px;} #view_cont .sort_align a.simple:hover, #view_cont .sort_align a.simple_on {background-position:0 -300px; width:21px; height:18px;} #view_cont .sort_align a.detail {background-position:-21px -270px; width:20px; height:18px;} #view_cont .sort_align a.detail:hover, #view_cont .sort_align a.detail_on {background-position:-21px -300px; width:20px; height:18px;} #view_cont .sort_align a.to50 {background-position:0 -540px; width:66px; height:28px;} #view_cont .sort_align a.to50_on {background-position:0 -568px; width:66px; height:28px;} #view_cont .sort_align a.to100 {background-position:-66px -540px; width:84px; height:28px;} #view_cont .sort_align a.to100_on {background-position:-66px -568px; width:84px; height:28px;} h3.clip {background-position:0 -549px !important; width:27px; height:15px;} h3.review {background-position:0 -530px !important; width:52px; height:15px;} h3.program_music {background-position:0 -570px !important; width:110px; height:15px;} h3.h3_recent_movie {background-position:0 -739px !important; width:95px; height:15px;} h3.h3_popular_movie {background-position:0 -760px !important; width:95px; height:15px;} /*listype4_down*/ .listype4_down {clear:both;*zoom:1;} .listype4_down:after {content:""; clear:both;display:block;} .listype4_down li {border-bottom:1px solid #ebebeb; position:relative; padding:26px 0 27px 0; *zoom:1;} .listype4_down li:hover {background:#f8f8f8;} .listype4_down li:after {content:""; clear:both;display:block;} .listype4_down dl {float:left; width:495px;margin-bottom:9px;} .listype4_down dt {overflow:hidden;width:490px; margin-bottom:6px; height:19px; white-space:normal; word-wrap:break-word;} .listype4_down dt em {font-size:14px;font-weight:bold; line-height:20px; color:#333;} .listype4_down dt a {font-size:14px; margin-top:1px;font-weight:bold;color:#444; height:18px; line-height:19px; width:454px;} .listype4_down dt .rank { height:17px; display:inline-block; padding:0 7px 0 7px; margin-right:10px; font:bold 14px/18px dotum; color:#fff; border:1px solid #a0a0a0; background-color:#bababa; } .listype4_down dt .rank_bg { border:1px solid #189fbc; background-color:#3db9e2; } .listype4_down dd {width:495px; margin:0 0 8px 0; line-height:19px; } .listype4_down dd a {color:#666;} .listype4_down p {color:#666; line-height:17px; font-size:11px; font-family:dotum, tahoma; float:right;width:510px; padding-bottom:1px;} .listype4_down p.type {color:#666; line-height:17px; font-size:11px; float:right; width:400px; padding:0 95px 0 0;} .listype4_down p a {color:#666; font-family:dotum, tahoma;} .listype4_down span {color:#666; margin-right:8px; float:left;} .listype4_down span.actor {float:left; width:360px;} .listype4_down span.actor2 {float:left; width:430px;} .listype4_down span.actor2 span {float:none; margin:0;} .listype4_down em {color:#d7d7d7; padding:0 12px 0 13px;} .listype4_down input.btn_download {background-position:0 -500px; width:77px; height:31px; text-indent:-9999px; border:0; cursor:pointer; position:absolute; right:0; bottom:30px; display:block;} .listype4_down input.btn_box {background-position:-100px -500px; width:41px; height:31px; text-indent:-9999px; border:0; cursor:pointer; position:absolute; right:0; top:79px; display:block;} .listype4_down .time {top:90px; left:7px; color:#fff; z-index:5;} .listype4_down a.btn_tvplay {top:91px; left:172px; z-index:6;} .listype4_down .thum_area {position:relative; float:left; margin-right:16px;} .listype4_down .thum_area .thumover {left:0; width:195px; height:110px;} .listype4_down span.date {color:#666; margin-right:8px; float:none;} .listype4_down .thum_area img {width:195px;height:110px;} .icon_tvhot {background-position:0 -1380px; display:block; width:47px; height:46px; position:absolute; z-index:100;} .icon_tvnew {background-position:0 -1280px; display:block; width:47px; height:46px; position:absolute; z-index:100;} .icon_tvbest {background-position:0 -1330px; display:block; width:47px; height:46px; position:absolute; z-index:100;} .listype4_down2 li {border-bottom:1px solid #ebebeb; padding:25px 0; position:relative;} .listype4_down2 li a img {float:left; width:218px; margin-right:20px;} .listype4_down2 dl {float:left; width:468px; background:url('http://img.lifestyler.co.kr/DevIMG/frontenm/ch/common/images/tv/line2.gif') repeat-x 1px bottom; margin-bottom:9px;} .listype4_down2 dt a {font-size:14px; font-weight:bold; width:468px; height:17px;} .listype4_down2 dd {width:468px; margin:7px 0 8px 0; line-height:18px;} .listype4_down2 p {color:#666; line-height:16px; font-size:11px; float:right;width:472px;} .listype4_down2 p span {color:#666; margin-right:15px; float:left;} .listype4_down2 span.actor {float:left; width:280px;} .listype4_down2 span.actor2 {float:left; width:390px;} .listype4_down2 span.actor2 span {float:none; margin:0;} .listype4_down2 p a {color:#666;} .listype4_down2 p em {color:#d7d7d7; padding:0 2px 0 3px;} .listype4_down2 a.more_info_on {font-size:11px; color:#666; letter-spacing:-1px; background-position:right -380px; padding-right:18px; height:12px; position:absolute; right:0; top:137px; display:block !important;} .listype4_down2 a.more_info_off {font-size:11px; color:#666; letter-spacing:-1px; background-position:right -400px; padding-right:18px; height:12px; position:absolute; right:0; top:137px; display:block !important;} .listype4_down2 span.date {color:#666; margin-right:10px; letter-spacing:-1px; float:none;} .pic_b {display:block;position:absolute; top:0; left:0; border:1px solid #000; opacity:.1; filter:alpha(opacity=10);} #view_cont .list_viewcont .title_header.mgb0 {margin-bottom:0;} #view_cont .sort_align {float:right;} /*리스??버튼 모음*/ #view_cont .sort_align a {float:left;} #view_cont .sort_align a.latest {background-position:-67px -270px; width:42px; height:18px;} #view_cont .sort_align a.latest:hover, #view_cont .sort_align a.latest_on {background-position:-67px -300px; width:42px; height:18px;} #view_cont .sort_align a.latest2 {background-position:0 -1000px; width:42px; height:18px;} #view_cont .sort_align a.latest2:hover, #view_cont .sort_align a.latest2_on {background-position:0 -1018px; width:42px; height:18px;} #view_cont .sort_align a.popular {background-position:-109px -270px; width:42px; height:18px;} #view_cont .sort_align a.popular:hover, #view_cont .sort_align a.popular_on{background-position:-109px -300px; width:42px; height:18px;} #view_cont .sort_align a.popular2 {background-position:-42px -1000px; width:41px; height:18px;} #view_cont .sort_align a.popular2:hover, #view_cont .sort_align a.popular2_on{background-position:-42px -1018px; width:41px; height:18px;} #view_cont .sort_align a.likeit {background-position:-83px -1000px; width:51px; height:18px;} #view_cont .s ort_align a.likeit:hover, #view_cont .sort_align a.likeit_on{background-position:-83px -1018px; width:51px; height:18px;} #view_cont .sort_align a.ganada {background-position:-83px -1050px; width:51px; height:18px;} #view_cont .sort_align a.ganada:hover, #view_cont .sort_align a.ganada_on{background-position:-83px -1068px; width:51px; height:18px;} .guide_sort {width:134px; float:right; margin:14px 5px 0 0;} .guide_sort li {float:left;} /*nav_small_type1*/ .nav_type1 {float:left; margin-top:4px;} .nav_type1 li {float:left;} .nav_type1 li a {display:block;float:left; color:#666;} .nav_type1 li a:hover {display:block;float:left; color:#000;} .nav_type1 li.on a {font-weight:bold; color:#333;} .nav_type1 li.on a:hover {text-decoration:none;} .nav_type1 li.on span {font-weight:bold;} .nav_type1 li em {color:#dbdbdb; padding:0 7px 0 6px;} .nav_type1 li span {font-weight:normal; padding-left:3px;} .mgtype1 {margin:-9px 0 20px 0;} /*nav_small_type2*/ .nav_type2 {float:left; padding-left:1px;} .nav_type2 li {float:left; line-height:15px; font-size:11px;} .nav_type2 li.on {margin-left:-1px;} .nav_type2 li a {color:#666; display:block;float:left;background:url('/images/music/sort_right.gif') no-repeat right top;font-weight:bold;letter-spacing:-1px; padding:3px 7px 3px 6px; cursor:pointer;} .nav_type2 li a:hover {text-decoration:none;} .nav_type2 li.last a{background:url('')} .nav_type2 li.on a {background:url('/images/tv/nav_bg.gif') no-repeat left top !important;padding:0 0 0 5px;color:#ffffff;height:20px;display:inline-block;} .nav_type2 li.on a span {background:#fff url('/images/tv/nav_bg.gif') no-repeat right top !important; height:20px; padding:3px 5px 3px 0; display:inline-block;} .nav_type2 li span em {font-weight:normal; letter-spacing:0; padding-left:3px;} .list_noresult {border-top:1px solid #ccc; width:710px; text-align:center; font-weight:bold; padding:70px 0; font-size:14px;} .list_noresult2 {border-bottom:1px solid #ccc; width:710px; text-align:center; font-weight:bold; padding:70px 0 90px 0; font-size:14px;} .list_noresult3 {border-top:1px solid #ccc; width:710px; text-align:center; font-weight:bold; padding:70px 0; font-size:14px; margin-top:0px;} .view_cont_box .area_sns {margin:2px 0 0 5px;} .w195 {width:193px; height:109px;} .w150 {width:148px; height:82px;} .w125 {width:123px; height:69px;} .w206 {width:206px; height:115px} .w656 {width:656px; height:256px;} .w216 {width:216px; height:121px;} .w400 {width:398px; height:248px;} .w327 {width:325px; height:182px;} .w203 {width:201px; height:112px;} .w293 {width:293px; height:182px;} .w227 {width:216px; height:121px;} .w70 {width:68px; height:41px;} .w48 {width:48px; height:48px;} .w66 {width:64px; height:35px;} .w98 {width:98px; height:98px;} .w114 {width:112px; height:62px;} .mgl5 {margin-left:5px;} .giftmapBanner {margin-top:10px;} /*20130531_schedule icon*/ .programInfo em.iconB {background:url('../images/common/icon/icon_set.gif') no-repeat 0 -510px;display:inline-block;width:16px;height:18px;text-indent:-9999px;overlfow:hidden;margin-right:4px;} .programInfo em.ic_subtit {background-position:0 -510px;} .programInfo em.ic_screen {background-position:0 -540px;} .programInfo em.ic_sign {background-position:0 -570px;} .video em.iconB {background:url('../images/common/icon/icon_set.gif') no-repeat 0 -510px;display:inline-block;width:16px;height:18px;text-indent:-9999px;overlfow:hidden;margin-right:4px;} .video em.ic_subtit {background-position:0 -510px;} .video em.ic_screen {background-position:0 -540px;} .video em.ic_sign {background-position:0 -570px;} .scheduler .desc li span.ic_subtit {background-position:0 -510px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .scheduler .desc li span.ic_screen {background-position:0 -540px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .scheduler .desc li span.ic_sign {background-position:0 -570px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} /*chtv VODLIST */ .vodList02 {margin-top:30px;} .vodList02 > li {overflow:hidden;padding:25px 0;border-bottom:1px solid #d9d9d9;} .vodList02 > li:first-child {padding-top:5px;} .vodList02 > li .thumbnail {position:relative;float:left;width:260px;height:130px;border:1px solid #cdcdcd;} .vodList02 > li .thumbnail .icon_newVod {position:absolute;top:0px;left:0px;width:54px;height:54px;background:url('http://img.lifestyler.co.kr/NewIMG/common/ico_new_movie.png') no-repeat;} .vodList02 > li .thumbnail img {width:260px;height:130px;} .vodList02 > li .InfoWrap {float:right;width:428px;} .vodList02 > li .InfoWrap a {display:block;margin-bottom:5px;} .vodList02 > li .InfoWrap a.title {overflow:hidden;width:428px;font-size:14px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;line-height:22px;} .vodList02 > li .InfoWrap a.synopsis {font-size:11px;color:#666;line-height:16px;} .vodList02 > li .InfoWrap .vcInfo {padding-top:10px;line-height:18px;} .vodList02 > li .InfoWrap .vcInfo li {color:#767676;} .vodList02 > li .InfoWrap .vcInfo li span {font-weight:bold;} .hidden {font-size:0;position:absolute;top:-10000px;left:-10000px;text-indent:-999999px;} /* 웹접근성 관련 Color */ h4.joinEvt, .evtAnnounce tbody tr td span, .bbsView .bbsInfo .info span, .otherEvent ul li span, .evtTop3 ul li dl dd.evtPoc, .evtTop3 ul li dl dd.date, .scheduleEvtList li dl dd.evtPoc, .no_list, .evtAnnounceView .announceBox dl dd, .paginate a { color:#767676; } .scheduleTop .evtDate .date ul li.month { color:#5d5858; } .paginate .selected { text-decoration:underline; } /* 웹접근성 관련 추가 */ /* 당첨자 발표 DropMenu */ .joinEvtDropMenu { float:left; width:150px; height:23px; } .joinEvtDropMenu .joinEvtDropMenuInner { position:relative; } .joinEvtDropMenu .joinEvtDropMenuTi { margin:0; padding:0; font-size:12px; color:#333333; line-height:14px; border:1px solid #b2b2b2; background:#f8f8f8 url(../images/icon_joinevtdrowmenu_01.gif) no-repeat right center; } .joinEvtDropMenu .joinEvtDropMenuTi a { padding:4px 23px 4px 9px; font-size:12px; color:#333333; line-height:14px; display:block; } .joinEvtDropMenu .joinEvtDropMenuCo { position:absolute; width:100%; display:none; } .joinEvtDropMenu .joinEvtDropMenuCo ul { min-height:100px; padding:5px 0; border:1px solid #b2b2b2; border-top:0 none; background-color:#ffffff; overflow-y:auto; } .joinEvtDropMenu .joinEvtDropMenuCo ul.joinEvtDropMenuCoNoScroll { height:auto; overflow-y:visible; } .joinEvtDropMenu .joinEvtDropMenuCo ul li { } .joinEvtDropMenu .joinEvtDropMenuCo ul li a { padding:3px 9px 3px 9px; font-size:12px; color:#333333; line-height:14px; display:block; } .joinEvtDropMenu.rightMenu {float:right;padding:7px 13px 0 0;} .joinEvtDropMenu.rightMenu .joinEvtDropMenuTi {background-color:#fff;} .channelProgram .joinEvtDropMenu.rightMenu {padding:0;} .joinEvtDropMenu.programDropMenu .joinEvtDropMenuInner {*margin-top:37px;} /* Skip Navi */ #skipNivi { position:relative; z-index:2147483647; overflow:visible !important; } #skipNivi a { position:absolute; padding:10px 20px; left:0; top:-60px; width:150px; color:#ffffff; border:2px solid #d80070; background-color:#191919; text-align:center; } #skipNivi a:active, #skipNivi a:focus{ top:0; text-decoration:none; cursor:pointer; zoom:1; } .adList ul {padding:5px 15px 0;} .adList ul li { height:auto; } .adList ul li a { display:block;padding-top:10px; } .adList ul li img { width:210px; height:118px; } /* 동영상 탭 수정 2015.11.02 */ .contentInnerWrap .videoListPocTy1_1102 h3.first { padding-bottom:5px; font-family:'맑은 고딕','Malgun Gothic','돋움',Dotum,'굴림',Gulim,AppleGothic,sans-serif } .contentInnerWrap .videoListPocTy1_1102 ul.navi_depth02 li { padding-right:41px; padding-left:41px; } .videoListPocTy1_1102 .sortingType { position:absolute; right:2px; top:95px; z-index:5; } .videoListPocTy1_1102 .sortingType li { position:relative; padding:0 9px 0 9px; line-height:15px; border-left:1px solid #e1e1e1; } .videoListPocTy1_1102 .sortingType li:first-child { border-left-width:0; } .videoListPocTy1_1102 .sortingType li a { font-size:12px; color:#aaaaaa; } .videoListPocTy1_1102 .sortingType li a.selected { font-weight:normal; color:#555555; } .vodChannel .videoListPocTy1_1102 .vodList { margin-top:0px; padding-top:66px; } .contentInnerWrap .videoListPocTy1_1102 ul.navi_depth03 { position:absolute; left:0; top:94px; z-index:6; } .contentInnerWrap .videoListPocTy1_1102 ul.navi_depth03 li { float:left; margin-left:14px; } .contentInnerWrap .videoListPocTy1_1102 ul.navi_depth03 li:first-child { margin-left:12px; } .contentInnerWrap .videoListPocTy1_1102 ul.navi_depth03 li a { font-size:12px; color:#555555; } .contentInnerWrap .videoListPocTy1_1102 ul.navi_depth03 li a.selected { color:#000000; font-weight:bold; } /* tvN 편성표 픽토그램 수정 2015.12.30 */ .tvn .video em.iconB {background:url('../images/common/icon/icon_set_ty.png') no-repeat 0 0px;display:inline-block;width:16px;height:16px;text-indent:-9999px;overlfow:hidden;margin-right:4px;} .tvn .video em.ic_subtit {background-position:0 -250px;} .tvn .video em.ic_screen {background-position:0 -300px;} .tvn .video em.ic_sign {background-position:0 -350px;} .tvn .scheduler table td.rating span {display:block;width:16px;height:16px;margin:0 auto;text-indent:-9999px;background:url('../images/common/icon/icon_set_ty.png') no-repeat;} .tvn .scheduler table td.rating span.ageAll {background-position:0 0px;} .tvn .scheduler table td.rating span.age7 {background-position:0 -50px;} .tvn .scheduler table td.rating span.age12 {background-position:0 -100px;} .tvn .scheduler table td.rating span.age15 {background-position:0 -150px;} .tvn .scheduler table td.rating span.age19 {background-position:0 -200px;} .tvn .scheduler .desc li span {padding:0 8px 0 16px;background:url('../images/common/icon/icon_set_ty.png') no-repeat 0 0px;} .tvn .scheduler .desc li span.ageAll {background-position:0 4px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .tvn .scheduler .desc li span.age7 {background-position:0 -46px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .tvn .scheduler .desc li span.age12 {background-position:0 -96px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .tvn .scheduler .desc li span.age15 {background-position:0 -146px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .tvn .scheduler .desc li span.age19 {background-position:0 -196px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .tvn .scheduler .desc li span.ic_subtit {background-position:0 -246px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .tvn .scheduler .desc li span.ic_screen {background-position:0 -296px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .tvn .scheduler .desc li span.ic_sign {background-position:0 -346px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .otvn .video em.iconB {background:url('../images/common/icon/icon_set_ty.png') no-repeat 0 0px;display:inline-block;width:16px;height:16px;text-indent:-9999px;overlfow:hidden;margin-right:4px;} .otvn .video em.ic_subtit {background-position:0 -250px;} .otvn .video em.ic_screen {background-position:0 -300px;} .otvn .video em.ic_sign {background-position:0 -350px;} .otvn .scheduler table td.rating span {display:block;width:16px;height:16px;margin:0 auto;text-indent:-9999px;background:url('../images/common/icon/icon_set_ty.png') no-repeat;} .otvn .scheduler table td.rating span.ageAll {background-position:0 0px;} .otvn .scheduler table td.rating span.age7 {background-position:0 -50px;} .otvn .scheduler table td.rating span.age12 {background-position:0 -100px;} .otvn .scheduler table td.rating span.age15 {background-position:0 -150px;} .otvn .scheduler table td.rating span.age19 {background-position:0 -200px;} .otvn .scheduler .desc li span {padding:0 8px 0 16px;background:url('../images/common/icon/icon_set_ty.png') no-repeat 0 0px;} .otvn .scheduler .desc li span.ageAll {background-position:0 4px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .otvn .scheduler .desc li span.age7 {background-position:0 -46px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .otvn .scheduler .desc li span.age12 {background-position:0 -96px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .otvn .scheduler .desc li span.age15 {background-position:0 -146px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .otvn .scheduler .desc li span.age19 {background-position:0 -196px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .otvn .scheduler .desc li span.ic_subtit {background-position:0 -246px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .otvn .scheduler .desc li span.ic_screen {background-position:0 -296px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .otvn .scheduler .desc li span.ic_sign {background-position:0 -346px;padding:0 8px 0 20px;display:inline-block;vertical-align:middle;} .tvn .scheduler .desc li span.ageAll {background-position:0 5px\9\0;} .tvn .scheduler .desc li span.age7 {background-position:0 -45px\9\0;} .tvn .scheduler .desc li span.age12 {background-position:0 -95px\9\0;} .tvn .scheduler .desc li span.age15 {background-position:0 -145px\9\0;} .tvn .scheduler .desc li span.age19 {background-position:0 -195px\9\0;} .tvn .scheduler .desc li span.ic_subtit { background-position:0 -245px\9\0;} .tvn .scheduler .desc li span.ic_screen { background-position:0 -295px\9\0;} .tvn .scheduler .desc li span.ic_sign { background-position:0 -345px\9\0;} @media all\0 { .tvn .scheduler .desc li span.ageAll {background-position:0 4px;} .tvn .scheduler .desc li span.age7 {background-position:0 -46px;} .tvn .scheduler .desc li span.age12 {background-position:0 -96px;} .tvn .scheduler .desc li span.age15 {background-position:0 -146px;} .tvn .scheduler .desc li span.age19 {background-position:0 -196px;} .tvn .scheduler .desc li span.ic_subtit { background-position:0 -247px;} .tvn .scheduler .desc li span.ic_screen { background-position:0 -297px;} .tvn .scheduler .desc li span.ic_sign { background-position:0 -347px;} .otvn .scheduler .desc li span.ageAll {background-position:0 4px;} .otvn .scheduler .desc li span.age7 {background-position:0 -46px;} .otvn .scheduler .desc li span.age12 {background-position:0 -96px;} .otvn .scheduler .desc li span.age15 {background-position:0 -146px;} .otvn .scheduler .desc li span.age19 {background-position:0 -196px;} .otvn .scheduler .desc li span.ic_subtit { background-position:0 -247px;} .otvn .scheduler .desc li span.ic_screen { background-position:0 -297px;} .otvn .scheduler .desc li span.ic_sign { background-position:0 -347px;} } @media screen and (min-width:0\0) { .tvn .scheduler .desc li span.ageAll {background-position:0 5px;} .tvn .scheduler .desc li span.age7 {background-position:0 -45px;} .tvn .scheduler .desc li span.age12 {background-position:0 -95px;} .tvn .scheduler .desc li span.age15 {background-position:0 -145px;} .tvn .scheduler .desc li span.age19 {background-position:0 -195px;} .tvn .scheduler .desc li span.ic_subtit { background-position:0 -245px;} .tvn .scheduler .desc li span.ic_screen { background-position:0 -295px;} .tvn .scheduler .desc li span.ic_sign { background-position:0 -345px;} .otvn .scheduler .desc li span.ageAll {background-position:0 5px;} .otvn .scheduler .desc li span.age7 {background-position:0 -45px;} .otvn .scheduler .desc li span.age12 {background-position:0 -95px;} .otvn .scheduler .desc li span.age15 {background-position:0 -145px;} .otvn .scheduler .desc li span.age19 {background-position:0 -195px;} .otvn .scheduler .desc li span.ic_subtit { background-position:0 -245px;} .otvn .scheduler .desc li span.ic_screen { background-position:0 -295px;} .otvn .scheduler .desc li span.ic_sign { background-position:0 -345px;} } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tvn .scheduler .desc li span.ageAll {background-position:0 5px;} .tvn .scheduler .desc li span.age7 {background-position:0 -45px;} .tvn .scheduler .desc li span.age12 {background-position:0 -95px;} .tvn .scheduler .desc li span.age15 {background-position:0 -145px;} .tvn .scheduler .desc li span.age19 {background-position:0 -195px;} .tvn .scheduler .desc li span.ic_subtit { background-position:0 -245px;} .tvn .scheduler .desc li span.ic_screen { background-position:0 -295px;} .tvn .scheduler .desc li span.ic_sign { background-position:0 -345px;;} .otvn .scheduler .desc li span.ageAll {background-position:0 5px;} .otvn .scheduler .desc li span.age7 {background-position:0 -45px;} .otvn .scheduler .desc li span.age12 {background-position:0 -95px;} .otvn .scheduler .desc li span.age15 {background-position:0 -145px;} .otvn .scheduler .desc li span.age19 {background-position:0 -195px;} .otvn .scheduler .desc li span.ic_subtit { background-position:0 -245px;} .otvn .scheduler .desc li span.ic_screen { background-position:0 -295px;} .otvn .scheduler .desc li span.ic_sign { background-position:0 -345px;} }