@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: 1200px; 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: 1200px; margin: 0 auto; text-align: center;  background-color:#fff; }
#header:after{ content:" "; display:block; clear:both; }

#cm {position: relative; width: 1200px; 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:0px;}

#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;}   
#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; } 
#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;}   
#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; } 
#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:1194px; 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:1157px; 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;  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;   }

#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 .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; width:823px; }
#main-top.type1 .photo_area .section-title { height:2px;}



#main-top.type1 .main-top .main-top-article {width:803px; border:1px solid #c3c3c3; float:left; background-color:#FFFFFF; padding:10px 16px 0px 16px; }

#main-top.type1 .main-top .main-top-article2 {width:803px; border:1px solid #c3c3c3; float:left; background-color:#FFFFFF; padding:10px 16px 0px 16px; margin-top:10px;} 

#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: 0px; 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; width:803px; margin-bottom:6px;}
#main-top.type1 .main-top .main-top01 .article-photo img { width:670px; height:350px; margin-top: 16px; margin-left: 20px; } 
#main-top.type1 .main-top .main-top01 .article-title { text-align:center; color:#000; font-size:34px; font-weight:bold; letter-spacing:-0.1em; line-height:1.2em; padding-bottom: 0px; padding-top: 10px; } 
#main-top.type1 .main-top .main-top01 .article-title2 {text-align:center; font-size:17px; font-weight:normal; margin-top:3px; line-height:1.5em; } 
#main-top.type1 .main-top .main-top01 .article-prologue { line-height:1.5em; font-size:12px; color:#858484; margin-top:10px; margin-bottom:10px; } 
/* ================ 동영상 리스트 ====================== */
#main-top.type1 .main-top .main-top-article5 {width:803px; border:1px solid #c3c3c3; float:left; background-color:#ededed; padding:5px 16px 0px 16px; min-height:700px;}
#main-top.type1 .main-top .main-top-channel {width:745px; border:1px solid #c3c3c3; float:left; background-color:#FFFFFF; margin-top:0px; min-height:300px; margin-bottom:10px;} 
#main-top.type1 .main-top .main-top06 {float:left; width:803px; margin-top:0px;}
#main-top.type1 .main-top .main-top06 .list{ position:relative; overflow:hidden; padding:20px 0 20px; border-bottom:1px solid #c3c3c3}
#main-top.type1 .main-top .main-top06 .list.first { padding:0 0 20px; border-bottom:1px solid #c3c3c3}
#main-top.type1 .main-top .main-top06 .article-area { display:block; overflow:hidden;}
#main-top.type1 .main-top .main-top06 .article-title{ font-size:18px; color:#222; margin-top:0px; margin-bottom:0px; letter-spacing:-0.05em; line-height:1.2em;}
#main-top.type1 .main-top .main-top06 .category { position:relative; overflow:hidden;  text-align:left; font-size:17px; color: #000;  font-weight:bold; padding-top: 5px; width:800px; float:left; margin-left:150px; }
#main-top.type1 .main-top .main-top06 .paging { display:block; overflow:hidden; position:relative; text-align:center; margin-top:20px; width:790px; margin-left:0px; margin-bottom:20px;}

 /* ================ 동영상기사 리스트 ====================== */
#main-top.type1 .main-top .main-top-article3 {width:803px; border:1px solid #c3c3c3; float:left; background-color:#ffffff; padding:10px 16px 0px 16px; min-height:840px;}

/* ================ 2단 동영상기사 리스트 ====================== */
#main-top.type1 .main-top .main-top05 {float:left; width:381px; border:1px solid #c3c3c3; float:left; background-color:#FFFFFF; padding:10px 16px 0px 16px; margin-top:10px; min-height:840px; }
#main-top.type1 .main-top .main-top05 .list{ position:relative; overflow:hidden; padding:20px 0 20px; border-bottom:1px solid #f1f1f1}
#main-top.type1 .main-top .main-top05 .list.first { padding:0 0 20px;}
#main-top.type1 .main-top .main-top05 .article-area { display:block; overflow:hidden;}
#main-top.type1 .main-top .main-top05 .article-title{ float:left; font-size:16px; color:#222; margin-top:0px; margin-bottom:10px; letter-spacing:-0.05em; line-height:1.2em;}
#main-top.type1 .main-top .main-top05 .category { display:block; font-size:12px; color: #777;  font-weight:normal; padding-top: 5px; }
#main-top.type1 .main-top .main-top05 .category a {color: #777;}
#main-top.type1 .main-top .main-top05 .paging { display:block; overflow:hidden; position:relative; text-align:center; margin-top:20px; width:390px; margin-left:0px; margin-bottom:20px;}

