@charset "utf-8"; * {margin: 0;padding: 0;} html {height:100%;} body {color:#444;font-size:14px;font-family:sans-serif !important;margin:0 !important;line-height:1.6;font-family:sans-serif;background:#fff;-webkit-text-size-adjust:none} dl,ul,ol,li{list-style:none;} fieldset, img {border:none;} hr{display:none;} input,textarea,select{font-size:12px;} input {vertical-align:top;} img {vertical-align:middle;max-width:100%;max-height:100%;} table {border-spacing:0;} legend, caption{width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1;} em, address {font-style:normal;} a{color:inherit;text-decoration:none} table {border-collapse:collapse;} .hide{position:absolute;left:-10000px;top:0;visibility:hidden;z-index:-1;} .frameBd {display:block;position:absolute;top:0;left:0;border:1px solid #fff;filter:alpha(opacity=20);opacity:0.2;background:url(https://image.donga.com/2012london/images/common/blank.gif) left top repeat;} /* 상단 */ #header .headTop {position:relative;width:100%;height:47px;overflow:hidden;z-index:10;background:url(../images/bg_header.png) repeat-x 0 0;background-size:100% 47px;} #header .headTop h1 {float:left;padding-left:12px;} #header .headTop h1 img {vertical-align:top;} #header .headTop .headerBtn {float:right;} #header .headTop .headerBtn a, #header .headerBtn button {float:left;} #header .headTop .headerBtn button {display:inline-block;width:45px;height:45px;cursor:pointer;border:0 none;text-indent:-9999px;overflow:hidden;vertical-align:top;} #header .headTop .headerBtn .b_paper {width:48px;background:url(../images/btn_header_2.png) no-repeat 0 0;background-size:auto 45px;} #header .headTop .headerBtn .b_search {width:48px;background:url(../images/btn_header_2.png) no-repeat -48px 0;background-size:auto 45px;;} #header .headTop .headerBtn .b_nav {width:44px;background:url(../images/btn_header_2.png) no-repeat -96px 0;background-size:auto 45px;} #header .headTop .headerBtn .link {} /* 상단 > 검색바 */ #header .headSearch {width:100%;clear:both;position:relative;height:47px;background:url(../images/bg_headsearch.png) repeat-x 0 0;background-size:100% 47px;z-index:99;} #header .headSearch .in_t {display:block;padding:6px 48px 7px 12px;} #header .headSearch .in_t span {display:block;height:24px;padding:4px 40px 5px 5px;background:#fff;border:1px solid #a04919;border-radius:5px 0 0 5px;} #header .headSearch .in_t input {width:100%;font-size:18px;height:24px;line-height:24px;vertical-align:top;border:0 none;border-radius:0;-webkit-appearance:none;} #header .headSearch .in_s {position:absolute;top:6px;right:11px;border-radius:0;width:38px;height:35px;border:0 none;} #header .headSearch .b_clear {position:absolute;top:7px;right:52px;width:32px;height:32px;z-index:3;background:url(../images/btn_h_clear.png) no-repeat 0 0;background-size:32px 33px;cursor:pointer;border:0 none;text-indent:-9999px;overflow:hidden;vertical-align:top;} /* 상단 > 전체메뉴 */ #header .headNav {position:relative;padding:10px 8px;z-index:100000; background-image:url(../images/bg_headnav_top.png), url(../images/bg_headnav_bot.png), url(../images/bg_headnav_m.png); background-repeat:no-repeat, no-repeat, repeat; background-position:0 0, 0 bottom, 0 0; background-size:100% 10px, 100% 10px, auto auto; } #header .headNav .navBox {position:relative;border-radius:5px;padding:9px 0;background:#fff;box-shadow:2px 2px 1px #2f3643;} #header .headNav .navBox .linkBox {width:100%;overflow:hidden;} #header .headNav .navBox .linkBox .r_list {width:100%;margin-bottom:6px;overflow:hidden;} #header .headNav .navBox .linkBox .r_list div {float:left;width:33.3%;} #header .headNav .navBox .linkBox .r_list div strong {display:block;height:25px;margin:0 6px 3px;line-height:26px;box-shadow:0px 1px 1px #9d9d9d;border-radius:4px;border:1px solid #dfdfdf;text-align:center;font-weight:bold; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #f9f9f9), color-stop(0.9, #eaeaea)); background: -moz-linear-gradient(center top, #f9f9f9, #eaeaea); background: -o-linear-gradient(top, #f9f9f9, #eaeaea); } #header .headNav .navBox .linkBox .r_list div strong a {color:#555;} #header .headNav .navBox .linkBox .r_list div ul {margin:0 15px;} #header .headNav .navBox .linkBox .r_list div ul li {} #header .headNav .navBox .linkBox .r_list div ul li a {display:block;height:25px;line-height:25px;} #header .headNav .navBox .linkBox .r_list div ul li a strong {background:none;margin:0;border:0 none;border-radius:0;text-align:left;box-shadow:none;} #header .headNav .navBox .etcLink {position:relative;padding-right:60px;overflow:hidden;border-top:1px solid #b1b1b1;} #header .headNav .navBox .etcLink ul {overflow:hidden;margin:0 15px;padding:12px 0 4px;} #header .headNav .navBox .etcLink ul li {float:left;margin-right:10px;} #header .headNav .navBox .etcLink ul li a {font-weight:bold;text-decoration:underline;color:#fa5400;} #header .headNav .navBox .closeB {position:absolute;bottom:10px;right:10px;z-index:10;} /* 상단 > 광고 */ #header .bannerif {position:relative;background:#323C4F;text-align:center;margin-bottom:-1px;border-bottom:1px solid #999;} #header .bannerif iframe {position:absolute;left:0;top:0;} #header .bannerif iframe.vote {display:block;margin:0 auto;position:static;left:0;top:0;} #header .bannerAd {position:relative;background:#fff;text-align:center;margin-bottom:-1px;border-bottom:1px solid #999;} #header .bannerAd iframe {position:absolute;left:0;top:0;} #header .bannerAd iframe.vote {display:block;margin:0 auto;position:static;left:0;top:0;} /* 메인 메뉴 */ #contents .mainNav {position:absolute;top:0;left:0;width:100%;overflow:hidden;height:44px;padding:0;background:url(../images/bg_main_nav.png) repeat-x 0 0;background-size:100% 44px;} #contents .mainNav button {float:left;width:24%;vertical-align:top;border:0 none;cursor:pointer;height:44px;font-size:14px;line-height:44px;letter-spacing:-1px;text-align:center;color:#ccc;background:transparent;} #contents .mainNav button.on {color:#fa5400;} #contents .mainNav ul {width:100%;overflow:hidden;} #contents .mainNav ul li {float:left;width:27%;} #contents .mainNav ul li:first-child {float:left;width:19%;} #contents .mainNav ul li a {display:block;height:40px;font-size:14px;line-height:40px;letter-spacing:-1px;text-align:center;color:#ccc;} #contents .mainNav ul li a.on {color:#fa5400;} /* 메인 > 주요뉴스 */ #contents .mainNews {position:relative;padding-top:44px;} #contents .mainNews .list_box {position:relative;width:100%;height:655px;overflow:hidden;} #contents .mainNews .list_box ul {display:inline-block;position:absolute;top:0;width:100%;} #contents .mainNews .list_box ul li {position:relative;float:left;height:655px;} #contents .mainNews .list_box ul li li {height:auto;} #contents .mainNews .list_box ul li .more {position:absolute;bottom:2px;right:0;text-align:right;padding:8px 0 6px;margin:0 15px;} #contents .mainNews .list_box ul li .more a {font-size:12px;letter-spacing:-1px;padding-right:8px;margin-left:5px;color:#000;background:url(../images/bul_arrow.png) no-repeat right 4px;background-size:auto 7px;} #contents .mainNews .star_m {position:absolute;bottom:0;left:0;height:22px;padding:5px 0 9px;margin:0 15px;} #contents .mainNews .star_m a {} #contents .mainNews .star_m a img {height:22px;} #contents .mainNews .btn_area_b {position:absolute;top:35px;left:50%;height:20px;margin-left:-43px;padding:0 10px;text-align:center;z-index:99999; background-image:url(../images/bg_btn_area.png), url(../images/bg_btn_area.png); background-repeat:no-repeat, no-repeat; background-position:0 0, right -50px; background-size:10px auto, 10px auto; } #contents .mainNews .btn_area {display:inline-block;margin:0 auto;text-align:center;height:11px;padding:4px 0 5px;overflow:hidden; background-image:url(../images/bg_btn_area.png); background-repeat:repeat-x; background-position:0 -25px; background-size:10px auto; } #contents .mainNews .btn_area button {margin:0 1px;vertical-align:top;display:inline-block;width:11px;height:11px;border:0 none;font-size:0;cursor:pointer;line-height:0;text-indent:-9999px;background:url(../images/btn_page_off.png) no-repeat 0 0;background-size:11px 11px;} #contents .mainNews .btn_area button.on {background-image:url(../images/btn_page_on.png);} /* 메인 > 주요뉴스 > 뉴스 */ #contents .mainNews .list_box ul li .n_Box_01 .headline {display:inline-block;width:100%;padding:15px 0;background:#f0f0f0;border-bottom:1px solid #dadada;} #contents .mainNews .list_box ul li .n_Box_01 .headline a {display:block;overflow:hidden;} #contents .mainNews .list_box ul li .n_Box_01 .headline .p {position:relative;float:left;width:90px;margin:0 10px 0 17px;} #contents .mainNews .list_box ul li .n_Box_01 .headline .p span {width:88px;height:65px;display:block;position:absolute;top:0;left:0;border:1px solid #000;filter:alpha(opacity=20);opacity:0.2;background:url(https://image.donga.com/2012london/images/common/blank.gif) left top repeat;} #contents .mainNews .list_box ul li .n_Box_01 .headline dl {margin-top:4px;padding-right:14px;} #contents .mainNews .list_box ul li .n_Box_01 .headline dl dt {max-height:38px;margin-bottom:4px;font-weight:bold;overflow:hidden;font-size:16px;line-height:1.2;color:#222;} #contents .mainNews .list_box ul li .n_Box_01 .headline dl dd {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#666;letter-spacing:-0.05em;} #contents .mainNews .list_box ul li .n_Box_01 .newsList {position:static;display:block;} #contents .mainNews .list_box ul li .n_Box_01 .newsList li {float:none;height:auto;padding:0 14px;border-bottom:1px solid #f2f2f2;letter-spacing:-1px;} #contents .mainNews .list_box ul li .n_Box_01 .newsList li:nth-child(5) {border-bottom:1px solid #dadada;} #contents .mainNews .list_box ul li .n_Box_01 .newsList li a {display:block;width:100%;height:38px;line-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#222;} #contents .mainNews .list_box ul li .n_Box_01 .photoList {position:relative;display:block;overflow:hidden;width:auto;padding:0 12px 11px;margin:12px 0 0;border-bottom:1px solid #d8d8da;} #contents .mainNews .list_box ul li .n_Box_01 .photoList li {float:left;width:33.3%;} #contents .mainNews .list_box ul li .n_Box_01 .photoList li a {display:block;position:relative;width:87px;margin:0 auto;} #contents .mainNews .list_box ul li .n_Box_01 .photoList li a img {display:block;margin:0 auto 5px;} #contents .mainNews .list_box ul li .n_Box_01 .photoList li a span {position:absolute;left:0;top:0;width:85px;height:68px;border:1px solid #000;opacity:0.1;} #contents .mainNews .list_box ul li .n_Box_01 .photoList li a strong {display:block;height:30px;overflow:hidden;font-size:13px;text-align:left;font-weight:normal;line-height:1.2;letter-spacing:-1px;} /* 메인 > 주요뉴스 > 스포츠·연예 */ #contents .mainNews .list_box ul li .n_Box_02 .headPhoto {position:relative;display:block;overflow:hidden;width:auto;padding:20px 8px 15px 8px;border-bottom:1px solid #dadada;background:#f0f0f0;} #contents .mainNews .list_box ul li .n_Box_02 .headPhoto li {float:left;width:50%;} #contents .mainNews .list_box ul li .n_Box_02 .headPhoto li a {display:block;position:relative;width:135px;margin:0 auto;} #contents .mainNews .list_box ul li .n_Box_02 .headPhoto li a img {display:block;margin:0 auto 5px;} #contents .mainNews .list_box ul li .n_Box_02 .headPhoto li a span {display:block;position:absolute;left:0;top:0;width:133px;height:83px;border:1px solid #000;opacity:0.2;} #contents .mainNews .list_box ul li .n_Box_02 .headPhoto li a strong {display:block;height:32px;color:#333;overflow:hidden;font-size:13px;text-align:center;font-weight:bold;line-height:1.3;} #contents .mainNews .list_box ul li .n_Box_02 .newsList {position:static;display:block;} #contents .mainNews .list_box ul li .n_Box_02 .newsList li {float:none;height:auto;padding:1px 14px;border-bottom:1px solid #f2f2f2;letter-spacing:-1px;} #contents .mainNews .list_box ul li .n_Box_02 .newsList li:nth-child(4) {border-bottom:1px solid #dadada;} #contents .mainNews .list_box ul li .n_Box_02 .newsList li a {display:block;width:100%;height:38px;line-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#222;} #contents .mainNews .list_box ul li .n_Box_02 .photoList {position:relative;display:block;overflow:hidden;width:auto;padding:0 12px 10px;margin:15px 0 0;border-bottom:1px solid #d8d8da;} #contents .mainNews .list_box ul li .n_Box_02 .photoList li {float:left;width:33.3%;} #contents .mainNews .list_box ul li .n_Box_02 .photoList li a {display:block;position:relative;width:87px;margin:0 auto;} #contents .mainNews .list_box ul li .n_Box_02 .photoList li a img {display:block;margin:0 auto 5px;} #contents .mainNews .list_box ul li .n_Box_02 .photoList li a span {display:block;position:absolute;left:0;top:0;width:85px;height:68px;border:1px solid #000;opacity:0.1;} #contents .mainNews .list_box ul li .n_Box_02 .photoList li a strong {display:block;height:30px;overflow:hidden;font-size:13px;text-align:left;font-weight:normal;line-height:1.2;letter-spacing:-1px;} /* 메인 > 주요뉴스 > 라이프 */ #contents .mainNews .list_box ul li .n_Box_03 .headline {display:inline-block;width:100%;padding:15px 0;background:#f0f0f0;border-bottom:1px solid #dadada;} #contents .mainNews .list_box ul li .n_Box_03 .headline a {display:block;overflow:hidden;} #contents .mainNews .list_box ul li .n_Box_03 .headline .p {position:relative;float:left;width:90px;margin:0 10px 0 17px;} #contents .mainNews .list_box ul li .n_Box_03 .headline .p span {width:88px;height:65px;display:block;position:absolute;top:0;left:0;border:1px solid #000;filter:alpha(opacity=20);opacity:0.2;background:url(https://image.donga.com/2012london/images/common/blank.gif) left top repeat;} #contents .mainNews .list_box ul li .n_Box_03 .headline dl {margin-top:4px;padding-right:14px;} #contents .mainNews .list_box ul li .n_Box_03 .headline dl dt {max-height:38px;margin-bottom:4px;font-weight:bold;overflow:hidden;font-size:16px;line-height:1.2;color:#222;} #contents .mainNews .list_box ul li .n_Box_03 .headline dl dd {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#666;letter-spacing:-0.05em;} #contents .mainNews .list_box ul li .n_Box_03 .newsList {position:static;display:block;} #contents .mainNews .list_box ul li .n_Box_03 .newsList li {float:none;height:auto;padding:0 14px;border-bottom:1px solid #f2f2f2;letter-spacing:-1px;} #contents .mainNews .list_box ul li .n_Box_03 .newsList li a {display:block;width:100%;height:38px;line-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#222;} #contents .mainNews .list_box ul li .n_Box_03 .photoList {position:relative;display:block;overflow:hidden;width:auto;padding:0 12px 10px;margin:12px 0 0;border-bottom:1px solid #d8d8da;} #contents .mainNews .list_box ul li .n_Box_03 .photoList li {float:left;width:33.3%;} #contents .mainNews .list_box ul li .n_Box_03 .photoList li a {display:block;position:relative;width:87px;margin:0 auto;} #contents .mainNews .list_box ul li .n_Box_03 .photoList li a img {display:block;margin:0 auto 5px;} #contents .mainNews .list_box ul li .n_Box_03 .photoList li a span {position:absolute;left:0;top:0;width:85px;height:68px;border:1px solid #000;opacity:0.1;} #contents .mainNews .list_box ul li .n_Box_03 .photoList li a strong {display:block;height:30px;overflow:hidden;font-size:13px;text-align:left;font-weight:normal;line-height:1.2;letter-spacing:-1px;} /* 메인 > 주요뉴스 > 많이 본 뉴스 */ #contents .mainNews .list_box ul li .n_Box_04 .newsList {position:static;display:block;padding-top:9px;} #contents .mainNews .list_box ul li .n_Box_04 .newsList li {float:none;height:auto;padding:0 14px;border-bottom:1px solid #f2f2f2;letter-spacing:-1px;} #contents .mainNews .list_box ul li .n_Box_04 .newsList li a {display:block;width:100%;height:37px;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#222;} #contents .mainNews .list_box ul li .n_Box_04 .newsList li a .num {display:inline-block;width:23px;height:23px;margin-right:10px;line-height:23px;font-size:12px;text-align:center;box-shadow:0 1px 1px 0 #ececec;font-weight:bold;color:#999;border:1px solid #afb1b4;border-radius:4px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #f5f5f5), color-stop(0.9, #f1f1f1)); background: -moz-linear-gradient(center top, #f5f5f5, #f1f1f1); background: -o-linear-gradient(top, #f5f5f5, #f1f1f1); } #contents .mainNews .list_box ul li .n_Box_04 .newsList li:nth-child(1) a .num, #contents .mainNews .list_box ul li .n_Box_04 .newsList li:nth-child(2) a .num, #contents .mainNews .list_box ul li .n_Box_04 .newsList li:nth-child(3) a .num {color:#fff;border:1px solid #cd591e; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fa9700), color-stop(0.9, #fa5600)); background: -moz-linear-gradient(center top, #fa9700, #fa5600); background: -o-linear-gradient(top, #fa9700, #fa5600); } #contents .mainNews .list_box ul li .n_Box_04 .newsList li:nth-child(5) {border-bottom:1px solid #BCC1C7;} #contents .mainNews .list_box ul li .n_Box_04 .newsList li:nth-child(10) {border-bottom:1px solid #BCC1C7;} /* 메인 > 투데이 정보 */ #contents .mainToday {padding:0 17px 15px;} #contents .mainToday .todyaBox {overflow:hidden;position:relative;padding:0 15px;height:37px;line-height:37px;border:1px solid #dadada;box-shadow:0 1px 0 0 #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #f8f8f8), color-stop(0.9, #f1f0f1)); background: -moz-linear-gradient(center top, #f8f8f8, #f1f0f1); background: -o-linear-gradient(top, #f8f8f8, #f1f0f1); } #contents .mainToday .todyaBox .day {display:none;position:absolute;left:-17px;top:-37px;height:35px;padding-right:20px;padding-left:17px;line-height:35px;background:url(../images/bg_day.png) no-repeat right 0;background-size:120px 35px;font-size:12px;color:#555;font-weight:normal;z-index:9999;} #contents .mainToday .todyaBox .t_weather {float:left;width:37%;height:22px;line-height:22px;margin:8px auto 7px;text-align:left;} #contents .mainToday .todyaBox .t_stock {position:absolute;left:50%;top:0;;width:90px;height:22px;line-height:22px;font-size:12px;margin:6px 0 8px -36px;} .stock_box ul {margin:0 auto;} .stock_box ul li {width:100%;text-align:center;} .stock_box h2 {display:inline-block;padding-right:5px;font-size:12px;font-weight:normal;letter-spacing:-1px;color:#000;text-align:left;} .stock_box span {display:inline-block;padding-right:10px;font-size:12px;letter-spacing:-1px;text-align:right;} .stock_box span.blue {color:#337ce0;background:url(../images/bul_up.png) no-repeat right 8px;background-size:7px 4px} .stock_box span.red {color:#e03333;background:url(../images/bul_do.png) no-repeat right 8px;background-size:7px 4px} #contents .mainToday .todyaBox .t_luck {float:right;width:28%;text-align:right;} #contents .mainToday .todyaBox .t_luck a {font-size:12px;color:#000;} #contents .mainToday .todyaBox .t_weather iframe {width:90px;height:22px;} #contents .mainToday .todyaBox .t_stock iframe {width:90px;height:22px;} .weather_box span {display:inline-block;position:relative;vertical-align:middle;width:22px;height:22px;background: url(../images/weather.gif) no-repeat -4px -7px;} .weather_box span.r1c1 {background-position:-4px -7px} .weather_box span.r1c2 {background-position:-29px -7px} .weather_box span.r1c3 {background-position:-67px -7px} .weather_box span.r1c4 {background-position:-93px -7px;width:26px;height:22px} .weather_box span.r1c5 {background-position:-132px -7px;width:27px;height:22px} .weather_box span.r1c6 {background-position:-158px -7px;width:26px;height:22px} .weather_box span.r1c7 {background-position:-197px -7px;width:26px;height:22px} .weather_box span.r1c8 {background-position:-222px -7px;width:26px;height:22px} .weather_box span.r1c9 {background-position:-262px -7px;width:27px;height:22px} .weather_box span.r1c10 {background-position:-288px -7px;width:27px;height:22px} .weather_box span.r1c11 {background-position:-327px -7px;width:27px;height:22px} .weather_box span.r1c12 {background-position:-352px -7px;width:27px;height:22px} .weather_box span.r1c13 {background-position:-392px -7px;width:27px;height:22px} .weather_box span.r1c14 {background-position:-418px -7px;width:27px;height:22px} .weather_box span.r1c15 {background-position:-457px -7px;width:27px;height:22px} .weather_box span.r1c16 {background-position:-483px -7px;width:27px;height:22px} .weather_box span.r1c17 {background-position:-522px -7px;width:27px;height:22px} .weather_box span.r1c18 {background-position:-550px -7px;width:22px;height:22px} .weather_box span.r1c19 {background-position:-587px -7px;width:27px;height:22px} .weather_box span.r1c20 {background-position:-612px -7px;width:27px;height:22px} .weather_box span.r1c21 {background-position:-652px -7px;width:27px;height:22px} .weather_box span.r1c22 {background-position:-678px -7px;width:27px;height:22px} .weather_box span.r1c23 {background-position:-718px -7px;width:27px;height:22px} .weather_box span.r1c24 {background-position:-743px -7px;width:27px;height:22px} .weather_box span.r2c1 {background-position:-2px -49px;width:27px;height:22px} .weather_box span.r2c2 {background-position:-28px -49px;width:27px;height:22px} .weather_box span.r2c3 {background-position:-67px -49px;width:27px;height:22px} .weather_box span.r2c4 {background-position:-93px -49px;width:27px;height:22px} .weather_box span.r2c5 {background-position:-132px -49px;width:27px;height:22px} .weather_box span.r2c6 {background-position:-158px -49px;width:27px;height:22px} .weather_box span.r2c7 {background-position:-197px -49px;width:27px;height:22px} .weather_box span.r2c8 {background-position:-222px -49px;width:27px;height:22px} .weather_box span.r2c9 {background-position:-262px -49px;width:27px;height:22px} .weather_box span.r2c10 {background-position:-288px -49px;width:27px;height:22px} .weather_box span.r2c11 {background-position:-327px -49px;width:27px;height:22px} .weather_box span.r2c12 {background-position:-352px -49px;width:27px;height:22px} .weather_box span.r2c13 {background-position:-392px -49px;width:27px;height:22px} .weather_box span.r2c14 {background-position:-418px -49px;width:27px;height:22px} .weather_box span.r2c15 {background-position:-457px -49px;width:27px;height:22px} .weather_box span.r2c16 {background-position:-482px -49px;width:27px;height:22px} .weather_box span.r2c17 {background-position:-522px -49px;width:27px;height:22px} .weather_box span.r2c18 {background-position:-547px -49px;width:27px;height:22px} .weather_box span.r2c19 {background-position:-573px -49px;width:26px;height:22px} .weather_box span.r2c20 {background-position:-598px -49px;width:26px;height:22px} .weather_box span.r2c21 {background-position:-623px -49px;width:26px;height:22px} .weather_box span.r2c22 {background-position:-648px -49px;width:26px;height:22px} .weather_box span.r2c23 {background-position:-672px -49px;width:27px;height:22px} .weather_box span.r2c24 {background-position:-698px -49px;width:26px;height:22px} .weather_box span.r3c1 {background-position:-2px -90px;width:27px;height:22px} .weather_box span.r3c2 {background-position:-28px -90px;width:26px;height:22px} .weather_box span.r3c3 {background-position:-52px -90px;width:26px;height:22px} .weather_box span.r3c4 {background-position:-77px -90px;width:26px;height:22px} .weather_box span.r3c5 {background-position:-102px -90px;width:26px;height:22px} .weather_box span.r3c6 {background-position:-127px -90px;width:27px;height:22px} .weather_box span.r3c7 {background-position:-152px -90px;width:26px;height:22px} .weather_box span.r3c8 {background-position:-177px -90px;width:26px;height:22px} .weather_box span.r3c9 {background-position:-202px -90px;width:26px;height:22px} .weather_box span.r3c10 {background-position:-227px -90px;width:26px;height:22px} .weather_box span.r3c11 {background-position:-252px -90px;width:26px;height:22px} .weather_box span.r3c12 {background-position:-277px -90px;width:26px;height:22px} .weather_box span.r3c13 {background-position:-302px -90px;width:26px;height:22px} .weather_box span.r3c14 {background-position:-327px -90px;width:26px;height:22px} .weather_box span.r3c15 {background-position:-352px -90px;width:26px;height:22px} .weather_box span.r3c16 {background-position:-377px -90px;width:26px;height:22px} .weather_box span.r3c17 {background-position:-402px -90px;width:26px;height:22px} .weather_box span.r3c18 {background-position:-427px -90px;width:26px;height:22px} .weather_box span.r3c19 {background-position:-452px -90px;width:26px;height:22px} .weather_box span.r3c20 {background-position:-477px -90px;width:26px;height:22px} .weather_box span.r3c21 {background-position:-502px -90px;width:26px;height:22px} .weather_box span.r3c22 {background-position:-527px -90px;width:26px;height:22px} .weather_box span.r3c23 {background-position:-552px -90px;width:27px;height:22px} .weather_box span.r3c24 {background-position:-578px -90px;width:26px;height:22px} .weather_box span.r3c25 {background-position:-603px -90px;width:26px;height:22px} .weather_box span.r3c26 {background-position:-628px -90px;width:26px;height:22px} .weather_box span.r3c27 {background-position:-653px -90px;width:26px;height:22px} .weather_box span.r3c28 {background-position:-678px -90px;width:26px;height:22px} .weather_box span.r3c29 {background-position:-703px -90px;width:26px;height:22px} .weather_box span.r3c30 {background-position:-728px -90px;width:26px;height:22px} .weather_box span.r4c1 {background-position:-2px -120px;width:27px;height:22px} .weather_box span.r4c2 {background-position:-28px -120px;width:26px;height:22px} .weather_box span.r4c3 {background-position:-52px -120px;width:26px;height:22px} .weather_box span.r4c4 {background-position:-77px -120px;width:26px;height:22px} .weather_box span.r4c5 {background-position:-102px -120px;width:26px;height:22px} .weather_box span.r4c6 {background-position:-127px -120px;width:27px;height:22px} .weather_box span.r4c7 {background-position:-152px -120px;width:26px;height:22px} .weather_box span.r4c8 {background-position:-177px -120px;width:26px;height:22px} .weather_box span.r4c9 {background-position:-202px -120px;width:26px;height:22px} .weather_box span.r4c10 {background-position:-227px -120px;width:26px;height:22px} .weather_box span.r4c11 {background-position:-252px -120px;width:26px;height:22px} .weather_box span.r4c12 {background-position:-277px -120px;width:26px;height:22px} .weather_box span.r4c13 {background-position:-302px -120px;width:26px;height:22px} .weather_box span.r4c14 {background-position:-327px -120px;width:26px;height:22px} .weather_box span.r4c15 {background-position:-352px -120px;width:26px;height:22px} .weather_box span.r4c16 {background-position:-377px -120px;width:26px;height:22px} .weather_box span.r4c17 {background-position:-402px -120px;width:26px;height:22px} .weather_box span.r4c18 {background-position:-427px -120px;width:26px;height:22px} .weather_box span.r4c19 {background-position:-452px -120px;width:26px;height:22px} .weather_box span.r4c20 {background-position:-478px -120px;width:26px;height:22px} .weather_box span.r4c21 {background-position:-502px -120px;width:26px;height:22px} .weather_box span.r4c22 {background-position:-527px -120px;width:26px;height:22px} .weather_box span.r4c23 {background-position:-552px -120px;width:27px;height:22px} .weather_box span.r4c24 {background-position:-578px -120px;width:26px;height:22px} .weather_box span.r4c25 {background-position:-603px -120px;width:26px;height:22px} .weather_box span.r4c26 {background-position:-628px -120px;width:26px;height:22px} .weather_box span.r4c27 {background-position:-653px -120px;width:26px;height:22px} .weather_box span.r4c28 {background-position:-678px -120px;width:26px;height:22px} .weather_box span.r4c29 {background-position:-703px -120px;width:26px;height:22px} .weather_box span.r4c30 {background-position:-728px -120px;width:26px;height:22px} .weather_box span.r5c1 {background-position:-2px -150px;width:27px;height:22px} .weather_box span.r5c2 {background-position:-28px -150px;width:26px;height:22px} .weather_box span.r5c3 {background-position:-52px -150px;width:26px;height:22px} .weather_box span.r5c4 {background-position:-77px -150px;width:26px;height:22px} .weather_box span.r5c5 {background-position:-102px -150px;width:26px;height:22px} .weather_box span.r5c6 {background-position:-127px -150px;width:27px;height:22px} .weather_box span.r5c7 {background-position:-152px -150px;width:26px;height:22px} .weather_box span.r5c8 {background-position:-177px -150px;width:26px;height:22px} .weather_box span.r5c9 {background-position:-202px -150px;width:26px;height:22px} .weather_box span.r5c10 {background-position:-227px -150px;width:26px;height:22px} .weather_box span.r5c11 {background-position:-252px -150px;width:26px;height:22px} .weather_box span.r5c12 {background-position:-277px -150px;width:26px;height:22px} .weather_box span.r5c13 {background-position:-304px -150px;width:24px;height:22px} .weather_box span.r5c14 {background-position:-328px -150px;width:24px;height:22px} .weather_box strong {display:inline-block;height:22px;padding-right:5px;line-height:22px;font-size:12px;font-weight:normal;color:#000;letter-spacing:-1px;} .weather_box span {display:inline-block;position:relative;vertical-align:middle;width:22px;height:22px;background: url(../images/weather.gif) no-repeat -4px -7px;} .weather_box span.r1c1 {background-position:-4px -7px} .weather_box span.r1c2 {background-position:-29px -7px} .weather_box span.r1c3 {background-position:-67px -7px} .weather_box span.r1c4 {background-position:-93px -7px;width:26px;height:22px} .weather_box span.r1c5 {background-position:-132px -7px;width:27px;height:22px} .weather_box span.r1c6 {background-position:-158px -7px;width:26px;height:22px} .weather_box span.r1c7 {background-position:-197px -7px;width:26px;height:22px} .weather_box span.r1c8 {background-position:-222px -7px;width:26px;height:22px} .weather_box span.r1c9 {background-position:-262px -7px;width:27px;height:22px} .weather_box span.r1c10 {background-position:-288px -7px;width:27px;height:22px} .weather_box span.r1c11 {background-position:-327px -7px;width:27px;height:22px} .weather_box span.r1c12 {background-position:-352px -7px;width:27px;height:22px} .weather_box span.r1c13 {background-position:-392px -7px;width:27px;height:22px} .weather_box span.r1c14 {background-position:-418px -7px;width:27px;height:22px} .weather_box span.r1c15 {background-position:-457px -7px;width:27px;height:22px} .weather_box span.r1c16 {background-position:-483px -7px;width:27px;height:22px} .weather_box span.r1c17 {background-position:-522px -7px;width:27px;height:22px} .weather_box span.r1c18 {background-position:-550px -7px;width:22px;height:22px} .weather_box span.r1c19 {background-position:-587px -7px;width:27px;height:22px} .weather_box span.r1c20 {background-position:-612px -7px;width:27px;height:22px} .weather_box span.r1c21 {background-position:-652px -7px;width:27px;height:22px} .weather_box span.r1c22 {background-position:-678px -7px;width:27px;height:22px} .weather_box span.r1c23 {background-position:-718px -7px;width:27px;height:22px} .weather_box span.r1c24 {background-position:-743px -7px;width:27px;height:22px} .weather_box span.r2c1 {background-position:-2px -49px;width:27px;height:22px} .weather_box span.r2c2 {background-position:-28px -49px;width:27px;height:22px} .weather_box span.r2c3 {background-position:-67px -49px;width:27px;height:22px} .weather_box span.r2c4 {background-position:-93px -49px;width:27px;height:22px} .weather_box span.r2c5 {background-position:-132px -49px;width:27px;height:22px} .weather_box span.r2c6 {background-position:-158px -49px;width:27px;height:22px} .weather_box span.r2c7 {background-position:-197px -49px;width:27px;height:22px} .weather_box span.r2c8 {background-position:-222px -49px;width:27px;height:22px} .weather_box span.r2c9 {background-position:-262px -49px;width:27px;height:22px} .weather_box span.r2c10 {background-position:-288px -49px;width:27px;height:22px} .weather_box span.r2c11 {background-position:-327px -49px;width:27px;height:22px} .weather_box span.r2c12 {background-position:-352px -49px;width:27px;height:22px} .weather_box span.r2c13 {background-position:-392px -49px;width:27px;height:22px} .weather_box span.r2c14 {background-position:-418px -49px;width:27px;height:22px} .weather_box span.r2c15 {background-position:-457px -49px;width:27px;height:22px} .weather_box span.r2c16 {background-position:-482px -49px;width:27px;height:22px} .weather_box span.r2c17 {background-position:-522px -49px;width:27px;height:22px} .weather_box span.r2c18 {background-position:-547px -49px;width:27px;height:22px} .weather_box span.r2c19 {background-position:-573px -49px;width:26px;height:22px} .weather_box span.r2c20 {background-position:-598px -49px;width:26px;height:22px} .weather_box span.r2c21 {background-position:-623px -49px;width:26px;height:22px} .weather_box span.r2c22 {background-position:-648px -49px;width:26px;height:22px} .weather_box span.r2c23 {background-position:-672px -49px;width:27px;height:22px} .weather_box span.r2c24 {background-position:-698px -49px;width:26px;height:22px} .weather_box span.r3c1 {background-position:-2px -90px;width:27px;height:22px} .weather_box span.r3c2 {background-position:-28px -90px;width:26px;height:22px} .weather_box span.r3c3 {background-position:-52px -90px;width:26px;height:22px} .weather_box span.r3c4 {background-position:-77px -90px;width:26px;height:22px} .weather_box span.r3c5 {background-position:-102px -90px;width:26px;height:22px} .weather_box span.r3c6 {background-position:-127px -90px;width:27px;height:22px} .weather_box span.r3c7 {background-position:-152px -90px;width:26px;height:22px} .weather_box span.r3c8 {background-position:-177px -90px;width:26px;height:22px} .weather_box span.r3c9 {background-position:-202px -90px;width:26px;height:22px} .weather_box span.r3c10 {background-position:-227px -90px;width:26px;height:22px} .weather_box span.r3c11 {background-position:-252px -90px;width:26px;height:22px} .weather_box span.r3c12 {background-position:-277px -90px;width:26px;height:22px} .weather_box span.r3c13 {background-position:-302px -90px;width:26px;height:22px} .weather_box span.r3c14 {background-position:-327px -90px;width:26px;height:22px} .weather_box span.r3c15 {background-position:-352px -90px;width:26px;height:22px} .weather_box span.r3c16 {background-position:-377px -90px;width:26px;height:22px} .weather_box span.r3c17 {background-position:-402px -90px;width:26px;height:22px} .weather_box span.r3c18 {background-position:-427px -90px;width:26px;height:22px} .weather_box span.r3c19 {background-position:-452px -90px;width:26px;height:22px} .weather_box span.r3c20 {background-position:-477px -90px;width:26px;height:22px} .weather_box span.r3c21 {background-position:-502px -90px;width:26px;height:22px} .weather_box span.r3c22 {background-position:-527px -90px;width:26px;height:22px} .weather_box span.r3c23 {background-position:-552px -90px;width:27px;height:22px} .weather_box span.r3c24 {background-position:-578px -90px;width:26px;height:22px} .weather_box span.r3c25 {background-position:-603px -90px;width:26px;height:22px} .weather_box span.r3c26 {background-position:-628px -90px;width:26px;height:22px} .weather_box span.r3c27 {background-position:-653px -90px;width:26px;height:22px} .weather_box span.r3c28 {background-position:-678px -90px;width:26px;height:22px} .weather_box span.r3c29 {background-position:-703px -90px;width:26px;height:22px} .weather_box span.r3c30 {background-position:-728px -90px;width:26px;height:22px} .weather_box span.r4c1 {background-position:-2px -120px;width:27px;height:22px} .weather_box span.r4c2 {background-position:-28px -120px;width:26px;height:22px} .weather_box span.r4c3 {background-position:-52px -120px;width:26px;height:22px} .weather_box span.r4c4 {background-position:-77px -120px;width:26px;height:22px} .weather_box span.r4c5 {background-position:-102px -120px;width:26px;height:22px} .weather_box span.r4c6 {background-position:-127px -120px;width:27px;height:22px} .weather_box span.r4c7 {background-position:-152px -120px;width:26px;height:22px} .weather_box span.r4c8 {background-position:-177px -120px;width:26px;height:22px} .weather_box span.r4c9 {background-position:-202px -120px;width:26px;height:22px} .weather_box span.r4c10 {background-position:-227px -120px;width:26px;height:22px} .weather_box span.r4c11 {background-position:-252px -120px;width:26px;height:22px} .weather_box span.r4c12 {background-position:-277px -120px;width:26px;height:22px} .weather_box span.r4c13 {background-position:-302px -120px;width:26px;height:22px} .weather_box span.r4c14 {background-position:-327px -120px;width:26px;height:22px} .weather_box span.r4c15 {background-position:-352px -120px;width:26px;height:22px} .weather_box span.r4c16 {background-position:-377px -120px;width:26px;height:22px} .weather_box span.r4c17 {background-position:-402px -120px;width:26px;height:22px} .weather_box span.r4c18 {background-position:-427px -120px;width:26px;height:22px} .weather_box span.r4c19 {background-position:-452px -120px;width:26px;height:22px} .weather_box span.r4c20 {background-position:-478px -120px;width:26px;height:22px} .weather_box span.r4c21 {background-position:-502px -120px;width:26px;height:22px} .weather_box span.r4c22 {background-position:-527px -120px;width:26px;height:22px} .weather_box span.r4c23 {background-position:-552px -120px;width:27px;height:22px} .weather_box span.r4c24 {background-position:-578px -120px;width:26px;height:22px} .weather_box span.r4c25 {background-position:-603px -120px;width:26px;height:22px} .weather_box span.r4c26 {background-position:-628px -120px;width:26px;height:22px} .weather_box span.r4c27 {background-position:-653px -120px;width:26px;height:22px} .weather_box span.r4c28 {background-position:-678px -120px;width:26px;height:22px} .weather_box span.r4c29 {background-position:-703px -120px;width:26px;height:22px} .weather_box span.r4c30 {background-position:-728px -120px;width:26px;height:22px} .weather_box span.r5c1 {background-position:-2px -150px;width:27px;height:22px} .weather_box span.r5c2 {background-position:-28px -150px;width:26px;height:22px} .weather_box span.r5c3 {background-position:-52px -150px;width:26px;height:22px} .weather_box span.r5c4 {background-position:-77px -150px;width:26px;height:22px} .weather_box span.r5c5 {background-position:-102px -150px;width:26px;height:22px} .weather_box span.r5c6 {background-position:-127px -150px;width:27px;height:22px} .weather_box span.r5c7 {background-position:-152px -150px;width:26px;height:22px} .weather_box span.r5c8 {background-position:-177px -150px;width:26px;height:22px} .weather_box span.r5c9 {background-position:-202px -150px;width:26px;height:22px} .weather_box span.r5c10 {background-position:-227px -150px;width:26px;height:22px} .weather_box span.r5c11 {background-position:-252px -150px;width:26px;height:22px} .weather_box span.r5c12 {background-position:-277px -150px;width:26px;height:22px} .weather_box span.r5c13 {background-position:-304px -150px;width:24px;height:22px} .weather_box span.r5c14 {background-position:-328px -150px;width:24px;height:22px} .weather_box span.r5c15 {background-position:-352px -150px;width:24px;height:22px} .weather_box strong {display:inline-block;height:22px;padding-right:5px;line-height:22px;font-size:12px;font-weight:normal;color:#000;letter-spacing:-1px;} /* 메인 > 채널A */ #contents .mainCha {position:relative;} #contents .mainCha h2 {height:35px;padding-left:14px;font-size:16px;color:#000;line-height:35px;border-top:1px solid #e7e7e7;border-bottom:1px solid #d1d1d1; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fafafa), color-stop(0.9, #f4f4f5)); background: -moz-linear-gradient(center top, #fafafa, #f4f4f5); background: -o-linear-gradient(top, #fafafa, #f4f4f5); } #contents .mainCha ul {overflow:hidden;margin:12px 12px;} #contents .mainCha ul li {float:left;width:33.3%;} #contents .mainCha ul li a {display:block;position:relative;width:87px;margin:0 auto;} #contents .mainCha ul li a img {display:block;margin:0 auto 5px;} #contents .mainCha ul li a span {position:absolute;left:0;top:0;width:85px;height:63px;border:1px solid #000;opacity:0.1;} #contents .mainCha ul li a em {position:absolute;left:3px;top:40px;width:22px;height:22px;} #contents .mainCha ul li a em img {width:22px;height:22px;} #contents .mainCha ul li a strong {display:block;height:30px;overflow:hidden;font-size:13px;text-align:left;font-weight:normal;line-height:1.2;letter-spacing:-1px;} #contents .mainCha ul li a strong span {position:static;width:auto;height:auto;border:0 none;opacity:1;color:#0099da;} #contents .mainCha .more {position:absolute;top:9px;right:15px;height:19px;line-height:19px;padding-right:8px;background:url(../images/bul_arrow.png) no-repeat right 6px;background-size:auto 7px;} #contents .mainCha .more a {font-size:13px;color:#000;} /* 메인 > 동아닷컴 Only */ #contents .mainOnly {position:relative;} #contents .mainOnly h2 {height:35px;padding-left:14px;font-size:16px;color:#000;line-height:35px;border-top:1px solid #e7e7e7;border-bottom:1px solid #d1d1d1; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fafafa), color-stop(0.9, #f4f4f5)); background: -moz-linear-gradient(center top, #fafafa, #f4f4f5); background: -o-linear-gradient(top, #fafafa, #f4f4f5); } #contents .mainOnly .list_box {position:relative;width:100%;height:260px;overflow:hidden;} #contents .mainOnly .list_box ul {display:inline-block;position:absolute;top:0;width:100%;} #contents .mainOnly .list_box ul li {float:left;} #contents .mainOnly .list_box ul li ul {position:relative;display:block;overflow:hidden;width:auto;padding:0;margin:0;} #contents .mainOnly .list_box ul li ul li {float:left;width:50%;padding:12px 0;border-bottom:1px solid #f2f2f2;} #contents .mainOnly .list_box ul li ul li:nth-child(2n+1) {background:url(../images/bg_gray.png) repeat-y right 0;background-size:1px 1px;} #contents .mainOnly .list_box ul li ul li a {display:block;position:relative;width:125px;margin:0 auto;} #contents .mainOnly .list_box ul li ul li a img {display:block;margin:0 auto 5px;} #contents .mainOnly .list_box ul li ul li a span {position:absolute;left:0;top:0;width:123px;height:68px;border:1px solid #000;opacity:0.1;} #contents .mainOnly .list_box ul li ul li a strong {display:block;height:30px;overflow:hidden;font-size:13px;text-align:left;font-weight:normal;line-height:1.2;letter-spacing:-1px;} #contents .mainOnly .list_box ul li ul li a strong span {position:static;width:auto;height:auto;border:0 none;opacity:1;color:#fa5400;} #contents .mainOnly .btn_area_b {position:absolute;top:9px;right:15px;height:20px;padding:0 10px;text-align:center;z-index:100; background-image:url(../images/bg_btn_area.png), url(../images/bg_btn_area.png); background-repeat:no-repeat, no-repeat; background-position:0 0, right -50px; background-size:10px auto, 10px auto; } #contents .mainOnly .btn_area {display:inline-block;margin:0 auto;text-align:center;height:11px;padding:4px 0 5px;overflow:hidden; background-image:url(../images/bg_btn_area.png); background-repeat:repeat-x; background-position:0 -25px; background-size:10px auto; } #contents .mainOnly .btn_area button {vertical-align:top;display:inline-block;width:11px;height:11px;border:0 none;font-size:0;cursor:pointer;line-height:0;text-indent:-9999px;background:url(../images/btn_page_off.png) no-repeat 0 0;background-size:11px 11px;} #contents .mainOnly .btn_area button.on {background-image:url(../images/btn_page_on.png);} /* 메인 > 모바일 동아 미디어 그룹 */ #contents .mainMedia {position:relative;margin-top:-1px;} #contents .mainMedia h2 {height:35px;padding-left:14px;font-size:16px;color:#000;line-height:35px;border-top:1px solid #e7e7e7;border-bottom:1px solid #d1d1d1; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fafafa), color-stop(0.9, #f4f4f5)); background: -moz-linear-gradient(center top, #fafafa, #f4f4f5); background: -o-linear-gradient(top, #fafafa, #f4f4f5); } #contents .mainMedia .list_box {position:relative;width:100%;height:90px;overflow:hidden;} #contents .mainMedia .list_box ul {display:inline-block;position:absolute;top:0;width:100%;} #contents .mainMedia .list_box ul li {float:left;} #contents .mainMedia .list_box ul li ul {position:relative;display:block;overflow:hidden;width:auto;padding:0;margin:0;} #contents .mainMedia .list_box ul li ul li {float:left;width:20%;padding:12px 0;} #contents .mainMedia .list_box ul li ul li a {display:block;position:relative;font-size:12px;text-align:center;font-weight:normal;line-height:1.1;letter-spacing:-1px;} #contents .mainMedia .list_box ul li ul li a img {display:block;width:40px;margin:0 auto 3px;} #contents .mainMedia .btn_area_b {position:absolute;top:8px;right:15px;height:20px;padding:0 10px;text-align:center;z-index:100; background-image:url(../images/bg_btn_area.png), url(../images/bg_btn_area.png); background-repeat:no-repeat, no-repeat; background-position:0 0, right -50px; background-size:10px auto, 10px auto; } #contents .mainMedia .btn_area {display:inline-block;margin:0 auto;text-align:center;height:11px;padding:4px 0 5px;overflow:hidden; background-image:url(../images/bg_btn_area.png); background-repeat:repeat-x; background-position:0 -25px; background-size:10px auto; } #contents .mainMedia .btn_area button {vertical-align:top;display:inline-block;width:11px;height:11px;border:0 none;font-size:0;cursor:pointer;line-height:0;text-indent:-9999px;background:url(../images/btn_page_off.png) no-repeat 0 0;background-size:11px 11px;} #contents .mainMedia .btn_area button.on {background-image:url(../images/btn_page_on.png);} /* 서브 > 최신뉴스, 검색결과 공통 */ #contents .bannerAd {text-align:center;} #contents .newsLatestList {position:relative;} #contents .newsLatestList h2 {height:35px;padding-left:14px;font-size:16px;color:#000;line-height:35px;border-top:1px solid #999;border-bottom:1px solid #d1d1d1; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fafafa), color-stop(0.9, #f4f4f5)); background: -moz-linear-gradient(center top, #fafafa, #f4f4f5); background: -o-linear-gradient(top, #fafafa, #f4f4f5); } #contents .newsLatestList h2 strong {color:#fa5400;} #contents .newsLatestList ul {} #contents .newsLatestList ul li {position:relative;z-index:1;width:100%;max-height:60px;overflow:hidden;border-bottom:1px solid #f2f2f2;} #contents .newsLatestList ul li:nth-of-type(5n) {border-bottom:1px solid #dadada;} #contents .newsLatestList ul li:last-child {border-bottom:1px solid #fff;} #contents .newsLatestList ul li .t {} #contents .newsLatestList ul li .t a {display:block;max-height:32px;overflow:hidden;margin:14px 0 14px 15px;padding-right:10px;line-height:1.2;} #contents .newsLatestList ul li .p {float:right;width:65px;height:60px;overflow:hidden;} #contents .newsLatestList ul li .p a {display:table-cell;vertical-align:middle;;width:65px;height:60px;overflow:hidden;} #contents .newsLatestList ul li .p a img {width:65px;max-height:none;height:auto !important;} #contents .newsLatestList .bannerAd {background:#fff;text-align:center;border-bottom:1px solid #dadada;} #contents .newsLatestList .more {position:relative;width:100%;height:45px;overflow:hidden;text-align:center;line-height:45px;background:url(../images/bg_list_more.png) repeat-x 0 0;background-size:100% 45px;} #contents .newsLatestList .more a {display:block;width:100%;height:100%;text-align:center;vertical-align:top;} #contents .newsLatestList .more a strong {display:inline-block;padding-left:20px;font-weight:normal;vertical-align:middle;background:url(../images/bul_more_arr.png) no-repeat 0 16px;background-size:11px 13px;} #contents .newsLatestList .more a span {display:inline-block;font-size:9px;color:#8a8a8a;vertical-align:middle;} #contents .newsLatestList .more img {width:16px;height:16px;margin-right:3px;} /* 서브 > 핫이슈 */ #contents .hotIssue {position:relative;} #contents .hotIssue h2 {height:40px;padding-left:14px;font-size:16px;color:#000;line-height:40px;border-top:1px solid #999;border-bottom:1px solid #d1d1d1; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fafafa), color-stop(0.9, #f4f4f5)); background: -moz-linear-gradient(center top, #fafafa, #f4f4f5); background: -o-linear-gradient(top, #fafafa, #f4f4f5); } #contents .hotIssue h2 img {position:relative;top:-2px;vertical-align:middle;margin-right:3px;} #contents .hotIssue h2 strong {color:#fa5400;} #contents .hotIssue ul {} #contents .hotIssue ul li {width:100%;overflow:hidden;border-bottom:1px solid #d8d8da;} #contents .hotIssue ul li:nth-of-type(5n) {border-bottom:1px solid #999;} #contents .hotIssue ul li:last-child {border-bottom:0 none;} #contents .hotIssue ul li .t {} #contents .hotIssue ul li .t a {display:block;height:32px;overflow:hidden;margin:14px 0 14px 15px;padding-right:10px;line-height:1.2;} #contents .hotIssue ul li .p {float:right;} #contents .hotIssue ul li .p a {} #contents .hotIssue .bannerAd {background:#fff;text-align:center;border-bottom:1px solid #dadada;} #contents .hotIssue .page {position:relative;padding:16px 0 5px;text-align:center;font-weight:bold;border-top:1px solid #999;} #contents .hotIssue .page a {display:inline-block;width:30px;height:29px;margin:0 3px;line-height:29px;border:1px solid #bdbdbd;font-size:11px;border-radius:3px;color:#666; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ffffff), color-stop(0.9, #e5e5e5)); background: -moz-linear-gradient(center top, #ffffff, #e5e5e5); background: -o-linear-gradient(top, #ffffff, #e5e5e5); } #contents .hotIssue .page strong {display:inline-block;width:30px;height:29px;margin:0 3px;line-height:29px;border:1px solid #bdbdbd;font-size:11px;border-radius:3px;background:#e2e2e2;color:#333;box-shadow:0 2px 4px 1px #b2b2b2 inset;} #contents .hotIssue .page .left {width:42px;background:url(../images/btn_p_left.png) no-repeat -1px -1px;background-size:44px auto;} #contents .hotIssue .page .right {width:42px;background:url(../images/btn_p_right.png) no-repeat -1px -1px;background-size:44px auto;} #contents .hotIssue .page .left span, #contents .hotIssue .page .right span {position:absolute;visibility:hidden;z-index:-1;} /* 서브 > 포토뉴스 > 메인 리스트형 */ #contents .photonewsMaList {position:relative;background:#e2e3e3;padding-bottom:10px;} #contents .photonewsMaList h2 {height:40px;padding-left:14px;font-size:16px;color:#000;line-height:40px;border-top:1px solid #8e8e90;border-bottom:1px solid #888; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #f5f5f5), color-stop(0.9, #dddddd)); background: -moz-linear-gradient(center top, #f5f5f5, #dddddd); background: -o-linear-gradient(top, #f5f5f5, #dddddd); box-shadow:0 2px 2px 0 #b9baba; } #contents .photonewsMaList ul.list {padding:9px 7px 0 7px;} #contents .photonewsMaList ul.list li {width:100%;height:60px;margin-bottom:6px;box-shadow:1px 1px 2px 0 #b9baba;overflow:hidden;word-break:break-all;border:1px solid #b7b7b7;background:#fff;} #contents .photonewsMaList ul.list li:last-child {margin-bottom:0;} #contents .photonewsMaList ul.list li .p {float:left;width:66px;height:55px;padding:3px;border-right:1px solid #b7b7b7;} #contents .photonewsMaList ul.list li .p a {display:block;} #contents .photonewsMaList ul.list li .t {} #contents .photonewsMaList ul.list li .t a {display:block;height:32px;overflow:hidden;margin:14px 10px 14px 0;padding-left:10px;line-height:1.2;} #contents .photonewsMaList .btnBox {position:absolute;top:1px;right:0;} #contents .photonewsMaList .btnBox button {float:left;display:inline-block;height:40px;cursor:pointer;border:0 none;text-indent:-9999px;overflow:hidden;vertical-align:top;} #contents .photonewsMaList .btnBox .pl_mode_1 {width:45px;background:url(../images/btn_pl.png) no-repeat 0 0;background-size:89px auto;} #contents .photonewsMaList .btnBox .pl_mode_2 {width:45px;background:url(../images/btn_pl.png) no-repeat 0 -50px;background-size:89px auto;} #contents .photonewsMaList .btnBox .pl_more {width:44px;background:url(../images/btn_pl.png) no-repeat -45px 0;background-size:89px auto;} /* 서브 > 포토뉴스 > 메인 썸네일형 */ #contents .photonewsMaList ul.thumb {width:294px;padding:5px 4px 4px 5px;margin:9px auto 0;border:1px solid #b7b7b7;background:#fff;box-shadow:1px 1px 2px 0 #bab9b9;overflow:hidden;} #contents .photonewsMaList ul.thumb li {float:left;margin-right:1px;margin-bottom:1px;} #contents .photonewsMaList ul.thumb li a {display:block;} #contents .photonewsMaList ul.thumb li a img {} /* 서브 > 포토뉴스 > 전체리스트 */ #contents .photonewsList {} #contents .photonewsList h2 {height:35px;padding-left:14px;font-size:16px;color:#000;line-height:35px;border-top:1px solid #999;border-bottom:1px solid #d1d1d1; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fafafa), color-stop(0.9, #f4f4f5)); background: -moz-linear-gradient(center top, #fafafa, #f4f4f5); background: -o-linear-gradient(top, #fafafa, #f4f4f5); } #contents .photonewsList ul {position:relative;overflow:hidden;width:100%;} #contents .photonewsList ul li {float:left;width:33%;padding:14px 0 12px;border-bottom:1px solid #d8d8da;} #contents .photonewsList ul li:nth-child(3n-2) {width:34%;} #contents .photonewsList ul li a {display:block;position:relative;width:97px;margin:0 auto;overflow:hidden;} #contents .photonewsList ul li:nth-child(3n-2) a {margin-left:10px;} #contents .photonewsList ul li:nth-child(3n) a {margin-right:10px;} #contents .photonewsList ul li a img {display:block;margin:0 auto 5px;} #contents .photonewsList ul li a span {position:absolute;left:5px;top:0;width:85px;height:68px;border:1px solid #000;opacity:0.2;} #contents .photonewsList ul li a strong {display:block;height:32px;overflow:hidden;font-size:12px;text-align:center;font-weight:normal;line-height:1.3;} #contents .photonewsList .page {position:relative;padding:16px 0 5px;text-align:center;font-weight:bold;} #contents .photonewsList .page a {display:inline-block;width:30px;height:29px;margin:0 3px;line-height:29px;border:1px solid #bdbdbd;font-size:11px;border-radius:3px;color:#666; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ffffff), color-stop(0.9, #e5e5e5)); background: -moz-linear-gradient(center top, #ffffff, #e5e5e5); background: -o-linear-gradient(top, #ffffff, #e5e5e5); } #contents .photonewsList .page strong {display:inline-block;width:30px;height:29px;margin:0 3px;line-height:29px;border:1px solid #bdbdbd;font-size:11px;border-radius:3px;background:#e2e2e2;color:#333;box-shadow:0 2px 4px 1px #b2b2b2 inset;} #contents .photonewsList .page .left {width:42px;background:url(../images/btn_p_left.png) no-repeat -1px -1px;background-size:44px auto;} #contents .photonewsList .page .right {width:42px;background:url(../images/btn_p_right.png) no-repeat -1px -1px;background-size:44px auto;} #contents .photonewsList .page .left span, #contents .photonewsList .page .right span {position:absolute;visibility:hidden;z-index:-1;} /* 서브 > 많이 본 뉴스 */ #contents .bestClickNews {position:relative;} #contents .bestClickNews h2 {height:35px;padding-left:14px;font-size:16px;color:#000;line-height:35px;border-top:1px solid #999;border-bottom:1px solid #d1d1d1; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fafafa), color-stop(0.9, #f4f4f5)); background: -moz-linear-gradient(center top, #fafafa, #f4f4f5); background: -o-linear-gradient(top, #fafafa, #f4f4f5); } #contents .bestClickNews .btn_area {position:absolute;left:0;top:37px;width:100%;overflow:hidden;height:38px;background:#fff;border-bottom:1px solid #8d8e8f;} #contents .bestClickNews .btn_area button {font-size:14px;float:left;height:38px;line-height:38px;text-align:center;color:#000;padding:0 14px;background:url(../images/line_bc_nav.png) no-repeat right 15px;background-size:1px 8px;cursor:pointer;border:0 none;} #contents .bestClickNews .btn_area button:last-child {background:none;} #contents .bestClickNews .btn_area button.on {font-weight:bold;color:#fa5400;} #contents .bestClickNews .list_box {position:relative;width:100%;height:760px;/*margin-top:39px;*/margin-bottom:15px;overflow:hidden;} #contents .bestClickNews .list_box ul {display:inline-block;position:absolute;top:0;width:100%;} #contents .bestClickNews .list_box ul li {position:relative;float:left;height:760px;} #contents .bestClickNews .list_box ul li .newsList {position:static;display:block;} #contents .bestClickNews .list_box ul li .newsList li {float:none;height:auto;padding:0 14px;border-bottom:1px solid #E4E5E7;letter-spacing:-1px;} #contents .bestClickNews .list_box ul li .newsList li a {display:block;width:100%;height:37px;line-height:37px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#222;} #contents .bestClickNews .list_box ul li .newsList li a .num {display:inline-block;width:23px;height:23px;margin-right:10px;line-height:23px;font-size:12px;text-align:center;box-shadow:0 1px 1px 0 #ececec;font-weight:bold;color:#999;border:1px solid #afb1b4;border-radius:4px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #f5f5f5), color-stop(0.9, #f1f1f1)); background: -moz-linear-gradient(center top, #f5f5f5, #f1f1f1); background: -o-linear-gradient(top, #f5f5f5, #f1f1f1); } #contents .bestClickNews .list_box ul li .newsList li:nth-child(1) a .num, #contents .bestClickNews .list_box ul li .newsList li:nth-child(2) a .num, #contents .bestClickNews .list_box ul li .newsList li:nth-child(3) a .num {color:#fff;border:1px solid #cd591e; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fa9700), color-stop(0.9, #fa5600)); background: -moz-linear-gradient(center top, #fa9700, #fa5600); background: -o-linear-gradient(top, #fa9700, #fa5600); } #contents .bestClickNews .list_box ul li .newsList li:nth-child(5n) {border-bottom:1px solid #BCC1C7;} #contents .bestClickNews .day_btn {position:relative;padding:0 11px 5px;text-align:center;font-weight:bold;} #contents .bestClickNews .day_btn a {display:inline-block;width:30px;height:29px;margin:0 3px;line-height:29px;border:1px solid #bdbdbd;font-size:11px;border-radius:3px;color:#666; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #ffffff), color-stop(0.9, #e5e5e5)); background: -moz-linear-gradient(center top, #ffffff, #e5e5e5); background: -o-linear-gradient(top, #ffffff, #e5e5e5); } #contents .bestClickNews .day_btn strong {display:block;margin:0 50px;text-align:center;height:29px;line-height:29px;font-size:16px;color:#222;letter-spacing:-1px;font-weight:normal;} #contents .bestClickNews .day_btn .left {position:absolute;left:11px;top:0;width:42px;height:29px;background:url(../images/btn_p_left.png) no-repeat -1px -1px;background-size:44px auto;} #contents .bestClickNews .day_btn .right {position:absolute;right:11px;;top:0;width:42px;height:29px;background:url(../images/btn_p_right.png) no-repeat -1px -1px;background-size:44px auto;} #contents .bestClickNews .day_btn .left span, #contents .bestClickNews .day_btn .right span {position:absolute;visibility:hidden;z-index:-1;} /* 서브 > 뉴스뷰 > 기사제목 */ #contents .articleTitle {padding:15px 0 0;width:100%;overflow:hidden;border-top:1px solid #8e8e90;} #contents .articleTitle h1 {margin:0 14px 8px;font-size:18px;font-weight:bold;color:#000;line-height:23px;letter-spacing:-1px;} #contents .articleTitle .t_s {margin:0 14px;padding-bottom:7px;overflow:hidden;border-bottom:1px solid #dcdcdc;} #contents .articleTitle .t_s .date {float:left;height:27px;line-height:27px;font-size:11px;color:#999;} #contents .articleTitle .t_s .size {float:right;} /* 서브 > 뉴스뷰 > 기사보기 */ #contents .articleView {padding:15px 14px 15px;color:#333;font-size:15px;} #contents .articleView .art_photo {margin:0 0 15px 0;text-align:center;} #contents .articleView .art_photo img {max-width:100%;} #contents .articleView .art_photo p {font-size:12px;color:#999;padding:10px;text-align:left;line-height:1.3;} #contents .articleView .sns_btn {width:100%;overflow:hidden;} #contents .articleView .sns_btn li {float:left;margin-right:5px;} #contents .articleView .sns_btn li:nth-last-child(2) {float:left;margin-right:8px;} #contents .articleView .sns_btn li:last-child {float:left;margin:0 0 0 0;padding-left:9px;background:url(../images/line_sns_btn.png) no-repeat 0 10px;background-size:auto 17px;} /* @media all and (orientation:landscape){ #contents .articleView .sns_btn li {float:left;margin-right:20px;} #contents .articleView .sns_btn li:nth-last-child(2) {float:left;margin-right:17px;} #contents .articleView .sns_btn li:last-child {float:left;margin:0 0 0 0;padding-left:18px;background:url(../images/line_sns_btn.png) no-repeat 0 10px;background-size:auto 17px;} } */ #contents #ad_p {margin-top:-15px;} #contents #ad_naon_donga {margin-bottom:7px;} #contents #ad_mnc {margin-bottom:7px;} #contents .articleView #dataset {margin-bottom:7px;} /* 서브 > 뉴스뷰 > 채널A링크, 광고 */ #contents .cha_link {font-weight:bold;} #contents .cha_link span {color:#0099da} #contents .articleView iframe {width:290px; height:69px; !important;} #contents #dataset {margin-top:-15px;/*margin-bottom:-15px !important;*/} #contents #dataset .style3 {height:34px !important;} #contents .m_ad {width:312px;padding:5px 4px;overflow:hidden;margin:0 auto 15px;height:50px;background:#eee;} @media only screen and (max-width:320px){ #contents #view_relate_box iframe {width:320px !important;} } @media only screen and (min-device-width:321px) and (max-device-width:360px){ #contents #view_relate_box iframe {width:360px !important;} } @media all and (orientation:landscape){ #contents #view_relate_box iframe {width:100% !important;} } /* 서브 > 뉴스뷰 > sns댓글 */ #contents .sns_reply {padding:0 0 10px 0;} #contents .sns_reply .sns_reply_btn {padding:10px 14px 10px;text-align:right;border-top:1px solid #c8c8c8;} #contents .sns_reply .sns_reply_btn a {color:#555;font-weight:bold;} #contents .sns_reply .sns_reply_btn a strong {color:#fa5400;} #contents .sns_reply .sns_reply_btn a img {position:relative;top:5px;vertical-align:top;} #contents .sns_reply .sns_reply_list {} #contents .sns_reply .sns_reply_list.off {display:none;} #contents .sns_reply .sns_reply_list.on {display:block;} /* 서브 > 뉴스뷰 > 관련뉴스, 인기클릭뉴스, 포토뉴스 */ #contents .t_list {margin-top:-1px;position:relative;} #contents .t_list h2 {position:relative;z-index:1;height:34px;line-height:34px;padding:0 14px;font-size:15px;font-weight:bold;color:#333; background:#f0f0f0;border-top:1px solid #8d8e8f;border-bottom:1px solid #c8c8c8; } #contents .t_list h2 img {vertical-align:top;height:34px;} #contents .t_list ul {} #contents .t_list ul li {height:38px;line-height:38px;border-bottom:1px solid #dfdfdf;} #contents .t_list ul li a {display:block;padding:0 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #contents .p_list {} #contents .p_list h2 {height:34px;line-height:34px;padding:0 14px;font-size:15px;font-weight:bold;color:#333;background:#f0f0f0;border-top:1px solid #8d8e8f;border-bottom:1px solid #c8c8c8;} #contents .p_list h2 img {vertical-align:top;height:34px;} #contents .p_list ul {position:relative;display:block;overflow:hidden;width:auto;padding:0 12px 10px;margin:13px 0 0;} #contents .p_list ul li {float:left;width:33.3%;background:#fefefe;} #contents .p_list ul li a {display:block;position:relative;width:87px;margin:0 auto;} #contents .p_list ul li a img {display:block;margin:0 auto 5px;} #contents .p_list ul li a span {position:absolute;left:0;top:0;width:85px;height:68px;border:1px solid #000;opacity:0.2;} #contents .p_list ul li a strong {display:block;height:32px;overflow:hidden;font-size:12px;text-align:center;font-weight:normal;line-height:1.3;} /* 서브 > 뉴스뷰 > 인기클릭뉴스 광고 */ #contents .click_AD {} #contents .click_AD ul {} #contents .click_AD ul li {height:38px;line-height:38px;border-top:1px solid #dfdfdf;} #contents .click_AD ul li:first-child {border-top:0 none;} #contents .click_AD ul li a {font-weight:bold;display:block;padding:0 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #contents .click_AD ul li a strong {font-weight:bold;color:#2D4DEF;} /* 서브 > 뉴스뷰 > 포토뉴스 광고 */ #contents .photo_AD {} #contents .photo_AD .p {position:relative;display:block;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;overflow:hidden;width:auto;padding:13px 12px 10px;} #contents .photo_AD .p li {float:left;width:33.3%;background:#fefefe;} #contents .photo_AD .p li a {display:block;position:relative;width:87px;margin:0 auto;} #contents .photo_AD .p li a img {display:block;margin:0 auto 5px;} #contents .photo_AD .p li a span {position:absolute;left:0;top:0;width:85px;height:68px;border:1px solid #000;opacity:0.2;} #contents .photo_AD .p li a strong {display:block;height:32px;overflow:hidden;font-size:12px;text-align:center;font-weight:normal;line-height:1.3;} #contents .photo_AD .t {} #contents .photo_AD .t li {height:38px;line-height:38px;border-top:1px solid #dfdfdf;} #contents .photo_AD .t li:first-child {border-top:0 none;} #contents .photo_AD .t li a {font-weight:bold;display:block;padding:0 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #contents .photo_AD .t li a strong {font-weight:bold;color:#2D4DEF;} /* 서브 > 뉴스뷰 > 많이 본 뉴스 */ #contents .viewBestClick {position:relative;} #contents .viewBestClick h2 {height:35px;padding-left:14px;font-size:16px;color:#000;line-height:35px;border-top:1px solid #e7e7e7;border-bottom:1px solid #d1d1d1; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fafafa), color-stop(0.9, #f4f4f5)); background: -moz-linear-gradient(center top, #fafafa, #f4f4f5); background: -o-linear-gradient(top, #fafafa, #f4f4f5); } #contents .viewBestClick h2 strong {color:#fa5400} #contents .viewBestClick ul li {height:38px;line-height:38px;border-bottom:1px solid #f2f2f2;} #contents .viewBestClick ul li:last-child {height:38px;line-height:38px;border-bottom:1px solid #dadada;} #contents .viewBestClick ul li a {display:block;padding:0 14px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #contents .viewBestClick .more {position:absolute;top:9px;right:15px;height:19px;line-height:19px;padding-right:8px;background:url(../images/bul_arrow.png) no-repeat right 6px;background-size:auto 7px;} #contents .viewBestClick .more a {font-size:13px;color:#000;} /* 하단 링크 */ #contents .tailLink {position:relative;padding:20px 13px 0 15px;margin-bottom:20px;} #contents .tailLink ul {width:100%;overflow:hidden;} #contents .tailLink ul li {float:left;width:33.3%;text-align:center;} #contents .tailLink ul li a {display:block;height:37px;line-height:37px;font-weight:bold;color:#333;border:1px solid #cecece;border-right:0 none;border-bottom:0 none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #f9f9f9), color-stop(0.9, #e5e6e8)); background: -moz-linear-gradient(center top, #f9f9f9, #e5e6e8); background: -o-linear-gradient(top, #f9f9f9, #e5e6e8); } #contents .tailLink ul li:first-child a {border-radius:5px 0 0 0;} #contents .tailLink ul li:nth-child(3) a {border-radius:0 5px 0 0;} #contents .tailLink ul li:nth-child(7) a {border-radius:0 0 0 5px;border-bottom:1px solid #cecece;} #contents .tailLink ul li:nth-child(8) a {border-bottom:1px solid #cecece;} #contents .tailLink ul li:nth-child(9) a {border-radius:0 0 5px 0;border-bottom:1px solid #cecece;} #contents .tailLink ul li:nth-child(3n) a {border-right:1px solid #cecece;} /* 하단 */ #footer {background:url(../images/bg_footer.png) repeat 0 0;padding:12px 0 73px;border-top:1px solid #767676;} #footer .footBtn {text-align:center;padding:0 0 12px 0;} #footer .footBtn a {display:inline-block;height:30px;margin:0 5px;} #footer .footBtn a img {height:30px;} #footer .footBtn a:last-child {margin:0 3px 0 10px;padding-left:20px;background:url(../images/line_footer_btn.png) no-repeat 0 center; background-size:2px auto;} #footer .copy {font-family:Verdana;font-size:12px;color:#666;text-align:center;} #footer .copy a {margin:0 2px;} #footer .copy a img {position:relative;top:-1px;} /* 로그인 */ #login {background:#f4f4f4;} #login #footer {background:none;border-top:0 none;} #contents form.log {display:inline-block;width:100%;} #contents form.log fieldset {display:inline-block;width:100%;height:100%;overflow:hidden;} #contents .loginBox {position:relative;margin:24px 14px 0;} #contents .loginBox .box_f {position:relative;padding:14px;background:#ebebeb;border:1px solid #c4c4c4;border-radius:5px;} #contents .loginBox .box_f .id {margin:0 0 5px;padding-right:110px;} #contents .loginBox .box_f .pw {margin:0 0 15px;padding-right:110px;} #contents .loginBox input[type="text"] {display:block;width:100%;height:29px;font-size:16px;padding:2px 10px;line-height:29px;border:1px solid #919191;border-radius:5px;ime-mode:inactive;} #contents .loginBox input[type="password"] {display:block;width:100%;height:29px;font-size:16px;padding:2px 10px;line-height:29px;border:1px solid #919191;border-radius:5px;} #contents .loginBox input[type="checkbox"] {height:19px;vertical-align:middle;margin-top:-3px;} #contents .loginBox label {margin-right:5%;} #contents .loginBox input[type="image"] {position:absolute;right:14px;top:14px;width:75px;height:75px;} #contents .loginBox .join_txt {margin-top:20px;letter-spacing:-1px;padding:20px 0 25px;color:#666;font-size:14px;background:url(../images/bg_line_pro.png) repeat-x 0 top;} #contents .loginBox .join_txt strong {color:#333;} /* 포토뉴스 뷰 */ #photo_view_body {over flow:hidden;background:#222;} /* #photo_view {position:absolute;left:0;top:0;bottom:0;width:100%;overflow:hidden;} */ #photo_view #pv_title {display:block;opacity:1;position:absolute;z-index:2000;left:0;top:0;width:100%;height:83px;border-bottom:1px solid #000000;} #photo_view #pv_title h1 {padding:6px 13px 0;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:bold;letter-spacing:-1px;} #photo_view #pv_title .date {padding:0 13px 0;font-size:11px;color:#999;letter-spacing:-1px;} #photo_view #pv_title .etc {position:absolute;left:0;bottom:0;width:100%;overflow:hidden;border-top:1px solid #828689;} #photo_view #pv_title .etc li {float:left;width:50%;} #photo_view #pv_title .etc li a {display:block;height:30px;line-height:30px;text-align:center;font-size:12px;color:#fff;border-left:1px solid #828689;} #photo_view #pv_title .etc li:first-child a {display:block;border-left:0 none;} #photo_view #pv_title .etc li a span {display:inline-block;} #photo_view #pv_title .etc li:first-child a span {padding-right:17px;background:url(../images/bul_j.png) no-repeat right 8px;background-size:auto 11px;} #photo_view #pv_title .etc li:last-child a.off span {padding-right:17px;background:url(../images/bul_a_off.png) no-repeat right 12px;background-size:auto 6px;} #photo_view #pv_title .etc li:last-child a.on span {padding-right:17px;background:url(../images/bul_a_on.png) no-repeat right 12px;background-size:auto 6px;} #photo_view #pv_title * {position:relative;z-index:2;} #photo_view #pv_title .bg {position:absolute;left:0;top:0;width:100%;height:83px;background:#000;opacity:0.5;z-index:1;} #photo_view #pv_cont {display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;overflow:hidden;} #photo_view #pv_cont .img_box {} #photo_view #pv_cont .img_box ul {background:#222;display:block;overflow:hidden;position:absolute;top:0;left:0;right:0;width:100%;height:100%;} #photo_view #pv_cont .img_box ul li {position:relative;float:left;height:100%;} #photo_view #pv_cont .btn_box {position:absolute;left:0;top:50%;width:100%;z-index:10000;} #photo_view #pv_cont .btn_box .btn_left {position:absolute;left:0;top:50%;margin-top:-20px;z-index:1000;} #photo_view #pv_cont .btn_box .btn_right {position:absolute;right:0;top:50%;margin-top:-20px;z-index:1000;} #photo_view #pv_cont .pv_img {width:100%;height:100%;text-align:center;} #photo_view #pv_cont .pv_img img {vertical-align:middle;} #photo_view #pv_cont .pv_img span {display:inline-block;font-size:0;line-height:0;height:100%;min-height:100%;width:0;background:red;;overflow:hidden;vertical-align:middle;} #photo_view #pv_cont .pv_sns {position:absolute;left:0;top:83px;width:100%;overflow:hidden;border-bottom:1px solid #000;} #photo_view #pv_cont .pv_sns.off {display:none;} #photo_view #pv_cont .pv_sns.on {display:block;} #photo_view #pv_cont .pv_sns * {position:relative;z-index:2;} #photo_view #pv_cont .pv_sns .bg {position:absolute;left:0;top:0;width:100%;height:58px;background:#000;opacity:0.5;z-index:1;} #photo_view #pv_cont .pv_sns ul {width:100%;overflow:hidden;} #photo_view #pv_cont .pv_sns ul li {float:left;padding:10px 0;margin-right:7px;} #photo_view #pv_cont .pv_sns ul li:first-child {padding-left:10px;} #photo_view #pv_cont .pv_sns ul li:nth-last-child(2) {float:left;margin-right:8px;} #photo_view #pv_cont .pv_sns ul li:last-child {float:left;margin:0 0 0 0;padding-left:9px;background:url(../images/line_sns_btn.png) no-repeat 0 20px;background-size:auto 17px;} @media all and (orientation:landscape){ #photo_view #pv_cont .pv_sns ul li {float:left;margin-right:20px;} #photo_view #pv_cont .pv_sns ul li:first-child {padding-left:5px;} #photo_view #pv_cont .pv_sns ul li:nth-last-child(2) {float:left;margin-right:17px;} #photo_view #pv_cont .pv_sns ul li:last-child {float:left;margin:0 0 0 0;padding-left:18px;background:url(../images/line_sns_btn.png) no-repeat 0 20px;background-size:auto 17px;} } #photo_view #pv_cont .pv_article {position:absolute;left:0;top:83px;bottom:36px;width:100%;} #photo_view #pv_cont .pv_article.off {display:none;} #photo_view #pv_cont .pv_article.on {display:block;} #photo_view #pv_cont .pv_article .t {padding:10px 14px;text-align:left;color:#fff;max-height:63%;overflow:hidden;} #photo_view #pv_cont .pv_article .more {display:block;padding:10px 24px;text-align:right;} #photo_view #pv_cont .pv_article .more a {color:#fff;} #photo_view #pv_cont .pv_article * {position:relative;z-index:2;} #photo_view #pv_cont .pv_article .bg {position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:1;} #photo_view #pv_footer {display:block;opacity:1;position:fixed;z-index:2000;left:0;bottom:0;width:100%;border-top:1px solid #000000;} #photo_view #pv_footer ul {width:100%;overflow:hidden;} #photo_view #pv_footer ul li {float:left;width:33.3%;text-align:center;vertical-align:middle;line-height:35px;color:#fff;} #photo_view #pv_footer ul li a {display:block;height:35px;color:#fff;text-align:center;vertical-align:middle;line-height:35px;border-left:1px solid #828689;} #photo_view #pv_footer ul li:first-child a {border-left:0 none;} #photo_view #pv_footer ul li strong {color:#fa5400;} #photo_view #pv_footer ul li img {position:relative;} #photo_view #pv_footer .bannerAd {border-bottom:1px solid #000;text-align:center;} #photo_view #pv_footer * {position:relative;z-index:2;} #photo_view #pv_footer .bg {position:absolute;left:0;bottom:0;width:100%;height:35px;background:#000;opacity:0.5;z-index:1;} #contents .ttalk150_loginWrap .rightBox img {width:66px;} #contents .ttalk150_replyList .textReplayText {top:-12px;} /* 로그인 */ #art_send {background:#ebebeb;} #art_send #footer {background:none;border-top:0 none;} #art_send #contents .s_title {padding:12px 14px 25px; background-image:url(../images/bg_s_title_arr.png), url(../images/bg_s_title.png); background-repeat:no-repeat, no-repeat; background-position:center bottom, 0 bottom; background-size:17px 12px, 100% 12px; background-color:#f5f5f5; } #art_send #contents .s_title h1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;} #art_send #contents .s_title p {word-break:break-all;line-height:16px;} #art_send #contents .s_title p a {color:#999;letter-spacing:-1px;text-decoration:underline;} #art_send #contents .sendArea {width:100%;overflow:hidden;} #art_send #contents .sendArea .se_box {position:relative;padding:12px 0 10px;margin:0 14px;background:url(../images/bg_line_pro.png) repeat-x 0 bottom;background-size:1px 2px;} #art_send #contents .sendArea .se_box strong {font-size:13px;font-weight:bold;color:#000;position:absolute;left:0;top:18px;} #art_send #contents .sendArea .se_box p {padding:0 0 7px 60px;} #art_send #contents .sendArea .se_box p input {display:block;width:90%;height:29px;font-size:16px;padding:2px 10px;line-height:29px;border:1px solid #919191;border-radius:5px;} #art_send #contents .sendArea .se_box p label {display:none;} #art_send #contents .toArea {width:100%;overflow:hidden;} #art_send #contents .toArea .se_box {position:relative;padding:12px 0 10px;margin:0 14px;background:url(../images/bg_line_pro.png) repeat-x 0 bottom;background-size:1px 2px;} #art_send #contents .toArea .se_box strong {font-size:13px;font-weight:bold;color:#000;position:absolute;left:0;top:18px;} #art_send #contents .toArea .se_box p {padding:0 0 7px 60px;} #art_send #contents .toArea .se_box p input {display:block;width:90%;height:29px;font-size:16px;padding:2px 10px;line-height:29px;border:1px solid #919191;border-radius:5px;} #art_send #contents .toArea .se_box p textarea {display:block;width:90%;height:110px;font-size:16px;padding:10px 10px;border:1px solid #919191;border-radius:5px;} #art_send #contents .toArea .se_box p label {display:none;} #art_send #contents .toArea .se_box p.infoTxt {font-size:13px;letter-spacing:-1px;line-height:17px;color:#666;} #art_send #contents .send_btn {padding:15px 14px 0;text-align:center;} #art_send #contents .send_btn input {display:block;width:100%;height:43px;border-radius:5px;line-height:43px;border:1px solid #ab4d1a; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fea653), color-stop(0.9, #f05501)); background: -moz-linear-gradient(center top, #fea653, #f05501); background: -o-linear-gradient(top, #fea653, #f05501); font-size:18px;color:#fff;text-shadow:0 -1px 1px #967051; } /* 대선 특집 > 서브 > 모바일웹상단 */ #mTopVote {width:231px;height:59px; padding-left:89px; border:1px solid #120f0d; border-width:1px 0; overflow:hidden; position:relative; background-color:#323c4f;} #mTopVote .vote_icon {position:absolute;left:95px;top:6px;z-index:100;} #mTopVote .vote_icon img {width:17px;} #mTopVote .per {width:89px; height:100%; text-align:center; border-right:1px solid #434d60; position:absolute; left:0; top:0; background:url(../images/bg_pattern.png) left top repeat;} #mTopVote .per h3 {font-size:14px; color:#fff; line-height:18px; margin:6px 0 2px;} #mTopVote .per h3 span {color:#b6e5fa;} #mTopVote .per p {width:74px; height:26px; line-height:26px; margin:0 auto; font-weight:bold; font-size:20px; color:#ed5660; border:1px solid #2b3548; background:url(../images/bg_gra.png) left 50% repeat-x;} #mTopVote .pers {width:160px; float:left; position:relative;} #mTopVote .pers .thum {float:left; position:relative; margin:6px 4px 0 6px;} #mTopVote .pers .thum img:first-child {border:1px solid #c2c2c2;} #mTopVote .pers .thum .icon {width:17px; position:absolute; left:0; top:0;} #mTopVote .pers dl {float:left; text-align:center; font-weight:bold; line-height:14px;} #mTopVote .pers dl dt {margin:15px 0 3px; color:#fff;} #mTopVote .pers dl dt span, #mTopVote .pers dl dt img {vertical-align:top; margin-right:2px;} #mTopVote .pers dl dd {color:#b6e5fa;} #_2BEONTFLLLLLF {width:auto !important;margin-left:0 !important;margin-bottom:7px;color:#333 !important;} #_2BEONTFLLLLLF ._2beonBnInFrame {} #_2BEONTFLLLLLF ._2beon_meterialFrm {height:27px !important;line-height:27px !important;} #_2BEONTFLLLLLF ._2beon_prefix {font-size:14px !important;line-height:27px !important;color:#333 !important;} #_2BEONN6LLLLLF ._2beon_prefix {font-family:sans-serif !important;font-size:14px !important;color:#2d4def !important;font-weight:bold !important;} #_2BEONN6LLLLLF ._2beon_meterialLink {font-family:sans-serif !important;font-size:14px !important;color:#333 !important;font-weight:bold !important;} /* 신문보기 콘텐츠 */ #nersPaperCont {position:absolute;top:0;left:0;bottom:0;width:100%;padding:0 0 0 0;background:url(../images/bg_news_paper.png) no-repeat 0 0;background-size:100% 100%;} #nersPaperCont .paper_box {position:relative;height:100%;overflow:hidden;margin:0 20px 0;text-align:center;} #nersPaperCont .paper_box ul {width:100%;overflow:hidden;position:absolute;top:15px;bottom:70px;} #nersPaperCont .paper_box ul li {float:left;bottom:0;} #nersPaperCont .paper_box img {max-width:100%;} /* #nersPaperCont .paper_box .load {position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px;} */ #nersPaperCont .btn_box_paper .btn_left {position:absolute;left:0;top:50%;margin-top:-21px;z-index:999;} #nersPaperCont .btn_box_paper .btn_right {position:absolute;right:0;top:50%;margin-top:-21px;z-index:999;} /* 서브 > 신문보기 > 하단 메뉴 */ #news_pdf_view {overflow:hidden;} /* #pdf_view {position:absolute;left:0;top:0;bottom:0;width:100%;overflow:hidden;} */ /* 신문보기 > 하단 썸네일 */ #newsPaperThumb {position:fixed;left:0;bottom:49px;width:100%;height:27%;padding-top:10px;} #newsPaperThumb * {position:relative;z-index:2;} #newsPaperThumb .bg {position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.4;z-index:1;box-shadow:0 -3px 1px 1px #000;} #newsPaperThumb .list_box {position:relative;width:100%;height:80%;overflow:hidden;} @media all and (orientation:landscape){ #newsPaperThumb .list_box {position:relative;width:100%;height:70%;overflow:hidden;} } #newsPaperThumb .list_box ul {position:absolute;top:0;width:100%;overflow:hidden;} #newsPaperThumb .list_box ul li {position:relative;top:0;float:left;padding:5px 0 0 0;margin:0;} #newsPaperThumb .list_box ul li a {position:relative;top:0;float:left;display:block;width:33%;} #newsPaperThumb .list_box ul li a .p {display:block;text-align:center;} #newsPaperThumb .list_box ul li a .p.on span {} #newsPaperThumb .list_box ul li a .p img {max-width:none;max-height:90%;} #newsPaperThumb .list_box ul li a .num {position:absolute;left:5px;top:-5px;display:block;text-align:center;line-height:25px;font-size:10px;font-weight:bold;color:#fff;background:url(../images/bg_np_thumb_num.png) no-repeat 0 0;background-size:26px 28px;width:26px;height:28px;text-shadow:0 -1px 1px #c44700;} #newsPaperThumb .page {margin-top:3px;text-align:center;font-size:12px;color:#aaa;} #newsPaperThumb .page strong {font-weight:bold;color:#fff;} /* 신문보기 섹션 */ #newsPaperFix {display:block;opacity:1;position:fixed;left:0;bottom:0;width:100%;height:34px;padding:7px 0;z-index:1000;border-top:1px solid #18181c; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #4b4e57), color-stop(0.9, #33363d)); background: -moz-linear-gradient(center top, #4b4e57, #33363d); } #newsPaperFix ul {margin:0 80px 0 9px;overflow:hidden;} #newsPaperFix ul li {float:left;/* width:20%; */min-width:16%;} #newsPaperFix ul li:first-child a {border-radius:7px 0 0 7px;} #newsPaperFix ul li:last-child a {border-radius:0 7px 7px 0;border:0 none !important;} #newsPaperFix ul li.last a {border-radius:0 7px 7px 0;border:0 none !important;} #newsPaperFix ul li:first-child.last a {border-radius:7px;border:0 none !important;} #newsPaperFix ul li a {display:block;height:34px;line-height:34px;text-align:center;letter-spacing:-1px;font-size:13px;font-weight:normal;color:#888;text-shadow:0 -1px 0 #3a3c43;border-right:1px solid #3a3c43; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #d5d5d7), color-stop(0.9, #b1b1b3)); background: -moz-linear-gradient(center top, #d5d5d7, #b1b1b3); } #newsPaperFix ul li a span {position:relative;top:1px;font-size:16px;letter-spacing:0;} #newsPaperFix ul li a.on {color:#010101;text-shadow:none;font-weight:bold;line-height:32px;border-right:1px solid #3a3c43; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #fff), color-stop(0.9, #e3e3e3)); background: -moz-linear-gradient(center top, #fff, #e3e3e3); } #newsPaperFix .more {position:absolute;top:10px;right:45px;width:27px;height:27px;} #newsPaperFix .more a {display:block;width:27px;height:27px;overflow:hidden;text-indent:-10000px;background:url(../images/btn_paper_more2.png) no-repeat 0 0;background-size:27px 27px;} #newsPaperFix .more a.off1 {background:url(../images/btn_paper_more2.png) no-repeat 0 0;background-size:27px 27px;} #newsPaperFix .more a.on1 {background:url(../images/btn_paper_more2_on.png) no-repeat 0 0;background-size:27px 27px;} #newsPaperFix .donga {position:absolute;top:10px;right:10px;width:27px;height:27px;} #newsPaperFix .donga a {display:block;width:27px;height:27px;overflow:hidden;text-indent:-10000px;background:url(../images/icon_donga.png) no-repeat 0 0;background-size:27px 27px;} /* 동아오토 커피증정 이벤트 */ #event_icon {position:fixed;right:0;bottom:60px;z-index:30000;text-align:right;} #event_icon .img {display:block;width:93px;} #event_icon .close {} /* 스타도네이션 아이콘 배너 */ #star_icon {position:fixed;right:19px;bottom:15px;z-index:30000;text-align:right;line-height:1;} #star_icon .img {display:block;width:70px;} #star_icon .close {position:absolute;right:-3px;top:18px;}