body,div,dl,dt,dd,ul,li,h2,h3,form,fieldset,p,table,input {margin:0;padding:0;border:0;} body,div,dl,dt,dd,h2,h3,p {color:#333333;font-family:"Malgun Gothic","맑은고딕",dotum,"돋움",sans-serif,'Arial';font-size:12px;font-weight:normal;color:#1f1c1c} body {background-color:#fff; background:url('/img/comm/bg_top2.gif') repeat-x top;} select {border:1px solid #cdcdcd;} div {display: block;} img,fieldset,iframe {border:0 none} li {list-style:none} form{margin:0} legend {display:none;visibility:hidden;} ul, li {list-style:none} a, a:link, a:active, a:visited {color:#464646; text-decoration:none;} a:hover {text-decoration:underline;} table {border-collapse:collapse; table-layout:fixed;} .clearfix {content:''; display:block; clear:both; } .bold {font-weight:bold;} .center {text-align:center;} .clear {clear:both;} .fleft {float:left;} .input {border:1px solid #cdcdcd;font-size:12px;color:#4a4a4a;} .point {color:#00a2e0; /*font-weight:bold;display:inline-block; padding-right:4px;*/} /*단독*/ .img_bd {position:absolute;z-index:1000;top:0;left:0;border:1px solid #000000;opacity: 0.1;filter:alpha(opacity=10);} .img_bd .wid107{width:107px;height:60px} .mt15 {margin-top:15px;display:block} .pl5 {padding-left:5px;display:block} .ml10 {margin:0 0 0 10px;display:block} .mb10 {margin-bottom:10px;display:block} .mb15 {margin-bottom:15px;display:block} .mb20 {margin-bottom:20px;display:block} .pt15 {padding-top:15px;display:block} table.table {width:100%; border-collapse:collapse; border:1px solid #ccc;} table.table th {padding:8px 10px; border:1px solid #ccc;background:#f7f7f7} table.table td {padding:8px 10px; border:1px solid #ccc;} #wrap {margin:0 auto 15px;padding:0;text-align:center;} #content {width:980px;min-height:900px;margin:0 auto;padding:0;text-align:center} /* GNB */ #gnb {width:980px;margin:0 auto; padding:0; position:relative;} #nav1 {display:block;width:980px; height:30px; margin:0;padding:0} #nav1 li.a {float:left;padding:8px 0 0 20px } #nav1 li.a img{padding:0 9px 0 0;margin:0} #nav1 li.b {float:left;width:380px} #nav1 li.c {padding:8px 5px 0 10px;text-align:right;} #header {display:block;height:98px;margin:0;padding: 0 !important;} #nav2 {width:980px; height:40px; padding:0; margin:0;} #nav2 ul {display:inline-block;} #nav2 li {float:left; margin:0;padding:0} #nav2 li.a {width:460px;} #nav2 li.b {float:right;width:500px; text-align:right; padding-top:8px;padding-right:10px} #nav2 li.b img{padding-left:30px;margin:0} /* 20140730 핫클립 메뉴 추가 */ #nav3 {clear:both;width:980px; height:45px; padding-left:35px;margin:0; display:block;overflow:hidden} #nav3 li {float:left; text-align:center; line-height:0; font-size:0; margin:0;padding:0} #nav3 li img {vertical-align:bottom;} #nav3 li.nav3_a {padding:13px 0 0 0;} #nav3 li.nav3_b {padding:13px 0 0 0;} #nav3 li.nav3_c {padding:13px 0 0 0;} #nav3 li.nav3_d {padding:13px 0 0 0;} #nav3 li.nav3_e {padding:13px 0 0 0;} #nav3 li.nav3_f {padding:13px 0 0 0;} #nav3 li.nav3_g {padding:13px 0 0 0;} #nav3 li.nav3_h {padding:13px 0 0 0;} #nav3 li.nav3_i {padding:13px 0 0 0;} #nav3 li.line {padding:12px 22px 10px 22px} .sub_gnb_box {position: absolute;padding:0;z-index:9999;margin-top:-17px} .sub_gnb {margin:0;padding:0;z-index:9999;} .sub_gnb li{float:left;display:inline} .sub_gnb li a{color:#fff} .sub_gnb .program_list {background:#6a6362;width:500px;height:160px;margin-left:131px;padding-top:8px; padding-left:0px; padding-right:0px; padding-bottom:7px;overflow:hidden;text-align:left} .sub_gnb .program_list a {color:#fff; margin-left:5px; margin-right:5px; text-decoration:none;font-size:12px;} .sub_gnb .program_list ul.program {width:150px;height:140px;padding-left:10px;float:left;} .sub_gnb .program_list ul.program li.sub_gnb .program_list ul.program a {font-weight:bold;} .sub_gnb .program_list ul.program li.protitle {width:150px;height:19px;letter-spacing:-1px;} .sub_gnb .program_list ul.program li.protitle a {font:normal 11px dotum;color:#b7b7ba;} .sub_gnb .program_list ul.program li.protitle a:hover {font:normal 11px dotum;color:#b7b7ba;font-weight:bold;} .sub_gnb .program_list ul.border {border-left:1px solid #322b29;} .sub_gnb .program_list .icon_new {vertical-align:middle;margin-top:-2px} .sub_gnb .docu_list {background:#6a6362;width:150px;margin-left:600px;padding-top:8px; padding-left:0px; padding-right:0px; padding-bottom:7px;overflow:hidden;text-align:left} .sub_gnb .docu_list a {color:#fff; margin-left:5px; margin-right:5px; text-decoration:none;font-size:12px;} .sub_gnb .docu_list ul.program {width:150px;padding-left:10px;float:left;} .sub_gnb .docu_list ul.program li.sub_gnb .program_list ul.program a {font-weight:bold;} .sub_gnb .docu_list ul.program li.protitle {width:150px;height:18px;letter-spacing:-1px;} .sub_gnb .docu_list ul.program li.protitle a {font:normal 11px dotum;color:#b7b7ba;} .sub_gnb .docu_list ul.program li.protitle a:hover {font:normal 11px dotum;color:#b7b7ba;font-weight:bold;} .sub_gnb .docu_list ul.border {border-left:1px solid #322b29;} .sub_gnb .docu_list .icon_new {vertical-align:middle;margin-top:-2px} /* 검색 */ .search_bg {width:209px; height:29px; background:url("../img/top/bg_search.gif") no-repeat; padding:0 2px 0 0;margin:0; clear:both;} .search_bg input.search {width:160px; height:22px; padding:0;margin:2px 2px 2px 2px;font-size:14px; font-weight:bold; vertical-align:top} /* CONTENT */ #contentWrap {width:980px;min-height:691px; margin:0 auto;overflow:hidden;text-align:left} .content_area{width:700px; margin:0 0 60px 0; } .content_area .select_btn{ padding-top: 10px; } /* second contents */ #zone1 {width:980px;margin:0 auto;padding:0px 0 0 0} #zone2 {float:left; width:700px; margin:0 5px 0 0;padding:0 } #zone3 {float:right; width:275px; margin:0;padding:10px 0 0 0;} #zone4 {width:980px;margin:0 auto;padding:0px 0 20px 10px} /*프로그램 메인 상단 타이틀*/ .category {overflow:hidden;padding:57px 0 0} .category_list {margin:10px auto;padding:0;text-align:center} .category_list li{float:left;width:310px;height:187px;display:inline-block;margin:0 16px 20px 0;text-align:center} .category_list li a{display:block;position:relative} .category_list li img{width:310px;height:188px} .category_title .tit_img {float:left;margin:14px 0 0 15px} .category_title ul{float:right;display:inline-block;overflow:hidden;padding:13px 15px 0 0;margin:0 } .category_title li{float:left;margin-left:15px} .category_title li.on a{font-weight:bold;color:#333b44} /* 프로그램 검색 */ #zone4 .search_bg {width:210px; height:29px; background:url("../img/top/bg_search.gif") no-repeat; padding:0 2px 0 0; clear:both; display: inline-block; margin:8px 0 0 15px;} #zone4 .search_bg input.search {width:162px; height:22px; padding:0;margin:2px 2px 2px 2px;font-size:14px; font-weight:bold; vertical-align:top} /* top visual box */ .subTop { position: relative;width:980px; height:235px; margin:0 0 10px 0; padding:0} .list_bt{position:absolute; top:9px; left:12px;} .list_bt a {margin-left:2px; } .prenext_bt{position:absolute; top:30px; left:8px;} .prenext_bt span.pre {left:0; top:0;} .prenext_bt span.next {margin-left:910px;} /* 페이징 */ #paging {clear: both;margin:30px 0 10px 0;padding:0;text-align:center;color:#4b4b4b;font-size:14px;} #paging a {margin-right:8px;} #paging a.on {margin-right:8px; color:#4c9bb2;font-weight:bold;font-size:14px} /*************************************************** 프로그램 ***************************************************/ /* 방영프로그램 리스트 */ .play_program {float:left; width:710px;} .pro_select{width:710px; text-align:right; margin-top:10px; height:30px; } /* 방영프로그램 리스트 전체보기*/ .proinfo_area{background:url('../img/program/pro_li_bg.gif') no-repeat 0 50%; float:left; width:710px; padding:0px;} .proinfo_area .pro_info {width:710px;float:left;} .proinfo_area .pro_info li {float:left;} .proinfo_area .pro_info li.img {padding-top:20px; width:125px;} .proinfo_area .pro_info li.text {padding-top:45px; padding-left:20px; width:585px;} .proinfo_area .pro_info li.text dl{width:555px;} .proinfo_area .pro_info li.text dl dt{margin-bottom:6px; height:40px;} .proinfo_area .pro_info li.text dl dd.time{width:575px; text-align:left; letter-spacing:-1px;} .proinfo_area .pro_info li.text dl dd.time p.live {font-size:12px; font-weight:bold; color:#333333; margin-bottom:3px;} .proinfo_area .pro_info li.text dl dd.time p.re_live {font-size:12px; font-weight:bold; color:#4b4c4c;} .proinfo_area .pro_info li.text dl dd.pro_text{margin-top:15px; width:575px; text-align:justify; color:#4c4c4c;} .play_program .btvod_view {width:710px; text-align:right; margin-top:15px;} /* 방영프로그램 리스트 요일별보기*/ .program_name{padding-left:37px; height:20px; margin-top:20px; } .program_name li {float:left;} .program_name li.left{background:url('../img/program/n01_proname_left.gif') no-repeat; width:10px; height:20px;} .program_name li.center{background:url('../img/program/n01_proname_center.gif') repeat-x; padding-left:3px; padding-right:3px; height:17px; padding-top:3px; color:#fff; font-weight:bold;} .program_name li.center a{background:url('../img/program/n01_proname_center.gif') repeat-x; padding-left:3px; padding-right:3px; height:17px; padding-top:3px; color:#fff; font-weight:bold;} .program_name li.right{background:url('../img/program/n01_proname_right.gif') no-repeat; width:10px; height:20px;} .proinfo_area1{background:url('../img/program/pro_li_bg1.gif') no-repeat 0 50%; float:left; width:700px; height:213px; margin-bottom:20px;} .proinfo_area1 .list_area{margin:15px auto 0 38px;_margin:15px auto 0 20px; width:635px; float:left; border:1px solid #d8d8d8; background-color:#fff; padding:15px 10px 0 10px;} .proinfo_ul{padding-bottom:14px; float:left;} .proinfo_ul li.left{width:300px; margin-right:30px; float:left;} .proinfo_ul li.right{width:300px; float:right;} .proinfo_dl{padding:0px;clear:both; height:60px;} .proinfo_dl dt a {color:#000000;font-size:12px;line-height:1.4em;font-weight:bold;} .proinfo_dl dd {margin:0;padding:0;color:#7d7d7d; line-height:1.2em;} .proinfo_dl dd a{color:#7d7d7d;} .proinfo_dl dd.img {float:left;width:85px;} .proinfo_dl dd.text {float:right;width:201px;} /* 프로그램 리스트: U-TV */ .pro_tab2{width:700px; height:23px; margin-left:0px; text-align:right;} .pro_tab2 a{margin-left:6px; margin-right:6px;} .pro_tab2 a img{border:none;} .pro_tab2 .select_area {padding-top:5px; *padding-top:1px;} /* 프로그램 리스트 */ .pro_tab {width:690px; height:23px; text-align:right;margin:0 0 20px 0;padding:10px 0 10px 0;border-bottom:3px solid #b1b3b5} .pro_tab .select_box select {padding-bottom: 4px;width: 170px !important; height: 33px;margin-left: 10px; line-height: 33px !important; margin-top: -6px;} .pro_tab a{ margin-right:10px;} .pro_tab a img{border:none;} .pro_tab .select_area {padding-top:0px; display:inline-block;} /*타이틀*/ #zone2 .selectpro{width:190px;vertical-align: top; border:1px solid #c0c0c0;} #zone2 .pro_title{height:30px;padding: 10px 0 0 0; margin:-7px 0 0 0;position:absolute;} #zone2 .pro_title p.pro_name{float:left;padding:7px 20px 8px 20px; background-color:#00aeef; color:#fff; font-weight:bold;} /* .pro_title2{width:690px; height:26px; border-bottom:8px solid #33337c; padding-top:10px;} .pro_title2 p.pro_name{float:left;padding:7px 20px 6px 20px; background-color:#33337c; color:#fff; font-weight:bold;} .pro_sub {float:left;width:690px; border-bottom:2px solid #404084; padding-top:10px; margin-bottom:11px;} .pro_sub li{float:left;background:url('../img/program/n01_pro_subtitle.gif') no-repeat 0 2px; padding-left:12px; margin-right:8px; color:#000000; padding-bottom:8px;} .pro_sub li a{ color:#000000;letter-spacing:-0.1em;} .pro_sub li a.on{ color:#000000; font-weight:bold;} */ /*================동영상보기 영역ui=============================================*/ .vodContent {margin:5px 0px 0px 0px; _margin:5px 0px 0px 0px;width:690px; padding: 10px 0 0 0;} .vodContent dl {margin:0 0 20px 0;padding:0px; clear:both;height:105px;} .vodContent dt {margin-bottom:5px} .vodContent dt a {margin-bottom:5px;color:#061f55; font-size:17px;line-height:19px;font-weight:bold;} .vodContent dd {margin:0 0 5px 0;padding:0;color:#7d7d7d; line-height:1.4em;} .vodContent dd a{color:#7d7d7d;} .vodContent .date {color:#adadad;font-size:12px;} .vodContent dd.img {float:left;margin-right:15px;width:190px;height:105px;background:#f2f2f2;text-align:center} .vodContent dd.text {float:right;width:470px;} .vodContent .dotLIne {clear:both;font-size:0} /* 프로그램 소개 */ .proinfo {width:690px; margin-top:10px;} /* 프로그램 보기 */ .new_title{margin:10px 0px 0px 0px; width:690px;padding:0;} h3.newsTitle {display:block;font-weight:bold;font-size:26px;letter-spacing:-2px;padding:0;margin:10px 0 20px 0;} .new_title .controlMenu {margin:0;padding:0;width:690px;height:24px;display:block;} .new_title .controlMenu li.left {float:left;margin:0;padding:0;width:150px;color:#7e7e7e;vertical-align:middle} .new_title .controlMenu li.right {float:right;margin:0;padding:0;width:130px;vertical-align:middle} .new_title .controlMenu li.right img {padding-bottom:4px;cursor:pointer;vertical-align:middle} .new_title .controlMenu li.right a {text-decoration:none;color:#7d7d7d;vertical-align:middle} .new_title .line {border:1px solid #c0c0c0;border-width:0 1px 1px 1px} .vodContent .vodarea {margin:25px auto 30px auto; width:320px;height:332px; text-align:center;} .vodContent .vodarea .vodarea_innner {width:534px;height:300px;background:#000;text-align:center;z-index:1;} .vodContent .vodarea .player {border:1px solid #000;width:350px;height:332px;} .vodContent .vodarea .playerBack {background:#000 url(/img/comm/img_vod_no_n.gif) 50% 30% no-repeat scroll;} .vodtext{width:580px; margin:0 auto 100px auto; text-align:justify; color:#000000; font-size:16px } .vodContent .moreNews {clear:both; width:690px;} .vodContent .moreNews li {float:left; background:url('../img/comm/right_arrow_icon_n.gif') no-repeat 0 8px; margin:0;padding:0;border-bottom:1px dashed #e9e9e9; height:20px; width:680px; padding-top:5px;padding-bottom:3px} .vodContent .moreNews li span.text{color:#00acee; padding-left:11px; width:480px;float:left;} .vodContent .moreNews li span.text span{font-weight:bold;} .vodContent .moreNews li span.text a.now{font-weight:bold;} .vodContent .moreNews li span.time {color:#606060; width:140px; float:right; font-weight:normal !important;} .copyright {margin:40px auto;text-align:center;font-size:16px;line-height:1.4em} /*과학사이트*/ #zone3 .sc_site_layer_outline .sc_site_layer {width:261px; padding:6px; text-align:left; background-color:#fff; border:1px solid #a6a8ab; border-top:none; position:relative;top:29px; left:0; z-index:99; height:195px; overflow-x:hidden; } #zone3 .sc_site_layer_outline .sc_site_layer li{ padding-bottom:4px; height:20px;font-weight:normal; padding-left:15px; } #zone3 .sc_site_layer_outline .sc_site_layer li a{font-weight:normal;display:block;font-size:13px} .sc_site_bg {display:block;width:275px; height:29px; background:url("/img/main/btn_sciencesite.gif") no-repeat; text-align:center;} .sc_site_bg a{font-weight:bold; position:absolute;font-size:1.2em;width:275px; height:29px;} .sc_site_layer {width:261px; padding:6px; text-align:left; background-color:#fff; border:1px solid #a6a8ab; border-top:none; position:relative;top:29px; left:0; z-index:99; height:195px; overflow-x:hidden; } .sc_site_layer li{ padding-bottom:4px; height:20px;font-weight:normal; background:url("/img/main/ico_li.gif") no-repeat 1px 3px; padding-left:15px; } .sc_site_layer li a{font-weight:normal;display:block;font-size:13px} /*중간 프로그램배너*/ .mbr_program {width:100%;margin:0;padding:0;text-align:left} .mbr_program ul li a img{width:340px;height:90px} .mbr_program ul li {float:left;width:340px; padding:0;margin-right:11px;margin-bottom:10px;display:inline;} .mbr_program ul li.last-child {float:left;width:340px; padding:0;margin-right:0;} /*서브 캠페인 프로그램메인 상단 #campaign_news {clear:both;margin:0 0 20px 0;padding:0;text-align:left;overflow:hidden} #campaign_news li {float:left;display:inline;width:338px;height:240px;margin:0 10px 5px 0;background-color:#f0f1f1;border:1px solid #dfdfdf} #campaign_news li.last-child {float:left;width:338px; margin-right:0;} #campaign_news .camp_news_box {display:block;margin:8px;padding:0;} #campaign_news .camp_news_box .pro_title {overflow:hidden;text-align:center;height:25px;background-color:#1d1a1d;color:#00baff;padding-top:8px;font-weight:bold;margin-bottom:1px} #campaign_news .camp_news_box .pro_title img{margin:0 0 0 3px} #campaign_news .camp_news_box .pro_img img{width:320px;height:180px;margin-bottom:4px} #campaign_news .camp_news_box .pro_txt a{padding:0 8px 0 8px;display:block;text-align:left;font-size:14px;color:#4d4d4d;} #campaign_news .bg_box {position:absolute; margin:10px 10px 0 8px;z-index:99999;height:215px;color:#fff;font-size:13px;line-height:16px;padding:10px 25px 0 25px;background:url('../img/main/bg_topnews.png') no-repeat;text-align:left} #campaign_news .bg_box a {color:#fff;padding:10px;text-decoration:none} #campaign_news .bg_box div.head {color:#fff;width:280px;font-size:17px;line-height:19px;font-weight:bold;background:none;margin-bottom:10px} #campaign_news .bg_box div.copy {color:#fff;width:280px;line-height:18px;} #campaign_tit {width:690px;margin:10px 0 0 0;height:30px;display:block;} #campaign_tit ul{display:block;width:690px;margin:10px 0 0 0;padding:0 0 22px 0;display:block;border-bottom:3px solid #b1b3b5;} #campaign_tit li.subject{float:left} #campaign_tit li.more{float:right;padding:3px} #campaign_tit li.subject span.title_blue {padding:5px 10px 5px 10px;color:#fff;font-weight:bold;font-size:13px;background:#1c9de9} */ .campaign_area{background:url('../img/program/campaign_li_bg.gif') no-repeat 0 10%; float:left; width:690px; padding:0px; margin-top:20px; margin-bottom:10px;} .campaign_area .campaign_info {width:690px;float:left;} .campaign_area .campaign_info li {float:left;} .campaign_area .campaign_info li.img {padding-top:10px; width:220px;} .campaign_area .campaign_info li.text {padding-top:10px; width:420px; padding-left:50px;} .campaign_area .campaign_info li.text dl{width:420px;} .campaign_area .campaign_info li.text dl dt{margin-bottom:6px; height:75px; padding-bottom:10px;} .campaign_area .campaign_info li.text dl dd.campaign_text {margin-top:4px; width:440px; text-align:justify; color:#4c4c4c; background:url('../img/comm/dot1.gif') no-repeat 0 6px; padding-left:5px;} .campaign_area .campaign_info li.text dl dd.campaign_text a{} .campaign_area .btvod_view {width:690px; text-align:right; margin-top:5px;} /* 종영프로그램 */ .endvod_ul{width:690px; margin-bottom:5px; margin-top:10px; float:left; clear:both; } .endvod_ul li.left{width:330px; padding:0px; margin:0px; float:left; background:url('../img/comm/dot3.gif') repeat-x left 90%;} .endvod_ul li.right{width:330px; padding:0px; margin:0px; float:right; background:url('../img/comm/dot3.gif') repeat-x left 90%;} .endvod_dl{padding:0px;clear:both;margin:0px; } .endvod_dl dt{width:330px; color:#3f3fa7; font-size:13px;font-weight:bold; margin-bottom:5px;} .endvod_dl dt a{color:#3f3fa7; font-size:15px;font-weight:bold;} .endvod_dl dd.img {float:left;width:90px;} .endvod_dl dd.title {float:right; width:220px; padding:0; font-weight:bold; color:#000; line-height:1.2em; margin-bottom:3px;} .endvod_dl dd.title a{font-weight:bold; color:#000;font-size:13px} .endvod_dl dd.text {float:right;width:220px; color:#757575; line-height:1.2em;} .endvod_dl dd.text {color:#757575;} /* 많이본 VOD */ #mvod_date {width:695px;height:45px;margin:0 0 15px 15px;background:url('/img/program/menu_bg_many.gif') no-repeat;} #mvod_date div{margin:0 0 20px 20px;padding:0;width:675px;} #mvod_date div .date{float:left;display:inline;width:80px;margin-top:17px;padding:0;font:bold 12px dotum;letter-spacing:-1px;text-align:center} #mvod_date div .bar{float:left;display:inline;width:16px;margin-top:17px;padding:0;color:#99815c;font: 11px dotum;letter-spacing:-1px;text-align:center} #mvod_date div span a{color:#2c319e;} #mvod_date div .lion a{color:#18abd6;} #mvod_date div .calendar {height:20px;float:left;display:inline;width:80px;margin-top:13px;padding:0;font:bold 12px dotum;text-align:center} #mvod_list {width:710px;margin:0 0 0 10px;} #mvod_list .title {color:#222222;font-size:14px;line-height:1.4em;font-weight:bold;font-family:dotum;} #mvod_list .text a{color:#555555;font-size:12px;line-height:1.4em;font-family:dotum;} #mvod_list .date {color:#bfbfbf;font-size:12px;line-height:1.4em;font-family:dotum;} #calendar {width:189px; padding:0 0 5px 0;border:2px solid #399fbc; font:12px dotum;} #calendar .ym {padding:2px 5px 5px 5px;color:#399fbc;text-align:center;font:bold 12px dotum} #calendar .week {color:#fff;background-color:#82bfd8;width:27px;height:25px} #calendar .img {vertical-align:top} #calendar .close {text-align:right;padding:5px 7px 0 0} #calendar .date_on{font:bold 12px dotum;color:#2f71d3;} /*************************************************** 과학테마 ***************************************************/ /* 과학테마 메인*/ .theme_mainarea{background:#2f317d;width:980px; height:195px; margin:0 0 1px 0; } .theme_mainarea h2{margin:0 0 8px 0;} .theme_mainarea .theme_mainarea_dl{margin:0 auto; width:834px;} .theme_mainarea .theme_mainarea_dl dl{width:131px; height:150px; margin-right:8px; float:left;} .theme_mainarea .theme_mainarea_dl dl dt {width:131px; height:23px; padding-top:7px; text-align:center; color:#fff; font-weight:bold; background:#9997b6;margin-bottom:3px;} .theme_mainarea .theme_mainarea_dl dl dt a{color:#fff;} .theme_mainarea .theme_mainarea_dl dl dd.img {width:129px; height:97px; border:1px solid #d4d1d1; margin-bottom:6px;} .theme_mainarea .theme_mainarea_dl dl dd.text {width:129px; color:#fff; text-align:center; letter-spacing:-1px;} .theme_mainarea .theme_mainarea_dl dl dd.text a {color:#fff;} .theme_cateul{width:730px; margin-top:20px; float:left;} .theme_cateul li.theme_cate_a {float:left; width:95px;} .theme_cateul li.theme_cate_b {float:left; width:635px; line-height:2.0em; color:#808285;} .theme_cateul li.theme_cate_b a{color:#808285; padding-left:3px; padding-right:3px;} .theme_catebt{width:695x; padding-right:35px; clear:both; background:#fff; height:30px; padding-top:7px;} .theme_catebt p{float:right; background:#dfdfdf; padding:5px 30px 3px 30px; color:#f47735; font-weight:bold; } .theme_list{margin-bottom:20px; width:730px; margin-top:10px;} .theme_listul{margin-bottom:20px; width:730px;} .theme_listul li{margin-bottom:15px; width:730px; float:left;} .theme_listul li dl{width:730px;} .theme_listul li dl dt {float:left; width:155px;} .theme_listul li dl dd.title {float:left; width:560px; color:#7c7f80; font-weight:bold; font-size:18px; margin-bottom:5px; padding-top:5px;} .theme_listul li dl dd.title a {color:#7c7f80; font-weight:bold; font-size:18px;} .theme_listul li dl dd.title span {font-size:12px; float:right; font-weight:normal; color:#939597; margin-right:10px; *margin-top:-22px;} .theme_listul li dl dd.text {float:left; width:560px; color:#7c7f80; font-weight:normal; font-size:12px; text-align:justify;} .theme_listul li dl dd.text a {color:#7c7f80; font-weight:normal; font-size:12px;} .theme_cate_title{width:695x; padding-right:35px; clear:both; background:#fff; height:30px; padding-top:7px; } .theme_cate_title p{float:left; background:#dfdfdf; padding:5px 30px 3px 30px; color:#f47735; font-weight:bold; } /* 테마페이징 */ .themepaging {margin:30px 30px 10px 0;text-align:right;color:#4b4b4b;font:normal 12px 굴림;} .themepaging a {margin-right:8px;} .themepaging a.on {margin-right:8px; color:#ff6e00;font:bold 14px dotum} /*************************************************** scene ***************************************************/ .img_title {width:690px; margin-top:10px;} .pro_title3{width:690px; height:30px; background:url('../img/scene/n01_pro_titlebg.gif') no-repeat left bottom;} .pro_title3 li.pro_name{float:left; margin-right:4px;} .scene_listarea{width:690px; margin:50px auto 0 auto;} .scene_listul{width:690px;} .scene_listul li{width:690px; padding-bottom:50px; float:left;} .scene_listul li dl{float:left; width:179px; margin-left:25px; margin-right:25px; _margin-left:20px; _margin-right:20px;} .scene_listul li dl dt{width:180x; height:181px; background:#e0e7e9; margin-bottom:1px; } .scene_listul li dl dt a img{border:none;} .scene_listul li dl dd{width:180x; padding:7px 0 7px 0; background:#2c3586; text-align:center; color:#fff;} .scene_listul li dl dd a{color:#fff;} .scene_img{width:690px; margin:50px auto 0 auto;} /*************************************************** right ***************************************************/ /* 검색_작은 */ .search_bg_s {width:240px; height:34px; background:url("../img/comm/search_bg_s.gif") no-repeat; padding:4px; margin-top:7px;margin-bottom:5px; clear:both;} .search_bg_s input.serch {border:1px solid #fff; width:195px; height:16px; padding:4px 2px 2px 2px;font-size:14px; font-weight:bold; } .search_bg_s input.inputbt {margin-top:3px;} /* 검색_작은 */ .search_bg_s1 {width:240px; height:34px; background:url("../img/comm/search_bg_s.gif") no-repeat; padding:4px; margin-top:7px;margin-bottom:5px; clear:both;} .search_bg_s1 input.serch {border:1px solid #fff; width:195px; height:20px; padding:4px 2px 2px 2px;font-size:14px; font-weight:bold; } /* 과학테마 */ .theme_con{width:234px; border:3px solid #2f317d; background-color:#fff; border-top:none; /*height:302px;*/} .theme_dl{padding-top:4px; width:225px;} .theme_dl dt.img{background:url('../img/main/theme_imgbg.gif') no-repeat; width:148px; height:111px; padding:3px; margin:0 auto;} .theme_dl dt.img img a{border:none;} .theme_dl dd{color:#393939; font-size:14px; font-weight:bold; margin-top:8px; width:225px; text-align:center;} .theme_dl dd a{color:#393939; font-size:14px; font-weight:bold; text-decoration:none; } .theme_num{width:225px; margin:20px auto 0 auto;} .theme_num li{list-style:none; margin-bottom:6px; color:#393939;} .theme_num li a{color:#393939;} .theme_num li.num1 {background:url('../img/main/icon_01.gif') no-repeat; padding-left:16px;} .theme_num li.num2 {background:url('../img/main/icon_02.gif') no-repeat; padding-left:16px;} .theme_num li.num3 {background:url('../img/main/icon_03.gif') no-repeat; padding-left:16px;} .theme_num li.num4 {background:url('../img/main/icon_04.gif') no-repeat; padding-left:16px;} .theme_num li.num5 {background:url('../img/main/icon_05.gif') no-repeat; padding-left:16px;} .theme_num li.num6 {background:url('../img/main/icon_06.gif') no-repeat; padding-left:16px;} /* 캠페인 */ .banner_area{width:270px;} .campaign {width:270px; clear:both;} .campaign h2 {width:261px;height:23px;padding:10px 0 0 9px;font-weight:bold;color:#fff; margin-bottom:2px; cursor:pointer; position:relative;} .campaign h2 a{color:#fff; text-decoration:none;} .campaign h2.up {background-color:#2f317d; } .campaign h2.down {background-color:#2f317d;} .campaign h2 span.icon{position:absolute; top:21px; left:209px;} .campaign dl {width:268px; border:1px solid #d7d7d5; overflow:hidden;} .campaign dd {width:268px; height:48px;overflow:hidden; margin:0 auto; } .campaign img {vertical-align:baseline;} /*2단*/ /*과학사이트*/ .sc_site_bg {display:block;width:275px; height:29px; background:url("/img/main/btn_sciencesite.gif") no-repeat; text-align:center;margin-bottom:5px} .sc_site_bg a{font-weight:bold; position:absolute;font-size:1.2em;width:275px; height:29px;} .sc_site_layer {width:261px; padding:6px; text-align:left; background-color:#fff; border:1px solid #a6a8ab; border-top:none; position:relative;top:29px; left:0; z-index:99; height:195px; overflow-x:hidden; } .sc_site_layer li{ padding-bottom:4px; height:20px;font-weight:normal; background:url("/img/main/ico_li.gif") no-repeat 1px 3px; padding-left:15px; } .sc_site_layer li a{font-weight:normal;display:block;font-size:13px} /* 오늘의 날씨 */ #zone3 .sc_weather{width:273px; border:1px solid #dfdfdf; height:90px; margin-bottom:5px;padding:0; overflow:hidden} #zone3 .weather_area_sc {width:273px; height:25px; border-bottom:1px solid #dfdfdf;background-color:#f1f1f3;} #zone3 .weather_area_sc li.tt {float:left; width:34px; padding-top:6px; text-align:left; padding-left:10px;} #zone3 .weather_area_sc li.date {float:left; width:155px; padding-top:6px; text-align:right; padding-right:5px; color:#000000; font-size:12px; font-weight:bold;} #zone3 .weather_area_sc li.date a img{padding-right:18px; margin-top:-1px;} #zone3 .weather_area_sc li.date span.bar {color:#bababa; padding-left:10px; font-weight:normal;float:right} #zone3 .weather_area_sc li.area_sc {float:right; width:65px; text-align:right;} #zone3 .sc_area_bg {width:55px; height:18px; padding-top:5px; padding-right:10px;background-color:#f1f1f3; text-align:right; font-size:12px;} #zone3 .sc_area_bg a{font-weight:bold; font-size:12px;text-align:left; } #zone3 .sc_area_layer {position:relative;left:-54px;width:110px; top:4px; padding:4px; text-align:left; background-color:#f1f1f3; border:1px solid #e8e8e8; border-top:none; height:230px; overflow:auto; } #zone3 .sc_area_layer li{ padding-bottom:3px; font-weight:normal; padding-left:3px; } #zone3 .sc_area_layer li a{ font-weight:normal;font-size:11px;} #zone3 .sc_weather_view {width:271px; height:59px;overflow:hidden;margin-bottom:5px} #zone3 .sc_weather_view li.day_view {float:left; width:89px; height:60px; background:#fff; } #zone3 .sc_weather_view li.day_view dl {width:80px; margin:0 auto; height:50px; background:#fff;} #zone3 .sc_weather_view li.day_view dl dt{float:left; width:30px; padding-left:10px; text-align:center; margin-right:4px; background:#fff; height:31px;} #zone3 .sc_weather_view li.day_view dl dd.day_time {width:80px; text-align:center; font-size:11px; color:#27297a; padding-top:8px; height:15px; background:#fff;} #zone3 .sc_weather_view li.day_view dl dd.temperature {max-width:80px; text-align:left; font-size:11px; color:#333333; font-weight:bold; height:25px; padding-top:10px; background:#fff} #zone3 .sc_weather_view li.day_bar {float:left; width:1px; height:45px; margin-top:7px; background:#dfdfdf;} /* 배너 */ #zone3 .banner {width:275px; margin-bottom:5px;} #zone3 .banner_a {width:275px; clear:both; height:103px;margin:0 0 5px 0;padding:0;} #zone3 .banner_a li {margin:0;padding:0} #zone3 .banner_a li.left{float:left; width:137px; margin-bottom:1px;} #zone3 .banner_a li.right{float:right; width:137px; margin-bottom:1px;} #zone3 .banner_a li.left2{float:left; width:137px;} #zone3 .banner_a li.right2{float:right; width:137px;} /* 오늘의 편성표 */ .today_schedule {width:273px; border:1px solid #dfdfdf; height:180px; margin-bottom:5px;padding:0} .today_schedule .programList {overflow:hidden; margin:0 ; padding:0;text-align:left} .today_schedule .programList li {height:11px; padding:8px 2px 11px 8px; background:url('/img/comm/img_dotline.gif') repeat-x left bottom;} .today_schedule .programList li em {display:inline-block; font-style:normal; width:43px;color:#1c9de9;font-weight:bold} .today_schedule .programList li.first-child {height:11px; font-weight:bold;padding:8px 2px 11px 8px; background:url('/img/comm/img_dotline.gif') repeat-x left bottom; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .today_schedule .programList li.last-child {height:11px; padding:8px 2px 11px 8px; border-bottom:1px solid #dbdbdb;background: none;} /*공지사항*/ .today_schedule .noticeList {overflow:hidden; margin:0; padding:0;text-align:left} .today_schedule .noticeList img{vertical-align:middle} .today_schedule .noticeList li {height:15px; padding:7px 2px 11px 8px; background:url('/img/comm/img_dotline.gif') repeat-x left bottom;} .today_schedule .noticeList li.last-child {height:11px; padding:7px 2px 11px 49px; background: none;} /* 공지사항등 */ .inc_box_area {width:275px;margin-bottom:5px;padding:0} .inc_box {clear:both;width:275px;margin-bottom:5px;padding:0;} .inc_box .case1Top {margin:0px;padding:0px;width:275px;height:30px;} .inc_box .case1Top li {float:left;margin:0;padding:0;height:30px;} .inc_box .case1Top li.a {float:left;width:2px;background:url('../img/comm/case1_left_bg.gif') no-repeat;} .inc_box .case1Top li.b {float:left;width:272px;background:url('../img/comm/case1_center_bg.gif') repeat-x;} .inc_box .case1Top li.b ul {width:271px;margin:0;padding:0;} .inc_box .case1Top li.b ul li.aa {float:left;font-weight:bold;font-size:13px;color:#333;margin:0;padding:7px 0 0 10px;} .inc_box .case1Top li.b ul li.bb {float:right;margin:0;padding:0px 10px 0 0;} .inc_box .case1Top li.b ul li.bb img {margin-top:8px;} .inc_box .case1Top li.c {width:1px;background:url('../img/comm/case1_right_bg.gif') no-repeat;} .inc_box .case1Middle {clear:both;margin:0;padding:8px 0 6px 10px;width:263px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;} .inc_box .case1Middle li {margin:0px;padding:0 0 0 16px;background:url('../img/comm/rank_icon1.gif') no-repeat;} .inc_box .case1Middle li a {line-height:1.8em;color:#555555;} .inc_box .case2Middle {clear:both;margin:0;padding:10px 0 6px 10px;width:263px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;} .inc_box .case2Middle li {margin:0px 0;padding:0 0 0 13px;background:url('/img/comm/ico_li.gif') no-repeat 0px 4px; } .inc_box .case2Middle li a {line-height:1.9em;color:#555555;} .inc_box .case1Bottom {width:275px;height:1px;background:url('../img/comm/case1_bottom_bg.gif') no-repeat;font-size:0} /*팝업타이틀*/ #popprint {text-align:left;width:570px;margin:20px 25px;padding:0} #popprint .newsTitle {font-weight:bold;font-size:24px;margin:0 0 15px 0} #popprint span.date {color:#999;font-size:11px;clear:both;} /* 편성표 */ #schedule {width:690px;height:40px;background:url('/img/service/bg_schedule_n.gif') no-repeat; margin-bottom:10px;} #schedule .notice{padding:5px 0 5px 80px;color:#fff;} #schedule .notice a:link, #schedule .notice a:active{color:#fff;letter-spacing:-1px;} #schedule .notice a:visited{color:#fff;letter-spacing:-1px;} #schedule .notice a:hover{color:#fff;letter-spacing:-1px;} #schedule2 {width:690px; margin:5px auto 0 auto; padding:0;} #schedule2 .daytime_left{float:left;width:330px;margin-right:10px;padding:0;} #schedule2 .daytime_right{float:left;width:330px;padding:0;} .today_n{color:#433e78; font:bold 12px dotum;} .today{color:#354ba9; font:bold 12px dotum;} #schedule2 .time_title{width:330px;} #schedule2 .time_content{width:330px;} #schedule2 .time{float:left;width:60px;text-align:center;color:#3f3fa7;padding:10px 0 5px 0; font-size:14px; font-weight:bold} #schedule2 .bro{float:left;width:50px; padding:14px 0 0 0;} #schedule2 .bro img{vertical-align:top} #schedule2 .bro a {color:#42828b;} #schedule2 .name{float:left;width:220px;text-align:left;color:#666; font-size:14px;padding:10px 0 10px 0;} #schedule2 .hr {clear:both;height:1px;background:url('/img/comm/line_graydot.gif') repeat-x;font-size:0px} #schedule3 {width:659px;height:55px;border:3px solid #e9e9e9;margin:0 0 10px 7px ;} #schedule3 .left {float:left;width:70px; padding:20px 0 0 30px;} #schedule3 .center {float:left;:width:500px; margin-top:10px;color:#777777; } #schedule3 .right {float:left;text-align:right;width:70px; margin-top:20px;} #schedule3 .date {float:left;width:54px; height:16px; margin-top:6px; padding:6px; } #schedule3 .dateon {float:left;;width:58px; height:16px; margin-top:6px; padding:6px; color:#fff; } #schedule3 .dateon a{color:#fff;} #schedule3 .date a:link, #schedule3 .date a:active{color:#333;} #schedule3 .date a:visited{color:#333;} #schedule3 .date a:hover{color:#939393;text-decoration:none;} #schedule4 {width:680px; margin:10px auto 0 auto; text-align:left;} #schedule4 .schedule_time02 {width:40px;background-color:#C3C3C3;font-weight:bold;color:#fff;padding:8px 0 8px 0;text-align:center;font:12px dotum;} #schedule4 .schedule_time03 {background-color:#b4b3ce;font-weight:bold;color:#fff;padding:11px 0 8px 0;text-align:center;font:12px dotum;} #schedule4 .schedule_title02 {height:35px;background-color:#cecce7;font-weight:bold;color:#726eac;text-align:center;font:12px dotum;padding-top:5px;} #schedule4 .schedule_txt01 {color:#4b4b4b;background-color:#ffffff;padding:5px;vertical-align:top;font:12px dotum;} #schedule4 .schedule_txt01 a{color:#168c96b;} #schedule4 .schedule_txt02 {color:#4b4b4b;background-color:#f1f5f6;padding:5px;vertical-align:top;font:12px dotum;} #schedule4 .schedule_txt02 a{color:#168c96b;} #schedule5 {width:680px;text-align:left;} #schedule5 .schedule_time02 {width:40px;background-color:#C3C3C3;font-weight:bold;color:#fff;padding:8px 0 8px 0;text-align:center;font:12px dotum;} #schedule5 .schedule_time03 {background-color:#b5ced2;font-weight:bold;color:#fff;padding:11px 0 8px 0;text-align:center;font:12px dotum;} #schedule5 .schedule_title02 {height:35px;background-color:#d3e2e4;font-weight:bold;color:#7E7E7E;text-align:center;font:12px dotum;padding-top:5px;} #schedule5 .schedule_txt01 {color:#4b4b4b;background-color:#ffffff;padding:5px;vertical-align:top;font:12px dotum;} #schedule5 .schedule_txt02 {color:#4b4b4b;background-color:#F3F3F3;padding:5px;vertical-align:top;font:12px dotum;} .guide_vodarea{width:570px; height:285px; background:url('../img/schedule/guide_vodarea-2.gif') no-repeat; margin:15px auto 0 auto; text-align:center;} .guide_vodarea_1{width:570px; height:240px; background:#fff; margin:15px auto 0 auto; text-align:center;} .vod_ch {margin-top:15px; text-align:center;} .vod_text {margin-top:15px; text-align:center;} /*개인정보 취급방침*/ .ul0 {margin:0;padding:0;list-style:none;} .ul0 .li1 a{font: 12px/1.5 dotum;color:#3d3d3d; padding-left:11px;} /*인터넷 이용 도움말*/ .ul0 {margin:0;padding:0;} .ul0 .li2 a{background:url('/img/comm/li1.gif') no-repeat 0 6px ; font-size:12px;line-height:19px;color:#5047b6; padding-left:8px;} .ul0 .li3 a{background:url('/img/comm/li2.gif') no-repeat 0 6px ; font-size:12px;line-height:19px;color:#666666; padding-left:8px;} /*사이트맵*/ #sitemap {width:650px;font-size:14px;overflow:hidden;margin:0;padding:15px;letter-spacing:-1px;background:#e8f0f3;border:1px solid #dfe8ef} #sitemap .title {font-weight:bold;font-size:14px;height:20px;color:#305891;} #sitemap dl{width:615px;height:12px;margin:0 0 10px 10px;padding:0;} #sitemap dt{float:left;width:190px;text-align:left;margin:0;padding:0 0 0 10px;background:url(/img/service/ico_lis.gif) no-repeat 0 2px;} #sitemap a{color:#666;} /*편성안내*/ .stime_on, a.stime_on:link, a.stime_on:visited {width:70px; height:40px; padding-top:4px; background-color:#6EC6D0;border:1px solid #4FA6AD;color:#ffffff;text-align:center;cursor:pointer;font:bold 12px guliim;} .stime_off, a.stime_off:link, a.stime_off:visited {width:70px; height:40px; padding-top:4px; background-color:#DFDFDF;color:#ffffff;border:1px solid #CECECE;text-align:center;cursor:pointer;font:bold 12px guliim} .program_txt {color:#9a9a9a; font-family:dotum;text-align:left; font:12px gullim;} .program_stxt {color:#0898B0; font-family:dotum; text-align:left; font:12px gullim;} .time {color:#5BA1AB; font:bold 12px gullim; padding:5px 0 2px 0} .time_txt{color:#666666; font:12px gullim; padding:5px 0 2px 0} .scinfo_ul{margin:5px auto 0 auto; width:212px;} .scinfo_ul li{float:left;} /*시청자프로그램 구입*/ textarea {margin: 0;padding: 0px;font-size:13px;scrollbar-arrow-color: #999999;scrollbar-darkshadow-color: #E6E6E6;scrollbar-face-color: #E9EFF2;scrollbar-shadow-color: #F2F0F0;} select {font-size:12px;} .td4{width:80px; background:#fff;color:#666; font-weight:bold;font-size:13px;padding:8px} .td5{padding:3px 5px 3px 15px; background:#fff;font-size:13px;color:#666; text-align:left;} .input_1 {text-decoration:none; height: 20px; margin: -1px 0px -1px 0px; border:1px solid #cccccc;} .td1{width:210px; color:#666; font-weight:bold;font-size:13px; padding:4px 4px 4px 10px} .td2{width:170px; color:#666; font-size:13px;padding:4px;text-align:center} .td3{width:280px; color:#666; font-size:13px;padding:4px; text-align:center} /* 2012.06.01 스페셜 추가 */ .special_con{width:234px; border:3px solid #41b0bb; background-color:#fff; border-top:none; height:287px;} .special_dl{padding-top:14px; width:225px; margin:0 auto;} .special_dl dt.img{background:url('../img/main/special_imgbg.gif') no-repeat; width:177px; height:134px; padding:3px; margin:0 auto;} .special_dl dt.img img a{border:none;} .special_dl dd{color:#393939; font-size:14px; font-weight:bold; margin-top:8px; width:225px; text-align:center;} .special_dl dd a{color:#393939; font-size:14px; font-weight:bold; text-decoration:none; } .special_dl dd.text2{margin:0 auto; color:#7e7e80; font-size:12px; font-weight:normal; margin-top:5px; width:205px; text-align:justify;} .special_dl dd.text2 a{color:#7e7e80; font-size:12px; font-weight:normal; text-decoration:none; } /*VOD PLAYER 2012.06.13*/ .playerBox {width:350px;height:291px; margin-bottom:50px;} .playerBox .a1 {background-color:#000;background-repeat:no-repeat;background-position:center center;height:253px;text-align:center;} .playerBox .a2 {background:url('../img/program/b1.gif') repeat-x;width:350px;height:38px;} .playerBox .a2 img {cursor:pointer;} .playerBox .a2 .buttonBox {float:left;padding:7px 5px 0 10px;width:55px;} .playerBox .a2 .barBox {float:left;width:98px;padding-top:13px;} .playerBox .a2 .barBox .barSide {float:left;width:1px;height:8px;background:url('/img/program/bar_side.gif') no-repeat;} .playerBox .a2 .barBox .barBack {float:left;width:90px;height:8px;background:url('/img/program/bar_back.gif') repeat-x;position:relative;} .playerBox .a2 .barBox .barBack #progress_bar {z-index:2;margin:0;position:absolute;top:0;left:0;width:26px;height:8px;} .playerBox .a2 .barBox .barBack #progress_bar img {vertical-align:baseline;} .playerBox .a2 .barBox .barBack .state {z-index:1;margin:0;position:absolute;top:0;left:0;} .playerBox .a2 .barBox .barBack .state img {vertical-align:baseline;} .playerBox .a2 .timeBox {float:left;width:70px;height:26px;padding-top:12px;color:#c0c0c0; } .playerBox .a2 .soundBox {float:left;width:60px; position:relative; padding:14px 0 0 21px;} .playerBox .a2 .soundBox .mute {position:absolute; top:11px;left: 7px;width:14px;} .playerBox .a2 .soundBox .soundBack {float:left;width:50px;height:6px;background:url('/img/program/sound_back.gif') repeat-x;position:relative;padding-top:2px;} .playerBox .a2 .soundBox .soundBack #sound_progress {z-index:2;margin:0;position:absolute;top:0;left:0;width:15px;height:6px;} .playerBox .a2 .soundBox .soundBack #sound_progress img {vertical-align:baseline;} .playerBox .a2 .soundBox .soundBack .soundState {z-index:1;margin:0;position:absolute;top:0;left:0;} .playerBox .a2 .soundBox .soundBack .soundState img {vertical-align:baseline;} .playerBox .a2 .soundBox .soundSide {float:left;width:2px;height:6px;background:url('/img/program/sound_side.gif') no-repeat;padding-top:2px} .playerBox .a2 .allView {float:left;width:22px;padding-top:7px;} .playerBox .a3 .logo {width:50px;padding-left:12px;float:left;} .playerBox .a3 .ment {width:200px;float:left;} .playerBox .a3 .time {float:right;color:#fff;padding:10px 10px 0 0;} .playerBox .a3 .ment .movTextAd {margin-top:9px;width:180px;height:18px;} .playerBox .a3 .ment .movTextAd li {width:180px;text-align:center;} .playerBox .a3 .ment .movTextAd li a {color:#fff;} #pauseButton {display:none;} #bufferingStr {color:#fff;padding-top:7px;display:block;} .pngimg {tmp:expression(setPngImg(this));} #YPlayer {width:350px;height:291px;overflow:hidden;margin:25px auto 50px auto;} #YPlayer img {vertical-align:baseline;} #YPlayer .vImg {width:350px;height:253px;} #YPlayer .vState {width:350px;height:38px;position:relative;} #YPlayer .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:10px;cursor:pointer;} /* 2012.08.30 16:9 vod추가 */ #YPlayer_HD {width:450px;height:288px;overflow:hidden;margin:25px auto 50px auto;} #YPlayer_HD img {vertical-align:baseline;} #YPlayer_HD .vImg {width:450px;height:253px;} #YPlayer_HD .vState {width:450px;height:38px;position:relative;} #YPlayer_HD .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:10px;cursor:pointer;} #YPlayer_HD .playbt {position:absolute;width:77px;height:78px;top:680px;left:510px;cursor:pointer;} #YPlayer_HD_1 {width:450px;height:288px;overflow:hidden;margin:25px auto 50px auto;} #YPlayer_HD_1 img {vertical-align:baseline;} #YPlayer_HD_1 .vImg {width:450px;height:253px;} #YPlayer_HD_1 .vState {width:450px;height:38px;position:relative;} #YPlayer_HD_1 .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:10px;cursor:pointer;} #YPlayer_HD_1 .playbt {position:absolute;width:77px;height:78px;top:680px;left:510px;cursor:pointer;} #YPlayer_HD_2 {width:450px;height:288px;overflow:hidden;margin:25px auto 50px auto;} #YPlayer_HD_2 img {vertical-align:baseline;} #YPlayer_HD_2 .vImg {width:450px;height:253px;} #YPlayer_HD_2 .vState {width:450px;height:38px;position:relative;} #YPlayer_HD_2 .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:10px;cursor:pointer;} #YPlayer_HD_2 .playbt {position:absolute;width:77px;height:78px;top:680px;left:510px;cursor:pointer;} #YPlayer_HD_3 {width:450px;height:288px;overflow:hidden;margin:25px auto 50px auto;} #YPlayer_HD_3 img {vertical-align:baseline;} #YPlayer_HD_3 .vImg {width:450px;height:253px;} #YPlayer_HD_3 .vState {width:450px;height:38px;position:relative;} #YPlayer_HD_3 .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:10px;cursor:pointer;} #YPlayer_HD_3 .playbt {position:absolute;width:77px;height:78px;top:680px;left:510px;cursor:pointer;} #YPlayer_HD_4 {width:450px;height:288px;overflow:hidden;margin:25px auto 50px auto;} #YPlayer_HD_4 img {vertical-align:baseline;} #YPlayer_HD_4 .vImg {width:450px;height:253px;} #YPlayer_HD_4 .vState {width:450px;height:38px;position:relative;} #YPlayer_HD_4 .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:10px;cursor:pointer;} #YPlayer_HD_4 .playbt {position:absolute;width:77px;height:78px;top:680px;left:510px;cursor:pointer;} #YPlayer_HD_5 {width:450px;height:288px;overflow:hidden;margin:25px auto 50px auto;} #YPlayer_HD_5 img {vertical-align:baseline;} #YPlayer_HD_5 .vImg {width:450px;height:253px;} #YPlayer_HD_5 .vState {width:450px;height:38px;position:relative;} #YPlayer_HD_5 .vState .Pbutton {position:absolute;width:24px;height:22px;top:7px;left:10px;cursor:pointer;} #YPlayer_HD_5 .playbt {position:absolute;width:77px;height:78px;top:680px;left:510px;cursor:pointer;} .playerBox_02 {width:450px;height:298px;margin-bottom:20px;margin-top:20px;} .playerBox_02 .a1 {background-color:#000;background-repeat:no-repeat;background-position:center center;height:253px;text-align:center;} .playerBox_02 .a2 {background:url('/img/vod/b1.gif') repeat-x;width:450px;height:45px;} .playerBox_02 .a2 img {cursor:pointer;} .playerBox_02 .a2 .buttonBox {float:left;padding:7px 10px 0 10px;width:55px;} .playerBox_02 .a2 .barBox {float:left;width:178px;padding-top:13px;} .playerBox_02 .a2 .barBox .barSide {float:left;width:1px;height:8px;background:url('/img/vod/bar_side.gif') no-repeat;} .playerBox_02 .a2 .barBox .barBack {float:left;width:170px;height:8px;background:url('/img/vod/bar_back.gif') repeat-x;position:relative;} .playerBox_02 .a2 .barBox .barBack #progress_bar {z-index:2;margin:0;position:absolute;top:0;left:0;width:26px;height:8px;} .playerBox_02 .a2 .barBox .barBack #progress_bar img {vertical-align:baseline;} .playerBox_02 .a2 .barBox .barBack .state {z-index:1;margin:0;position:absolute;top:0;left:0;} .playerBox_02 .a2 .barBox .barBack .state img {vertical-align:baseline;} .playerBox_02 .a2 .timeBox {float:left;width:70px;height:26px;padding-top:12px;color:#c0c0c0;} .playerBox_02 .a2 .soundBox {float:left;width:77px; position:relative; padding:14px 0 0 21px;} .playerBox_02 .a2 .soundBox .mute {position:absolute; top:11px;left: 7px;width:14px;} .playerBox_02 .a2 .soundBox .soundBack {float:left;width:66px;height:6px;background:url('/img/vod/sound_back.gif') repeat-x;position:relative;padding-top:2px;} .playerBox_02 .a2 .soundBox .soundBack #sound_progress {z-index:2;margin:0;position:absolute;top:0;left:0;width:15px;height:6px;} .playerBox_02 .a2 .soundBox .soundBack #sound_progress img {vertical-align:baseline;} .playerBox_02 .a2 .soundBox .soundBack .soundState {z-index:1;margin:0;position:absolute;top:0;left:0;} .playerBox_02 .a2 .soundBox .soundBack .soundState img {vertical-align:baseline;} .playerBox_02 .a2 .soundBox .soundSide {float:left;width:2px;height:6px;background:url('/img/vod/sound_side.gif') no-repeat;padding-top:2px} .playerBox_02 .a2 .allView {float:left;width:22px;padding-top:7px;} .playerBox_02 .a3 .logo {width:50px;padding-left:12px;float:left;} .playerBox_02 .a3 .ment {width:200px;float:left;} .playerBox_02 .a3 .time {float:right;color:#fff;padding:10px 10px 0 0;} .playerBox_02 .a3 .ment .movTextAd {margin-top:9px;width:180px;height:18px;} .playerBox_02 .a3 .ment .movTextAd li {width:180px;text-align:center;} .playerBox_02 .a3 .ment .movTextAd li a {color:#fff;} /*test*/ .playerBox_02_v2 {width:480px;height:338px;margin-bottom:20px;} .playerBox_02_v2 .a1 {background-color:#000;background-repeat:no-repeat;background-position:center center;height:253px;text-align:center;} .playerBox_02_v2 .a2 {background:url('/img/vod/b1.gif') repeat-x;width:450px;height:38px;} .playerBox_02_v2 .a2 img {cursor:pointer;} .playerBox_02_v2 .a2 .buttonBox {float:left;padding:7px 10px 0 10px;width:55px;} .playerBox_02_v2 .a2 .barBox {float:left;width:178px;padding-top:13px;} .playerBox_02_v2 .a2 .barBox .barSide {float:left;width:1px;height:8px;background:url('/img/vod/bar_side.gif') no-repeat;} .playerBox_02_v2 .a2 .barBox .barBack {float:left;width:170px;height:8px;background:url('/img/vod/bar_back.gif') repeat-x;position:relative;} .playerBox_02_v2 .a2 .barBox .barBack #progress_bar {z-index:2;margin:0;position:absolute;top:0;left:0;width:26px;height:8px;} .playerBox_02_v2 .a2 .barBox .barBack #progress_bar img {vertical-align:baseline;} .playerBox_02_v2 .a2 .barBox .barBack .state {z-index:1;margin:0;position:absolute;top:0;left:0;} .playerBox_02_v2 .a2 .barBox .barBack .state img {vertical-align:baseline;} .playerBox_02_v2 .a2 .timeBox {float:left;width:70px;height:26px;padding-top:12px;color:#c0c0c0;} .playerBox_02_v2 .a2 .soundBox {float:left;width:77px; position:relative; padding:14px 0 0 21px;} .playerBox_02_v2 .a2 .soundBox .mute {position:absolute; top:11px;left: 7px;width:14px;} .playerBox_02_v2 .a2 .soundBox .soundBack {float:left;width:66px;height:6px;background:url('/img/vod/sound_back.gif') repeat-x;position:relative;padding-top:2px;} .playerBox_02_v2 .a2 .soundBox .soundBack #sound_progress {z-index:2;margin:0;position:absolute;top:0;left:0;width:15px;height:6px;} .playerBox_02_v2 .a2 .soundBox .soundBack #sound_progress img {vertical-align:baseline;} .playerBox_02_v2 .a2 .soundBox .soundBack .soundState {z-index:1;margin:0;position:absolute;top:0;left:0;} .playerBox_02_v2 .a2 .soundBox .soundBack .soundState img {vertical-align:baseline;} .playerBox_02_v2 .a2 .soundBox .soundSide {float:left;width:2px;height:6px;background:url('/img/vod/sound_side.gif') no-repeat;padding-top:2px} .playerBox_02_v2 .a2 .allView {float:left;width:22px;padding-top:7px;} .playerBox_02_v2 .a3 .logo {width:50px;padding-left:12px;float:left;} .playerBox_02_v2 .a3 .ment {width:200px;float:left;} .playerBox_02_v2 .a3 .time {float:right;color:#fff;padding:10px 10px 0 0;} .playerBox_02_v2 .a3 .ment .movTextAd {margin-top:9px;width:180px;height:18px;} .playerBox_02_v2 .a3 .ment .movTextAd li {width:180px;text-align:center;} .playerBox_02_v2 .a3 .ment .movTextAd li a {color:#fff;} /* 20130805 날씨 페이지 추가 */ .weaeher_area{margin:0 auto; width:690px; background:#fff; padding:0; } .weaeher_list_ul{margin:0 auto; width:690px; margin-top:15px;text-align:left} .weaeher_list_ul .weaeher_ytn_list {float:left; width:330px; height:610px; background:#fff;} .weaeher_list_ul .weaeher_kw_list {float:right; width:330px; height:610px; background:#fff;} .weaeher_list_ul_title_blue{width:330px; height:23px; background:url("../img/comm/conc_titbg_blue.gif") repeat-x; padding-left:9px; clear:both;} .weaeher_list_ul_title_red{width:330px; height:23px; background:url("../img/comm/conc_titbg_red.gif") repeat-x; padding-left:9px; clear:both;} .w_list_area {width:330px; margin:0 auto;} .w_list_area .weather_dl {width:330px; clear:both; height:95px; margin-top:10px; background:#fff;} .w_list_area .weather_dl dt{float:left; width:142px; height:82px; background:#f2f2f2; margin-right:10px;text-align:center} .w_list_area .weather_dl dd.wt_title{float:right; width:175px; margin-bottom:4px;} .w_list_area .weather_dl dd.wt_title a{color:#000; font-weight:bold; font-size:14px} .w_list_area .weather_dl dd.wt_text{float:right;width:175px; margin-bottom:3px;} .w_list_area .weather_dl dd.wt_text a{color:#000; font-weight:normal; line-height:16px;} .w_list_area .weather_dl dd.wt_date{float:right; width:175px;color:#adadad;font-size:11px;} .w_list_area .weather_dl2 {width:330px; clear:both; height:95px; margin-top:10px; background:#fff;} .w_list_area .weather_dl2 dt{float:left; width:142px; height:82px; background:#f2f2f2; margin-right:10px;text-align:center} .w_list_area .weather_dl2 dd.wt_title{float:left; width:330px; margin-bottom:4px;} .w_list_area .weather_dl2 dd.wt_title a{color:#000; font-weight:bold; font-size:14px} .w_list_area .weather_dl2 dd.wt_text{float:left;width:330px; margin-bottom:3px;} .w_list_area .weather_dl2 dd.wt_text a{color:#000; font-weight:normal; line-height:16px;} .w_list_area .weather_dl2 dd.wt_date{float:left; width:330px;color:#adadad;font-size:11px;} /* 20130828 방송정보 추가 */ .broadinfo_icon{width:671px; height:160px; margin-left:0px;} .broadinfo_icon .icon_ul {height:61px; float:left;} .broadinfo_icon .icon_ul li{float:left; width:61px;padding:0px 0px 8px 0px;} /* 방영프로그램 리스트 */ .broad_program {float:left; width:680px;text-align:right; margin:0 auto; height:30px; } .broad_program select.broad_select {width:200px;} /* 20130828 방송정보 추가 */ .broadinfo_icon2{width:671px; height:160px; margin-left:0px;} .broadinfo_icon2 .icon_ul {height:58px; float:left;} .broadinfo_icon2 .icon_ul li{float:left; width:57px;padding:0px 0px 8px 0px;} /* 2014 핫클립 추가 */ .hotclip_ul{width:680px; margin-bottom:5px; margin-top:10px; float:left; clear:both; } .hotclip_ul li.left{width:340px; padding:0px; margin:0px; float:left; background:url('../img/comm/dot3.gif') repeat-x left 90%;} .hotclip_ul li.right{width:320px; padding:0px; margin:0px; float:right; background:url('../img/comm/dot3.gif') repeat-x left 90%;} .hotclip_dl{padding:0;display:block;clear:both;margin:0 0 15px 0; } .hotclip_dl dt{width:330px; color:#3f3fa7;font-weight:bold; margin-bottom:5px; margin-top:0px;} .hotclip_dl dt a{color:#333; font-size:13px;font-weight:bold;} .hotclip_dl dd.img { width: 330px; height: 181px; border: 1px solid #dddddd; /*margin-bottom: 8px;*/ } .hotclip_dl dd.title { /*width:195px; padding:0; font-weight:bold; color:#333; line-height:1.4em; margin-bottom:3px;*/ padding-top: 7px; margin: 0 0 0 0px; font-size: 16px; font-weight: bold; text-align: left; color: #464646; line-height: 18px; display: block; width: 320px; padding: 5px; height: 40px; /* background-color: #f0f1f1; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;*/} .hotclip_dl dd.title a{font-size:16px;font-weight:bold; color:#3f3fa7;} .hotclip_dl dd.text {float:right;width:195px; color:#757575; line-height:1.4em;} .hotclip_dl dd.text {color:#757575;} .hotclip_bg {background:url('../img/hotclip/hot_clip_main.jpg') no-repeat;width:980px;height:372px;position:relative;z-index:-100;} .hotclip_vod {position:absolute;top:10px;left:55px;} /* 2019. 09 방송정보 내 첨부파일 추가 */ .attfile_area {padding:10px 0;} .attfile_area .file_tit{font-size:14px; font-weight:bold;} .attfile_area .file_tit img{position:relative; top:3px; padding-right:6px;} .attfile_area .file_list ul{margin-top:10px;} .attfile_area .file_list ul li{border-top:1px solid #ededed; padding:6px 0;} .attfile_area .file_list ul li span.attfile{vertical-align:middle;} .attfile_area .file_list ul li span.attfile a img{position:relative; top:3px; padding-right:6px;} .attfile_area .file_list ul li span.attfile span.attsize{padding-left:6px; color:#a9a9a9;} #foot { position:relative; clear:both; color: #cdcdcd; z-index: 10; text-align:center;} #foot .footer {position:relative;margin:10px auto;padding:0;width:980px;text-align:center;overflow:hidden} #foot .f_top { height:30px; margin: 0 auto; position: relative; color: #fff; background: #00aeef; z-index: 2; text-align:center; } #foot .f_bottom {height:50px;width:980px;margin:0 auto;padding:13px 0 0 0;text-align:center;} #foot .footer_me {width:980px;margin:0 auto;padding:7px 0 5px;font-size:12px;text-align:center;} #foot .footer_me li {float:left;background:url('/img/comm/ico_fline.gif') no-repeat left center;padding:0 5px 0 5px} #foot .footer_me li a {color:#fff;text-decoration:none} #foot .footer_me li a:hover {text-decoration:none} #foot .f_bottom li {float:left;} #foot .f_bottom li.a{width:770px;} #foot .f_bottom li.b{width:210px;margin-top:5px; text-align:right;} #foot .f_bottom .f_bottom_bg { width: 209px; height: 29px; padding-top: 7px; background: url('/img/comm/family_bg.gif') no-repeat; text-align: center; font-size: 14px; position: relative; } #foot .f_bottom .f_bottom_bg_layer li{ display:block;width: 180px; height:16px;padding-bottom:4px; font-weight:normal; background:url("/img/main/ico_li.gif") no-repeat 5px; padding-left:25px; } #foot .f_bottom .f_bottom_bg_layer li a{ font-weight:normal} #foot .f_bottom_bg_layer { width: 185px; height:130px; padding: 10px 10px 0 10px; text-align: left; font-size: 14px; background-color:#fff; border: 2px solid #a6a8ab; border-bottom: none; position: absolute; bottom: 35px; left: 0px; z-index: 9999999; } /* css3 animation */ @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated_3 { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both } /* //css3 animation */ #datepicker {display: none;border:none} #ui-datepicker-div {margin-top:25px;} #datepicker .ui-datepicker-trigger {background: #fff;} .content_area .qton_bar a {display:block; float:right; margin-left:5px;} /*윙배너*/ .floatingBnr_sub right div {margin-bottom:14px !important;display:block;} /*코로나19 특집페이지*/ .corona_bg {background:url('../img/banner/issue_corona_main.jpg') no-repeat;width:980px;height:372px;position:relative;margin-bottom:10px} .corona_vod {position:absolute;top:15px;left:55px;z-index:1;} .issue_title {width:690px;margin-bottom:20px;padding:7px 0;border-bottom:3px solid #b1b3b5;font-size:14px;font-weight:bold;} .issue_tab {width:690px;margin-bottom:20px;border-bottom:3px solid #b1b3b5;font-size:0;} .issue_tab li {width:345px;display:inline-block;} .issue_tab a {width:345px;display:inline-block;font-size:14px;font-weight:bold;text-align:center;padding:7px 0;color:#666;background-color:#e6e6e6;} .issue_tab a:hover {text-decoration:none;} .issue_tab .on a {background-color:#00aeef;color:#fff;} .issue_tbl {margin-bottom:16px;padding-left:39px} .issue_tbl .tbl {width:611px;border:1px solid #b1b3b5;border-right:none;} .issue_tbl .tbl th {border-right:1px solid #b1b3b5;text-align:center;background-color:#e6e6e6;font-size:14px;padding:7px 0;color:#666;} .issue_tbl .tbl td {border-right:1px solid #b1b3b5;text-align:center;background-color:#fff;font-size:24px;font-weight:bold;padding:17px 0 13px 0;} .issue_tbl .stxt {width:611px;text-align:right;color:#999;font-size:12px;padding-top:10px;letter-spacing:0px;} .issue_tbl2 {width:550px;border-top:3px solid #d3d3d4;border-bottom:3px solid #d3d3d4;padding:13px 0;margin-left:70px;} .issue_tbl2 .tbl {width:100%;} .issue_tbl2 .tbl th {border-right:1px solid #dcdddd;text-align:center;background-color:#fff;font-size:15px;color:#867c76;padding-bottom:6px} .issue_tbl2 .tbl th:last-child {border:none;} .issue_tbl2 .tbl td {border-right:1px solid #dcdddd;text-align:center;background-color:#fff;font-size:29px;font-weight:bold;padding:5px 0 9px 0;} .issue_tbl2 .tbl td:nth-child(1) {color:#ed6d46;} .issue_tbl2 .tbl td:nth-child(2) {color:#a2b200;} .issue_tbl2 .tbl td:nth-child(3) {color:#5a4f4a;} .issue_tbl2 .tbl td:nth-child(4) {color:#9fa0a0;} .issue_tbl2 .tbl td:last-child {border:none;} .c_stxt {width:620px;text-align:right;color:#999;font-size:12px;padding-top:7px;letter-spacing:0px;} .issue_outlink {width:690px;display:inline-block;font-size:0;margin-bottom:30px;} .issue_outlink .btn {display:inline-block;width:25%;text-align:center;vertical-align:top;} .issue_outlink .btn a {width:110px;display:inline-block;text-align:center;} .issue_outlink .btn .icon_01 {display:block;width:90px;height:90px;border-radius:90px;border:2px solid #b1b3b5;margin:0 auto;background:url('../img/banner/icon_corona_1.png') no-repeat center center;background-size:40px 40px;} .issue_outlink .btn .icon_02 {display:block;width:90px;height:90px;border-radius:90px;border:2px solid #b1b3b5;margin:0 auto;background:url('../img/banner/icon_corona_2.png') no-repeat center center;background-size:40px 40px;} .issue_outlink .btn .icon_03 {display:block;width:90px;height:90px;border-radius:90px;border:2px solid #b1b3b5;margin:0 auto;background:url('../img/banner/icon_corona_3.png') no-repeat center center;background-size:40px 40px;} .issue_outlink .btn .icon_04 {display:block;width:90px;height:90px;border-radius:90px;border:2px solid #b1b3b5;margin:0 auto;background:url('../img/banner/icon_corona_4.png') no-repeat center center;background-size:45px 35px;} .issue_outlink .btn .text {display:inline-block;font-size:14px;color:#555;margin-top:6px;line-height:18px;font-weight:bold;} .issue_outlink2 {width:690px;display:inline-block;font-size:0;margin:30px 0;text-align:center;vertical-align:top;} .issue_outlink2 .btn {display:inline-block;text-align:center;vertical-align:top;width:33.33%;} .issue_outlink2 .btn:last-child {margin-right:0;} .issue_outlink2 .btn a {display:inline-block;text-align:center;} .issue_outlink2 .btn .icon_01 {display:block;width:90px;height:90px;border-radius:90px;border:2px solid #b1b3b5;margin:0 auto;background:url('../img/banner/icon_corona_1.png') no-repeat center center;background-size:40px 40px;} .issue_outlink2 .btn .icon_02 {display:block;width:90px;height:90px;border-radius:90px;border:2px solid #b1b3b5;margin:0 auto;background:url('../img/banner/icon_corona_2.png') no-repeat center center;background-size:40px 40px;} .issue_outlink2 .btn .icon_03 {display:block;width:90px;height:90px;border-radius:90px;border:2px solid #b1b3b5;margin:0 auto;background:url('../img/banner/icon_corona_3.png') no-repeat center center;background-size:40px 40px;} .issue_outlink2 .btn .icon_04 {display:block;width:90px;height:90px;border-radius:90px;border:2px solid #b1b3b5;margin:0 auto;background:url('../img/banner/icon_corona_4.png') no-repeat center center;background-size:45px 35px;} .issue_outlink2 .btn .icon_05 {display:block;width:90px;height:90px;border-radius:90px;border:2px solid #b1b3b5;margin:0 auto;background:url('../img/banner/icon_corona_5.png') no-repeat center center;background-size:40px 40px;} .issue_outlink2 .btn .text {display:inline-block;font-size:14px;color:#555;margin-top:6px;line-height:18px;font-weight:bold;}