@charset "euc-kr"; /**************************************************************************** reset ****************************************************************************/ html, body, div, p, span, strong, em, a, img, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, iframe,fieldset, form, label, legend, table, caption, thead, tbody, tfoot, tr, th, td { margin:0; padding:0;} html {overflow-y:scroll;} body {color:#444; font-size:12px; font-family:'맑은 고딕',Malgun Gothic,'돋움', Dotum, Helvetica, AppleGothic, Sans-serif; background-color:#FFF;} dl,ul,ol {list-style:none;} img,fieldset {border:none;} input,textarea,select {font-size:12px;} table {border-spacing:0; border-collapse:collapse; empty-cells:show;} legend,caption { width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1; } em, address { font-style:normal; } a, a:visited, a:active { color:#444; text-decoration:none; } a:hover { color:#3399FF; text-decoration:underline; } /**************************************************************************** layout ****************************************************************************/ /* 레이아웃 : 기본 */ body {position:relative; text-align:center; background:url(http://img.khan.co.kr/spko/weekly/weekly_2013/bg_header_top.gif) repeat-x top;} #wrapper {position:relative; width:1025px; margin:0 auto; text-align:center;} #header, #nav, #container, #footer {width:990px; margin:0 auto; text-align:left;} #header, #nav {position:relative;} #nav, #container {margin-top:13px;} #container {overflow:hidden; margin-bottom:20px;} /* 레이아웃 : 메인 */ #main_content {overflow:hidden; float:left; width:720px; padding-right:20px;} #main_aside {overflow:hidden; float:right; width:250px;} /* 레이아웃 : 서브(신기사면) */ #container .cntWrap_view {float:left; width:650px; margin-right:40px;} #container .cntWrap_view:after {display:block; clear:both; content:"";} /**************************************************************************** 광고 ****************************************************************************/ /* 탑광고 : ad.css에도 있음 */ #ad_top {position:relative; width:728px; height:90px; margin:0 auto 10px;} #ad_top p.adclose_btn {display:block; position:absolute; right:-33px; bottom:0px; width:33px; height:13px; cursor:pointer;} #ad_top p.adclose_btn a {display:block; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/main_2011/btn_close.gif") no-repeat;} #ad_top .trans_border {display:block; width:726px; height:88px;} .ad_top {position:relative; width:728px; height:90px; margin:0 auto 10px;} .ad_top p.adclose_btn {display:block; position: absolute; right:-33px; bottom:0; width:33px; height:13px; cursor:pointer;} .ad_top p.adclose_btn a {display:block; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/main_2011/btn_close.gif") no-repeat;} .ad_top .trans_border {display:block; width:726px; height:88px;} /* 좌측 여백광고 */ #banner_view_b {overflow:visible; position:absolute; left:-145px; top:188px; height:240px;} /* 어바웃 광고 */ #iwm_fsa_wrap {position:relative; width:980px; margin:0 auto; z-index:1000;} #iwm_fsa_wrap .left_wing {overflow:visible; position:absolute; left:-202px!important; top:440px; height:227px;} #iwm_fsa_wrap .right_wing {overflow:visible; position:absolute; left:995px; top:440px; height:600px;} /* 서브배너 */ #subAD { width:250px; overflow:hidden; margin-bottom:20px;} #ad_google { margin-bottom:20px; overflow:hidden; } /* 경향 뉴스진 배너 */ .nzine_banner { margin-bottom:20px; } /* 리얼클릭 광고구역 : 20120111추가(IH) */ .ad_realClick { height: 125px; border: 1px solid #E5E5E5; } /* 우측영역 최하단 광고 */ .ad_asideBtm {display:inline-table; position:relative; visibility:visible; border:medium none; width:300px; margin:20px 0px 0px; padding:0px; background-color:transparent;} /* 광고 아이프레임 용 */ .ad_frame {overflow:hidden; border:0; margin:0;} .ad_gtext {float:left; width:410px; height:210px; margin-right:40px; margin-top:23px; margin-bottom:10px;} .wing_todaynews {position:absolute; left:81px; top:250px; margin-bottom:20px; z-index:1200;} /* 기사뷰 우측 하단 여백 날개배너 */ .ad_subwing_mid {overflow:visible; position:absolute; left:1018px; top:2130px; width:160px; height:800px;} /**************************************************************************** 기본사항 ****************************************************************************/ /* 플롯해제 */ .clear { clear: both; height: 0; font-size: 0; visibility: hidden; overflow: hidden; } h2, h3, h4 { color: #000; } h2 a, h3 a, h4 a { color: #000; } /* 컨텐츠 */ .content ul { margin-top: 5px; } .content { padding: 13px; overflow: hidden; } /* 타이틀 우측 서브링크 */ .title p a { font-size:11px; letter-spacing:-1px; color:#666; } .title p a:hover { color:#333; text-decoration:none;} /* 본문 가운데 : 좌우측 정렬 */ .sub_CL { float: left; } .sub_CR { float: right;} /* ◆◆◆ 현재위치경로 ◆◆◆ */ .path {position:relative; height:28px; border:1px solid #cccccc;} .path h4 {display:block; position:absolute; left:-1px; top:-1px; height:30px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/lnb.gif") repeat scroll transparent;} .path h4.politics {width:134px; background-position:0 0;} .path h4.economy {width:145px; background-position:0 -30px;} .path h4.society {width:130px; background-position:0 -60px;} .path h4.culture {width:245px; background-position:0 -90px;} .path h4.science {width:245px; background-position:0 -90px;} .path h4.international {width:205px; background-position:0 -120px;} .path h4.sports {width:125px; background-position:0 -150px;} .path h4.opinion {width:130px; background-position:0 -180px;} .path h4.latest {width:130px; background-position:0 -210px;} .path h4.backissue {width:150px; background-position:0 -240px;} .path h4.serial_all {width:180px; background-position:0 -270px;} .path h4.cover {width:185px; background-position:0 -300px;} .path h4.special {width:210px; background-position:0 -330px;} .path h4.serial {width:180px; background-position:0 -360px;} .path h4.notlose {width:150px; background-position:0 -390px;} .path p {position:absolute; right:10px; top:6px; color:#666; font-size:11px; letter-spacing:-1px;} .path p a {color:#666; font-size:11px; letter-spacing:-1px;} .path p a:hover {color:#333; text-decoration:none;} .titleline { height:10px; background:url(http://img.khan.co.kr/spko/weekly/boxbg.gif) repeat top left; margin-bottom:15px; } .select_top { float:right; margin-bottom:20px; z-index:110;} /* 버튼바 : 중간 */ .btnBar { margin-bottom: 40px; position: relative; height: 35px; background: url(http://img.khan.co.kr/spko/sub_2009/btnbar_bg.gif) no-repeat;} .btnBar .g1 { position: absolute; left: 15px; top: 6px; width: 300px; } .btnBar .g2 { position: absolute; right: 15px; top: 6px; } .btn li { float: left; } .btn a {display:block; font-size:11px; color:#666; letter-spacing:-1px; vertical-align:top;} .btn a:visited { color: #666; } .btn a:active { color: #3399FF; } .btn a:hover { color: #3399FF; } .btn .btn_print {padding-left:14px; cursor:pointer; background:url(http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png) no-repeat -340px -127px;} .btn .btn_list {padding-left:12px; cursor:pointer; background:url(http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png) no-repeat -340px -147px;} .btn .btn_copy {padding-left:14px; cursor:pointer; background:url(http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png) no-repeat -340px -167px;} .btn .btn_reply {padding-left:11px; cursor:pointer; background:url(http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png) no-repeat -339px -375px;} .btn .btn_home {padding-left:13px; cursor:pointer; background:url(http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png) no-repeat -339px -398px;} .btn .btn_prev {padding-left:11px; cursor:pointer; background:url(http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png) no-repeat -339px -416px;} .btn .btn_gotop {padding-left:11px; cursor:pointer; background:url(http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png) no-repeat -339px -436px;} .btn .btn_print span, .btn .btn_list span, .btn .btn_copy span, .btn .btn_reply span, .btn .btn_home span, .btn .btn_prev span, .btn .btn_gotop span {color:#666; font-size:12px;} .btn .btn_print span:hover, .btn .btn_list span:hover, .btn .btn_reply span:hover, .btn .btn_home span:hover, .btn .btn_prev span:hover, .btn .btn_gotop span:hover {color:#333; font-weight:bold;} .btn .hover span {color:#333; font-weight:bold;} .btn .btn_facebook {width:18px; height:18px; padding-left:10px; cursor:pointer; background:url(http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png) no-repeat -369px -190px; text-indent:-9999px;} .btn .btn_facebook:hover {background-position:-331px -190px;} .btn .btn_me2 {display:none;width:18px; height:18px; padding-left:5px; cursor:pointer; background:url(http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png) no-repeat -373px -218px; text-indent:-9999px;} .btn .btn_me2:hover {display:none;background-position:-335px -218px;} .btn .btn_twitter {width:18px; height:18px; padding-left:5px; cursor:pointer; background:url(http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png) no-repeat -373px -246px; text-indent:-9999px;} .btn .btn_twitter:hover {background-position:-335px -246px;} .btn .btn_band {width:18px; height:18px; padding-left:5px; cursor:pointer; background:url(http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png) no-repeat -373px -460px; text-indent:-9999px;} .btn .btn_band:hover {background-position:-335px -460px;} /* 헤더 오늘날짜 구분선 */ .t_Bar01 {display:inline-block; width:1px; height:12px; margin:0 5px; background-color:#c4c4c4;} /* 이미지 */ img { vertical-align:middle; display:block; } /* 텍스트 구분바 */ .textBar {margin:0 5px; color:#CCC; font-size:11px; vertical-align:top;} /* 화살표 */ .arrow img { margin: 0 0 3px 5px;} /* 리스트 : 사각블랙 [기본] */ .list li { line-height:1.6em; background:url(http://img.khan.co.kr/spko/main_2009/icon_square.gif) no-repeat 0 6px; padding-left:10px; } /* 타이틀 숫자리스트 */ .title_num1 a {background: url(http://img.khan.co.kr/spko/weekly/weekly_2013/title_num01.png) no-repeat 0 3px; padding-left:30px;} .title_num2 a {background: url(http://img.khan.co.kr/spko/weekly/weekly_2013/title_num02.png) no-repeat 0 3px; padding-left:30px;} .title_num3 a {background: url(http://img.khan.co.kr/spko/weekly/weekly_2013/title_num03.png) no-repeat 0 3px; padding-left:30px;} .title_num4 a {background: url(http://img.khan.co.kr/spko/weekly/weekly_2013/title_num04.png) no-repeat 0 3px; padding-left:30px;} .title_num5 a {background: url(http://img.khan.co.kr/spko/weekly/weekly_2013/title_num05.png) no-repeat 0 3px; padding-left:30px;} .title_num6 a {background: url(http://img.khan.co.kr/spko/weekly/weekly_2013/title_num06.png) no-repeat 0 3px; padding-left:30px;} .title_num7 a {background: url(http://img.khan.co.kr/spko/weekly/weekly_2013/title_num07.png) no-repeat 0 3px; padding-left:30px;} /* 탭메뉴 : [ul.tabMenu] - 이미지, [p.tabMenu] - 텍스트 */ .tabMenu li, .tabMenu a { float: left; } .tabMenu .end { margin-right: 0 !important; } .title .tabMenu p { position: absolute; right: 500px; bottom: 0px; } /* 사진기사 : 사진 + 제목 + 리드 */ .photo p { float: left; margin-bottom: 12px; overflow: hidden; } .photo p img { width: 55px; height: 50px; display: inline;} .photo dl { float: left; margin-left: 10px; width: 140px; } .photo dt { font-weight: bold; letter-spacing: -1px; line-height: 15px; margin: 2px 0 3px 0; height:15px; } .photo dd { letter-spacing: -0.5px; line-height: 15px; } /* 페이지 */ .paginate { margin: 30px 0; padding-top:5px; text-align: center; } .paginate a, .paginate strong { position:relative; display:inline-block; display:-moz-inline-box; margin-right:1px; padding:2px 4px 3px 4px; color:#000; text-decoration:none; border:1px solid #FFF; font:bold 11px/normal Verdana; _width /**/:17px; } .paginate strong { color:#f23219 !important; border:1px solid #ddd; } .paginate .pre { margin-right:6px; padding:4px 6px 2px 14px; _padding-bottom:1px; background:url(http://img.khan.co.kr/spko/sub_2009/bu_pg3_l_off.gif) no-repeat 6px 6px !important; letter-spacing:-1px; } .paginate .next { margin-left:4px; padding:4px 14px 2px 6px; _padding-bottom:1px; background:url(http://img.khan.co.kr/spko/sub_2009/bu_pg3_r_off.gif) no-repeat 62px 6px !important; letter-spacing:-1px;} .paginate a.pre { background:url(http://img.khan.co.kr/spko/sub_2009/bu_pg3_l_on.gif) no-repeat 6px 6px !important; } .paginate a.next { background:url(http://img.khan.co.kr/spko/sub_2009/bu_pg3_r_on.gif) no-repeat 62px 6px !important;} .paginate .pre, .paginate .next { display:inline; _display:inline-block; color:#ccc; border:1px solid #ddd; position:relative; top:0; font:11px/normal 돋움, Dotum; _width /**/:78px;} .paginate a.pre, .paginate a.next { color:#666; } .paginate a:hover { background-color:#F5F5F5 !important; border:1px solid #ddd; } .paginate a { color: #333; text-decoration: none; vertical-align:middle; } .paginate a:visited { color: #333; text-decoration: none; } .paginate a:active { color: #3399FF; text-decoration: underline; } .paginate a:hover { color: #3399FF; text-decoration: underline; } /* 이미지 테두리 */ .trans_border { border: 1px solid #000; cursor:pointer; position: absolute; left:0; top:0; display:block; opacity: 0.1; -ms-filter:alpha(opacity=10); filter:alpha(opacity=10); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);} /**************************************************************************** header ****************************************************************************/ #header {height:168px; margin-bottom:20px;} #header h1 {position:absolute; left:0; top:50px;} #header p.issue {position:absolute; top:75px; left:188px;} #header p.issue img {float:left;} #header p.issue_date {position:absolute; top:50px; left:190px; color:#888; font-size:16px; font-family:arial;} #header .gnb {position:absolute; top:0; left:0; width:990px;} #header .lnb {position:absolute; top:124px; left:0; width:990px; background-color:#3f5d96;} #header .lnb_srch {position:absolute; top:80px; right:0;} /* 패밀리링크 */ #header .gnb .family {position:absolute; left:0; top:7px; font-size:12px;} #header .gnb .family li {float:left; margin-right:10px;} /* 날짜 */ .gnb .gnb_date {position:absolute; top:7px; right:110px; width:105px; color:#666; text-align:right; font-size:12px;} /* 로그인,회원가입 */ .gnb .member {position:absolute; right:0px; top:7px; width:110px;} .gnb .member .link {float:right;} .gnb .member .link dt.blind {display:block; overflow:hidden; position:absolute; left:0; top:-9999px;} .gnb .member .link dd {float:left;} .gnb .member .link dd.login, .gnb .member .link dd.logout, .gnb .member .link dd.join, .gnb .member .link dd.first {margin-left:5px; text-indent:-9999px;} .gnb .member .link dd.login a {display:block; overflow:hidden; width:37px; height:15px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/btn_gnb_login.gif") no-repeat 0 0;} .gnb .member .link dd.logout a {display:block; overflow:hidden; width:48px; height:15px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/btn_gnb_logout.gif") no-repeat 0 0;} .gnb .member .link dd.join a {display:block; overflow:hidden; width:42px; height:15px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/btn_gnb_join.gif") no-repeat 0 0;} .gnb .member .link dd.first a {display:block; overflow:hidden; width:42px; height:15px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/btn_gnb_modify.gif") no-repeat 0 0;} /* LNB */ .lnb li {display:block; float:left; height:44px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/sprite_lnb.jpg") no-repeat scroll 0 0 transparent;} .lnb li.m01 {background-position:0 0; width:99px;} .lnb li.m02 {background-position:-99px 0; width:94px;} .lnb li.m03 {background-position:-193px 0; width:57px;} .lnb li.m04 {background-position:-250px 0; width:56px;} .lnb li.m05 {background-position:-306px 0; width:57px;} .lnb li.m06 {background-position:-363px 0; width:94px;} .lnb li.m07 {background-position:-457px 0; width:56px;} .lnb li.m08 {background-position:-513px 0; width:70px;} .lnb li.m09 {background-position:-583px 0; width:84px;} .lnb li.m10 {background-position:-667px 0; width:73px;} .lnb li a {display:block; overflow:hidden; height:44px; text-indent:-9999px;} .lnb li .on {position:relative; height:44px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/sprite_lnb.jpg") no-repeat scroll 0 0 transparent;} .lnb li.m01:hover, .lnb li.m01 .on {cursor:pointer; background-position:0 -44px; width:99px;} .lnb li.m02:hover, .lnb li.m02 .on {cursor:pointer; background-position:-99px -44px; width:94px;} .lnb li.m03:hover, .lnb li.m03 .on {cursor:pointer; background-position:-193px -44px; width:57px;} .lnb li.m04:hover, .lnb li.m04 .on {cursor:pointer; background-position:-250px -44px; width:56px;} .lnb li.m05:hover, .lnb li.m05 .on {cursor:pointer; background-position:-306px -44px; width:57px;} .lnb li.m06:hover, .lnb li.m06 .on {cursor:pointer; background-position:-363px -44px; width:94px;} .lnb li.m07:hover, .lnb li.m07 .on {cursor:pointer; background-position:-457px -44px; width:56px;} .lnb li.m08:hover, .lnb li.m08 .on {cursor:pointer; background-position:-513px -44px; width:70px;} .lnb li.m09:hover, .lnb li.m09 .on {cursor:pointer; background-position:-583px -44px; width:84px;} .lnb li.m10:hover, .lnb li.m10 .on {cursor:pointer; background-position:-667px -44px; width:73px;} /* 최신기사, 지난호, 구독신청 */ .lnb .lnb_side {float:right; width:214px; height:22px; padding:11px 18px;} .lnb .lnb_side ul {overflow:hidden;} .lnb .lnb_side li {float:left; height:22px; background:none;} .lnb .lnb_side li a img:hover {opacity:0.9;} /* 검색 */ .lnb_srch {width:244px; height:25px; padding:3px; border:0; vertical-align:top; background-color:#e0e0e0;} .lnb_srch legend {display:none;} .lnb_srch fieldset form, .lnb_srch fieldset {vertical-align:top;} .lnb_srch fieldset input {vertical-align:top; background:none repeat scroll 0 0 #464E63;} .lnb_srch fieldset .text_srch {float:left; width:199px; height:20px; padding:3px 0 0 4px; border:1px solid #cecece; border-right:0; color:#888888; background: none repeat scroll 0 0 #FFFFFF;} .lnb_srch fieldset .btn_srch {width:40px; height:25px; border:0;} /* (임시)배너 : 지방선거용 */ .extra_banner {position:absolute; left:424px; top:69px;} /**************************************************************************** 기사리스트 ****************************************************************************/ /* 기사 큰 타이틀 : 제목 + 부제목 + 리드 */ .article_title h2 { font-size: 18px; line-height: 22px; letter-spacing: -1px; color: #000; } .article_title dt { font-weight: bold; background: url(http://img.khan.co.kr/spko/sub_2009/icon_arrow_subtitle.gif) no-repeat 0 45%; padding-left: 10px; } .article_title dd { font-size: 11px; color: #666; line-height: 15px; margin-top: 3px; } .article_title dd a{ color: #666; } /* 기사 : 제목 + 리드 */ .article { overflow: hidden; _height: 1%; } .article dt { font-size: 14px; font-weight: bold; letter-spacing: -1px; line-height: 15px; margin: 3px 0 5px 0; } .article dd { line-height: 15px; } .article .date { padding: 1px 0 0 7px; color:#888; font-size:11px; letter-spacing:-1px; font-family:Verdana, 돋움; } .article .textBar { font-size:10px; color:#666; vertical-align:middle; margin:1px; } /* #sub_content .dot { margin: 10px 0 10px 0; } */ /* ◆◆◆ 기사 : 제목 + 날짜 ◆◆◆ */ .articleDate dt {overflow:hidden; float:left; width:528px; padding-left:12px; line-height:1.9em; background:url(http://img.khan.co.kr/spko/main_2009/icon_square.gif) no-repeat 3px 10px; text-overflow:ellipsis; white-space:nowrap;} .articleDate dt a {color:#666;} .articleDate dd {float:right; width:100px; text-align:right; color:#888; font-size:11px; font-family:Verdana,'돋움';} /* ◆◆◆ 기사 리스트[서브메인:리스트] : 제목 + 날짜 ◆◆◆ */ .articleDate_list {padding:25px 0 0 10px;} .articleDate_list .line_btm {margin-bottom:13px; padding-bottom:13px; border-bottom:1px solid #e5e5e5;} .articleDate_list .title {position:relative; height:30px;} .articleDate_list .title h3 {position:absolute; left:0; top:5px; font-size:14px; letter-spacing:-1px;} .articleDate_list .title p {position:absolute; right:0; bottom:7px; } *:first-child+html .articleDate_list { padding-bottom:30px } /*IE7*/ .articleDate_list dl {overflow:hidden; line-height:1.8em;} /* 기사 행간조절 */ .articleDate_list .textBar { font-size:10px; color: #CCC; vertical-align:middle; } /* ◆◆◆ 사진기사 : 사진 + 제목 + 리드 ◆◆◆ */ .photoArticle {padding-bottom:20px;} .photoArticle:after {display:block; clear:both; content:"";} .photoArticle p {float:left; width:115px; height:140px; margin-right:14px;} .photoArticle p img {width:115px; height:140px;} .photoArticle dl {} .photoArticle dt {margin-bottom:5px;} .photoArticle dt a {font-size:15px; font-weight:bold; color:#333; line-height:20px;} .photoArticle dd {line-height:16px;} .photoArticle dd a {color:#888; font-size:12px; letter-spacing:-0.5px;} .photoArticle dd.subtit {margin-bottom:3px; color:#6e82aa; font-size:12px; font-weight:bold; letter-spacing:-0.5px;} .photoArticle .date {display:block; padding-top:1px; color:#6e82aa; font-size:11px; letter-spacing:-1px; font-family:Verdana, '돋움';} .photoArticle .textBar {margin:1px; color:#aaa; font-size:10px; vertical-align:middle;} /* 사진기사 : 사진 + 리스트 */ .photoArticle ul { float: left; margin-left: 7px; } .photoArticle li { background-position: 0 6px; padding-left: 5px; } /* 관련기사 */ .reArticle dt { margin-bottom: 2px; } /* 메인 텍스트기사 내에 삽입된 관련기사만 dt사용 */ .reArticle dd { background: url(http://img.khan.co.kr/spkn/main_2009/ico_rearticle.gif) no-repeat 5px 4px; padding-left: 18px; } .reArticle dd a { color: #333; } /**************************************************************************** 메인_왼쪽 ****************************************************************************/ /* spot */ .spot_weekly { *zoom:1; position:relative; width:720px; height:410px; margin-bottom:27px; background-color:#000;} .spot_weekly:after { clear:both; display:block; content:""; } .spot_weekly .cont { float:left; overflow:hidden; position:relative; width:720px; height:410px; } .spot_weekly .cont img { width:504px; height:410px; vertical-align:top; } .spot_weekly .cont dl { z-index:2; position:absolute; left:0; bottom:0; width:690px; height:77px; margin:0; padding:8px 15px 15px; font-weight:normal; } .spot_weekly .cont dt { color:#333; font-size:28px; letter-spacing:-1px; font-weight:bold; } .spot_weekly .cont dd.txt { color:#333; font-size:14px; line-height:1.2em;} .spot_weekly .cont dd.prop { color:#666; font-size:11px; } .spot_weekly .cont dd.prop em { color:#e60012; letter-spacing:-1px; } .spot_weekly .cont dd.prop span { color:#FFF; } .spot_weekly .cont .bg { z-index:1; position:absolute; left:0; bottom:0; _bottom:-1px; width:720px; height:100px; background:#fff; opacity: 0.5; filter: alpha(opacity=50); } .spot_weekly .cont li {overflow:hidden; float:left;} .spot_weekly .cont li.imgA a {width:360px; height:410px;} .spot_weekly .cont li.imgB a {width:180px; height:410px;} .spot_weekly .cont li.imgC a {width:100px; height:410px;} .spot_weekly .cont li.imgD a {width:80px; height:410px;} .spot_weekly .cont a { display:block; cursor:pointer; } .spot_weekly .cont a:hover { text-decoration:none; } .spot_weekly .pagination { position:absolute; height:10px; left:10px; top:10px; z-index:10; } .spot_weekly .pagination span{ float:left; display:block; width:11px; height:11px; margin-left:5px; background:url("http://img.khan.co.kr/spko/contestpic/sprite_bu01.png") no-repeat scroll 0 0 transparent; } .spot_weekly .pagination span.current { position:relative; background:url("http://img.khan.co.kr/spko/contestpic/sprite_bu01.png") no-repeat scroll 0 -13px transparent; } .spot_weekly .pagination span a { display:block; height:100%; width:100%; text-indent:-9999px; } /* 이미지, 텍스트 기사*/ .section01 {display:inline-block; overflow:hidden; float:left; width:360px; margin-bottom:20px;} .section01:after {display:block; clear:both; content:"";} .section01 .CL {float:left; width:330px; margin-right:26px;} .section01 .CL dl {float:left; width:330px; margin-bottom:20px;} .section01 .CL dl img {float:left; width:75px; height:65px; margin-right:10px;} .section01 .CL dt a {color:#333; font-size:14px; font-weight:bold; line-height:1.3em;} .section01 .CL dd {margin-top:2px;} .section01 .CL dd.img {float:left; width:75px; height:65px; margin-right:10px;} .section01 .CL dd a {color:#888; font-size:12px; line-height:1.2em;} .section01 .CL .last {margin-bottom:0;} .section01 .CR {float:left; width:316px; height:371px; padding:22px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/bg_main_sectionCR.gif") no-repeat scroll 0 0 transparent;} .section01 .CR dl {float:left; width:316px; margin-bottom:14px; padding-bottom:10px; border-bottom:1px dotted #999;} .section01 .CR dt a {color:#3f5d96; font-size:16px; font-weight:bold; line-height:1.3em;} .section01 .CR dd {margin-top:5px;} .section01 .CR dd a {color:#888; font-size:12px; font-weight:normal; line-height:1.2em;} .section01 .CR .last {border-bottom:none;} /* 배너 720X75 */ .banner_main {overflow:hidden; margin-bottom:20px; width:720px; height:75px;} /* CULTURE+, 기획연재 [메인] */ .serialization {overflow:hidden; float:left; margin-bottom:20px;} .serialization .tit_tab {position:relative; width:718px; height:31px; top:1px; border:1px solid #ddd; border-bottom:none; z-index:20;} .serialization .tit_tab:after {display:block; clear:both; content:"";} .serialization .tit_tab ul {display:block;} .serialization .tit_tab li {float: left;} .serialization .tit_tab li span {display:block; position:relative; top:-1px; height:32px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -640px transparent;} .serialization .tit_tab li.tab_m1 a span {left:0; width:97px; background-position:-206px -640px;} .serialization .tit_tab li.tab_m1 a.on span {left:-1px; background-position:0 -640px;} .serialization .tit_tab li.tab_m2 a span {width:97px; background-position:-97px -640px;} .serialization .tit_tab li.tab_m2 a.on span {background-position:-303px -640px;} .serialization .tit_tab li.tab_m1 span {left:0; width:97px; background-position:-206px -640px; cursor:pointer;} .serialization .tit_tab li.tab_m1 span.on {left:-1px; background-position:0 -640px;} .serialization .tit_tab li.tab_m2 span {width:97px; background-position:-97px -640px; cursor:pointer;} .serialization .tit_tab li.tab_m2 span.on {background-position:-303px -640px;} .serialization .tit_tab li.tab_m1 span a, .serialization .tit_tab li.tab_m1 span.on a, .serialization .tit_tab li.tab_m2 span a, .serialization .tit_tab li.tab_m2 span.on a {display:block; height:32px;} .serialization .cont {overflow:hidden; position:relative; top:-1px; width:678px; padding:20px 20px 15px; border:1px solid #9a9a9a; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/bg_main_serialization.gif") repeat-x scroll 0 0 #f3f6f7; z-index:10;} .serialization .cont .CL {float:right; width:300px; margin-left:20px;} .serialization .cont .CL .serial_list {margin-top:20px;} .serialization .cont .CL .serial_list h3 {padding-bottom:2px; border-bottom:1px solid #b3b3b3;} .serialization .cont .CL .serial_list h3 a {color:#b82994; font-size:14px; font-weight:bold;} .serialization .cont .CL .serial_list ul {padding-top:5px; border-top:1px solid #fff;} .serialization .cont .CL .serial_list li {padding-left:7px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -50px transparent;} .serialization .cont .CL .serial_list li a {display:block; overflow:hidden; color:#666; font-size:14px; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap;} .serialization .cont .CR {float:left; width:358px;} .serialization .cont .CR .serial_list {float:left; width:173px; margin-right:12px;} .serialization .cont .CR .serial_list h3 {margin-bottom:3px;} .serialization .cont .CR .serial_list h3 a {color:#375faf; font-size:14px; font-weight:bold;} .serialization .cont .CR .serial_list dl {position:relative; width:149px; height:126px; margin-bottom:5px; padding:12px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/bg_main_planningB.gif") no-repeat scroll 0 0 transparent;} .serialization .cont .CR .serial_list dt {margin-top:5px; text-align:center;} .serialization .cont .CR .serial_list dt a {color:#555; font-size:11px; font-weight:bold; letter-spacing:-1px; line-height:1.1em;} .serialization .cont .CR .serial_list dd.img, .serialization .cont .CR .serial_list dd.img img {width:149px; height:100px;} .serialization .cont .CR .serial_list dd.img:after {position:absolute; top:12px; left:12px; width:147px; height:98px; border:1px solid rgba(0, 0, 0, 0.1); -moz-box-sizing:border-box; content:" ";} .serialization .cont .CR .serial_list li {margin-left:5px; padding-left:7px; line-height:1.5em; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -52px transparent;} .serialization .cont .CR .serial_list li a {display:block; overflow:hidden; color:#666; text-overflow:ellipsis; white-space:nowrap;} .serialization .cont .CR .last {margin-right:0;} .project_cont {overflow:hidden; position:relative; top:-1px; width:678px; padding:20px 20px 15px; border:1px solid #9a9a9a; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/bg_main_serialization.gif") repeat-x scroll 0 0 #f3f6f7; z-index:10;} .project_cont .CR {float:right; width:300px; margin-left:20px;} .project_cont .CR .serial_list {margin-top:12px;} .project_cont .CR .serial_list h3 {padding-bottom:2px; border-bottom:1px solid #b3b3b3;} .project_cont .CR .serial_list h3 a {color:#b82994; font-size:14px; font-weight:bold;} .project_cont .CR .serial_list ul {padding-top:5px; border-top:1px solid #fff;} .project_cont .CR .serial_list li {padding-left:7px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -50px transparent;} .project_cont .CR .serial_list li a {display:block; overflow:hidden; color:#666; font-size:14px; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap;} .project_cont .CL {float:left; width:358px;} .project_cont .CL .serial_list {float:left; width:173px; margin-right:12px;} .project_cont .CL .serial_list h3 {margin-bottom:3px;} .project_cont .CL .serial_list h3 a {color:#375faf; font-size:14px; font-weight:bold;} .project_cont .CL .serial_list dl {position:relative; width:149px; height:126px; margin-bottom:5px; padding:12px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/bg_main_planningB.gif") no-repeat scroll 0 0 transparent;} .project_cont .CL .serial_list dt {margin-top:5px; text-align:center;} .project_cont .CL .serial_list dt a {color:#555; font-size:11px; font-weight:bold; letter-spacing:-1px; line-height:1.1em;} .project_cont .CL .serial_list dd.img, .project_cont .CL .serial_list dd.img img {width:149px; height:100px;} .project_cont .CL .serial_list dd.img:after {position:absolute; top:12px; left:12px; width:147px; height:98px; border:1px solid rgba(0, 0, 0, 0.1); -moz-box-sizing:border-box; content:" ";} .project_cont .CL .serial_list li {margin-left:3px; padding-left:7px; line-height:1.5em; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -52px transparent;} .project_cont .CL .serial_list li a {display:block; overflow:hidden; color:#666; text-overflow:ellipsis; white-space:nowrap;} .project_cont .CL .last {margin-right:0;} .theme_cont {display:none; overflow:hidden; position:relative; top:-1px; width:678px; padding:20px 20px 15px; border:1px solid #9a9a9a; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/bg_main_serialization.gif") repeat-x scroll 0 0 #f3f6f7; z-index:10;} .theme_cont .CR {float:right; width:300px; margin-left:20px;} .theme_cont .CR .serial_list {margin-top:12px;} .theme_cont .CR .serial_list h3 {padding-bottom:2px; border-bottom:1px solid #b3b3b3;} .theme_cont .CR .serial_list h3 a {color:#b82994; font-size:14px; font-weight:bold;} .theme_cont .CR .serial_list ul {padding-top:5px; border-top:1px solid #fff;} .theme_cont .CR .serial_list li {padding-left:7px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -50px transparent;} .theme_cont .CR .serial_list li a {display:block; overflow:hidden; color:#666; font-size:14px; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap;} .theme_cont .CL {float:left; width:358px;} .theme_cont .CL .serial_list {float:left; width:173px; margin-right:12px;} .theme_cont .CL .serial_list h3 {margin-bottom:3px;} .theme_cont .CL .serial_list h3 a {color:#375faf; font-size:14px; font-weight:bold;} .theme_cont .CL .serial_list dl {position:relative; width:149px; height:126px; margin-bottom:5px; padding:12px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/bg_main_planningB.gif") no-repeat scroll 0 0 transparent;} .theme_cont .CL .serial_list dt {margin-top:5px; text-align:center;} .theme_cont .CL .serial_list dt a {color:#555; font-size:11px; font-weight:bold; letter-spacing:-1px; line-height:1.1em;} .theme_cont .CL .serial_list dd.img, .theme_cont .CL .serial_list dd.img img {width:149px; height:100px;} .theme_cont .CL .serial_list dd.img:after {position:absolute; top:12px; left:12px; width:147px; height:98px; border:1px solid rgba(0, 0, 0, 0.1); -moz-box-sizing:border-box; content:" ";} .theme_cont .CL .serial_list li {margin-left:5px; padding-left:7px; line-height:1.5em; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -52px transparent;} .theme_cont .CL .serial_list li a {display:block; overflow:hidden; color:#666; text-overflow:ellipsis; white-space:nowrap;} .theme_cont .CL .last {margin-right:0;} /* 시사2판4판, 언더그라운드넷 */ .section02 {overflow:hidden; float:left;} .section02 .CL {float:left; width:250px; padding:13px 20px 18px; border:1px solid #aaa; border-right:1px solid #ccc;} .section02 .CL h3 {width:60px; height:12px; margin-bottom:10px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -180px transparent;} .section02 .CL li {float:left; position:relative; margin-right:10px;} .section02 .CL li img { width:120px; height:130px; vertical-align:top; } .section02 .CL li strong {z-index:2; display:block; overflow:hidden; position:absolute; left:0; bottom:5px; padding:0 5px; width:110px; color:#e3e3e3; line-height:1.2em; letter-spacing:-1px;} .section02 .CL li a {display:block; cursor:pointer;} .section02 .CL li a:hover { text-decoration:none;} .section02 .CL .bg { z-index:1; position:absolute; left:0; bottom:0; _bottom:-1px; width:120px; height:40px; background:#000; opacity: 0.5; filter: alpha(opacity=50); } .section02 .CL .last {margin-right:0;} .section02 .CL .last h3 {width:90px; background-position:0 -200px;} /* 세계, 스포츠 */ .section02 .CC {float:left; width:163px; padding:15px; border:1px solid #aaa; border-left:none; background-color:#f5f5f5;} .section02 .CC dl {overflow:hidden; width:164px; margin-bottom:13px;} .section02 .CC dl img {float:left; width:88px; height:70px; margin-right:8px;} .section02 .CC dt {width:65px; height:12px; margin-bottom:6px; margin-left:98px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -220px transparent;} .section02 .CC dt a {display:block;} .section02 .CC dd a {display:block; color:#888; font-size:11px; letter-spacing:-1px; line-height:1.2em;} .section02 .CC .last {margin-bottom:0;} .section02 .CC .last dt {background-position:0 -240px;} /* 렌즈로 본 세상, 사진공모전 */ .section02 .CR {overflow:hidden; float:right; width:216px; height:185px; margin-left:16px; border:1px solid #aaa;} .section02 .CR h3 {width:80px; height:12px; margin:13px 10px 2px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -690px transparent;} .section02 .CR h3 a {display:block;} .section02 .CR .tit_tab {position:relative; width:218px; height:31px; top:1px; z-index:20;} .section02 .CR .tit_tab:after {display:block; clear:both; content:"";} .section02 .CR .tit_tab li {float:left;} .section02 .CR .tit_tab li span {display:block; position:relative; top:-1px; height:31px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 0 transparent;} .section02 .CR .tit_tab li.tab_m1 a span {width:109px; background-position:0 -130px;} .section02 .CR .tit_tab li.tab_m1 a.on span {background-position:0 -90px;} .section02 .CR .tit_tab li.tab_m2 a span {width:109px; background-position:-109px -90px;} .section02 .CR .tit_tab li.tab_m2 a.on span {background-position:-109px -130px;} .section02 .CR .tit_tab li.tab_m1 span {width:109px; background-position:0 -130px; cursor:pointer;} .section02 .CR .tit_tab li.tab_m1 span.on {background-position:0 -90px;} .section02 .CR .tit_tab li.tab_m2 span {width:109px; background-position:-109px -90px; cursor:pointer;} .section02 .CR .tit_tab li.tab_m2 span.on {background-position:-109px -130px;} .section02 .CR .tit_tab li.tab_m1 span a, .section02 .CR .tit_tab li.tab_m1 span.on a, .section02 .CR .tit_tab li.tab_m2 span a, .section02 .CR .tit_tab li.tab_m2 span.on a {display:block; height:31px;} .section02 .CR .cont {position:relative; width:196px; height:137px; padding:9px 10px 10px; _overflow:hidden;} .section02 .CR .cont .btn_direction {position:absolute; top:0; left:0;} .section02 .CR .cont .btn_direction li {overflow:hidden; position:absolute; left:10px; top:9px; text-indent:-9999px;} .section02 .CR .cont .btn_direction li a {display:block; width:35px; height:137px;} .section02 .CR .cont .btn_direction li.next {overflow:hidden; position:absolute; left:171px; text-indent:-9999px; } .section02 .CR .cont .btn_direction .prev a {background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat -240px -32px; opacity:0.6; filter:alpha(opacity=60);} .section02 .CR .cont .btn_direction .next a {background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat -297px -32px; opacity:0.6; filter:alpha(opacity=60);} .section02 .CR .cont .btn_direction .prev a:hover {opacity:1; filter:alpha(opacity=100);} .section02 .CR .cont .btn_direction .next a:hover {opacity:1; filter:alpha(opacity=100);} .section02 .CR .cont .bg {position:absolute; z-index:20; left:10px; bottom:10px; width:196px; height:27px; background-color:#000; opacity:0.6; filter:alpha(opacity=60);} .section02 .CR .cont span.txt {overflow:hidden; z-index:30; position:absolute; left:10px; bottom:14px; width:196px; text-align:center; line-height:16px; } .section02 .CR .cont span.txt a {display:block; overflow:hidden; padding:0 8px; font-size:12px; font-weight:normal; color:#fff; text-overflow:ellipsis; white-space:nowrap;} .section02 .CR .cont p {overflow:hidden; width:196px; height:137px;} .section02 .CR .cont p img {width:196px; height:137px;} /**************************************************************************** 메인_오른쪽 ****************************************************************************/ /* 공지사항 */ .main_notice {margin-bottom:20px; padding:6px 15px; border:1px solid #ccc; color:#333; font-size:12px; background-color:#eef1f4;} .main_notice strong {font-weight:bold; color:#5274b8;} /* 편집실에서, 독자댓글 */ .desk {overflow:hidden; margin-bottom:20px; padding:15px 15px 5px 15px; border:1px solid #aaa; border-top:4px solid #adb5c6;} .desk .CL {float:left; margin-right:10px; width:102px; height:156px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/bg_main_desk.gif") no-repeat scroll 0 bottom transparent;} .desk .CL img {width:100px; height:129px; border:1px solid #ccc;} .desk .CR {float:left; width:106px;} .desk .CR dl {margin-bottom:10px;} .desk .CR dd.tit {width:60px; height:11px; margin-bottom:3px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -200px -180px transparent;} .desk .CR dt a {display:block; overflow:hidden; color:#444; font-size:12px; font-weight:bold; letter-spacing:-1px;} .desk .CR dd a {display:block; color:#999; font-size:11px; letter-spacing:-1px; line-height:1.2em;} .desk .CR .last {margin-bottom:0;} .desk .CR .last dd.tit {background-position:-200px -200px;} /* 이번호 지난호 기사 BEST */ .best_article {overflow:hidden; width:250px; margin-bottom:20px;} .best_article .tit_tab {position:relative; width:250px; height:31px; top:1px; z-index:20;} .best_article .tit_tab:after {display:block; clear:both; content:"";} .best_article .tit_tab li {float:left;} .best_article .tit_tab li span {display:block; position:relative; top:-1px; height:31px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 0 transparent;} .best_article .tit_tab li.tab_m1 a span {width:125px; background-position:0 -311px;} .best_article .tit_tab li.tab_m1 a.on span {background-position:0 -270px;} .best_article .tit_tab li.tab_m2 a span {width:125px; background-position:-125px -270px;} .best_article .tit_tab li.tab_m2 a.on span {background-position:-125px -311px;} .best_article .tit_tab li.tab_m1 span {width:125px; background-position:0 -311px; cursor:pointer;} .best_article .tit_tab li.tab_m1 span.on {background-position:0 -270px;} .best_article .tit_tab li.tab_m2 span {width:125px; background-position:-125px -270px; cursor:pointer;} .best_article .tit_tab li.tab_m2 span.on {background-position:-125px -311px;} .best_article .tit_tab li.tab_m1 span a, .best_article .tit_tab li.tab_m1 span.on a, .best_article .tit_tab li.tab_m2 span a, .best_article .tit_tab li.tab_m2 span.on a {display:block; height:31px;} .best_article .cont {position:relative; width:218px; padding:15px; border:1px solid #aaa; border-top:none; _overflow:hidden;} .best_article .cont li {line-height:1.6em;} .best_article .cont li a {color:#666; font-size:12px;} .best_article .cont li a b {color:#333; letter-spacing:-1px;} .best_article .cont strong {display:inline-block; padding-right:10px; text-align:center; font-size:11px; font-family:Verdana;} /* 플러스인포 : 메인 */ #plusinfo {margin-bottom:10px;} #plusinfo .boxBg {background-color:#FFF;} #plusinfo .boxBg .content {padding:0;} #plusinfo .bdoxBg .content .ad_bestClick {background-color:#fff;} /* 트위터, 블로그, 페이스북 */ .sns_weekly {overflow:hidden; width:250px;} .sns_weekly .tit_tab {position:relative; width:250px; height:31px; top:1px; z-index:20;} .sns_weekly .tit_tab:after {display:block; clear:both; content:"";} .sns_weekly .tit_tab li {float:left;} .sns_weekly .tit_tab li span {display:block; position:relative; top:-1px; height:31px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 0 transparent;} .sns_weekly .tit_tab li.tab_m1 a span {width:84px; background-position:0 -401px;} .sns_weekly .tit_tab li.tab_m1 a.on span {background-position:0 -360px;} .sns_weekly .tit_tab li.tab_m2 a span {width:83px; background-position:-84px -401px;} .sns_weekly .tit_tab li.tab_m2 a.on span {background-position:-84px -360px;} .sns_weekly .tit_tab li.tab_m3 a span {width:83px; background-position:-167px -401px;} .sns_weekly .tit_tab li.tab_m3 a.on span {background-position:-167px -360px;} .sns_weekly .tit_tab li.tab_m1 span {width:84px; background-position:0 -401px; cursor:pointer;} .sns_weekly .tit_tab li.tab_m1 span.on {background-position:0 -360px;} .sns_weekly .tit_tab li.tab_m2 span {width:83px; background-position:-84px -401px; cursor:pointer;} .sns_weekly .tit_tab li.tab_m2 span.on {background-position:-84px -360px;} .sns_weekly .tit_tab li.tab_m3 span {width:83px; background-position:-167px -401px; cursor:pointer;} .sns_weekly .tit_tab li.tab_m3 span.on {background-position:-167px -360px;} .sns_weekly .tit_tab li.tab_m1 span a, .sns_weekly .tit_tab li.tab_m1 span.on a, .sns_weekly .tit_tab li.tab_m2 span a, .sns_weekly .tit_tab li.tab_m2 span.on a, .sns_weekly .tit_tab li.tab_m3 span a, .sns_weekly .tit_tab li.tab_m3 span.on a {display:block; height:31px;} .sns_weekly .cont {position:relative; width:218px; padding:8px 15px; border:1px solid #aaa; border-top:none; border-bottom:none; _overflow:hidden;} .sns_weekly .cont p a {display:block; overflow:hidden; color:#666; font-size:12px; text-overflow:ellipsis; white-space:nowrap;} /* 기자트위터 */ .newsman_twitter {margin-bottom:20px; padding:15px 15px 3px; border:1px solid #aaa; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/bg_main_newsman_twitter.gif") no-repeat scroll right 0 #f2f5f7;} .newsman_twitter h3 {display:block; width:100px; height:15px; margin-bottom:17px; text-indent:-9999px; background: url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -200px -220px #F2F5F7;} .newsman_twitter li {*zoom:1; padding-bottom:14px; vertical-align:top; font-size:12px;} .newsman_twitter li:after {display:block; clear:both; content:"";} .newsman_twitter span.thumb {display:inline; overflow:hidden; float:left; width:48px; margin-right:8px;} .newsman_twitter span.thumb img {display:block; width:48px; height:48px;} .newsman_twitter p.txt a {color:#777; font-size:11px; line-height:1.3em;} .newsman_twitter p.writer {display:inline-block; float:right; width:162px; margin-top:1px; font-size:11px; letter-spacing:-1px;} .newsman_twitter span.name {color:#777; font-weight:bold;} .newsman_twitter span.account a {padding-left:0; color:#5274b8;} .newsman_twitter span.account a:hover {text-decoration:none;} .newsman_twitter .last {padding-bottom:0;} /* 필진칼럼 */ .staff_column {overflow:hidden; margin-bottom:20px; padding:15px; border:1px solid #aaa;} .staff_column dl img {float:left; width:90px; height:90px; margin-right:8px;} .staff_column dt a {display:block; margin-bottom:3px; color:#333; font-size:12px; font-weight:bold; line-height:1.1em;} .staff_column dd a {display:block; color:#888; font-size:11px; line-height:1.2em;} .staff_column dd.tit {color:#5274b8; font-size:11px; font-weight:bold; letter-spacing:-1px;} /* 배너 250X80 */ .event_banner {margin-bottom:20px;} /* 주간경향 SNS검색, 소셜댓글 */ .weekly_sns .tit_tab {position:relative; width:250px; height:31px; top:1px; z-index:20;} .weekly_sns .tit_tab:after {display:block; clear:both; content:"";} .weekly_sns .tit_tab li {float:left;} .weekly_sns .tit_tab li span {display:block; position:relative; top:-1px; height:31px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 0 transparent;} .weekly_sns .tit_tab li.tab_m1 a span {width:125px; background-position:0 -493px;} .weekly_sns .tit_tab li.tab_m1 a.on span {background-position:0 -460px;} .weekly_sns .tit_tab li.tab_m2 a span {width:125px; background-position:-125px -493px;} .weekly_sns .tit_tab li.tab_m2 a.on span {background-position:-125px -460px;} .weekly_sns .tit_tab li.tab_m1 span {width:125px; background-position:0 -493px; cursor:pointer;} .weekly_sns .tit_tab li.tab_m1 span.on {background-position:0 -460px;} .weekly_sns .tit_tab li.tab_m2 span {width:125px; background-position:-125px -493px; cursor:pointer;} .weekly_sns .tit_tab li.tab_m2 span.on {background-position:-125px -460px;} .weekly_sns .tit_tab li.tab_m1 span a, .weekly_sns .tit_tab li.tab_m1 span.on a, .weekly_sns .tit_tab li.tab_m2 span a, .weekly_sns .tit_tab li.tab_m2 span.on a {display:block; height:31px;} /* .weekly_sns .tit_tab li span {display:block; position:relative; top:-1px; height:31px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 0 transparent;} .weekly_sns .tit_tab li.tab_m1 a span {width:125px; background-position:-124px -493px;} .weekly_sns .tit_tab li.tab_m1 a.on span {background-position:-125px -460px;} .weekly_sns .tit_tab li.tab_m2 a span {width:125px; background-position:0 -493px;} .weekly_sns .tit_tab li.tab_m2 a.on span {background-position:0 -460px;} */ .weekly_sns .cont {position:relative; width:218px; padding:15px 15px 10px; border:1px solid #aaa; border-top:none; _overflow:hidden;} .weekly_sns .cont li a {color:#666; font-size:12px;} .weekly_sns .cont li a b {color:#333; letter-spacing:-1px;} .weekly_sns .cont strong {display:inline-block; padding-right:10px; text-align:center; font-size:11px; font-family:Verdana;} .weekly_sns .cont li {*zoom:1; margin-bottom:6px; padding-bottom:5px; border-bottom:1px dotted #cecece; vertical-align:top; font-size:12px;} .weekly_sns .cont li:after {display:block; clear:both; content:"";} .weekly_sns .cont span.thumb {display:inline; overflow:hidden; float:left; width:48px; margin-right:8px;} .weekly_sns .cont span.thumb img {display:block; width:48px; height:48px;} .weekly_sns .cont p.txt a {color:#888; font-size:11px; line-height:1.3em;} .weekly_sns .cont p.writer {font-size:11px;} .weekly_sns .cont span.name {color:#777; font-weight:bold;} .weekly_sns .cont span.account, .weekly_sns .cont span.account a {padding-left:0; color:#5274b8;} .weekly_sns .cont span.account a:hover {text-decoration:none;} .weekly_sns .cont .last {margin-bottom:0; padding-bottom:0; border-bottom:none;} /**************************************************************************** 알림&공지사항 게시판 ****************************************************************************/ .khnotice_bbs { width: 990px;} .khnotice_bbs .paginate { padding:50px 0; } .khnotice_bbs .path { height:20px; margin-bottom:5px; font-size:11px; text-align:left; letter-spacing:-1px; } .khnotice_bbs .path a { color:#777; } .khnotice_bbs .path a:hover { color:#000; } /* 리스트 */ .khnotice_bbs .list { margin-bottom:50px; border-top: 2px solid #666; } .khnotice_bbs .list table { font-family: 돋움, Gulim, Arial, sans-serif; } .khnotice_bbs .list thead { text-align: center; } .khnotice_bbs .list thead th { padding: 13px 0 14px 0; border-bottom: 1px solid #666; border-right: 1px solid #DDD; letter-spacing:-1px; } .khnotice_bbs .list thead th.last-child { border-right:none; } .khnotice_bbs .list tbody tr:hover td { background: #f8f8f8; color: #3399FF; } .khnotice_bbs .list tbody tr:hover td a { font-weight: bold; color: #3399FF; letter-spacing: -1px; } .khnotice_bbs .list tbody tr.last-child td{ border-bottom: 1px solid #404040; } .khnotice_bbs .list tbody td { padding: 12px 0 11px 0; text-align: center; border-bottom: 1px solid #dedede; color: #000; } .khnotice_bbs .list tbody td a{ color: #000; } .khnotice_bbs .list tbody td.left { padding-left: 30px; text-align: left; } .khnotice_bbs .list tbody td.left input { margin:0 7px 0 0; vertical-align:bottom; _vertical-align:baseline;} .khnotice_bbs .list tbody td.number { font-size: 12px; font-weight:bold; color: #444; } .khnotice_bbs .list tbody td.date { font-family: Verdana; font-size: 11px; } /* 검색 */ .khnotice_bbs .search { width:395px; height:25px; margin:0 auto; padding: 8px 16px; border:1px solid #d8d8d8; background-color: #fcfcfc; } .khnotice_bbs .search div {float: left; } .khnotice_bbs .search div select { width:78px; height: 25px; border: 1px solid #dbdbdb; } .khnotice_bbs .search .inner-customer-search { height: 25px; margin-left: 3px; _width:307px; } .khnotice_bbs .search .inner-customer-search a:hover { text-decoration:none; } .khnotice_bbs .search .inner-customer-search a { display:block; float:right; width:60px; height:25px; margin-left:10px; background:url(http://img.khan.co.kr/spko/sub_2012/notice_btn.gif) no-repeat -210px 0; text-indent:-9999px; } .khnotice_bbs .search .inner-customer-search input { float:left; width: 235px; height:20px; border: 1px solid #dbdbdb; background-color:#fff; } /* 기능버튼 */ .khnotice_bbs .view_funcBtn { float:right; margin-top:15px; } .khnotice_bbs .view_funcBtn:after { clear:both; display:block; content:""; } .khnotice_bbs .view_funcBtn li { display:inline; margin-left:5px; } .khnotice_bbs .view_funcBtn li a { display:inline-block; width:60px; height:30px; text-indent:-9999px; background:url(http://img.khan.co.kr/spko/sub_2012/notice_btn.gif) no-repeat 0 0;} .khnotice_bbs .view_funcBtn li a.write { background-position: 0 0; } .khnotice_bbs .view_funcBtn li a.modify { background-position: -70px 0px; } .khnotice_bbs .view_funcBtn li a.delete { background-position: -140px 0px; } .khnotice_bbs .view_funcBtn li a.prev { background-position: 0 -60px; } .khnotice_bbs .view_funcBtn li a.next { background-position: -70px -60px; } .khnotice_bbs .view_funcBtn li a.list { border-top:none; background-position: -140px -60px; } .khnotice_bbs .write_funcBtn { *zoom:1; width:135px; margin:0 auto; margin-top:15px; _text-align:center; } .khnotice_bbs .write_funcBtn:after { clear:both; display:block; content:""; } .khnotice_bbs .write_funcBtn li { display:inline; margin-left:5px; } .khnotice_bbs .write_funcBtn li a { display:inline-block; width:60px; height:30px; line-height:9999px; vertical-align:bottom; background:url(http://img.khan.co.kr/spko/sub_2012/notice_btn.gif) no-repeat 0 0; _overflow:hidden; } .khnotice_bbs .write_funcBtn li a.confirm { background-position: -0 -120px; } .khnotice_bbs .write_funcBtn li a.cancel { background-position: -70px -120px; } /* 뷰 */ .khnotice_bbs .view { overflow:hidden; } .khnotice_bbs .view_top { border-top: 2px solid #666; border-bottom: 1px solid #DDD; } .khnotice_bbs .view_top table { font-family: 돋움, Gulim, Arial, sans-serif; } .khnotice_bbs .view_top th { padding: 13px 0 14px 0; border-right: 1px solid #DDD; color:#666; letter-spacing:-1px; } .khnotice_bbs .view_top tbody tr.last-child td{ border-bottom: 1px solid #404040; } .khnotice_bbs .view_top tbody td { padding: 12px 0 11px 0; text-align: center; color: #000; } .khnotice_bbs .view_top tbody td a{ color: #000; } .khnotice_bbs .view_top tbody td.title { padding-left:10px; font-size: 14px; font-weight:bold; color: #333; text-align:left; letter-spacing:-0.5px; } .khnotice_bbs .view_top tbody td.number { font-size: 12px; font-weight:bold; color: #444; } .khnotice_bbs .view_top tbody td.date { font-family: Verdana; font-size: 11px; } .khnotice_bbs .view_cont { padding:60px; border-bottom:2px solid #666666; line-height:1.8em; color:#555; } .khnotice_bbs .view_cont .article_photo_center, .khnotice_bbs .view_cont .article_photo_left, .khnotice_bbs .view_cont .article_photo_right { display:inline; text-align:center; } .khnotice_bbs .view_list { border-top: 2px solid #666; border-bottom: 2px solid #666; } .khnotice_bbs .view_list table { font-family: 돋움, Gulim, Arial, sans-serif; } .khnotice_bbs .view_list tbody tr:hover td { background: #f8f8f8; color: #3399FF; } .khnotice_bbs .view_list tbody tr:hover td a { font-weight: bold; color: #3399FF; letter-spacing: -1px; } .khnotice_bbs .view_list tbody tr.last-child td{ border-bottom: 1px solid #404040; } .khnotice_bbs .view_list tbody td { padding: 12px 0 11px 0; text-align: center; border-bottom: 1px solid #dedede; color: #000; } .khnotice_bbs .view_list tbody td a{ color: #000; } .khnotice_bbs .view_list tbody td.left { padding-left: 30px; text-align: left; } .khnotice_bbs .view_list tbody td.number { font-size: 12px; font-weight:bold; color: #444; } .khnotice_bbs .view_list tbody td.date { font-family: Verdana; font-size: 11px; } /* 쓰기 */ .khnotice_bbs .writing { width: 990px; margin-bottom:90px; border-top:2px solid #666; } .khnotice_bbs .writing table tr { border-bottom:1px solid #ddd; } .khnotice_bbs .writing table tr.last-child { border-bottom:none; _border-bottom:0; } .khnotice_bbs .writing table th { padding-left:29px; text-align:left; } .khnotice_bbs .writing table td { padding:10px 0 9px 0; } .khnotice_bbs .writing table td.title input { width:375px; height:20px; } .khnotice_bbs .writing table td.attach input { padding: 3px; margin: 0; background:#fff;} .khnotice_bbs .writing table td.attach span { margin-left:5px; text-decoration:underline; } .khnotice_bbs .writing table td.cont textarea { overflow-y: scroll; width: 750px; height: 300px; vertical-align: top; } /**************************************************************************** ◆◆◆ 개편 기사뷰 : #viewWrap ◆◆◆ ****************************************************************************/ /* 버튼바 : 상단 */ .cntWrap_view .btnBar_top {position:relative; height:25px;} .cntWrap_view .btnBar_top .font {position: absolute; left:0; top:0;} .cntWrap_view .btnBar_top .font .bg {width:80px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/bg_font_slide.gif") no-repeat 5px 5px;} .cntWrap_view .btnBar_top .btn {position:absolute; right:0; bottom:1px; padding:0; letter-spacing:-1px;} /* 버튼바 : 하단 */ .cntWrap_view .btnBar_btm {position:relative; height:25px;} .cntWrap_view .btnBar_btm .CL {position:absolute; left:0; top:3px;} .cntWrap_view .btnBar_btm .CR {position:absolute; right:0; top:3px;} /* 시사2판4판 이전 목록 다음 */ .cntWrap_view .btn {padding:15px 0; text-align:center;} .cntWrap_view .btn a {display:inline-block;} .cntWrap_view .btn img {display:inline; margin-left:5px;} /* snb */ .cntWrap_view .snb {width:111px;} .cntWrap_view .snb .snb_newest {margin-bottom:30px;} .cntWrap_view .snb .snb_newest h3 {padding:9px 9px 5px; border:1px solid #ccc; border-top:4px solid #1a3759; border-bottom:none; background-color:#f2f5f7; text-align:center;} .cntWrap_view .snb .snb_newest h3 a {color:#3f5c94; font-size:12px; line-height:1.3em;} .cntWrap_view .snb .snb_newest h3 a strong {font-size:14px;} .cntWrap_view .snb .snb_newest ul {padding:12px 9px 0; border:1px solid #ccc;} .cntWrap_view .snb .snb_newest li {margin-bottom:7px; padding-left:7px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -55px transparent;} .cntWrap_view .snb .snb_newest li a {color:#555; font-size:11px; line-height:1.3em; letter-spacing:-1px;} /* 인포그래픽 기사타이틀 */ .infoView .article_title_wrap { position: relative; overflow: hidden; width: 990px!important; margin-top: 15px; } .cntWrap_view .btnBar_top .page_btn { float: left; margin-top: 2px; } .cntWrap_view .btnBar_top .page_btn li { display:inline-block; } .cntWrap_view .btnBar_top .page_btn .fsize { color:#999999; font-size:11px; padding-bottom:5px; vertical-align: middle; } /* 본문 : 상단(#sub_cntTop) + 하단(#sub_cntBottom) */ .cntWrap_view #sub_cntTop { overflow:hidden; margin-top:25px; } .cntWrap_view .article_txt { font-size: 15px; line-height: 24px; font-family: Gulim, Dotum, Arial, Helvetica; word-wrap: break-word;} .cntWrap_view .article_txt .sub_title { color: #666; font-weight: bold; } .cntWrap_view .article_txt .boxLineBG { border: solid 1px #DDD; background-color: #F5F5F5; padding: 10px 15px 15px 15px; font-size: 13px; line-height: 22px; _height: 1%; margin-bottom: 20px; float:left;} .cntWrap_view .article_txt .boxLineBG a.dklink { font-size: 13px; } /* 서울시스템 제공 - 기사 내용 */ .cntWrap_view .article_txt .gisatitle { width:550px; color: #000; font-size: 21px; font-weight: bold; letter-spacing: -1px; line-height: 22px; } .cntWrap_view .article_txt .m_title { color:#6b6b6b; font-weight:bold; font-family:Gulim; } .cntWrap_view .article_txt .s_title { color:#2c75ff; font-weight:bold; font-family:Gulim; } .cntWrap_view .article_txt .graph { order-collapse: collapse; font-family:'굴림'; font-size:12px; padding-top:3px; padding-left:3px; text-align:justify; line-height:15px; } .cntWrap_view .article_photo_left { display:inline-block; float: left; text-align: center; margin: 5px 20px 5px 0; } .cntWrap_view .article_photo_center { text-align: center; margin: 0 auto; } .cntWrap_view .article_photo_right { display:inline-block; float: right; text-align: center; margin: 5px 0 5px 20px; } .cntWrap_view .article_photo { /* width:100%; */ overflow:hidden; clear: both; padding: 3px 3px; border: solid 1px #CCC; background-color: #F5F5F5; } .cntWrap_view .article_photo img { vertical-align:top; } .cntWrap_view .article_photo p, .cntWrap_view .article_photo p, .cntWrap_view .article_photo p a { overflow:hidden; padding: 5px 0 0 3px; text-align: left; color: #48647C; font-size: 11px; line-height: 15px; font-family: Dotum,"돋움"; } .cntWrap_view .article_video_left { display:inline-block; float: left; text-align: center; margin: 5px 20px 5px 0; } .cntWrap_view .article_video_center { text-align: center; margin: 0 auto; } .cntWrap_view .article_video_right { display:inline-block; float: right; text-align: center; margin: 5px 0 5px 20px; } .cntWrap_view .article_video { /* width:100%; */ clear: both; background-color: #F5F5F5; } .cntWrap_view .article_video p { padding: 5px 0 0 3px; text-align: left; color: #48647C; font-size: 11px; line-height: 15px; font-family: Dotum,"돋움"; } /* 하단 ********************/ .cntWrap_view .scrollWrap { *zoom:1; width:650px; } .cntWrap_view .scrollWrap:after { /* clear:both; */ display:block; content:""; } .cntWrap_view .scroll { float:left; } .cntWrap_view .subCnt_col3 { width:650px; } #sub_cntBottom { width:650px; /* overflow:hidden; */ word-wrap:break-word; } #sub_bottom { width:650px; margin-top:12px; } #sub_bottom .on {display:block;} #sub_bottom .off {display:none;} /* 영문기사 바로가기 */ .cntWrap_view .EnTrans { margin-top: 15px; } /* 관련기사,블로그 */ .cntWrap_view .related_article {margin-top:40px;} .cntWrap_view .related_article h4 {width:50px; height:15px; margin-bottom:8px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -540px transparent;} .cntWrap_view .related_article ul {padding:14px 17px 7px; border:1px solid #CECECE;} .cntWrap_view .related_article li {margin-bottom:5px; padding-left:17px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -339px -269px transparent;} .cntWrap_view .related_article li a {color:#0f3d9e; font-size:14px; font-weight:bold; letter-spacing:-1px; line-height:1.4em} /* 연재제목 바로가기 */ .cntWrap_view .serial_article {margin-top:20px;} /*.cntWrap_view .serial_article h4 a {width:100%; height:15px; margin-bottom:8px; color:#b4292f; font-weight:bold; font-size:14px;} .cntWrap_view .serial_article h4 a span {display:inline-block; overflow:hidden; margin-left:3px; width:50px; height:16px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -557px transparent;} */ .cntWrap_view .serial_article h4 a {display:block; width:100%; margin-bottom:10px; font-size:15px; font-weight:bold; color:#b4292f;} .cntWrap_view .serial_article h4 a span {overflow:hidden; margin-left:6px; color:#121212; font-weight:normal;} .cntWrap_view .serial_article .cont {padding:3px; border:1px solid #ddd; background-color:#f5f5f5;} .cntWrap_view .serial_article ul {padding:14px 17px 7px; border:1px solid #ddd; background-color:#fff;} .cntWrap_view .serial_article li {margin-bottom:5px; padding-left:17px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -339px -319px transparent;} .cntWrap_view .serial_article li a {color:#333; font-size:14px; font-weight:bold; line-height:1.4em} /* 오늘의 핫클릭 */ #sub_bottom .todayHc { margin-bottom: 27px; } #sub_bottom .todayHc .todaytitle { font-family: Dotum,"돋움"; font-size: 14px; line-height: 25px; font-weight: bold; } #sub_bottom .todayHc .todaytitle strong { color: #b4292f; } #sub_bottom .todayHc .content { background-color: #f5f5f5; border-top: solid 2px #003b73; border-left: solid 1px #d7d7d7; border-right: solid 1px #d7d7d7; border-bottom: solid 1px #d7d7d7; padding: 18px; } #sub_bottom .todayHc .content li { background: url(http://img.khan.co.kr/spko/main_2010/btn_graydot.gif) no-repeat 1px 4px; padding-left: 17px; } #sub_bottom .todayHc .content li a { font-family: Dotum,"돋움"; font-size: 14px; line-height: 25px; font-weight: bold; } /* 주요기사 */ #sub_bottom .bestArticle .clear { clear: both; height: 0; font-size: 0px; visibility: hidden; overflow: hidden; } #sub_bottom .bestArticle { margin-bottom: 31px; } #sub_bottom .bestArticle .title { position: relative; height: 36px; } #sub_bottom .bestArticle h3 { position: absolute; left:0; bottom: 0px; font-size:14px; line-height:25px; } #sub_bottom .bestArticle p.tabMenu { position: absolute; right:0; bottom:-1px; } #sub_bottom .bestArticle p.tabMenu a { float:left; padding:4px 28px 1px 28px; background-color: #F5F5F5; border: solid 1px #CCC; border-left: none; color:#666; font-size:11px; letter-spacing: -1px; line-height:1.6; } #sub_bottom .bestArticle p.tabMenu a.first { border-left: solid 1px #CCC; } #sub_bottom .bestArticle .content { overflow: hidden; _width:518px; height: 95px; padding: 20px; } #sub_bottom .bestArticle #Vbestlist1 { overflow: hidden; border: solid 1px #e3e3e3; } #sub_bottom .bestArticle #Vbestlist1 .blistL { float: left; width: 310px; } #sub_bottom .bestArticle #Vbestlist1 .blistL dl { float:left; } #sub_bottom .bestArticle #Vbestlist1 .blistL dt { font-size: 0; } #sub_bottom .bestArticle #Vbestlist1 .blistL dt img { width: 85px; height: 70px; } #sub_bottom .bestArticle #Vbestlist1 .blistL dd { width: 85px; padding-top: 5px; line-height:1.2; } #sub_bottom .bestArticle #Vbestlist1 .blistL ul { float:left; margin-left: 20px; _margin-left: 4px; _display: inline; } #sub_bottom .bestArticle #Vbestlist1 li { line-height: 21px; } #sub_bottom .bestArticle #Vbestlist1 li a { color: #3a3a3a } #sub_bottom .bestArticle #Vbestlist2, #sub_bottom .bestArticle #Vbestlist3 { overflow: hidden; border: solid 1px #e3e3e3; } #sub_bottom .bestArticle .mlistL { float:left; width:140px;position: relative; } #sub_bottom .bestArticle .mlistL dt { position: absolute; left:0; top:70px; width:140px; padding-top: 5px; } #sub_bottom .bestArticle .mlistL dd { position: absolute; left:0; top:0; width:140px; } #sub_bottom .bestArticle .mlistL dd img { width: 140px; height: 70px; } #sub_bottom .bestArticle .mlistR { float:left; width:351px; padding-left: 160px; _display: inline; } #sub_bottom .bestArticle .mlistR dd { line-height:1.7; background:url("http://img.khan.co.kr/spko/main_2010/icon_o1.gif") no-repeat scroll 0 9px transparent; padding-left: 7px; } #sub_bottom .bestArticle .mlistR dd a { font-size: 14px; color: #3a3a3a; } /* 만평 기사뷰+전체목록용 *****/ #sub_manpyung_wrap { width:570px; overflow:hidden; } .manpyung_view { text-align: center; } .manpyung_view .manpyung_title { color:#000; font-size:16px; font-weight:bold; padding:30px 0; } .manpyung_view .manpyung_title img { padding-bottom: 3px; } .manpyung_view .photo { *zoom:1; } .manpyung_view .photo:after { clear:both; display:block; content:""; } .manpyung_view .photo li { float:left; margin-left:20px; _display:inline; } .manpyung_view .photo li span { display:block; width:170px; height:186px; overflow:hidden; position:relative;} .manpyung_view .photo li span img { width:170px; vertical-align:text-bottom; bottom:0; display:table-cell; position:absolute; } .manpyung_view .photo li p { width:170px; height:50px; margin-top:10px; } .manpyung_date { position: relative; text-align: center; font-size: 11px; color: #999; height: 20px; } #sub_cntTop .btn { padding:20px 0 10px 0; text-align: center; } #sub_cntTop .paginate { padding-top: 10px; } /**************************************************************************** 기사뷰 우측공통 영역 ****************************************************************************/ /* 많이본기사,최신기사 */ #sideRight .bestNew { padding: 7px; background-color:#FFF; } .bestNew .tab { *zoom:1; margin-bottom:12px; overflow:hidden; height:27px; padding-left:10px; border:1px solid #000; border-bottom:none; background-color:#444; } .bestNew .tab:after { clear:both; display:block; content:""; } .bestNew .tab li { float:left; text-align:center; } .bestNew .tab li a { display:block; width:114px; height:20px; padding-top:7px; color:#FFF; } .bestNew .tab li a:hover { text-decoration:none; } .bestNew .tab li.on a { padding-top:5px; margin-top:4px; color:#333; font-weight:bold; letter-spacing:-1px; text-decoration:none; background-color:#FFF; } .bestNew .tab li em { font-style: normal; } .bestNew .tab li.on em { color: #2576fd; } .bestNew .cnt { margin-left: 3px; padding-bottom: 20px; } .bestNew ol li { line-height: 21px; height: 21px; } .bestNew ol li strong { display:inline-block; width:20px; padding-right:5px; text-align:center; color:#000; font-size:11px; font-family:Verdana; } .bestNew ol li.num1 strong { color: #2576fd; } /* 이번호 지난호 기사 BEST */ #sub_sideRight .bestNew {overflow:hidden; width:250px; margin-bottom:10px;} .bestNew .tit_tab {position:relative; top:1px; width:250px; height:31px; margin-bottom:12px; z-index:20;} .bestNew .tit_tab:after {display:block; clear:both; content:"";} .bestNew .tit_tab li {float:left;} .bestNew .tit_tab li span {display:block; position:relative; top:-1px; height:31px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 0 transparent;} .bestNew .tit_tab li.tab_m1 a span {width:125px; background-position:0 -311px;} .bestNew .tit_tab li.tab_m1 a.on span {background-position:0 -270px;} .bestNew .tit_tab li.tab_m2 a span {width:125px; background-position:-125px -270px;} .bestNew .tit_tab li.tab_m2 a.on span {background-position:-125px -311px;} .bestNew .cnt {padding:3px;} .bestNew ol li {line-height:1.5em;} .bestNew ol li a {color:#666;} .bestNew ol li.num1 a {color:#333;} .bestNew ol li strong {display:inline-block; width:20px; padding-right:5px; text-align:center; color:#000; font-size:11px; font-family:Verdana;} /* 이번호소개 */ #thisweek { width:238px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; overflow:hidden; } #thisweek .title h3 { color:#FFF; font-size:14px; background-color:#000; width:140px; height:20px; padding:0 12px; } #thisweek .title p { left:65px; top:16px; font-size:11px; letter-spacing:-1px; color:#FFF; font-family:Verdana, 돋움; padding:0 12px; } #thisweek .content { padding:10px 12px 10px 12px; _margin-bottom:10px;} #thisweek .content p { float:left; } #thisweek .content p img { width:95px; height:120px; border:1px solid #d4d4d4; padding :0; } #thisweek .content dl { float:left; width:95px; margin:6px 3px 0px 12px; } #thisweek .content dt { margin:3px 0 5px 0; height:87px; } #thisweek .content dt a { font-size:11px; color:#666; letter-spacing:-1px; line-height:15px; } /* 메뉴 */ #menu { width:238px; border-bottom:1px solid #d2d2d2; overflow:hidden; } #menu .box { float:left; width:238px; background:url(http://img.khan.co.kr/spko/weekly/boxbg.gif) repeat top left; } #menu .boxBg { background-color:#FFF; margin:10px; _height:100% } #menu .content { padding:10px; _margin-bottom:8px; } #menu .content dt a { color:#666; font-weight:bold; line-height:16px; letter-spacing:-1px; } #menu .content dd { float:left; width:200px; overflow:hidden; } #menu .content dd a { color:#666; font-weight:normal; line-height:16px; letter-spacing:-1px;} #menu .subLink { margin-top:5px; float:left;} #menu .subLink li { float:left; display:inline; margin:0 3px; } /* 검색 */ #search { width:238px; border-bottom:3px solid #000; overflow:hidden; } #search .content { padding:5px 10px 10px 10px; _padding:8px 10px 10px 10px; } *:first-child+html #search .content { padding:8px 10px 8px 10px; } #search ul { width:220px; height:20px; overflow:hidden; display:inline-block; } #search li { float:left; } #search .select { float:left; width:57px; background:url(http://img.khan.co.kr/spko/weekly/search_img.gif) no-repeat; } #search .btn a { width:20px; height:0 !important; display:-moz-inline-box; display:inline-block; overflow hidden; background: url(http://img.khan.co.kr/spko/weekly/btn_search.gif) no-repeat 0 0px; padding-top:20px; } #search li input { width:135px; height:17px; font-size:12px; margin-right:5px; } /* 시사 */ #sisa { width:238px; border-bottom:3px solid #000; overflow:hidden; } #sisa .sleft { float:left; width:85px; margin:10px 18px 5px 15px; _margin:10px 15px 5px 10px; } #sisa .sleft .title { height:30px; } #sisa .sleft .title h3 { top:5px; left:12px; } #sisa .sleft .content { padding:0; _margin-bottom:10px; } *:first-child+html #sisa .sleft .content { margin-bottom:10px; } #sisa .sleft .content .photo img { width:85px; height:85px; display:inline; } #sisa .sleft .content .photo p { width:80px; padding-top:8px; font-size:11px; text-align:center; line-height:14px; } #sisa .sright { float:left; width:85px; border-left:1px solid #d2d2d2; margin:10px 10px 10px 0px; padding-left:18px; _padding-left:15px; _margin:10px 5px 10px 0px; } #sisa .sright .title { height:30px; } #sisa .sright .title h3 { top:5px; left:2px; } #sisa .sright .content { padding:0; _margin-bottom:10px; } #sisa .sright .content .photo img { width:85px; height:85px; display:inline; } #sisa .sright .content .photo p { width:80px; padding-top:8px; font-size:11px; text-align:center; line-height:14px; } /* 기획&연재 */ #plan { width:238px; border-bottom:1px solid #d2d2d2; overflow:hidden; } #plan .content { padding:15px 15px 10px 15px; } #plan .content li { line-height:22px; } #plan .content .line { margin:5px 0 12px 0; border-bottom:1px solid #d2d2d2; } #plan .content .photo {display:inline ; } #plan .content .photo dt a { float:left; font-size:11px; letter-spacing:-1px; color:#666; line-height:15px; } /* 배너3종 */ #sidebanner { width:238px; border-bottom:1px solid #d2d2d2; overflow:hidden; } #sidebanner .content { padding:0 15px 15px 15px; } #sidebanner .content ul { margin-top:0; } #sidebanner .content li { display:inline ; } #sidebanner .content li img { margin-top:15px; } /* 테마연재,핫이슈,블로그 탭 */ #serial { width:265px; } #serial .box { background-color:#FFF; } #serial .boxBg { width:263px; border:solid 1px #d2d2d2; margin:0; } *html #serial .tabmenu { bottom:1px; } #serial .tabmenu a { padding-top:33px; overflow:hidden; height:0 !important; height /**/:33px; } #serial .tabmenu a:hover, #serial .tabmenu .on { background-position:0 -35px; } #serial .tabmenu01 { width:91px; height:33px; background:url(http://img.khan.co.kr/spko/weekly/serial_tabmenu01.gif) no-repeat top left; cursor:pointer; } #serial .tabmenu02 { width:86px; height:33px; background:url(http://img.khan.co.kr/spko/weekly/serial_tabmenu02.gif) no-repeat top left; cursor:pointer; } #serial .tabmenu03 { width:86px; height:33px; background:url(http://img.khan.co.kr/spko/weekly/serial_tabmenu03.gif) no-repeat top left; cursor:pointer; } #serial .content ul { margin-top:5px; padding:0; } #serial .content .photo dl { float:left; margin-left:10px; width:170px; } *html #serial .content .photo dl { width:180px; } *:first-child+html #serial .content .photo dl { width:180px; } /* 아름다운 한국 */ #korea { width:265px; border-top:3px solid #000; border-bottom:3px solid #000; overflow:hidden; } #korea .boxBg { width:265px; margin:0; background-color:#FFF; } #korea .title p { right:6px; bottom:4px; } #korea .content { padding:15px 15px 5px 15px; } #korea .content .photo dt .text { color:#488f25; } #korea .content .photo dl { float:left; width:170px; } *html #korea .content .photo dl { width:180px; } *:first-child+html #korea .content .photo dl { width:180px; } /* Culture+ */ #culture { padding-top: 10px; } #culture .boxBg { background-color:#FFF; } #culture .content { padding:15px 15px 10px 15px; } #culture .content li { line-height:22px; } #culture .content .line { margin:5px 0 12px 0; border-bottom:1px solid #d2d2d2; } #culture .content .photo {display:inline ; } #culture .content .photo dt a { float: left; font-size: 12px; letter-spacing: -0.5px; color: #444; line-height: 15px; } #culture .content .photo p img { width: 85px; height: 60px; display: inline; } /* 광고(내부) */ #inad1 { width: 250px; margin-bottom: 20px; background-color:#FFFFFF;} /* 프리미엄 인포 -광고 */ .ad_preInfo { margin-bottom: 10px; padding-left: 13px; padding-bottom: 20px; background-color: #fff; } .ad_preInfo_sub { padding-left: 13px; background-color: #fff; } /**************************************************************************** 서브 공통 ****************************************************************************/ #drags { position: relative; cursor: move; } #subnav { float: left; } #subnav h3 { padding-bottom: 10px; } #subnav h3 img { margin-top: 10px; } .extend {margin-bottom:20px;} /* 메뉴 : 기본 */ #subnav .content { float: left; width: 120px; border: none; padding: 0px; } #subnav .content li{ line-height: 22px; padding :6px 0 6px 0; } #subnav .content li a { color: #666; font-weight: bold; } #subnav .content li.on a { color: #cc0000; font-weight: bold; } #subnav .content li img { padding: 3px 0 3px 0; } /* 검색 */ #subsearch { float:left; width:133px; border-bottom:3px solid #000; overflow:hidden; } #subsearch .content { padding:5px 0 5px 0; } #subsearch ul { width:133px; height:25px; overflow:hidden; _padding-top:5px;} #subsearch li { float:left; } #subsearch .btn a { width:20px; height:0 !important; display:inline-block; overflow:hidden; background:url(http://img.khan.co.kr/spko/weekly/btn_search.gif) no-repeat 0 0px; padding-top:20px; } #subsearch li input { width:100px; height:18px; font-size:12px; margin-right:5px; } /* 연재 */ #subserial { float:left; width:133px; margin:10px 0 15px 0;} #subserial .title { position:relative; width:133px; height:20px; background-color:#000; } #subserial .title h3 { position:absolute; left:5px; top:2px; bottom:3px; color:#FFF; font-size:12px; } #subserial .content { padding:0px; } #subserial li { padding-left:10px; border-bottom: 1px solid #d2d2d2; line-height:22px; } /* 이번호기사 BEST, 지난호 기사 BEST 탭 */ #subarticletab { width:238px; border:1px solid #d2d2d2; overflow:hidden; margin-bottom:20px; } #subarticletab .tabmenu li { float:left; } #subarticletab .tabmenu a { padding-top:31px; overflow:hidden; height:0 !important; height /**/:31px; } #subarticletab .tabmenu a:hover, #subarticletab .tabmenu .on { background-position:0 -31px; } #subarticletab .tabmenu01 { width:120px; height: 31px; background: url(http://img.khan.co.kr/spko/weekly/subtab_bestarticle01.gif) no-repeat top left; } #subarticletab .tabmenu02 { width:118px; height: 31px; background: url(http://img.khan.co.kr/spko/weekly/subtab_bestarticle02.gif) no-repeat top left; } #subarticletab .content { padding:15px 12px 10px 10px; } #subarticletab .listnum li { line-height:22px;} #subarticletab .line { margin:10px 0 5px 0; border-bottom:1px solid #d2d2d2; } #subarticletab .on {display:block;} #subarticletab .off {display:none;} /* 연재 : 20131031 추가(IH) */ #subnav .serial { margin-bottom:30px; padding:0 4px 4px 4px; border:1px solid #DDD; background:url(http://img.khan.co.kr/spko/sub_2011/bg_snb_light.gif) repeat-x left top; background-color:#F5F5F5; letter-spacing:-1px; } #subnav .serial .group { margin-top:15px; } #subnav .serial h3 { padding:0 0 3px 7px; color:#000; font-size:12px; } #subnav .serial h3 em { color:#CC0000; } #subnav .serial dl { padding:0 5px 7px 6px; background:#FFF; border:1px solid #E5E5E5; font-size:11px; letter-spacing:-1px; } #subnav .serial dt { margin:10px 0 2px 0; } #subnav .serial dt a { display:block; color:#444; font-weight:bold; } #subnav .serial dt a:hover { color:#3399FF; } #subnav .serial dd a { display:block; color:#888; } #subnav .serial dd a:hover { color:#3399FF; } #subnav .serial ul { margin:0; padding:3px 5px 6px 6px; background:#FFF; border:1px solid #E5E5E5; font-size:11px; letter-spacing:-1px; } #subnav .serial li { margin-top:7px; padding:0; } #subnav .serial li span { line-height:13px; } #subnav .serial li a {display:block; color:#666; font-weight:normal;} #subnav .serial li a:hover { color:#3399FF; } /* 플러스인포(베스트클릭) : 서브공통 */ #subplusinfo { margin-bottom: 20px; } /* 베스트클릭 : 서브공통 */ #sub_sideRight .ad_bestClick {margin-bottom:15px;} /* 아이매드 : 서브공통 */ #ad_imad {margin-bottom:10px;} /* 라이트컴즈 : 서브공통 */ #comz {margin-bottom:10px;} /* 플러스인포 : 서브공통 */ #subarticletab .ap1 { text-align: center; margin-top: 10px; } #subarticletab .ap1 img{border:0;} #subarticletab .ap2 {margin:0;} #subarticletab .ap2 .boxLine { border: none; } #subarticletab .ap2 .content { padding: 0; } #subarticletab .ap2 .photoArticle ul { text-align:left; color:#666666; margin-top: 6px; margin: 0; } #subarticletab .ap2 .photoArticle li { background: url(http://img.khan.co.kr/spko/main_2010/icon_o1.gif) no-repeat 0 49%; padding-left: 8px; line-height: 20px;} #subarticletab .ap2 .photoArticle { width: 214px; } #subarticletab .ap2 .photoArticle h3 { margin: 12px 0 8px 0; } #subarticletab .ap2 .photoArticle p img { width: 45px; height: 40px; border: none; padding: 0; margin-bottom: 5px; } #subarticletab .ap2 .photoArticle dl { width: 158px; margin-left: 5px; margin-right: 0; } #subarticletab .ap2 .photoArticle dt { font-size: 12px; margin: 3px 0 3px 0; letter-spacing: 0; } #subarticletab .ap2 .photoArticle dt a {color: #3399ff; } #subarticletab .ap2 .photoArticle dd { font-size: 12px; margin-bottom: 5px; } #subarticletab .ap2 .photoArticle dd a {color: #6b6b6b; } #subarticletab .ap2 .photoArticle .last { margin-bottom: 0; } /* 연예,스포츠,핫이슈 탭*/ #subentertain { width:238px; border:1px solid #d2d2d2; overflow:hidden; margin-bottom:20px; } #subentertain .tabmenu a { padding-top:31px; overflow:hidden; height:0 !important; height /**/:31px; } #subentertain .tabmenu a:hover, #subentertain .tabmenu .on{ background-position:0 -31px; } #subentertain .tabmenu01 { width:77px; height:31px; background:url(http://img.khan.co.kr/spko/weekly/subserial_tabmenu01.gif) no-repeat top left; } #subentertain .tabmenu02 { width:81px; height:31px; background:url(http://img.khan.co.kr/spko/weekly/subserial_tabmenu02.gif) no-repeat top left; } #subentertain .tabmenu03 { width:80px; height:31px; background:url(http://img.khan.co.kr/spko/weekly/subserial_tabmenu03.gif) no-repeat top left; } #subentertain .photo li { float: left; margin-right: 12px;} #subentertain .photo li.end { margin-right:0 !important; } #subentertain .photo img { width:97px; height:75px; } #subentertain .photo p { width:97px; margin-top:6px; text-align:center;} #subentertain .photo p a { font-size:11px; letter-spacing:-1px; line-height:13px; } #subentertain .line { margin-bottom:10px; _margin-top:10px; border-bottom:1px solid #d2d2d2; } #subentertain .content { height:190px; _height:100%; overflow:hidden; } /* 프리미엄인포 */ #subpremiuminfo { margin-bottom:20px; } /* 아름다운 한국 */ #subkorea { width:238px; border:1px solid #d2d2d2; overflow:hidden; margin-bottom:20px; } #subkorea .title p { right:6px; bottom:3px; } #subkorea .content { padding:15px 15px 5px 15px; } #subkorea .content .photo dt .text { color:#488f25; } #subkorea .content .photo dl { float:left; width:140px; } /* 기획&연재 */ #planSerial { margin-bottom: 20px; } #planSerial h3 { text-indent: -9999px; height: 21px; margin-bottom: 10px; background:url(http://img.khan.co.kr/spko/weekly/tit_weekly_01.gif) no-repeat 0 0px; background-color: #4c4c4c; } #planSerial .content { padding: 0; } #planSerial .phArtc { *zoom:1; padding:2px 0 5px 0; } #planSerial .phArtc:after { clear:both; display:block; content:""; } #planSerial .phArtc dt a { display:block; padding: 2px 0; color:#333; font-size:12px; font-weight:bold; } #planSerial .phArtc dt a:hover { color:#3399FF; } #planSerial .phArtc dd.thumb { float:left; padding: 1px; margin-right: 10px; border: 1px solid #d2d2d2; } #planSerial .phArtc dd.thumb img { width: 55px; height: 50px; vertical-align:top; } #planSerial .phArtc dd.txt, #planSerial .phArtc dd.txt a { color:#666; line-height:15px; } #planSerial .txtArtc dt { margin:15px 0 5px 0; } #planSerial .txtArtc dt a { display:block; color:#000; font-size:14px; letter-spacing:-1px; font-weight:bold; } #planSerial .txtArtc dt a:hover { color:#3399FF; } #planSerial .txtArtc dd, #planSerial .txtArtc dd a { color:#888; line-height:15px; } /* 확장배너 */ .ad_eftBanner {position:relative; width:250px; height:250px; margin-bottom:30px; z-index:1;} /* 시사2판4판&언더그라운드넷 */ #sub_sisa { overflow: hidden; width: 248px; height: 160px; margin-bottom: 20px; } #sub_sisa .titleBar { height: 2px; border-top: 6px solid #696969; border-bottom: 1px solid #d2d2d2; } #sub_sisa dl { float: left; width: 86px; padding: 10px 18px; } #sub_sisa dt { margin-bottom: 3px; text-indent: -9999px; background:url(http://img.khan.co.kr/spko/weekly/tit_weekly_02.gif ) no-repeat 9px 0px; } #sub_sisa dt.CR { background:url(http://img.khan.co.kr/spko/weekly/tit_weekly_03.gif ) no-repeat 0 0px; } #sub_sisa dt a { display: block; width: 86px; height: 16px; } #sub_sisa dd { margin-bottom: 5px; } #sub_sisa p { text-align: center; font-size: 11px; line-height: 14px; } /* 핫이슈,스포츠연예 */ .hotSpEnt { margin: 20px 0; } .hotSpEnt .tab { *zoom:1; margin-bottom:15px; overflow:hidden; height:27px; padding-left:10px; border:1px solid #000; border-bottom:none; background-color:#444; } .hotSpEnt .tab:after { clear:both; display:block; content:""; } .hotSpEnt .tab li { float:left; text-align:center; } .hotSpEnt .tab li a { display:block; width:114px; height:20px; padding-top:7px; color:#FFF; } .hotSpEnt .tab li a:hover { text-decoration:none; } .hotSpEnt .tab li.on a { padding-top:5px; margin-top:4px; color:#2576fd; font-weight:bold; letter-spacing:-1px; text-decoration:none; background-color:#FFF; } .hotSpEnt .cnt { height:195px; _overflow:hidden; } .hotSpEnt .hot h4 { margin-bottom:7px; } .hotSpEnt .hot h4 a { color:#333; font-size:12px; } .hotSpEnt .hot .group { position:relative; margin-bottom:20px; } .hotSpEnt .hot .first { position:relative; margin-top:0; } .hotSpEnt .hot .phtxtList { *zoom:1; } .hotSpEnt .hot .phtxtList:after { clear:both; display:block; content:""; } .hotSpEnt .hot .phtxtList p { float:left; width:75px; margin-right:10px; } .hotSpEnt .hot .phtxtList p img { width:75px; height:57px; vertical-align:top; } .hotSpEnt .hot .phtxtList ul { float:left; width:165px; } .hotSpEnt .hot .phtxtList li { line-height:20px; height:20px; overflow:hidden; letter-spacing:-0.5px; padding-left:6px; background:url(http://img.khan.co.kr/spko/main_2011/imgset_dot.gif) no-repeat 0 -13px; } .hotSpEnt .hot .more { position:absolute; right:0; top:1px; height:10px; } .hotSpEnt .hot .more a { padding-right:8px; background:url(http://img.khan.co.kr/spko/main_2011/imgset_arw.gif) no-repeat right 2px; color:#999; font-size:11px; letter-spacing:-1px; } .hotSpEnt .spEnt .phTit { *zoom:1; } .hotSpEnt .spEnt .phTit:after { clear:both; display:block; content:""; } .hotSpEnt .spEnt .phTit li { float:left; width:120px; } .hotSpEnt .spEnt .phTit li.first { margin-right:10px; } .hotSpEnt .spEnt .phTit li a { cursor:pointer; } .hotSpEnt .spEnt .phTit li span { display:block; width:120px; height:100px; overflow:hidden; } .hotSpEnt .spEnt .phTit li span img { width:120px; vertical-align:top; } .hotSpEnt .spEnt .phTit li strong { display:block; padding-top:4px; text-align:center; font-size:11px; line-height:14px; font-weight:normal; } .hotSpEnt .spEnt .phTit li strong img { margin-top:-3px; } .hotSpEnt .spEnt .txtList { margin-top:10px; } .hotSpEnt .spEnt .txtList li { line-height:18px; padding-left:10px; background:url(http://img.khan.co.kr/spko/main_2011/imgset_dot.gif) no-repeat 0 -13px; } /* 쇼핑박스 */ .ad_shopBox { position: relative; width: 250px; margin-top: 30px !important; margin-bottom: 20px !important; background: none repeat scroll 0 0 #FFFFFF; } .ad_shopBox .ad_shopBox_wing { position: absolute; width: 32px; height: 320px; left: 252px; top: 0; background: none repeat scroll 0 0 #F5F5F5; } /* 우측 사진2개 광고 */ .ad_btmThumb { width: 228px; border: solid 1px #DDD; overflow: hidden; padding: 12px 0 8px 20px; } .ad_btmThumb .phA_group { *zoom: 1; } .ad_btmThumb .phA_group:after { display: block; clear: both; content: ""; } .ad_btmThumb .phA { float: left; width: 100px; margin-right: 10px; } /**************************************************************************** ◆◆◆ 서브 섹션메인 공통 : .sub_mainArticle ◆◆◆ ****************************************************************************/ .sub_mainArticle {float:left; width:650px;} .sub_mainArticle .box {padding:25px; border:1px solid #ccc; border-top:none; background-color:#f5f5f5;} .sub_mainArticle .dot {margin-bottom:20px; border-bottom:1px solid #dddddd;} .sub_mainArticle .last {margin-bottom:0; padding-bottom:0; border-bottom:none;} .sub_mainArticle .content_wrap {padding:0 15px; margin:30px 0 70px;} .sub_mainArticle .content_wrap.newsman {padding:0;} .sub_mainArticle .content_wrap .photoArticle dt a {font-size:14px; font-weight:bold; color:#333; line-height:20px; letter-spacing:-1px;} /**************************************************************************** ◆◆◆ 최신기사 : .sub_newArticle ◆◆◆ ****************************************************************************/ .sub_newArticle .box {margin-bottom:35px; padding:25px 0; border:1px solid #ccc; border-top:none; text-align:center; background-color:#f5f5f5;} .sub_newArticle .tab_group { position:relative; width:650px; margin-top:20px; } .sub_newArticle .tit_tab {position:relative; width:100%; height:37px; top:1px; border-bottom:2px solid #666; z-index:20;} .sub_newArticle .tit_tab:after {display:block; clear:both; content:"";} .sub_newArticle .tit_tab li {float:left; height:39px;} .sub_newArticle .tit_tab li span {display:block; position:relative; height:39px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 0 transparent;} .sub_newArticle .tit_tab li.tab_m1 span {width:129px; cursor:pointer; background-position:0 -848px;} .sub_newArticle .tit_tab li.tab_m1 span.on {left:0; background-position:0 -799px;} .sub_newArticle .tit_tab li.tab_m2 span {width:129px; cursor:pointer; background-position:-129px -799px;} .sub_newArticle .tit_tab li.tab_m2 span.on {background-position:-129px -848px;} .sub_newArticle .tab_group .tabMenu { position:absolute; left:0; top:0; width:650px; height:40px; cursor:pointer; } .sub_newArticle .tab_group .tabMenu li { float:left; width:104px; height:28px; } .sub_newArticle .tab_group .content01 {padding:0 0 10px;} .sub_newArticle .tab_group .content02 {padding:0 0 10px;} .sub_newArticle .tab_group .content01 .tabMenu { background:url(http://img.khan.co.kr/spko/weekly/tab_article01.gif) no-repeat; } .sub_newArticle .tab_group .content02 .tabMenu { background:url(http://img.khan.co.kr/spko/weekly/tab_article02.gif) no-repeat; } .sub_newArticle .tab_group .tabMenu span {display:block; width:104px; height:28px; text-indent:-9999px; cursor:pointer;} .sub_newArticle .tab_group .tabMenu .tabMenu01 span {background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -720px;} .sub_newArticle .tab_group .tabMenu .tabMenu02 span {background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -104px -720px;} .sub_newArticle .tab_group .tabMenu .tabMenu01 span.on {background-position:0 -760px;} .sub_newArticle .tab_group .tabMenu .tabMenu02 span.on {background-position:-104px -760px;} .sub_newArticle .tab_group .on {display:block;} .sub_newArticle .tab_group .off {display:none;} .rondell-caption h5 {font-size:16px;} .rondell-shift-left {position:absolute; width:32px; height:57px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -300px -720px;} .rondell-shift-right {position:absolute; width:32px; height:57px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -340px -720px;} /**************************************************************************** ◆◆◆ 지난호보기 : #sub_pastArticle ◆◆◆ ****************************************************************************/ /* 연도 선택 */ .select_year {position:relative; border:1px solid #ccc; padding:10px 0; border-top:none; border-bottom:1px dashed #ccc;} .select_year ul {overflow:hidden; width:180px; margin:0 auto; padding:0 50px;} .select_year li {width:50px; float:left; padding-top:3px;} .select_year li a {color:#888; font-family:verdana; font-size:20px; letter-spacing:-1px;} .select_year li a:hover {text-decoration:none;} .select_year li.present {width:70px; padding:0 5px; text-align:center; color:#333; font-family:verdana; font-size:24px; font-weight:bold; letter-spacing:-1px;} .select_year span {display:block; position:absolute; top:15px; width:22px; height:21px; text-indent:-9999px; cursor:pointer; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll;} .select_year span.prev {left:200px; background-position:-270px -460px;} .select_year span.next {right:200px; background-position:-300px -460px;} /* 표지 리스트 */ #sub_pastArticle .last {margin-bottom:30px;} #sub_pastArticle .box {overflow:hidden; padding:25px; border:1px solid #ccc; border-top:none; background-color:#f5f5f5;} #sub_pastArticle .box .photolist {margin-bottom:0;} #sub_pastArticle .photolist {overflow:hidden; margin-bottom:24px;} #sub_pastArticle .photolist li {float:left; width:122px; margin-right:10px; padding:9px; border:1px solid #cecece; background-color:#fff;} #sub_pastArticle .photolist li.end {margin-right:0!important;} #sub_pastArticle .photolist li.last {margin-right:0!important; margin-bottom:0;} #sub_pastArticle .photolist img {width:122px; height:155px;} #sub_pastArticle .photolist .mgz_info {position:relative; padding-top:7px;} #sub_pastArticle .photolist .mgz_info strong {font-size:17px; color:#3f5c94;} #sub_pastArticle .photolist .mgz_info p.date {color:#666; font-size:11px;} #sub_pastArticle .photolist .mgz_info p.golist {position:absolute; right:0; bottom:0; width:59px; height:28px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -230px -720px;} #sub_pastArticle .photolist .mgz_info p.golist:hover {background-position:-230px -760px;} #sub_pastArticle .photolist p a {display:block; height:28px;} /* #sub_pastArticle .textBar { font-size:12px; color: #666; vertical-align:middle; margin: 5px; } */ #sub_pastArticle .line { margin-bottom:40px; border-bottom:3px solid #d2d2d2; } #sub_pastArticle .content_wrap {overflow:hidden; margin:20px 0; padding:0 15px;} #sub_pastArticle .content_wrap .photolist li {margin-right:17px;} #sub_pastArticle .content_wrap .pastTit {display:block; margin-bottom:14px; padding-bottom:7px; border-bottom:1px dotted #8ba4d4;} #sub_pastArticle .content_wrap .pastTit h3 {color:#3f5c94; font-size:16px; font-weight:bold;} /* 기사 리스트 */ #sub_pastArticle .article_list { padding:20px 0; border-bottom:1px solid #CCC; } #sub_pastArticle .article_list .title { height:25px; } #sub_pastArticle .article_list .title h3 { left:0; top:8px; bottom:0px; } #sub_pastArticle .article_list .title p {right:0; bottom:7px; } #sub_pastArticle .article_list .date { float:left; color:#5f728f; margin:10px 0 10px 0; } #sub_pastArticle .article_list .textBar { font-size:11px; color: #5f728f; vertical-align:middle; margin:5px; } #sub_pastArticle .article_list li { line-height:22px; } /* #sub_pastArticle .pastTit {color:#3f5c94; font-size:16px; font-weight:bold; margin-bottom:20px; padding-bottom:5px; border-bottom:1px dotted #8ba4d4;} #sub_pastArticle .content_wrap {padding:0; margin:30px 0 70px;} #sub_pastArticle .content_wrap .photoArticle {padding-left:20px;} #sub_pastArticle .content_wrap .photoArticle dt a {font-size:14px; font-weight:bold; color:#333; line-height:20px; letter-spacing:-1px;} */ /**************************************************************************** 전체기사 : #sub_articleAll_wrap ****************************************************************************/ #sub_articleAll_wrap .title { margin-bottom: 0; } /* 탭메뉴 */ #sub_articleAll_wrap .tabMenu a { padding: 4px 20px 1px 20px; } #sub_articleAll_wrap .tabMenu a:hover, #sub_articleAll_wrap .tabMenu .on a { padding: 4px 20px 1px 20px; } *html #sub_articleAll_wrap .tabMenu a:hover, *html #sub_articleAll_wrap .tabMenu .on a { padding: 4px 19px 1px 20px; } *:first-child+html #sub_articleAll_wrap .tabMenu a:hover, *:first-child+html #sub_articleAll_wrap .tabMenu .on a { padding: 4px 19px 1px 20px; } /* 날짜선택 */ #sub_articleAll_wrap .date_search { margin: 15px 0 0 0; } #sub_articleAll_wrap .select { width: 140px; } /**************************************************************************** 전체기사리스트 : #sub_articleList_wrap ****************************************************************************/ #sub_articleList_wrap .content_wrap { padding: 20px 0; border-bottom: solid 1px #DDD; } /* 탭메뉴 : [ul.tabMenu] - 이미지, [p.tabMenu] - 텍스트 */ .tabMenu li, .tabMenu a { float: left; } .tabMenu .end { margin-right: 0 !important; } /**************************************************************************** ◆◆◆ 기획&연재 전체보기 : .sub_specialAll_wrap ◆◆◆ ****************************************************************************/ .sub_specialAll_wrap .title { margin-bottom: 15px; } .sub_specialAll_wrap .btn { float: right; } .sub_specialAll_wrap .box {overflow:hidden; padding:25px; border:1px solid #ccc; border-top:none; background-color:#f5f5f5;} .sub_specialAll_wrap .on {display:block;} .sub_specialAll_wrap .off {display:none;} .sub_specialAll_wrap .spot_wrap {} .sub_specialAll_wrap .spot_wrap .tit {width:90px; height:16px; margin-bottom:10px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -100px -560px;} .sub_specialAll_wrap .spot_wrap .last {margin-right:0;} .sub_specialAll_wrap .spot_wrap dl {float:left; width:170px; margin-right:11px; padding:10px; border:1px solid #d1cfcf; background-color:#fff;} .sub_specialAll_wrap .spot_wrap dt {display:block; overflow:hidden; color:#b0483f; font-size:14px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;} .sub_specialAll_wrap .spot_wrap dd a {display:block; overflow:hidden; text-align:center; color:#666; font-size:12px; text-overflow:ellipsis; white-space:nowrap;} .sub_specialAll_wrap .spot_wrap dd.thumb img {width:170px; height:120px; margin:10px 0 5px;} .sub_specialAll_wrap .tit_tab {position:relative; width:100%; height:37px; top:1px; margin-top:30px; border-bottom:2px solid #666; z-index:20;} .sub_specialAll_wrap .tit_tab:after {display:block; clear:both; content:"";} .sub_specialAll_wrap .tit_tab ul {overflow:hidden;} .sub_specialAll_wrap .tit_tab li {float:left; height:39px;} .sub_specialAll_wrap .tit_tab li span {display:block; position:relative; height:39px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 0 transparent;} .sub_specialAll_wrap .tit_tab li.tab_m1 span {width:129px; cursor:pointer; background-position:0 -948px;} .sub_specialAll_wrap .tit_tab li.tab_m1 span.on {left:0; background-position:0 -899px;} .sub_specialAll_wrap .tit_tab li.tab_m2 span {width:129px; cursor:pointer; background-position:-129px -899px;} .sub_specialAll_wrap .tit_tab li.tab_m2 span.on {background-position:-129px -948px;} .sub_specialAll_wrap .sub_m {display:block; overflow:hidden; padding:10px 35px;} .sub_specialAll_wrap .sub_m span {float:left; font-size:13px; cursor:pointer;} .sub_specialAll_wrap .sub_m span.on {font-weight:bold;} .sub_specialAll_wrap .sub_m span.textBar {margin:0 3px; color:#CCCCCC; font-size:12px; vertical-align:middle;} .sub_specialAll_wrap .publish {overflow:hidden; padding:20px 0 0 35px;} .sub_specialAll_wrap .publish .last {margin-right:0;} .sub_specialAll_wrap .publish dl {float:left; width:297px; margin:0 20px 20px 0;} .sub_specialAll_wrap .publish dd.thumb {float:left; width:65px; height:65px; margin-right:10px;} .sub_specialAll_wrap .publish dd.thumb a img {width:65px; height:65px;} .sub_specialAll_wrap .publish dt a {color:#b0483f; font-size:14px; font-weight:bold;} .sub_specialAll_wrap .publish dd a {display:block; overflow:hidden; text-align:left; color:#666; font-size:11px; text-overflow:ellipsis; white-space:nowrap;} .sub_specialAll_wrap .finish {overflow:hidden; padding:20px 0 0 35px;} .sub_specialAll_wrap .finish .last {margin-right:0;} .sub_specialAll_wrap .finish dl {float:left; width:297px; margin:0 20px 20px 0;} .sub_specialAll_wrap .finish dd.thumb {float:left; width:65px; height:65px; margin-right:10px;} .sub_specialAll_wrap .finish dd.thumb a img {width:65px; height:65px;} .sub_specialAll_wrap .finish dt a {color:#b0483f; font-size:14px; font-weight:bold;} .sub_specialAll_wrap .finish dd a {display:block; overflow:hidden; text-align:left; color:#666; font-size:11px; text-overflow:ellipsis; white-space:nowrap;} .sub_specialAll_wrap .publish .box { margin-top: 15px; border: 1px solid #DDD; overflow: hidden;} .sub_specialAll_wrap .publish .title { margin: 1px 0 0 1px; height: 28px; background: url(http://img.khan.co.kr/spko/sub_2009/special_title_bg.gif) repeat-x; } .sub_specialAll_wrap .publish .title h3 { left: 17px; top:5px; bottom: 4px; color: #0047d4; padding:5px 15px; } .sub_specialAll_wrap .publish .title p { right: 12px; top:5px; bottom: 4px; background: url(http://img.khan.co.kr/spkn/sub_2009/ico_more_blue.gif) no-repeat 115px 2px; padding-right: 20px; vertical-align: middle;} .sub_specialAll_wrap .publish .title p a{ right: 12px; bottom: 4px; color:#1b3281; font-size:12px; font-weight:bold; letter-spacing:-1px; } .sub_specialAll_wrap .publish .title h3 span.icon { margin-right: 7px; } .sub_specialAll_wrap .publish .content { padding: 12px 15px 0 15px; } .sub_specialAll_wrap .publish .content .list_wrap { border-top: dashed 1px #CCC; padding: 12px 0 8px 0; overflow: hidden; _height: 1%; } .sub_specialAll_wrap .publish .content .first { border-top: none; padding-top: 0; } .sub_specialAll_wrap .publish .content .medium { color: #7090b8; } .sub_specialAll_wrap .publish .content .no { text-align: center; margin-bottom: 10px; } .sub_specialAll_wrap .publish .sub_CL { width: 260px; } .sub_specialAll_wrap .publish .sub_CR { width: 260px; } .sub_specialAll_wrap .publish .theme .title h3 { bottom: 2px; _bottom: 4px; } .sub_specialAll_wrap .publish .theme .list li { line-height: 22px; background-position: 3px 8px; } .sub_specialAll_wrap .publish .theme .content { padding: 12px 15px 8px 15px; } .sub_specialAll_wrap .publish .theme .content h3 { font-size: 12px; letter-spacing: normal; } .sub_specialAll_wrap .publish .theme .content h3 span.medium { color: #7090b8; } .sub_specialAll_wrap .publish .theme .content h3 a:hover { text-decoration: none; } .sub_specialAll_wrap .publish .theme .content .list_wrap { border-top: dashed 1px #CCC; padding: 10px 0 8px 0; overflow: hidden; _height: 1%; } .sub_specialAll_wrap .publish .theme .content .list_wrap .first { margin-top: 0; } .sub_specialAll_wrap .publish .theme .content .theme_group { padding-top: 10px; overflow: hidden; } .sub_specialAll_wrap .publish .theme .content .theme_group .list li { line-height: 18px; background-position: 3px 6px; } .sub_specialAll_wrap .publish .theme .content .first { border-top: none; padding-top: 0; } .sub_specialAll_wrap .publish .theme .content .list { margin-top: 3px; } .sub_specialAll_wrap .finish .box { margin-top: 15px; border: 1px solid #DDD; overflow: hidden;} .sub_specialAll_wrap .finish .title { margin: 1px 0 0 1px; height: 28px; background: url(http://img.khan.co.kr/spko/sub_2009/special_title_bg.gif) repeat-x; } .sub_specialAll_wrap .finish .title h3 { left: 17px; top:5px; bottom: 4px; color: #0047d4; padding:5px 15px; } .sub_specialAll_wrap .finish .title p { right: 12px; top:5px; bottom: 4px; background: url(http://img.khan.co.kr/spkn/sub_2009/ico_more_blue.gif) no-repeat 115px 2px; padding-right: 20px; vertical-align: middle;} .sub_specialAll_wrap .finish .title p a{ right: 12px; bottom: 4px; color:#1b3281; font-size:12px; font-weight:bold; letter-spacing:-1px; } .sub_specialAll_wrap .finish .title h3 span.icon { margin-right: 7px; } .sub_specialAll_wrap .finish .content { padding: 12px 15px 0 15px; } .sub_specialAll_wrap .finish .content .list_wrap { border-top: dashed 1px #CCC; padding: 12px 0 8px 0; overflow: hidden; _height: 1%; } .sub_specialAll_wrap .finish .content .first { border-top: none; padding-top: 0; } .sub_specialAll_wrap .finish .content .medium { color: #7090b8; } .sub_specialAll_wrap .finish .content .no { text-align: center; margin-bottom: 10px; } .sub_specialAll_wrap .finish .sub_CL { width: 260px; } .sub_specialAll_wrap .finish .sub_CR { width: 260px; } .sub_specialAll_wrap .finish .theme .title h3 { bottom: 2px; _bottom: 4px; } .sub_specialAll_wrap .finish .theme .list li { line-height: 22px; background-position: 3px 8px; } .sub_specialAll_wrap .finish .theme .content { padding: 12px 15px 8px 15px; } .sub_specialAll_wrap .finish .theme .content h3 { font-size: 12px; letter-spacing: normal; } .sub_specialAll_wrap .finish .theme .content h3 span.medium { color: #7090b8; } .sub_specialAll_wrap .finish .theme .content h3 a:hover { text-decoration: none; } .sub_specialAll_wrap .finish .theme .content .list_wrap { border-top: dashed 1px #CCC; padding: 10px 0 8px 0; overflow: hidden; _height: 1%; } .sub_specialAll_wrap .finish .theme .content .list_wrap .first { margin-top: 0; } .sub_specialAll_wrap .finish .theme .content .theme_group { padding-top: 10px; overflow: hidden; } .sub_specialAll_wrap .finish .theme .content .theme_group .list li { line-height: 18px; background-position: 3px 6px; } .sub_specialAll_wrap .finish .theme .content .first { border-top: none; padding-top: 0; } .sub_specialAll_wrap .finish .theme .content .list { margin-top: 3px; } /**************************************************************************** 기사면 : #sub_articleView_wrap ****************************************************************************/ /* #sub_articleView_wrap .box { margin-bottom: 20px; } */ /* 더보기 #sub_articleView_wrap .path p { position:absolute; right:0px; bottom:4px; font-size:11px; letter-spacing:-1px; color:#666; } #sub_articleView_wrap .path .select_top { position:absolute; right:0; bottom:4px; z-index:110; margin-bottom:22px; } *html #sub_articleView_wrap .path .select_top { margin-bottom: 10px; } *:first-child+html #sub_articleView_wrap .path .select_top { margin-bottom: 10px; } */ /* 버튼바 : 상단 #sub_articleView_wrap .btnBar_top { position: relative; height: 35px; } #sub_articleView_wrap .btnBar_top .font { position: absolute; left: 0; top: 0; } #sub_articleView_wrap .btnBar_top .font .bg { width: 80px; background: url(http://img.khan.co.kr/spko/sub_2009/font_slide_bg.gif) no-repeat 5px 5px; } #sub_articleView_wrap .btnBar_top .btn { position: absolute; right: 0; bottom: 1px; letter-spacing: -1px; } */ /* 기사본문 #sub_articleView_wrap #articleView .article_title { position: relative; margin-bottom: 25px; border:1px solid #d2d2d2; padding: 22px 15px 17px 15px; _height: 1%; } #sub_articleView_wrap #articleView .article_title dt { font-size: 19px; letter-spacing: -1px; font-family: 돋움,dotum; color: #000; line-height: 1.3em; background: none; padding-left: 0; } #sub_articleView_wrap #articleView .article_title dd { font-size: 11px; color: #999; margin-top: 0px; } #sub_articleView_wrap #articleView .article_title .name { color: #8794a1; margin-top: 10px;} #sub_articleView_wrap #articleView .article_title .total { position: absolute; right: 15px; bottom: 7px; } #sub_articleView_wrap #articleView .article_title .total li { float: left; font-size: 11px; color: #666; font-weight: bold; } #sub_articleView_wrap #articleView .article_title .total_flower { background: url(http://img.khan.co.kr/spko/sub_2009/icon_flower.gif) no-repeat 1px 2px; padding-left: 15px; } #sub_articleView_wrap #articleView .article_title .total_stone { background: url(http://img.khan.co.kr/spko/sub_2009/icon_stone.gif) no-repeat 2px 3px; padding-left: 17px; } #sub_articleView_wrap #articleView .article_title .total .textBar { font-weight: normal; margin: 0 2px; } #sub_articleView_wrap #articleView .article_txt { position: relative; overflow: hidden; padding: 0 0 0 0px; font-size: 13px; line-height: 22px; font-family: 굴림,gulim; } #sub_articleView_wrap #articleView .article_txt .sub_title { color: #666; font-weight: bold; } #sub_articleView_wrap #articleView .article_txt .boxLineBG { font-size: 13px; line-height: 22px; _height: 1%; margin-bottom: 20px; } #sub_articleView_wrap #articleView .btn { padding:15px 0 ; text-align:center;} #sub_articleView_wrap #articleView .btn a {display:inline-block;} #sub_articleView_wrap #articleView .btn img { display:inline; margin-left:5px; } */ /**************************************************************************** 시사2판4판 : #sub_sisa_wrap ****************************************************************************/ /* #sub_sisa_wrap #articleView .btn { padding:15px 0 ; text-align:center;} #sub_sisa_wrap #articleView .btn img { display:inline; margin-left:5px; } #sub_sisa_wrap #articleView .article_title { position: relative; margin-bottom: 25px; padding: 20px 15px 15px 15px; _height: 1%;} #sub_sisa_wrap #articleView .article_title h2 { font-size: 20px; font-weight: bold; line-height: 22px; font-family: 돋움,dotum; letter-spacing: -1px; color: #000; } #sub_sisa_wrap #articleView .article_title .date { float:right; font-size: 11px; color: #888; margin-top: 0px; } #sub_sisa_wrap #articleView .article_title .textBar { font-size:10px; color:#666; vertical-align:middle; margin:1px; } #sub_sisa_wrap #articleView .article_txt { position: relative; overflow: hidden; padding:0 0 10px 0; font-size: 13px; line-height: 25px; font-family: 굴림,gulim; } #sub_sisa_wrap #articleView .article_txt .text_box { background-color: #e9edf3; color: #000; padding: 10px 15px; margin: 20px 0 20px 0; } #sub_sisa_wrap #articleView .article_photo_center { width: 560px; text-align: center; margin: 5px 0 10px 0; } #sub_sisa_wrap #articleView .article_photo_center img { display:inline; } #sub_sisa_wrap #articleView .article_txt .copyright { font-size:12px; font-family: 돋움,dotum; } */ /* 기사본문 내 사진 #sub_articleView_wrap #articleView .article_photo_left { float: left; text-align: center; margin: 5px 20px 5px 0; } #sub_articleView_wrap #articleView .article_photo_center { width: 560px; text-align: center; margin: 5px auto; } #sub_articleView_wrap #articleView .article_photo_right { float: right; text-align: center; margin: 5px 0 5px 10px; padding-right:10px;} #sub_articleView_wrap #articleView .article_photo { overflow:hidden; padding:3px 3px; border:solid 1px #CCC; background-color:#F5F5F5; } #sub_articleView_wrap #articleView .article_photo p { overflow:hidden; color: #48647C; font-size: 11px; font-family: dotum, 돋움; line-height: 15px; padding: 5px 0 0 3px; text-align:left; } #sub_articleView_wrap #articleView .article_photo img { display:inline; } */ /* 기사입력시간 #sub_articleView_wrap .article_date { float: right; font-size: 11px; color: #999; height: 30px; margin: 0 5px 5px 0; } */ /* 추천기사,관련기사 #sub_articleView_wrap .view_reArticle .reArticle dt { height:20px; border-bottom:solid 1px #DDD; margin-bottom:10px; background:url(http://img.khan.co.kr/spko/weekly/bu_arrow.gif) no-repeat 0 2px; padding-left:18px; } #sub_articleView_wrap .view_reArticle .reArticle dd { background:url(http://img.khan.co.kr/spko/weekly/rearticle_ico.gif) no-repeat 7px 6px; padding-left:22px; line-height:24px; float: none; } #sub_articleView_wrap .view_reArticle .reArticle dd a { font-size:14px; font-weight:bold; color:#0f3d9e; letter-spacing:-1px; } */ /* 바이라인 #sub_articleView_wrap .bline { font-size: 14px; } */ /* 연재 바로가기 [3줄] */ #sub_articleView_wrap .serial { border-bottom: solid 1px #DDD; } #sub_articleView_wrap .serial h3 { font-size: 14px; border-bottom: solid 1px #DDD; background: url(http://img.khan.co.kr/spko/weekly/bu_arrow.gif) no-repeat 0 3px; padding-left: 18px; } #sub_articleView_wrap .serial h3 .text { color:#b5121b; } #sub_articleView_wrap .serial .articleDate dt { width: 550px; padding: 5px 0 3px 0; font-size: 13px; font-family: 굴림,gulim; line-height: 15px; } #sub_articleView_wrap .serial .articleDate dt.prev { background: url(http://img.khan.co.kr/spkn/sub_2009/ico_serial_prev.gif) no-repeat 2px 8px; padding-left: 20px; } #sub_articleView_wrap .serial .articleDate dt.bar { background-color: #f1f1f1; } #sub_articleView_wrap .serial .articleDate dt.bar { background: url(http://img.khan.co.kr/spkn/sub_2009/ico_serial_bar.gif) no-repeat 2px 10px; padding-left: 20px; font-weight: bold; } #sub_articleView_wrap .serial .articleDate dt.next { background: url(http://img.khan.co.kr/spkn/sub_2009/ico_serial_next.gif) no-repeat 2px 9px; padding-left: 20px; } /* 버튼 3종 : 이전, 목록, 다음 */ #sub_articleView_wrap .btn { padding:0px 0 10px 0; text-align: center; } #sub_content .title p.tabMenu a.first, #sub_content .path p.tabMenu a.first { border-left: solid 1px #CCC; } #sub_content .title p.tabMenu a:hover.first, #sub_content .path p.tabMenu a:hover.first { border-left: solid 1px #CCC; } /* 기사본문 내 사진에 1줄광고 */ #imgad { float: left; color: #135d3a; font-family: Dotum,"돋움"; font-size: 11px; line-height: 15px; padding: 5px 0 0 3px; font-weight: bold; background: url(http://img.khan.co.kr/spko/sub_2010_v2/1imgicon.gif ) no-repeat 0 70%; padding-left: 17px; margin-left: 15px;margin-bottom: 0px;} #imgad a { font-weight: bold; text-decoration: none; color: #135d3a; } /* 스크롤광고 (20120307 추가 : IH) */ .scrollWrap { *zoom:1; } .scrollWrap:after { /* clear:both; */ display:block; content:""; } .scroll { float:left; background:#FFF; } .ad_scroll { *zoom:1; width: 111px; margin: 5px 0 40px 8px; background-color: #ffffff; } .ad_scroll li { overflow: hidden; width: 111px; margin-bottom: 10px; /*height:123px;*/ } .ad_scroll li a { display: block; cursor:pointer; } .ad_scroll li span img { width:105px; height:75px; vertical-align:top; padding:2px; border:1px solid #DDD; } .ad_scroll li strong { display:block; width: 111px; padding-top:7px; font-size:11px; letter-spacing:-1px; text-align:center; font-weight:normal; line-height: 1.3em; } /* 우측 사진2개 광고 */ .ad_btmThumb { position:relative; width: 229px; border: solid 1px #DDD; overflow: hidden; padding: 26px 0 16px 19px; } .ad_btmThumb .ad_link { position:absolute; top:7px; right:19px; } .ad_btmThumb .phA_group { *zoom: 1; } .ad_btmThumb .phA_group:after { display: block; clear: both; content: ""; } .ad_btmThumb .phA { float: left; width: 100px; margin-right: 14px; } .ad_btmThumb .phB { float: left; width: 100px; margin-right: 0; } .ad_btmThumb_dn { margin-top:20px; } /* 우측 사진4개 광고와 텍스트2줄 */ .ad_newLook { position:relative; width: 234px; border: solid 1px #DDD; overflow: hidden; padding: 26px 0 10px 14px; margin-bottom: 20px;} .ad_newLook .ad_link { position:absolute; top:7px; right:9px; } .ad_newLook .phA_group { *zoom: 1; } .ad_newLook .phA_group:after { display: block; clear: both; content: ""; } .ad_newLook .phA { float: left; width: 100px; margin-right: 20px; margin-bottom:8px;} .ad_newLook .phB { float: left; width: 100px; margin-right: 0; margin-bottom:8px;} .ad_newLook .txtA_group { *zoom: 1; overflow:hidden;} .ad_newLook .txtA_group:after { display: block; clear: both; content: ""; } .ad_newLook .txtA_group ul { *zoom: 1; overflow:hidden;} .ad_newLook .txtA_group li { float:left; width:220px; height:19px; overflow:hidden; } /* 오늘의 정보 광고 (20130402 추가 IH) */ .ad_dailyInfo {position:relative; margin-top:15px; margin-bottom:20px;} .ad_dailyInfo h3 {width:63px; height:14px; margin-bottom:5px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2013/tit_dailyInfo.gif") no-repeat scroll 0 0 transparent;} .ad_dailyInfo .more {position:absolute; top:3px; right:0; height:10px;} .ad_dailyInfo .more a {padding-right:8px; color:#999999; font-size:11px; letter-spacing:-1px; background:url("http://img.khan.co.kr/spko/main_2011/imgset_arw.gif") no-repeat scroll right 2px transparent;} .ad_dailyInfo ul {*zoom:1; overflow:hidden; padding:9px 10px 6px; border:1px solid #ddd; border-top:1px solid #ccc;} .ad_dailyInfo:after {display:block; clear:both; content:"";} .ad_dailyInfo li {float:left; width:220px; height:19px; overflow:hidden;} /* 애드플렉스 광고 : 서브기사면 하단 */ .ad_adFlex, .ad_adplex {margin-bottom:30px;} /* 베스트클릭 광고 : 메인 */ .ad_bestClick {margin-bottom:10px;} /* 이슈연재 */ .issue_serial {position:relative; width:109px; margin-bottom:30px;} .issue_serial h3 {padding:9px 9px 5px; border:1px solid #ccc; border-top:4px solid #1a3759; border-bottom:none; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -170px -530px #f2f5f7;} .issue_serial h3 a {color:#3f5c94; font-size:12px; line-height:1.3em;} .issue_serial h3 a strong {font-size:14px;} .issue_serial .cont {padding:12px 10px 17px; border:1px solid #ccc;} .issue_serial dl {margin-bottom:7px; padding-bottom:7px; border-bottom:1px solid #e1e1e1;} .issue_serial dt a {color:#666; font-size:11px; font-weight:bold; line-height:1.1em; letter-spacing:-1px;} .issue_serial dd a {padding-left:6px; color:#888; font-size:11px; line-height:1.1em; letter-spacing:-1px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -339px -87px transparent;} .issue_serial .last {margin-bottom:0; border:none;} .issue_serial p.more {height:10px; position:absolute; right:10px; bottom:12px;} .issue_serial p.more a {padding-right:6px; color:#999999; font-size:11px; letter-spacing:-1px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -306px -107px transparent;} /**************************************************************************** 2014 개편 기사뷰 : #viewWrap ****************************************************************************/ /* 기사타이틀 */ .cntWrap_view .article_title_wrap {overflow:hidden; position:relative; width:648px; margin:15px 0 8px; border:1px solid #ccc; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/bg_article_title.gif") repeat scroll 0 0 transparent;} .cntWrap_view .article_title_wrap:after {display:block; clear:both; content:"";} .cntWrap_view .article_title_wrap .top {height:27px; border-bottom:1px solid #dcdee0; background-color:#f2f3f4;} .cntWrap_view .article_title_wrap .top .category {position:absolute; left:0; top:0; text-indent:-9999px;} .cntWrap_view .article_title_wrap .top .category a {display:block; height:28px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/lnb.gif") repeat scroll transparent;} .cntWrap_view .article_title_wrap .top .category a.politics {width:134px; background-position:0 0;} .cntWrap_view .article_title_wrap .top .category a.economy {width:145px; background-position:0 -30px;} .cntWrap_view .article_title_wrap .top .category a.society {width:130px; background-position:0 -60px;} .cntWrap_view .article_title_wrap .top .category a.culture {width:245px; background-position:0 -90px;} .cntWrap_view .article_title_wrap .top .category a.science {width:245px; background-position:0 -90px;} .cntWrap_view .article_title_wrap .top .category a.international {width:205px; background-position:0 -120px;} .cntWrap_view .article_title_wrap .top .category a.sports {width:125px; background-position:0 -150px;} .cntWrap_view .article_title_wrap .top .category a.opinion {width:130px; background-position:0 -180px;} .cntWrap_view .article_title_wrap .top .article_date {float:right; padding:4px 10px 0 0; color:#666; font-size:12px;} .cntWrap_view .article_title_wrap .title {padding:30px 30px 35px; color:#000; font-size:23px; font-weight:bold; letter-spacing:-1px; line-height:1.4em;} /* 기획연재, 테마연재 [기사면] */ .sub_serialization {overflow:hidden; margin-top:30px; margin-bottom:30px;} .sub_serialization .on {display:block;} .sub_serialization .off {display:none;} .sub_serialization .tit_tab {position:relative; width:648px; height:30px; top:1px; border:1px solid #ddd; border-top:4px solid #adb5c6; border-bottom:1px solid #ccc; background-color:#eef1f4; z-index:20;} .sub_serialization .tit_tab:after {display:block; clear:both; content:"";} .sub_serialization .tit_tab li {float:left; height:33px;} .sub_serialization .tit_tab li span {display:block; position:relative; top:-4px; height:35px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 0 transparent;} .sub_serialization .tit_tab li.tab_m1 a span {width:85px; cursor:pointer; background-position:-181px -590px;} .sub_serialization .tit_tab li.tab_m1 a.on span {left:0; background-position:-1px -590px;} .sub_serialization .tit_tab li.tab_m2 a span {width:85px; cursor:pointer; background-position:-85px -590px;} .sub_serialization .tit_tab li.tab_m2 a.on span {background-position:-266px -590px;} .sub_serialization .cont {overflow:hidden; position:relative; top:-1px; width:610px; padding:17px 19px 14px; border:1px solid #ccc; border-top:none; z-index:10;} .sub_serialization .cont .CL {float:left; width:291px;} .sub_serialization .cont .CL .serial_list {float:left; width:137px; margin-right:17px;} .sub_serialization .cont .CL .serial_list h3 a {display:block; overflow:hidden; margin-bottom:4px; color:#375faf; text-align:center; font-size:14px; font-weight:bold; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap;} .sub_serialization .cont .CL .serial_list dl {width:137px; margin-bottom:5px; border-bottom:1px dotted #999;} .sub_serialization .cont .CL .serial_list dt {height:32px; margin:3px 0 5px; text-align:center;} .sub_serialization .cont .CL .serial_list dt a {display:block; color:#444; font-size:12px; font-weight:bold; letter-spacing:-1px; line-height:1.3em;} .sub_serialization .cont .CL .serial_list dd.img {display:block; width:117px; margin:0 auto; text-align:center;} .sub_serialization .cont .CL .serial_list dd.img a {display:block;} .sub_serialization .cont .CL .serial_list dd.img img {width:117px; height:80px;} .sub_serialization .cont .CL .serial_list li {padding-left:7px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -52px transparent;} .sub_serialization .cont .CL .serial_list li a {display:block; overflow:hidden; color:#666; font-size:11px; letter-spacing:0; text-overflow:ellipsis; white-space:nowrap;} .sub_serialization .cont .CL .last {margin-right:0;} .sub_serialization .cont .CR {float:right; width:285px;} .sub_serialization .cont .CR .serial_list {margin-bottom:15px;} .sub_serialization .cont .CR .serial_list h3 {padding-bottom:2px; border-bottom:1px solid #b3b3b3;} .sub_serialization .cont .CR .serial_list h3 a {color:#b82994; font-size:14px; font-weight:bold;} .sub_serialization .cont .CR .serial_list ul {padding-top:5px;} .sub_serialization .cont .CR .serial_list li {padding-left:7px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -50px transparent;} .sub_serialization .cont .CR .serial_list li a {display:block; overflow:hidden; width:273px; color:#666; font-size:13px; line-height:1.4em; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap;} /* 바이라인 */ .cntWrap_view .bline {margin-top:30px; margin-bottom:40px; } .cntWrap_view .bline .linetop {border-bottom:solid 2px #5a5a5a; padding-bottom:2px;} .cntWrap_view .bline .linetop .ltL {color:#333; font-size:14px;} .cntWrap_view .bline .linebottom { overflow: hidden; position:relative; height: 18px; top: 3px; } .cntWrap_view .bline .linebottom .lbL { float: left; } .cntWrap_view .bline .linebottom .lbL a { text-decoration: none; } .cntWrap_view .bline .linebottom .lbL li { display: inline; } .cntWrap_view .bline .linebottom .lbL li img { position: relative; top: 3px; _position: none; } .cntWrap_view .bline .linebottom .lbL .csize { bottom:3px; color:#999999; font-size:11px; font-weight:normal; left:2px; letter-spacing:-0.3px; padding-left: 2px; } .cntWrap_view .bline .linebottom .lbL .bsize { color:#e5e5e5; font-size:14px; margin:0; padding-top: 1px; vertical-align:middle; } .cntWrap_view .bline .linebottom .lbR { float: left; } .cntWrap_view .bline .linebottom .lbR li { display: inline; } .cntWrap_view .bline .linebottom .lbR li img { position: relative; _position: none; } .cntWrap_view .bline .linebottom .lbR a { text-decoration: none; } .cntWrap_view .bline .linebottom .lbR .csize { position: relative; bottom: 2px; color:#999999; font-size:11px; font-weight:normal; left:2px; letter-spacing:-0.3px; padding-left: 2px; _position: none; } .cntWrap_view .bline .linebottom .lbR .bsize { color:#e5e5e5; font-size:14px; margin:0; padding-bottom: 4px; vertical-align:middle; } /* 포토뷰 포토하단광고 */ #divBox {overflow:hidden; max-width:492px; text-align:left;} /* 투데이 포커스 */ .ad_todayFocus {margin-top:20px; margin-bottom:20px;} /* 구글텍스트 + 고정썸네일 광고 */ .ad_two {position:relative; width:100%;} .ad_two:after {display:block; clear:both; content:"";} .ad_two .ad_thum {float:left; width:200px; padding-top:30px;} /* adFlex 광고 */ .ad_adFlex {margin-bottom: 20px;} #wrapper .wing_todaynews {position:absolute; left:81px; top:545px; z-index:1200;} #ad_banner {margin-bottom:15px;} .ad_movFocus {position:relative; margin-bottom:20px;} .ad_movFocus .trans_border {display:block; width:298px; height:248px;} /* 오른쪽 영역 */ #container .aside_view {float:right; width:300px; color:#444; font-size:12px;} #container .aside_view:after {display:block; clear:both; content:"";} .aside_view .gray_box {background:none repeat scroll 0 0 #f9f9f9; border:1px solid #c7cbce;} .aside_view .gray_box.no_line {border-top:0 none;} .aside_view .gray_box .bg_white {background:none repeat scroll 0 0 #fff; padding:24px;} .aside_view .on {display:block;} .aside_view .off {display:none;} /* 베스트클릭 광고 : 서브우측 */ .aside_view .ad_bestClick {padding:0 24px;} /* 이번호기사 지난호기사 BEST */ .aside_view .bestNew {overflow:hidden; width:250px; margin-bottom:10px; padding:24px 24px 0;} .bestNew .tit_tab {position:relative; top:1px; width:250px; height:31px; margin-bottom:12px; z-index:20;} .bestNew .tit_tab:after {display:block; clear:both; content:"";} .bestNew .tit_tab li {float:left;} .bestNew .tit_tab li span {display:block; position:relative; top:-1px; height:31px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 0 transparent;} .bestNew .tit_tab li.tab_m1 a span {width:125px; background-position:0 -311px;} .bestNew .tit_tab li.tab_m1 a.on span {background-position:0 -270px;} .bestNew .tit_tab li.tab_m2 a span {width:125px; background-position:-125px -270px;} .bestNew .tit_tab li.tab_m2 a.on span {background-position:-125px -311px;} .bestNew .cnt {padding:3px;} .bestNew ol li {overflow:hidden; width:241px; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap;} .bestNew ol li a {color:#666;} .bestNew ol li.num1 a {color:#333;} .bestNew ol li strong {display:inline-block; width:20px; padding-right:3px; text-align:center; color:#000; font-size:11px; font-family:Verdana;} /* 이미지, 텍스트 기사*/ .aside_view .sub_imgSection {overflow:hidden; padding:0 24px 24px;} .sub_imgSection dl {float:left; width:250px; margin-bottom:15px;} .sub_imgSection dl img {float:left; width:65px; height:65px; margin-right:10px;} .sub_imgSection dt a {display:block; color:#555; font-size:12px; font-weight:bold; line-height:1.2em;} .sub_imgSection dd {margin-top:2px;} .sub_imgSection dd a {display:block; color:#888; font-size:11px; letter-spacing:-1px; line-height:1.3em;} .sub_imgSection .last {margin-bottom:0;} /* 필진칼럼 */ .aside_view .sub_staff_column {overflow:hidden; padding:24px;} .sub_staff_column dl img {float:left; width:90px; height:90px; margin-right:8px;} .sub_staff_column dt a {display:block; margin:2px 0 4px; color:#333; font-size:14px; font-weight:bold; line-height:1.2em; letter-spacing:-1px;} .sub_staff_column dd a {display:block; color:#888; font-size:11px; line-height:1.3em; letter-spacing:-1px;} .sub_staff_column dd.tit {color:#5274b8; font-size:11px; font-weight:bold; letter-spacing:-1px;} /* 경향 뉴스진 배너 : 서브 */ .nzine_banner_sub {padding:0 24px;} /* 아이엠애드 광고 */ .ad_imad {margin-top:20px; padding: 0 24px 10px;} /* 경향공동영역 우측 광고 추가: 수입차 명품관 20140611 IH */ .ad_thecar {position:relative; padding:25px;} /* 애드티브(기사면 하단) 광고 */ .ad_adtive {position:relative;} /* 광고정보 노출: 20150202 IH */ .ad_info_wrap {position:absolute; right:0; top:0;} .ad_info_wrap.adTwo {right:210px; top:30px;} .ad_info_i {float:right; width:16px; height:16px; cursor:pointer; background:url("http://img.khan.co.kr/spko/sub_2014/img_ad_info_i.png") no-repeat 0 0;} .ad_info_o {display:none; position:absolute; right:0; top:0; background:url("http://img.khan.co.kr/spko/sub_2014/img_ad_info_o.png") no-repeat 0 0;} .ad_info_o a {display:block; width:44px; height:16px; text-indent:-9999px;} .ad_info_wrap:hover .ad_info_o {display:block;} /* 소셜댓글 */ .aside_view .social_reply {padding:24px;} .social_reply h3 {position:relative; width:100px; height:13px; margin-bottom:11px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -200px -240px transparent;} .social_reply li {*zoom:1; padding-bottom:10px; vertical-align:top; font-size:12px; letter-spacing:-1px;} .social_reply li:after {display:block; clear:both; content:"";} .social_reply span.thumb {display:inline; overflow:hidden; float:left; width:48px; margin-right:8px;} .social_reply span.thumb img {display:block; width:48px; height:48px;} .social_reply p.txt a {display:block; padding-top:1px; color:#777; font-size:11px; line-height:1.3em;} .social_reply p.writer {display:inline-block; margin-top:1px; font-size:11px;} .social_reply span.name {color:#777; font-weight:bold;} .social_reply span.account {padding-left:5px; color:#5274b8;} .social_reply .last {padding-bottom:0;} /* 시사2판4판 / 언더그라운드넷 */ .aside_view .sub_sisa {overflow:hidden; width:250px; padding:24px;} .sub_sisa h3 {width:60px; height:12px; margin-bottom:10px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -180px transparent;} .sub_sisa h3:hover {width:60px; height:12px; margin-bottom:10px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -69px -180px transparent;} .sub_sisa li {float:left; position:relative; margin-right:10px;} .sub_sisa li img { width:120px; height:130px; vertical-align:top; } .sub_sisa li strong {z-index:2; display:block; overflow:hidden; position:absolute; left:0; bottom:5px; padding:0 5px; width:110px; max-height:30px; color:#e3e3e3; line-height:1.2em; letter-spacing:-1px;} .sub_sisa li a { display:block; cursor:pointer; } .sub_sisa li a:hover { text-decoration:none; } .sub_sisa .bg { z-index:1; position:absolute; left:0; bottom:0; _bottom:-1px; width:120px; height:40px; background:#000; opacity: 0.5; filter: alpha(opacity=50); } .sub_sisa .last {margin-right:0;} .sub_sisa .last h3 {width:90px; background-position:0 -200px;} .sub_sisa .last h3:hover {width:90px; background-position:-93px -200px;} /* 내가 본 기사 */ .aside_view .readmark {overflow:hidden; padding:0 24px 24px;} .readmark h3 {position:relative; width:100px; height:13px; margin-bottom:11px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll -100px -540px transparent;} .readmark li {width:243px; height:22px; margin-bottom:5px; padding-top:2px; padding-left:7px; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/bg_readmark.gif") no-repeat scroll 0 0 transparent;} .readmark li a {display:block; overflow:hidden; width:230px; padding-left:6px; color:#666; font-size:12px; letter-spacing:-1px; vertical-align:top; text-overflow:ellipsis; white-space:nowrap; background:url("http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png") no-repeat scroll 0 -51px transparent;} /* 라이브리 소셜위젯(기사평가버튼) : 20140617 IH */ .social_widget {display:block; float:right; margin-left:10px;} /* 우측 텍스트광고 개편 : 20141021 IH */ .ad_popularInfo {position:relative; padding:20px 24px 0; margin-top:10px;} .ad_popularInfo h3 {display:block; width:250px; height:15px; padding-bottom:7px; border-bottom:1px solid #d3d3d3; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -240px transparent;} .ad_popularInfo .ad_link {position:absolute; right:24px; top:20px; width:32px; height:14px;} .ad_popularInfo .ad_link a {display:block; width:32px; height:14px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -620px transparent;} .ad_popularInfo .cont {padding-top:13px; border-top:1px solid #fff;} #main_aside .ad_popularInfo {padding:0;} #main_aside .ad_popularInfo .ad_link {position:absolute; right:0; top:0; width:32px; height:14px;} .ad_interestInfo {position:relative; padding:24px 24px 0; margin-top:5px;} .ad_interestInfo h3 {display:block; width:250px; height:15px; padding-bottom:7px; border-bottom:1px solid #d3d3d3; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -270px transparent;} .ad_interestInfo .ad_link {position:absolute; right:24px; top:24px; width:42px; height:14px;} .ad_interestInfo .ad_link a {display:block; width:42px; height:14px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -640px transparent;} .ad_interestInfo .cont {padding-top:13px; border-top:1px solid #fff;} .ad_hotIssue {position:relative; padding:0 24px 20px; margin-top:0;} .ad_hotIssue h3 {display:block; width:120px; height:15px; margin-bottom:15px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -300px transparent;} .ad_hotIssue .ad_link {position:absolute; right:24px; top:0; width:32px; height:17px;} .ad_hotIssue .ad_link a {display:block; width:32px; height:17px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2014/imgset_right_banner.png") no-repeat scroll 0 -620px transparent;} .ad_hotIssue .cont {} /* 기자페이지 : 20150619 추가 IH */ .newsmanArea_wrap {margin-bottom:30px;} .newsmanArea {border:1px solid #aeadad;} .newsmanArea .cont {padding:10px 15px 15px; border:5px solid #e3e4e5;} .newsmanArea .name {display:inline-block;*display:inline; *float:left; margin-right:10px; color:#333; font-size:26px; letter-spacing:-1px; line-height:31px;} .newsmanArea .snslamp {display:inline-block;*display:inline; *float:left; vertical-align: text-bottom;} .newsmanArea .snslamp span {display:block; float:left; width:24px; height:24px; margin-right:5px; text-indent:-9999px;} .newsmanArea .snslamp span a {display:block; width:24px; height:24px;} .newsmanArea .snslamp .twitter {background:url("http://img.khan.co.kr/spko/sub_2014/img_snslamp_twoff.png") no-repeat scroll 0 0 transparent;} .newsmanArea .snslamp .twitter a {background:url("http://img.khan.co.kr/spko/sub_2014/img_snslamp_twon.png") no-repeat scroll 0 0 transparent;} .newsmanArea .snslamp .facebook {background:url("http://img.khan.co.kr/spko/sub_2014/img_snslamp_fboff.png") no-repeat scroll 0 0 transparent;} .newsmanArea .snslamp .facebook a {background:url("http://img.khan.co.kr/spko/sub_2014/img_snslamp_fbon.png") no-repeat scroll 0 0 transparent;} .newsmanArea .psinfo {margin-top:10px;} .newsmanArea .psinfo .email {margin-right:10px; padding-left:21px; background:url("http://img.khan.co.kr/spko/sub_2014/icon_psinfo_email.png") no-repeat scroll 0 60% transparent;} .newsmanArea .psinfo .blog a {padding-left:22px; background:url("http://img.khan.co.kr/spko/sub_2014/icon_psinfo_blog.png") no-repeat scroll 0 60% transparent;} .newsmanArea .psinfo .blog a:hover {text-decoration:none;} .newsmanArea_wrap .art_search {overflow:hidden; position:relative; height:30px; margin:15px 0 20px;} .newsmanArea_wrap .art_search .result_srch {float:right; position:relative; top:3px; margin-right:10px; color:#454545; font-size:14px;} .newsmanArea_wrap .art_search .result_srch em {color:#3f5d96; font-weight:bold;} .newsmanArea_wrap .art_search form {display:inline-block;*display:inline; float:right; width:200px;} .newsmanArea_wrap .art_search input {float:right; position:relative; top:0; left:0; width:153px; height:18px; padding:5px 35px 5px 10px; border:1px solid #c5c5c5;} @media screen and (-webkit-min-device-pixel-ratio:0) {.newsmanArea_wrap .art_search input {width:200px; height:30px;}} .newsmanArea_wrap .art_search .btn_search {position:absolute; display:block; top:0; right:0; width:30px; height:30px; padding:0; border:medium none; cursor:pointer; background-color:#3f5d96;} .newsmanArea_wrap .art_search .btn_search span {display:block; width:30px; height:30px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2014/bg_newsman_srch.png") no-repeat 0 0;} .newsmanArea_wrap .art_search legend {display:block; overflow:hidden; left:-9999px; position:absolute; width:1px; height:1px; line-height:0; text-indent:-9999px; font-size:0;} .artSrch_wrap {*zoom:1; height:32px; border-bottom:solid 1px #ddd;} .artSrch_wrap .tit {float:left; color:#000; font-size:18px;} .artSrch_wrap .tab {float:right;} .artSrch_wrap .tab a {display:block; float:left; width:44px; height:19px; margin:5px 0 0 5px; text-indent:-9999px; background:url("http://img.khan.co.kr/spko/sub_2014/sprite_newsmanSrch_sorting.png") no-repeat 0 0;} .artSrch_wrap .tab a.latest {background-position:0 0;} .artSrch_wrap .tab a.popular {background-position:-44px 0;} .artSrch_wrap .tab a.latest.on {background-position:0 -19px;} .artSrch_wrap .tab a.popular.on {background-position:-44px -19px;} /* 데이블 dable 위젯 : 20150910 추가 IH */ .widget_top_dable {float:right; padding:5px 0 20px 10px; text-align:left;} /* 기사 본문 시작할 때 노출되는 위젯 */ .widget_btm_dable {position:relative; margin-top:30px;} /* 기사 본문 하단 위젯 */ .widget_aside_dable {border-top:1px solid #ccc;} /* 우측 공통영역 위젯 */ /**************************************************************************** 푸터 : #footer ****************************************************************************/ #footer { position:relative;} #footer:after { clear: both; content: ""; display: block;} #footer .sevice_wrap { width:988px; background:none repeat scroll 0 0 #f4f4f4; border:1px solid #d9d9d9;} #footer .sevice_wrap:after { clear: both; content: ""; display: block;} #footer .sevice_wrap .bar { width:988px; height:30px; border-bottom:1px solid #cdcdcd;} #footer .sevice_wrap .bar:after { clear: both; content: ""; display: block;} #footer .sevice_wrap .bar .tit { display:block; overflow:hidden; width:95px; float:left; height:20px; margin:5px 0 0 14px; text-indent:-9999px; background:url('http://img.khan.co.kr/spko/weekly/weekly_2013/img_set.png') no-repeat scroll -100px -685px transparent;} #footer .sevice_wrap .bar .close { float:right; padding:3px 9px 0 0;} #footer .sevice_wrap .bar .close a { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -1000px transparent; display:block; width:85px; height:23px; overflow:hidden; text-indent:-9999px;} #footer .sevice_wrap .bar .close a.open { background-position:0 -1030px;} #footer .sevice_wrap .cont { width:988px; position:relative;} #footer .sevice_wrap .cont:after { clear: both; content: ""; display: block;} #footer .sevice_wrap .cont .service .depth1 { float:left; width:134px; height:133px; border-left:1px solid #d1d1d1; padding:21px 10px 21px 52px;} #footer .sevice_wrap .cont .service .depth1.first { width:134px; border-left:0 none;} #footer .sevice_wrap .cont .service .depth1 em { color:#2558cd; font-weight:bold; display:block; font-size:16px; line-height:21px;} #footer .sevice_wrap .cont .service .depth1 em.rss { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -962px transparent; padding-left:19px; margin-bottom:25px;} #footer .sevice_wrap .cont .service .depth1 em.rss a { color:#2558cd; text-decoration:none;} #footer .sevice_wrap .cont .service li ul.depth2 { width:135px; clear:both; margin-top:14px;} #footer .sevice_wrap .cont .service li ul.depth2 li { background:url("http://img.khan.co.kr/spko/main_2013/blit_gray.gif") no-repeat scroll 1px 9px transparent; margin-bottom:6px; padding-left:7px;} #footer .sevice_wrap .cont .service li ul.depth2 li.twitter { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -868px transparent; padding-left:19px;} #footer .sevice_wrap .cont .service li ul.depth2 li.facebook { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -892px transparent; padding-left:19px;} #footer .sevice_wrap .cont .service li ul.depth2 li.metoday { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -916px transparent; padding-left:19px;} #footer .sevice_wrap .cont .service li ul.depth2 li.google { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -940px transparent; padding-left:19px;} #footer .sevice_wrap .cont .service li ul.depth2 li.kakao { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll -140px -972px transparent; padding-left:19px;} #footer .sevice_wrap .cont .service li ul.depth2 li a { color:#868686; line-height:17px; font-weight:bold;} #footer .foot_info { border-top:3px solid #424951; padding:25px 0 20px;} #footer .foot_info:after { clear: both; content: ""; display: block;} #footer .foot_info a { color:#888; font-size:12px; line-height:15px;} #footer .foot_info h2 { float:left; margin:2px 70px 0 70px;} #footer .foot_info .cnt { float:left; width:755px;} #footer .foot_info .cnt .blind {display:block; overflow:hidden; left:-9999px; position:absolute; width:1px; height:1px; line-height:0; text-indent:-9999px; font-size:0;} #footer .foot_info .cnt dd.first { margin-bottom:2px;} #footer .foot_info .link span { background:url("http://img.khan.co.kr/spko/main_2013/blit_bar.gif") no-repeat scroll 2px 5px transparent; display:inline-block; padding-left:10px;} #footer .foot_info .link span.first { background:none repeat scroll 0 0 transparent; padding-left:0;} #footer .foot_info .adr { margin-top:4px; color:#888; font-size:12px;} #footer .foot_info .adr span { background:url("http://img.khan.co.kr/spko/main_2013/blit_bar.gif") no-repeat scroll 2px 5px transparent; display:inline-block; padding-left:10px;} #footer .foot_info .adr span.first { background:none repeat scroll 0 0 transparent; padding-left:0;} #footer .foot_info address { color:#aaa; float:left; font-family:Verdana, Sans-serif; font-weight:bold; font-size:11px; margin-top:6px;} #footer .foot_info address strong { color:#4d89f7;} #footer .foot_info .khRss { float:left; margin-left:5px; margin-top:2px;} #footer .foot_info .khRss a { background:url('http://img.khan.co.kr/spko/main_2013/set_common.png') no-repeat scroll 0 -964px transparent; display:block; width:14px; height:17px; overflow:hidden; text-indent:-9999px;} #footer .gotomobile {float:left; width:100%; text-align:center;} #footer .gotomobile p {display:block; overflow:hidden; position:relative; width:100%; height:130px; margin:20px 0; border:2px solid #666; border-radius:10px; background-color:#FBFBFB; background-image:linear-gradient(to bottom, #FFFFFF, #F6F6F6);} #footer .gotomobile p a {display:block;} .gotomobile {text-align:center;} /* 모바일 화면으로 보기 링크 버튼 */ /* spot : 20151008 테스트 (테스트완료되면 삭제예정) */ .spot_weekly .cont_list { float:left; overflow:hidden; position:relative;width:720px; height:410px; } .spot_weekly .cont_list li {overflow:hidden; float:left;left:0;width:108px;} .spot_weekly .cont_list img { width:504px; height:410px; vertical-align:top; } .spot_weekly .cont_list dl { z-index:2; position:absolute; left:0; bottom:0; width:690px; height:77px; margin:0; padding:8px 15px 15px; font-weight:normal; } .spot_weekly .cont_list dt { color:#333; font-size:28px; letter-spacing:-1px; font-weight:bold; } .spot_weekly .cont_list dd.txt { color:#333; font-size:14px; line-height:1.2em;} .spot_weekly .cont_list dd.prop { color:#666; font-size:11px; } .spot_weekly .cont_list dd.prop em { color:#e60012; letter-spacing:-1px; } .spot_weekly .cont_list dd.prop span { color:#FFF; } .spot_weekly .cont_list .bg { z-index:1; position:absolute; left:0; bottom:0; _bottom:-1px; width:720px; width:828px;height:100px; background:#fff; opacity: 0.5; filter: alpha(opacity=50); }