@charset 'utf-8'; @import url('base.css'); @import url('banner.css'); /* main layout */ /* layout */ #gnb { width: 100%; border-bottom: 1px solid #dbdbdb; text-align: center; z-index:1000; } #gnb .gnb-inner { overflow: hidden; width: 1080px; margin: 0 auto; padding: 14px 0 9px; text-align: left; } #hd {position: relative; width: 100%; text-align: center; z-index:1000; background-color:#fff; } #header {position: relative; width: 1080px; margin: 0 auto; text-align: center; background-color:#fff; } #header:after{ content:" "; display:block; clear:both; } #cm {position: relative; width: 1080px; margin: 0 auto; text-align: left; z-index:10; } #container { position: relative; width: 100%; margin: 0 auto; text-align: left; z-index:100; border-top:1px solid #d1d8e4;} #container:after{ content:" "; display:block; clear:both; } #footer { position: relative; clear: both; width: 100%; margin: 0 auto; text-align: center; background-color:#fff; margin-top:10px;} #gnb .gnb-inner li { float:left; font-size:11px; } #gnb .gnb-inner li a { color:#666;} #gnb .gnb-inner li.first { padding-left:0;} #gnb .gnb-inner li.last { background-image:none;} #gnb .gnb-lang { float:left;} #gnb .gnb-family { float:right;} #header-logo { background:url(http://businesspost.co.kr/images/common/line_three2.gif) repeat-x left bottom; z-index: 1002; height: 80px; } #header-logo .logo { text-align:left; padding:24px 0 10px;} /* 탑로고 스타일 */ #header-logo .section-top-title { text-align:center; padding-top:20px; font-size:30px; line-height:1.2em; color:#000;} #header-logo .header-ect { position:relative; z-index:1008;} #header-logo .header-ect li{ float:left; font-size:12px;} #header-logo .header-ect li a { color:#666;} #header-logo .top-etc {position:absolute; right:62px; bottom:14px;} #header-logo .top-etc li{ position:relative; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_bar_1x8.gif) no-repeat right 50%; padding-left:6px; padding-right:6px; height:12px; line-height:1.1em;} #header-logo .top-etc li.last { background-image:none; padding-right:0px;} #search_form { z-index: 1009;} #search_form .open_search{ position:absolute; right:5px; bottom:12px;} /* 검색 버튼 */ #search_form .form_search {position: absolute; bottom:6px; right: 0; z-index: 1010; padding-right:4px;} /* ipnut text 위치 */ #search_form .form_search.off {height:0px; } #search_form .form_search .close { position:absolute; right:-44px; /* 닫기 버튼 */} #search_form .form_search .form0{ width: 190px; height:30px; border:1px solid #c3c3c3 ;background-color: #fff; } /* 검색어 input text */ #search_form .form_search .form1{padding: 0px;} #search_form .form_search input.text{width: 150px; height: 30px; padding: 0px ; background-color: #fff; vertical-align: top; color: #333; padding-left:4px; z-index: 1011} #search_form .form_search input.button{ padding:5px;height: 19px; width: 19px; vertical-align:middle; z-index: 1011 } #search_form2 { z-index: 1009;} #search_form2 .open_search{ position:absolute; right:5px; bottom:12px;} /* 검색 버튼 */ #search_form2 .form_search {position: absolute; bottom:6px; right: 0; z-index: 1010; padding-right:4px;} /* ipnut text 위치 */ #search_form2 .form_search.off {height:0px; } #search_form2 .form_search .close { position:absolute; right:-44px; /* 닫기 버튼 */} #search_form2 .form_search .form0{ width: 250px; height:30px; border:1px solid #c3c3c3 ;background-color: #fff; } /* 검색어 input text */ #search_form2 .form_search .form1{padding: 0px;} #search_form2 .form_search input.text{width: 210px; height: 30px; padding: 0px ; background-color: #fff; vertical-align: top; color: #333; padding-left:4px; z-index: 1011} #search_form2 .form_search input.button{ padding:5px;height: 19px; width: 19px; vertical-align:middle; z-index: 1011 } #news-navi { position:relative; height:43px; border-bottom:1px solid #000000; z-index: 1001 } #news-navi ul {height:43px; } #news-navi li { float:left; vertical-align:middle; background:url(http://businesspost.co.kr/images/icon/icon_bar_1x14.gif) no-repeat right 50%; font-size:15px; letter-spacing: -0.03em;} #news-navi li.last { background-image:none; padding-right:10px; /* 전베보기 햄버거 버튼 우측여백 */} #news-navi li h3 {font-size:15px; vertical-align:middle; line-height:1.1em; padding:14px 10px 15px; /* 위 좌우 하 */ } #news-navi li h3 a { color:#000; font-size:15px; /* 기본 메뉴 폰트 컬러 */} #news-navi li.selected h3 a{border-bottom:1px solid #000000} #news-navi li.selected h3 a, #news-navi li h3 a:hover { color:#000000; /* over 폰트 컬러*/} #news-navi li.last.article-plus h3 a{ background:url(http://businesspost.co.kr/images/icon/icon_bar4.gif) no-repeat right 50%; padding-right:15px;} #news-navi li h3 .beta { position:relative;display:block;} #news-navi li h3 .beta img{ position:absolute; top:-29px; right:-19px;} #news-navi li h3 .vote {} #news-navi li h3 .vote img{ vertical-align:middle;} #news-navi .navi-menu { background-color:#fff; /* menu 컬러*/ } #news-navi .navi-menu li.selected h3{ padding:11px 12px 14px; border:1px solid #c3c3c3; border-bottom:1px solid #fff; background-color:#fff; } /* 위 오른쪽 아래 왼쪽 */ #news-navi .navi-menu li .over-list{display:; position: absolute; left:0; top:43px; background-color:#fff;padding:2px 2px 2px 2px; width:1074px; border:1px solid #c3c3c3; -webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.5);-moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.5);box-shadow: 2px 4px 4px rgba(0,0,0,0.5);z-index:-1 } #news-navi .navi-menu li .over-list ul.list { float:left; height:33px; background:url(http://businesspost.co.kr/images/icon/icon_bar_1x14.gif) repeat-y right 0; padding:0 20px;} #news-navi .navi-menu li .over-list ul.list li img { border: 1px solid #e6e6e6; } #news-navi .navi-menu li .over-list ul.list li { float:none; background-image:none; padding:0; line-height:1.4em;} #news-navi .navi-menu li .over-list ul.list li.first{ padding-top:0; } #news-navi .navi-menu li .over-list ul.list li h4{padding:11px 0 6px; font-size:14px; font-weight:normal; letter-spacing:-0.05em; border-top:1px solid #e0e0e0;} #news-navi .navi-menu li .over-list ul.list li.first h4 { padding-top:0; border-top:0;} #news-navi .navi-menu li .over-list ul.list li a{ color:#222;} #news-navi .navi-menu li .over-list ul.list01 {width:1037px; overflow:hidden;} #news-navi .navi-menu li .over-list ul.list01 li.first img, #news-navi .navi-menu li .over-list ul.list01 li.first { text-align:left; line-height:1.4em; margin-top:6px; } #news-navi .navi-menu li .over-list ul.list01 li.first h4 { font-size:12px; font-weight:bold; } /* 기업명 텍스트*/ #news-navi .navi-menu li .over-list ul.list02 {width:1037px; overflow:hidden;} #news-navi .navi-menu li .over-list ul.list02 li.first img, #news-navi .navi-menu li .over-list ul.list02 li.first { text-align:left; line-height:1.4em; margin-top:6px; } #news-navi .navi-menu li .over-list ul.list02 li.first h4 { font-size:12px; font-weight:bold; } /* 기업명 텍스트*/ .ie7 #news-navi .navi-menu li .over-list ul.list01 li.first h4, /* 더보기 오버메뉴*/ #news-navi li.article-plus.selected h3 a{border-bottom:1px solid #000} #news-navi li.article-plus.selected h3 a, #news-navi li.article-plus h3 a:hover { color:#000; /*더보기 over 폰트 컬러*/ background:url(http://businesspost.co.kr/images/icon/icon_bar4_on.gif) no-repeat right 50%;} #news-navi .navi-menu li .over-list.article-plus{ position: absolute; left:0; top:43px; background-color:#fff; margin-left:689px; padding:0; width:96px; border:1px solid #c3c3c3; -webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.5);-moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.5);box-shadow: 2px 4px 4px rgba(0,0,0,0.5);z-index:-1 } #news-navi .navi-menu li .over-list.article-plus table { position:relative; overflow:hidden;} #news-navi .navi-menu li .over-list.article-plus table tr.first th, #news-navi .navi-menu li .over-list.article-plus table tr.first td { padding-top:10px;} #news-navi .navi-menu li .over-list.article-plus table tr.last th, #news-navi .navi-menu li .over-list.article-plus table tr.last td { padding-bottom:10px;} #news-navi .navi-menu li .over-list.article-plus table a { display:inline;} #news-navi .navi-menu li .over-list.article-plus th { text-align:left; width:120px; height:20px; background-color:#000000; padding: 8px 0 8px 0px; font-size:13px; font-weight:normal; color:#000; } #news-navi .navi-menu li .over-list.article-plus th span.bar{ color:#c7c7c7; padding: 0 5px; } #news-navi .navi-menu li .over-list.article-plus th.title {_width:auto; *width:auto;} #news-navi .navi-menu li .over-list.article-plus td { text-align:left; font-size:13px; padding: 8px 0 8px 15px; } #news-navi .navi-menu li .over-list.article-plus td ul{ background:none; height:auto;} #news-navi .navi-menu li .over-list.article-plus td ul li { font-size:13px; padding:0; padding-right:10px; margin-right:10px; white-space:nowrap; } #news-navi .navi-menu li.hani_main_top_menu_sub.unselected .over-list { height:0px;padding:0px;overflow:hidden;border:0px; } #news-navi .navi-ect { position:absolute; right:0; top:0;} #news-navi .navi-ect li h3{ padding:14px 8px 13px ; /*font-size:14px;*/} #news-navi .navi-ect li.last {padding-right:0px;} #news-navi .navi-ect li h3 a { color:#222; font-size:14px;} #news-navi2 { position:relative; vertical-align:bottom; height:25px; z-index: 999; padding-top:6px; padding-left:16px; background-color:#fff; text-align:left; /* menu 컬러*/ } #contents-main {} #contents-main .category01, #contents-main .category01 a { font-size:10px; color:#000; font-weight:normal;} #contents-main .category02, #contents-main .category02 a { font-size:10px; color:#278f8e; font-weight:normal;} #contents-main .category03, #contents-main .category03 a { font-size:14px; color:#a1a1a1; font-weight:normal;} #contents-main .icon_text_video, #contents-main .icon_text_photo, #contents-main .icon_text_pictorial, #contents-main .icon_text_story, #contents-main .icon_text_podcast, #contents-main .icon_text_link{ vertical-align:middle; margin-left:5px;} #contents-main .icon_solo { position:absolute; top:1px; left:1px; display:block; height:28px; background-color:#f35213; color:#fff; font-size:17px; font-weight:bold; padding: 8px 8px 0 8px; white-space: nowrap; } #contents-main .icon_share { background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_share_article.png) no-repeat 0 0; padding-left:15px; margin-left:5px; color:#555; font-size:11px;letter-spacing:-1px; } #contents-main .article-photo { position:relative;} #contents-main .article-photo .icon_photo_photo { position:absolute; bottom:1px; right:1px; display:block; margin:0; border:0; } #contents-main .article-photo .icon_photo_pictorial { position:absolute; bottom:1px; right:1px; display:block; margin:0; border:0; } #contents-main .article-photo .icon_photo_story { position:absolute; bottom:1px; right:1px; display:block; margin:0; border:0; } #contents-main .article-photo .icon_photo_video { position:absolute; bottom:1px; right:1px; display:block; margin:0; border:0; } #contents-main .article-photo .icon_photo_podcast { position:absolute; bottom:1px; right:1px; display:block; margin:0; border:0; } #contents-main .article-photo .icon_photo_play { position:absolute; bottom:10px; left:10px; display:block; margin:0; border:0; } #contents-main .only-txt { color:#f35213; padding-right:5px;} #contents-main .section-title { border-top:2px solid #000; height:25px; padding-top:10px; color:#000; font-size:15px;} #contents-main .section-title a {color:#000; font-size:15px;} #contents-main .main-ad-300X250 { padding:20px 0 20px; } #main-top{ } #main-top:after{ content:" "; display:block; clear:both; } #main-top .article-photo img {border:1px solid #dddddd;} #main-top .article-photo a { display:block;} #main-top.type1 .main-top {float:left; margin-top:10px; width:713px; } #main-top.type1 .photo_area .section-title { height:2px;} /* #main-top.type1 .main-top{float:left; width:643px; margin-right:13px;position:relative;} #main-top.type1 .main-top .main-top-article {float:left; width:643px; background:url(http://businesspost.me/images/common/line_two.gif) repeat-x 0 94%; background-color:#FFFFFF; padding-bottom:32px; } #main-top.type1 .main-top .main-top01 {float:left; width:362px;} #main-top.type1 .photo_area .section-title { height:2px;} */ /* #main-top.type1 .main-top .main-top02 img.img_photo2-1 { width:256px; margin-bottom: 10px;} */ #main-top.type1 .main-top{float:left; width:755px; position:relative; } /* ================ 탑기사 ====================== */ #main-top.type1 .main-top .main-top-article {width:713px; border:1px solid #c3c3c3; float:left; background-color:#FFFFFF; padding:10px 16px 0px 16px; } /* 탑 박스 / 위 오른쪽 아래 왼쪽 */ #main-top .main-top-article .article-title { } #main-top .main-top-article .article-title2 { color:#000; font-size:20px; font-weight:bold; letter-spacing:-0.1em; line-height:1.2em; padding-bottom: 5px; padding-top: 5px; } #main-top .main-top-article .article-title3 { color:#000; font-size:20px; font-weight:bold; letter-spacing:-0.1em; line-height:1.2em; padding-bottom: 11px; padding-top: 5px; } #main-top .main-top-article .article-prologue { } #main-top.type1 .main-top .main-top01 {float:left; margin-bottom:6px; width:416px; } #main-top.type1 .main-top .main-top01 .article-photo img { width:400px; height:178px; margin-top: 6px; } /* 탑1 이미지 사이즈 */ #main-top.type1 .main-top .main-top01 .article-title { color:#000; font-size:25.5px; font-weight:bold; letter-spacing:-0.05em; line-height:1.4em; padding-bottom: 0px; padding-top: 14px; padding-right: 5px;} /* 탑1 이미지 사이즈 */ #main-top.type1 .main-top .main-top01 .article-prologue { line-height:1.5em; font-size:12px; color:#858484; margin-top:12px; margin-bottom:10px; margin-right:10px; } /* 탑1 제목 텍스트 */ #main-top.type1 .main-top .main-top04 {float:right; width:290px;} */ #main-top.type1 .main-top .main-top04 .article02.first { margin-top:6px; } /* 탑2~4 본문 텍스트 */ #main-top.type1 .main-top .main-top04 .article02 .article-title { line-height:1.5em; font-size:17px; color:#666; margin-bottom:0px; padding-bottom:0px; margin-top:0px;} /* 탑2~4 제목 텍스트 */ #main-top.type1 .main-top .main-top04 .article02.first .article-title { line-height:1.5em; font-size:17px; color:#666; margin-top:6px; padding-top:0px; } /* 탑2~4 제목 텍스트 */ #main-top.type1 .main-top .main-top04 .article-prologue { line-height:1.5em; font-size:12px; color:#858484; margin-top:6px; margin-bottom:10px; } /* 탑2~4 본문 텍스트 */ #contents-main .article02 { position:relative; overflow:hidden; padding:12px 0 0px; border-top:1px solid #e4e4e4; min-height:30px; display:table} #contents-main .article02 .article-area{display:table-cell; vertical-align:top;} #contents-main .article02 .article-title, #contents-main .article03 .article-title{font-size:16px; color:#222; letter-spacing:-1px; line-height:1.3em; margin-top:0px;} #contents-main .article02 .article-photo, #contents-main .article03 .article-photo {display:block;} #contents-main .article02.first { padding:0 0 0px; border-top:0;} /* ================ 주요기사 ====================== */ #main-top.type1 .main-top .main-top01 .box1 {width:390px; border:1px solid #c3c3c3; float:left; background-color:#FFFFFF; padding:10px 16px 10px 16px; margin-top:10px} /* 주요기사영역 */ #main-top.type1 .main-top .main-top01 .box1 .article01 .article-title { line-height:1.5em; font-size:17px; margin-top:0px; padding-top:4px; } /* 제목 텍스트 */ #main-top.type1 .main-top .main-top01 .box1 .article01 .img_photo1-1 { width:186px; height:124px;} /* 중요기사 이미지 */ #main-top.type1 .main-top .main-top01 .box1 .article01 .article-prologue2 { font-size:13px; color:inherit; margin-top:10px; line-height:1.6em; } #main-top.type1 .main-top .main-top01 .box1 .article01 .paging { position:relative; height:65px; text-align:center; margin-left:0px; } /* ================ main top ====================== */ #main-top .article01 { position:relative; overflow:hidden; padding:17px 0 10px; border-top:1px solid #e4e4e4} #main-top .article01.first { padding:0 0 10px; border-top:0;} #main-top .article01 .article-area { display:block; overflow:hidden;} #main-top .article01 .article-title{ overflow:hidden; font-size:17px; color:#222; margin-bottom:5px;letter-spacing:-0.05em; line-height:1.2em;} #main-top .article01 .article-photo {float:left; display:block;} #main-top .article01 .article-photo img{margin-right:10px; margin-bottom:8px;} #main-top .article01 .article-prologue {font-size:13px; color:#666; padding-right:0px;} #main-top .article01 .article-prologue a {color:#666;} #main-top .article01 .more-article { overflow:hidden; margin-top:10px;} #main-top .article01 .more-article li { background:url(http://www.businesspost.co.kr/images/common/icon_more_article.png) no-repeat 0 0; padding-left:12px; padding-bottom:5px; line-height:1.3em;} #main-top .article01 .more-article li a{ color:#666; font-size:13px;} #main-top .article01.list a{ padding-bottom:10px;} #main-top .article01.list a .article-title { letter-spacing:-1px;} #main-top .article01 img.img_photo1-2 { width:420px;height:251px;} #main-top .article01 img.img_photo1-3 { width:298px;height:178px;} /* 지난탑기사 */ #main-top.type1 .main-top .main-top02 {position:relative; width:301px; border:1px solid #c3c3c3; float:left; background-color:#FFFFFF; padding:10px 0px 10px 10px; margin-top:10px; margin-left:18px; } /* 위 오른쪽 아래 왼쪽 */ /* #main-top.type1 .main-top .main-top02 .article04 { } */ #contents-main .article02 img.img_photo2-1 { width:268px; margin-bottom: 4px;} #main-top.type1 .main-top .main-top02 h5{padding:6px 0 0px; font-size:14px; font-weight:bold; } /* 섹션별 톱기사 영역 */ #main-top.type1 .main-top .main-top02 h6 { border-top:2px solid #000; height:35px; padding-top:10px; color:#000; font-size:17px;} #main-top.type1 .main-top .main-top02 h4{padding:6px 0 0px; font-size:16px; font-weight:bold; margin-bottom:10px;} /* who is */ #contents-main .main-top02 .article-opinion { } #contents-main .main-top02 .article-opinion .article-right { } #contents-main .main-top02 .article-opinion .section-title3 { border-bottom:2px solid #000; height:25px; padding-top:10px; color:#000; font-size:15px; margin-right:10px; margin-bottom:10px;} #contents-main .main-top02 .article-opinion .article-right .article-title { font-size:15px; color:#222; letter-spacing:-1px; line-height:1.3em; margin-bottom:0px;} #contents-main .main-top02 .article-opinion .article-right .article-photo img { width:100px; } /* who is 이미지 */ /* 섹션별 탑 */ #contents-main .main-top02 .article-section { } #contents-main .main-top02 .article-section .article-right .article-title { font-size:15px; color:#222; letter-spacing:-1px; line-height:1.3em;} #contents-main .main-top02 .article-section .article-right .article-photo img { width:289px; margin-bottom:10px; } /* who is 이미지 */ #contents-main .main-top02 .article-section .article-right .article-area .category2 { display:block; font-size:14px; font-color:#666666; font-weight:bold; line-height:2.0em; letter-spacing:0px; } #contents-main .main-top02 .article-section .article-right .article-area .section-title3 {display:block; border-bottom:2px solid #000; height:25px; width:300px; padding-top:5px; margin-bottom:16px; color:#000; font-size:17px;} #contents-main .main-top02 .article-section .article-right .more-article { overflow:hidden; margin-top:2px;} #contents-main .main-top02 .article-section .article-right .more-article li { background:url(http://www.businesspost.co.kr/images/common/icon_more_article.png) no-repeat 0 0; padding-left:12px; padding-bottom:5px; line-height:1.3em;} #contents-main .main-top02 .article-section .article-right .more-article li a{ color:#666; font-size:13px;} /* sub 탑 */ #contents-main .main-top02 .article-section .article-right .category3 { display:block; font-size:14px; font-color:#666666; font-weight:bold; line-height:2.0em; letter-spacing:0px; } #contents-main .main-top02 .article-section .article-right .more-article-sub { overflow:hidden; margin-top:2px;} #contents-main .main-top02 .article-section .article-right .more-article-sub li {padding-bottom:6px; line-height:1.3em; letter-spacing:-1.5px; font-color:#000000;} #contents-main .main-top02 .article-section .article-right .more-article-sub li a{ color:#000; font-size:13px; line-height:1.3em;} /* 기사 */ #contents-main .article-right .category3 { display:block; font-size:14px; font-color:#000000; font-weight:normal; } /* 인기뉴스 */ #contents-main .main-top02 .article-section .article-right .section-title2 { border-bottom:2px solid #000; height:25px; padding-top:5px; margin-bottom:16px; color:#000; font-size:17px;} /* Editor's Choice */ #contents-main .main-top03 .article-bestnews {float:right; width:305px; margin-top:10px; background-color:#FFFFFF; border:1px solid #c3c3c3; padding:10px 8px 10px 8px;} #contents-main .main-top03 .article-bestnews .article-area {padding:1px 0px 1px 0px;} #contents-main .article-right .category2 { display:block; font-size:12px; font-color:#000000; font-weight:normal; letter-spacing:-1px; line-height:1.5em; } /* 인기뉴스 */ /* 배너1 */ #contents-main .main-top03 .article-banner1 {float:right; padding:10px 0px 0px 0px; } #contents-main .article-banner2 {padding:10px 0px 0px 0px; } #contents-main .main-top03 .article-banner3 {position:relative; float:right; width:321px; height:560px; margin-top:10px; background-color:#FFFFFF; border:1px solid #c3c3c3; padding:0px 0px 0px 0px;} /* 동영상뉴스 */ #contents-main .article-movenews {float:right; width:289px; margin-top:10px; background-color:#FFFFFF; border:1px solid #c3c3c3; padding:10px 16px 10px 16px;;} /* 배너1 */ #contents-main .article-movenews .article03 img.img_photo {width:125px;} /* 탑2,3 이미지 */ #contents-main .main-top03 .article-movenews .article-title {font-size:17px; color:#222; letter-spacing:-1px; line-height:1.3em; margin-bottom:10px;} #contents-main .main-top03 .article-movenews .category { display:block; font-size:12px; color:#000000; font-weight:normal; margin-top:0px; padding:0; line-height:1.3em; } /* 오피니언 */ #section-all .section-all-right .article-opinion {float:right; width:289px; padding-bottom:10px; background-color:#FFFFFF; border:1px solid #c3c3c3; padding:10px 16px 10px 16px;} #section-all .section-all-right .article-opinion. .article-right .article-area .article-title { font-size:167px; color:#222; padding-top:3px; line-height:1.3em; min-height:44px; letter-spacing: -0.05em;} /* 100인 */ #section-all .article-100 {position:relative; width:1032px; margin-top:10px; margin-bottom:10px; padding-bottom:10px; background-color:#FFFFFF; border:1px solid #c3c3c3; padding:10px 0px 10px 60px;} #section-all .right-100 {float:right; width:289px; margin-top:10px; background-color:#FFFFFF; border:1px solid #c3c3c3; padding:10px 16px 10px 16px;} #contents-main .article03.first { padding:0 0 6px;} #contents-main .category { display:block; font-size:12px; color:#999; font-weight:normal; margin-top:0px; padding:0; line-height:1.3em; } #contents-main .category a { color:#999} #contents-main .article02 .article-area .category { padding-bottom:5px; } #contents-main .article03 .article-area .category { padding-bottom:5px; } #contents-main .article02.first .article-area .category { margin:0;} #contents-main .article03.first .article-area .category { margin:0;} #contents-main .photo_area .article03 { position:relative; overflow:hidden; padding:15px 0 15px; border-top: 1px solid #e4e4e4;} #contents-main .photo_area .article03.first { border-top:0; padding-top:0;} #contents-main .photo_area .article03 img.img_photo { width:298px;height:178px;} /* 탑2,3 이미지 */ #contents-main .article-opinion {} #contents-main .article-right { position:relative; overflow:hidden; padding:10px 0; border-top:1px dotted #a7a7a7; margin-right:10px;} #contents-main .article-right.first {border-top:0;} #contents-main .article-right .article-title{ font-size:14px; color:#222; line-height:1.3em; padding: 3px 0 2px; } #contents-main .article-right .category { display:block; font-size:13px; color:#999; font-weight:normal; padding-bottom:4px;} /* who is 사람명 */ #contents-main .article-right .category a { color:#999} #contents-main .article-right .article-photo {float:right; display:block;} #contents-main .article-right .article-photo img { margin-left:10px;border:1px solid #dddddd;} #contents-main .article-right .num { float:left; display:block; width:24px; height:35px; font-size:13px; color:#666; font-family:Arial; padding-top:2px;} #contents-main .article-right .num2 { float:left; display:block; width:24px; height:30px;font-size:13px; color:#666; font-family:Arial;} #contents-main .article-popularity .article-right .article-title { display:table} #contents-main .article-serial .article-right .article-photo img { width:120px; } #contents-main .article-bestnews {padding-bottom:20px; font-size:12px; color:#686868; } /* 인기기사 */ #contents-main .article-bestnews li.hotfont {font-size:15px; color:#c90109; } /* 인기기사 */ /* #contents-main .scroll-area { border: 1px solid #ececec; background-color:#fdfdfd; margin-top:10px; height:20px; } #contents-main .scroll-area .icon-scroll{ display:block; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_aw_scroll.gif) no-repeat 50% 50%; width:100%; height:20px; text-indent:-999px; overflow:hidden } */ #contents-main .article-pot {position:relative; padding-bottom:20px;} #contents-main .article-pot .pot-box {position:relative; background-color:#f5f6fa; padding:25px 0 20px; margin: 0 auto;text-align:center; } #contents-main .article-pot .pot-box .slide_box { position:relative; overflow:hidden; width:214px; height:265px; margin: 0 auto;text-align:center; background-color:#fff; } #contents-main .article-pot .pot-box .article-area { position:relative; background-color:#fff; text-align:center; padding:7px; width:200px;} #contents-main .article-pot .pot-box .article-area .article-photo { position:relative; padding-bottom:15px;} #contents-main .article-pot .pot-box .article-area .article-photo img {width: 198px; height: 118px; } #contents-main .article-pot .pot-box .article-area .icon-podcast { display:block; padding:15px 0 10px;} #contents-main .article-pot .pot-box .article-area .article-title {font-size: 15px; padding:0 5px 15px;} /* #contents-main .article-pot .btn-left { position:absolute; top:45%; left:15px; display:block; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_noti_left.gif) no-repeat 0 0; #contents-main .article-pot .btn-right { position:absolute; top:45%; right:15px; display:block; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_noti_right.gif) no-repeat 0 0; #media-all { position:relative; overflow:hidden; padding-bottom:40px; background:url(http://img.hani.co.kr/section-image/15/hani/images/common/line_two.gif) repeat-x 0 0; } #media-all .section-more a{ position:absolute; right:0; top:14px; display:block; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_plus_article.png) no-repeat; width:14px; height:14px; } #section-all .section-more a{ position:absolute; right:0; top:14px; display:block; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_plus_article.png) no-repeat; width:14px; height:14px; } #section-all .article-notice .notice-bn .btn-left { position:absolute; top:47px; left:5px; display:block; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_noti_left.gif) no-repeat 0 0; width:14px; height:27px; opacity:0.5;filter: alpha(opacity=50);} #section-all .article-notice .notice-bn .btn-right { position:absolute; top:47px; right:5px; display:block; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_noti_right.gif) no-repeat 0 0; width:14px; height:27px; opacity:0.5;filter: alpha(opacity=50);} */ background-size:9px 17px; width:9px; height:17px; opacity:0.2;filter: alpha(opacity=50);} #contents-main .article-pot .btn-left:hover { display:block; opacity:1;} background-size:9px 17px;width:9px; height:17px; opacity:0.2;filter: alpha(opacity=50);} #contents-main .article-pot .btn-right:hover { display:block; opacity:1;} #contents-main .article-pot p { text-align:right; color:#909090; margin-right:43px;} #contents-main .article-pot hr.line {display: block; padding: 0;border: 0; border-top: 1px solid #57c7c8; margin: 10px auto 15px; width: 14px; box-sizing: border-box; } #media-all .section-media-title {font-size:17px; color:#000; height:27px; padding-top:14px; letter-spacing: -0.05em;} #media-all .section-media .media01 , #media-all .section-media .media02 , #media-all .section-media .media03 , #media-all .section-media .media04, #media-all .section-media .media05 { float:left; border:1px solid #ddd} #media-all .section-media a { color:#a1a1a1;} #media-all .section-media .media01 { background-color:#333333;width:641px; height:385px; margin-right:11px; position:relative;} #media-all .section-media .media02 { background-color:#333333;width:314px; height:385px; } #media-all .section-media .media03 { background-color:#333333;width:314px; height:266px; margin-top:10px; margin-right:11px;} #media-all .section-media .media04 { background-color:#333333;width:314px; height:266px; margin-top:10px;margin-right:11px;} #media-all .section-media .media05 { background-color:#333333;width:314px; height:266px;margin-top:10px;} #media-all .section-media .media01 a img.img_photo {width:641px;height:385px;} #media-all .section-media .media02 a img.img_photo, #media-all .section-media .media03 a img.img_photo, #media-all .section-media .media04 a img.img_photo, #media-all .section-media .media05 a img.img_photo {width:314px;height:189px;} #media-all .section-media .media-title{ font-size:17px; color:#FFF; padding:15px 15px 0; line-height:1.4em; letter-spacing: -0.03em;} #media-all .section-media .media-title a{color:#FFF;} #media-all .section-media .media-title .category03 a { font-size:14px; color:#a1a1a1; font-weight:normal;} #media-all .section-media .media-title .icon_media_photo{margin:0 7px 3px 0; vertical-align:middle} #media-all .section-media .media-title .icon_media_pictorial{margin:0 7px 3px 0; vertical-align:middle} #media-all .section-media .media-title .icon_media_video{margin:0 7px 0 0; vertical-align:middle} #media-all .section-media .media-title .icon_media_story{margin:0 7px 2px 0; vertical-align:middle} #media-all .section-media .media-title .icon_media_podcast{margin:0 7px 3px 0; vertical-align:middle} #media-all .section-media .media-prologue{ font-size:12px; color:#a1a1a1; padding:10px 15px 15px;} #media-all .section-media .media-prologue a {color:#a1a1a1;} #media-all .section-media .media01 .bigimg-Desc { position:absolute; left:0; bottom: 0px; width: 641px; } #media-all .section-media .media01 .text_over { overflow: hidden; zoom: 1;position: relative;z-index: 2;} #media-all .section-media .media01 .shadow { width:100%; height:100%;position:absolute; left:0; bottom: 0px; background-color: #000; opacity: 0.8; filter: alpha(opacity=80);} /* ================ 하단 왼쪽 일반기사 ====================== */ #section-all { position:relative; overflow:hidden; } #section-all .section-all-left { width:643px; float:left; position:relative; } #section-all .section-all-left .section-title2 { border-bottom:2px solid #000; height:25px; padding-top:10px; color:#000; font-size:17px;} #section-all .section-all-left img {border:1px solid #dddddd;} #section-all .section-all-right {width:300px; float:right} /* ================ 하단 오른쪽 일반기사 ====================== */ #section-all .section-all-right {float:right; width:289px; padding-left:14px; margin-top:10px;position:relative; } #section-all .section-all-right .section-title .blank-top { position:absolute; top:-10px; left:-3px; width:1px; height:10px; background-color:#fff;} #section-all .section-all-right .section-title2 { border-bottom:2px solid #000; height:25px; padding-top:10px; color:#000; font-size:15px;} #main-top.type1 .main-top03 .section-title2 { border-bottom:2px solid #000; height:25px; padding-top:10px; color:#000; font-size:15px;} #section-all .section-arae {position:relative; overflow:hidden; padding-bottom:19px;} #section-all .section-title,#section-all .section-title a {font-size:17px; color:#000; height:29px; padding-top:11px; letter-spacing:-0.05em;} #section-all .section-arae .category { display:block; font-size:12px; color: #777; font-weight:normal; margin-top:10px;} #section-all .section-arae .section-article-title { font-size:17px; color:#222; padding-top:3px; line-height:1.3em; min-height:44px; letter-spacing: -0.05em;} #section-all .section-arae .section-prologue { font-size:12px; color:#666; padding-top:7px; } #section-all .section-arae .section-prologue a { color:#666;} #section-all .section-arae.type02 { width:713px; border:1px solid #c3c3c3; float:left; background-color:#FFFFFF; padding:10px 16px 10px 16px; margin-top:10px; } #section-all .section-arae.type02 .section-article-area { padding-top:10px; padding-bottom:0; background-color:000000; } #section-all .section-arae.type02 .line { border-bottom:1px solid #e6e6e6; background-color:#FFFFFF; height:20px; margin-bottom:0px;} #section-all .section-arae.type02 .section-article01 { float:left; width:743px; background-color:#FFFFFF } #section-all .section-arae.type02 .section-article01 { position:relative; overflow:hidden; background:url(/images/common/main_section_bg3.gif) repeat-y left top; padding-bottom:10px; } #section-all .section-arae.type02 .section-article01 h4{padding:6px 0 0px; font-size:15px; font-weight:bold; } #section-all .section-arae.type02 .section-article01 h6{ font-size:14px; font-weight:bold; } #contents-main .article04 { position:relative; overflow:hidden; padding:15px 0 0px; border-top:1px solid #e4e4e4; min-height:0px; display:table} #section-all .section-arae.type02 .section-article01 .line1{ width: 100%; border-bottom: 1px dotted #a7a7a7; padding:0px 0 38px;} #section-all .section-arae.type01 { width:713px; border:1px solid #c3c3c3; float:left; background-color:#FFFFFF; padding:10px 16px 10px 16px; margin-top:10px; } #section-all .section-arae.type01 .section-article01 { position:relative; overflow:hidden; background:url(/images/common/main_section_bg2.gif) repeat-y left top; padding-bottom:10px; } #section-all .section-arae.type01 .section-article02 { float:left; width:200px; } #section-all .section-arae.type01 .section-article03 { float:right; width:190px; } #section-all .section-arae.type01 .text-group li{display:table; border-top: 1px solid #e6e6e6; padding:7px 0 10px; width:190px;} #section-all .section-arae.type01 .text-group li .article-area{ display:table-cell;vertical-align:middle; } /* #section-all .section-arae .section-article-area { position:relative; overflow:hidden; background:url(/images/common/main_section_bg2.gif) repeat-y left top; padding-bottom:10px; } */ #section-all .section-arae .section-article-area a img.img_photo1 {width:421px;height:251px;border:1px solid #dddddd;} #section-all .section-arae .section-article-area a img.img_photo2 {width:198px;height:118px;border:1px solid #dddddd;} #section-all .section-arae .section-article-area .section-article-random.section-article01 .section-prologue {display:none;} #section-all .section-arae.type02 .section-article02 { float:right;width:200px; min-height:300px;} #section-all .section-arae.type02 .section-article03 { float:left; width:190px; margin-right:37px; } #section-all .section-arae.type02 .section-article04 { float:left; width:190px; } #section-all .section-arae.type02 .section-article05 { float:right;width:200px;} #section-all .section-arae.type02 .section-article01 .section-article-title { min-height:0; } #section-all .section-arae.type02 .category {} #section-all .section-arae.type02 .section-article-title { min-height:0; padding-top:3px; } #section-all .section-arae.type02 .text-group li{border-top: 1px solid #e6e6e6; padding:7px 0 0; min-height:86px;} #section-all .section-arae.type02 .text-group li.first .category {padding-top:0; } #section-all .section-arae .text-group .section-article-title { min-height:0; } #section-all .section-arae .text-group li.first { border:0; padding-top:0;} /*20160513*/ #section-all .section-arae.type03 .section-article-area { position:relative; min-height:270px;} #section-all .section-arae.type03 .section-article01 { position:absolute; left:0px; top:0; width:200px; height:268px;} #section-all .section-arae.type03 .section-article02 { position:absolute; left:221px; top:0; width:200px; height:268px; } #section-all .section-arae.type03 .section-article03 { position:absolute; left:453px; top:0; width:190px; overflow:hidden} #section-all .section-arae.type03 .section-article04 { position:absolute; left:453px; top:90px; width:190px; border-top: 1px solid #e6e6e6; padding:7px 0 0; overflow:hidden} #section-all .section-arae.type03 .section-article05 { position:absolute; left:453px; top:180px; width:190px; border-top: 1px solid #e6e6e6; padding:7px 0 0; overflow:hidden} #section-all .section-arae.type03 .section-article03 .section-article-title, #section-all .section-arae.type03 .section-article04 .section-article-title, #section-all .section-arae.type03 .section-article05 .section-article-title {max-height:40px; overflow:hidden} #section-all .section-arae.type03 .section-article03 p, #section-all .section-arae.type03 .section-article04 p, #section-all .section-arae.type03 .section-article05 p, #section-all .section-arae.type03 .section-article03 img, #section-all .section-arae.type03 .section-article04 img, #section-all .section-arae.type03 .section-article05 img { display:none;} #section-all .section-all-right .section-title{ border-top:2px solid #dbdbdb} #section-all .section-all-right .photo_area .section-title { height:0; padding-top:10px;} #section-all .article-notice { position:relative; margin:20px 0 10px;} #section-all .article-notice ul{ position:relative; overflow:hidden;} #section-all .article-notice li{ font-size:14px; border-bottom:1px dotted #a7a7a7; padding:9px 0; } #section-all .article-notice .notice-bn { margin:20px 0; position:relative; overflow:hidden; } #section-all .article-notice .notice-bn .slide_box { position:relative; overflow:hidden; height:120px; width:300px; } #section-all .article-notice .notice-bn .slide_part { position:absolute; top: 0px; } #section-all .article-notice .notice-bn .slide_part img { width:300px;height:120px; } #section-all .article-notice .notice-bn img { border:0;} #section-all .article-notice .notice-bn .btn-left:hover { display:block; width:14px; height:27px;opacity:1;} #section-all .article-notice .notice-bn .btn-right:hover { display:block; width:14px; height:27px; opacity:1;} #section-all .article-notice .notice-bn p { text-align:right; color:#909090} #contents-main .main-top03 .article-humans {float:right; width:289px; margin-top:10px; background-color:#FFFFFF; border:1px solid #c3c3c3; padding:10px 16px 0px 16px;} /* 위 오른쪽 아래 왼쪽 */ #contents-main .article-humans {padding-bottom:20px; font-size:12px; color:#686868; margin-bottom:10px;} /* who is */ #contents-main .main-top03 .whois {float:right; width:289px; margin-top:10px; padding-bottom:10px; background-color:#FFFFFF; border:1px solid #c3c3c3; padding:10px 16px 7px 16px;} #contents-main .main-top03 .whois .article-right .article-photo img { width:104px; } /* who is 이미지 */