/* ================ 2단 오른쪽 ====================== */
#main-top.type1 .main-top .main-top02 {position:relative; width:311px; border:1px solid #c3c3c3; float:left; background-color:#FFFFFF; padding:10px 0px 10px 10px; margin-top:10px; margin-left:10px;}

/* ================ 二쇱슂湲곗궗 ====================== */
#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 ====================== */

#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 .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-top03 .whois {float:right; width:328px; margin-top:10px; padding-bottom:10px; background-color:#FFFFFF; border:1px solid #c3c3c3;  padding:10px 12px 7px 12px;}
#contents-main .main-top03 .whois .article-right { position:relative; background-color:#fff; width:328px; }
#contents-main .main-top03 .whois .article-right .article-photo img { width:104px; } /* who is 이미지 */

/* �꽮�뀡蹂� �깙 */
#contents-main .main-top02 .article-section .article-right { }
#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 .category2 { width:337px; display:block; font-size:14px; font-color:#666666; font-weight:bold; line-height:2.0em; letter-spacing:0px; } 
/* Editor's Choice */
#contents-main .main-top03 .article-bestnews {float:right; width:332px; margin-top:10px; background-color:#FFFFFF; border:1px solid #c3c3c3;  padding:10px 10px 10px 10px;}
#contents-main .main-top03 .article-bestnews .article-area {width:332px; }
#contents-main .article-right .category2 {width:365px; display:block; font-size:12px; font-color:#000000; font-weight:normal; line-height:1.8em; letter-spacing: -0.08em; margin:0px 0px 0px 0px;}
#contents-main .article-right .category3 {width:365px; display:block; font-size:12px; font-color:#000000; font-weight:normal; line-height:1.8em; letter-spacing: -0.09em; margin:0px 0px 0px 0px;}

/* 인기동영상 */
#contents-main .main-top03 .article-channel  { float:right; width:332px; margin-top:10px; background-color:#FFFFFF; border:1px solid #c3c3c3;  padding:10px 10px 10px 10px; }
#contents-main .main-top03 .article-channel .article-right { }
#contents-main .main-top03 .article-channel .section-title3  { border-bottom:2px solid #000; height:25px; padding-top:5px;  color:#000; font-size:15px; margin-right:10px; margin-bottom:0px;}
#contents-main .main-top03 .article-channel .article-right .article-title  { font-size:15px; color:#222; letter-spacing:-1px; line-height:1.3em; margin-bottom:10px; margin-top:0px;} /* 후이즈 이름 */
#contents-main .main-top03 .article-channel .article-right .article-photo img { width:120px;  } /* who is 이미지 */
#contents-main .main-top03 .article-channel .category { display:block; font-size:13px; color:#000000; font-weight:normal; margin-top:5px; padding:0; line-height:1.5em; letter-spacing: -0.05em;}

