@charset "utf-8"; /* @font-face { font-family: 'NanumGothic'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype'); } @font-face { font-family: 'NanumGothicBold'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot); src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype'); } */ /* reset */ html,body{width:100%;height:100%} html{overflow-y:scroll} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img {margin:0;padding:0} body {font-family:'돋움',dotum,Helvetica,sans-serif;font-size:12px;line-height:140%;color:#333} body{background-color:#fff;text-align:left;*word-break:break-all} dl,ul,ol{list-style:none} fieldset, img{border:none} img{vertical-align:middle} hr{display:none} input,textarea,select{font-size:12px;color:#333;vertical-align:top} table{width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show} legend, caption{width:0; height:0; font:0px/0px Sans-serif; visibility:hidden; z-index:-1} em, address{font-style:normal} a{cursor:pointer} /* common */ a:link, a:visited {text-decoration:none;color:#333;} a:hover, a:active {text-decoration:none;color:#133f9a !important;} .hidden{display:none;position:absolute;left:-10000px;top:0;visibility:hidden;z-index:-1;} /* GNB */ #header .gnb {width:980px;height:28px;margin:0 auto;overflow:hidden;} #header .gnb a {float:left;color:#5b5b5b;font-size:11px;letter-spacing:-0.1em;line-height:1;vertical-align:top;} #header .gnb a:hover {color:#000 !important; text-decoration:none !important;} #header .gnb .gnb_right .first {padding-left:9px; background:url(../images/bul_arr_gy.gif) left 2px no-repeat;} #header .gnb .gnb_right {float:right;} #header .gnb .gnb_right a {padding-left:6px;margin:10px 0 0 5px;background:url('http://img.donga.com/sportsdonga/2012/images/common/bg_gnb_line.gif') left 1px no-repeat;} #header .gnb .gnb_right .link {padding:0 0 0 10px;margin:7px 0 0 5px;z-index:9;background-position:0 4px;} /* layout */ #header {min-width:980px;background:url(../images/bg_header.gif) repeat-x 0 0;} #contents {min-width:980px;} #footer {width:980px;min-width:980px;margin:-2px auto 0;padding:28px 0 72px;border-top:2px solid #64666d;text-align:center;clear:both;} /* 상단광고 */ #top_AD {position: relative; width: 980px;height: 90px;margin: 0 auto;text-align: center;} #top_AD img {vertical-align: baseline;} /* Skip */ .skip {position:relative;z-index:9999999;} .skip a {position:absolute;left:0;top:-30px;width:110px;height:30px;line-height:30px;background:#0059bd;font-weight:bold;color:#fff;text-align:center;} .skip a:active, .skip a:focus {top:0;cursor:pointer;} /* header */ #header .header_box {width:980px;height:72px;margin:0 auto;overflow:hidden;} #header .header_box h1 {float:left;} #header .header_box ul {float:left;} #header .header_box ul li {float:left;background:url(../images/bul_rect_04.gif) no-repeat 0 41px;} #header .header_box ul li:first-child {background-image:none;} #header .header_box ul li:first-child a {padding-left:24px;} #header .header_box ul li a {height:28px;padding:33px 12px 11px 15px;display:block;font-size:18px;font-weight:600;color:#b8ebff;letter-spacing:-1px;font-family:'나눔고딕','NanumGothic', '맑은 고딕' ,'돋움', dotum,sans-serif;} #header .header_box ul li a:hover, #header .header_box ul li a:active {color:#b8ebff !important;} #header .header_box ul li .icon_zbn {display:inline-block;margin-left:3px;} #header .header_box ul li .icon_zbn img {vertical-align:middle;} /* header > 검색 */ #header .header_box .search {width:280px;height:28px;float:right;padding-top:28px;overflow:hidden;} #header .header_box .search a {height:28px;float:left;background:url(../images/bg_main.gif) no-repeat 0 0;text-indent:-9999px;overflow:hidden;} #header .header_box .search a.btn_facebook {width:42px;} #header .header_box .search a.btn_twitter {width:46px;background-position:-42px 0;} #header .header_box .search > div {width:192px;height:28px;float:left;position:relative;} #header .header_box .search > div input[type="text"] {width:186px;height:24px;line-height:24px;padding:2px 4px;margin:0;background:url(../images/bg_main.gif) no-repeat -88px 0;border:0 none;position:absolute;left:0;top:0;} #header .header_box .search > div input[type="image"] {position:absolute;right:1px;top:1px;} /* NAV */ #nav {width:980px;margin:0 auto;position:relative;z-index:9;} #nav ul {overflow:hidden;} #nav ul li {height:43px;float:left;text-align:center;} #nav ul li a {height:40px;line-height:43px;display:block;position:relative;z-index:9;font-size:14px;color:#323333;letter-spacing:-1px;font-family:'나눔고딕','NanumGothic', '맑은 고딕' ,'돋움', dotum,sans-serif;font-weight:bold;background:url(../images/bg_main.gif) no-repeat -4px -28px;} #nav ul li.home a {width:82px;background-image:none;} /* 홈 */ #nav ul li.news a {width:102px;} /* 최신뉴스 */ #nav ul li.base a {width:89px;} /* 야구 */ #nav ul li.foot a {width:115px;} /* 축구&종합 */ #nav ul li.enter a {width:89px;} /* 연예 */ #nav ul li.photo a {width:118px;} /* 포토&화보 */ #nav ul li.pic a {width:106px;} /* 사진세상 */ #nav ul li.it a {width:106px;} /* IT&게임 */ #nav ul li.travel a {width:81px;} /* 여행 */ #nav ul li.cartoon a {width:78px;color:#6a29c2;} /* 카툰 20160718 수정 */ #nav ul li.icecream a {width:95px;color:#ff5aa5;} /* 아이스크림 20160718 추가 */ #nav ul li a:hover, #nav ul li a:focus, #nav ul li.on a {color:#133f9a !important;border-bottom:3px solid #2c5abb;} #nav ul li.pic.on a, #nav ul li.pic a:hover {color:#15a067 !important;border-bottom:3px solid #15a067;} #nav ul li.cartoon a:hover, #nav ul li.cartoon a:focus, #nav ul li.cartoon.on a {color:#6a29c2 !important;border-bottom:0 none;} /* 카툰 */ #nav ul li.icecream a:hover, #nav ul li.icecream a:focus, #nav ul li.icecream.on a {color:#ff5aa5 !important;border-bottom:0 none;} /* 아이스크림 20160718 추가 */ /* contents */ /* 헤드라인 */ #contents .headline {width:978px;margin:-1px auto 0;height:299px;border:1px solid #d2d2d2;overflow:hidden;} #contents .headline .left {width:678px;padding-left:20px;float:left;border-right:1px solid #d2d2d2;} #contents .headline .left h1 {padding:20px 0 12px;} #contents .headline .left h1 a {padding:0 20px 2px 30px;font-size:25px;line-height:27px;letter-spacing:-1px;color:#133f9a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;background:url(../images/bg_main.gif) no-repeat 0 -77px;font-family:'Malgun Gothic', '맑은고딕', Dotum, sans-serif;} #contents .headline .left > a {width:292px;margin-right:15px;position:relative;float:left;overflow:hidden;} #contents .headline .left > a img {width:292px;height:156px;} #contents .headline .left > a .tit {width:280px;height:33px;line-height:33px;padding:0 6px;display:block;position:absolute;left:0;bottom:0;color:#fff;font-weight:bold;font-size:14px;letter-spacing:-1px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url(../images/bg_transparent_01.png) repeat 0 0;} #contents .headline .left > a .line {width:290px;height:154px;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;display:block;} #contents .headline .left ul {float:left;} #contents .headline .left ul li {padding-left:8px;background:url(../images/bul_rect_01.gif) no-repeat 0 12px;vertical-align:top;font-size:0;} #contents .headline .left ul li a {width:340px;font-size:14px;line-height:28px;letter-spacing:-1px;font-weight:bold;color:#282828;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;} #contents .headline .left ul.h_list01 {width:352px;padding:3px 0 12px;border-bottom:1px solid #e3e3e3;} #contents .headline .left ul.h_list02 {width:659px;padding:14px 0;clear:both;} #contents .headline .left ul.h_list02 li {margin-right:12px;float:left;background:url(../images/bul_rect_02.gif) no-repeat 0 12px;} #contents .headline .left ul.h_list02 li a {width:287px;color:#133f9a;} #contents .headline .right {width:237px;padding:22px 20px 22px 22px;float:right;background:#f5f5f5;} #contents .headline .right li {margin-top:13px;vertical-align:top;} #contents .headline .right li:first-child {margin-top:0;} #contents .headline .right li {width:237px;height:54px;display:block;overflow:hidden;position:relative;z-index:10;} #contents .headline .right li span {float:left;} #contents .headline .right li span.thumb {margin-right:10px;position:relative;} #contents .headline .right li span.thumb img {width:104px;height:54px;display:block;} #contents .headline .right li span.thumb .line {width:102px;height:52px;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;} #contents .headline .right li span.tit {width:123px;height:36px;padding:6px 0;color:#393939;font-size:12px;font-weight:bold;letter-spacing:-1px;line-height:20px;overflow:hidden;} #contents .headline .right li span.tit a:hover {color:#333 !important;} /* 상단 뉴스 리스트 */ #contents .top_news_list {width:938px;margin:0 auto;padding:22px 20px 18px;overflow:hidden;border:1px solid #d2d2d2;border-top:0 none;} #contents .top_news_list li {float:left;margin-left:22px;position:relative;} #contents .top_news_list li:first-child {margin-left:0;} #contents .top_news_list li span {display:block;} #contents .top_news_list li span.thumb {margin-bottom:7px;position:relative;} #contents .top_news_list li span.thumb a {} #contents .top_news_list li span.thumb a img {width:170px;height:96px;} #contents .top_news_list li span.thumb a .line {width:168px;height:94px;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;} #contents .top_news_list li span.tit {} #contents .top_news_list li span.tit a {width:162px;height:34px;padding:0 4px;font-weight:bold;letter-spacing:-1px;overflow:hidden;line-height:17px;color:#393939;text-align:center;display:block;} #contents .top_news_list li span.tit a:hover {color:#2c5abb !important;} /* 컨텐츠 뉴스 리스트 */ #contents .con_news_list {width:978px;margin:0 auto;padding:23px 0 19px 0;background:#f5f5f5;border:1px solid #d1d1d1;border-top:0 none;position:relative;} #contents .con_news_list > ul {overflow:hidden;padding-left:4px;} #contents .con_news_list > ul > li {height:269px;margin:0 0 0 19px;padding-bottom:23px;float:left;position:relative;} #contents .con_news_list > ul > li.popular {height:239px;} #contents .con_news_list > ul > li h2 {height:14px;margin:0 0 5px 3px;} #contents .con_news_list > ul > li h2 img {vertical-align:top;} #contents .con_news_list > ul > li a {position:relative;display:block;} #contents .con_news_list > ul > li a:hover .tit {color:#fff !important;} #contents .con_news_list > ul > li a .thumb {display:block;} #contents .con_news_list > ul > li a .thumb .line {width:298px;height:154px;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;} #contents .con_news_list > ul > li a .t {width:268px;height:39px;padding:12px 15px;background:#fff;border:1px solid #d1d1d1;border-top:0 none;} #contents .con_news_list > ul > li a .t span {display:block;} #contents .con_news_list > ul > li a .t .tit {height:17px;line-height:18px;margin-bottom:4px;color:#282828;font-size:14px;letter-spacing:-1px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #contents .con_news_list > ul > li a:hover .t .tit {color:#133f9a !important;} /* 컨텐츠 뉴스 리스트 > 인기연재 */ #contents .con_news_list > ul > li.popular {height:239px;} #contents .con_news_list > ul > li.popular .thumb a {} #contents .con_news_list > ul > li.popular .thumb a img {} #contents .con_news_list > ul > li.popular .thumb a .line {width:298px;height:154px;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;} #contents .con_news_list > ul > li.popular .t {width:268px;height:39px;padding:12px 15px;background:#fff;border:1px solid #d1d1d1;border-top:0 none;} #contents .con_news_list > ul > li.popular .t .tit {height:17px;line-height:18px;margin-bottom:4px;font-size:14px;letter-spacing:-1px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;} #contents .con_news_list > ul > li.popular .t .tit a {width:250px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#282828;} #contents .con_news_list > ul > li.popular .t em {display:block;font-size:12px;font-weight:normal;color:#707070;} /* 컨텐츠 뉴스 리스트 > 이슈갤러리 */ #contents .con_news_list > ul > li.photo {height:239px;} #contents .con_news_list > ul > li.photo .thumb a {} #contents .con_news_list > ul > li.photo .thumb a img {} #contents .con_news_list > ul > li.photo .thumb a .line {width:298px;height:154px;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;} #contents .con_news_list > ul > li.photo .t {width:268px;height:39px;padding:12px 15px;background:#fff;border:1px solid #d1d1d1;border-top:0 none;} #contents .con_news_list > ul > li.photo .t .tit {display:block;padding-left:7px;background:url(../images/bul_rect_03.gif) no-repeat left 50%;} #contents .con_news_list > ul > li.photo .t .tit:first-child {margin-bottom:7px;} #contents .con_news_list > ul > li.photo .t .tit a {width:250px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#4f4f4f;} #contents .con_news_list > ul > li.photo .t .tit a strong {color:#393939;} #contents .con_news_list > ul > li.photo .t .tit a:hover, #contents .con_news_list > ul > li.photo .t .tit a:hover strong {color:#15a067 !important;} #contents .con_news_list > ul > li.photo .btn_all:hover {color:#15a067 !important;} /* 컨텐츠 뉴스 리스트 > 스타플러스 */ #contents .con_news_list > ul > li.star {height:239px;} #contents .con_news_list > ul > li.star .thumb a {} #contents .con_news_list > ul > li.star .thumb a img {} #contents .con_news_list > ul > li.star .thumb a .line {width:298px;height:154px;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;} #contents .con_news_list > ul > li.star .t {width:268px;height:39px;padding:12px 15px;background:#fff;border:1px solid #d1d1d1;border-top:0 none;} #contents .con_news_list > ul > li.star .t .tit {display:block;padding-left:7px;background:url(../images/bul_rect_03.gif) no-repeat left 50%;} #contents .con_news_list > ul > li.star .t .tit:first-child {margin-bottom:7px;} #contents .con_news_list > ul > li.star .t .tit a {width:250px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #contents .con_news_list > ul > li.star .t .tit a strong {color:#393939;} #contents .con_news_list > ul > li.star .t .tit a:hover, #contents .con_news_list > ul > li.star .t .tit a:hover strong {color:#f93f75 !important;} #contents .con_news_list > ul > li.star .btn_all:hover {color:#f93f75 !important;} #contents .con_news_list > ul > li a .tit02 {width:270px;height:34px;line-height:34px;padding:0 15px;position:absolute;left:0;bottom:0;color:#fff;font-weight:bold;font-size:14px;letter-spacing:-1px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url(../images/bg_transparent_01.png) repeat 0 0;} #contents .con_news_list > ul > li a .t em {display:block;font-size:12px;font-weight:normal;color:#707070;} #contents .con_news_list > ul > li .btn_all {padding-right:6px;position:absolute;right:0;top:0;font-size:11px;color:#757575;letter-spacing:-1px;background:url(../images/bul_arr_all.gif) no-repeat right 50%;} #contents .con_news_list > ul > li > ul {padding:9px 20px;background:#fff;border:1px solid #d1d1d1;border-top:0 none;} #contents .con_news_list > ul > li > ul > li {line-height:25px;padding-left:7px;background:url(../images/bul_rect_03.gif) no-repeat left 50%;} #contents .con_news_list > ul > li > ul > li a {width:250px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /* 광고 */ #contents .con_news_list .ad_01 {width:300px;height:250px;position:absolute;right:20px;bottom:42px;} .ad_left_w {position:absolute;left:50%;top:140px;margin-left:-625px;z-index:10;} .ad_left_w1 {position:absolute;left:50%;top:312px;margin-left:-665px;z-index:10;} .ad_right_w {position:absolute;right:50%;top:140px;margin-right:-625px;z-index:10;} /* 최신화보 */ #contents .latest_pictorial {width:980px;margin:0 auto;padding:21px 0 35px;} #contents .latest_pictorial h2 {height:14px;padding:0 0 5px 3px;} #contents .latest_pictorial h2 img {vertical-align:top;} #contents .latest_pictorial ul {overflow:hidden;} #contents .latest_pictorial ul li {float:left;margin-left:20px;} #contents .latest_pictorial ul li:first-child {margin-left:0;} #contents .latest_pictorial ul li a {width:230px;position:relative;display:block;} #contents .latest_pictorial ul li a span {display:block;} #contents .latest_pictorial ul li a .thumb {width:230px;height:280px;} #contents .latest_pictorial ul li a .thumb img {width:230px;height:280px;} #contents .latest_pictorial ul li a .thumb .line {width:228px;height:278px;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;} #contents .latest_pictorial ul li a .tit {width:230px;height:280px;line-height:20px;padding:0;position:absolute;left:-100000px;bottom:0; #position:absolute; font-weight:bold;font-size:14px;letter-spacing:-1px;text-align:center;overflow:hidden;background:url(../images/bg_transparent_02.png) repeat 0 0;} #contents .latest_pictorial ul li a:hover .tit {z-index:100;left:0;display:table;} #contents .latest_pictorial ul li a .tit .t_in { #position:absolute; #top:50%; #left:50%; #width:230px;display:table-cell; vertical-align:middle; text-align:center;} #contents .latest_pictorial ul li a .tit .t_in .t_txt {padding:0 20px;text-align:center;display:block; #position:relative; #top:-50%; #left:-50%;color:#91e4ff !important;} /* footer */ #footer .link_page {margin-bottom:10px;font-family:"굴림",Gulim;letter-spacing:-1px;} #footer .link_page span, #footer .link_page strong {padding:0 11px;background:url(http://img.donga.com/sportsdonga/2012/iframe/images/img_footer_link_line.gif) no-repeat right 1px;} #footer .link_page .last {background:none;} #footer .link_page a {color:#666;} #footer .link_page strong a {color:#333;} #footer .copyright {color:#666;font-size:11px;} #footer .copyright img {margin:-5px 4px 0 0;} #footer .copyright span {letter-spacing:-1px;} #footer .copyright a {text-decoration:underline;} /*----------------------------------------------------------------------------------- sub -----------------------------------------------------------------------------------*/ /* View -----------------------------------------------------------------------------*/ /* 뉴스보기 : content */ .sub_contents .article_cont {width:660px;} .sub_contents .article_cont .hot_click {overflow:hidden;padding:0 0 18px 0;} .sub_contents .article_cont .hot_click .tit_hotclick {display:block;margin-bottom:10px;} .sub_contents .article_cont .hot_click ul {overflow:hidden;} .sub_contents .article_cont .hot_click ul li {float:left;width:120px;margin-left:15px;} .sub_contents .article_cont .hot_click ul li:first-child {margin-left:0;} .sub_contents .article_cont .hot_click ul li img {display:block;width:120px;height:80px;} .sub_contents .article_cont .hot_click ul li .img {position:relative;} .sub_contents .article_cont .hot_click ul li .img .line {width:118px;height:78px;border:1px solid #000;filter:alpha(opacity=20);opacity:0.2;position:absolute;left:0;top:0;display:block;} .sub_contents .article_cont .hot_click ul li a > span {display:block;margin-top:6px;text-align:center;letter-spacing:-1px;line-height:16px;} .sub_contents .article_cont .hot_click ul li a:hover > span {color:#2c5abb;} .sub_contents .article_cont .sns {height:20px; padding:10px 0; border-top:2px solid #7f7f7f; overflow:hidden; margin-top:15px;} .sub_contents .article_cont .sns ul {float:left; margin-top:2px;} .sub_contents .article_cont .sns ul li {float:left; font-size:11px; color:#999; font-family:"돋움", Dotum; margin-right:6px;} .sub_contents .article_cont .sns ul li a {color:#717171;} .sub_contents .article_cont .sns ul li a:hover {text-decoration:none;} .sub_contents .article_cont .sns ul li img {vertical-align:middle; margin-right:5px;} .sub_contents .article_cont .sns .view_tool {float:right;} .sub_contents .article_cont .sns .view_tool > a {float:left;height:20px;} .sub_contents .article_cont .sns .view_tool > a img {vertical-align:top;} .sub_contents .article_cont .sns .view_tool span {font-size:11px; color:#999; font-family:"돋움", Dotum; margin:0 4px 0 8px;float:left;vertical-align:top;} .sub_contents .article_cont .sns .view_tool button {width:17px; height:16px; padding:0; margin:0; background:none; border:none; cursor:pointer; vertical-align:middle;float:left;} .sub_contents .article_cont .sns .view_tool button img {vertical-align:top;} .sub_contents .article_cont .sns .view_tool .contrac {width:18px;} .sub_contents .article_cont .sns .view_tool button.print {width:20px; height:18px; margin:0 15px 0 10px;} .sub_contents .article_cont .btm_sns {margin-top:0;margin-bottom:56px;border-top:none;border-bottom:2px solid #7f7f7f;clear:both;} .sub_contents .article_cont .article_tit {border:1px solid #efefef; border-width:0 0 1px 0; padding:25px 15px 22px;margin-bottom:20px;} .sub_contents .article_cont .article_tit h3 {font-size:28px;line-height:36px;letter-spacing:-0.1em; font-family:"돋움", Dotum; color:#000; margin-bottom:5px;font-family:'Malgun Gothic', '맑은고딕', Dotum, sans-serif;} .sub_contents .article_cont .article_tit p {font-size:11px; color:#999; } .sub_contents .article_cont .article_view {position:relative;} .sub_contents .article_cont .article_view .main_pic {padding:40px 0; text-align:center;} .sub_contents .article_cont .article_view .article_txt {font-size:16px; line-height:160%;} .sub_contents .article_cont .article_view .article_txt .article_word {min-height:815px;height: auto !important; height: 815px;font-family:'Malgun Gothic', '맑은고딕', Dotum, sans-serif;} .sub_contents .relation_news {/*width:682px;height:auto !important; padding:0 0 15px; margin:10px 0 20px 0; overflow:hidden;*/} .sub_contents .article_view .relation_news {/*width:682px;height:auto !important; padding:0 0 15px; margin:10px 0 20px 0; overflow:hidden;*/} .sub_contents .relation_news .relation_in {width:300px; overflow:hidden; padding:0 20px; border-right:1px solid #e5e5e5; float:left;} .sub_contents .relation_news .relation_in h4 {margin-bottom:17px;} .sub_contents .relation_news .relation_in ul {width:294px;margin-top:-1px;margin-top:0\0/;} .sub_contents .relation_news .relation_in ul li {width:283px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:11px; font-weight:bold;margin-bottom:6px; margin-bottom:4px\0/; line-height:18px; padding-top:0;padding-top:2px\0/;background-image:url('http://img.donga.com/sportsdonga/2012/images/common/dot_gray3.gif');background-position:left 7px;background-repeat:no-repeat;} .sub_contents .relation_news .relation_in ul li a {font-family:"굴림", Gulim;font-size:13px;letter-spacing:-0.05em;} .sub_contents .relation_news .relation_in .photo {display:inline-block;width:300px;margin-top:2px;} .sub_contents .relation_news .relation_in .photo a {margin-right:6px; display:block; float:left;} .sub_contents .relation_news .relation_in .photo a img {width:94px;height:80px;} .sub_contents .article_cont .articlePhoto{margin-bottom:40px;clear:both;} .sub_contents .article_cont .articlePhoto .articlePhoto_C{margin:0 auto;} .sub_contents .article_cont .articlePhoto .articlePhoto_C img{margin-bottom:7px;} .sub_contents .article_cont .articlePhoto .articlePhoto_C p{margin-bottom:13px;color:#666;font:12px/125% "굴림",Gulim; text-align:justify;} /* 뉴스보기 : content 상단 리스트 */ .sub_contents .top_AD {width:552px; border:1px solid #ededed;} .sub_contents .top_sport_AD {width:660px;height:110px;padding:0 0 15px 0;border-bottom:1px solid #d2d2d2} /* 뉴스보기 : content 기사 하단 텍스트 */ .sub_contents .subCont_AD06 {margin-bottom:20px;} .sub_contents .subCont_AD09 {border:1px solid #e7e7e7;background:#fafafa;} .sub_contents .today_sportnews {margin:15px 0;padding:20px 0 0 0;border:1px solid #e7e7e7;background:#fafafa;} .sub_contents .today_sportnews .list_sportnews {padding:0 24px;} .sub_contents .today_sportnews .list_sportnews li {line-height:240%;} .sub_contents .today_sportnews .list_sportnews li a {display:block;padding:0 0 0 12px;background:url('http://img.donga.com/blog/pop/img/bul_gray_1.gif') no-repeat 0 50%;font-size:14px;color:#303030;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* 뉴스보기 : content 기사 배너 */ .sub_contents .subCont_AD16 {float:left; padding:0 30px 30px 0;} /* 뉴스보기 : content 화보갤러리 */ .sub_contents .outsideBox {margin-left:-135px;} .sub_contents .gallery_iframe{width:678px;margin-bottom:20px;border:1px solid #e4e4e4; clear:both; position:relative;} /* 뉴스보기 : content 관련뉴스 */ .relation_news .subCont_AD17 {width:298px;height:248px;overflow:hidden; float:left;border:1px solid #e4e4e4;} .relation_news .subCont_AD17:first-child {border:1px solid #e4e4e4;width:298px;height:266px;overflow:hidden; /*padding:1px 20px 1px;*/padding:0; float:left;margin-bottom:10px;} /* 뉴스보기 : content - 중간광고 */ .middle_AD{width:645px;height:120px !important;clear:both;margin-bottom:9px;padding:16px 0 16px 13px;border:1px solid #e5e5e5;} .middle_AD iframe {margin-right:13px;} .contents_cartoon .middle_AD{width:648px;padding:16px 22px 16px 23px;} .middle_AD .subCont_AD07, .middle_AD .subCont_AD08 {margin-bottom:11px;} /* 뉴스보기 : content - 댓글 */ .reply {padding-top:15px;} /* 오늘의 뉴스 */ /* Layout */ .d1{width:660px;/*height:600px;*/} .d2{position:center; margin:18px 0 10px 0; width:660px;height:561px;} .d3{float:right; width:348px;height:556px;margin-right:4px;} .d4{float:left; width:300px;/*height:556px;*/margin-top:22px;} /* 오른쪽 기사 */ .d3 > img {margin-bottom:7px;display:block;} .d3 .box {width:308px;height:526px;padding:0 20px;border:1px solid #c4d5fa; background:#f9fcff;} .d3 .box .list {padding-top:10px;} .d3 .box .list h1 {padding-top:3px;padding-bottom:18px;padding-left:10px;width:359px;font-family:"돋움"; font-size:22px;font-weight:bold;letter-spacing:-2px;color:#263c56;line-height:1.3;} .d3 .box .list h1 a {padding-top:3px;padding-bottom:18px;padding-left:10px;width:359px;font-family:"돋움"; font-size:22px;font-weight:bold;letter-spacing:-2px;color:#263c56;line-height:1.3;} .d3 .box .list li {} .d3 .box .list li a {font-size:14px;line-height:29px;font-weight:bold;letter-spacing:-1px;color:#1a1a1a;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .d3 .box .list li a:hover {color:#2c5abb !important;} .d3 .box .photo {padding:10px 0;display:block;text-align:center;} .d3 .box .photo .img {width:359px;height:150px;border:1px solid #d3d2d2;} .d3 .box .photo a {width:308px;height:174px;margin:0 auto;display:block;position:relative;} .d3 .box .photo a img {width:308px;height:174px;} .d3 .box .photo a .line {width:306px;height:172px;border:1px solid #000;filter:alpha(opacity=20);opacity:0.2;position:absolute;left:0;top:0;display:block;} .d3 .box .photo a .tit {width:288px;height:34px;line-height:34px;padding:0 10px;display:block;position:absolute;left:0;bottom:0;color:#fff;font-weight:bold;font-size:16px;letter-spacing:-1px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url(../images/bg_transparent_01.png) repeat 0 0;} .d3 .box .list2 {width:100%;} .d3 .box .list2 li {} .d3 .box .list2 li a {font-size:14px;line-height:29px;font-weight:bold;letter-spacing:-1px;color:#1a1a1a;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .d3 .box .list2 li a:hover {color:#2c5abb !important;} /* 왼쪽 광고 */ .d4 .ad {float:left;width:300px;margin-bottom:48px;} .d4 .list {float:left;width:300px;margin-top:26px;} .d4 .list li {padding-left:9px;padding-bottom:11px;} .d4 .list li a {font-family:"굴림";font-size:14px;letter-spacing:0px;color:#7c7c7c;line-height:16px;} .d4 .box2 {float:left;margin-top:12px;width:300px;height:136px;border:1px solid #dbdbdb;} .d4 .box2 .photo_list {position:relative;margin:25px auto;;width:100%;text-align:center;} .d4 .box2 .photo_list a {width:118px; float:left; margin-right:12px;line-height:1.2;color:#222;} .d4 .box2 .photo_list a img {display:block;margin-bottom:5px;border:1px solid #c5c5c5;} .d4 .box2 .photo_list a pic {width:116px height:65px;margin-bottom:5px;} .d4 .box2 .photo_list div .o_btn {display:inline-block;width:30px;position:absolute;top:-18px;right:23px;z-index:2;} .d4 .box2 .photo_list div .o_btn a {float:left;width:auto;margin-right:1px;} .d4 .box2 .photo_list div .o_btn a img {display:inline;border:0 none;} .d4 .box2 .hot_cont {width:378px;margin:0 auto;} .d4 .box2 .hot_cont ul {display:inline-block;width:378px;} .d4 .box2 .hot_cont ul li {width:116px;/* 이미지 사이즈 변동 시 조절*/ float:left; margin-left:21px;margin-right:3px;} .d4 .box2 .hot_cont ul li .pic {display:block; position:relative;} .d4 .box2 .hot_cont ul li .pic img {display:block;} .d4 .box2 .hot_cont ul li .play {position:absolute; left:6px; top:50px;} .d4 .box2 .hot_cont ul li p {width:120px; font-size:11px;text-align:center; letter-spacing:-1px; margin:7px 0 10px;line-height:13px;} .d4 .box2 .hot_cont ul li p a {color:#555;} .d4 .box2 .hot_cont ul li p strong {color:#333; margin-right:3px;} .d4 .box2 .hot_cont a:hover strong, .aside .hot_cont a:hover {color:#f25632;} /* 가장많이 본 뉴스 */ .many_news {width:350px;/*height:190px;*/position:relative;} .many_news .pop_add {width:350px;position:absolute;z-index:100;/*top:38px;*/top:0;margin-top:-130px !important;} .many_news .pop_add > div {background:#fff9f9;border:1px solid #f1bcba;font-size:12px !important;padding:14px 10px 5px 17px;position:relative;} .many_news .pop_add > div li {line-height:24px;padding-left:10px;background:url(http://img.donga.com/blog/pop/img/bul_gray_1.gif) no-repeat 0 50%;} .many_news .pop_add > div li a {width:280px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .many_news .pop_add > div li a:link {text-decoration:none; } .many_news .pop_add > div li a:hover {text-decoration:underline;color:#e83b36 !important;} .many_news .pop_add > div li strong {letter-spacing:-1px;} .many_news .pop_add > div li img {margin-left:5px;} .many_news .pop_add > div h4 {margin-bottom:6px;} .many_news .pop_add > div .btn_close {width:11px;height:11px;background: url(../images/btn_close.gif) 0 0 no-repeat;display:block;position:absolute;right:7px;top:8px;} .many_news .pop_add > div .btn_close strong { display: none; } .many_news .ad_box {border:0 none !important;background:none !important;padding:0 !important;} .ad_view04 {position:relative; font-size:12px; text-align:left; width:630px;border-bottom:1px solid #bababa; overflow: hidden;} .ad_view04 .banner_list {width: 300px; border-right: solid 1px #ddd; padding: 20px 15px 15px 0; float: left;} .ad_view04 .banner_list.last { border-right: none; padding: 20px 0 15px 13px;} .ad_view04 .banner_list a { display: block; width: 300px;} .ad_view04 .banner_list.last a { } .ad_view04 .banner_list span { margin-top: 5px; display: block;} .ad_view04 .banner_list .banner_img { width: 300px; height: 120px; background-color: #f7f7f7; display: block; margin-top: 0;} .ad_view04 .banner_list_n11 { width:630px; height:220px; padding:20px 0; } /* 뉴스스탠드 */ .news_stand {width:980px;margin:0 auto;} .news_stand {width:980px;margin:0 auto;clear:both;} .news_stand > .tit {height:24px;padding-top:4px;border-bottom:2px solid #64666d;position:relative;} .news_stand > .tit h4 {} .news_stand > .tit h4 img {vertical-align:top;} .news_stand > .tit .sns {position:absolute;right:0;top:0;} .news_stand > .tit .sns a {width:22px;height:22px;float:left;} .news_stand > .tit .sns a:first-child {margin-right:4px;} #news_stand {width:980px;margin:0 auto;clear:both;} #news_stand > .tit {height:24px;padding-top:4px;border-bottom:2px solid #64666d;position:relative;} #news_stand > .tit h4 {} #news_stand > .tit h4 img {vertical-align:top;} #news_stand > .tit .sns {position:absolute;right:0;top:0;} #news_stand > .tit .sns a {width:22px;height:22px;float:left;} #news_stand > .tit .sns a:first-child {margin-right:4px;} #news_stand .headline {width:978px;margin:-1px auto 0;height:299px;border-bottom:1px solid #d2d2d2;overflow:hidden;} #news_stand .headline .left {width:678px;padding-left:20px;float:left;border-right:1px solid #d2d2d2;} #news_stand .headline .left h1 {padding:20px 0 12px;} #news_stand .headline .left h1 a {font-size:25px;line-height:27px;letter-spacing:-2px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;padding:0 20px 2px 0 !important;background-image:none !important;color:#2c5abb !important;background:url(../images/bg_main.gif) no-repeat 0 -77px;font-family:'Malgun Gothic', '맑은고딕', Dotum, sans-serif;} #news_stand .headline .left > a {width:292px;margin-right:15px;position:relative;float:left;overflow:hidden;} #news_stand .headline .left > a img {width:292px;height:156px;} #news_stand .headline .left > a .tit {width:280px;height:33px;line-height:33px;padding:0 6px;display:block;position:absolute;left:0;bottom:0;color:#fff;font-weight:bold;font-size:14px;letter-spacing:-1px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url(../images/bg_transparent_01.png) repeat 0 0;} #news_stand .headline .left > a .line {width:290px;height:154px;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;display:block;} #news_stand .headline .left ul {float:left;} #news_stand .headline .left ul li {padding-left:8px;background:url(../images/bul_rect_01.gif) no-repeat 0 50%;vertical-align:top;font-size:0;} #news_stand .headline .left ul li a {width:340px;font-size:14px;line-height:28px;letter-spacing:-1px;font-weight:bold;color:#282828;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;} #news_stand .headline .left ul.h_list01 {width:352px;padding:3px 0 12px;border-bottom:1px solid #e3e3e3;} #news_stand .headline .left ul.h_list02 {width:659px;padding:14px 0;clear:both;} #news_stand .headline .left ul.h_list02 li {margin-right:12px;float:left;background:url(../images/bul_rect_02.gif) no-repeat 0 50%;} #news_stand .headline .left ul.h_list02 li a {width:287px;color:#133f9a;} #news_stand .headline .left ul.h_list01 li a:hover {color:#2c5abb !important;} #news_stand .headline .left ul.h_list02 li a:hover {color:#133f9a !important;} #news_stand .headline .right {width:237px;padding:22px 20px 22px 22px;float:right;background:#fff !important;} #news_stand .headline .right li {margin-top:13px;vertical-align:top;} #news_stand .headline .right li:first-child {margin-top:0;} #news_stand .headline .right li {width:237px;height:54px;display:block;overflow:hidden;position:relative;z-index:10;} #news_stand .headline .right li span {float:left;} #news_stand .headline .right li span.thumb {margin-right:10px;position:relative;} #news_stand .headline .right li span.thumb img {width:104px;height:54px;display:block;} #news_stand .headline .right li span.thumb .line {width:102px;height:52px;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;} #news_stand .headline .right li span.tit {width:123px;height:36px;padding:6px 0;color:#393939;font-size:12px;font-weight:bold;letter-spacing:-1px;line-height:20px;overflow:hidden;} #news_stand .headline .right li span.tit a:hover {color:#333 !important;} /* 뉴스스탠드> 상단 뉴스 리스트 */ #news_stand .top_news_list {width:938px;margin:0 auto;padding:22px 20px 18px;overflow:hidden;border:0 none !important;} #news_stand .top_news_list li {float:left;margin-left:22px;position:relative;} #news_stand .top_news_list li:first-child {margin-left:0;} #news_stand .top_news_list li span {display:block;} #news_stand .top_news_list li span.thumb {margin-bottom:7px;position:relative;} #news_stand .top_news_list li span.thumb a {} #news_stand .top_news_list li span.thumb a img {width:170px;height:96px;} #news_stand .top_news_list li span.thumb a .line {width:168px;height:94px;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;} #news_stand .top_news_list li span.tit {} #news_stand .top_news_list li span.tit a {width:162px;height:34px;padding:0 4px;font-weight:bold;letter-spacing:-1px;overflow:hidden;line-height:17px;color:#393939;text-align:center;display:block;} #news_stand .top_news_list li span.tit a:hover {color:#2c5abb !important;} /* aside */ .aside {width:300px;padding:20px 0 68px;} /* aside : 투데이 HOT 광고 */ .aside .ad_toady_hot {margin-bottom:8px;} /* aside : 광고 */ .aside .aside_AD01{width:300px; margin-bottom:10px;} .aside .aside_AD02 {width:300px;margin-bottom:10px;} /* aside : 광고 - 인기정보 BEST */ .aside .aside_AD03{width:298px;margin-bottom:15px; border:1px solid #cbcbcb;overflow:hidden;} /* aside : 광고 - BEST 뉴스 */ .aside .aside_AD04{margin-bottom:15px;border:1px solid #cbcbcb;} .aside .aside_AD04 #ADPannel2 {background:#f8f9fa;padding-top:10px !important;} .aside .aside_AD04 #ADPannel2 table {margin-top:0 !important;} .aside .aside_AD04 #ADPannel2 table iframe {height:110px;} .aside .aside_AD05 {width:300px;height:250px;margin-bottom:15px;border:1px solid #cbcbcb;} /* aside : 광고 - 실시간 인기정보 */ .aside .aside_AD06{margin-bottom:15px; border:1px solid #cbcbcb;} /* 20160114 aside : 광고 - 도깨비 김하나 */ .aside .aside_AD06_2 {clear:both;margin-bottom:15px;border:1px solid #cbcbcb;} .aside .aside_AD06_2 ul {height:105px;padding-top:10px;background-color:#f8f9fa;} .aside .aside_AD06_2 ul li {float:left;width:128px;padding:0 10px 2px 11px;} .aside .aside_AD06_2 ul li a {font-size:11px;line-height:125%;color:#666;} .aside .aside_AD06_2 ul li .photo {display:block;margin-bottom:5px;} .aside .aside_AD06_2 ul li .photo img {width:124px;height:68px;border:1px solid #cdcdcd;} .aside .aside_AD06_2 ul li span {display:block;width:124px;height:13px;overflow:hidden;line-height:1;text-align:center;} .aside .aside_AD06_2 ul li span a {display:inline-block;height:13px;} /* aside : 광고 - 인기쇼핑뉴스 */ .aside .aside_AD07{margin-bottom:15px;border:1px solid #cbcbcb;} .aside .aside_AD07 #ADPannel1 {background:#f8f9fa;padding-top:10px !important;} .aside .aside_AD07 #ADPannel1 table {margin-top:0 !important;} .aside .aside_AD08 {padding:12px 0 0 13px;margin-bottom:15px;background:#f8f9fa;border:1px solid #cbcbcb;margin-bottom:15px;} .aside .aside_AD08 iframe {width:126px;margin-right:14px;} .aside .aside_AD09 {height:298px;height:255px;margin-bottom:15px;border:1px solid #cdcdcd;} .aside .aside_AD09 iframe {width:298px;} .aside .aside_AD10 {margin-bottom:15px;} /* aside : 광고 - 오늘의 인기 클릭 */ .aside .aside_AD13 {margin:10px 0 10px;} /* aside : 광고 - 오늘의 인기 클릭 */ .aside .aside_AD14 {width:248px; margin:10px 0 20px; border:1px solid #e1e1e5;} /* aside : 광고 - 쇼핑몰 */ .aside .aside_AD11{margin-bottom:20px;} /* aside : 광고 - 인기정보 BEST */ .aside .aside_AD12 {margin-bottom:20px; border:1px solid #e1e1e5;} /* aside : 광고 - 애드티브 */ .aside .aside_AD06_1{width:248px; margin-bottom:10px; padding-top:6px; border:1px solid #e1e1e5; background-color:#f8f9fa; } .aside .live_topnews {margin-bottom:10px;padding:20px 20px 10px 20px;border:1px solid #cbcbcb;} .aside .live_topnews .tit {display:block;margin-bottom:10px;} .aside .live_topnews ul {overflow:hidden;} .aside .live_topnews ul li {height:20px;line-height:20px;} .aside .live_topnews ul li a {display:block;padding:0 0 0 8px;background:url('http://img.donga.com/idolpark/img/dot.gif') no-repeat 0 center;font-weight:bold;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .wtrack {margin-bottom:15px;padding:0 20px;border:1px solid #cbcbcb;} .list_aside table td img {margin:0 0 10px 0 !important;} .list_aside table td ul {overflow:hidden;} .list_aside table td ul li {height:20px;line-height:20px;} .list_aside table td ul li a {padding:0 0 0 8px;background:url('http://img.donga.com/idolpark/img/dot.gif') no-repeat 0 center;font-weight:bold;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} /* 21,22,23 광고 */ .left_ad_21 {position:fixed;left:50%;top:163px;margin-left:-630px;} .left_ad_22 {position:fixed;left:50%;top:256px;margin-left:-670px;} .right_ad_22 {width:130px;position:absolute;right:-150px;top:12px;} .right_ad_23 {position:absolute;right:-140px;top:819px;} /* 기사리스트 -----------------------------------------------------------------------*/ #contents .sub_con_wrap {border-top:1px solid #d2d2d2;position:relative;top:-1px;} #contents .sub_con_wrap .sub_con_box {width:980px;margin:0 auto;position:relative;} #contents .sub_con_wrap .sub_con_box .sub_contents {width:660px;float:left;padding-top:20px;} #contents .sub_con_wrap .sub_con_box .aside {float:right;} /* contents > 기사 리스트 */ .sub_contents .list_news {} .sub_contents .list_news li {width:100%;overflow:hidden;padding:10px 0;border-bottom:1px solid #f0f0f0;} .sub_contents .list_news li:first-child {padding-top:0;} .sub_contents .list_news li .thum_img {float:left;max-width:128px;min-width:128px;min-height:128px;margin-right:16px;background:#f0f0f0;} .sub_contents .list_news li .thum_img a {width:128px;display:block;height:128px;text-align:center;} .sub_contents .list_news li .thum_img a span {display:inline-block;height:100%;width:0;vertical-align:middle;overflow:hidden;} .sub_contents .list_news li .thum_img a img {max-width:128px;max-height:128px;vertical-align:middle;display:inline-block;} .sub_contents .list_news li dl {padding-right:20px;} .sub_contents .list_news li dl dt {font-size:16px;font-weight:bold;padding:16px 0 8px;} .sub_contents .list_news li dl dt a {color:#222;line-height:20px;height:18px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .sub_contents .list_news li dl .date {font-size:12px;color:#9d9c9c;margin-top:8px;} .sub_contents .list_news li dl .txt {max-height:52px;line-height:18px;overflow:hidden;} .sub_contents .list_news li dl .txt a {color:#666;font-family:"굴림",Gulim, sans-serif;display:block;max-height:52px;line-height:18px;overflow:hidden;} /* contents > 페이징 */ .sub_contents .page {position:relative;padding:18px 0 25px;text-align:center;font-weight:bold;} .sub_contents .page strong {display:inline-block;height:24px;line-height:24px;font-weight:bold;color:#2c5abb;padding:0 12px 0 12px;vertical-align:middle;background:url(http://img.donga.com/donga2013/images/common/line_solid_1.gif) no-repeat 0 center;font-family:Verdana, Geneva, sans-serif;} .sub_contents .page a {display:inline-block;height:24px;line-height:24px;font-weight:bold;color:#373738;padding:0 12px 0 12px;vertical-align:middle;background:url(http://img.donga.com/donga2013/images/common/line_solid_1.gif) no-repeat 0 center;font-family:Verdana, Geneva, sans-serif;} .sub_contents .page a:first-child {background:none;} .sub_contents .page strong:first-child {background:none;} .sub_contents .page a:hover {color:#2c5abb;} .sub_contents .page .left {width:44px;margin:0 -6px 0 0;padding:0;background:url(http://img.donga.com/donga2013/images/sub/btn_page_left.gif) no-repeat 0 0 !important;} .sub_contents .page .right {width:44px;margin:0 0 0 0;padding:0;background:url(http://img.donga.com/donga2013/images/sub/btn_page_right.gif) no-repeat 0 0;} .sub_contents .page .left span, .contents .page .right span {position:absolute;visibility:hidden;z-index:-1;} /* contents > 썸네일 기사 리스트 */ .sub_contents .thumb_list {overflow:hidden;margin-bottom:20px;} .sub_contents .thumb_list li {height:230px;overflow:hidden;float:left;margin-left:6px;} .sub_contents .thumb_list li:first-child {margin-left:0;} .sub_contents .thumb_list li:first-child a .thumb .line {width:210px;height:171px;border:3px solid #2c5abb;border-bottom:0px solid #2c5abb;filter:alpha(opacity=100);opacity:1;} .sub_contents .thumb_list li:first-child a .tit {background:#2c5abb;color:#fff;border:1px solid #2c5abb;border-top:0 none;} .sub_contents .thumb_list li a {display:block;position:relative;overflow:hidden;} .sub_contents .thumb_list li a span {display:block;} .sub_contents .thumb_list li a .thumb {} .sub_contents .thumb_list li a .thumb .line {width:214px;height:172px;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;} .sub_contents .thumb_list li a .tit {width:190px;padding:11px 12px 10px;line-height:17px;background:#2d3036 ;letter-spacing:-1px;overflow:hidden;color:#d7d7d7;border:1px solid #242425;border-top:0 none;} .sub_contents .thumb_list li a .tit strong {height:34px;overflow:hidden;display:block;} .sub_contents .thumb_list li a:hover .thumb .line {width:210px;height:171px;border:3px solid #2c5abb;border-bottom:0px solid #2c5abb;filter:alpha(opacity=100);opacity:1;} .sub_contents .thumb_list li a:hover .tit {background:#2c5abb;color:#fff;border:1px solid #2c5abb;border-top:0 none;} /* 이슈 검색어 결과 -----------------------------------------------------------------------*/ .sub_contents .searchForm {padding:34px 0 27px;margin-bottom:20px;border:1px solid #e4e4e4;background:#f4f4f4;} .sub_contents .searchForm .searchBox {padding-bottom:5px;text-align:center;} .sub_contents .searchForm .searchBox .searchTxt {width:326px; height:22px; padding:7px 5px 0; margin-right:6px; border:4px solid #2c5abb;} .sub_contents .searchForm .keyword {width:329px;height:19px;margin-left:126px;padding-left:15px;overflow:hidden;background:url('../images/icon_search.gif') no-repeat 0 50%;position:relative;} .sub_contents .searchForm .keyword ul {padding:0 8px 0 0;overflow:hidden;position:absolute;left:15px;top:2px;} .sub_contents .searchForm .keyword ul li {float:left;padding-left:12px; margin:0 13px 0 -1px;letter-spacing:-0.1em;background:url('http://img.donga.com/sportsdonga/2012/images/common/bg_line2.gif') no-repeat 0 50%;} .sub_contents .searchForm .keyword .btn {height:14px;float:right;vertical-align:top;} .sub_contents .searchForm .keyword .btn a {width:14px;height:14px;float:left;} .sub_contents .searchForm .keyword .btn a:first-child {margin-right:1px;} /* 사진세상 -----------------------------------------------------------------------*/ /* contents > 포토리스트 */ .sub_contents .photo_view_list {/*width:640px;*/margin-bottom:30px;padding:9px 9px 15px;background:#f6f6f7;border:1px solid #c4c4c9;clear:both;overflow:hidden;} #photo_list {width:100%;} #photo_list .masonry-item {display:block;position:relative;float:left;width:208px;margin-bottom:10px;} #photo_list .masonry-item a {display:block;width:208px;min-height:100%;} #photo_list .masonry-item:first-child .border {display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:3px solid #1fb578;cursor:pointer;z-index:9;} #photo_list .masonry-item:first-child .summary {color:#fff;background:#1fb578;} #photo_list .masonry-item:hover .border {display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:3px solid #1fb578;cursor:pointer;} #photo_list .masonry-item:hover .summary {color:#fff;background:#1fb578;} #photo_list .masonry-item a img {display:block;width:208px;} #photo_list .masonry-item .thumb {position:relative;} #photo_list .masonry-item .summary {display:block;width:186px;padding:10px;background:#fff;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;color:#585858;font-size:12px;line-height:17px;} #photo_list .masonry-item .summary strong {height:34px;overflow:hidden;display:block;} #photo_list .masonry-item .thumb .icon_player {display:block;position:absolute;left:19px;bottom:13px;width:42px;height:42px;background:url(../images/common/icon_player.png) no-repeat 0 0;text-indent:-9999em;} #photo_list .masonry-item .thumb .frame {position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #000;opacity:0.1;filter:alpha(opacity=10);} /* 스타플러스 -----------------------------------------------------------------------*/ /* contents > 포토리스트 */ .sub_contents .star_plus #photo_list .masonry-item:first-child .border {border:3px solid #f93f75;} .sub_contents .star_plus #photo_list .masonry-item:first-child .summary {background:#f93f75;} .sub_contents .star_plus #photo_list .masonry-item:hover .border {border:3px solid #f93f75;} .sub_contents .star_plus #photo_list .masonry-item:hover .summary {background:#f93f75;} /* 포토&화보메인 -----------------------------------------------------------------------*/ /* contents > 카테고리 (메뉴 2개 추가 할때 사용) */ .sub_contents .p_category {height:61px;position:relative;z-index:10;} .sub_contents .p_category li {width:166px;height:32px;text-align:center;float:left;margin:-1px 0 0 0;position:absolute;left:0;top:0;} /*.sub_contents .p_category li a {width:166px;height:32px;line-height:32px;display:block;background:url(../images/bg_category.gif) no-repeat 0 0;text-indent:-9999px;position:absolute;left:0;top:0;} 추후에 사용할 메뉴 */ .sub_contents .p_category li a {width:166px;height:32px;line-height:32px;display:block;background:url(../images/bg_category_03.gif) no-repeat 0 0;text-indent:-9999px;position:absolute;left:0;top:0;} /* 메뉴2개 빠진거 */ .sub_contents .p_category .ct_01 {background-position:0 0;left:0;top:0;margin-left:0;} /* 포토화보 */ .sub_contents .p_category .ct_02 {background-position:-165px 0;left:165px;top:0;margin-left:0;} /* 깜짝 파격패션 */ .sub_contents .p_category .ct_03 {background-position:-330px 0;left:330px;top:0;} /* 반짝 무대 위 스타들 */ .sub_contents .p_category .ct_04 {background-position:-495px 0;left:495px;top:0;} /* HOT 뜨거운 감자 */ .sub_contents .p_category .ct_05 {background-position:0 -31px;left:0;top:31px;} /* GO 스포츠 */ .sub_contents .p_category .ct_06 {background-position:-165px -31px;left:165px;top:31px;} /* D컷 */ .sub_contents .p_category .ct_07 {background-position:-330px -31px;left:330px;top:31px;} /* Sexy 포토 */ .sub_contents .p_category .ct_08 {background-position:-495px -31px;left:495px;top:31px;} /* */ .sub_contents .p_category .ct_01 a {background-position:0 0;} .sub_contents .p_category .ct_02 a {background-position:-165px 0;} .sub_contents .p_category .ct_03 a {background-position:-330px 0;} .sub_contents .p_category .ct_04 a {background-position:-495px 0;} .sub_contents .p_category .ct_05 a {background-position:0 -31px;} .sub_contents .p_category .ct_06 a {background-position:-165px -31px;} .sub_contents .p_category .ct_07 a {background-position:-330px -31px;} .sub_contents .p_category .ct_08 a {background-position:-495px -31px;} .sub_contents .p_category li a:hover, .sub_contents .p_category li.on a {position:absolute;z-index:999999999;} .sub_contents .p_category .ct_01 a:hover,.sub_contents .p_category .ct_01.on a {background-position:0 -63px;} .sub_contents .p_category .ct_02 a:hover,.sub_contents .p_category .ct_02.on a {background-position:-165px -63px;} .sub_contents .p_category .ct_03 a:hover,.sub_contents .p_category .ct_03.on a {background-position:-330px -63px;} .sub_contents .p_category .ct_04 a:hover,.sub_contents .p_category .ct_04.on a {background-position:-495px -63px;} .sub_contents .p_category .ct_05 a:hover,.sub_contents .p_category .ct_05.on a {background-position:0 -94px;} .sub_contents .p_category .ct_06 a:hover,.sub_contents .p_category .ct_06.on a {background-position:-165px -93px;} .sub_contents .p_category .ct_07 a:hover,.sub_contents .p_category .ct_07.on a {/*background-position:-330px -94px;*/z-index:auto;} .sub_contents .p_category .ct_08 a:hover,.sub_contents .p_category .ct_08.on a {background-position:-495px -94px;} .sub_contents .p_category li span {width:166px;height:32px;line-height:32px;display:block;background:url(../images/bg_category_03.gif) no-repeat 0 0;text-indent:-9999px;position:absolute;left:0;top:0;} .sub_contents .p_category .ct_01 span {background-position:0 0;} .sub_contents .p_category .ct_02 span {background-position:-165px 0;} .sub_contents .p_category .ct_03 span {background-position:-330px 0;} .sub_contents .p_category .ct_04 span {background-position:-495px 0;} .sub_contents .p_category .ct_05 span {background-position:0 -31px;} .sub_contents .p_category .ct_06 span {background-position:-165px -31px;} .sub_contents .p_category .ct_07 span {background-position:-330px -31px;} .sub_contents .p_category .ct_08 span {background-position:-495px -31px;} .sub_contents .p_category .ct_07 span {background-position:-330px -31px;background:#f6f6f7;border:1px solid #c4c4c9;border-bottom:1px solid #8b8d91;width:164px;height:30px;} .sub_contents .p_category .ct_08 span {background-position:-495px -31px;background:#f6f6f7;border:1px solid #c4c4c9;border-bottom:1px solid #8b8d91;width:163px;height:30px;} .sub_contents .p_category li span:hover, .sub_contents .p_category li.on span {position:absolute;z-index:999999999;} .sub_contents .p_category .ct_01 span:hover,.sub_contents .p_category .ct_01.on span {background-position:0 -63px;} .sub_contents .p_category .ct_02 span:hover,.sub_contents .p_category .ct_02.on span {background-position:-165px -63px;} .sub_contents .p_category .ct_03 span:hover,.sub_contents .p_category .ct_03.on span {background-position:-330px -63px;} .sub_contents .p_category .ct_04 span:hover,.sub_contents .p_category .ct_04.on span {background-position:-495px -63px;} .sub_contents .p_category .ct_05 span:hover,.sub_contents .p_category .ct_05.on span {background-position:0 -94px;} .sub_contents .p_category .ct_06 span:hover,.sub_contents .p_category .ct_06.on span {background-position:-165px -94px;} .sub_contents .p_category .ct_07 span:hover,.sub_contents .p_category .ct_07.on span {background-position:-330px -94px;} .sub_contents .p_category .ct_08 span:hover,.sub_contents .p_category .ct_08.on span {background-position:-495px -94px;} /* contents > 포토리스트 */ .sub_contents .pictorial {margin-top:-1px;} .sub_contents .pictorial #photo_list .masonry-item:first-child .border {border:3px solid #2c5abb;} .sub_contents .pictorial #photo_list .masonry-item:first-child .summary {background:#2c5abb;} .sub_contents .pictorial #photo_list .masonry-item:hover .border {border:3px solid #2c5abb;} .sub_contents .pictorial #photo_list .masonry-item:hover .summary {background:#2c5abb;} /* 포토&화보 뷰페이지 -----------------------------------------------------------------------*/ /* .sub_contents .photo_slide {padding-top:15px;border-left:1px solid #c4c4c9;border-right:1px solid #c4c4c9;} .sub_contents .photo_slide iframe {margin-left:-1px;border:0 none;} */ /* 화보창 수정 20140701 */ .iPhotoSlide {/*width:660px;*/width:100%;} .iPhotoSlide .iPhotoSlideTitle {display:block;width:auto;margin:0 auto 15px auto;padding:10px;border:1px solid #eaeaea;background:#fafafa;line-height:17px;color:#4b4b4b;letter-spacing:0;text-align:left;} /* .article_img2 .article_title2 {width:606px;line-height:18px;padding:28px 26px;font-size:12px;font-family:"굴림", Gulim;color:#5e5858;text-align:left;border:1px solid #cdcdcd;background:#fbfbfb; border-top:0px;} .article_img2 .article_title3 {width:606px;height:35px;line-height:35px;border:1px solid #cdcdcd;background:#fbfbfb;padding:3px 26px 0 26px;border-bottom:0;} .article_img2 .article_title3 .p_info{float:left;width:300px;font-size:12px;font-family:"굴림", Gulim;color:#907b7b;text-align:left;} .article_img2 .article_title3 .p_info span{font-size:12px;font-weight:bold;font-family:"굴림", Gulim;color:#f4390d;} .article_img2 .article_title3 .p_date{float:right;width:146px;font-size:12px;font-family:"굴림", Gulim;color:#907b7b;text-align:right;} .article_img2 .article_title4 {width:510px;line-height:18px;padding:8px 74px;font-size:11px;font-family:"굴림", Gulim;color:#9a9a9a;text-align:left;border-top:0px;} */ .iPhotoSlide .iPhotoSlideMain {position:relative;text-align:center;margin-bottom:0px;/*border-top:1px solid #cdcdcd;*/padding:20px 0;} .iPhotoSlide .iPhotoSlideMain img {vertical-align:middle;position:relative;z-index:10;max-width:560px;max-height:530px;} .iPhotoSlide .iPhotoSlideMain span {display:inline-block;width:0;height:auto;overflow:hidden;vertical-align:middle;max-height:660px;} .iPhotoSlide .iPhotoSlideMain .artPhoto_b {position:absolute;top:0;left:0; width:658px;border:1px solid #cdcdcd;background:#fbfbfb;border-bottom:0px none;border-top:0;height:438px !important;} .iPhotoSlide .iPhotoSlideMain .ap_ad {display:block;width:658px;height:60px;padding:26px 0 0 0;background:url(../images/sub/bg_if.gif) repeat-y 0 0;position:relative;z-index:100;top:-1px;} .iPhotoSlide .iPhotoSlideMain .ap_left {display:block;z-index:99998;position:absolute;top:0;left:0;width:250px;height:250px;background:url(../images/sub/ap_left_off.png) no-repeat 16px 250px;background-position:16px 50%;height:250px;top:50%;left:50px;margin-top:-125px;} .iPhotoSlide .iPhotoSlideMain .ap_left:hover, #container.viewp .contents .articleView .article_img .artPhoto .ap_left:active {background:url(../images/sub/ap_left_on.png) no-repeat 16px 250px;background:url(../images/sub/ap_left_on.png) no-repeat 16px 50%;} .iPhotoSlide .iPhotoSlideMain .ap_right {display:block;z-index:99998;position:absolute;top:0;right:0;width:250px;height:250px;background:url(../images/sub/ap_right_off.png) no-repeat 210px 250px;background-position:210px 50%;height:250px;right:50px;top:50%;margin-top:-125px;} .iPhotoSlide .iPhotoSlideMain .ap_right:hover, #container.viewp .contents .articleView .article_img .artPhoto .ap_right:active {background:url(../images/sub/ap_right_on.png) no-repeat 210px 250px;background:url(../images/sub/ap_right_on.png) no-repeat 210px 50%;} /* 동영상 일 경우 좌우버튼 이미지 20141007 */ .iPhotoSlide .iPhotoSlideMain .video_left {display:block;z-index:99998;position:absolute;top:0;left:0;width:250px;height:250px;background:url(../images/sub/etv_left_off.png) no-repeat 16px 250px;background-position:16px 50%;height:250px;top:50%;left:50px;margin-top:-125px;} .iPhotoSlide .iPhotoSlideMain .video_left:hover, #container.viewp .contents .articleView .article_img .artPhoto .video_left:active {background:url(../images/sub/etv_left_on.png) no-repeat 16px 250px;background:url(../images/sub/etv_left_on.png) no-repeat 16px 50%;} .iPhotoSlide .iPhotoSlideMain .video_right {display:block;z-index:99998;position:absolute;top:0;right:0;width:250px;height:250px;background:url(../images/sub/etv_right_off.png) no-repeat 210px 250px;background-position:210px 50%;height:250px;right:50px;top:50%;margin-top:-125px;} .iPhotoSlide .iPhotoSlideMain .video_right:hover, #container.viewp .contents .articleView .article_img .artPhoto .video_right:active {background:url(../images/sub/etv_right_on.png) no-repeat 210px 250px;background:url(../images/sub/etv_right_on.png) no-repeat 210px 50%;} .iPhotoSlide .iPhotoSlideMain a {selector-dummy:expression(this.hideFocus=true);outline:none;} .iPhotoSlide .article_title2 {display:none;} .iPhotoSlide .article_title3 {display:none;} .iPhotoSlide .iPhotoSlideList {width:auto;/*width:100%*/;z-index:99999;position:relative;margin:-1px 0 -1px;padding:15px 0;border:1px solid #cdcdcd;background:#ececec;} .iPhotoSlide .iPhotoSlideList .photoHide {position:relative;width:600px;height:90px;margin-left:28px;overflow:hidden;margin-left:33px;} .iPhotoSlide .iPhotoSlideList ul {/*min-width:606px !important;*/text-align:center;/* width:600px;margin-left:34px; */} .iPhotoSlide .iPhotoSlideList ul li {position:relative;float:none !important;width:90px;height:90px;vertical-align:top;margin-right:6px;text-align:left;overflow:hidden;display:inline-block;zoom:1;*display:inline;_display:inline;background:#fff;z-index:9999;opacity:0.6;filter: alpha(opacity=60);} .iPhotoSlide .iPhotoSlideList ul li.on {position:relative;border:3px solid #2c5abb;width:84px !important;height:84px !important;overflow:hidden;z-index:99999;opacity:1;filter: alpha(opacity=100);} .iPhotoSlide .iPhotoSlideList ul li.on .p {/* width:84px !important;height:84px !important; */margin-left:-3px;margin-top:-3px;} .iPhotoSlide .iPhotoSlideList ul li.on .p em {display:none;} .iPhotoSlide .iPhotoSlideList ul li.on:hover .p {z-index:99999;opacity:1;filter: alpha(opacity=100);} /*.iPhotoSlide .iPhotoSlideList ul li.on .p img {max-width:84px !important;max-height:84px !important;}*/ .iPhotoSlide .iPhotoSlideList ul li:hover {border:3px solid #2c5abb;width:84px !important;height:84px !important;overflow:hidden;z-index:99999;opacity:1;filter: alpha(opacity=100);} .iPhotoSlide .iPhotoSlideList ul li:hover .p {/* width:84px !important;height:84px !important; */margin-left:-3px;margin-top:-3px;z-index:99999;opacity:0.6;filter: alpha(opacity=60);} .iPhotoSlide .iPhotoSlideList ul li.slideScrollContent {margin-right:10px;} .iPhotoSlide .iPhotoSlideList ul li .p {display:block;width:90px;height:90px;background:#2f2f2f;text-align:center;position:relative;} .iPhotoSlide .iPhotoSlideList ul li .p img {vertical-align:middle;max-width:90px;max-height:90px;} .iPhotoSlide .iPhotoSlideList ul li .p span {display:inline-block;width:0;height:100%;overflow:hidden;vertical-align:middle;} .iPhotoSlide .iPhotoSlideList ul li .p em {display:none;width:100%;height:100%;background:#fff;position:absolute;z-index:9999;opacity:0.6;display:block;left:0;top:0;} .iPhotoSlide .iPhotoSlideList ul li .t {display:block;margin-top:6px;height:30px;overflow:hidden;font:normal 12px/15px "굴림", Gulim;color:#464646;letter-spacing:-0.05em;} .iPhotoSlide .iPhotoSlideList .p_left {position:absolute;top:50%;left:5px;margin-top:-15px;width:15px;height:29px;background:url(../images/sub/btn_p_left2.gif) no-repeat 0 0;cursor:pointer;} .iPhotoSlide .iPhotoSlideList .p_right {position:absolute;top:50%;right:5px;margin-top:-15px;width:15px;height:29px;background:url(../images/sub/btn_p_right2.gif) no-repeat 0 0;cursor:pointer;} .iPhotoSlide .iPhotoSlideList .p_left span, .iPhotoSlide .iPhotoSlideList .p_right span {position:absolute;z-index:-1;visibility:hidden;} .iPhotoSlide #slideScrollControlWrap {float:none !important;} .iPhotoSlide .iPhotoSlideList ul li .p .icon_player {display:block;width:36px;height:35px;position:absolute;top:27px;left:27px;background: url(../images/sub/icon_player01.png) no-repeat 0 0;text-indent:-9999px;} .sp_iPhotoSlide {} .sp_iPhotoSlide .iPhotoSlideMain {border-left:1px solid #c4c4c9;border-right:1px solid #c4c4c9;} .sp_iPhotoSlide .iPhotoSlideMain .sp_ap_left {background:url(../images/btn_slide_left_off.png) no-repeat 16px 50%;height:250px;top:50%;left:50px;margin-top:-125px;} .sp_iPhotoSlide .iPhotoSlideMain .sp_ap_left:hover, #container.viewp .contents .articleView .article_img .artPhoto .ap_left:active {background:url(../images/btn_slide_left_on.png) no-repeat 16px 50%;} .sp_iPhotoSlide .iPhotoSlideMain .sp_ap_right {background:url(../images/btn_slide_right_off.png) no-repeat 210px 250px;background-position:210px 50%;height:250px;right:50px;top:50%;margin-top:-125px;} .sp_iPhotoSlide .iPhotoSlideMain .sp_ap_right:hover, #container.viewp .contents .articleView .article_img .artPhoto .ap_right:active {background:url(../images/btn_slide_right_on.png) no-repeat 210px 50%;} .sp_iPhotoSlide .iPhotoSlideList .p_left {height:22px;margin-top:-11px;background:url(../images/btn_list_left_off.png) no-repeat 0 0;} .sp_iPhotoSlide .iPhotoSlideList .p_left:hover {background:url(../images/btn_list_left_on.png) no-repeat 0 0;} .sp_iPhotoSlide .iPhotoSlideList .p_right {height:22px;margin-top:-11px;background:url(../images/btn_list_right_off.png) no-repeat 0 0;} .sp_iPhotoSlide .iPhotoSlideList .p_right:hover {background:url(../images/btn_list_right_on.png) no-repeat 0 0;} /* 카툰메인 ---------------------------------------------------------------------------------*/ /* contetns : 최훈 카툰 - 카툰배너 */ .cartoon_banner {overflow:hidden;width:100%;margin-bottom:43px;} .cartoon_banner li {float:left;padding-bottom:13px;} .cartoon_banner li.first {margin-right:17px;} .cartoon_banner li a img {width:320px;height:80px;} /* contents : 최훈 카툰 - 카툰 보기 */ .cartoon_view {text-align:center;} .cartoon_view a img {width:660px;} /* contents : 최훈 카툰 - 상단 카툰 제목 */ .cartoon_page_1 {display:inline-block;position:relative;width:100%;height:28px;padding-top:7px;margin:0 0 10px 0;border-top:2px solid #fdcb00;background:#f6f6f6;} .cartoon_page_1 h1 {position:absolute;left:6px;top:-27px;font-family:"돋움", Dotum;font-size:16px;font-weight:bold;color:#272727;} .cartoon_page_1 h1 span {color:#bbbec3;padding:0 8px;} .cartoon_page_1 h1 strong {color:#494b50;} .cartoon_page_1 h1 em {font-size:12px;color:#8c8c8c;padding-left:4px;font-style:normal;font-weight:normal;} .cartoon_page_1 .cp_btn {float:right;padding-right:10px;} .cartoon_page_1 .cp_btn select {height:20px;padding-top:0;line-height:20px;border:1px solid #d6d6d6;} /* contents : 최훈 카툰 - 하단 카툰 제목 */ .cartoon_page_2 {display:inline-block;position:relative;width:100%;height:28px;margin:10px 0 0 0;padding-top:7px;border-bottom:2px solid #fdcb00;background:#f6f6f6;} .cartoon_page_2 h1 {float:left;padding-left:6px;font-family:"돋움", Dotum;font-size:16px;font-weight:bold;color:#272727;} .cartoon_page_2 h1 span {color:#bbbec3;padding:0 8px;} .cartoon_page_2 h1 strong {color:#494b50;} .cartoon_page_2 h1 em {font-size:12px;color:#8c8c8c;padding-left:4px;font-style:normal;font-weight:normal;} .cartoon_page_2 .cp_btn {float:right;padding-right:10px;} .cartoon_page_2 .cp_btn select {height:20px;padding-top:0;line-height:20px;border:1px solid #d6d6d6;} /* 아이스크림 20160725 추가 */ #STBLayer .imgT_list li .i_t strong a {font-size:14px;font-weight:bold;} /* 지면보기메인 ---------------------------------------------------------------------------------*/ /* contents : 리스트 - 검색 (화보) */ .sub_contents .picBox{display:inline-block;position:relative;width:100%;margin-bottom:31px;} .sub_contents .picBox h2{margin:0 2px 7px;padding-left:9px;background:url(../images/blt_search.gif) no-repeat 0 5px;font-size:14px;} .sub_contents .picBox a{float:left;width:120px;margin-right:20px;font-size:11px;line-height:135%;text-align:center;letter-spacing:-1px;} .sub_contents .picBox a img{margin-bottom:8px;} .sub_contents .picBox a span{display:block;} .sub_contents .picBox .last{margin-right:-3px;} /* contents : 지면뷰 - 상단 */ .sub_contents .paperTop{margin-bottom:6px;border:1px solid #cbcbcf;} .sub_contents .paperTop .titleBox{width:610px;padding:18px 24px;border-bottom:1px solid #cbcbcf;background:#fbfbfb;overflow:hidden;} .sub_contents .paperTop .titleBox h1{float:left;} .sub_contents .paperTop .titleBox form{float:right;text-align:right;} .sub_contents .paperTop .titleBox select{margin-top:2px;border-top:1px solid #acadb2;border-right:1px solid #dce1e5;border-bottom:1px solid #e1e8ee;border-left:1px solid #dce1e5;vertical-align:top;} .sub_contents .paperTop .titleBox label{display:inline-block;position:relative;left:0;top:0;width:auto;height:auto;margin:5px 2px 0 -2px;color:#666;font:12px/125% "돋움",Dotum;visibility:visible;vertical-align:middle;z-index:1;} .sub_contents .paperTop .titleBox input{margin:2px 0 0 1px;vertical-align:top;} .sub_contents .paperTop .titleBox .selectYear{width:53px;height:19px;} .sub_contents .paperTop .titleBox .selectMonth, .sub_contents .paperTop .titleBox .selectDay{width:40px;height:19px;} .sub_contents .paperTop .infoBox{padding:20px 80px 12px;} .sub_contents .paperTop .infoBox span{display:block;padding:0 0 3px 15px;background:url(../images/blt_page_arrow.gif) no-repeat 0 4px;color:#646464;} .sub_contents .paperTop .infoBox span a{display:inline-block;margin-left:12px;color:#4f4f4f;font-weight:bold;text-decoration:underline;} .sub_contents .paperTop .infoBox h2{color:#2c5abb;margin:23px 0 11px;padding-left:15px;background:url(../images/blt_page_arrow.gif) no-repeat 0 3px;font-size:12px;} .sub_contents .paperTop .infoBox ol{display:inline-block;width:100%;} .sub_contents .paperTop .infoBox li{float:left;margin-right:-1px;padding-bottom:17px;background:url(../images/bg_date_bar.gif) no-repeat left 5px;text-align:center;} .sub_contents .paperTop .infoBox li a{display:block;width:50px;color:#5a80d1;font:16px/125% Verdana;letter-spacing:-1px;} .sub_contents .paperTop .infoBox li a:hover, .sub_contents .paperTop .infoBox .open{color:#e83b36 !important;text-decoration:underline;} /* contents : 지면뷰 - 기사 */ .sub_contents .paperBox{padding:28px 0 46px;border:1px solid #c6c6cb;letter-spacing:-1px;text-align:center;position:relative;} .sub_contents .paperBox strong{display:block;margin-bottom:4px;font-size:16px;color:#2d2b2b;} .sub_contents .paperBox strong > span {font-size:16px !important;color:#2c5abb !important;} .sub_contents .paperBox span{display:block;color:#939393;font-size:12px;} .sub_contents .paperBox .photoLine{padding:4px 0 8px;} .sub_contents .paperBox .photoLine img{text-align:center;} .sub_contents .paperBox .photoLine .pre{width:22px;height:43px;margin-top:-24px;position:absolute;left:35px;top:50%;background:url(../images/bg_main.gif) no-repeat 0 -134px;text-indent:-9999px;} .sub_contents .paperBox .photoLine .pre:hover {background-position:0 -195px;} .sub_contents .paperBox .photoLine .next{width:22px;height:43px;margin-top:-24px;position:absolute;right:35px;top:50%;background:url(../images/bg_main.gif) no-repeat -37px -134px;text-indent:-9999px;} .sub_contents .paperBox .photoLine .next:hover {background-position:-37px -195px;} .sub_contents .paperBox .photoLine .btn_pdf {display:block;color:#4f4f4f;font-weight:bold;text-decoration:underline;position:absolute;right:92px;top:49px;} /* contents > 지면보기 swipe */ #mPhoto {overflow:hidden;position:relative;} #mPhoto .topTxt {position:absolute;bottom:0;left:0;z-index:1;} #mPhoto .btnClose {display:none !important;} #mPhoto .botTxt {display:none !important;} #mPhoto .topTxt p {position:absolute;left:0;bottom:0;width:660px;height:288px;background:url(../images/common/bg_slide.png) no-repeat 0 0;} #mPhoto .topTxt p span {overflow:hidden;display:block;margin-top:220px;padding:0 33px;color:#fff;font-size:24px;text-overflow:ellipsis;white-space:nowrap;line-height:50px;font-weight:bold;} #mPhotoSwipe {overflow:hidden;width:660px;} #mPhotoSwipe .swipe-wrap {position:relative;overflow:hidden;width:100%;height:100%;} #mPhotoSwipe .swipe-wrap > div {float:left;position:relative;height:100%;} #mPhotoSwipe .swipe-wrap > div a {display:block;} #mPhotoSwipe .swipe-wrap > div a img {} #mPhotoSwipe .swipe-wrap > div a .tit {display:block;position:absolute;left:0;bottom:0;width:660px;height:288px;background:url(../images/common/bg_slide.png) no-repeat 0 0;} #mPhotoSwipe .swipe-wrap > div a .tit strong {overflow:hidden;display:block;position:absolute;bottom:50px;left:37px;color:#fff;font-size:24px;text-overflow:ellipsis;white-space:nowrap;line-height:24px;} #mPhotoSwipe .swipe-wrap > div a .tit .date {display:block;position:absolute;bottom:26px;left:37px;color:#fff;font-size:13px;font-family:Verdana;} #mPhotoSwipe .swipe-wrap > div a .frame {position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #000;filter:alpha(opacity=20);opacity:0.2;} #mPhotoSwipe .sBtn button {position:absolute;top:50%;margin-top:-26px;width:44px;height:87px;text-indent:-9999em;border:0 none;overflow:hidden;cursor:pointer;z-index:100;} #mPhotoSwipe .sBtn button.prev {left:0;background:url(http://image.donga.com/photostudio/images/common/btn_photo_prev_out.png) no-repeat 0 0;} #mPhotoSwipe .sBtn button.next {right:0;background:url(http://image.donga.com/photostudio/images/common/btn_photo_next_out.png) no-repeat 0 0;} #mPhotoSwipe .sBtn button.prev:hover {left:0;background:url(http://image.donga.com/photostudio/images/common/btn_photo_prev.png) no-repeat 0 0;} #mPhotoSwipe .sBtn button.next:hover {right:0;background:url(http://image.donga.com/photostudio/images/common/btn_photo_next.png) no-repeat 0 0;} /* contents : 인터넷 광고문의ㆍ사업제휴 */ .allianceBox .titleBox{height:40px;margin-bottom:65px;padding:18px 30px 0;border:1px solid #e4e4e4;background-color:#fbfbfb;} .allianceBox .alliance{padding:0 40px;} .allianceBox .alliance .introduction{margin-bottom:51px;padding-bottom:24px;border-bottom:1px solid #e4e4e4;} .allianceBox .alliance .introduction strong{display:block;margin-bottom:17px;} .allianceBox .alliance .introduction span{display:block;margin-bottom:23px;} .allianceBox .alliance .txtBox{margin-bottom:51px;border-bottom:1px solid #e4e4e4;} .allianceBox .alliance .txtBox .txtBox_in{margin-bottom:47px;} .allianceBox .alliance .txtBox .txtBox_in h2{margin-bottom:21px;} .allianceBox .alliance .txtBox .txtBox_in p{margin-bottom:23px;padding-left:15px;background:url(../images/blt_page_arrow.gif) no-repeat 0 4px;color:#666;} .allianceBox .alliance .txtBox .txtBox_in strong{display:inline-block;width:134px;} .allianceBox .alliance .txtBox .txtBox_in em{display:inline-block;width:101px;font-weight:bold;} .allianceBox .alliance .txtBox .txtBox_in span{text-decoration:underline;} .allianceBox .alliance .txtBox .txtBox_in a{color:#666;text-decoration:underline;} .allianceBox .alliance .txtBox .txtBox_in a:hover{color:#f25632;} /* 20150528 불법스포츠도박 박지훈 */ /* 불법 스포츠 도박 헤드라인 */ .gamble_headline {width:980px;height:225px;margin:30px auto 0;background:url(http://image.donga.com/sportsdonga/2015/images/tit_stop_clean.gif) no-repeat 0 0;text-indent:-9999px;} /* 컨텐츠 뉴스 리스트 */ #contents .con_news_list.con_gamble_news {padding:0;} #contents .con_news_list .gamble_list {padding:23px 0 0;overflow:hidden;position:relative;} #contents .con_news_list .gamble_list.issue {border-top:1px solid #d1d1d1;} #contents .con_news_list .gamble_list h2 {height:14px;margin:0 0 5px 26px;} #contents .con_news_list .gamble_list h2 img {vertical-align:top;} #contents .con_news_list .gamble_list ul {padding-left:4px;overflow:hidden;} #contents .con_news_list .gamble_list ul li {h eight:239px;margin:0 0 0 19px;padding-bottom:23px;float:left;position:relative;} #contents .con_news_list .gamble_list.issue ul li:first-child {ma rgin-left:0;} #contents .con_news_list .gamble_list ul li a {position:relative;display:block;} #contents .con_news_list .gamble_list ul li a:hover .tit {color:#fff !important;} #contents .con_news_list .gamble_list ul li .thumb {display:block;} #contents .con_news_list .gamble_list ul li .thumb .line {width:298px;height:154px;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;} #contents .con_news_list .issue ul li .t {width:268px;height:39px;padding:12px 15px;background:#fff;border:1px solid #d1d1d1;border-top:0 none;} #contents .con_news_list .issue ul li .t span {display:block;} #contents .con_news_list .issue ul li .t .tit {height:34px;line-height:18px;color:#282828;font-size:14px;letter-spacing:-1px;font-weight:bold;overflow:hidden;} #contents .con_news_list .issue ul li .t .tit strong {display:block;overflow:hidden;height:34px;} #contents .con_news_list .gamble_list.issue ul li:first-child .t .tit {height:17px;line-height:18px;margin-bottom:4px;color:#282828;font-size:14px;letter-spacing:-1px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} #contents .con_news_list .gamble_list.issue ul li a:hover .t .tit {color:#133f9a !important;} #contents .con_news_list .gamble_list .btn_all {padding-right:6px;font-size:11px;color:#757575;letter-spacing:-1px;background:url(http://image.donga.com/sportsdonga/2015/images/bul_arr_all.gif) no-repeat right 50%;position:absolute;right:20px;top:25px;} /* 선언식 이모저모 */ #contents .con_news_list .gamble_list.momo {width:642px;padding-top:0;} #contents .con_news_list .gamble_list.momo .btn_all {top:0;right:0;} /* 캠페인 홍보영상 */ #contents .con_news_list .gamble_list.campaign {width:300px;padding-top:0;position:absolute;right:17px;bottom:0;} #contents .con_news_list .gamble_list.campaign h2 {margin:0 0 5px 3px} #contents .con_news_list .gamble_list.campaign .btn_all {top:0;right:0;} #contents .con_news_list .gamble_list.campaign ul {padding-left:0;} #contents .con_news_list .gamble_list.campaign ul li {margin-left:0;} #contents .con_news_list .gamble_list.campaign ul li .thumb .icon {width:300px;height:156px;position:absolute;left:0;top:0;background:url(http://image.donga.com/sportsdonga/2015/images/icon_play.png) no-repeat 0 0;} /* 홍보대사 */ .gamble_promotion {width:980px;margin:0 auto;padding:23px 0 11px;position:relative;} .gamble_promotion h2 {height:14px;padding:0 0 5px 3px;} .gamble_promotion h2 img {vertical-align:top;display:block;} /* 스와이프 */ #promotion_swipe {overflow:hidden;position:relative;width:100%;background:#fff;} #promotion_swipe > div {overflow:hidden;position:relative;width:100%;height:100%;} #promotion_swipe > div .swipe_con {overflow:hidden;position:relative;width:100%;height:100%;float:left;} #promotion_swipe .latest_pictorial {width:980px;margin:0 auto;padding:0;} #promotion_swipe .latest_pictorial ul {overflow:hidden;} #promotion_swipe .latest_pictorial ul li {float:left;margin-left:20px;} #promotion_swipe .latest_pictorial ul li:first-child {margin-left:0;} #promotion_swipe .latest_pictorial ul li a {width:230px;position:relative;display:block;} #promotion_swipe .latest_pictorial ul li a span {display:block;} #promotion_swipe .latest_pictorial ul li a .thumb {width:230px;height:140px !important;} #promotion_swipe .latest_pictorial ul li a .thumb img {width:230px;height:140px !important;} #promotion_swipe .latest_pictorial ul li a .thumb .line {width:228px;height:138px !important;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;} #promotion_swipe .latest_pictorial ul li a .tit {width:230px;height:140px !important;line-height:20px;padding:0;position:absolute;left:-100000px;bottom:0; #position:absolute; font-weight:bold;font-size:14px;letter-spacing:-1px;text-align:center;overflow:hidden;background:url(http://image.donga.com/sportsdonga/2015/images/bg_transparent_02.png) repeat 0 0;} #promotion_swipe .latest_pictorial ul li a:hover .tit {z-index:100;left:0;display:table;} #promotion_swipe .latest_pictorial ul li a .tit .t_in { #position:absolute; #top:50%; #left:50%; #width:230px;display:table-cell; vertical-align:middle; text-align:center;} #promotion_swipe .latest_pictorial ul li a .tit .t_in .t_txt {padding:0 20px;text-align:center;display:block; #position:relative; #top:-50%; #left:-50%;color:#91e4ff !important;} .btn_swipe {} .btn_swipe button {width:30px;height:44px;border:0 none;background:url(http://image.donga.com/sportsdonga/2015/images/btn_swipe_next.png) no-repeat 0 0;cursor:pointer;position:absolute;right:0;top:90px;text-indent:-9999px;z-index:100;} .btn_swipe button:first-child {background:url(http://image.donga.com/sportsdonga/2015/images/btn_swipe_prev.png) no-repeat 0 0;position:absolute;left:0;top:90px;} /* 불법 스포츠 도박 신고센터 */ .gamble_cs {width:980px;padding-top:17px;margin:0 auto 20px;position:relative;} .gamble_cs h2 {padding:0 0 5px 3px;} .gamble_cs h2 img {} .gamble_cs > div {width:980px;height:156px;background:url(http://image.donga.com/sportsdonga/2015/images/bg_gamble_cs.gif) no-repeat 0 0;text-indent:-9999px;} .gamble_cs > a {display:block;position:absolute;right:0;top:0;} /* 주최, 후원 */ .sponsor_box {width:980px;margin:0 auto 35px;overflow:hidden;} .sponsor_box h3 {float:left;} .sponsor_box ul {float:left;overflow:hidden;} .sponsor_box ul li {float:left;} .sponsor_box ul li a {display:block;} .sponsor_box ul li a img {display:block;} /* 20160518 추가 */ .sponsor_box01 {width:980px;margin:0 auto 11px;overflow:hidden;} .sponsor_box01 h3 {float:left;margin-right:10px;} .sponsor_box01 ul {float:left;overflow:hidden;width:935px;} .sponsor_box01 ul li {float:left;} .sponsor_box01 ul li a {display:block;} .sponsor_box01 ul li a img {display:block;} /* 빅툰 */ .bigtoon_zone {overflow:hidden;width:978px;margin:0 auto;border:1px solid #d2d2d2;border-top:0 none;} .bigtoon_zone h2 {padding:20px 0 0 20px;} .bigtoon_zone .top_news_list {padding:13px 20px 18px !important;border:none !important;} .bigtoon_zone .top_news_list li span.tit a {height:18px !important;} .bigtoon_zone .top_news_list li span.thumb a img {width:170px;height:117px !important;} .bigtoon_zone .top_news_list li span.thumb a .line {width:168px;height:115px !important;} .bigtoon_sub h2 {margin-bottom:9px;} .bigtoon_sub .bigtoon_list {width:618px;margin:0 auto;padding:22px 20px 18px 20px;overflow:hidden;border:1px solid #e7e7e7;background:#fafafa;} .bigtoon_sub .bigtoon_list li {float:left;width:147px;margin-left:9px;position:relative;} .bigtoon_sub .bigtoon_list li:first-child {margin-left:0;} .bigtoon_sub .bigtoon_list li span {display:block;} .bigtoon_sub .bigtoon_list li span.thumb {margin-bottom:5px;position:relative;} .bigtoon_sub .bigtoon_list li span.thumb a {} .bigtoon_sub .bigtoon_list li span.thumb a img {width:147px;height:102px;} .bigtoon_sub .bigtoon_list li span.thumb a .line {width:145px;height:100px;border:1px solid #000;position:absolute;left:0;top:0;filter:alpha(opacity=20);opacity:0.2;} .bigtoon_sub .bigtoon_list li span.tit {} .bigtoon_sub .bigtoon_list li span.tit a {width:147px;height:18px;padding:0 4px;font-weight:bold;letter-spacing:-1px;overflow:hidden;line-height:17px;color:#393939;text-align:center;display:block;} .bigtoon_sub .bigtoon_list li span.tit a:hover {color:#2c5abb !important;}