@charset "utf-8"; /* ------------------------------------------ * Filename: news.css * Description: 뉴스 메인 * Author: Fu:z ------------------------------------------ */ /* backgrounds */ #second_head ul.style_cont, #second_head ul.style_cont li a, ul.sort_cont.drama li a, .sel_program .btn_program span, .sel_program .list_paging_nav button, .like_wrap a{background-repeat:no-repeat} .news_menu{margin:50px 0 0 20px} .news_menu li{margin-bottom:10px} .news_menu li a{display:block; width:70px; height:12px; text-indent:-9999px} i{font-style:normal} button{border:0} .news select{height:26px} .d2_01 a{background:url('http://image.sbs.co.kr/sbs/news/menu01.png') no-repeat 20px 8px} .d2_02 a{background:url('http://image.sbs.co.kr/sbs/news/menu02.png') no-repeat 20px 8px} .d2_03 a{background:url('http://image.sbs.co.kr/sbs/news/menu03.png') no-repeat 20px 8px} .d2_04 a{background:url('http://image.sbs.co.kr/sbs/news/menu04.png') no-repeat 20px 8px} .d2_05 a{background:url('http://image.sbs.co.kr/sbs/news/menu05.png') no-repeat 20px 8px} .d2_06 a{background:url('http://image.sbs.co.kr/sbs/news/menu06.png') no-repeat 20px 8px} .d2_07 a{background:url('http://image.sbs.co.kr/sbs/news/menu07.png') no-repeat 20px 8px} .d2_08 a{background:url('http://image.sbs.co.kr/sbs/news/menu08.png') no-repeat 20px 8px} .d2_09 a{background:url('http://image.sbs.co.kr/sbs/news/menu10.png') no-repeat 20px 8px} .d2_10 a{background:url('http://image.sbs.co.kr/sbs/news/menu11.png') no-repeat 20px 8px !important} .d2_11 a{background:url('http://image.sbs.co.kr/sbs/news/menu12.png') no-repeat 20px 8px !important} .d2_01 a:hover{background:url('http://image.sbs.co.kr/sbs/news/menu01_on.png') no-repeat 20px 8px} .d2_02 a:hover{background:url('http://image.sbs.co.kr/sbs/news/menu02_on.png') no-repeat 20px 8px} .d2_03 a:hover{background:url('http://image.sbs.co.kr/sbs/news/menu03_on.png') no-repeat 20px 8px} .d2_04 a:hover{background:url('http://image.sbs.co.kr/sbs/news/menu04_on.png') no-repeat 20px 8px} .d2_05 a:hover{background:url('http://image.sbs.co.kr/sbs/news/menu05_on.png') no-repeat 20px 8px} .d2_06 a:hover{background:url('http://image.sbs.co.kr/sbs/news/menu06_on.png') no-repeat 20px 8px} .d2_07 a:hover{background:url('http://image.sbs.co.kr/sbs/news/menu07_on.png') no-repeat 20px 8px} .d2_08 a:hover{background:url('http://image.sbs.co.kr/sbs/news/menu08_on.png') no-repeat 20px 8px} .d2_09 a:hover{background:url('http://image.sbs.co.kr/sbs/news/menu10_on.png') no-repeat 20px 8px} .d2_10 a:hover{background:url('http://image.sbs.co.kr/sbs/news/menu11_on.png') no-repeat 20px 8px !important} .d2_11 a:hover{background:url('http://image.sbs.co.kr/sbs/news/menu12_on.png') no-repeat 20px 8px !important} .on.d2_01 a{background:url('http://image.sbs.co.kr/sbs/news/menu01_on.png') no-repeat 20px 8px} .on.d2_02 a{background:url('http://image.sbs.co.kr/sbs/news/menu02_on.png') no-repeat 20px 8px} .on.d2_03 a{background:url('http://image.sbs.co.kr/sbs/news/menu03_on.png') no-repeat 20px 8px} .on.d2_04 a{background:url('http://image.sbs.co.kr/sbs/news/menu04_on.png') no-repeat 20px 8px} .on.d2_05 a{background:url('http://image.sbs.co.kr/sbs/news/menu05_on.png') no-repeat 20px 8px} .on.d2_06 a{background:url('http://image.sbs.co.kr/sbs/news/menu06_on.png') no-repeat 20px 8px} .on.d2_07 a{background:url('http://image.sbs.co.kr/sbs/news/menu07_on.png') no-repeat 20px 8px} .on.d2_08 a{background:url('http://image.sbs.co.kr/sbs/news/menu08_on.png') no-repeat 20px 8px} .on.d2_09 a{background:url('http://image.sbs.co.kr/sbs/news/menu10_on.png') no-repeat 20px 8px} .on.d2_10 a{background:url('http://image.sbs.co.kr/sbs/news/menu11_on.png') no-repeat 20px 8px !important} .on.d2_11 a{background:url('http://image.sbs.co.kr/sbs/news/menu12_on.png') no-repeat 20px 8px !important} .news8 {display:block; width:83px; margin:6px auto 0; padding:0 11px;} .news{position:relative; letter-spacing:-1px; z-index:0} .news .sel_program{position:relative; margin-top:15px;z-index:10;} .news .sel_program .program_box{position:absolute; left:0; top:30px; width:77px; background:url('http://image.sbs.co.kr/sbs/common/bg_sel_program02.png') left bottom;z-index: 10;} .news .sitemap{position:absolute; left:0; bottom:0; width:108px; height:180px; padding-left:20px;z-index:1} .news .sitemap a{display:block;position:relative;z-index:1;overflow:hidden;} .news .sitemap a:first-child{margin-bottom:16px;position:relative;z-index:1;} .news .sitemap a:first-child + a{margin-bottom:35px;position:relative;z-index:1;} .news .give{display:block; width:92px; margin:10px 0 0 17px} .news .sitemap .map{position:absolute; bottom:16px; right:-549px} .news .sitemap .map div{position:relative; width:497px; padding:15px 25px; border:1px solid #606a76; border-left:1px solid #828a95; background:#737b88} .news .sitemap .map div ul li{margin-top:9px} .news .sitemap .map div ul li:first-child{margin-top:0} .news .sitemap .map div ul li a{display:inline; margin-right:5px; color:#c0c9d2 !important; letter-spacing:-1px} .news .sitemap .map div ul li a x:-moz-any-link, x:default{margin-right:10px} @media screen and (-webkit-min-device-pixel-ratio:0) { .news .sitemap .map div ul li a{margin-right:10px} } x:-o-prefocus, .news .sitemap .map div ul li a{margin-right:10px} .news .sitemap .map div ul li strong{margin-right:10px; font-size:11px; color:#fff} .news .sitemap .map div .hump{position:absolute; left:-8px; bottom:67px;z-index:20; width:8px; height:11px; margin-bottom:-6px; background:url('http://image.sbs.co.kr/sbs/news/bg_hump.png'); } .news .small .sel_program .btn_program span{background-position:100% -100px} .news .small .sel_program .btn_program.expanded span{background-position:100% -80px} .news .small .sitemap{height:28px} .news .small .sitemap a:first-child{margin-bottom:5px; z-index:1} .news .small .sitemap a:first-child + a{margin-bottom:8px; z-index:1} .news .small .sel_program .program_box{position:absolute; left:0; top:-136px; width:77px; background:url('http://image.sbs.co.kr/sbs/common/bg_sel_program02.png') left top;z-index:10} .news .small .sitemap .map{bottom:0px} .news .small .sitemap .map div .hump{bottom:18px} .slarea{width:508px; height:208px;overflow:hidden;} .blue{color:#6dabf8 !important} .slarea > ul{width:87px; height:208px; padding-left:421px;position:relative;} .slarea > ul > li{width:87px; height:52px; float:left;} .slarea > ul > li .sl_con, .slarea > ul > li div[class^='relation']{display:none} .slarea > ul > li.on .sl_con, .slarea > ul > li.on div[class^='relation']{display:block} .slarea > ul > li .thum{position:relative; width:87px; height:52px; overflow:hidden; cursor:pointer; z-index:20;} .slarea > ul > li .thum img{position:absolute; top:0; left:0; width:87px; height:52px} .slarea > ul > li .thum button{display:none; position:absolute; top:0; left:0; width:87px; height:52px; border:3px solid #6dabf8;} .slarea > ul > li.on .thum button{display:block} .slarea > ul > li:hover .thum button{display:block; border:0} .slarea > ul > li.on:hover .thum button{display:block; border:3px solid #6dabf8} .slarea > ul > li .sl_con{display:none; position:absolute; top:0; left:0; height:208px;overflow:hidden;} .slarea > ul > li.on .sl_con{display:block} .slarea > ul > li .sl_con > div{position:relative; width:421px; height:208px} .slarea > ul > li .sl_con > div img{position:absolute; left:0; width:421px;} .slarea > ul > li .sl_con > div > a{display:block; position:absolute; left:20px; bottom:60px; font-weight:bold; color:#fff} .slarea > ul > li .sl_con > div > a .blue{font-size:14px; font-weight:bold} .slarea > ul > li .sl_con > div > a strong{display:block; max-width:380px; height:32px; font-size:25px; line-height:1.3; overflow:hidden; *cursor:pointer} .slarea > ul > li .sl_con > div > a + span{display:block; position:absolute; left:20px; bottom:40px; width:380px; height:18px; font-weight:bold; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .slarea > ul > li .sl_con > div div{position:absolute; left:20px; bottom:20px; z-index:2} .slarea > ul > li .sl_con > div div a{float:left; display:block; width:160px; height:15px; margin-right:30px; padding-left:10px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url('http://image.sbs.co.kr/sbs/news/bul_nieun.png') no-repeat left 4px} .slarea > ul > li div[class^='relation']{position:absolute; left:20px; width:472px; top:327px;} .slarea > ul > li div[class^='relation'] ul li{margin-bottom:10px; padding-left:10px; background:url('http://image.sbs.co.kr/sbs/news/bul_nieun.png') no-repeat left 8px} .slarea > ul > li div[class^='relation'] ul li a{font-size:15px} .bg_gradation i{position:absolute; bottom:0; z-index:0; display:block; width:100%; height:100%; font:0/0 arial; text-indent:-99999px; overflow:hidden; /*background:url('http://image.sbs.co.kr/sbs/news/bg_news_gradation.png') left 50px repeat-x*/ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 38%, rgba(0,0,0,0.59) 70%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(38%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,0.59)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,0.59) 70%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,0.59) 70%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,0.59) 70%,rgba(0,0,0,0.8) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,0.59) 70%,rgba(0,0,0,0.8) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ } .bg_gradation a, .bg_gradation span{position:relative; z-index:1} .news_inner{padding:30px 0 0 40px; background:#f9f9f9} .news_inner > div{position:relative; float:left; z-index:0; background:none} .news_inner > div.col.dw{min-width:1400px} .news_inner > div.cont_list_paging{padding:0; background:none} .news_inner > div > div{position:relative; width:472px; height:172px; margin:0 40px 10px 0; padding:18px; border:1px solid #e9e9e9; border-bottom:1px solid #c4c4c4; border-radius:2px; line-height:1.5; background:#fff} .news_inner > div > div.module_headline{width:508px; height:208px; padding:0} .news_inner > div > div.list_paging_nav, .news_inner > div > div.list_paging_info{border:0} .news_inner > div > div.list_paging_nav{height:auto; margin-bottom:0; padding:0} .news_inner > div > div.module_box{width:100%; height:auto; margin:0; padding:0; border:0; background:none} .news_inner > div > div.module_inform{width:508px; height:auto; background:#fff} .news_inner > div > div.module_inform .inner{width:auto; height:auto; margin:15px} .news_inner > div.select_list_paging{position:fixed; z-index:1; padding:2px; z-index:9999; background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */ } .news_inner > div.select_list_paging .list_paging_info, .news_inner > div.select_list_paging .select_paging_btn{width:auto; height:auto; margin:0; border:0; } /* news multi_column */ .news_inner > div > div.multi_column{position:relative; width:100%; height:auto; margin:0; padding:0; border:0; background:#fafafa} .news_inner > div > div.multi_column.mr30{margin-right:30px} .news_inner > div > div.multi_column .module_newsplus_list{position:relative; width:472px; height:172px; margin:0 30px 10px 0; padding:18px; border:1px solid #e9e9e9; border-bottom:1px solid #c4c4c4; border-radius:2px; line-height:1.5; background:#fff} .news_inner > .col_end{width:69px} .news_inner > .col_end > .list_end{position:absolute; top:45%; right:0; width:auto; height:auto; margin:-83px 0 0; border:0; border-radius:0} .news_inner > .col_end > .list_end > a{display:block; width:69px; height:73px; padding-top:20px; text-align:center; background:#898d96} .news_inner > .col_end > .list_end > a.prev{margin-bottom:1px} .news_inner > .col_end > .list_end > a.next{height:90px} .news_inner > .col_end > .list_end > a.on{background:#606873} .news_inner > .col_end > .list_end .next span{display:block; width:100%; margin-top:10px; text-align:center; color:#fff} .news_inner.project > div{width:360px} .news_inner.project > div.select_list_paging{width:auto} .news_inner.project > div.cont_list_paging{width:auto; z-index:1} .news_inner.project > div.col_end{width:69px; margin-right:0} .news_inner.project > div > div{width:360px; height:auto; margin:0; padding:0; border:0; border-radius:0; overflow:hidden; background:none} .news_inner.project > div > div.list_paging_info{padding:0 10px} .news_inner.project > div.cont_list_paging > div{width:auto} .news_inner.project > div.cont_list_paging > div.list_paging_info{width:auto; height:37px; padding:6px 10px 0; background:#38393b} /*.news_inner.list{padding-top:17px}*/ .col .moudle_ad_group{width:510px; padding:0; border:0; background:none} .module_headline.section .headline_box{position:relative; width:508px; overflow:hidden} .module_headline.section .headline_box img{position:absolute; left:0; /*top:50%; margin-top:-156px*/} .module_headline.section .headline_box div{position:absolute; bottom:15px; left:20px; overflow:hidden} .module_headline.section .headline_box div a{float:left; display:block; position:static; width:210px; margin-right:20px; padding-left:10px; font-size:12px; color:#fff; background:url('http://image.sbs.co.kr/sbs/news/bul_nieun_w.png') no-repeat left 5px} .module_headline.section p{padding:26px 17px; font-size:14px} .module_headline.section .relation{margin:18px} .module_headline.section .relation li{margin-top:6px; padding-left:10px; background:url('http://image.sbs.co.kr/sbs/news/bul_nieun.png') no-repeat left 9px} .module_headline.section .relation li a{font-size:16px} .module_second_top:after{content:''; display:block; clear:both} .module_second_top > div{float:right; width:305px} .module_second_top > div p a{display:block; position:relative; width:100%} .module_second_top > div p a img{position:absolute; top:0; left:-167px} .module_second_top > div p a strong{display:block; height:48px; margin-bottom:5px; font-size:16px; color:#222; overflow:hidden} .module_second_top > div p a + span{display:block; height:36px; overflow:hidden} .module_second_top > div ul{margin-top:10px; padding:10px 0 0 10px; border-top:1px solid #e9e9e9} .module_second_top > div ul li{margin-bottom:5px; padding-left:13px; background:url('http://image.sbs.co.kr/sbs/news/bul_nieun.png') no-repeat left 5px} .module_second_top > div ul li:first-child a{font-weight:bold; color:#222} .module_main_txt ul li{margin-bottom:5px; padding-left:10px; background:url('http://image.sbs.co.kr/sbs/news/bul_dot.png') no-repeat left 11px;} .module_main_txt ul li > a{display:block; font-size:16px; font-weight:bold; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .module_main_txt ul li > ul{margin-top:5px; padding-left:5px} .module_main_txt ul li > ul li{margin-bottom:3px; padding-left:13px; background:url('http://image.sbs.co.kr/sbs/news/bul_nieun.png') no-repeat left 5px} .module_main_txt ul li > ul li a{font-size:12px; font-weight:normal; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .module_main_txt.incorp ul li{margin:0; padding:0; background:none} .module_main_txt.incorp ul li > ul{margin:0; padding:0} *:first-child+html .module_main_txt.incorp > ul > li > ul{position:relative; top:-15px; } .module_main_txt.incorp ul li > ul li{margin-bottom:5px; padding-left:10px; background:url('http://image.sbs.co.kr/sbs/news/bul_dot.png') no-repeat left 11px} .module_main_txt.incorp ul li > ul li a{font-size:16px; font-weight:bold; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .module_main_txt.incorp > ul > li:first-child > ul > li:first-child > a{width:320px} .module_main_txt.incorp ul li > ul li ul{margin-top:5px; padding-left:5px} .module_main_txt.incorp ul li > ul li ul li{margin-bottom:3px; padding-left:13px; background:url('http://image.sbs.co.kr/sbs/news/bul_nieun.png') no-repeat left 5px} .module_main_txt.incorp ul li > ul li ul li a{max-width:440px; font-size:12px; font-weight:normal; color:#444; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .module_main_txt .paging{position:absolute; top:18px; right:18px} .module_main_txt .paging span{margin-right:10px} .module_main_txt .paging span + button img{border-right:0} .module_main_txt .paging button img{border:1px solid #d1d6dc} .sect{position:relative; top:-3px; margin-left:10px; font-size:18px} .sect a{margin-left:10px; font-size:14px; color:#f44 !important;} .sect_pa{width:100%} .sect_pa > a, .sect_pa .sect{float:left} .sect_pa ul{clear:both} .sect_pa:after{content:''; display:block; clear:both} .module_main_txt.incorp ul li > ul li .sect a {font-weight:normal; font-size:14px;} .module_main_txt.incorp ul li .module_main_thum ul li a{font-size:12px; font-weight:normal; color:#444} .module_main_thum ul{width:100%} .module_main_thum ul:after{content:''; display:block; clear:both} .module_main_thum ul li:first-child{margin-bottom:12px} .module_main_txt.incorp .module_main_thum ul li > a{width:400px} .module_main_thum ul li:first-child > a{width:400px} .module_main_thum ul li{float:left; width:470px; height:80px} .module_main_thum ul li > a{display:block; position:relative; width:320px; height:80px; white-space: normal;} .module_main_thum ul li > a span{position:absolute; top:0; left:0} .module_main_thum ul li > a strong{display:block; height:20px; margin-bottom:5px; font-size:16px; line-height:1.3; overflow:hidden; color:#222; padding-left:150px;text-overflow: ellipsis;} .module_main_thum ul li > a i{display:block; width:250px; height:52px; overflow:hidden; margin-left:150px; text-overflow: ellipsis;} .today{width:508px !important; height:209px !important; padding:0 !important; border-top:0 !important; border-bottom-left-radius:2px; border-bottom-right-radius:2px; background:#fff} .today > ul{width:100%} .today > ul > li{float:left; width:168px; margin-right:1px} .today > ul > li:first-child + li + li {width:170px; margin-right:0} .today > ul > li > button{display:block; position:relative; width:100%; height:38px; text-align:center; font-size:14px; font-weight:bold; color:#d6d6d6; background:#727b87} .today > ul > li.on > button{color:#fff; background:#6dabf8} .today > ul > li.on > button span, .today > ul > li.on > div{display:block} .today > ul > li > a span{display:none; position:absolute; bottom:0; left:50%; width:9px; height:5px; margin-left:-5px; background:url('http://image.sbs.co.kr/sbs/news/bump.png')} .today > ul > li > div{display:none; position:absolute; top:38px; left:0} .today > p{clear:both; position:absolute; left:20px; bottom:20px} .today > p span{margin-right:10px; padding:5px 8px; color:#fff; background:#727b87} .today > p a{color:#7a8495} .weather{position:relative; width:474px; padding:0 17px 15px;} .weather > div:first-child{float:left; width:220px; margin:25px 0 0 0; } .weather > div:first-child > img{float:left; margin:3px 0} .weather > div:first-child div{float:right; width:130px; font-weight:bold;text-align: center;} .weather > div:first-child div > span{display:block; height:50px} .weather > div:first-child div > span strong{font-size:30px; letter-spacing:-1px; line-height:1.1} .weather > div:first-child div > span img{position:relative; top:-3px; margin:0 5px} .weather > div:first-child div > span i{display:block} .weather > div:first-child p{clear:both; text-align:center; font-weight:normal; font-size:11px; color:#7a7c80} .weather .coscom {margin:10px 10px 3px 0; font-weight:normal; font-size:11px; text-align:right; color:#7a7c80} .weather .rate{float:left; margin-top:10px} .weather .rate > ul li{position:relative; width:175px; padding:4px 9px 4px 60px; border-top:1px solid #e9e9e9; font-size:14px; font-weight:bold; font-family:verdana; text-align:right} .weather .rate > ul li:first-child{border:0} .weather .rate > ul li:first-child + li + li .name{font-size:12px} .weather .rate > ul li.markup{color:#cc0000} .weather .rate > ul li.markdown{color:#306dc1} .weather .rate > ul li span{position:absolute; top:7px; padding-left:9px; font-size:12px; font-weight:normal} .weather .rate > ul li span.name{left:0px; color:#444} .weather .rate > ul li span.ud{top:8px; left:105px} .weather .rate > ul li.markup span.ud{background:url('http://image.sbs.co.kr/sbs/news/bg_bump_red.png') no-repeat left center} .weather .rate > ul li.markdown span.ud{background:url('http://image.sbs.co.kr/sbs/news/bg_bump_blue.png') no-repeat left center} [class^='tab'] > div div a.btn {position:absolute; top:84px; left:50%; margin-left:-37px; padding:4px 15px 4px; border:1px solid #bbd5f0; font-weight:bold; color:#488ed1; background:#fff} [class^='tab'] > .sns {padding:90px 0 0 75px;} [class^='tab'] > .sns a{margin:0 35px; padding:55px 5px 0} [class^='tab'] > .sns a.twi{background:url('http://image.sbs.co.kr/sbs/news/btn_twitter.png') no-repeat center top} [class^='tab'] > .sns a.face{background:url('http://image.sbs.co.kr/sbs/news/btn_facebook.png') no-repeat center top} [class^='tab'] > .sns a.stand{background:url('http://image.sbs.co.kr/sbs/news/btn_newsstand.png') no-repeat center top} [class^='tab'] > .sns a.app{background:url('http://image.sbs.co.kr/sbs/news/btn_sbsapp.png') no-repeat center top} .module_column{width:508px !important; height:208px !important; padding:0 !important} .module_column:after{content:''; display:none; clear:both} .module_column > ul > li{display:none} .module_column > ul > li:first-child{display:block} .module_column ul li > div:first-child{float:left; position:relative; width:235px; height:auto; z-index:1} .module_column ul li > div:first-child span{position:absolute; z-index:2; padding:5px 8px; color:#fff; background:#6fadf8} .module_column ul li > div:first-child span.orange{background:#f80} .module_column ul li > div:first-child img{z-index:1} .module_column ul li > div.letter{float:right; position:relative; width:219px; height:172px; padding:18px} .module_column ul li > div.letter > a{display:block; position:relative; width:100%; z-index:0} .module_column ul li > div.letter a .img_span{position:absolute; left:-271px; top:-18px; z-index:1} .module_column ul li > div.letter a .img_span .play{position:absolute; left:110px; top:88px} .module_column ul li > div.letter a strong{display:block; height:48px; margin-bottom:10px; font-size:16px; color:#222; overflow:hidden} .module_column ul li > div.letter a + span{display:block; width:100%; height:72px; overflow:hidden} /*.module_column ul li > div.letter > span{display:block; height:70px; overflow:hidden}*/ .module_column ul li > div > div{position:absolute; bottom:18px; left:18px; width:219px; overflow:hidden} .module_column ul li > div > div > span{float:left; position:relative; top:14px; color:#5887de} .module_column ul li > div > div > span img{float:left; position:relative; top:-14px; margin-right:5px} .module_column ul li > div > div > span i{position:relative; top:-14px} .module_column ul li > div > div > span img + i{position:relative; top:-3px;} .module_column > div:first-child{float:left; position:relative; width:235px; height:auto; z-index:1} .module_column > div:first-child span{position:absolute; z-index:2; padding:5px 8px; color:#fff; background:#6fadf8} .module_column > div:first-child span.orange{background:#f80} .module_column > div:first-child img{z-index:1} .module_column > div.letter{float:right; position:relative; width:219px; height:172px; padding:18px} .module_column > div.letter > a{display:block; position:relative; width:100%; z-index:0} .module_column > div.letter a .img_span{position:absolute; left:-271px; top:-18px; z-index:1} .module_column > div.letter a .img_span .play{position:absolute; left:110px; top:88px} .module_column > div.letter a strong{display:block; margin-bottom:10px; font-size:16px; color:#222} /*.module_column > div.letter > span{display:block; height:70px; overflow:hidden}*/ .module_column > div > div{position:absolute; bottom:18px; left:18px; width:219px; overflow:hidden} .module_column > div > div > span{float:left; position:relative; top:14px; color:#5887de} .module_column > div > div > span img{float:left; position:relative; top:-14px; margin-right:5px} .module_column > div > div > span i{position:relative; top:-14px} .module_column > div > div > span img + i{position:relative; top:-0.2em} .module_column .paging{position:absolute; bottom:18px; right:18px; width:auto; height:auto} .module_column .paging span{margin-right:10px} .module_column .paging button img{border:1px solid #d1d6dc} .module_column .paging span + button img{border-right:0} .module_corner > h4{margin-bottom:20px; font-size:16px; color:#222; font-weight:bold} .module_corner ul{width:100%} .module_corner ul:after{content:''; display:block; clear:both} .module_corner ul li{float:left; width:150px; margin-left:11px} .module_corner ul li:first-child{margin-left:0} .module_corner ul li a{line-height:1} .module_corner ul li a span{display:block; position:relative; width:148px; height:82px; margin-bottom:8px; border:1px solid #f0eeee; overflow:hidden} /*.module_corner ul li a span img {width:148px;}*/ .module_corner ul li a span .play{position:absolute; top:28px; left:58px} .module_corner > a{position:absolute; top:18px; right:18px; padding-right:10px; font-weight:bold; color:#737b86; background:url('http://image.sbs.co.kr/sbs/news/bul_rarr.png') no-repeat right center} .module_corner.combine{width:508px; height:208px; padding:0; overflow:hidden} .module_corner.combine > ul > li{position:relative; width:253px; margin-left:1px; border-right:0} .module_corner.combine > ul > li:first-child{width:253px} .module_corner.combine > ul > li:first-child h4{border-right:1px solid #e5e5e5} .module_corner.combine > ul > li.on h4{border-bottom:0} .module_corner.combine > ul > li.on h4 button{color:#222; background:#fff} .module_corner.combine > ul > li h4{border-bottom:1px solid #e5e5e5} .module_corner.combine > ul > li h4 button{display:block; width:252px; height:48px; padding:0 0 0 17px; font-size:16px; font-weight:bold; color:#a0a0a0; background:#f9f9f9} .module_corner.combine > ul > li > ul{display:none; width:480px; margin:15px 0 0 17px} .module_corner.combine > ul > li:first-child + li > ul{position:absolute; top:48px; left:-254px; width:480px} .module_corner.combine > ul > li.on > ul{display:block} .module_corner.combine > ul > li .more{display:none; position:absolute; top:18px; right:18px; padding-right:10px; font-weight:bold; color:#737b86; background:url('http://image.sbs.co.kr/sbs/news/bul_rarr.png') no-repeat right center} .module_corner.combine > ul > li.on .more{display:block} .module_end{font-size:16px} .module_end a{display:inline-block; margin:5px 7px; font-size:16px; line-height:1.3} .headline_box{position:relative; width:508px; height:312px; overflow:hidden} .headline_box a{display:block; position:absolute; left:20px; bottom:40px; max-width:468px; font-size:16px; font-weight:bold; color:#fff; line-height:1.2; z-index:1} .headline_box a strong{display:block; margin:2px 0 5px; font-size:28px; overflow:hidden} .headline_box a span{font-size:14px} .headline_box a + span{display:block; position:absolute; left:20px; bottom:20px; width:450px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:16px; font-weight:bold; color:#fff} .sports .headline_box a{bottom:50px} .sports .headline_box a + span{bottom:30px} .big .sports .headline_box a{bottom:40px} .big .sports .headline_box a + span{bottom:20px} div[class^='module_article']{width:100%} div[class^='module_article']:after{content:''; display:block; clear:both} div[class^='module_article'] > *{display:block} div[class^='module_article'] > div{float:left; margin:0 15px 15px 0} div[class^='module_article'].basic_module > div{margin:0} div[class^='module_article'] a{position:relative; width:100%; font-size:17px; font-weight:bold; line-height:1.2; color:#222} div[class^='module_article'] a.post_info{font-weight:normal} div[class^='module_article'] a span{position:absolute; top:0; left:0} div[class^='module_article'] a span .play{position:absolute; top:26px; left:59px} div[class^='module_article'] > span{font-family:Verdana, Dotum; font-size:11px; margin:5px 0; color:#959595} div[class^='module_article'].basic_module span{margin:0} .module_article_horizon .photo_div{width:150px; height:84px} .module_article_vertical .photo_div{width:96px; height:170px} .project_tit{position:relative; width:100%; margin:10px 0 !important} .project_tit p{font-size:16px; font-weight:bold; letter-spacing:-1px; color:#222} .project_tit a{position:absolute; bottom:0; right:0; padding:3px 5px; color:#fff; background:#a5abb7} .project_tit + p{padding:10px 0; border-top:1px solid #cfd5da; border-bottom:1px solid #cfd5da; line-height:1.5} .popul{margin-top:15px !important} .popul > img{margin-bottom:15px} .popul > div{height:62px; margin-bottom:15px} .popul > div:after{content:''; display:block; clear:both} .popul > div div{float:left; margin-right:15px} .popul > div *{display:block} .popul > div a{font-size:13px; font-weight:bold; line-height:1.3; color:#222} .popul > div span{font-family:Verdana, Dotum; font-size:11px; margin-top:8px; color:#959595} .list > div > div.article_box{margin:0} .list > div > div{padding:0; border-radius:0; background:none} .list > div > div.module_corner, .list > div > div.module_main_txt{padding:18px; background:#fff} .list > div > div.module_corner.combine{padding:0} .list > div > div.multi_column{width:auto; height:auto; border:0} .list > div > div > div{width:248px; height:208px; margin:0 40px 10px 0; padding:0; border-radius:0;} .list > div > div > div.app_info{width:auto; height:auto; margin:0} .list > div > div > div.module_detail{width:508px; height:auto; border:1px solid #e9e9e9; border-bottom:1px solid #c4c4c4; background:#fff} .list.special > div > div > div.headline_box{height:312px} .list.special > div > div > div.paging{width:auto; height:auto} .news .ad01{margin:0 10px 0 0 !important} .news .ad02{margin:0} .list .article_box{border:0; border-radius:0; background:none} /* 열린프로그램 검색결과 없음 */ .news_inner .search_msg{margin:20px 0 20px; color:#222; font-weight:bold; font-size:18px; letter-spacing:-.09em; padding:0;} .col .news_top_head{position:relative; width:auto; height:21px; margin:0 0 10px 0; border:0; z-index:1; background:none !important} .col .news_top_head:after{content:''; display:block; clear:both} .news_top_head > a{margin-right:15px; padding:0 0 0 15px; font-size:13px; font-weight:bold; color:#696a6a} .news_top_head .tv{background:url('http://image.sbs.co.kr/sbs/open_project_icon/icon_tv.png') no-repeat left center} .news_top_head .good{background:url('http://image.sbs.co.kr/sbs/open_project_icon/icon_good.png') no-repeat left center} .news_top_head .bad{background:url('http://image.sbs.co.kr/sbs/open_project_icon/icon_bed.png') no-repeat left center} .news_top_head .fixed{position:fixed; right:30px; top:13px; width:auto; height:25px; margin:0; border:0} .news_top_head .fixed div{position:relative} .news_top_head .fixed .search{width:250px} .news_top_head .fixed .search input{width:248px; height:23px; border:1px solid #d5d5d5} .news_top_head .fixed .search a{position:absolute; top:3px; right:5px} .news_top_head .fixed .select select{border:1px solid #d5d5d5; font-weight:normal; color:#222; background:#fff} .news_top_head .fixed_sub{position:absolute; right:40px; top:-7px; width:auto; height:25px; margin:0; border:0} .news_top_head .fixed_sub div{position:relative} .news_top_head .fixed_sub .search{width:250px} .news_top_head .fixed_sub .search input{width:248px; height:23px; border:1px solid #d5d5d5} .news_top_head .fixed_sub .search a{position:absolute; top:3px; right:5px} .news_top_head .fixed_sub select{position:absolute; top:0; left:-100px; width:90px; padding:3px 3px 4px; border:1px solid #ccc; font-weight:normal; color:#222; background:#fff} .fixed div{position:relative} .fixed .search{width:250px} .fixed .search input{width:248px; height:23px; border:1px solid #d5d5d5} .fixed .search a{position:absolute; top:3px; right:5px} .fixed .select select{border:1px solid #d5d5d5; font-weight:normal; color:#222; background:#fff} .news_top_head h3{float:left; margin-right:20px; font-size:14px; letter-spacing:-1px} .news_top_head .sel_div{float:left; /*width:88px;*/ height:auto; margin:2px 0 0; padding:0 5px 2px 0; font-weight:bold;} .news_top_head .sel_div a{margin-right:20px; letter-spacing:-1px; color:#6dacf9; z-index:10;position:relative; z-index:2;} .news_top_head .sel_div > a{padding-right:10px; background:url('http://image.sbs.co.kr/sbs/news/bg_darr.png') no-repeat right center;} .news_top_head .sel_div .sel_list{display:none} .news_top_head .app_info a{margin-right:20px; letter-spacing:-1px; font-weight:bold; color:#222; padding-right:10px;} .news_top_head .app_info a.on{color:#6dacf9; background:url('http://image.sbs.co.kr/sbs/news/bg_darr.png') no-repeat right center} .news_top_head .program_selbox{border:0; ; background:none} .news_top_head select{border:0; font-weight:bold; color:#6dacf9; background:none} .news_top_head .fixed .date{width:170px;} .news_top_head .fixed .date > a{font-weight:bold} .news_top_head .fixed .date span{margin:0 10px} .news_top_head .fixed .date span strong{margin-right:5px} .news_top_head .fixed .date span a{position:relative; top:-1px; margin-left:5px} .fixed .date{width:170px;} .fixed .date > a{font-weight:bold} .fixed .date span{margin:0 10px} .fixed .date span strong{margin-right:5px} .fixed .date span a{position:relative; top:-1px; margin-left:5px} .board .news_top_head .fixed select{position:absolute; top:0; left:-100px; width:90px; padding:3px 3px 4px; border:1px solid #ccc; font-weight:normal; color:#222; background:#fff} .list .list_head{position:relative; width:508px; height:607px; border:1px solid #e6e6e6; border-bottom:1px solid #b9b9b9; overflow:hidden; z-index:0} /*.list .list_head > img{position:absolute; top:50%; left:0; margin-top:-304px}*/ .list .list_head > img{position:absolute; top:0; left:0} .list.open .list_head > a{display:block; position:absolute; top:65%; left:50%; width:185px; height:29px; margin-left:-94px; padding:7px 0 0; border-radius:2px; box-shadow:2px 2px 2px 0px #459dcf; font-size:16px; font-weight:bold; text-align:center; color:#1f7bc8; background:#fff} .module_list{border:1px solid #e6e6e6; border-bottom:1px solid #d9d9d9; background:#fff} .module_list > div{float:none; margin:0} .module_list .img_area{position:relative; width:248px} .module_list .img_area > div{position:absolute} .module_list .img_area .photo{bottom:7px; left:7px} .module_list .img_area .photo a{margin-right:5px} .module_list .img_area .icon{bottom:9px; right:7px} .module_list .img_area .icon a{margin-left:10px} .module_list .text_area{position:relative; width:100%; height:68px} .module_list .text_area p{padding:10px 10px 0; line-height:1.3} .module_list .text_area p span{margin-right:10px; font-size:12px; color:#444} .module_list .text_area > span{position:absolute; bottom:10px; margin:0} .module_list .text_area .view{left:10px; padding-left:25px; line-height:1.1; background:url('http://image.sbs.co.kr/sbs/news/icon_view.png') no-repeat left center} .module_list .text_area .date{right:10px} .program .list_head div{position:absolute; bottom:20px; left:20px; width:468px; height:auto; margin:0; font-size:17px; line-height:1.5; color:#fff} .program .list_head div > h4{margin-bottom:30px; font-size:40px; font-weight:800; color:#fff} .program .list_head div > img{margin-bottom:30px} .program .list_head div strong{margin-right:10px; color:#6dabf8} .program .list_head div p span{margin:0 10px} .program .list_head div p a{margin:0 3px} .program .list_head div dl{width:100%} .program .list_head div dl:after{content:''; display:block; clear:both} .program .list_head div dl dt{float:left; width:70px; margin-right:10px; font-weight:bold; color:#6dabf8} .program .list_head div dl dt.two{width:auto; letter-spacing:31px} .program .list_head div dl dt.two + dd{position:relative; left:-26px} .program .list_head div dl dd span{margin-right:10px} .program .list_head div dl dd a{margin-right:5px} .program .list_head div dl dd a + span{margin-left:10px} .issue_tit{margin-right:20px} .list > div > div > div.module_newsplus_list{width:472px; height:172px; padding:18px; border:1px solid #e9e9e9; border-bottom:1px solid #c4c4c4; border-radius:2px; background:#fff} .list > div > div > div.module_newsplus_list > div:after{content:''; display:block; clear:both} .module_newsplus_list > div{float:none; position:relative; width:100%; height:172px; margin:0} .module_newsplus_list > div > div{float:none} .module_newsplus_list > div > a{display:block; position:relative; width:100%} .module_newsplus_list > div > a span{position:absolute; top:0; left:0} .module_newsplus_list > div > a span .play{position:absolute; top:26px; left:59px} .module_newsplus_list > div > a strong{display:block; width:100%; height:46px; margin-bottom:10px; font-size:17px; line-height:1.4; overflow:hidden} .module_newsplus_list > div > a + p{height:72px; overflow:hidden} .module_newsplus_list .photo_div{float:left; margin:0 15px 7px 0} .module_newsplus_list .horizon .photo_div{width:150px; height:84px} .module_newsplus_list .horizon .photo_div + a{*width:305px} .module_newsplus_list .horizon .photo_div + a span{*left:-163px} .module_newsplus_list .horizon .photo_div + a strong{width:305px} .module_newsplus_list .horizon .photo_div + a + p{width:100%; height:36px; overflow:hidden} .module_newsplus_list .vertical .photo_div{width:91px; height:137px} .module_newsplus_list .vertical .photo_div + a{*width:365px} .module_newsplus_list .vertical .photo_div + a span{*left:-105px} .module_newsplus_list .vertical .photo_div + a strong{width:365px} .module_newsplus_list .vertical .photo_div + a + p{height:72px; overflow:hidden} .module_newsplus_list .reporter{position:absolute; right:0; bottom:25px} .module_newsplus_list .post_inter{position:absolute; bottom:-18px; left:-18px; width:472px; padding:5px 18px; border-top:1px solid #d9d9d9; background:#f8f8f8} .module_newsplus_list .post_inter:after{content:''; display:block; clear:both} .module_newsplus_list .post_inter span{margin:0} .module_newsplus_list .post_inter .like_user{float:left} .module_newsplus_list .post_inter .like_user ul, .module_newsplus_list .post_inter .share_box ul{overflow:hidden} .module_newsplus_list .post_inter .like_user ul li, .module_newsplus_list .post_inter .share_box ul li{float:left; margin-right:3px} .module_newsplus_list .post_inter .share_box{float:right; margin-top:2px} .module_newsplus_list .post_inter .share_box ul li{margin-left:10px} .module_newsplus_list .post_inter .share_box ul li a{display:block; width:14px; height:14px} .module_newsplus_list .post_inter .share_box ul li a img {vertical-align:top;} .module_newsplus_list .post_inter .date{float:left; margin:2px 0 0 10px; color:#afafaf; font-family:Verdana, Dotum} .module_newsplus_list .paging{position:absolute; top:18px; right:18px} .module_newsplus_list .paging span{margin-right:10px} .module_newsplus_list .paging a img{border:1px solid #d1d6dc} .module_newsplus_list .paging span + a img{border-right:0} .list.special > div > div{background:#fff} .list.special > div > div.list_paging_nav{background:none} .list.special > div.select_list_paging > div.list_paging_info{background:none} .list.special > div > div.list_paging_info{background:#38393b} .list.special > div.col > div.module_column{background:#fff} .list.special > div.col > div{background:none} .list.special > div.col > div.module_headline, .list.special > div.col > div.module_main_txt, .list.special > div.col > div.module_corner{background:#fff} .list.special > div > div > div{margin:0} .list.special > div > div > div.module_newsplus_list{margin:0 40px 10px 0} .list.special .news_top_head > a{padding:0; margin:0 0 0 20px; font-size:12px; line-height:1.7; color:#6dacf9} /*.news .news_inner .share_box ul li:first-child a{display:block; width:14px; height:14px; background:left 2px no-repeat}*/ .news .news_inner .share_box ul li:first-child a img{position:relative; top:-1px} /*.news .news_inner .share_box ul li.share a{display:block; width:14px; height:14px; background:url('http://image.sbs.co.kr/sbs/common/bg_common.png') -28px 2px no-repeat}*/ .news_inner > div > div.radio_news_head{width:508px; height:428px; background:url('http://image.sbs.co.kr/sbs/news/img_radio_visual.png') no-repeat 0 0;} .news_inner > div > div.radio_news_head div{position:absolute; bottom:20px; left:20px; height:auto; margin:0; color:#fff} .news_inner > div > div.radio_news_head div p{font-size:16px} .news_inner > div > div.radio_news_head div p strong{display:block; font-size:24px; line-height:1} .news_inner > div > div.radio_news_head div dl{width:100%; margin:10px 0 0} .news_inner > div > div.radio_news_head div dl:after{content:''; display:block; clear:both} .news_inner > div > div.radio_news_head div dt{float:left; margin:0 10px 6px 0; padding-right:10px; border-right:1px solid #ccc; line-height:1} .news_inner > div > div.radio_news_head div dd{margin-bottom:6px; line-height:1} /* 프로그램 공통사용 */ .broadcast_status{display:inline-block; margin:0 0 0 8px; width:65px; height:28px; line-height:26px; text-align:center; color:#fff; background:url('http://image.sbs.co.kr/sbs/tv/main/bg_bc_status.png') 0 0 repeat} /* 정보모듈형 */ .news .drama_list_module{width:auto !important} .news .drama_list_module > ul{margin-left:0px} .news .drama_list_module li.drama_item{float:left; margin:0px 40px 0 0; width:360px} .drama_list_module > ul:after{display:block; content:""; clear:both} .drama_list_module li.drama_item .drama_post img{width:360px; height:202px} .drama_list_module a.drama_wrap{display:block} .drama_list_module .drama_title{display:block; margin:12px 0; font-size:16px; height:32px; overflow:hidden;} .drama_list_module a.drama_wrap:hover .drama_title{text-decoration:underline} .drama_list_module .drama_info{position:relative} .drama_list_module .broadcast_time{font-size:11px} .drama_list_module .broadcast_time span{margin:0 5px; color:#8f8f8f} .drama_list_module .like_wrap{position:absolute; top:-7px; right:0} .drama_list_module .like_wrap a{display:inline-block; margin:-2px 0 0; padding:6px; vertical-align:middle; color:#fff; background:#a5abb7} .drama_list_module .drama_summary{margin:12px 0 0; padding:5px 0 10px 0; border:solid #cfd5da; border-width:1px 0; height:47px; overflow:hidden; line-height:18px} .drama_list_module .drama_summary a {height:51px; overflow:hidden; display:block;} /* 인기콘텐츠 */ .drama_list_module h4.sub_title{margin:15px 0} .best_cont_list > li{position:relative; margin:11px 0; *zoom:1} .best_cont_list > li:after{display:block; content:""; clear:both} .best_cont_wrap{position:relative} .best_cont_wrap .post_list > li{display:none; height:100%} .best_cont_wrap .post_list > li.on{display:block} .best_cont_wrap .list_paging_wrap{position:absolute; right:0; top:-33px} .best_cont_list li .post_cate{position:absolute; top:0; left:123px; color:#6dabf8; font-size:13px; font-weight:normal} .best_cont_list .thumnail{float:left; position:relative; display:block} .best_cont_list .thumnail .thum{width:110px; height:62px; z-index:9999} .best_cont_list .thumnail .icon_play{position:absolute; top:20px; left:43px} .best_cont_list .post_title{float:right; margin:0; width:238px; height:35px; overflow:hidden; line-height:1.4; font-size:13px; font-weight:bold} .best_cont_list a:hover .post_title{text-decoration:underline} .best_cont_list li.banner img{border:1px solid #ddd} .cont_news > span{position:absolute; bottom:5px; left:123px; font-size:11px; font-family:Verdana, Dotum; color:#959595} .news .cont_list_paging{position:fixed; z-index:9999} .news .cont_list_paging .list_paging_info{width:auto; margin:0; line-height:1} .news .module_type_d ol li{margin-top:10px} .news .module_type_d ol li:nth-of-type(-n+3) span{background:#6dabf8} .news .module_type_d > ul{width:100%} .news .module_type_d > ul:after{content:''; display:block; clear:both} .news .module_type_d > ul > li{float:left; position:relative; width:50%} .news .module_type_d > ul > li h4 button{display:block; font-size:16px; font-weight:bold; letter-spacing:-1px; color:#7a7c80} .news .module_type_d > ul > li:first-child h4{border-right:1px solid #e5e5e5} .news .module_type_d > ul > li h4{border-bottom:1px solid #e5e5e5; background:#f9f9f9} .news .module_type_d > ul > li.on h4{border-bottom:0; background:#fff} .news .module_type_d > ul > li.on h4 button{color:#222} .news .module_type_d > ul > li .inside{display:none} .news .module_type_d > ul > li.on .inside{display:block} .news .module_type_d > ul > li .inside ol{width:212px} .news .module_type_d > ul > li .inside .list_paging_nav, .news .module_type_d > ul > li .inside .list_paging_info{bottom:-28px} .news .module_type_d > ul > li:first-child .inside .list_paging_nav{right:-106px} .news .module_type_d > ul > li:first-child .inside .list_paging_info{right:-61px} .news .module_type_d > ul > li:first-child + li .inside{position:absolute; left:-124px; top:46px} .mt36{margin-top:30px} .mr40{margin-right:40px !important} .sports .list_head img, .sports .module_headline.section .headline_box img{top:0; left:0; margin:0} .schedule_box{width:248px; height:208px; border-top:1px solid #f3f3f3; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:1px solid #c4c4c4; background:#fff} .schedule_box .top{position:relative; width:100%; height:40px; background:#97a3ac} .schedule_box .top span{display:block; padding-top:11px; text-align:center; font-size:12px; color:#f2f3f4} .schedule_box .top span a{margin-left:10px} .schedule_box .top > button{position:absolute; top:50%; margin-top:-6px} .schedule_box .top > button.prev{left:35px} .schedule_box .top > button.next{right:35px} .schedule_box .body{padding:18px} .schedule_box .body dl:first-child{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e5e5e5} .schedule_box .body dl dt{margin-bottom:3px} /*.script_box{overflow:hidden}*/ .script_box:after{content:''; display:block; clear:both} .script_box > ul{float:left} .module_script{width:508px; height:208px; margin:0 40px 10px 0; border:1px solid #e9e9e9; border-bottom:1px solid #c4c4c4; background:#fff} .module_script:after{content:''; display:block; clear:both} .module_script .photo{float:left; position:relative; width:248px} .module_script .photo span{position:absolute; top:0; left:0; padding:5px; font-size:11px; color:#fff; background:#6dabf8} .module_script .result{float:right; width:224px; height:172px; padding:18px} .module_script .result p{margin-bottom:10px; font-size:16px; font-weight:bold; color:#222} .module_script .result p strong{font-family:Verdana, Dotum} .module_script .result span{font-size:13px} .module_script .result span strong{margin-right:5px; color:#6dabf8} .module_script .result ul{margin-top:15px; padding-top:15px; border-top:1px solid #e5e5e5} .module_script .result ul li{margin-bottom:10px} .module_script .result ul li a{font-size:13px; font-weight:bold; color:#7a7c93; padding-right:10px; background:url('http://image.sbs.co.kr/sbs/news/bul_rarr.png') no-repeat right center} .news_inner.board .btn_board_info{padding-left:15px; color:#959595; background:url('http://image.sbs.co.kr/sbs/news/bg_exclamation.png') no-repeat left center} .news_inner.board .write_input{width:508px; height:auto; margin:0; padding:15px 0 0; background:#fff} .news_inner.board .write_input table th{width:100px; padding:8px 5px 8px 18px; text-align:left;} .news_inner.board .write_input table tr:first-child th + td + th{text-align:right; width:90px; padding:8px 10px 8px 0} .news_inner.board .write_input table tr:first-child th + td + th + td input{width:77%} @media screen and (-webkit-min-device-pixel-ratio:0) { .news_inner.board .write_input table tr:first-child th + td + th + td input{width:72%} } .news_inner.board .write_input table tr:first-child th + td + th + td input, x:-moz-any-link, x:default {width:73%} .news_inner.board .write_input table td{padding:3px 0;text-align:left;border-bottom:none;} .news_inner.board .write_input table td input{width:75%; border:1px solid #c7c9ce; padding:5px 10px} .news_inner.board .write_input table td input.w48{width:48px} .news_inner.board .write_input table td input.w90{width:90%} .news_inner.board .write_input table td div.textarea{width:90%; height:100px; padding:5px 10px; border:1px solid #c7c9ce;} .news_inner.board .write_input table td input#video{margin-bottom:3px} .news_inner.board .write_input table td input#video + span{display:block} .news_inner.board .write_input table td.file_add div{position:relative; width:100%} .news_inner.board .write_input table td.file_add div span{color:#969aa1} .news_inner.board .write_input table td.file_add div .mb{position:absolute; bottom:0px; right:18px} .news_inner.board .write_input table td.file_add div .mb strong{margin-right:5px; color:#222} .news_inner.board .write_input table td.agree_td div{position:relative; width:344; padding:15px 145px 15px 18px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#f9f9f9} .news_inner.board .write_input table td.agree_td div span{position:absolute; bottom:15px; right:18px} .news_inner.board .write_input table td.agree_td div span input{width:auto; margin-right:5px; border:0} .news_inner.board .write_input table td.btn_td{padding:20px; text-align:center} .news_inner.board .write_input table td.btn_td a{padding:10px 45px; font-weight:bold; color:#fff; background:#999fa6} .news_inner.board .write_input table td.btn_td a:first-child{background:#6dabf8} .news_inner.board .btn_rss{padding-left:15px; color:#959595; background:url('http://image.sbs.co.kr/sbs/news/bg_rss.png') no-repeat left center} .news_inner.board .btn_write{padding-left:15px; color:#959595; background:url('http://image.sbs.co.kr/sbs/news/bg_pencil.png') no-repeat left center} .module_box > *{float:left} .module_box .module_notice{width:358px; margin:0 10px 10px 0; *margin:0 10px 5px 0; border:1px solid #e9e9e9; border-bottom:1px solid #c4c4c4; font-size:13px; background:#fff} .module_box .module_notice .top{width:328px; padding:12px 15px; *padding:11px 15px} .module_box .module_notice .top span{float:left} .module_box .module_notice .top .image{float:right} .module_box .module_notice p{padding:0 15px 15px; font-weight:bold;} .module_box .module_notice p a{color:#444; height:40px; overflow:hidden; display:block;} .module_box .module_notice .foot{width:328px; padding:12px 15px; border-top:1px solid #d9d9d9; font-family:Verdana, Dotum; font-size:11px; color:#767676; background:#f8f8f8} .module_box .module_notice .foot .view{float:left; padding-left:25px; background:url('http://image.sbs.co.kr/sbs/news/icon_view.png') no-repeat left center} .module_box .module_notice .foot .date{float:right} .module_detail .top{border-bottom:1px solid #e9e9e9} .module_detail .top div{width:478px; padding:15px} .module_detail .top div .left{float:left} .module_detail .top div .right{float:right} .module_detail .top div .right > a{margin-right:10px} .module_detail .top strong.head{display:block; padding:0 15px 15px; font-size:15px; font-weight:bold} .module_detail .con{height:307px; overflow-y:scroll} .module_detail .con > div{margin:15px} .module_detail .foot{position:relative; width:100%; height:33px; border-top:1px solid #e9e9e9; text-align:right; background:#f8f8f8} .module_detail .foot .view, .module_detail .foot .date{position:absolute; top:50%; margin-top:-10px; font-size:11px; color:#767676; font-family:Verdana, Dotum} .module_detail .foot .view{left:15px; padding-left:20px; background:url('http://image.sbs.co.kr/sbs/news/icon_view.png') no-repeat left center} .module_detail .foot .date{right:147px} .module_detail .foot .btns a{position:relative; top:6px; padding:9px 20px; font-size:14px; font-weight:bold; color:#fff; background:#727a85} @media screen and (-webkit-min-device-pixel-ratio:0) { .module_detail .foot .btns a{padding:9px 20px 10px} } .module_detail .foot .btns a:first-child{border-right:1px solid #545a63} .module_detail.write .top{margin:15px; padding:0 0 15px; border-bottom:1px dashed #e9e9e9} .module_detail.write .top .blue{font-size:14px; font-weight:normal; letter-spacing:-1px} .module_detail.write .top ul li{margin-top:5px; padding-left:5px; letter-spacing:-1px; line-height:1.4; background:url('http://image.sbs.co.kr/sbs/news/bul_dot.png') no-repeat left 7px} .module_detail.write table{width:475px; margin:0 15px 15px} .module_detail.write table th{width:80px; text-align:left} .module_detail.write table th label{margin-right:10px} .module_detail.write table td{padding:5px 0} .module_detail.write table tr:first-child td input{width:35%} .module_detail.write table td textarea, .module_detail.write table td input{width:90%; padding:5px 5%; border:1px solid #c7c9ce} .module_detail.write table td textarea{height:100px} /* .module_detail.write table td.btns{height:32px; padding:10px 0; text-align:center} .module_detail.write table td.btns a{padding:10px 30px; font-weight:bold; color:#fff; background:#6dabf8} .module_detail.write table td.btns a:first-child + a{background:#999fa6} .module_detail.write table td.btns a:first-child + a + a{padding:9px 29px; border:1px solid #6dabf8; color:#6dabf8; background:#fff} */ .module_detail.write .btns_wrap{height:32px; padding:10px 0; text-align:center} .module_detail.write .btns_wrap a{padding:10px 30px; font-weight:bold; color:#fff; background:#6dabf8} .module_detail.write .btns_wrap a:first-child + a{background:#999fa6} .module_detail.write .btns_wrap a:first-child + a + a{padding:9px 29px; border:1px solid #6dabf8; color:#6dabf8; background:#fff} .module_inform ul{width:100%} .module_inform ul li{float:left; position:relative; width:79px} .module_inform ul li button{width:80px; height:30px; border:1px solid #8892a0; text-align:center; font-weight:bold; color:#8892a0} .module_inform ul li.on button{color:#fff; background:#8892a0} .module_inform ul li .tab_con{display:none; position:relative; width:472px; height:335px; margin-top:20px} .module_inform ul li.on .tab_con{display:block} .module_inform ul li .tab_con p{margin-bottom:5px; font-weight:bold} .module_inform ul li .tab_con .rule{height:45px; margin-bottom:5px; padding:15px; overflow-y:scroll; background:#f6f6f7} .module_inform ul li .tab_con .refer{margin-bottom:20px} .module_inform ul li .tab_con .refer span{margin-left:20px} .module_inform ul li .tab_con .refer span input{position:relative; top:-2px} .module_inform ul li .tab_con .refer span label{margin-right:10px} .module_inform ul li:first-child + li .tab_con{left:-79px} .module_inform ul li:first-child + li + li .tab_con{left:-158px} .module_inform ul li:first-child + li + li + li .tab_con{left:-237px} .module_inform ul li:first-child + li + li + li + li .tab_con{left:-316px} .module_inform ul li:first-child + li + li + li + li + li .tab_con{left:-395px} .module_inform .btns{height:25px; padding-top:20px; text-align:center} .module_inform .btns a{*position:relative; *top:-10px; padding:10px 30px; font-weight:bold; color:#fff; background:#999fa6} .module_inform .btns a:first-child{padding:9px 29px; border:1px solid #6dabf8; color:#6dabf8; background:#fff} .module_inform .btns a:first-child + a{background:#6dabf8} .module_inform h5{font-size:24px; font-weight:bold} .module_inform .tbl_data th.address{vertical-align:top; padding:5px 0 0 0} .module_inform .tbl_data td.address input{margin:0 0 7px 0} .news_app .list_head{height:428px} .news_app .os_btns{width:100%; margin-bottom:10px} .news_app .os_btns li{float:left; width:166px; margin-left:6px} .news_app .os_btns li:first-child{margin:0} .news_app .os_btns li a{display:block; width:90%; padding:10px 0 10px 10%; font-weight:bold; font-size:16px; color:#fff; background:url('http://image.sbs.co.kr/sbs/news/bg_os_btn.png') no-repeat 90% center #6dabf8} .module_app{position:relative; width:508px; height:428px; margin:0 40px 10px 0; border:1px solid #e9e9e9; border-bottom:1px solid #c4c4c4; background:#fff} .module_app .inner{margin:30px} .module_app .inner > img{margin-bottom:30px} .module_app .inner > p{margin-bottom:20px; color:#7a7c80} .module_app .inner .con{position:absolute; bottom:20px; left:0; width:100%; text-align:center} .module_app .inner .down_info li{margin-bottom:20px; font-weight:bold} .module_app .apps_down_info strong{font-size:13px; color:#222} .module_app .apps_down_info div{height:82px; width:453px; margin:0 0 10px 0; background:url('http://image.sbs.co.kr/sbs/news/img_apps_down01.jpg') no-repeat; font:0/0 arial; text-indent:-99999px; overflow:hidden} .module_app .apps_down_info .img_android{background-position:0 -110px} .module_app .apps_down_info .img_tstore{background-position:0 -218px} .module_app .apps_down li{margin:0 0 43px 0} .module_app .apps_down li img{margin:0 26px 0 0} .module_app .apps_down li a{margin:0 5px 0 0} .module_app .setup_widget{position:relative; width:100%} .module_app .setup_widget li{display:none; text-align:center} .module_app .setup_widget li.on{display:block} .module_app .setup_widget li p{color:#7a7c80} .module_app .setup_widget > button{position:absolute; top:109px; width:15px; height:37px; background:url('http://image.sbs.co.kr/sbs/news/set_pagind_widget.gif') no-repeat; font:0/0 arial; text-indent:-99999px; overflow:hidden} .module_app .setup_widget .prev{left:0; background-position:0 0} .module_app .setup_widget .next{right:0; background-position:-65px 0} .module_app .setup_widget .paging{position:absolute; top:-50px; right:0} .module_app .setup_widget .paging button img{border:1px solid #ccc} .module_app .setup_widget .paging span{margin-right:5px} .module_app .setup_widget .paging span + button img{border-right:0} .tab_con.app_report p.head{font-size:24px; font-weight:normal} .tab_con.app_report strong.blue{font-size:16px} .tab_con.app_report strong.blue + p{font-weight:normal} .tab_con.app_report strong.blue + p span{margin-left:10px; color:#b8b9bb} .tab_con.app_report strong.blue + p + span{color:#b8b9bb} .tab_con.app_report strong.blue + p + span strong{margin-right:10px; padding-left:5px; color:#222; background:url('http://image.sbs.co.kr/sbs/news/bul_dot.png') no-repeat left 5px} .tab_con.app_report strong.blue + p + ul{width:100%} .tab_con.app_report strong.blue + p + ul li{width:100%; padding-left:5px; color:#7a7c80; background:url('http://image.sbs.co.kr/sbs/news/bul_dot.png') no-repeat left 7px} .tab_con.app_report .img_div{text-align:center; margin-top:10px} .tab_con.app_report .img_div.webhard{margin:20px 0} .tab_con.app_report .img_div.webhard > *{margin:0 10px} .tab_con.app_report .img_div.webhard span{font-size:16px; font-weight:bold} .tab_con.app_report .img_div.webhard span i{font-style:normal; color:#999} .tab_con.app_report .go{position:absolute; top:0; right:0; padding-right:5px; font-weight:bold; color:#8abcf9; background:url('http://image.sbs.co.kr/sbs/news/bg_blue_rarr.png') no-repeat right center} .news_inner.bg_white{background:url('http://image.sbs.co.kr/sbs/news/bg_white.png') repeat-y left top} #container.white_all{background:#fff} .news_inner.white_all{background:#fff} .ml40{margin-left:40px !important} /* footer */ .news_inner #footer{margin-top:-30px; letter-spacing:0} .news_inner #footer div[class*='foot_select_']{height:auto; padding:0; border:0} .news_inner #footer div[class*='foot_select_'] .btn_toggle{background:url('http://image.sbs.co.kr/sbs/common/bg_arrow_up.gif') 115px 7px no-repeat #737b88} .news_inner #footer .address_group_box{width:auto; margin:22px 0 0; padding:25px 27px 0; border:0; border-top:1px solid #888f9a; background:none} .news_inner #footer .address_group_box .address{line-height:1; letter-spacing:-1px} .news_inner #footer .address_group_box .address > dt{letter-spacing:0} .news .module_forums_a.box{width:248px} .news .module_forums_a.box .post_inter{width:238px} .slarea > ul > li .sl_con > div div, .module_app .inner .con:after, .news_app .os_btns:after, .module_inform ul:after, .module_detail .top div:after, .module_box:after, .module_box .module_notice .top:after, .module_box .module_notice .foot:after{content:''; display:block; clear:both} /* resize ------------------------------------------ */ /* 높이 < 810px */ #wrap.small div.module{height:220px} #wrap.small .drama_list_image .drama_post img{width:100%; height:auto} /* 810px =< 높이 < 1006px */ #wrap.normal div.module{height:450px} #wrap.normal .drama_list_image .drama_post img{width:auto; height:775px} /* 높이 >= 1006px */ #wrap.big div.module{height:680px} #wrap.big .drama_list_image .drama_post img{width:auto; height:971px} .news .multi_column:after{display:block; content:""; clear:both} .news .multi_column .column_list{float:left; margin:0 10px 10px 0} .news .multi_column .column_list .column_cell{margin:10px 0 0} .news .multi_column .column_list .column_cell:first-child{margin:0} .news .big .sports .multi_column .column_list{position:relative; width:250px} .news .big .sports .multi_column .column_list .duck{position:absolute; bottom:0px; right:-260px} .news .multi_column .column_list .module_forums_a .post_cont.full .cont a strong{display:block; height:21px; overflow:hidden} .news ul.multi_column_wrap > li{display:none} .news ul.multi_column_wrap > li.on{display:block} .big .col_end, .big .article_box{height:950px} .big .project .overbox{height:920px} .big .program .list_head div{bottom:40px} .big .news_inner > div > div.module_headline{height:428px} .big .module_headline .type_n{display:block} .big .slarea{height:430px;} .big .slarea > ul{width:130px; height:312px; padding-left:378px; position:relative;} .big .slarea > ul > li{width:130px; height:78px} .big .slarea > ul > li .thum{width:130px; height:78px} .big .slarea > ul > li .thum img{width:130px; height:78px} .big .slarea > ul > li .thum button{width:130px; height:78px; border:5px solid #6dabf8} .big .slarea > ul > li:hover .thum button{display:block; border:0} .big .slarea > ul > li.on:hover .thum button{border:5px solid #6dabf8} .big .slarea > ul > li .sl_con > div{width:378px; height:312px} .big .slarea > ul > li .sl_con > div > a{bottom:40px} .big .slarea > ul > li .sl_con > div > a + span{bottom:20px} .big .slarea > ul > li .sl_con > div > a strong{height:auto} .big .slarea > ul > li .sl_con{ height:312px} .normal .col_end, .normal .article_box{height:700px} .normal .headline_box a strong{height:29px; font-size:24px; *cursor:pointer} .normal .module_headline.section p{display:none} .normal .module_headline.section, .normal .module_headline.section .headline_box{height:208px} .normal .list .list_head{height:428px} .normal .list.open .list_head > a{top:75%} .normal .project .overbox{height:690px} .small .col_end, .small .article_box{height:450px} .small .headline_box a strong{height:29px; font-size:24px} .small .module_headline.section p{display:none} .small .module_headline.section, .small .module_headline.section .headline_box{height:208px} .small .list .list_head{height:428px} .small .list.open .list_head > a{top:75%} .small .project .overbox{height:450px} /* 2014-02-14 */ .col > .fixed{position:absolute; top:2px; width:auto; height:auto; margin:0; padding:0; border:0; z-index:10} /*.col > .fixed{position:absolute; top:-5px; right:40px; width:auto; height:auto; margin:0; padding:0; border:0}*/ .col.mt36 > .fixed{top:-35px} .col > .fixed div{width:auto; height:auto; margin:0} .col > .fixed .search{width:250px} .col > .fixed .search input{width:248px; height:23px; border:1px solid #d5d5d5} .col > .fixed .search a{position:absolute; top:3px; right:5px} .col > .fixed .select select{border:1px solid #d5d5d5; font-weight:normal; color:#222; background:#fff} .thumnail .play{position:absolute; top:13px; left:40px} .drama_list_module li.drama_item .drama_post img.play {position:absolute; top:86px; left:159px; width:32px; height:32px;} .module_newsplus_list > div.vertical > a span .play {position:absolute; top:48px; left:30px;} /*6.4지방선거추가*/ .news .inner .drama_list_image .drama_item h3 {position:absolute; top:56px; left:30px; font-size:16px; font-weight:normal;} .election .module_type_b {position:absolute; top:-220px;left:0; width:508px; height:208px;background:#fff !important;} .election .module_type_b .flag.blue {background:#6fadf8; color:#fff !important;} .election .module_type_b a {display:block; height:57px;} .election .module_type_b a .post_title {height:40px; line-height:20px; white-space:normal;} .election .mt_top {margin-top:250px;} .election .module_type_b .more {position:absolute; bottom:18px; right:18px; height:auto; padding-right:10px; font-weight:bold; color:#737b86; background:url('http://image.sbs.co.kr/sbs/news/bul_rarr.png') no-repeat right center} .election .post_list li ol.dot li{padding-left:8px; background:url('http://image.sbs.co.kr/sbs/news/bul_dot.png') no-repeat left 6px;} .election .module_type_d .more {position:absolute; bottom:18px; right:18px; height:auto; padding-right:10px; font-weight:bold; color:#737b86; background:url('http://image.sbs.co.kr/sbs/news/bul_rarr.png') no-repeat right center} .election .post_list li ol {margin-top:-8px; *margin-top:-1px;} .election .small .mt_top {margin-top:250px;} .election .small .module_type_d .more {} .election .small .module_type_d li ol {margin-top:10px;} .election .list_head {position:relative;} .election .list_head .main_bnr {position:absolute; top:350px; width:500px} .election .list_head .main_bnr a {float:left; width:150px;text-align:center; margin-left:10px;font-size:14px;} .election .list_head .main_bnr a:first-child {margin-left:0} .election .list_head .main_bnr.btn1 {left:140px;} .election .list_head .main_bnr.btn2 {left:36px;top:385px} .election .list_head .main_bnr.btn3 {left:194px;top:385px} .election .list_head .main_bnr.btn2 .election_btn1 {width:183px;height:20px;background:url('http://image.sbs.co.kr/sbs/news/img_btnelection.png') no-repeat 0 0;} .election .list_head .main_bnr.btn2 .election_btn2 {margin-left:92px;width:125px;height:20px;background:url('http://image.sbs.co.kr/sbs/news/img_btnelection.png') no-repeat -183px 0;} .election .list_head .main_bnr.btn3 .election_btn3 {width:134px;height:20px;background:url('http://image.sbs.co.kr/sbs/news/img_btnelection.png') no-repeat -309px 0;} .election .list_head .main_bnr.btn2 .election_btn1:hover, .election .list_head .main_bnr.btn2 .election_btn2:hover, .election .list_head .main_bnr.btn3 .election_btn3:hover {border-bottom:1px solid #37444e;} .election .news_top_head .ad_daum {position:absolute;top:46px; left:-3px;display:block;} .election .module_type_b .post_cont{overflow:hidden;margin-top:10px; padding:8px 0; border-top:1px solid #e5e5e5; color:#404040; line-height:18px;height:65px; } .election .e_dday {position:absolute; top:281px; left:140px;} .election .e_dday .img {float:left; margin-right:7px;} .election .e_dday .dday_wrap {float:left;padding-top:23px;} .election .e_dday .dday_wrap>span {float:left; display:inline-block;height:37px;width:25px;background-image:url('http://image.sbs.co.kr/sbs/news/election_num.png');} .election .e_dday .dday_wrap .ir {position:relative; z-index:-1;} .election .e_dday .dday_wrap .dday {background-position:0 -370px; width:51px; margin-right:4px;} .election .e_dday .dday_wrap .d0 {background-position:0 0;} .election .e_dday .dday_wrap .d1 {background-position:0 -37px;} .election .e_dday .dday_wrap .d2 {background-position:0 -74px;} .election .e_dday .dday_wrap .d3 {background-position:0 -111px;} .election .e_dday .dday_wrap .d4 {background-position:0 -148px;} .election .e_dday .dday_wrap .d5 {background-position:0 -185px;} .election .e_dday .dday_wrap .d6 {background-position:0 -222px;} .election .e_dday .dday_wrap .d7 {background-position:0 -259px;} .election .e_dday .dday_wrap .d8 {background-position:0 -296px;} .election .e_dday .dday_wrap .d9 {background-position:0 -333px;} .election .e_dday .dday_wrap .electionday {width:100px;margin-left:8px;background-position:0 -410px;} .election .e_dday .dday_wrap .electionday_end {width:136px;height:38px;margin-left:8px;background-position:0 -447px;} .election .bnr_election {width:508px; height:208px;} .election .bnr_election img {width:508px; height:208px;} /*열린게시판 배너추가*/ .news_inner > div.issue_bnr {display:block; height:100%; width: 300px; float:left;margin: -30px 40px 0 -40px;overflow:hidden;} .normal .news_inner > div.issue_bnr {height:760px;} .small .news_inner > div.issue_bnr {height:522px;} .news .family_inner .family {letter-spacing:0;} /* 열린 프로젝트 추가 140502 */ .open_write {} .open_step1 {padding:0 0 12px 17px;font-size:24px;font-weight:normal;} .open_txt {overflow:hidden;margin:0 19px;border-bottom:1px solid #e9e9e9;} .open_txt strong {display:block;float:left;line-height:40px;} .open_snslogin {float:right;margin-top:4px;} .open_snslogin h5 {display:block;float:left;margin-right:5px;font-size:12px;line-height:30px;} .snslist {float:right;} .snslist li {float:left;width:30px;height:28px;margin-left:5px;border:1px solid #c7c9ce;} .snslist li a {display:block;height:28px;background:url('http://image.sbs.co.kr/sbs/news/img_open_snslist.gif') no-repeat;} .snslist li.snslist_sbs a {background-position:0 -26px;} .snslist li.snslist_twitter a {background-position:-28px -26px;} .snslist li.snslist_facebook a {background-position:-56px -26px;} .snslist li.snslist_sbs.on a {background-position:0 0;} .snslist li.snslist_twitter.on a {background-position:-28px 0;} .snslist li.snslist_facebook.on a {background-position:-56px 0;} .open_write table {margin-top:10px;} .open_write table tr .agree_td {padding-top:93px !important;} .open_write table tr>.btn_td {padding:24px 0 28px !important;} .open_write table td .w109 {width:109px !important;} .open_write select.w90 {width:96%;background:#fbfbfb;} .open_write .textarea {width:331px;height:77px !important;padding:5px 10px;border:1px solid #c7c9ce;} .open_write .nbbs_img_list {text-align:right !important;} .open_write .nbbs_img {width:368px;height:43px;overflow:hidden;} .open_write .nbbs_img li {float:left;margin-left:6px;position:relative;} .open_write .nbbs_img li:first-child {margin-left:0;} .open_write .nbbs_img li span {position:absolute;top:0;right:0} .open_write .nbbs_img li a{float:left} .open_write .nbbs_img li > img{width:43px; height:43px} .open_write .bottom_text {color:#7a7c80;float:right;margin:5px 10px 0 0;font-family: Verdana;} .open_write .bottom_text span {color:#404040;font-weight:bold} .open_write .input_add {width:247px !important;} .input_add_txt {display:block;margin-top:5px;color:#85878a;} .open_write .btn_type_m{width:86px !important;;margin:0 0 0 -4px; padding:0 3px; border:1px solid #c7cacf !important; height:26px; line-height:18px; letter-spacing:-.09em; text-align:center; color:#7a7c80; font-size:11px; background-color:#f0f0f0; +padding:0} .open_step2 {padding-left:17px;font-size:24px;font-weight:normal;} .write_next {padding:9px 40px 9px 26px !important;background:#6dabf8 url('http://image.sbs.co.kr/sbs/news/btn_prev_white.png') no-repeat 74px 8px !important;} .write_prev {padding:9px 26px 9px 40px !important;margin-left:57px;color:#6dabf8 !important;border:1px solid #6dabf8;background:#fff url('http://image.sbs.co.kr/sbs/news/btn_prev_blue.png') no-repeat 16px 8px !important;} .write_submit {padding:10px 34px !important;margin-left:4px;background-color:#6dabf8 !important;color:#fff !important;} /* 메인 투데이영역 탭 4개 일 때 */ .today.today_t4 > ul > li, .today.today_t4 > ul > li:first-child + li + li {width:126px; margin-right:1px;} .today.today_t4 > ul > li:first-child + li + li + li {width:127px; margin-right:0;} /* 뉴스토리 배너 추가 : 20140707 */ .snm_bnr_newstory {clear:both; display:block; margin-top:10px; font-size:0; text-align:center;} .dh775 .snm_bnr_newstory, .dh675 .snm_bnr_newstory, .dh625 .snm_bnr_newstory {display:none;} /* 730 재보궐선거 티커 추가 : 20140715 안정희 */ .mask {position:absolute;top:0;left:0;border:1px solid #000;opacity:0.1;filter:alpha(opacity=10);z-index:250} .nmtk_byelection {width:365px;margin-right:40px; border:1px solid #e5e5e5; border-bottom:1px solid #c4c4c4;background:#fff !important;border-radius:2px;line-height:1.5;} .nmtk_bye_tit {height:127px;background:url('http://image.sbs.co.kr/sbs/news/nmtk_bye_tit.jpg') no-repeat;} .nmtk_bye_area_w {width:auto !important; height:497px !important; padding:23px 26px 0 !important; margin:0 !important;background:none !important;border:none !important;} .nmtk_bye_info {margin-bottom:16px;text-align:center;} .nmtk_byeinfo_tit {margin-bottom:12px;font-size:18px;font-weight:normal;color:#3c3d41;} .nmtk_byeinfo_tit strong {display:block;margin-bottom:2px;font-size:24px;color:#005a89;} .nmtk_byeinfo_txt {font-size:16px;color:#666;} .nmtk_icon_bar {display:inline-block;position:relative;top:-2px;width:27px;font-size:12px;color:#cbcbcb;} .nmtk_bye_candidate_list {background:url('http://image.sbs.co.kr/sbs/news/bg_nmtk_bye_vs.gif') no-repeat 50% 86%;} .nmtk_bye_candidate_list:after, .nmtk_bye_paging:after {content:""; display:block; clear:both;} .nmtk_bye_candidate_list li {float:right;} .nmtk_bye_candidate_list li:first-child {float:left;} .nmtk_bye_clist_img {position:relative;} .mtk_bye_iconwin {display:block;position:absolute;top:-20px;left:-20px;z-index:255;width:61px;height:60px;background-image:url('http://image.sbs.co.kr/sbs/news/nmtk_bye_icon_win.png');} .nmtk_bye_clist_img img {width:136px;height:152px;} .nmtk_bye_clist_img .mask {width:134px;height:150px;} .nmtk_bye_clist_party {position:absolute;bottom:0;left:0;height:33px;padding:0 10px;background:#139394;color:#fff;font-size:14px;line-height:33px;} .win .mask {width:128px;height:144px;border:4px solid #ff8f00;opacity:1;filter:alpha(opacity=100);} .party01 .nmtk_bye_clist_party {background:#BE2128;} .party02 .nmtk_bye_clist_party {background:#0083CB;} .party03 .nmtk_bye_clist_party {background:#6F2586;} .party04 .nmtk_bye_clist_party {background:#EB8B03;} .party98 .nmtk_bye_clist_party {background:#4D4D4D;} .nmtk_bye_clist_info {margin-top:9px;text-align:center;} .nmtk_bye_clist_pname {display:block;margin-bottom:4px;font-size:14px;color:#3c3d41;} .nmtk_bye_clist_pname>strong {position:relative;top:3px;font-size:28px;} .nmtk_bye_clist_percent {display:block;margin-bottom:1px;font-size:30px;color:#979797;} .nmtk_bye_candidate_list li:first-child .nmtk_bye_clist_percent {color:#139394;} .nmtk_bye_candidate_list li:first-child.party01 .nmtk_bye_clist_percent {color:#BE2128;} .nmtk_bye_candidate_list li:first-child.party02 .nmtk_bye_clist_percent {color:#0083CB;} .nmtk_bye_candidate_list li:first-child.party03 .nmtk_bye_clist_percent {color:#6F2586;} .nmtk_bye_candidate_list li:first-child.party04 .nmtk_bye_clist_percent {color:#EB8B03;} .nmtk_bye_candidate_list li:first-child.party98 .nmtk_bye_clist_percent {color:#4D4D4D;} .nmtk_bye_clist_count {font-size:14px;color:#979797;} .nmtk_bye_paging {width:365px;margin:30px 0 0 -26px;} .nmtk_bye_paging_num, .nmtk_bye_paging_btn {display:inline-block;} .nmtk_bye_paging_num {font-size:12px;color:#979797;} .nmtk_bye_paging_num>strong {color:#626366;} .nmtk_bye_paging_inner {padding-right:10px;text-align:right;} .nmtk_bye_paging button {width:56px;height:22px;margin-left:8px;background-image:url('http://image.sbs.co.kr/sbs/news/bg_nmtk_pagingbtn.gif');} .nmtk_bye_pbtn_play {background-position:0 0;} .nmtk_bye_pbtn_stop {background-position:-56px 0;} .nmtk_bye_pbtn_play:hover, .nmtk_bye_pbtn_play:focus {background-position:0 -22px;} .nmtk_bye_pbtn_stop:hover, .nmtk_bye_pbtn_stop:focus {background-position:-56px -22px;} .nmtk_bye_area_btn {height:24px;padding:10px 0 10px 20px;margin-top:10px;background:#f3f4f4;} /* 재보궐선거 */ .dh2000 .nmtk_bye_area_w {height:659px !important;} .dh2000 .nmtk_byeinfo_tit {margin-bottom:32px;} .dh2000 .nmtk_byeinfo_tit strong {margin-bottom:12px;} .dh2000 .nmtk_bye_clist_info {margin-top:29px;} .dh2000 .nmtk_bye_clist_pname {margin-bottom:14px;} .dh2000 .nmtk_bye_clist_percent {margin-bottom:11px;} .dh2000 .nmtk_bye_paging {margin-top:30px;} .dh2000 .nmtk_bye_area_btn {margin-top:102px;} .dh975 .nmtk_bye_area_w {height:578px !important;} .dh975 .nmtk_byeinfo_tit {margin-bottom:14px;} .dh975 .nmtk_byeinfo_tit strong {margin-bottom:12px;} .dh975 .nmtk_bye_clist_info {margin-top:29px;} .dh975 .nmtk_bye_clist_pname {margin-bottom:14px;} .dh975 .nmtk_bye_clist_percent {margin-bottom:11px;} .dh975 .nmtk_bye_paging {margin-top:27px;} .dh975 .nmtk_bye_area_btn {margin-top:42px;} .dh875 .nmtk_bye_area_w {height:498px !important;} .dh875 .nmtk_byeinfo_tit {margin-bottom:6px;} .dh875 .nmtk_byeinfo_tit strong {margin-bottom:2px;} .dh875 .nmtk_bye_clist_info {margin-top:6px;} .dh875 .nmtk_bye_clist_pname {margin-bottom:1px;} .dh875 .nmtk_bye_clist_percent {margin-bottom:1px;} .dh875 .nmtk_bye_paging {margin-top:11px;} .dh875 .nmtk_bye_area_btn {margin-top:42px;} .dh775 .nmtk_bye_tit {height:82px; background-position:left -16px;} .dh775 .nmtk_bye_area_w {height:454px !important; padding-top:13px;} .dh775 .nmtk_byeinfo_tit {margin-bottom:1px; font-size:16px}; .dh775 .nmtk_byeinfo_tit strong {margin-bottom:1px; font-size:20px;} .dh775 .nmtk_bye_info {margin-bottom:8px;} .dh775 .nmtk_bye_clist_info {margin-top:1px;} .dh775 .nmtk_bye_clist_pname {margin-bottom:1px;} .dh775 .nmtk_bye_clist_pname>strong {font-size:23px;} .dh775 .nmtk_bye_clist_percent {margin-bottom:1px; font-size:23px;} .dh775 .nmtk_bye_paging {margin-top:21px;} .dh775 .nmtk_bye_area_btn {margin-top:27px;} .ie7.dh775 .nmtk_bye_area_btn {margin-top:33px;} .dh675 .nmtk_bye_tit {height:82px; background-position:left -16px;} .dh675 .nmtk_bye_area_w {height:391px !important; padding-top:5px !important;} .dh675 .nmtk_byeinfo_tit {margin-bottom:1px; font-size:13px;} .dh675 .nmtk_byeinfo_tit strong {margin-bottom:1px; font-size:17px;} .dh675 .nmtk_byeinfo_txt {font-size:13px;} .dh675 .nmtk_bye_info {margin-bottom:11px;} .dh675 .nmtk_bye_clist_info {margin-top:1px;} .dh675 .nmtk_bye_clist_pname {margin-bottom:1px;} .dh675 .nmtk_bye_clist_pname>strong {font-size:20px; line-height:normal;} .dh675 .nmtk_bye_clist_percent {margin-bottom:1px; font-size:20px; line-height:normal;} .dh675 .nmtk_bye_paging {margin-top:11px;} .dh675 .nmtk_bye_area_btn {margin-top:11px;} .ie7.dh675 .nmtk_bye_area_btn {margin-top:9px;} /* 세월호 100일 추모 티커 */ .nmtk_sewol {width:365px;margin-right:40px;background:#ebeded url('http://image.sbs.co.kr/sbs/news/nmtk_sewol_bg.jpg') no-repeat center bottom !important;border:1px solid #e9e9e9;} .nmtk_sw_tit {height:81px;background:#565654 url('http://image.sbs.co.kr/sbs/news/nmtk_sewol_img.png') no-repeat 0 0;} .nmtk_sw_paging {overflow:hidden;width:77px;margin:0 auto;} [class^='swpg_num'] {float:left;width:12px;height:12px;margin-left:9px;background:url('http://image.sbs.co.kr/sbs/news/nmtk_sewol_img.png') no-repeat 1px -81px;} .current_01 .swpg_num01, .current_02 .swpg_num02, .current_03 .swpg_num03, .current_04 .swpg_num04 {background-position:-20px -81px;} .swpg_num01 {margin-left:0;} .nmtk_sw_wrap {position:relative;width:auto !important;height:495px !important;padding:15px 20px 60px !important;margin:0 !important;border:none !important;border-bottom:none !important;border-radius:0 !important;background:none !important;} .nmtk_sw_inner {position:relative;} .nmtk_sw_cont {display:none;} .current_01 #nmtk_swcont_01, .current_02 #nmtk_swcont_02, .current_03 #nmtk_swcont_03, .current_04 #nmtk_swcont_04 {display:block;} .sw_click {display:block;position:relative;z-index:1;width:325px;height:179px;margin-top:15px;} .sw_click img {width:325px;height:179px;} .sw_click .mask {position:absolute;width:323px;height:177px;} .sw_click_tit {display:block;position:absolute;bottom:0;left:0;z-index:1;width:295px;padding:0 15px 15px;font-size:16px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .sw_click:hover .sw_click_tit {text-decoration:underline;} .sw_click.bg_gradation i {left:0;top:0;} .nmtk_sw_sns {margin-top:25px;line-height:normal;} .nmtk_swsns_tit {height:19px;background:url('http://image.sbs.co.kr/sbs/news/nmtk_sewol_img.png') no-repeat 0 -142px;} .nmtk_swsns_list {position:relative;max-height:203px;padding:3px 0;border:1px solid #9a9d9c;border-width:1px 0;overflow-y:auto;} .nmtk_swsns_list li {overflow:hidden;position:relative;padding:28px 10px 12px 42px;border:1px dotted #a7a7a7;border-width:1px 0 0 0;} .nmtk_swsns_list li:first-child {border-top:none;} .nmtk_swsns_list.v_txt li {padding-left:0;} .nmtk_swsns_cont {position:relative;z-index:2;color:#000 !important;line-height:17px;} .nmtk_swsns_info {position:absolute;top:12px;left:0;z-index:1;width:300px;} .nmtk_swsns_info:after {content:''; display:block; clear:both} .nmtk_swsns_info>span {float:left;font-size:12px;color:#818181;line-height:11px;} .swsns_info_thum {margin-right:10px;} .swsns_info_time {margin-left:8px;font-size:11px !important;} .swsns_info_like {position:relative;top:-2px;float:right !important;padding-right:8px;text-align:right;vertical-align:middle;color:#878787 !important;font-weight:bold;} .swsns_info_likeimg {display:inline-block;width:14px;height:13px;background:url('http://image.sbs.co.kr/sbs/news/nmtk_sewol_img.png') no-repeat 0 -187px;} .nmtk_sw_wrap button {position:absolute;top:80px;z-index:3;width:22px;height:37px;background-image:url('http://image.sbs.co.kr/sbs/news/nmtk_sewol_img.png');} .nmtk_swbtn_prev {left:10px;background-position:-7px -95px;} .nmtk_swbtn_next {right:10px;background-position:-29px -95px;} .nmtk_swbtn_prev:hover {background-position:-61px -95px;} .nmtk_swbtn_next:hover {background-position:-83px -95px;} .nmtk_swbtn_facebook {display:block;width:121px;height:13px;padding:4px 0 4px 29px;margin-top:10px;font-size:11px;color:#5098da !important;font-weight:bold;background:url('http://image.sbs.co.kr/sbs/news/nmtk_sewol_img.png') no-repeat 0 -166px;} .dh2000 .nmtk_sw_wrap {height:653px !important;} .dh2000 .nmtk_swsns_list {max-height:363px;} .dh975 .nmtk_sw_wrap {height:572px !important;} .dh975 .nmtk_swsns_list {max-height:282px;} .dh875 .nmtk_sw_wrap {height:492px !important;} .dh875 .nmtk_swsns_list {max-height:202px;} .dh775 .nmtk_sw_wrap {height:403px !important;} .dh775 .nmtk_swsns_list {max-height:153px;} .dh675 .nmtk_sw_wrap {height:342px !important;} .dh675 .nmtk_sw_tit {height:61px; background-position:left -10px;} .dh675 .sw_click {height:159px; overflow:hidden;} .dh675 .nmtk_swsns_list {max-height:123px;} .ie7 .sw_click .mask {position:static;} @media all and (max-height:2000px) { .nmtk_bye_area_w {height:659px !important;} .nmtk_byeinfo_tit {margin-bottom:32px;} .nmtk_byeinfo_tit strong {margin-bottom:12px;} .nmtk_bye_clist_info {margin-top:29px;} .nmtk_bye_clist_pname {margin-bottom:14px;} .nmtk_bye_clist_percent {margin-bottom:11px;} .nmtk_bye_paging {margin-top:30px;} .nmtk_bye_area_btn {margin-top:102px;} .nmtk_sw_wrap {height:653px !important;} .nmtk_swsns_list {max-height:363px;} } @media all and (max-height:975px) { .nmtk_bye_area_w {height:578px !important;} .nmtk_byeinfo_tit {margin-bottom:14px;} .nmtk_byeinfo_tit strong {margin-bottom:12px;} .nmtk_bye_clist_info {margin-top:29px;} .nmtk_bye_clist_pname {margin-bottom:14px;} .nmtk_bye_clist_percent {margin-bottom:11px;} .nmtk_bye_paging {margin-top:27px;} .nmtk_bye_area_btn {margin-top:42px;} .nmtk_sw_wrap {height:572px !important;} .nmtk_swsns_list {max-height:282px;} } @media all and (max-height:875px) { .nmtk_bye_area_w {height:498px !important;} .nmtk_byeinfo_tit {margin-bottom:6px;} .nmtk_byeinfo_tit strong {margin-bottom:2px;} .nmtk_bye_clist_info {margin-top:6px;} .nmtk_bye_clist_pname {margin-bottom:1px;} .nmtk_bye_clist_percent {margin-bottom:1px;} .nmtk_bye_paging {margin-top:11px;} .nmtk_bye_area_btn {margin-top:42px;} .nmtk_sw_wrap {height:492px !important;} .nmtk_swsns_list {max-height:202px;} } @media all and (max-height:775px) { .nmtk_bye_tit {height:82px; background-position:left -16px;} .nmtk_bye_area_w {height:454px !important; padding-top:13px;} .nmtk_byeinfo_tit {margin-bottom:1px; font-size:16px}; .nmtk_byeinfo_tit strong {margin-bottom:1px; font-size:20px;} .nmtk_bye_info {margin-bottom:8px;} .nmtk_bye_clist_info {margin-top:1px;} .nmtk_bye_clist_pname {margin-bottom:1px;} .nmtk_bye_clist_pname>strong {font-size:23px;} .nmtk_bye_clist_percent {margin-bottom:1px; font-size:23px;} .nmtk_bye_paging {margin-top:21px;} .nmtk_bye_area_btn {margin-top:28px;} .nmtk_sw_wrap {height:403px !important;} .nmtk_swsns_list {max-height:153px;} /* 뉴스토리배너 */ .snm_bnr_newstory {display:none;} } @media all and (max-height:675px) { .nmtk_bye_tit {height:82px; background-position:left -16px;} .nmtk_bye_area_w {height:391px !important; padding-top:5px !important;} .nmtk_byeinfo_tit {margin-bottom:1px; font-size:13px;} .nmtk_byeinfo_tit strong {margin-bottom:1px; font-size:17px;} .nmtk_byeinfo_txt {font-size:13px;} .nmtk_bye_info {margin-bottom:11px;} .nmtk_bye_clist_info {margin-top:1px;} .nmtk_bye_clist_pname {margin-bottom:1px;} .nmtk_bye_clist_pname>strong {font-size:20px; line-height:normal;} .nmtk_bye_clist_percent {margin-bottom:1px; font-size:20px; line-height:normal;} .nmtk_bye_paging {margin-top:11px;} .nmtk_bye_area_btn {margin-top:15px;} .nmtk_sw_wrap {height:342px !important;} .nmtk_sw_tit {height:61px; background-position:left -10px;} .sw_click {height:159px; overflow:hidden;} .nmtk_swsns_list {max-height:123px;} }