/* 諛곕꼫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:1100px; margin-top:10px; margin-bottom:10px; padding-bottom:10px; background-color:#FFFFFF; border:1px solid #c3c3c3;  padding:10px 0px 10px 0px;}
#contents-main .article02 { position:relative; overflow:hidden; padding:15px 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; width:100px;}
#contents-main .article02.first { padding:0 0 0px; border-top:0;}
#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 {padding-bottom:10px;}
#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 .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;}

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:803px; 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:803px; 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}

#main-top.type1 .main-top .main-top-article4 {width:659px; border:1px solid #c3c3c3; float:left; background-color:#ce0202; padding:6px 16px 6px 70px; margin-bottom:10px;} /* �깙 諛뺤뒪 / �쐞 �삤瑜몄そ �븘�옒 �쇊履� */
.article-writedate { line-height:1.5em; font-size:12px; color:#858484; margin-top:10px; margin-bottom:10px; }
.article-category {  font-size:14px; color:#7f0101;  }
select {
    width: 100px;
    height: 22px;
    padding-left: 10px;
    font-size: 12px;
    color: #5b5b5b;
    border: 1px solid #951e00;
    border-radius: 3px;
    -webkit-appearance: none; 
   -moz-appearance: none;    
   appearance: none;        
}
select::-ms-expand {
   display: none;         
}

#contents-main .main-top03 .article-humans {float:right; width:319px; margin-top:10px; background-color:#FFFFFF; border:1px solid #c3c3c3;  padding:10px 16px 10px 16px;} 
#contents-main .article-humans {padding-bottom:20px; font-size:12px; color:#686868; margin-bottom:10px;}  

/* 동영상 탑 */
#hanitv-headline-visual { width: 837px;height: 470px; background-color:#000;}

#hanitv-headline-visual ul { width:837px; border-right: 1px solid #444; margin: 0 auto; padding-left:10px;  }
#hanitv-headline-visual ul { zoom:1; }
#hanitv-headline-visual ul:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#hanitv-headline-visual ul li { zoom: 1; }
#hanitv-headline-visual ul li:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#hanitv-headline-visual ul li { overflow: hidden;  position: relative; float: left; width: 910px; height: 400px; /*height: 302px;*/  border: 1px solid #444; background-color:#000000}
#hanitv-headline-visual ul li img { text-align: left; }
#hanitv-headline-visual ul li .figuration { position: absolute; bottom:0; left: 0;  z-index: 120; width: 900px; }

#hanitv-headline-visual ul li .figuration .text { display: block; position: absolute; bottom:0; left: 0;  z-index: 120; /*padding: 15px 10px;*/ padding: 10px 10px; text-decoration: none; }
#hanitv-headline-visual ul li .figuration .text strong { display: block; font-size: 19px; color: #fff; line-height:1.5em; }
#hanitv-headline-visual ul li .figuration .text span { display: block; padding-top: 2px;  color: #fff; }
#hanitv-headline-visual ul li .figuration .bg { display: block; position: absolute; bottom: 0; left: 0; width: 839px; /*height: 72px;*/ height: 76px; background: #0b0b0b; z-index: 10000; }
#hanitv-headline-visual ul li .figuration .bg { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
#hanitv-headline-visual ul li .overlay { display: block; position: absolute; bottom: 0; left: 0; width: 869px; height: 208px; /*height: 302px;*/ background: #0b0b0b; }
#hanitv-headline-visual ul li .overlay { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }

#hanitv-headline-visual ul li.extend { width: 809px; }
#hanitv-headline-visual ul li.extend .figuration .bg { z-index: 1; }
#hanitv-headline-visual ul li.extend .overlay { display: none; }
#hanitv-headline-visual ul li .icon { z-index: 20; position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px; width: 71px; height: 71px; background:url(http://businesspost.co.kr/images/icon/ico_play.png) no-repeat 0 0;} 
#hanitv-headline-visual ul li .link { display: block; position: absolute; top: 0; left: 0; width: 869px; height: 208px; /*height: 302px;*/ z-index: 40;}

/* 섹션별 동영상  */
#hanitv-recommend-program {}
#hanitv-recommend-program .title { margin-bottom: 17px; }
#hanitv-recommend-program .program { position: relative; float: left; width: 300px; height:140px; border: 1px solid #444; }
#hanitv-recommend-program .program.first-child { margin-left: 0; }
#hanitv-recommend-program .program .figure img { width: 300px; height: 140px; vertical-align: top; }
#hanitv-recommend-program .program .figuration { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; text-align: center; color: #777;}
#hanitv-recommend-program .program .figuration .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 25px;  padding-top: 15px; background: #000; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60);}
#hanitv-recommend-program .program .figuration strong { position: relative; color: #fff; z-index: 10; font-size: 13px; line-height:1.5em;  }