@charset "euc-kr";

/* TV Ã¤³Î °³Æí css
 * 2011.09.27 / ±èÁ¤À± */

html{width:100%; height:100%; }
body{height:100%; margin:0; padding:0; font: normal 12px/14px dotum,gulim,arial,sans-serif; color:#505050; }

h1,h2,h3,h4,h5,h6{margin:0; padding:0; }
ul,ol{margin:0; padding:0; list-style:none; }
dl,dt,dd{margin:0; padding:0; }
p{margin:0; padding:0; }
em {font-style:normal;}
input{margin:0; padding:0; }
textarea{margin:0; padding:0; }
table{border-collapse:collapse; }
td img,td input,td select {vertical-align:middle; font-size:12px;}
hr, table caption, fieldset legend {height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
form{margin:0; padding:0; border:none; }
fieldset{border:0; margin:0; padding:0; }
img{border:0;}
select {height:21px; font-family:Arial; padding:0; margin:0; line-height:18px; font-size:12px;}
textarea {border:1px solid #e3e3e3; padding:2px 5px;}
legend, .hidden{ text-indent:-5000px; line-height:0; font-size:0; position:absolute;  top:0; left:0;}
hr{display:none;}

a:link{text-decoration:none; color:#505050; }
a:visited{text-decoration:none; color:#505050; }
a:hover{text-decoration:underline; color:#259ace !important; }
a:active{text-decoration:none; color:#505050; }

/* ==================== Common Style ===================================================================================================================*/
.frameBd {position:absolute; top:0; left:0; display:block; border:1px solid #000; filter:alpha(opacity=20); opacity:0.2;}
.bn {background:none !important;}

.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}

.bt_none {border-top:none !important;}
.br_none {border-right:none !important;}
.bb_none {border-bottom:none !important;}
.bl_none {border-left:none !important;}

.txt_input {height:15px; border:1px solid #e3e3e3; padding:2px 5px; font-size:12px; color:#000;}
.dotInput {width:14px; height:14px; border:none; }

/*skipNavigation*/
#skip{height:0}
#skip a{position:absolute;left:0;top:-10000px;z-index:10000000;display:block;width:100%;text-align:center;font-size:1.3em}
#skip a:hover, #skip a:focus, #skip a:active{position:absolute;top:0;padding:15px 0;font-weight:bold;color:#fff;background:#1d60a7;z-index:500}

#skip_nav {height:0} 
#skip_nav a{position:absolute;left:0;top:-10000px;z-index:10000000;display:block;width:100%;text-align:center;font-size:1.3em} 
#skip_nav a:hover, #skip_nav a:focus, #skip_nav a:active{position:absolute;top:0;padding:15px 0;font-weight:bold;color:#fff;background:#1d60a7;z-index:500} 


/* ==================== Layout ===================================================================================================================*/
#top {width:100%; height:128px;}
#wrap {width:990px; margin:0 auto;}

#gnb {position:relative;width:990px; height:39px; overflow:hidden; background:url('http://img.sbs.co.kr/sw11/tv/common/bg_gnb.gif') left top repeat-x;}
#gnb ul li {float:left;}
#gnb ul li.right{position:absolute;right:0;top:0}
#gnb ul li.right a{float:left}

.program {width:988px; min-height:37px; overflow:hidden; border:1px solid #b1cbd6; border-width:0 1px; background:url('http://img.sbs.co.kr/sw11/tv/common/bg_program.gif') left top repeat-x;}
.p_close {width:988px; height:25px; padding-top:12px; overflow:hidden; }
.p_close dl {width:247px; float:left; overflow:hidden;}
.p_close dl dt,
.p_close dl dd {float:left; line-height:16px; backgr ound:red}
.p_close dl dt {font-weight:bold; color:#222427; margin-right:10px; padding-left:10px;}
.p_close dl dd a {color:#585e66;}
.p_close dl dd a:hover {text-decoration:none; color:#259ace; }

.p_open {width:988px; overflow:hidden; padding-bottom:10px;}
.p_open .menu {width:247px; margin-top:10px; padding:2px 0 0 0; float:left; overflow:hidden; background:url('http://img.sbs.co.kr/sw11/tv/common/line_gray3.gif') right 2px no-repeat;}
.p_open dl {height:23px; padding-top:2px; float:left; margin-bottom:12px; }
.p_open dl dt,
.p_open dl dd {float:left; line-height:14px; }
.p_open dl dt {font-weight:bold; color:#222427;  margin-right:10px; padding-left:10px;}
.p_open dl dd {font-size:11px; padding-left:6px; margin-right:5px; background:url('http://img.sbs.co.kr/sw11/tv/common/line_gray.gif') left top no-repeat;}
.p_open dl dd.bn {padding-left:0;}
.p_open dl dd a {color:#585e66; display:block; line-height:13px;}
.p_open dl dd a.on{text-decoration:underline !important} /* ¼±ÅÃ ½Ã */

.p_open .tit {float:left; line-height:14px; font-weight:bold; color:#222427;  margin-right:10px; padding-left:10px;}
.p_open .special {font-weight:bold; }
.p_open .special a {padding-right:15px; display:inline-block; color:#000; background:url('http://img.sbs.co.kr/sw11/tv/common/icon_arrow.gif') right 2px no-repeat;}

.p_open .control {height:25px; float:right; padding-right:10px; margin-bottom:12px;}
.p_open .control span.num {margin:2px 5px 0 0; display:block; vertical-align:top; color:#595f67; font-size:11px; font-family:Arial; float:left; letter-spacing:0.1em;}
.p_open .control button {width:15px; height:15px; margin:0; padding:0; border:none; background:none; font-size:0; line-height:0; cursor:pointer; vertical-align:top; line-height:12px; float:left;}

.p_open ul {height:115px; clear:both; padding:0 0 0 13px; border-right:1px solid #f0f0f0; overflow-y:auto; overflow-x:hidden;}
.p_open ul li {line-height:14px; padding:4px 0;}
.p_open ul li span {font-size:11px; margin-right:5px; color:#1075a4;}
.p_open ul li a {color:#585e66;}
.p_open ul li .new {margin-left:5px; }
.p_open ul li span, 
.p_open ul li a {vertical-align:middle;}

.btn_program {border-top:2px solid #3daae7; text-align:center;}

#container {width:990px; position:relative; padding-top:3px; *zoom:1; }
#container:after {content:""; display:block; clear:both;}

/* ==================== Index Contents ===================================================================================================================*/

/* left Contents */
#left_cont {width:731px; float:left; position:relative; }

.fs {width:731px; height:182px; margin-bottom:21px; overflow:hidden; position:relative; background:url('http://img.sbs.co.kr/sw11/tv/main/bg_fs.gif') left bottom no-repeat;}
.fs ul {text-align:center;}
.fs li {display:inline; font-size:0; line-height:0;}
.fs li div {width:731px; height:174px; position:absolute; left:0; top:0; display:none}
.fs li div a {display:block}
.fs li .btn {position:relative; z-index:99999; margin-top:150px; display:inline-block; vertical-align:top;}

.high_pro {width:731px; height:219px; margin-bottom:25px; overflow:hidden; position:relative;}
.high_pro .cont {width:635px; height:177px; padding:20px 0 20px 20px; border:1px solid #d8dddf; border-width:1px 1px 1px 0; overflow:hidden; position:absolute; right:0; top:0;}
.high_pro h3 {width:75px; height:73px; font-size:0; line-height:0;}
.high_pro .cont dl, 
.high_pro .cont ul {float:left; line-height:14px; font-size:12px; }
.high_pro .cont dl {width:187px; margin-right:10px;}
.high_pro .cont dl a:hover {text-decoration:none;}
.high_pro .cont dl dt span {font-weight:bold; display:block; margin:7px 0 7px 5px;}
.high_pro .cont dl dt span strong {color:#1075a4;}
.high_pro .cont dl dd {font-size:11px; padding-left:15px; margin-bottom:3px; background:url('http://img.sbs.co.kr/sw11/tv/common/icon_reple.gif') 4px 2px no-repeat;}
.high_pro .cont ul {width:230px; padding:5px 0 0 5px;}
.high_pro .cont ul li {padding:0 0 0 8px; margin-bottom:12px; letter-spacing:-0.1em; background:url('http://img.sbs.co.kr/sw11/tv/common/dot_gray.gif') left 5px no-repeat;}
.high_pro .cont ul li span {color:#1075a4; margin-right:5px;}
* .high_pro li {height:73px; font-size:0;}
* .high_pro li li {height:auto;  font-size:12px;}

/*Slideshow*/
#r_container {width:740px; position:relative; z-index:0; padding-bottom:50px;}
#example {width:740px; height:105px; position:relative; }
.slides {position:absolute; top:0; left:0; z-index:100; }
.slides_r_container {width:740px; 	overflow:hidden; position:relative; display:none}
.slides_r_container div.slide {width:740px; height:105px; display:block}

/* thumnail */
.thum {position:relative;width:717px; overflow:hidden; border-bottom:3px solid #4bb0df; margin-bottom:20px;}
.thum h3 {font-size:0; line-height:0; margin:0 0 7px 3px;}
.thum ul.thumList{overflow:hidden;margin-left:-20px}
.thum ul.thumList li{float:left;width:127px;margin:0 0 0 20px;text-align:center}
.thum ul.thumList li a{display:block;color:#6a6c6b}
.thum ul.thumList li a img{vertical-align:top;line-height:0;border:1px solid #b0b0b0}
.thum ul.thumList li a span{display:block;margin-top:7px;font-size:11px;line-height:1.29em;color:#505050}
.thum ul.thumList li a strong{display:block;font-size:12px;font-weight:normal;color:#1075a4}
.thum ul.thumList li a:hover{text-decoration:none}
.thum ul.thumList li a:hover span{color:#259ace}

.list_main .thumList{display:none;height:150px}
.list_main li{float:left}
.list_main li .bnr{position:absolute;left:0;bottom:15px;width:15px;height:9px;padding:2px;text-indent:-999em;background:url(http://img.sbs.co.kr/sw11/tv/common/btn_thum.gif) no-repeat 5px 2px}
.list_main li .bnr.ing{left:335px}
.list_main li .bnr.ing2{left:355px}
.list_main li .bnr.ing3{left:375px}
.list_main li .bnr.ing4{left:395px}
.list_main li.on .bnr{width:19px;padding:2px 0;background:url(http://img.sbs.co.kr/sw11/tv/main/tab_tv_on.gif) no-repeat 0 2px}
.list_main li.on .thumList{display:block}

.thum_list {width:717px;}
.thum_list .thum {width:440px; border:none; margin-bottom:0; float:left;}
.thum_list .thum ul.thumList li a{color:#505050}
.thum_list .notice {width:270px; float:right; }
.thum_list .notice h3 {font-size:0; line-height:0; margin:0 0 7px 0;}
.thum_list .notice ul {padding:5px 0 0 0; line-height:1.5;}
.thum_list .notice ul li {width:260px; padding:0 0 0 8px; margin-bottom:8px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; background:url('http://img.sbs.co.kr/sw11/tv/common/dot_gray.gif') left 5px no-repeat;}
.thum_list .notice ul li span {color:#1075a4; margin-right:5px;}

.others {width:717px; overflow:hidden; padding-top:25px;}
.others .program2 {width:421px; height:145px; float:left; position:relative;}
.others .program2 h3 {width:75px; height:48px; font-size:0; line-height:0;}
.others .program2 .cont {width:340px; height:126px; padding:16px 0 0 4px; border:1px solid #d8dddf; border-width:1px 1px 1px 0; overflow:hidden; position:absolute; right:1px; top:0; }

.program2 .cont ul{overflow:hidden}
.program2 .cont li{overflow:hidden;float:left;width:150px;margin-left:10px;line-height:1.3em;text-align:center}
.program2 .cont li img{margin-top:5px;vertical-align:top;line-height:0;border:1px solid #b0b0b0}
.program2 .cont li a{display:inline-block}

.program2 .cont .sub_link{overflow:hidden;width:320px;height:16px;margin:14px auto 0;font-size:11px;line-height:15px;color:#e1e1e1;letter-spacing:-1px;text-align:center}
.program2 .cont .sub_link a{display:inline-block;margin-left:5px;padding-right:5px;font-weight:bold;color:#727272}
.program2 .cont .sub_link a:last-child{background:none}
.program2 .cont .sub_link a:hover{text-decoration:none}
* .others .program2 li{display:inline}

.others .special_list {width:273px; height:144px; float:right; border-bottom:1px solid #e6e6e6; }
.others .special_list li {font-size:0; line-height:0; width:254px; height:22px; padding:13px 0 0 17px; border:1px solid #e6e6e6; border-width:1px 1px 0 1px; }

/* Right Contetns */
.tv_right .news {border:1px solid #e5e5e5; }
.tv_right .board, 
.tv_right .lineBtm_box {border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }

#right_cont {width:240px; float:right; position:relative; overflow:hidden; background:#fbfbfb;}
#right_cont .lineBtm_box {padding:20px 13px 18px; border-bottom:1px solid #e5e5e5; }
#right_cont .last {padding:20px 7px 86px; overflow:hidden;}
#right_cont .last .list_type {padding:0 6px;}
#right_cont .h3_r {margin:0 0 10px; font-size:12px; line-height:14px; color:#000;}

#right_cont .list_type {line-height:16px;}
#right_cont .list_type li {width:200px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left:8px; margin-bottom:6px; background:url('http://img.sbs.co.kr/sw11/tv/common/dot_gray.gif') left 4px no-repeat;}
#right_cont .list_type li .tit {color:#1075a4;}

.news {height:170px; padding:10px 10px 0; position:relative; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.news h3 {width:109px; height:33px; font-weight:normal; font-size:11px; line-height:12px; text-align:center; background:url('http://img.sbs.co.kr/sw11/tv/common/bg_news.gif') left top no-repeat;}
.news h3.on {font-weight:bold; background:url('http://img.sbs.co.kr/sw11/tv/common/bg_news_on.gif') left top no-repeat;}
.news h3 a {height:21px; padding-top:12px; display:block; }
.news h3 a:hover {color:#505050 !important; text-decoration:none;}
.news h3.on a {color:#1c4f73;}
.news h3.on a:hover {color:#1c4f73 !important;}
.news li {float:left; }
.news ul {width:208px; height:106px; position:absolute;left:15px; top:60px; line-height:16px;}
.news ul li {width:200px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; clear:left; padding-left:8px; margin-bottom:7px; background:url('http://img.sbs.co.kr/sw11/tv/common/dot_gray.gif') left 4px no-repeat;}
.news ul li a {color:#343434;}

.board {height:170px; padding:20px 10px 18px; border-bottom:1px solid #e5e5e5;}
.board .photo {overflow:hidden;}
.board .photo li {width:104px; float:left; font-size:11px; line-height:1.32em; text-align:center;}
.board .photo li.first {margin-right:10px;}
.board .photo li a{display:block}
.board .photo li a img{margin-bottom:5px;vertical-align:top;line-height:0}
.board .photo a:hover {text-decoration:none;}

.ad {width:240px; height:240px; overflow:hidden;}
.ad a{display:block}

.banner{position:relative}
.banner a{display:block;position:absolute;left:-1px;top:5px;border:1px solid #cacaca}

/* Footer */
#footer {width:990px; border-top:2px solid #5e5e5e; margin-top:50px; overflow:hidden; clear:both;}
#footer .menu {width:1000px; height:19px; margin-left:-1px; padding-top:10px; overflow:hidden;}
#footer .menu li {float:left; padding-left:36px; margin-right:36px; background:url('http://img.sbs.co.kr/sw11/tv/common/line_gray.gif') left top no-repeat;} 
#footer .add {padding:15px 20px 10px; border:1px solid #e8e8e8; font-size:11px; font-style:normal; overflow:hidden;}
#footer .add ul {width:545px; float:left;}
#footer .add ul .first {margin-bottom:2px;}
#footer .add .select {width:275px; float:right;}
#footer .add .select select {height:17px; border:1px solid #d6d6d6; font-size:11px; color:#595959; background:#fff;}
#footer .add span, 
#footer .add address {display:inline-block; padding-right:8px; margin-right:6px; font-style:normal; background:url('http://img.sbs.co.kr/sw11/tv/common/line_gray2.gif') right 1px no-repeat;}
#footer .add, 
#footer .add a, 
#footer .add a:hover {color:#898989 !important;}
#footer .add .map {text-decoration:underline;}
#footer .copy {padding:20px 0 50px; font-family:sans-serif, Arial; font-size:10px; display:block; text-align:center; color:#a2a2a2;}
#footer .copy span {color:#25a0e2;}


/* ·¹ÀÌ¾îÆË¾÷ - ¹Ì´Ïºí·Î±× */
.layer_miniBlog {width:240px; height:182px; text-align:center; font-size:0.1; line-height:1; position:absolute; left:0; top:0; z-index:99; background:url('http://img.sbs.co.kr/sw11/tv/main/bg_miniblog.gif') left top no-repeat;}
.layer_miniBlog dl {}
.layer_miniBlog dl dt {margin:17px 0 8px;}
.layer_miniBlog .btn {margin-top:12px;}
.layer_miniBlog .btn_x {position:absolute; right:7px; top:7px;}












