div, ul, li {margin:0px; padding:0px;} a, img {border: none;} li {list-style:none;} img {display:inline;} /**[[ PageTitle [일반페이지] / ]]***********/ div.area_pagetitle {padding:6 0 6 0; margin-bottom:10px; border-bottom: 1px #eeeeee solid;} div.area_pagetitle .area_title {position:relative; font-weight:bold; padding:3 0 0 5; font-size:13px; color:#000000;} div.area_pagetitle .area_title img {float:left;} div.area_pagetitle .area_title span.title {} div.area_pagetitle .area_title span.onair_format_type {font-weight:lighter; color:#676767; font-size: 11px; text-align:left; padding-bottom:10px;} div.area_pagetitle .title_navig {float:right; padding:3 0 0 5; font-size:11px; color:#777777; display: block;} .title_navig b {color: #cc0000;} div.details_program {font:normal 12px/120% "Dotum";} /*프로그램 가격 안내*/ div.details_program {text-align:left;} div.details_program div.info_price {margin-bottom:23px; height:94px; background: url(/Web-home/admin_content/images/detail/bg_info_price.gif) repeat-x;} div.details_program div.info_price div.info_price_left {width:8px; height:94px; float:left; background: url(/Web-home/admin_content/images/detail/bg_info_price_left.gif) no-repeat;} div.details_program div.info_price div.info_price_right {width:8px; height:94px; float:right; background: url(/Web-home/admin_content/images/detail/bg_info_price_right.gif) no-repeat;} div.details_program div.info_price_main {height:auto !important; height:82px; min-height:82px; position: relative;} div.details_program div.info_price_main div.title {margin:10px 0px 7px 2px;} div.details_program div.info_price_main ul.btn {position: absolute; top:18px; right:2px;} div.details_program div.info_price_main ul.btn li {display: inline; float: left; margin-left:3px;} div.details_program div.info_price_main ul.list {color: #2f2f2f; padding-left:13px; margin-bottom: 5px;} div.details_program div.info_price_main ul.list li {float:left; width:450px; height:17px; padding-left: 8px; background: url(/Web-home/admin_content/images/detail/icon_dot_01.gif) 0 5px no-repeat;} div.details_program div.info_price_main span {color: #2f2f2f;} div.details_program div.info_price_main span dt {height:17px; padding-left: 8px; background: url(/Web-home/admin_content/images/detail/icon_dot_01.gif) 0 5px no-repeat;} /*프로그램 상세보기*/ div.details_program div.view_program {clear: both;border:1px #fff solid;} div.details_program div.view_program h1 {height: 20px; font: bold 14px/120% "Dotum"; background:url(/Web-home/admin_content/images/detail/icon_tv.gif) 10px 2px no-repeat; padding-left: 25px; float: left; margin-right:7px;} div.details_program div.view_program span {float: left; margin-right:4px;} div.details_program div.view_program div.view_program_details {clear:both;} div.details_program div.view_program_top {height:10px; background: url(/Web-home/admin_content/images/detail/bg_view_program_top.gif) repeat-x; font-size:1px;} div.details_program div.view_program_top div.vpt_left {float: left; width:10px; height:10px; background: url(/Web-home/admin_content/images/detail/bg_vpt_left.gif) no-repeat; } div.details_program div.view_program_top div.vpt_right {float:right; width:10px; height:10px; background: url(/Web-home/admin_content/images/detail/bg_vpt_right.gif) no-repeat; } div.details_program div.view_program_bottom {height:10px; background: url(/Web-home/admin_content/images/detail/bg_view_program_bottom.gif) repeat-x; font-size:1px;} div.details_program div.view_program_bottom div.vpb_left {float: left; width:10px; height:10px; background: url(/Web-home/admin_content/images/detail/bg_vpb_left.gif) no-repeat; } div.details_program div.view_program_bottom div.vpb_right {float:right; width:10px; height:10px; background: url(/Web-home/admin_content/images/detail/bg_vpb_right.gif) no-repeat; http://nothinking.tistory.com/51} div.details_program div.view_program_middle {background: #fff url(/Web-home/admin_content/images/detail/bg_view_program_middle.gif) right repeat-y;} div.details_program div.view_program_main {background: url(/Web-home/admin_content/images/detail/bg_view_program_main.gif) left repeat-y; height:auto !important; height:170px; min-height:170px;} div.details_program div.view_program_main p.thumb {float:left; display: inline; border:1px #C6C6C6 solid; background:#ECECEC;margin:6px 25px 0px 16px;} div.details_program div.view_program_main p.thumb img {border:1px #fff solid; margin:7px; } div.details_program div.view_program_main dl {position:relative; margin-top:20px;} div.details_program div.view_program_main dl dd.btn {position:absolute; top:0px; left:-37px;} div.details_program div.view_program_main dl dd.btn ul li {float:left; margin-right:6px;} div.details_program div.view_program_main dl dd.subject {position:absolute;top: 35px; left:-45px; padding-left: 8px; font:bold 14px/120% "Dotum"; background: url(/Web-home/admin_content/images/detail/icon_dot_02.gif) 0 7px no-repeat;} div.details_program div.view_program_main dl dd.date {position:absolute;top: 70px; left:-45px; padding-left: 8px; background: url(/Web-home/admin_content/images/detail/icon_dot_02.gif) 0 5px no-repeat;} div.details_program div.view_program_main div.details {clear:both; color:#676767; border-top:1px solid #DCDCDC; position:relative; margin: 0px 20px 10px 20px; } div.details_program div.view_program_main div.details p.codi_btn {position:absolute; top: -20px; right:25px; font-size:1px;} div.btn_list {float: right; height:21px; margin: 7px 12px 15px 0px; display: inline;} div.details_program div.view_program_main div.details div.contents {margin-bottom:20px;} div.details_program div.view_program_main div.details div.contents a {color:#676767;text-decoration:none;} div.details_program div.view_program_main div.details div.contents a:hover {color:#000;} div.details_program div.view_program_main div.details div.player {padding:30px 0px 20px 0px; height:300px;} div.details_program div.view_program_main div.details div.player div.player_detail {width:510px;} div.details_program div.view_program_main div.details div.player div.player_detail div.player_left {float:left;} div.details_program div.view_program_main div.details div.player div.player_detail div.player_right {float:right;} div.details_program div.view_program_main div.details div.player div.player_detail div.player_right ul.list {float:left; width:150px; height:130px; margin-bottom:6px; padding:12px 0px 0px 13px; text-align:left; background:url(/Web-home/admin_content/images/detail/bg_player_right_list.gif) no-repeat;} div.details_program div.view_program_main div.details div.player div.player_detail div.player_right ul.list li {width:125px; height:22px; background:url(/Web-home/admin_content/images/detail/bg_player_right_list_line.gif) bottom repeat-x;} div.details_program div.view_program_main div.details div.player div.player_detail div.player_right ul.list li.webzine {background:none;} div.details_program div.view_program_main div.details div.player div.player_detail div.player_right ul.list li.timetable a {padding-left:16px; background:url(/Web-home/admin_content/images/detail/icon_player_list_01.gif) 1px 5px no-repeat;} div.details_program div.view_program_main div.details div.player div.player_detail div.player_right ul.list li.highlight a {padding-left:16px; background:url(/Web-home/admin_content/images/detail/icon_player_list_02.gif) 0px 5px no-repeat;} div.details_program div.view_program_main div.details div.player div.player_detail div.player_right ul.list li.photo a {padding-left:16px; background:url(/Web-home/admin_content/images/detail/icon_player_list_03.gif) 0px 5px no-repeat;} div.details_program div.view_program_main div.details div.player div.player_detail div.player_right ul.list li.vod a {padding-left:16px; background:url(/Web-home/admin_content/images/detail/icon_player_list_04.gif) 0px 5px no-repeat;} div.details_program div.view_program_main div.details div.player div.player_detail div.player_right ul.list li.webzine a {padding-left:16px; background:url(/Web-home/admin_content/images/detail/icon_player_list_05.gif) 0px 5px no-repeat;} div.details_program div.view_program_main div.details div.player div.player_detail div.player_right ul.list li a {height:22px; line-height:22px; color:#676767; text-decoration:none;} div.details_program div.view_program_main div.details div.player div.player_detail div.player_right ul.list li a:hover {color:#153e77; text-decoration:underline;} div.details_program div.view_program_main div.details div.player div.player_detail div.player_right ul.banner li img {width:150px; height:60px;} /* VOD AOD 이용안내 및 문제해결*/ div.details_program div.info_vodaod {clear:both; height:107px; margin-bottom:20px; background: url(/Web-home/admin_content/images/detail/bg_info_vodaod.gif) repeat-x;} div.details_program div.info_vodaod div.iv_left {float:left; width:6px; height:107px; background: url(/Web-home/admin_content/images/detail/bg_iv_left.gif) no-repeat;} div.details_program div.info_vodaod div.iv_right {float:right; width:6px; height:107px; background: url(/Web-home/admin_content/images/detail/bg_iv_right.gif) no-repeat;} div.details_program div.info_vodaod div.iv_main div.title {margin:18px 0px 9px 10px;} div.details_program div.info_vodaod div.iv_main ul {color:#454545;} div.details_program div.info_vodaod div.iv_main ul li {padding-left:25px; } div.details_program div.info_vodaod div.iv_main ul li.first1 {background: url(/Web-home/admin_content/images/detail/icon_dot_01.gif) 18px 5px no-repeat;} div.details_program div.info_vodaod div.iv_main ul li.first1 a {color: #454545;} div.details_program div.info_vodaod div.iv_main ul li.first1 a:hover {color:#000;} div.details_program div.info_vodaod div.iv_main ul li.first2 {padding-left: 118px; margin-bottom:3px;} div.details_program div.info_vodaod div.iv_main ul li.second {font-weight:bold;background: url(/Web-home/admin_content/images/detail/icon_dot_01.gif) 18px 5px no-repeat;} div.details_program div.info_vodaod div.iv_main ul li.second span {display:inline; float:left; padding-left: 10px; background: url(/Web-home/admin_content/images/detail/vodaod_icon.gif) 0px 2px no-repeat;} /*이벤트*/ div.details_program div.event {margin-bottom:20px;} div.details_program div.event h2 {float:left;height:16px; padding-left: 16px; font:bold 13px/110% "Dotum"; background:url(/Web-home/admin_content/images/detail/icon_star.gif) no-repeat;} div.details_program div.event div.event_main {clear:both; background:#F7F7F7; border:1px solid #E3E3E3; height:102px; position:relative;} div.details_program div.event div.event_main div.thumb {float:left; width:207px; height:96px; background:url(/Web-home/admin_content/images/detail/bg_event_thumb.gif) right no-repeat; padding-right:21px;} div.details_program div.event div.event_main div.thumb img {width:288px; height:96px; margin:3px;} div.details_program div.event div.event_main ul {margin-top:12px;} div.details_program div.event div.event_main ul li {width:90%; text-overflow:ellipsis; overflow: hidden;white-space:nowrap; background:url(/Web-home/admin_content/images/detail/icon_dot_02.gif) 0 6px no-repeat; line-height:18px; padding-left: 8px; } div.details_program div.event div.event_main ul li a {color:#676767;text-decoration:none;} div.details_program div.event div.event_main ul li a:hover {text-decoration:underline;} div.details_program div.event div.event_main span {position:absolute; right:10px; bottom:7px;} /* 배너 */ div.details_program div.banner {background:#F7F7F7; border:1px solid #E3E3E3;padding:3px;} div.details_program div.banner img {} /* 20100604 재구매혜택 추가 */ div#review_infoBox {padding:0px; margin:0px; float:left; width:100%; line-height:150%; font-family: "돋움", "dotum" ,"Verdana"; color:#676767;} div#review_infoBox div {padding:0px; margin:0px;} div#review_infoBox ul {padding:0px; margin:0px;} div#review_infoBox li {padding:0px; margin:0px; list-style-type:none;} div#review_infoBox img {border:0px;} /* 좌측 text */ div#review_infoBox div.text_area {float:left; font-size:12px; color:#666;} div#review_infoBox div.text_area p.review {margin:10px 0px 0px 14px;} div#review_infoBox div.text_area h1 {padding:0px; margin:0px; margin-bottom:8px;} div#review_infoBox div.text_area ul {margin-left:10px; float:left;} div#review_infoBox div.text_area ul li {padding-left:6px; background:url(/Web-home/admin_content/images/detail/renew_list_style.gif) 0px 7px no-repeat;} div#review_infoBox div.renew_day {float:left;font-size:12px; color:#666;} div#review_infoBox div.renew_day ul {float:left;} div#review_infoBox div.renew_day ul li {float:left; margin-right:4px;} /* 우측 btn */ div#review_infoBox div.btn_area1 {float:right; width:290px; font-size:12px; color:#676767} div#review_infoBox div.btn_area1 ul {float:right; margin-left:4px;} div#review_infoBox div.btn_area1 ul li {margin:0px 0px 0px 4px; float:left; list-style-type:none;} div#review_infoBox div.btn_area2 {float:right; width:291px;} div#review_infoBox div.btn_area2 ul {float:right; margin-left:4px; font-size:12px; font-family: "돋움", "dotum" ,"Verdana"; color:#676767;} div#review_infoBox div.btn_area2 ul li {margin:0px 0px 0px 4px; float:left; list-style-type:none;} div#review_infoBox div.btn_area2 ul li.txt {text-align:left; line-height:120%; font-size:11px;} div#review_infoBox div.btn_area2 ul li b {font-size:12px; font-weight:bold;}