@charset "utf-8"; /* 레이아웃 공통 작업 */ body {background:#fff;} #wrapper {width:100%; } /*********************************************************************************************************** Header *************************************************************************************************************/ #header {width:100%; background:#fff;} #header .headerArea-index {width:100%; height:121px; border-bottom:solid 1px #d7d7d7; } #header .headerArea-index .top_area {width:1024px; margin:0 auto; position:relative; height:131px;} #header .headerArea-index .top {width:1024px; margin:0 auto; position:relative;} #header .headerArea-index h1.siteLogo {float:left; padding:32px 0 0 16px;} #header .headerArea-index .gnbMenu_1dep {float:left; padding:69px 0 0 50px;} #header .headerArea-index .gnbMenu_1dep a {display:inline-block; margin:0 25px; vertical-align:middle;} #header .headerArea-index .gnbMenu_1dep a span {font-size:25px; color:#000; font-weight:600;} #header .headerArea-index .gnbMenu_1dep a.selected span {color:#0099da;} #header .headerArea-index .gnbMenu_1dep img {vertical-align:middle;} #header .headerArea-index .bannerarea-header {position:absolute; bottom:10px; right:235px;} #header .headerArea-index .quick {float:right; padding:53px 0 0 0;} #header .headerArea-index .quick a {display:inline-block; float:left; margin-left:20px;} #header .headerArea-index .quick a img {display:block;} #header .headerArea-index .quick a span {display:block; margin-top:3px; font-weight:600; font-size:12px; text-align:center;} #header .headerArea-index .quick a span.color-table {color:#0099da;} #header .headerArea-index .quick a.q1 span.img {display:inline-block; width:32px;height:32px; background:url('../images/common/quick01_onair.gif') no-repeat center center;} #header .headerArea-index .quick a.q2 span.img {display:inline-block; width:32px;height:32px; background:url('../images/common/quick02_table.gif') no-repeat center center;} #header .headerArea-index .quick a.q3 span.img {display:inline-block; width:32px;height:32px; background:url('../images/common/quick03_event.gif') no-repeat center center;} #header .headerArea-index .quick a.q4 span.img {display:inline-block; width:32px;height:32px; background:url('http://image.ichannela.com/images/quick04_ott.gif') no-repeat center center;} #header .headerArea-index .quick a.q1:hover span.img {background:url('../images/common/quick01_onair_over.gif') no-repeat center center;} #header .headerArea-index .quick a.q2:hover span.img {background:url('../images/common/quick02_table_over.gif') no-repeat center center;} #header .headerArea-index .quick a.q3:hover span.img {background:url('../images/common/quick03_event_over.gif') no-repeat center center;} #header .headerArea-index .quick a.q4:hover span.img {background:url('http://image.ichannela.com/images/quick04_ott_over.gif') no-repeat center center;} #header .headerArea-index .quick a.q1 span.img.color-table {background:url('../images/common/quick01_onair_over.gif') no-repeat center center;} #header .headerArea-index .quick a.q2 span.img.color-table {background:url('../images/common/quick02_table_over.gif') no-repeat center center;} #header .headerArea-index .quick a.q3 span.img.color-table {background:url('../images/common/quick03_event_over.gif') no-repeat center center;} #header .headerArea-index .utill {position:absolute; right:0; top:8px; text-align:right; width:343px;} #header .headerArea-index .utill .utill_menu {float:left; padding-top:3px;} #header .headerArea-index .utill .utill_menu a {display:inline-block; margin:0 5px;} #header .headerArea-index .utill .utill_menu a span {}.headerArea #header .headerArea-index .utill .searchArea {position:relative; float:left; margin-left:5px;} #header .headerArea-index .utill .searchArea input {width:145px; height:13px; padding:3px;} #header .headerArea-index .utill .searchArea a {display:inline-block; position:absolute; top:1px; right:2px;} .newSearchWord {width:151px; border:solid 1px #d2d2d2; background-color:#fff; position:absolute; top:25px; right:0;} .newSearchWord .top {padding:8px 10px 5px; position:relative; overflow:hidden;} .newSearchWord .top span {font-size:13px; font-weight:600; color:#333;} .newSearchWord .top a {position:absolute; top:10px; right:5px;} .newSearchWord ul.list-word {padding:10px;} .newSearchWord ul.list-word li {line-height:22px;} .newSearchWord .bottom {padding:5px; text-align:right; background-color:#e9e9e9;} #header .headerArea {width:100%; height:165px; position:relative;} #header .headerArea .top {position:relative; width:1024px; margin:0 auto; height:111px;} #header .headerArea h1.siteLogo {float:left; padding:32px 0 0 16px;} #header .headerArea .gnbMenu_1dep {float:left; padding:69px 0 0 50px;} #header .headerArea .gnbMenu_1dep a {display:inline-block; margin:0 25px; vertical-align:middle;} #header .headerArea .gnbMenu_1dep a span {font-size:25px; color:#000; font-weight:600;} #header .headerArea .gnbMenu_1dep a.selected span {color:#0099da;} #header .headerArea .gnbMenu_1dep img {vertical-align:middle;} #header .headerArea .bannerarea-header {position:absolute; bottom:-10px; right:235px;} /*개별 GNB영역 타이틀 */ #header .headerArea .gnbTitle {float:left; padding:69px 0 0 50px; font-size:25px; color:#000; font-weight:600;} #header .headerArea .gnbwrap { width:100%; height:47px; background-color:#0099da; margin-top:7px;} #header .headerArea .gnbwrap_enter { width:100%; height:47px; background-color:#db2c72; margin-top:7px;} #header .headerArea .gnbwrap_culture { width:100%; height:47px; background-color:#189188; margin-top:7px;} #header .headerArea .gnbwrap_drama { width:100%; height:47px; background-color:#6c20a3; margin-top:7px;} #header .headerArea .quick {float:right; padding:53px 0 0 0;} #header .headerArea .quick a {display:inline-block; float:left; margin-left:20px;} #header .headerArea .quick a img {display:block;} #header .headerArea .quick a span {display:block; margin-top:3px; font-weight:600; font-size:12px; text-align:center;} #header .headerArea .quick a span.color-table {color:#0099da;} #header .headerArea .quick a.q1 span.img {display:inline-block; width:32px;height:32px; background:url('../images/common/quick01_onair.gif') no-repeat center center;} #header .headerArea .quick a.q2 span.img {display:inline-block; width:32px;height:32px; background:url('../images/common/quick02_table.gif') no-repeat center center;} #header .headerArea .quick a.q3 span.img {display:inline-block; width:32px;height:32px; background:url('../images/common/quick03_event.gif') no-repeat center center;} #header .headerArea .quick a.q4 span.img {display:inline-block; width:32px;height:32px; background:url('http://image.ichannela.com/images/quick04_ott.gif') no-repeat center center;} #header .headerArea .quick a.q1:hover span.img {background:url('../images/common/quick01_onair_over.gif') no-repeat center center;} #header .headerArea .quick a.q2:hover span.img {background:url('../images/common/quick02_table_over.gif') no-repeat center center;} #header .headerArea .quick a.q3:hover span.img {background:url('../images/common/quick03_event_over.gif') no-repeat center center;} #header .headerArea .quick a.q4:hover span.img {background:url('http://image.ichannela.com/images/quick04_ott_over.gif') no-repeat center center;} #header .headerArea .quick a.q1 span.img.color-table {background:url('../images/common/quick01_onair_over.gif') no-repeat center center;} #header .headerArea .quick a.q2 span.img.color-table {background:url('../images/common/quick02_table_over.gif') no-repeat center center;} #header .headerArea .quick a.q3 span.img.color-table {background:url('../images/common/quick03_event_over.gif') no-repeat center center;} #header .headerArea .utill {position:absolute; right:0; top:8px;} #header .headerArea .utill .utill_menu {float:left; padding-top:3px;} #header .headerArea .utill .utill_menu a {display:inline-block; margin:0 5px;} #header .headerArea .utill .utill_menu a span {} #header .headerArea .utill .searchArea {position:relative; float:left; margin-left:5px;} #header .headerArea .utill .searchArea input {width:145px; height:13px; padding:3px;} #header .headerArea .utill .searchArea a {display:inline-block; position:absolute; top:1px; right:2px;} /*뉴스 메뉴 : 개수 6개일 때*/ #header .headerArea ul.gnb2depNews {clear:both; margin:0 auto; width:1024px; height:47px; background-color:#0099da;} #header .headerArea ul.gnb2depNews li {float:left; width:16.66%;} #header .headerArea ul.gnb2depNews li a {display:block; padding:15px 0 10px; height:22px; text-align:center; border-right:solid 1px #0088c2;} #header .headerArea ul.gnb2depNews li a span {display:inline-block; padding-bottom:2px; color:#fff; font-size:15px;} #header .headerArea ul.gnb2depNews li a span img {vertical-align: middle;} #header .headerArea ul.gnb2depNews li a:hover span {border-bottom:solid 2px #fdff3b;} #header .headerArea ul.gnb2depNews li.selected a span {border-bottom:solid 2px #fdff3b;} #header .headerArea ul.gnb2depNews li.gomore a span {color:#fdff3b;} #header .headerArea ul.gnb2depNews li.give {background-color:#0068a4;} #header .headerArea ul.gnb2depNews li.give a {border:none;} /* 메뉴 : 개수 6개일 때*/ #header .headerArea .gnb2dep_6ea_w {background: #0099dd; width:100%;} #header .headerArea ul.gnb2dep_6ea {clear:both; height:47px; width:1024px; margin:7px auto 0; background-color:#0099da;} #header .headerArea ul.gnb2dep_6ea:after {content:""; display:block; clear:both; } #header .headerArea ul.gnb2dep_6ea>li {float:left; width:146px; position:relative;} #header .headerArea ul.gnb2dep_6ea>li>a {display:block; padding:15px 0 10px; height:22px; text-align:center; border-right:solid 1px rgba(255,255,255,0.3);} #header .headerArea ul.gnb2dep_6ea>li>a span {display:inline-block; padding-bottom:2px; color:#fff; font-size:15px;} #header .headerArea ul.gnb2dep_6ea>li>a span img {vertical-align: middle;} #header .headerArea ul.gnb2dep_6ea>li.selected>a span {border-bottom:solid 2px #fdff3b;} #header .headerArea ul.gnb2dep_6ea>li.gomore>a span {color:#fdff3b;} #header .headerArea ul.gnb2dep_6ea>li.give {background-color:#0068a4;} #header .headerArea ul.gnb2dep_6ea>li.give a {border:none;} /* 참여 메뉴 : 개수 5개일 때*/ #header .headerArea ul.gnb2depPat {clear:both; width:1024px; margin:0 auto; margin-top:7px; height:47px; background-color:#0099da;} #header .headerArea ul.gnb2depPat>li {float:left; width:20%; position:relative;} #header .headerArea ul.gnb2depPat>li>a {display:block; padding:15px 0 10px; height:22px; text-align:center; border-right:solid 1px rgba(255,255,255,0.3);} #header .headerArea ul.gnb2depPat>li>a span {display:inline-block; padding-bottom:2px; color:#fff; font-size:15px;} #header .headerArea ul.gnb2depPat>li>a span img {vertical-align: middle;} #header .headerArea ul.gnb2depPat>li.selected>a span {border-bottom:solid 2px #fdff3b;} #header .headerArea ul.gnb2depPat>li.gomore>a span {color:#fdff3b;} #header .headerArea ul.gnb2depPat>li.give {background-color:#0068a4;} #header .headerArea ul.gnb2depPat>li.give a {border:none;} /* 메뉴 : 개수 4개일 때*/ #header .headerArea ul.gnb2dep_4ea {clear:both; width:1024px; height:47px; margin:7px auto 0;} #header .headerArea ul.gnb2dep_4ea>li {float:left; width:25%; position:relative;} #header .headerArea ul.gnb2dep_4ea>li>a {display:block; padding:15px 0 10px; height:22px; text-align:center; border-right:solid 1px #0088c2;} #header .headerArea ul.gnb2dep_4ea>li>a span {display:inline-block; padding-bottom:2px; color:#fff; font-size:15px;} #header .headerArea ul.gnb2dep_4ea>li>a span img {vertical-align: middle;} #header .headerArea ul.gnb2dep_4ea>li.selected>a span {border-bottom:solid 2px #fdff3b;} #header .headerArea ul.gnb2dep_4ea>li.last>a {border-right:0;} /* 메뉴 : 개수 2개일 때 => 비즈니스소개*/ #header .headerArea ul.gnb2dep_biz {clear:both; margin-top:7px; height:47px; background-color:#0099da; padding-left:100px;} #header .headerArea ul.gnb2dep_biz>li {float:left; width:30%; position:relative;} #header .headerArea ul.gnb2dep_biz>li>a {display:block; padding:15px 0 10px; height:22px; text-align:center;} #header .headerArea ul.gnb2dep_biz>li>a span {display:inline-block; padding-bottom:2px; color:#fff; font-size:15px;} #header .headerArea ul.gnb2dep_biz>li.selected>a>span {border-bottom:solid 2px #fdff3b;} #header .headerArea ul.gnb2dep_biz>li.last {border-left:solid 1px #0088c2;} #header .headerArea .gnb3depbiz {width:168px; border:solid 2px #0099da; background-color:#fff; position:absolute; left:50px; top:50px; z-index:10;} #header .headerArea .gnb3depbiz>ul {width:100%;} #header .headerArea .gnb3depbiz>ul>li {width:100%; line-height:39px; border-bottom:solid 1px #e5e5e5; background-color:#f3f3f3;} #header .headerArea .gnb3depbiz>ul>li a {display:inline-block; padding-left:15px; font-size:15px; color:#383838;} #header .headerArea .gnb3depbiz>ul>li a:hover {font-weight:600;} #header .headerArea .gnb3depbiz>ul>li a span {} #header .headerArea .menu_wrap { position:relative; width:1024px; margin:0 auto; } #header .headerArea .gnb3depNews {border:solid 3px #0099da; background-color:#fff; position:absolute; top:10px; z-index:10000;} #header .headerArea .gnb3depNews .boxArea {padding:20px 10px; position:relative; overflow:hidden;} #header .headerArea .gnb3depNews .boxArea ul {float:left; padding:10px; width:150px; border-right:solid 1px #dadada;} #header .headerArea .gnb3depNews .boxArea ul li {margin-bottom:10px;} #header .headerArea .gnb3depNews .boxArea ul li a {display:inline-block; background:url('../images/common/bullet_dot.gif') no-repeat left 4px; padding-left:10px;} #header .headerArea .gnb3depNews .boxArea ul li a:hover {text-decoration:underline;} #header .headerArea .gnb3depNews .boxArea ul li a span {font-size:14px;} #header .headerArea .gnb3depNews .boxArea ul.last {border:none;} #header .headerArea .gnb3depNews .boxArea a.btn_gnb3depNews_close {position:absolute; top:10px; right:10px;} #header .headerArea .newsMenu4Sub {left:415px;}/*뉴스프로그램*/ #header .headerArea .goMoreMenu {left:455px;}/*더보기 메뉴*/ #header .headerArea .gnb3depTv {width:847px; border:solid 3px #0099da; background-color:#fff; position:absolute; left:50%; top:176px; margin-left:-511px; z-index:10000;} #header .headerArea .gnb3depTv .boxArea {position:relative;} #header .headerArea .gnb3depTv .boxArea p.title {font-size:17px; color:#0099da;} #header .headerArea .gnb3depTv .boxArea ul.list-thum {padding:20px 20px 0; overflow:hidden;} #header .headerArea .gnb3depTv .boxArea ul.list-thum li {float:left; width:33.3%; margin-bottom:20px;} #header .headerArea .gnb3depTv .boxArea ul.list-thum li img.thum {float:left; margin-left:10px; margin-right:10px; width:60px; height:60px; } #header .headerArea .gnb3depTv .boxArea ul.list-thum li span.cont {display:inline-block; padding-top:5px;} #header .headerArea .gnb3depTv .boxArea ul.list-thum li span.cont .viewtime {display:block; margin-bottom:5px; color:#505050;} #header .headerArea .gnb3depTv .boxArea ul.list-thum li span.cont .subject {display:block; font-size:15px; font-weight:600; color:#505050; width:145px;} #header .headerArea .gnb3depTv .boxArea .bottom {height:30px; background-color:#f5f5f5; text-align:right;} #header .headerArea .gnb3depTv .boxArea .bottom a {display:inline-block; height:30px; font-size:15px; color:#5a5a5a; line-height:30px; margin-right:10px;} #header .headerArea .gnb3depTv .boxArea .bottom a:hover {text-decoration:underline;} #header .headerArea .gnb3depTv .boxArea img.arrowSub1 {position:absolute; top:-10px; left:75px;} #header .headerArea .gnb3depTv .boxArea img.arrowSub2 {position:absolute; top:-10px; left:245px;} #header .headerArea .gnb3depTv .boxArea img.arrowSub3 {position:absolute; top:-10px; left:415px;} #header .headerArea .gnb3depTv .boxArea img.arrowSub4 {position:absolute; top:-10px; left:585px;} #header .headerArea .gnb3depTv .boxArea img.arrowSub5 {position:absolute; top:-10px; left:755px;} #header .headerArea .gnb3depTv .boxArea img.arrowSub6 {position:absolute; top:-10px; left:930px;} #header .headerArea .gnb3depTv .boxArea a.btn_gnb3depTv_close {position:absolute; top:10px; right:10px;} #header .headerArea .gnb3depTvTotal {width:1018px; border:solid 3px #0099da; background-color:#fff; position:absolute; left:50%; margin-left:-511px; top:176px; z-index:10000;} #header .headerArea .gnb3depTvTotal .boxArea ul li {padding:5px 0; font-size:14px;} #header .headerArea .gnb3depTvTotal .boxArea ul li a {display:inline-block; background:url('../images/common/bullet_dot.gif') no-repeat left center; padding-left:10px;} #header .headerArea .gnb3depTvTotal .boxArea div {float:left;} #header .headerArea .gnb3depTvTotal .boxArea .list1 {padding:10px 10px 20px 25px; width:147px; min-height:175px;} #header .headerArea .gnb3depTvTotal .boxArea .list2 {padding:10px 10px 20px 25px; width:360px; min-height:175px;} #header .headerArea .gnb3depTvTotal .boxArea .list3 {padding:10px 10px 20px 25px; width:147px; min-height:175px;} #header .headerArea .gnb3depTvTotal .boxArea .list4 {padding:40px 10px 20px 25px; width:194px; min-height:175px;} #header .headerArea .gnb3depTvTotal .boxArea .list2 li {float:left; width:50%;} #header .headerArea .gnb3depPat {width:198px; border:solid 3px #0099da; background-color:#fff; position:absolute; left:0; top:52px; z-index:10000;} #header .headerArea .gnb3depPat>ul {} #header .headerArea .gnb3depPat>ul>li {line-height:39px; border-bottom:solid 1px #e5e5e5; background-color:#f3f3f3;} #header .headerArea .gnb3depPat>ul>li a {display:inline-block; padding-left:20px; font-size:15px; color:#383838;} #header .headerArea .gnb3depPat>ul>li a:hover {font-weight:600;} #header .headerArea .gnb3depPat>ul>li a span {} #header .headerArea .gnb3depPat ul.gnb4depPat {background-color:#fff;} #header .headerArea .gnb3depPat ul.gnb4depPat li {line-height:30px; padding-left:20px; border-bottom:solid 1px #e5e5e5;} #header .headerArea .gnb3depPat ul.gnb4depPat li a {display:inline-block; font-size:13px; color:#7b7b7b; display:inline-block; background:url('../images/participate/bullet_line.gif') no-repeat left center; padding-left:10px;} #header .headerArea .gnb3depPat ul.gnb4depPat li a:hover {text-decoration:underline;} /* 메뉴 : 채널A소개 */ #header .headerArea .gnb2dep_introduce_w {clear:both; background-color:#0099da; width:100%;} #header .headerArea ul.gnb2dep_introduce { height:47px; width:1024px; margin:7px auto 0;} #header .headerArea ul.gnb2dep_introduce:after {content:""; display:block; clear:both;} #header .headerArea ul.gnb2dep_introduce>li {float:left; position:relative;} #header .headerArea ul.gnb2dep_introduce>li>a {display:block; padding:12px 38px 13px; height:22px; border-right:solid 1px #0088c2;} #header .headerArea ul.gnb2dep_introduce>li>a span {display:inline-block; height:26px; line-height:26px; padding-bottom:2px; color:#fff; font-size:15px; } #header .headerArea ul.gnb2dep_introduce>li>a span img {vertical-align: middle;} #header .headerArea ul.gnb2dep_introduce>li.last a {border-right:none;} #header .headerArea ul.gnb2dep_introduce>li.selected>a span {border-bottom:solid 2px #fdff3b;} #header .headerArea ul.gnb2dep_introduce>li.language {float:right; background-color:#0068a4;} #header .headerArea ul.gnb2dep_introduce>li.language a {padding:12px 0 13px; border-right:none} #header .headerArea ul.gnb2dep_introduce>li.language a span {display:inline-block; padding:0 30px; height:26px; line-height:26px; padding-bottom:2px; color:#fff; font-size:15px; border-right:solid 1px #005586;} /* 메뉴 : 채널A영문소개 */ #header .headerArea ul.gnb2dep_introduce_eng {clear:both; margin-top:7px; height:47px; background-color:#0099da;} #header .headerArea ul.gnb2dep_introduce_eng>li {float:left; position:relative;} #header .headerArea ul.gnb2dep_introduce_eng>li>a {display:block; padding:12px 60px 13px; height:22px; border-right:solid 1px #0088c2;} #header .headerArea ul.gnb2dep_introduce_eng>li>a span {display:inline-block; height:26px; line-height:26px; padding-bottom:2px; color:#fff; font-size:15px; } #header .headerArea ul.gnb2dep_introduce_eng>li>a span img {vertical-align: middle;} #header .headerArea ul.gnb2dep_introduce_eng>li.last a {border-right:none;} #header .headerArea ul.gnb2dep_introduce_eng>li.selected>a span {border-bottom:solid 2px #fdff3b;} #header .headerArea ul.gnb2dep_introduce_eng>li.language {float:right; background-color:#0068a4;} #header .headerArea ul.gnb2dep_introduce_eng>li.language a {padding:12px 0 13px; border-right:none} #header .headerArea ul.gnb2dep_introduce_eng>li.language a span {display:inline-block; padding:0 20px; height:26px; line-height:26px; padding-bottom:2px; color:#fff; font-size:15px; border-right:solid 1px #005586;} #header .headerArea .gnb3depIntro {width:110px; border:solid 2px #0099da; background-color:#fff; position:absolute; left:0; top:52px;} #header .headerArea .gnb3depIntro>ul {} #header .headerArea .gnb3depIntro>ul>li {line-height:39px; border-bottom:solid 1px #e5e5e5; background-color:#f3f3f3;} #header .headerArea .gnb3depIntro>ul>li a {display:inline-block; padding-left:15px; font-size:15px; color:#383838;} #header .headerArea .gnb3depIntro>ul>li a:hover {font-weight:600;} #header .headerArea .gnb3depIntro>ul>li a span {} /* 메뉴 : 대선2017 */ #header .headerArea .gnb2dep_vote_w {clear:both; background-color:#0099da; width:100%;} #header .headerArea ul.gnb2dep_vote {height:47px; width:1024px; margin:7px auto 0;} #header .headerArea ul.gnb2dep_vote:after {content:""; display:block; clear:both;} #header .headerArea ul.gnb2dep_vote>li {float:left; position:relative; width:33%;} #header .headerArea ul.gnb2dep_vote>li>a {display:block; padding:12px 0 13px; text-align:center; height:22px; border-right:solid 1px #0088c2;} #header .headerArea ul.gnb2dep_vote>li>a span {display:inline-block; height:26px; line-height:26px; padding-bottom:2px; color:#fff; font-size:15px; } #header .headerArea ul.gnb2dep_vote>li>a span img {vertical-align: middle;} #header .headerArea ul.gnb2dep_vote>li.last a {border-right:none;} #header .headerArea ul.gnb2dep_vote>li.selected>a span {border-bottom:solid 2px #fdff3b;} #contArea {width:1024px; margin:30px auto 0;} #contArea_1 {width:100%; margin:0;} #contArea_view {width:1024px; margin:20px auto 0; } #contArea_view:after { content:""; display:block; clear:both;} #tvMain_con {width:100%; margin:20px auto 0;} #photo_view, #journalist-total-list {width:1024px; margin:20px auto 0;} #bottom {clear:both; padding-top:30px;} #bottomArea {width:100%;} /*********************************************************************************************************** Module *************************************************************************************************************/ .grid {float:left; width:328px; height:286px; margin:0 7px 12px 6px;}/*.grid {float:left; width:328px; height:328px; margin:0 20px 20px 0;}*/ .grid_m {float:left; width:328px; margin:0 20px 20px 0;} /*.grid:nth-child(3n+0) {margin:0 0 20px 0;}*/ .grid_mg_r_n {margin:0 0 12px 0;} /*module_01*/ .module_01 {position:relative; overflow:hidden; height:280px;} .module_01 a {} .module_01 a img.thum {display:inline-block; height:280px;} .module_01 a span.iconPlay {display:block; width:76px; height:76px; text-align:center; background:url('../images/module/play_icon_bg.png') no-repeat left center; position:absolute; top:50%; left:50%; margin-top:-76px; margin-left:-38px;} .module_01 a span.iconPlay img {margin-top:15px;} .module_01 a span.iconPlay span.runTime {display:block; padding-top:3px; color:#fff;} .module_01 a span.screen_txbox {display:block; width:90%; padding:13px 5%; background:url('../images/module/screen_txbox.png'); position:absolute; bottom:0; left:0;} .module_01 a span.screen_txbox span.subject {display:block; color:#fff; font-size:18px; line-height:22px;} /*module_01a*/ .module_01a {position:relative; overflow:hidden; height:280px;} .module_01a a {} .module_01a a img.thum {display:inline-block; height:280px;} .module_01a a span.iconPlay {display:block; width:76px; height:76px; text-align:center; background:url('../images/module/play_icon_bg.png') no-repeat left center; position:absolute; top:50%; left:50%; margin-top:-76px; margin-left:-38px;} .module_01a a span.iconPlay img {margin-top:15px;} .module_01a a span.iconPlay span.runTime {display:block; padding-top:3px; color:#fff;} .module_01a a span.screen_txbox {display:block; width:90%; padding:13px 5%; background:url('../images/module/screen_txbox.png'); position:absolute; bottom:0; left:0;} .module_01a a span.screen_txbox span.subject {display:block; color:#fff; font-size:18px; line-height:22px;} .module_01a a span.screen_txbox span.cata {display:block; color:#4dcaff; font-size:14px; padding-bottom:4px;} /*module_02*/ .module_02 {position:relative;} .module_02 a {} .module_02 a img.thum {width:100%;} .module_02 a span.screen_txbox {display:block; width:90%; padding:13px 5%; background:url('../images/module/screen_txbox.png'); position:absolute; bottom:0; left:0;} .module_02 a span.screen_txbox span.subject {display:block; color:#fff; font-size:18px; line-height:22px;} /*module_03*/ .module_03 {} .module_03 .titleArea {padding:20px 12px 12px 12px; height:62px; background-color:#f2f2f2; overflow: hidden;} .module_03 .titleArea span.programName {display:inline-block; padding-right:10px; margin-bottom:10px; border-right:solid 1px #dadada; font-size:13px; color:#0199da;} .module_03 .titleArea span.menuName {display:inline-block; padding-left:5px; margin-bottom:10px; font-size:13px; color:#9c9c9c;} .module_03 .titleArea a.subject {display:block; font-size:14px; color:#333; line-height:20px; font-weight:400;} .module_03 .titleArea a.subject:hover {color:#0199da;} .module_03 .titleArea a.subject span {} .module_03 .thumArea {position:relative;} .module_03 .thumArea a.btn_prev {position:absolute; top:50%; left:0; margin-top:-28px;} .module_03 .thumArea a.btn_next {position:absolute; top:50%; right:0; margin-top:-28px;} .module_03 .thumArea img.thum {width:328px; height:181px;} /*module_03a*/ .module_03a {} .module_03a .titleArea {padding:20px; height:84px; background-color:#eeeeee;} .module_03a .titleArea a.subject {display:block; margin-top:20px; font-size:20px; color:#333; line-height:24px; letter-spacing:-0.5px} .module_03a .titleArea a.subject:hover {color:#0199da;} .module_03a .titleArea a.subject span {} .module_03a .thumArea {position:relative;} .module_03a .thumArea a.btn_prev {position:absolute; top:50%; left:0; margin-top:-28px;} .module_03a .thumArea a.btn_next {position:absolute; top:50%; right:0; margin-top:-28px;} .module_03a .thumArea img.thum {width:100%;} .module_03a .thumArea span.iconPlay {display:block; width:76px; height:76px; text-align:center; background:url('../images/module/play_icon_bg.png') no-repeat left center; position:absolute; top:50%; left:50%; margin-top:-28px; margin-left:-38px;} .module_03a .thumArea span.iconPlay img {margin-top:15px;} .module_03a .thumArea span.iconPlay span.runTime {display:block; padding-top:3px; color:#fff;} /*module_04*/ .module_04 {} .module_04 .titleArea {padding:20px 12px 12px 12px; height:62px; background-color:#f2f2f2;} .module_04 .titleArea span.programName {display:inline-block; padding-right:10px; margin-bottom:10px; border-right:solid 1px #dadada; font-size:13px; color:#0199da;} .module_04 .titleArea span.menuName {display:inline-block; padding-left:5px; margin-bottom:10px; font-size:13px; color:#9c9c9c;} .module_04 .titleArea span.subject {display:block; font-size:16px; color:#333; line-height:20px; font-weight:600;} .module_04 .thumArea {position:relative;} .module_04 .thumArea img.thum {width:328px; height:181px;} .module_04 .thumArea a span.iconPlay {display:block; width:76px; height:76px; text-align:center; background:url('../images/module/play_icon_bg.png') no-repeat left center; position:absolute; top:50%; left:50%; margin-top:-28px; margin-left:-38px;} .module_04 .thumArea a span.iconPlay img {margin-top:15px;} .module_04 .thumArea a span.iconPlay span.runTime {display:block; padding-top:3px; color:#fff;} /*module_04a*/ .module_04a {} .module_04a .titleArea {padding:20px; height:84px; background-color:#eeeeee;} .module_04a .titleArea span.programName {display:inline-block; margin-bottom:20px; font-size:13px; color:#0199da;} .module_04a .titleArea span.subject {display:block; font-size:20px; color:#333; line-height:24px; letter-spacing:-0.5px} .module_04a .thumArea {position:relative;} .module_04a .thumArea img.thum {width:100%;} .module_04a .thumArea a span.iconPlay {display:block; width:76px; height:76px; text-align:center; background:url('../images/module/play_icon_bg.png') no-repeat left center; position:absolute; top:50%; left:50%; margin-top:-28px; margin-left:-38px;} .module_04a .thumArea a span.iconPlay img {margin-top:15px;} .module_04a .thumArea a span.iconPlay span.runTime {display:block; padding-top:3px; color:#fff;} /*module_05*/ .module_05 {height:328px; padding:0; background-color:#eeeeee; position:relative;} .module_05 .titleArea {display:table-cell; vertical-align:middle; height:202px;}/*height:210px;*/ .module_05 .titleArea span.subject {display:inline-block; margin:0 30px; text-align:left; font-size:27px; color:#333; letter-spacing:-0.5px} .module_05 a {display:block; width:280px; padding:17px 0; margin:0 24px; text-align:center; font-size:27px; color:#fff; background-color:#0099da;} /*module_06*/ .module_06 {background-color:#eeeeee; overflow:hidden; height:275px;} .module_06 span.title {display:block; padding:15px 20px 10px; height:28px; color:#fff; font-size:22px; background-color:#666666;} .module_06 .cont>a.subject {display:block; padding:13px 5px 7px 10px; height:27px; font-size:16px; color:#333; background-color:#eeeeee; border-bottom:solid 1px #fff; font-weight:600; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .module_06 .cont>a.selected {padding:13px 5px 7px; height:43px; font-size:16px; color:#333; background-color:#eeeeee; border-bottom:solid 1px #d3d3d3;} .module_06 .cont p.lead_txt {padding:10px; font-size:13px; height:115px; line-height:20px; border-bottom:solid 1px #d3d3d3; background-color:#fff;} .module_06 .cont p.lead_txt span {display:block; max-height:90px; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} .module_06 .cont p.lead_txt a.btn_more {display:block; margin:5px 10px 0; text-align: right;} .module_06 .last>a.subject {border-bottom:none;} .hidden_p { display:none; } /*module_07*/ .module_07 {background-color:#4c4d4f; overflow:hidden;} .module_07 span.title {display:block; padding:20px 20px 0 30px; height:38px; color:#fff; font-size:21px;} .module_07 span.title strong {color:#62d0ff;} .module_07 ul.list {padding:22px;} .module_07 ul.list li {border-bottom:solid 1px #5b5b5d;} .module_07 ul.list li a {display:block; height:16px; padding:10px 5px 10px 15px; color:#fff; background:url('../images/module/bullet_dot_white.gif') no-repeat left center;} .module_07 ul.list li a span.subject {display:inline-block; float:left; font-size:15px;} .module_07 ul.list li a span.menuName {display:inline-block; float:right; font-size:12px;} .module_07 ul.list li.last {border:none;} /*module_08*/ .module_08 {background-color:#eee; overflow:hidden; padding:3px; height:269px; width:322px; } .module_08 ul.list {padding:12px; background: #fff; height:245px;} .module_08 ul.list li {position:relative; margin-bottom:20px;} .module_08 ul.list li:after {content:""; display: block; clear: both;} .module_08 ul.list li a {display:block;} .module_08 ul.list li a span:hover {text-decoration:underline;} .module_08 ul.list li a img.thum {position:absolute; top:0; left:0; width:117px; height:66px !important;} .module_08 ul.list li a .right {display:block; margin-left:130px; width:160px; height:66px;} .module_08 ul.list li a .subject {display:block; float:left; font-size:13px; color:#333; font-weight:600; width:160px; max-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; margin:6px 0 4px;} .module_08 ul.list li a .lead-txt {display:block; float:right; font-size:12px; color:#666; margin-top:5px; max-height:28px; overflow:hidden;text-overflow:ellipsis; width:160px;} .module_08 ul.list li.last {margin-bottom:none;} /*module_09*/ .module_09 {overflow:hidden;} .module_09 .outline {border:solid 3px #eeeeee; width:288px; height:299px; padding:23px 17px 0;} .module_09 .outline .top {position:relative; height:146px;} .module_09 .outline .top a {} .module_09 .outline .top a img.thum {position:absolute; top:0; left:0;} .module_09 .outline .top a span.subject {display:block; margin-left:148px; padding-top:20px; font-size:20px; color:#333;} .module_09 .outline ul.list {padding:20px 0;} .module_09 .outline ul.list li {height:27px;} .module_09 .outline ul.list li a {display:block; font-size:13px; color:#333; background:url('../images/common/bullet_dot.gif') no-repeat left center; padding:0 0 0 10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .module_09 .outline ul.list li a:hover {text-decoration:underline;} /*module_09a*/ .module_09a {overflow:hidden;} .module_09a .outline {border:solid 3px #eeeeee; padding:23px 17px 0;} .module_09a .outline .top {position:relative; height:136px;} .module_09a .outline .top a {} .module_09a .outline .top a img.thum {position:absolute; top:0; left:0;} .module_09a .outline .top a span.right {display:block; margin-left:160px; padding-top:15px;} .module_09a .outline .top a span.right .subject {display:block; font-size:20px; color:#333;} .module_09a .outline .top a span.right .lead-txt {display:block; font-size:14px; color:#666666; margin-top:20px;} .module_09a .outline ul.list {padding:14px 0 13px; border-top:solid 1px #eee;} .module_09a .outline ul.list li {height:27px;} .module_09a .outline ul.list li a {display:block; font-size:16px; color:#333; background:url('../images/common/bullet_dot.gif') no-repeat left center; padding:0 0 0 10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .module_09a .outline ul.list li a:hover {text-decoration:underline;} /*module_10*/ .module_10 {overflow:hidden; height:272px; width:322px; background:#eee; padding:3px; position:relative;} .module_10 .titleArea {padding:20px 20px 12px; position:relative; height:62px; background-color:#fff;} .module_10 .titleArea span.programName {display:inline-block; padding-right:10px; margin-bottom:15px; font-size:22px; color:#333; font-weight:600;} .module_10 .titleArea span.subject {display:block; font-size:15px; color:#333; line-height:20px; letter-spacing:-0.5px;} .module_10 .titleArea a.btn_go_more {font-size:13px; position:absolute; top:25px; right:20px;} .module_10 a {} .module_10 a img.thum {width:322px; height:181px; position:absolute; bottom:0;} /*module-11*/ .module-11 {position:relative; overflow:hidden; height:275px;} .module-11 span.info-txt {position:absolute; bottom:10px; left:0; z-index:1;} .module-11 span.info-txt strong.subject {display:block; padding:10px 15px 10px; font-size:1.4em; line-height:1.4em; color:#fff; font-weight:600;} .module-11 span.info-txt span.cata {display:block; padding:0 15px; font-size:1.2em; color:#fff;} .module-11 img.thum {display:inline-block; height:275px;} .module-11 span.screen-area {display:block; width:100%; height:90%; background:url(../images/module/screen_txbox3.png) repeat-x bottom left; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.5)); /*Safari 5.1-6*/ background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.5)); /*Opera 11.1-12*/ background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,0.5)); /*Fx 3.6-15*/ background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); /*Standard*/ position:absolute; bottom:-1px; left:0; z-index:0;} /*module_12*/ .module_12 {} .module_12 .outline {border:solid 3px #eeeeee; padding:10px;} .module_12 .outline .top {position:relative; height:118px;} .module_12 .outline .top img.thum {position:absolute; top:0; left:0;} .module_12 .outline .top a.title {display:block; margin-left:154px; padding-top:9px; font-size:16px; color:#333; font-weight:600;} .module_12 .outline .top a:hover {text-decoration:underline;} /*module_12a*/ .module_12a {} .module_12a .outline {border:solid 3px #eeeeee; padding:10px;} .module_12a .outline .top {position:relative; height:118px;} .module_12a .outline .top img.thum {position:absolute; top:0; left:0;} .module_12a .outline .top a {display:block; margin-left:154px; padding-top:9px; } .module_12a .outline .top a:hover {text-decoration:underline; color:#333;} .module_12a .outline .top a span.title {display:block; font-size:16px; color:#333; font-weight:600;} .module_12a .outline .top a span.subject{display:block; padding-top:9px; font-size:13px; color:#666;} /*module_13*/ .module_13 {} .module_13 img.thum {border:solid 1px #eeeeee;} /*module_13a*/ .module_13a {} .module_13a a.first {display:inline-block; margin-bottom:8px;} /*module_14*/ .module_14 {background-color:#eeeeee; overflow:hidden; height:278px;} .module_14 span.title {display:block; padding:26px 18px 18px 18px; font-size:22px; color:#333333; font-weight:600;} .module_14 dl.guide_phoneNum {padding:15px 18px 18px; font-size:15px;} .module_14 dl.guide_phoneNum dt {float:left; width:50%; height:39px;} .module_14 dl.guide_phoneNum dd {float:right; width:50%; height:39px;} .module_14 dl.guide_phoneNum dd img {vertical-align:middle; margin-right:3px;} /*module_15*/ .module_15 {overflow:hidden; background:#eee; padding:3px; width:322px; height:269px;} .module_15 .outline {height:257px; background:#fff; padding:12px 10px 0;} .module_15 .outline ul.list {padding:0px 0;} .module_15 .outline ul.list li {height:29px;} .module_15 .outline ul.list li a {display:block; font-size:13px; color:#333; background:url('../images/common/bullet_dot.gif') no-repeat left center; padding-left:10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .module_15 .outline ul.list li a:hover {text-decoration:underline;} .module_15 span.gep-line {display:block; margin-bottom:30px; border-bottom:solid 1px #e8e8e8;} .module_15 .article {} .module_15 .article span.title {display:block; font-size:20px; font-weight:600; color:#333; line-height:24px; padding:0; margin:0; margin-bottom:15px;} .module_15 .article a.lead-txt {display:block; font-size:15px; color:#666; line-height:24px; height:144px; display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} .module_15 .article ul.relative {margin-top:20px; padding-bottom:20px;} .module_15 .article ul.relative li {margin-bottom:10px; background:url('../images/module/bullet_relative.gif') no-repeat left top; padding-left:15px;} .module_15 .article ul.relative li a {font-size:15px; color:#333;} /*module_15a*/ .module_15a {overflow:hidden;} .module_15a .outline {height:302px; border:solid 3px #eeeeee; padding:20px 20px 0;} .module_15a .outline span.title {display:block; font-size:18px; color:#333; font-weight:600; margin-bottom:25px;} .module_15a .outline ul.list {padding:0;} .module_15a .outline ul.list li {height:33px;} .module_15a .outline ul.list li a {display:block; font-size:15px; color:#333; background:url('../images/common/bullet_dot.gif') no-repeat left center; padding-left:10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .module_15a .outline ul.list li a:hover {text-decoration:underline;} /*module_15b*/ .module_15b {overflow:hidden; background-color:#eee; height:272px; padding:3px;} .module_15b .outline {height:252px; background-color:#fff; padding:20px 20px 0;} .module_15b .outline .top {position:relative; padding-bottom:17px; margin-bottom:25px; border-bottom:solid 1px #eeeeee;} .module_15b .outline .top span.title {display:block; font-size:22px; color:#333; font-weight:600;} .module_15b .outline .top a {position:absolute; top:7px; right:0;} .module_15b .outline ul.list {padding:0;} .module_15b .outline ul.list li {height:37px;} .module_15b .outline ul.list li a {display:block; font-size:15px; color:#333; background:url('../images/common/bullet_dot.gif') no-repeat left center; padding-left:10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .module_15b .outline ul.list li a:hover {text-decoration:underline;} .module_15b .outline ul.list2 {padding:0;} .module_15b .outline ul.list2 li {height:37px; margin-bottom:18px;} .module_15b .outline ul.list2 li a {display:block; font-size:14px; color:#333; background:url('../images/common/bullet_dot.gif') no-repeat left center; padding-left:10px; margin-bottom:6px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .module_15b .outline ul.list2 li a:hover {text-decoration:underline;} .module_15b .outline ul.list2 li span.cata {margin-left:13px; font-size:11px; color:#0099da;} /*module_15c*/ .module_15c {overflow:hidden;} .module_15c .outline {height:262px; border:solid 3px #eeeeee; padding:12px 10px 0;} .module_15c .article {} .module_15c .article span.title {display:block; font-size:16px; font-weight:600; color:#333; line-height:20px; padding:0; margin:0; margin-bottom:15px;} .module_15c .article a.lead-txt {display:block; font-size:12px; color:#666; line-height:18px;height:140px; display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} .module_15c .article ul.relative {margin-top:15px; padding-bottom:15px;} .module_15c .article ul.relative li {margin-bottom:10px; background:url('../images/module/bullet_relative.gif') no-repeat left top; padding-left:15px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .module_15c .article ul.relative li a {font-size:13px; color:#333;} /*module_16*/ .module_16 {overflow:hidden;} .module_16 .outline {/*height:282px;*/ border:solid 3px #eeeeee; padding:20px;} .module_16 .outline span.title {display:block; padding-bottom:11px; font-size:22px; color:#333; font-weight:600;} .module_16 .outline span.programName {display:block; padding-bottom:19px; font-size:17px; color:#0099da;} .module_16 .outline a span.lead-txt {display:block; font-size:14px; color:#666666; line-height:23px; max-height:90px; display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; } .module_16 .outline a:hover span {text-decoration:underline;} /*module_16a*/ .module_16a {overflow:hidden;} .module_16a .outline {border:solid 3px #eeeeee; padding:20px; height:282px;} .module_16a .outline span.title {display:block; padding-bottom:11px; font-size:22px; color:#333; font-weight:600;} .module_16a .outline span.programName {display:block; padding-bottom:19px; font-size:17px; color:#0099da;} .module_16a .outline a span.lead-txt {display:block; font-size:15px; color:#666666; line-height:23px; letter-spacing:-0.5px; max-height:180px; display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; } .module_16a .outline a:hover span {text-decoration:underline;} .module_16a span.gep-line {display:block; padding-top:15px; margin-bottom:25px; border-bottom:solid 1px #e8e8e8;} /*module_17*/ .module_17 {height:275px;} .module_17 ul.list {} .module_17 ul.list:after {content:""; display:block; clear:both} .module_17 ul.list li {width:159px; height:132px; float:left; text-align:center; overflow:hidden;} .module_17 ul.list li.cont1 {margin-bottom:10px;} .module_17 ul.list li.cont2 {float:right; margin-bottom:10px;} .module_17 ul.list li.cont3 {margin-bottom:0;} .module_17 ul.list li.cont4 {float:right; margin-bottom:0; } .module_17 ul.list li a {position:relative;} .module_17 ul.list li a img.thum {width:100%; height:132px; margin:auto;} .module_17 ul.list li a span.screen_txbox {display:block; padding:8px 0; width:100%; background:url('../images/module/screen_txbox.png'); position:absolute; bottom:0; left:0;} .module_17 ul.list li a span.screen_txbox span.cata {display:block; padding:0 5px; width:149px; color:#fff; text-align:left; font-size:13px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .module_17 ul.list li a span.screen_txbox span.subject {display:block; padding:0 5px; width:149px; color:#fff; text-align:left; font-size:13px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} /*module_18*/ .module_18 {} .module_18 ul.list {} .module_18 ul.list li {width:49%; height:161px; margin-bottom:6px; float:left; background-color:#eeeeee; overflow:hidden;} .module_18 ul.list li.cont1 {margin-right:1%;} .module_18 ul.list li.cont2 {margin-left:1%;} .module_18 ul.list li.cont3 {margin-right:1%; margin-bottom:0;} .module_18 ul.list li.cont4 {margin-left:1%; margin-bottom:0;} .module_18 ul.list li a {display:table-cell; height:159px; vertical-align:middle;} .module_18 ul.list li a span.subject {display:block; padding:20px; color:#333333; font-size:17px;} .module_18 ul.list li.selected {background-color:#6f67d3;} .module_18 ul.list li.selected a span {color:#fff; font-weight:600;} /*module_19*/ .module_19 {position:relative; overflow:hidden; height:280px; } .module_19 a {} .module_19 a img.thum { height:280px; /*width:328px;height: 100%;*/} .module_19 a span.iconPlay {display:block; width:76px; height:76px; text-align:center; background:url('../images/module/play_icon_bg.png') no-repeat left center; position:absolute; top:50%; left:50%; margin-top:-15px; margin-left:-38px;} .module_19 a span.iconPlay img {margin-top:15px;} .module_19 a span.iconPlay span.runTime {display:block; padding-top:3px; color:#fff;} .module_19 a span.screen_txbox {display:block; width:90%; padding:13px 5%; background:url('../images/module/screen_txbox.png'); position:absolute; top:0; left:0;} .module_19 a span.screen_txbox span.subject {display:block; color:#fff; font-size:18px; line-height:22px; letter-spacing:-0.5px;} /*module_19a*/ .module_19a {position:relative;} .module_19a a {} .module_19a a img.thum {width:100%;} .module_19a a span.screen_txbox {display:block; width:90%; padding:13px 5%; background:url('../images/module/screen_txbox.png'); position:absolute; top:0; left:0;} .module_19a a span.screen_txbox span.subject {display:block; color:#fff; font-size:18px; line-height:22px; letter-spacing:-0.5px;} /*module_19b*/ .module_19b {position:relative;} .module_19b a {} .module_19b a img.thum {width:100%;} .module_19b a span.screen_txbox {display:block; width:90%; height:60px; padding:0 5%; background:url('../images/module/screen_txbox.png'); position:absolute; bottom:0; left:0;} .module_19b a span.screen_txbox span.subject {display:table-cell; height:60px; vertical-align:middle; color:#fff; font-size:18px; line-height:22px; letter-spacing:-0.5px;} /*module_20*/ .module_20 {overflow:hidden;} .module_20 .outline {height:282px; border:solid 3px #eeeeee; padding:20px;} .module_20 .outline ul.list {} .module_20 .outline ul.list li {height:45px; padding-top:25px; border-bottom:solid 1px #efefef;} .module_20 .outline ul.list li a {display:block; font-size:18px; color:#333; font-weight:600; background:url('../images/module/bullet_arrow_r.gif') no-repeat right center; padding-left:10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .module_20 .outline ul.list li a:hover {text-decoration:underline;} .module_20 .outline ul.list li.last {border-bottom:none;} /*module_21 : TV프로그램 첫방송 남은시간 체크*/ .module_21 {position:relative;} .module_21 span.title {display:block; width:328px; font-size:30px; color:#4d4a3a; font-weight:600; text-align:center; position:absolute; top:110px; left:0; z-index:1;} .module_21 .countdown-info {position:absolute; left:44px; top:179px; z-index:1; text-align: center;} .module_21 .countdown-info .timeBox {float:left; margin:0 2.5px 7px; width:46px; height:55px; text-align:center; background:url('../images/tv/timebox_bg.png') no-repeat left top; position:relative;} .module_21 .countdown-info .timeBox img.h-line {position:absolute; top:0; left:0;} .module_21 .countdown-info .timeBox span.number {display:inline-block; padding-top:5px; color:#ededed; font-size:36px;} .module_21 .countdown-info span.txt {clear:both; display:block; text-align:center;} .module_21 .countdown-info .days {float:left;} .module_21 .countdown-info .gep {float:left;} .module_21 .countdown-info .hours {float:left;} .module_21 img.bg {position:absolute; left:0; top:0; z-index:0;} /*module_22 : 메인페이지 */ .module_22 {position:relative;} .module_22 a img.thum {} .module_22 a span.screen_txbox {display:block; width:90%; padding:13px 5%; background:url('../images/module/screen_txbox.png'); position:absolute; bottom:0; left:0;} .module_22 a span.screen_txbox span.subject {display:block; color:#fff; font-size:19px; line-height:22px; letter-spacing:-0.5px;} .module_22 a span.screen_txbox span.info {display:block; color:#fff; font-size:15px; line-height:22px; letter-spacing:-0.5px;} .module_22 a.btn_prev {position:absolute; top:119px; left:0;} .module_22 a.btn_next {position:absolute; top:119px; right:0;} /*module_22a : 메인페이지 */ .module_22a {position:relative;} .module_22a a img.thum {} .module_22a a span.screen_txbox {display:block; width:90%; padding:13px 5%; background:url('../images/module/screen_txbox_blue.png'); position:absolute; bottom:0; left:0;} .module_22a a span.screen_txbox span.subject {display:block; color:#fff; font-size:19px; line-height:22px; letter-spacing:-0.5px;} .module_22a a span.screen_txbox span.info {display:block; color:#fff; font-size:15px; line-height:22px; letter-spacing:-0.5px;} .module_22a a.btn_prev {position:absolute; top:119px; left:0;} .module_22a a.btn_next {position:absolute; top:119px; right:0;} /*module_23*/ .module_23 {overflow:hidden; background:#eee; width:322px; height:269px; padding:3px;} .module_23 .outline { background:#fff; } .module_23 .outline a {display:block; padding:14px 0 0 0; overflow:hidden; text-overflow:ellipsis; } .module_23 .outline span.title {display:block; padding-bottom:11px; font-size:16px; color:#333; font-weight:600; height:24px; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; } .module_23 .outline .lead-txt {display:block; font-size:13px; color:#666666; line-height:20px; height:40px; padding:0 10px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; } .module_23 .outline img.thum { height:181px; width:322px; display:block; margin-top:7px; } /*module_24*/ .module_24 {overflow:hidden;} .module_24 .outline {border:solid 3px #eeeeee; padding:14px; height:114px;} .module_24 .outline a {display:block; position:relative;} .module_24 .outline a img.thum {position:absolute; top:0; left:0;} .module_24 .outline a span.subject {display:block; margin-left:153px; padding-top:20px; font-size:20px; color:#333;} /*module_25*/ .module_25 {overflow:hidden; background-color:#eeeeee; height:148px;} .module_25 a {display:block; padding:24px 14px;} .module_25 a span.subject {display:block; font-size:20px; color:#333; margin-bottom:18px;} .module_25 a span.lead-txt {display:block; font-size:15px; color:#666; line-height:20px; max-height:40px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} /*module_26*/ .module_26 {} .module_26 a {display:block; font-size:16px; overflow: hidden;} .module_26 a span.state {display:block; float:left; width:70px; height:46px; line-height:46px; background-color:#929292; text-align:center; color:#fff;} .module_26 a span.subject {display:block; float:left; width:228px; height:46px; padding:0 15px; background-color:#eeeeee; line-height:46px; color:#666; } .module_26 a.onair span.state {background-color:#ff6c00;} .module_26 a.next {clear:both; display:block; margin-top:5px;} /*module_27*/ .module_27 {overflow:hidden;} .module_27 .outline {border:solid 3px #eeeeee;} .module_27 .outline a {display:block; padding:15px 10px 0; height:86px;} .module_27 .outline span.programName {display:block; padding-bottom:11px; font-size:16px; color:#0199da;} .module_27 .outline span.subject {display:block; font-size:20px; color:#333333; line-height:23px; max-height:50px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} /*module_28*/ .module_28 {overflow:hidden; height:269px; width:322px; background:#eee; padding:3px;} .module_28 ul.list {padding:12px 14px 0px; height:257px; background:#fff;} .module_28 ul.list li {position:relative; margin-bottom:12px;} .module_28 ul.list li a {display:block; height:76px;} .module_28 ul.list li a span:hover {} .module_28 ul.list li a img.thum {position:absolute; top:0; left:0; width:120px; height:67px; } .module_28 ul.list li a span.right {display:block; margin-left:140px; width:145px; height:67px;} .module_28 ul.list li a span.cata {display:inline-block; font-size:13px; color:#8b8b8b;} .module_28 ul.list li a span.cata span.proname {color:#0199da;} .module_28 ul.list li a span.subject {display:inline-block; font-size:13px; color:#333; font-weight:200; margin-top:5px; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; text-overflow:ellipsis; line-height:16px;} /*module_29*/ .module_29 {width:322px; height:269px; background:#eee; padding:3px;} .module_29 .outline {background:#fff;} .module_29 .titleArea {padding:12px 20px; height:61px; overflow:hidden;} .module_29 .titleArea span.programName {display:inline-block; padding-right:10px; margin-bottom:10px; border-right:solid 1px #dadada; font-size:13px; color:#0173a4;} .module_29 .titleArea span.menuName {display:inline-block; padding-left:5px; margin-bottom:10px; font-size:13px; color:#9c9c9c;} .module_29 .titleArea span.subject {display:block; font-size:16px; color:#333; line-height:20px; letter-spacing:-0.5px; font-weight:600; max-height:40px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} .module_29 .thumArea {position:relative;} .module_29 .thumArea img.thum {width:322px;height:181px;} .module_29 .thumArea img.icon-player {position:absolute; bottom:17px; right:17px;} /*module_29a*/ .module_29a {} .module_29a .outline {border:solid 3px #eeeeee;} .module_29a .titleArea {padding:17px 20px; height:62px; background-color:#fff; overflow:hidden;} .module_29a .titleArea span.programName {display:inline-block; padding-right:10px; margin-bottom:10px; border-right:solid 1px #dadada; font-size:13px; color:#0199da;} .module_29a .titleArea span.menuName {display:inline-block; padding-left:5px; margin-bottom:10px; font-size:13px; color:#9c9c9c;} .module_29a .titleArea span.subject {display:block; font-size:20px; color:#333; line-height:24px; letter-spacing:-0.5px; max-height:50px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} .module_29a .thumArea {position:relative;} .module_29a .thumArea img.thum {width:100%;} .module_29a .thumArea img.icon-player {position:absolute; bottom:17px; right:17px;} /*module_30*/ .module_30 {} .module_30 .titleArea {padding:17px 20px; height:67px; background-color:#fff; overflow:hidden;} .module_30 .titleArea span.programName {display:inline-block; padding-right:10px; margin-bottom:10px; font-size:13px; color:#0199da;} .module_30 .titleArea span.subject {display:block; font-size:20px; color:#333; line-height:24px; letter-spacing:-0.5px; max-height:50px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} .module_30 .thumArea {position:relative;} .module_30 .thumArea img.thum {width:100%;} .module_30 .thumArea img.icon-player {position:absolute; bottom:20px; right:20px;} /*module_31*/ .module_31 {} .module_31 .thumArea {position:relative;} .module_31 .thumArea img.thum {width:100%;} .module_31 .thumArea img.icon-player {position:absolute; bottom:20px; right:20px;} .module_31 ul li {padding:25px 10px 10px; height:43px; overflow:hidden; border-bottom:solid 1px #eaeaea; border-top:solid 1px #fff;} .module_31 ul li strong.subject {display:block; font-size:16px; color:#333; font-weight:600; letter-spacing:-0.5px; margin-bottom:7px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .module_31 ul li span.programName {display:inline-block; padding-right:10px; margin-bottom:10px; border-right:solid 1px #dadada; font-size:13px; color:#0199da;} .module_31 ul li span.menuName {display:inline-block; padding-left:5px; margin-bottom:10px; font-size:13px; color:#9c9c9c;} .module_31 ul li.last {border-bottom:solid 0px #eaeaea; border-top:solid 1px #fff;} /* 가로그리드 */ .h-gird1 {width:328px; float:left;}/*width:328px 짜리 하나 */ .h-gird2 {width:676px; float:left;}/*width:328px 짜리 둘 => 676px */ /*.h-gird-margin-right {margin-right:20px;}*/ .h-gird-margin-right {margin-right:20px;} /*********************************************************************************************************** 우공역 정의 *************************************************************************************************************/ /* 우공역 : 뉴스 */ .sideArea {float:right; padding:24px 0 24px 0!important; width:300px;} .sideArea .starnews {padding:30px 0 10px; border-bottom:solid 0px #e1e1e1;} .sideArea .starnews span.title {display:block; font-size:18px; font-weight:600; color:#333; padding-bottom:19px;} .sideArea .starnews span.title img {vertical-align:middle;} .sideArea .starnews ul.list {} .sideArea .starnews ul.list li {padding-bottom:20px; overflow:hidden;} .sideArea .starnews ul.list li img.thum {float:left; margin-right:10px;} .sideArea .starnews ul.list li span.subject {display:block; float:left; padding-top:5px; width:170px; font-size:14px; color:#333; line-height:26px;} .sideArea .weather {padding:15px 0; border-bottom:solid 0px #e1e1e1;} .sideArea .weather span.title {display:block; font-size:18px; font-weight:600; color:#333; padding-bottom:19px;} .sideArea .weather span {display:block; padding:4px 0; font-size:15px; line-height: 1.6;} .sideArea .weather span strong {color:#0099da;} .sideArea .banner {padding:15px 0; border-bottom:solid 0px #e1e1e1;} .sideArea .post {padding:15px 0; border-bottom:solid 0px #e1e1e1;} .sideArea .post span.title {display:block; font-size:18px; font-weight:600; color:#333; padding-bottom:19px;} .sideArea .facebook_api {padding:15px 0;} .sideArea .today-info {padding:10px 0; border-bottom:solid 0px #e1e1e1; position:relative;} .sideArea .today-info span.title {display:block; font-size:18px; font-weight:600; color:#333; padding-bottom:19px;} .sideArea .today-info .btn_go_add {position:absolute; top:12px; right:0;} .sideArea .bigview-info {padding:10px 0; border-bottom:solid 0px #e1e1e1; position:relative;} .sideArea .bigview-info span.title {display:block; font-size:18px; font-weight:600; color:#333; padding-bottom:19px;} .sideArea .bigview-info .btn_go_add {position:absolute; top:12px; right:0;} .sideArea ul.info-list {} .sideArea ul.info-list li {font-size:15px; height:26px; background:url('../images/common/bullet_dot.png') no-repeat left center; padding-left:15px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; vertical-align:middle; overflow:hidden; } .sideArea .storynews {padding:15px 0; border-bottom:solid 0px #e1e1e1;} .sideArea .storynews span.title {display:block; font-size:18px; font-weight:600; color:#333; padding-bottom:19px;} .sideArea .subscription-service {padding:15px 0 0; border-bottom:solid 0px #e1e1e1;} .sideArea .subscription-service span.title {display:block; font-size:18px; font-weight:600; color:#333; padding-bottom:19px;} .sideArea .subscription-service ul.list {overflow:hidden; margin-left:10px;} .sideArea .subscription-service ul.list li {float:left; width:50%; margin-bottom:10px;} .sideArea .subscription-service ul.list li img {vertical-align:middle;} .sideArea .subscription-service ul.list li span {display:inline-block; font-size:15px; vertical-align:middle;} /* 우공역 : TV - 16:9 비율의 썸네일 기반*/ .sideArea .recomMaintv {padding:15px 0;} .sideArea .recomMaintv span.title {display:block; font-size:18px; font-weight:600; color:#333; padding-bottom:19px;} .sideArea .recomMaintv .temp1 {display:block; margin-bottom:10px; width:304px; position:relative;} .sideArea .recomMaintv .temp1 img.thum {} .sideArea .recomMaintv .temp1 .txt-box {display:block; width:100%; padding:5px 0; background:url('../images/module/screen_txbox.png'); position:absolute; bottom:0; left:0;} .sideArea .recomMaintv .temp1 .txt-box span.subject {display:block; padding:0 10px; color:#fff; font-size:15px;} .sideArea .recomMaintv .temp2 {display:block; margin-bottom:10px;} .sideArea .recomMaintv .temp3 {position:relative; width:304px;} .sideArea .recomMaintv .temp3 .txt-box {display:block; width:304px; height:119px; vertical-align:bottom; background:url('../images/module/screen_txbox2.png') repeat-x bottom left; position:absolute; bottom:0; left:0;} .sideArea .recomMaintv .temp3 .txtarea {display:block; position:absolute; bottom:10px; left:0;} .sideArea .recomMaintv .temp3 .txtarea a {display:block; padding:0 50px 0 10px; color:#fff;} .sideArea .recomMaintv .temp3 .txtarea a.subject {font-size:18px;} .sideArea .recomMaintv .temp3 .txtarea a.subject:hover {text-decoration:underline;} .sideArea .recomMaintv .temp3 .txtarea a.go-other {font-size:14px;} .sideArea .recomMaintv .temp3 .txtarea a.go-other:hover {text-decoration:underline;} .sideArea .recomMaintv .temp3 img.icon-player {position:absolute; right:10px; bottom:17px;} /*실시간 핫 클릭*/ .sideArea .realHotClick {padding:15px 0; width:304px;} .sideArea .realHotClick span.title {display:block; font-size:18px; font-weight:600; color:#333;} .sideArea .realHotClick ul.list {padding:10px 0; width:100%; overflow:hidden;} .sideArea .realHotClick ul.list li {float:left; width:134px; margin-bottom:10px; text-align:center;} .sideArea .realHotClick ul.list li.last {float:right; margin-right:0;} .sideArea .realHotClick ul.list li img.thum {padding:0; margin:0; margin-bottom:3px;} .sideArea .realHotClick ul.list li span.lead-txt {display:block; padding:0; margin:0; font-size:13px; line-height:17px; text-align:center; max-height:33px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} /*listtype1 : best영상, 먹거리X파일 최신 영상*/ .sideArea .listtype1 {padding:30px 0 10px; border-bottom:solid 1px #e1e1e1;} .sideArea .listtype1 span.title {display:block; font-size:18px; font-weight:600; color:#333; padding-bottom:19px;} .sideArea .listtype1 span.title img {vertical-align:middle;} .sideArea .listtype1 ul.list {} .sideArea .listtype1 ul.list li {padding-bottom:20px; overflow:hidden;} .sideArea .listtype1 ul.list li img.thum {float:left; margin-right:10px;} .sideArea .listtype1 ul.list li span.subject{display:block; float:left; padding-top:5px; width:140px; font-size:14px; color:#333; line-height:26px;} /*listtype2 : TV홈에는 지금?*/ .sideArea .listtype2 {padding:30px 0 10px; border-bottom:solid 1px #e1e1e1;} .sideArea .listtype2 span.title {display:block; font-size:18px; font-weight:600; color:#333; padding-bottom:19px;} .sideArea .listtype2 ul.list {} .sideArea .listtype2 ul.list li {padding-bottom:20px; overflow:hidden;} .sideArea .listtype2 ul.list li img.thum {float:left; margin-right:10px;} .sideArea .listtype2 ul.list li span.subject{display:block; float:left; padding-top:5px; width:140px; font-size:14px; color:#333; line-height:26px;} .sideArea .listtype2 ul.list li.nothum {padding-bottom:0; padding-left:13px; background:url('../images/common/bullet_dot.png') no-repeat left 11px;} .sideArea .listtype2 ul.list li.nothum span.subject {display:inline-block; float:none; padding-top:5px; width:100%;} /*listtype3 : 다른 회차 방송보기*/ .sideArea .listtype3 {padding:30px 0 10px; border-bottom:solid 1px #e1e1e1;} .sideArea .listtype3 span.title {display:block; font-size:18px; font-weight:600; color:#333; padding-bottom:19px;} .sideArea .listtype3 span.title img {vertical-align:middle;} .sideArea .listtype3 ul.list {} .sideArea .listtype3 ul.list li {padding-bottom:20px; overflow:hidden;} .sideArea .listtype3 ul.list li span.thumArea {display:block; float:left; margin-right:10px; position:relative;} .sideArea .listtype3 ul.list li span.thumArea img.thum {} .sideArea .listtype3 ul.list li span.thumArea span.screen {display:block; width:100%; height:12px; padding:2px 0; background:url('../images/module/screen_txbox.png'); position:absolute; bottom:0; left:0;} .sideArea .listtype3 ul.list li span.thumArea span.screen span {display:block; color:#02b4ff; font-size:11px; margin:0 0 8px 5px;} .sideArea .listtype3 ul.list li span.subject{display:block; float:left; padding-top:5px; width:140px; font-size:14px; color:#333; line-height:22px;} /* listtype4 : 텍스트형 */ .sideArea .listtype4 {padding:30px 0 10px; border-bottom:solid 1px #e1e1e1;} .sideArea .listtype4 span.title {display:block; font-size:18px; color:#333; font-weight:600; margin-bottom:25px;} .sideArea .listtype4 ul.list {padding:0;} .sideArea .listtype4 ul.list li {height:33px;} .sideArea .listtype4 ul.list li a {display:block; font-size:14px; color:#000; background:url('../images/common/bullet_dot.png') no-repeat left center; padding-left:13px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .sideArea .listtype4 ul.list li a:hover {text-decoration:underline;} /* listtype5 : 텍스트형: 말줄임 없는 스타일; */ .sideArea .listtype5 {padding:30px 0 10px; border-bottom:solid 1px #e1e1e1;} .sideArea .listtype5 span.title {display:block; font-size:18px; color:#333; font-weight:600; margin-bottom:25px;} .sideArea .listtype5 ul.list {padding:0;} .sideArea .listtype5 ul.list li {margin-bottom:12px; line-height:20px;} .sideArea .listtype5 ul.list li a {display:block; font-size:14px; color:#000; background:url('../images/common/bullet_dot.png') no-repeat left 3px; padding-left:13px;} .sideArea .listtype5 ul.list li a:hover {text-decoration:underline;} /* listtype6 : */ .sideArea .listtype6 {padding:30px 0 30px; border-bottom:solid 1px #e1e1e1;} .sideArea .listtype6 span.title {display:block; font-size:18px; color:#333; font-weight:600; margin-bottom:25px;} .sideArea .listtype6 .thumArea {position:relative;} .sideArea .listtype6 .thumArea img.thum {display:block; width:100%; height:163px;} .sideArea .listtype6 .thumArea span.iconPlay {display:block; width:76px; height:76px; text-align:center; background:url('../images/module/play_icon_bg.png') no-repeat left center; position:absolute; top:50%; left:50%; margin-top:-38px; margin-left:-38px;} .sideArea .listtype6 .thumArea span.iconPlay img {margin-top:15px;} .sideArea .listtype6 .thumArea span.iconPlay span.runTime {display:block; padding-top:3px; color:#fff;} /*********************************************************************************************************** 댓글 영역 정의 *************************************************************************************************************/ .replyArea {float:left; width:676px; font-size:14px; color:#333;} .reply-info {margin-bottom:10px; overflow:hidden;} .reply-info span.reply-sumarry {float:left; font-weight:600;} .reply-info span.reply-sumarry strong {color:#0099da;} .reply-info a.btn-go-mainArticle {float:right;} .reply-info a.btn-go-mainArticle span {vertical-align:middle;} .reply-info a.btn-go-mainArticle img {vertical-align:middle;} .reply-info span.title {float:left; font-size:16px; font-weight:600;} .reply-info a.btn-refresh {float:right;} .reply-input {clear:both; border:solid 4px #f5f5f5; padding:5px 100px 5px 5px; background-color:#fff; overflow:hidden; position:relative;} .reply-input .left {width:100%; height:95px; position:relative;} .reply-input .left textarea {width:100%; height:80px; font-size:14px; border:none; overflow:auto;} .reply-input .left span.char-count {display:block; font-size:12px; padding:0 0 0 10px; position:absolute; bottom:-3px; left:0;} .reply-input .left span.char-count strong {color:#0099da;} .reply-input a.btn-confirm {display:inline-block; width:66px; height:61px; padding-top:35px; color:#fff; text-align:center; background-color:#0099da; position:absolute; top:5px; right:5px;} ul.replay-list {margin-bottom:30px; margin-top:33px;} ul.replay-list li {padding:30px 0; border-bottom:solid 1px #e0e0e0; position:relative;} ul.replay-list li span.userInfo {display:block; font-size:12px; color:#929292; margin-bottom:25px;} ul.replay-list li span.userInfo img {vertical-align:middle;} ul.replay-list li span.userInfo span.userName {display:inline-block; margin-right:5px; font-weight:600; color:#0099da; font-size:14px;} ul.replay-list li span.userInfo span.w-date {display:inline-block; margin:0 5px;} ul.replay-list li span.userInfo span.w-time {display:inline-block;} ul.replay-list li span.word {display:block; margin-bottom:25px; line-height:24px;} ul.replay-list li a.btn-re-write {display:inline-block; line-height:12px; padding:4px 0 3px; text-align:center; width:71px; height:14px; font-size:12px; border:solid 1px #d7d7d7;} ul.replay-list li a.btn-re-write img {vertical-align:middle; margin-right:3px;} ul.replay-list li a.btn-re-write span {vertical-align:middle;} ul.replay-list li span.memberBtn {display:block; position:absolute; top:30px; right:0;} ul.replay-list li span.memberBtn a {display:inline-block; line-height:12px; padding:3px 0 3px; text-align:center; width:35px; height:14px; font-size:12px; border:solid 1px #d7d7d7; background-color:#fff;} ul.replay-list li:last-child {border-bottom:none;} .reply2dep {margin-top:30px; padding:8px; background-color:#f5f5f5;} .reply2dep .left {width:100%;} ul.replay-list2dep {padding:0 12px;} ul.replay-list2dep li {padding:15px 0; border:none;} ul.replay-list2dep li span.word {margin-left:15px; margin-bottom:0;} ul.replay-list2dep li span.memberBtn {display:block; position:absolute; top:15px; right:0;} /* on-air Talk******************************************************************************/ ul.talk-list {margin-bottom:30px; margin-top:33px;} ul.talk-list li {padding:10px 0; position:relative;} ul.talk-list li span.userInfo {display:block; font-size:12px; color:#929292; padding:10px 15px 10px 25px; background:url('../images/common/talk_box_left_top.gif') no-repeat left top;} ul.talk-list li span.userInfo img {vertical-align:middle;} ul.talk-list li span.userInfo span.userName {display:inline-block; margin-right:5px; font-weight:600; color:#0099da; font-size:14px;} ul.talk-list li span.userInfo span.w-date {display:inline-block; margin:0 5px;} ul.talk-list li span.userInfo span.w-time {display:inline-block;} ul.talk-list li .body {display:block; background:url('../images/common/talk_box_left_body.gif') repeat-y left top;} ul.talk-list li span.word {display:block; line-height:24px; padding:5px 15px 10px 25px; background:url('../images/common/talk_box_left_body.gif') repeat-y left top;} ul.talk-list li span.bottom {display:block; line-height:24px; padding:10px 15px 10px 25px; background:url('../images/common/talk_box_left_bottom.gif') no-repeat left bottom;} ul.talk-list li a.btn-re-write {display:inline-block; line-height:12px; padding:4px 0 3px; text-align:center; width:71px; height:14px; font-size:12px; border:solid 1px #d7d7d7;} ul.talk-list li a.btn-re-write img {vertical-align:middle; margin-right:3px;} ul.talk-list li a.btn-re-write span {vertical-align:middle;} ul.talk-list li span.memberBtn {display:block; position:absolute; top:30px; right:20px;} ul.talk-list li span.memberBtn a {display:inline-block; line-height:12px; padding:3px 0 3px; text-align:center; width:35px; height:14px; font-size:12px; border:solid 1px #d7d7d7; background-color:#fff;} ul.talk-list li:last-child {border-bottom:none;} ul.talk-list li img.arrow {position:absolute; top:50px; left:0;} ul.talk-list li.right span.userInfo {display:block; text-align:right; font-size:12px; color:#929292; padding:10px 25px 10px 15px; background:url('../images/common/talk_box_right_top.gif') no-repeat left top;} ul.talk-list li.right span.word {display:block; text-align:right; line-height:24px; padding:5px 25px 10px 15px; background:url('../images/common/talk_box_right_body.gif') repeat-y left top;} ul.talk-list li.right .body {display:block; background:url('../images/common/talk_box_right_body.gif') repeat-y left top;} ul.talk-list li.right span.bottom {display:block; text-align:right; line-height:24px; padding:10px 25px 10px 15px; background:url('../images/common/talk_box_right_bottom.gif') no-repeat left bottom;} ul.talk-list li.right span.memberBtn {display:block; position:absolute; top:30px; left:20px;} ul.talk-list li.right .arrow {position:absolute; top:50px; right:0;} .talk2dep {margin-top:30px; padding:8px; background-color:#f5f5f5;} .talk2dep .left {width:100%;} ul.talk-list2dep {padding:0 12px;} ul.talk-list2dep li {padding:5px 0; border:none; background:none;} ul.talk-list2dep li span.userInfo {text-align:left !important; background:none !important;} ul.talk-list2dep li span.word {margin-left:15px; margin-bottom:0; text-align:left !important; background:none !important;} ul.talk-list2dep li span.memberBtn {display:block; position:absolute; top:15px; right:0;} a.btn-list-more {clear:both; display:block; height:43px; text-align:center; font-size:17px; color:#8b8d91; font-weight:600; background-color:#eaeaea; margin-bottom:50px;} a.btn-list-more span {display:block; padding:9px 0 10px;} /* 공통영역 : 채널안내 *****************************************************************************************************************/ .common_view {margin:0 22px; font-size:14px; line-height:25px; color:#666;} .common_view .location {margin-bottom:20px; font-size:12px;} .cha-guide {margin-bottom:20px;} .cha-guide span.title {display:block; font-size:20px; color:#0099da; font-weight:600;} .cha-guide span.ment {display:block; font-size:15px; color:#565656;} .local-info {margin-bottom:20px; height:40px; color:#fff; background-color:#656fca;} .local-info .subject {float:left; padding:8px 0 5px; width:89px; height:27px; text-align:center; background-color:#4b55b3;} .local-info .local {float:left; } .local-info .local ul.list {margin:15px 0 0 25px;} .local-info .local ul.list li {float:left; font-size:14px; padding:0 10px; border-right:solid 1px #7d84ca; line-height: 12px;} .local-info .local ul.list li.selected a {color:#fffe9a; font-weight:bold; text-decoration:underline;} .local-info .local ul.list li.last {border-right:none;} .local-info .local ul.list li a {color:#fff;} .local-info .local ul.list li a:hover {color:#fffe9a; text-decoration:underline;} table.board-ch {width:100%; font-size:13px;} table.board-ch thead {border-top:solid 2px #c6c6c6;} table.board-ch thead th {padding:5px 10px; font-size:15px; color:#333; font-weight:normal; border-right:solid 1px #e4e4e4; border-bottom:solid 1px #e4e4e4; background-color:#f5f5f5;} table.board-ch thead th.last {border-right:none;} table.board-ch tbody {} table.board-ch tbody td {padding:10px; text-align:center; border-bottom:solid 1px #eeeeee;} table.board-ch tbody th {padding:10px; font-weight:normal; text-align:center; border-bottom:solid 1px #eeeeee;} /********************************************************************************************************* 공통영역 : 통합검색 *********************************************************************************************************/ .search-option {height:37px; border:solid 3px #eeeeee; font-size:13px; margin-bottom:30px; overflow:hidden;} .search-option .left {float:left; padding:5px 15px;} .search-option .left label {margin-right:10px;} .search-option .left label.selected {font-weight:bold; color:#333;} .search-option .left input {margin-right:3px; vertical-align:middle;} .search-option .left span {vertical-align:middle; margin-right:10px;} .search-option .right {float:right; padding:8px 10px; color:#333;} .search-option .right select{height:21px; } .search-option .right img {vertical-align:middle;} .search-option .right span {vertical-align:middle; height:17px;} .search-option .right span.pgmovieArea {display:inline-block; padding:0 0 3px; border:solid 1px #eeeeee; width:80px; height:18px; text-align:center; color:#999;} .search-option .right span.pgmovieArea input[type="text"] {vertical-align:middle; font-size:13px; text-align:center; width:50px; height:14px; margin-bottom:5px; border:none;} .search-option .right span.pgmovieArea span {padding-bottom:3px;} .search-option .right a.btn-go {display:inline-block; padding:0; padding:0 5px; font-size:11px; text-align:center; color:#fff; background-color:#535353;} .searchResult {padding-bottom:10px; margin-bottom:20px; border-bottom:solid 3px #eeeeee; overflow:hidden;} .searchResult .left {float:left; font-size:21px; color:#272727; font-weight:600;} .searchResult .left span.search-word {color:#0099da;} .searchResult .left span.search-total {font-weight:normal;} .searchResult .right {float:right; padding-top:5px;} .program {clear:both;} .program img.thum {float:left; margin-right:22px; margin-bottom:50px;} .program .cont {float:left; width:700px; padding-top:10px;} .program .cont a.subject {display:block; font-size:17px; color:#0099da; font-weight:600;} .program .cont dl.info {font-size:14px; color:#272727;} .program .cont dl.info dt {float:left; width:110px;} .program .cont dl.info dd {float:left; width:550px;} .searchResult-list {clear:both;} .searchResult-list p.title {margin-bottom:20px; font-size:17px; color:#333; font-weight:600; background:url('../images/common/bullet_dot2.gif') no-repeat left center; padding-left:13px;} /* 검색결과 리스트 : 영상 */ ul.list-search {} ul.list-search li {clear:both; margin-bottom:30px; overflow:hidden;} ul.list-search li a {display:block; color:#333;} ul.list-search li span.thumArea {display:block; float:left; width:187px; height:106px; margin-right:20px; position:relative;} ul.list-search li span.thumArea img.thum {width:187px; height:106px; z-index: 0;} ul.list-search li span.thumArea .icon-player {position:absolute; bottom:10px; right:10px;} /*ul.list-search li span.thumArea img.thum {width:187px; height:106px;} ul.list-search li span.thumArea span.iconPlay {display:block; width:76px; height:76px; text-align:center; background:url('../images/module/play_icon_bg.png') no-repeat left center; position:absolute; top:50%; left:50%; margin-top:-38px; margin-left:-38px;} ul.list-search li span.thumArea span.iconPlay img {margin-top:15px;} ul.list-search li span.thumArea span.iconPlay span.runTime {display:block; padding-top:3px; color:#fff;}*/ ul.list-search li span.cont {height:121px;} ul.list-search li span.cont span.subject {display:block; font-size:20px; font-weight:600; padding-top:5px; /* padding-top:15px;*/ } ul.list-search li span.cont span.lead-txt {display:block; font-size:14px; padding-top:5px; /* padding-top:15px; */ line-height:20px; max-height:40px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} /*********************************************************************************************************** 편성표 *************************************************************************************************************/ .common_view2 {margin:0; color:#666;} .common_view2 .location {margin-bottom:20px; font-size:12px;} .title-tv-schedule {margin-bottom:25px;} .title-tv-schedule span.title {display:inline-block; font-size:20px; color:#333; font-weight:600; vertical-align:middle;} .title-tv-schedule span.title span {display:inline-block; margin:0 15px 0 5px; font-size:16px; font-weight:normal; vertical-align:middle; position:relative; top:-2px;} .title-tv-schedule img {vertical-align:middle;} span.onair-time {display:inline-block; padding:2px; font-size:13px; line-height:27px; background-color:#0099da; position:absolute; left:0; top:0;} span.onair-time span.state {display:inline-block; color:#fff; padding:0 5px; } span.onair-time span.time {display:inline-block; text-align:center; width:71px; height:27px; background:url('../images/common/schedule_tab_bg.png') no-repeat left top;} span.onair-time-next {background-color:#5e5e5e;} .schedule-selector {clear:both; padding:50px 0 20px; overflow:hidden; position:relative;} .schedule-selector .left {float:left;} .schedule-selector .left strong {font-size:16px; color:#333; font-weight:600; vertical-align:middle;} /*.schedule-selector .left span.title span {display:inline-block; margin:0 15px; padding-left:15px; font-size:15px; font-weight:normal; vertical-align:middle; position:relative; top:-2px; border-left:solid 1px #d3d3d3;}*/ .schedule-selector .left img {vertical-align:middle;} .schedule-selector .right {float:right;} .schedule-selector p.sel-day {width:300px; text-align:center; margin-bottom:20px; margin-left:-150px; color:#000; font-weight:600; position:absolute; top:45px; left:50%; font:27px verdana, AppleGothic, sans-serif, ng; font-weight:bold;} .schedule-selector p.sel-day span {font-weight:normal; font-size:18px; position:relative; top:-3px;} .schedule-navi {height:50px; border:solid 1px #434344; background-color:#676770; position:relative;} .schedule-navi a.btn-prev-week {position:absolute; top:0; left:0;} .schedule-navi a.btn-next-week {position:absolute; top:0; right:0;} .schedule-navi ul.week {margin-left:20px;} .schedule-navi ul.week li {float:left; width:141px;} .schedule-navi ul.week li a {display:inline-block; width:100%; height:50px; line-height:50px; color:#cecece; text-align:center; border-left:solid 1px #55555a; border-right:solid 1px #787880;} .schedule-navi ul.week li a.selected {background-color:#4b4e52; color:#fff; font-weight:600; } table.schedule {width:100%; margin-bottom:15px; font-size:15px; font-weight:600; color:#000; border:solid 1px #f0f0f0;} table.schedule a {color:#000;} table.schedule tr.selected {background-color:#f0f0f0;} table.schedule td {padding:12px 10px; text-align:center; border-bottom:solid 1px #f0f0f0;} table.schedule td.cont {text-align:left;} table.schedule td.cont img {vertical-align:middle;} .schedule-comment {margin-bottom:30px;} .schedule-comment span.subject {vertical-align:middle; font-weight:600; color:#000;} .schedule-comment img {vertical-align:middle; margin-left:5px;} /*********************************************************************************************************** 온에어 *************************************************************************************************************/ /**/ .title-onair {margin-bottom:10px;} .title-onair span.title {font-size:20px; color:#333; font-weight:600;} .onair_top {background-color:#393939; padding:15px; margin-bottom:20px;} .onair_top .playerArea {} ul.onair-prev-next {padding:15px 50px 0; overflow:hidden;} ul.onair-prev-next li {float:left; width:33.0%; font-size:14px; color:#cfcfcf; text-align:center; border-right:solid 1px #5b5b5b; border-left:solid 1px #191919;} ul.onair-prev-next li span.ti {display:inline-block; width:64px; height:22px; line-height:22px; font-weight:normal; text-align:center; background-color:#555555;} ul.onair-prev-next li.onair {color:#fff;} ul.onair-prev-next li.onair span.ti {display:inline-block; width:64px; height:22px; line-height:22px; font-weight:normal; text-align:center; background-color:#e6592e;} ul.onair-prev-next li.prev {border-left:none;} ul.onair-prev-next li.next {border-right:none;} ul.onair-prev-next li span.time {display:inline-block; height:22px; line-height:22px;} ul.onair-prev-next li span.proName {display:inline-block; height:22px; line-height:22px;} .onair-ad {margin-bottom:34px;} /*********************************************************************************************************** 결제 - 레이어팝업 /채널A VOD 결제, My쿠폰 *************************************************************************************************************/ .modal {width:100%; height:100%; background:url('../images/module/screen_txbox.png'); position:fixed; top:0; left:0; z-index:1000;} .payPop {width:100%; padding-bottom:40px; background-color:#fff; /*position:absolute; top:150px; left:50%; margin-left:-430px; z-index:1000;*/} .payPop .topArea {height:52px; background-color:#fff; line-height:52px;} .payPop .topArea span.title {display:block; font-size:25px; color:#333; font-weight:600; margin-left:20px;} .payPop .content {padding:20px 40px; overflow:hidden; position:relative;} .payPop .content strong.title {display:block; font-size:17px; color:#0099da; font-weight:600; border-bottom:solid 2px #eee; padding-bottom:10px; margin-bottom:25px; background:url('../images/common/bullet_dot_blue.png') no-repeat left 5px; padding-left:15px;} .payPop .content .product {margin-bottom:30px;} .payPop .content .product strong.productName {display:block; font-size:22px; color:#333; margin-bottom:20px;} .payPop .content .product .qulity {padding:0 10px 15px; overflow:hidden; border-bottom:dotted 1px #eee; } .payPop .content .product .qulity label {display:block; font-size:15px; line-height:30px;} .payPop .content .product .term {padding:15px 10px 15px;} .payPop .content .product .term label {display:block; font-size:15px; line-height:30px;} .payPop .content .payTool {overflow:hidden; margin-bottom:30px; padding-left:30px;} .payPop .content .payTool label {margin-right:20px; font-size:15px; } .payPop .content .payTool label input {vertical-align:middle;} .payPop .content .payTool label span {vertical-align:middle;} .payPop .content .payTool a {float:right;} .payPop .content .certiArea {font-size:15px;} .payPop .content .certiArea label {display:block; font-size:15px; margin-bottom:10px;} .payPop .content .certiArea label input {vertical-align:middle;} .payPop .content .certiArea label span {vertical-align:middle;} .payPop .content .certiArea .certiview {height:36px; line-height:36px; background-color:#f0f0f0; text-align:center; position:relative; margin-bottom:20px;} .payPop .content .certiArea .certiview span.s-ti {font-size:15px; font-weight:600; color:#333;} .payPop .content .certiArea .certiview a {position:absolute; top:7px; right:7px;} .payPop .content .certiArea .certiView-open {padding:20px 0 10px; font-size:13px; line-height:20px; background-color:#f0f0f0; text-align:center; margin-bottom:20px; position:relative; } .payPop .content .certiArea .certiView-open span.s-ti {display:block; font-size:15px; font-weight:600; color:#333; margin-bottom:15px;} .payPop .content .certiArea .certiView-open a {position:absolute; top:7px; right:7px;} .payPop .content .certiArea .certiView-open .cer-detail {padding:0 20px; text-align:left; height:200px; overflow-y:scroll;} .payPop .btnArea {text-align:center;} .payPop .btnArea a {display:inline-block; margin:0 5px; font-size:17px; width:196px; height:44px; line-height:44px; color:#333; background-color:#fff; border:solid 1px #cacaca; text-align:center;} .payPop .btnArea a.btn-pay {color:#fff; background-color:#58b4db; border:solid 1px #58b4db; text-align:center;} .mycupon {width:430px; height:350px; border:solid 3px #58b4db; background-color:#fff; position:absolute; top:280px; left:50%; margin-left:-180px; z-index:1000;} .mycupon .topArea {height:58px;} .mycupon .topArea strong.title {display:block; height:58px; line-height:58px; padding:0 10px; font-size:18px; color:#3895bd; font-weight:600;} .mycupon .content {height:200px; margin:0 10px; overflow-y:scroll;} .mycupon .content ul.cuponList {border-top:solid 1px #e4e4e4; } .mycupon .content ul.cuponList li {padding:10px 5px 10px 0; border-bottom:solid 1px #e4e4e4; overflow:hidden;} .mycupon .content ul.cuponList li label {display:block;} .mycupon .content ul.cuponList li label .left {display:block; float:left; width:40px; height:35px; text-align:center; padding-top:10px;} .mycupon .content ul.cuponList li label .right {display:block; float:left; padding-top:3px;} .mycupon .content ul.cuponList li label strong.subject {display:block; font-size:15px; font-weight:600; color:#333; margin-bottom:5px;} .mycupon .content ul.cuponList li label span.term {display:block; font-size:13px;} .mycupon .btnArea {clear:both; text-align:center; margin-top:27px;} .mycupon .btnArea a {display:inline-block; width:126px; height:34px; line-height:34px; text-align:center; font-size:17px; color:#666666; border:solid 1px #cacaca; background-color:#fff;} .mycupon .btnArea a.btn-confirm {color:#fff; border:solid 1px #58b4db; background-color:#58b4db; } .loginPop {width:536px; height:640px; border:solid 3px #0099da; background-color:#fff; position:absolute; top:50%; left:50%; margin-top:-320px; margin-left:-268px; z-index:1000;} .loginPop .loginArea {width:390px; margin:38px auto 0; position:relative;} .loginPop .loginArea strong.title {display:block; font-size:39px; color:#333; text-align:center; margin-bottom:20px;} .loginPop .loginArea span.slogan {display:block; text-align:center; margin-bottom:20px;} .loginPop .loginArea span.slogan span {font-size:30px; color:#333; vertical-align:middle;} .loginPop .loginArea span.slogan img {vertical-align:middle;} .loginPop .loginArea span.ment {display:block; margin-bottom:20px; text-align:center; font-size:18px; color:#000;} .loginPop .loginArea .info-inner {} .loginPop .loginArea .info-inner input[type="text"] {width:385px; height:38px; border:solid 1px #cecece; margin-bottom:5px; background:url('../images/common/input_login_id_bg.gif') no-repeat left center;} .loginPop .loginArea .info-inner input[type="password"] {width:390px; height:38px; border:solid 1px #cecece; margin-bottom:5px; background:url('../images/common/input_login_pw_bg.gif') no-repeat left center;} .loginPop .loginArea .info-inner .idsave {display:block; padding:5px;} .loginPop .loginArea .info-inner .idsave input {vertical-align:middle; margin-right:5px;} .loginPop .loginArea .info-inner .idsave span {vertical-align:middle; font-size:13px;} .loginPop .loginArea .info-inner a {display:block; width:390px; height:53px; line-height:53px; background-color:#58b4db; text-align:center; font-size:20px; color:#fff;} .loginPop .loginArea .fuc-area {padding-top:30px; text-align:center;} .loginPop .loginArea .fuc-area a {display:inline-block; padding:0 20px; font-size:14px; border-right:solid 1px #e4e4e4;} .loginPop .loginArea .fuc-area a.last {border-right:solid 0px #e4e4e4;} .loginPop a.btn-close {position:absolute; top:-25px; right:-60px;} .loginPop .loginArea .sns-login {padding-top:20px;} .loginPop .loginArea .sns-login strong.title {display:block; text-align:left; font-size:18px; color:#333; margin-bottom:15px;} .loginPop .loginArea .sns-login ul {overflow:hidden; margin-bottom:15px;} .loginPop .loginArea .sns-login ul li {float:left; width:25%;} .loginPop .loginArea .sns-login ul li img {float:left; display:inline-block; margin-right:5px;} .loginPop .loginArea .sns-login span.ment {display:block; text-align:left; font-size:12px; margin-bottom:5px;} /* 법적고지: 팝업*/ .certiView {width:753px; background-color:#fff; position:absolute; top:150px; left:50%; margin-left:-376px; z-index:1000;} .certiView .topArea {height:58px; background-color:#0099da; position:relative;} .certiView .topArea span.title {display:block; padding:18px 0 20px 20px; font-size:20px; color:#fff; font-weight:600;} .certiView .topArea a.btn-lightBox-close{position:absolute; top:22px; right:21px;} .certiView .content {height:500px; overflow-y:scroll;} .certiView .content .viewArea {font-size:14px; color:#333; padding:30px 15px;} .certiView .content .viewArea .ti1 {display:block; font-size:16px; margin-bottom:10px;} .certiView .content .viewArea .ti2 {display:block; font-size:16px; color:#0099da; margin-bottom:10px;} .certiView .content .viewArea .txt {line-height:27px; margin-bottom:50px;} .newsad {width:670px; background-color:#fff; position:absolute; top:80px; left:50%; margin-left:-335px; z-index:10000;} .newsad .topArea {height:58px; background-color:#0099da; position:relative;} .newsad .topArea span.title {display:block; padding:18px 0 20px 20px; font-size:20px; color:#fff; font-weight:600;} .newsad .topArea a.btn-lightBox-close{position:absolute; top:22px; right:21px;} .newsad .content {height:400px; overflow-y:scroll;} .newsad .content .viewArea {font-size:14px; color:#333; padding:30px 15px; width:640px;} /* 개인정보처리방침: 팝업 */ strong.certi-title {display:block; font-size:16px; color:#333; margin-bottom:35px;} strong.certi-s-ti {display:block; font-size:14px; color:#0099da; margin-bottom:5px;} span.cert-txt {display:block; font-size:14px; color:#666666; margin-bottom:35px; line-height:24px;} table.certi {width:100%; border-top:solid 2px #d3d3d3; margin-bottom:35px;} table.certi th {padding:10px; font-size:15px; border-bottom:solid 1px #ebebeb;} table.certi td {padding:10px 40px; font-size:14px; border-bottom:solid 1px #ebebeb; line-height:25px;} /* 회원가입 안내 팝업 */ .membership-guide {width:530px; background-color:#fff; border:solid 3px #0099da; position:absolute; top:150px; left:50%; margin-left:-265px; z-index:1000;} .membership-guide .topArea {height:100px; position:relative;} .membership-guide .topArea span.title {display:block; height:100px; line-height:100px; font-size:29px; color:#333; font-weight:600; text-align:center;} .membership-guide .topArea a.btn-lightBox-close {position:absolute; top:13px; right:13px;} .membership-guide .content {} .membership-guide .content .viewArea {font-size:14px; color:#333; padding:0 25px;} .membership-guide .content .viewArea .ment {display:block; font-size:18px; text-align:center; line-height:24px; margin-bottom:10px; color:#474747;} .membership-guide .content .viewArea .btnarea {text-align:center; padding:20px 0 30px;} .membership-guide .content .viewArea .btnarea a {display:inline-block; width:390px; height:53px; font-size:19px; color:#fff; line-height:53px; margin:0 10px; text-align:center; background-color:#5f5f5f;} .membership-guide .content .viewArea .btnarea a.btn-confirm {background-color:#58b4db; border:solid 1px #58b4db;} /* 본인인증 팝업 */ .selfcerti-pop {width:530px; background-color:#fff; border:solid 3px #0099da; position:absolute; top:150px; left:50%; margin-left:-265px; z-index:1000;} .selfcerti-pop .topArea {height:100px; position:relative;} .selfcerti-pop .topArea span.title {display:block; height:100px; line-height:100px; font-size:29px; color:#333; font-weight:600; text-align:center;} .selfcerti-pop .topArea a.btn-lightBox-close {position:absolute; top:13px; right:13px;} .selfcerti-pop .content {margin-bottom:30px;} .selfcerti-pop .content .viewArea {font-size:14px; color:#333; padding:0 25px;} .selfcerti-pop .content .viewArea .ment {display:block; font-size:16px; text-align:center; line-height:24px; margin-bottom:10px; color:#474747;} .selfcerti-pop .content .viewArea .txt {display:block; font-size:14px; line-height:19px; margin-bottom:10px; color:#474747;} .selfcerti-pop .content .viewArea .selfcerti {margin-bottom:20px; text-align:center;} .selfcerti-pop .content .viewArea .selfcerti a {display:inline-block; margin:0 6px; width:145px; height:95px; padding-top:18px; font-size:16px; text-align:center; background-color:#f2f2f2; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px;} .selfcerti-pop .content .viewArea .selfcerti a img {margin-bottom:5px;} .selfcerti-pop .content .viewArea .selfcerti a span {display:block; color:#474747; font-weight:600;} /* 공유하기 팝업 */ .sns-share {width:360px; background-color:#fff; position:fixed; top:50%; left:50%; margin-top:-130px; margin-left:-170px; z-index:1001; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;} .sns-share .top {height:47px; text-align:center; position:relative;} .sns-share .top strong {display:inline-block; padding:17px 0 15px 15px; color:#000; font-size:20px; font-weight:600;} .sns-share .top a.btn-rightbox-close {position:absolute; top:10px; right:10px;} .sns-share .contarea {padding:10px 10px 20px; line-height:1.5em; color:#333;} .sns-share .contarea ul {overflow:hidden;} .sns-share .contarea ul li {float:left; width:25%; text-align:center; margin-bottom:10px;} .sns-share .contarea ul li img {display:inline-block; width:70%;} .sns-share .contarea ul li span {display:block; letter-spacing:-0.05em;} /*********************************************************************************************************** Footet *************************************************************************************************************/ /* 사이트 전체 카테고리 모음 */ .total_catagory {overflow:hidden; width:1024px; margin:auto;} .total_catagory .program-total {float:left; width:248px; margin-right:10px;} .total_catagory .last {margin-right:0;} .total_catagory .program-total span.title {display:block; width:248px; height:43px;} .total_catagory .program-total span.cata1 {background:url('/images/common/cata_ti_img1.jpg') no-repeat;} .total_catagory .program-total span.cata2 {background:url('/images/common/cata_ti_img2.jpg') no-repeat;} .total_catagory .program-total span.cata3 {background:url('/images/common/cata_ti_img3.jpg') no-repeat;} .total_catagory .program-total span.cata4 {background:url('/images/common/cata_ti_img4.jpg') no-repeat;} .total_catagory .program-total span.cata5 {background:url('/images/common/cata_ti_img5.jpg') no-repeat;} .total_catagory .program-total span.title strong {display:block; padding:17px 0 0 67px; font-size:22px; color:#fff; font-weight:600;} .total_catagory .program-total .box {overflow:auto; height:360px; min-height:360px; border:solid 3px #f0f0f0; border-top:none; padding:10px 20px 20px;} .total_catagory .program-total ul.list {} .total_catagory .program-total ul.list li {font-size:13px; line-height:25px; background:url('../images/common/bullet_dot.gif') no-repeat left center; padding-left:10px;} .total_catagory .program-total ul.list li a:hover {text-decoration:underline;} .total_catagory .program-total a.btn_endprogram {display:block; margin:10px 0; padding:5px 7px; background:url('../images/common/icon_plus.gif') no-repeat 143px center; background-color:#eeeeee;} .total_catagory .program-total a.btn_endprogram:hover {color:#333;} /*.total_catagory .bannerArea {float:right; width:133px;} .total_catagory .bannerArea a {display:block; margin-bottom:17px;} .total_catagory .bannerArea .local_channelInfo {background-color:#333333; color:#fff;} .total_catagory .bannerArea .local_channelInfo .top {height:60px; text-align:center;} .total_catagory .bannerArea .local_channelInfo .top span.local {display:block; font-size:24px; padding-top:5px;} .total_catagory .bannerArea .local_channelInfo .top span.local-child {display:block; font-size:15px; color:#ccc;} .total_catagory .bannerArea .local_channelInfo .body {height:123px; text-align:center; background:url('../images/common/local_channelInfo_bg.gif') #0099da no-repeat top left;} .total_catagory .bannerArea .local_channelInfo .body span.ch {display:block; font-size:18px; padding-top:15px;} .total_catagory .bannerArea .local_channelInfo .body span.ch-num {display:block; font-size:44px;} .total_catagory .bannerArea .local_channelInfo .body a.btn_chNum_guide {display:inline-block; margin-top:7px; color:#fff; letter-spacing:-0.5px; padding:3px 7px; background-color:#004c6d;}*/ .app_custom_notice {width:1024px; height:30px; line-height:50px; padding:10px 0; border:solid 3px #f0f0f0; margin:20px auto 0; overflow:hidden;} .app_custom_notice strong.ti {font-size:16px; color:#0a7caf; vertical-align:middle;} .app_custom_notice a.btn_go_waplay {display:block; margin-right:16px; float:left;} .app_custom_notice a.btn_go_newsapp {display:block; margin-right:20px; float:left;} .app_custom_notice .chaInfo {float:left; margin-left:18px; height:30px; width:330px; line-height:30px; padding-right:20px; border-right:solid 1px #e1e1e1;} .app_custom_notice .chaInfo span.local {display:inline-block; padding:0 5px; font-size:14px; vertical-align:middle;} .app_custom_notice .chaInfo span.local strong {font-size:16px;} .app_custom_notice .chaInfo span.ch {display:inline-block; font-size:16px; padding:0 5px; vertical-align:middle;} .app_custom_notice .customCenter {float:left; height:30px; line-height:30px; padding:0 30px; border-right:solid 1px #e1e1e1;} .app_custom_notice .customCenter span.phone {} .app_custom_notice .customCenter span.phone img {vertical-align: middle;} .app_custom_notice .customCenter span.phone span {font-size:24px; vertical-align: middle;} .app_custom_notice .customCenter span.phone span span {font-size:14px; vertical-align: middle;} /*.app_custom_notice .customCenter a {display:block; margin:5px; padding:4px 7px; float:right; height:32px; background-color:#999999;} .app_custom_notice .customCenter a img {display:inline-block; vertical-align:middle;} .app_custom_notice .customCenter a span {display:inline-block; vertical-align:middle; color:#fff;}*/ .app_custom_notice .noticeArea {float:right; margin-right:20px; height:30px; line-height:30px; text-align:right;} .app_custom_notice .noticeArea a.list {display:inline-block; font-size:14px; width:300px; margin-right:10px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; vertical-align:middle; overflow:hidden; } .app_custom_notice .noticeArea a.btn_go_more {display:inline-block; width:12px; height:12px; line-height:12px; padding:5px; text-align:center; color:#fff; background-color:#0099da; vertical-align:middle;} /*.app_custom_notice .noticeArea a.btn_prev {position:absolute; top:-20px; left:50%;} .app_custom_notice .noticeArea a.btn_next {position:absolute; bottom:-20px; left:50%;}*/ #footerArea {clear:both; width:100%; margin:20px auto 0; height:120px; padding-bottom: 30px; border-top:1px solid #DDD; background-color:#fff; position:relative; } #footerArea ul.footer_menu {overflow:hidden; padding:18px 0 5px;} #footerArea ul.footer_menu li {float:left; padding:0 10px; border-right:solid 1px #999;} #footerArea ul.footer_menu li.first {padding:0 10px 0 0;} #footerArea ul.footer_menu li.last {border-right:none;} #footerArea ul.footer_menu li a {} #footerArea .footer_logo {float:left; padding:17px 0 0 30px;} #footerArea .right {float:left; padding:0 0 18px 20px;} #footerArea .right .adress {clear:both; margin-top:15px;} #footerArea .right .copyright {clear:both; margin-top:15px;} #footerArea .right .copyright strong {color:#086d9a;} .familysite {position:absolute; right:22px; top:95px;} .familysite select {min-width:100px; height:27px; font-size:13px; padding:0; margin-left:10px; border:solid 3px #999999; background-color:#f0f0f0;} .familysite a.btn_go_familySite {display:inline-block; vertical-align:middle; height:18px; padding:6px 8px 3px; text-align:center; color:#fff; background-color:#555;} /* 201609 프로그램 메인 광고 */ .p_ad { width:300px; height:250px; padding:13px 14px 12px; background:#f2f2f2; } .ad_banner { margin-bottom:20px;} /* 검색페이지 검색광고 */ #power-link_search {width:980px; padding: 20px 0 8px 5px; border-bottom:1px #d9d9d9 solid; border-top:1px #d9d9d9 solid; margin:0 0 30px 0;} .power-link-type { position: relative; width:980px; color:#232323; padding-left:10px; } .power-link-type h1 {color:#222; padding-bottom:15px;} .power-link-type h1 .ad-icon {margin-left:4px; vertical-align:middle; } .power-link-type li { margin-bottom: 15px; padding-left:10px; background:url("http://img.ichannela.com/images/icon/bul_txt_gray.gif") 0 7px no-repeat;} .power-link-type li.last-ad { margin-bottom: 0; } .power-link-type .ad-title { font-size: 14px; color:#838383; } .power-link-type .ad-title a { font-weight: normal; font-size: 11px; color: #5c98da; } .power-link-type .ad-title a.title { font-weight: bold; font-size: 14px; color: #444444; } .power-link-type .ad-info-text { margin-top: 2px; } .power-link-type .ad-join a, .power-link-type .ad-join a:hover { position:absolute; top:0; right:12px; padding-right:5px; font-size:0.9em; color:#aaa; background:url("http://img.ichannela.com/images/icon/icon_arrow2.gif") right 10px no-repeat; } /* 재생목록 및 이시각 주요뉴스 추가 201903 */ .playerlist_wrap {margin-bottom:25px;} .playerlist_wrap:after { content:""; display: block; clear:both;} .playerlist_left { float:left; width:675px; margin-right:44px; position: relative; } .list_vodthumb { border:1px solid #e0e0e0; width:300px;} .list_vodthumb .playlist_tit { padding:14px; border-bottom:1px solid #e0e0e0; font-size: 18px; font-weight: 600; color:#fff; /*background: url('http://image.ichannela.com/images/vodlist_tit_bg.jpg') no-repeat; background-size:cover;*/background-color: #002685;} .list_vodthumb .playlist_num { padding:14px 0 4px 14px; font-size: 14px; color:#9f9f9f; } .list_vodthumb ul { overflow: auto; height:360px; } .list_vodthumb ul li { display: flex; padding:3%; } .list_vodthumb ul li a { display: flex; position:relative; } .list_vodthumb ul li a:after { content:""; display: block; clear:both;} .list_vodthumb ul li a .vodlist_thumb { float:left; width:117px; /*height:72px;*/ position: relative; overflow: hidden;} .list_vodthumb ul li a .vodlist_thumb img { width:100%;} .list_vodthumb ul li a.list_choice { font-weight: 600; color:#000;} .list_vodthumb ul li a .play_btn_bk { display: none;} .list_vodthumb ul li a.list_choice .play_btn_bk { display: block; position: absolute; top:0; left:0; font-weight: 600; color:#000; width:117px; height:100%; background: rgba(0,0,0,0.7); padding-left:0; text-align: center;} .list_vodthumb ul li a.list_choice .play_btn_bk img { width:33px; margin-top:16px;} .list_vodthumb ul li a span {display:-webkit-box; float:left; width:145px; padding-left:8px; font-size: 15px; line-height:1.2; align-self:center; -webkt-align-self:center; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; } .thistime_news { } .thistime_news_tit { font-size: 18px; color:#333; padding:0!important; font-weight: 600; } .thistime_news ul:after {content:""; display: block; clear:both;} .thistime_news ul li { float:left; width:213px; margin:17px 17px 0 0;} .thistime_news ul li:nth-child(3n) {float:left; width:213px; margin:17px 0 0 0; } .thistime_news ul li img {width:213px;} .thistime_news ul li .important_news_txt {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-size: 15px; color:#333; padding:0; height:74px; } .livere_reply { display: none; margin-top:20px; max-height: 500px; overflow: auto;} .snsnreply {} .snsnreply:after { content:""; display: block; clear: both;} .newsview_top .doc_info .left_1 span.cata_1 { display: inline-block; margin:0 10px; color:333; } .newsview_top .doc_info .left_1 { font-size: 15px;} /* 재생목록 및 이시각 주요뉴스 추가 201903 */