@charset 'utf-8';
@import url('https://www.businesspost.co.kr/css/base.css');
@import url('https://www.businesspost.co.kr/css/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: 1110px; 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: 1110px; margin: 0 auto; text-align: center; }
#header:after{ content:" "; display:block; clear:both; }
#cm {position: relative; width: 1110px; 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; width: 1110px; }
#header-logo .logo { text-align:left; padding:24px 0 21px;}  /* 탑로고 스타일 */ /* 위 오른쪽 아래 왼쪽 */
#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-sns {position:absolute; left:-10px;  bottom:16px; height:20px;}
#header-logo .top-sns li {padding:5px 10px 5px 10px;}
#header-logo .top-sns li .icon,
#header-logo .top-sns li .over-icon { display:block; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_top_sns.png) no-repeat 0 0; height:20px;}
#header-logo .top-sns li.selected  { background-color:#e9e9e9}
#header-logo .top-sns li.top-sns-f .icon {width:10px; background-position: 0 0;}
#header-logo .top-sns li.top-sns-t .icon {width:20px; background-position: -27px 0;}
#header-logo .top-sns li.top-sns-r .icon {width:17px; background-position: -68px 0;}
#header-logo .top-sns li.top-sns-m .icon {width:12px; background-position: -105px 0;}

#header-logo .top-sns li .overlay {position:absolute; overflow:hidden; left:0; background-color:#e9e9e9;}
#header-logo .top-sns li .overlay a {color:#000; padding:0 3px; font-weight:bold; _font-weight:normal;}
#header-logo .top-sns li .overlay span.bar { color:#aeaeae; padding:0 3px;  font-weight:normal;}
#header-logo .top-sns li .overlay .icon-area { height:20px; padding:10px 5px; _padding:10px 0;vertical-align:middle; font-size:11px; color:#000; text-align:center; font-weight:bold;}
#header-logo .top-sns li .overlay .icon-area img { vertical-align:middle}
#header-logo .top-sns li.top-sns-f.selected { padding-left:10px;}
#header-logo .top-sns li.top-sns-f.selected .icon {width:10px; background-position: 0 -29px;}
#header-logo .top-sns li.top-sns-t.selected .icon {width:20px; background-position: -27px -29px;}
#header-logo .top-sns li.top-sns-r.selected .icon {width:17px; background-position: -68px -29px;}
#header-logo .top-sns li.top-sns-m.selected .icon {width:12px; background-position: -105px -29px;}

#header-logo .top-sns li.top-sns-r .overlay { width:180px;}
#header-logo .top-sns li.top-sns-m .overlay { width:253px; _width:300px;}
#header-logo .top-sns li.top-sns-f .overlay { width:110px; left:-30px;}
#header-logo .top-sns li.top-sns-t .overlay { width:180px;} 
#header-logo .top-sns li.top-sns-t .overlay .icon-area{ width:160px; margin-right:auto;margin-left:auto;}

#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;} 
#header-logo .header-banner { position:absolute; top:15px; left:150px;} /*추가*/

/*로그인*/
.main-login {}
.top_login {position:absolute;right:36px; bottom:12px; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_top_login.png) no-repeat 0 0 ; width:16px; height:16px; cursor:pointer}
.top_login.login { background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_top_login_on1.png) no-repeat 0 0 ; width:16px; height:16px;}
.top_login:hover,
.top_login.on { background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_top_login_on.png) no-repeat 0 0 ; width:16px; height:16px;}

#login-box  { position:absolute; right:0; top:0px;}
#login-box.off { height:0px;overflow:hidden; }
#login-box .icon-aw{ position:absolute; top:-8px; right:34px; background:url(http://img.hani.co.kr/section-image/15/hani/images/common/bubble_top_aw.png) no-repeat 0 0; width:17px; height:10px;}
#login-box .login-btn { border: 1px solid #c3c3c3;padding: 25px;background-color: #FFFFFF;-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);}
#login-box .login-btn a{ display: inline-block; position: relative; cursor:pointer; border:1px solid #c6c6c6; background-color:#f8f8f8; font-size:12px; color:#000; padding:5px 15px; margin: 0 2px; }
#login-box .login-btn a.link2 {border:1px solid #000; background-color:#000; color:#fff; }
#login-box .login-btn a .count { position: absolute; top:-8px; right:-3px; color: white;background-color: #ff0000;border-radius: 100%;font-size: 12px;font-weight: bold;line-height: 18px; width: 18px; height: 18px; text-align: center;}

#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 12px 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; z-index:1003;  z-index:1} /* 위 오른쪽 아래 왼쪽 */
#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;  } /* 기업명 텍스트*/
.ie7 #news-navi .navi-menu li .over-list ul.list01 li.first h4,

#news-navi .navi-menu li .over-list ul.list02 {width:470px; overflow:hidden;}
#news-navi .navi-menu li .over-list ul.list02 li.first img {width:170px; height:102px;}
#news-navi .navi-menu li .over-list ul.list02 li.first { /*height:170px;*/} 
#news-navi .navi-menu li .over-list ul.list02 li.first h4{ padding:12px 0 12px;}
.ie7 #news-navi .navi-menu li .over-list ul.list02 li.first h4{ padding:8px 0 12px;}

#news-navi .navi-menu li .over-list ul.list03,
#news-navi .navi-menu li .over-list ul.list04 {width:210px;overflow:hidden;}
#news-navi .navi-menu li .over-list ul.list04 {background-image:none;width:240px; padding-right:0;}
#news-navi .navi-menu li .over-list ul.list04 li { font-size:14px; letter-spacing:-0.05em; padding-bottom:20px;}

/* 더보기 오버메뉴*/
#news-navi li.article-plus.selected  h3 a{border-bottom:0px solid #000; }		/* 메뉴텍스트 오버라인 */
#news-navi li.article-plus.selected  h3 a,
#news-navi li.article-plus h3 a:hover { color:#d70000; /*더보기 over 폰트 컬러*/ }
#news-navi .navi-menu li .over-list.article-plus{ position: absolute; left:0; top:33px; background-color:#fff; margin-left:92px; padding:0; width:92px; height:200px; 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:#fff; padding: 10px 0 8px 0px; font-size:13px; font-weight:bold; color:#000; margin-top:6px; line-height:1.7em;  }  /* 비즈니스 소분류 텍스트  */
#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 컬러*/font-size:12px; color:#000; }

#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 .main-top-article {width:713px; border:1px solid #c3c3c3; float:left; background-color:#FFFFFF; padding:10px 16px 10px 16px; } /* 탑 박스 / 위 오른쪽 아래 왼쪽 */
#main-top .main-top-article .article-title { color:#000; font-size:39px; font-weight:bold; letter-spacing:-0.11em; line-height:1.3em; padding-bottom: 7px; padding-top: 4px; text-align:center; }
#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: 6px; }
#main-top .main-top-article .article-photo {  width:641px; height:378px;}  
#main-top .main-top-article .article-prologue { line-height:1.5em; font-size:13px; color:#666; padding: 10px 0 }
#main-top .main-top-article img.img_photo0-1 {  width:710px; overflow:hidden; display:block;} /* 탑1 이미지 사이즈 */
#main-top .main-top-article img.img_photo0-2 { width:968px;height:386px;}

/* ================ 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-1 { width:116px;} /* 중요기사 이미지 */
#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{float:left; width:755px; position:relative; }

/* 중요기사 */
#main-top.type1 .main-top .main-top01 {width:410px; border:1px solid #c3c3c3; float:left; background-color:#FFFFFF; padding:16px 16px 10px 16px; margin-top:10px}
#main-top.type1 .main-top .main-top01 .article-title {font-size:16px; }

/* 지난탑기사 */
#main-top.type1 .main-top .main-top02 {width:281px; border:1px solid #c3c3c3; float:left; background-color:#FFFFFF; padding:16px 0px 10px 10px; margin-top:10px; margin-left:10px;}  /* 위 오른쪽 아래 왼쪽 */
#main-top.type1 .main-top .main-top02 .more-article { overflow:hidden; margin-top:2px; }  /* 지난 탑기사 more */
#main-top.type1 .main-top .main-top02 .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.type1 .main-top .main-top02 .more-article li a{ color:#666; font-size:12px;letter-spacing:-0.1em;}
#main-top.type1 .main-top .main-top02 .more-article li.last { background:url(http://www.businesspost.co.kr/images/common/icon_more_article.png) no-repeat 0 0; padding-left:12px; padding-bottom:12px; line-height:1.3em;}
/* 라인 삽입 */
#main-top.type1 .main-top .main-top02 .line-article li { position:relative; overflow:hidden; padding:7px 0; border-top:1px dotted #a7a7a7; margin-right:10px; margin-top:11px;}
#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:15px; font-weight:bold; margin-bottom:10px; letter-spacing:-0.07em;} /* 지난 탑기사 타이틀 */

/*============================= 오른쪽 ===============================*/
#main-top.type1 .main-top03  .section-title2  { border-bottom:2px solid #000; height:25px; padding-top:10px; color:#000; font-size:15px;} /* title 폰트 */
#main-top.type1 .main-top03  .section-title3  {  height:25px; padding-top:10px; color:#000; font-size:15px;} /* title 폰트 */
#main-top.type1 .main-top03 .section-more a{ position:absolute; display:block; margin-right:0px; float:right; right:0; top:0; margin-top:14px;  background:url(http://www.businesspost.co.kr/images/common/icon_plus_article.png) no-repeat; width:14px; height:14px;}

/* who is */
#main-top.type1 .main-top03 {float:right; width:289px; padding-left:14px; margin-top:10px;position:relative; }
#main-top.type1 .main-top03 .section-title .blank-top { position:absolute; top:-10px; left:-3px; width:1px; height:10px; background-color:#fff;}
#contents-main .article02 img.img_photo2-2 { width:289px;height:178px;}
#contents-main .main-top03 .article-opinion {float:right; width:289px; padding-bottom:10px; background-color:#FFFFFF; border:1px solid #c3c3c3;  padding:10px 16px 5px 16px; min-height:515px;}
#contents-main .main-top03 .article-opinion .article-right .article-photo img { width:94px; } /* who is 이미지 */

#contents-main .article-opinion .article-right .category { display:block; font-size:12px; color:#999; font-weight:normal; margin-top:4px; margin-bottom:6px; padding:0; line-height:1.3em; }  /* who is 사람명 */
#contents-main .article-opinion .article-right .article-title {  } /* 제목 폰트 */

/* Editor's Choice */
#contents-main .main-top03 .article-bestnews {float:right; width:289px; margin-top:10px; background-color:#FFFFFF; border:1px solid #c3c3c3;  padding:10px 16px 10px 16px;}
#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; } /* 인기뉴스 */

/* 오늘의 인물 */
#contents-main .main-top03 .article-today {float:right; width:289px; margin-top:10px; background-color:#546177; border:1px solid #c3c3c3;  padding:10px 16px 10px 16px;}

/* 배너1 */
#contents-main .main-top03 .article-banner1 {float:right; padding:10px 0px 0px 0px; }

#contents-main .main-top04 {width:1058px; height:162px; margin-top:10px; background-color:#FFFFFF; border:1px solid #c3c3c3;  padding:0px 10px 10px 10px;}  /* 위 오른쪽 아래 왼쪽 */
#contents-main .main-top04  .section-title2  { border-bottom:2px solid #000; height:25px; padding-top:10px; padding-bottom:4px; color:#000; font-size:15px;} /* title 폰트 */
#contents-main .article-banner2 {padding:10px 0px 0px 0px; }  

/* 동영상뉴스 */
#contents-main .article-movenews {float:right; width:289px; margin-top:10px; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #c3c3c3;  padding:10px 16px 4px 16px;}  /* 배너1 */
#section-all .section-all-right .article-movenews {float:right; width:289px; margin-top:10px; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #c3c3c3;  padding:10px 16px 4px 16px;}
#contents-main .article-movenews .article03 img.img_photo {width:113px;} 
#contents-main .article-movenews .article03 .article-title {font-size:15px; color:#222; letter-spacing:-1px; line-height:1.3em; margin-bottom:8px;}
#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:7px 16px 2px 16px;}
#section-all .section-all-right .article-opinion .article-right .article-area .article-title { font-size:15px; color:#222; padding-top:3px; padding-bottom:7px; line-height:1.3em; letter-spacing: -0.05em;}  /*   min-height:44px; */
#section-all .section-all-right .article-opinion .article-right .article-area .category {display:block; font-size:12px; font-weight:normal; margin-top:4px; padding:0; line-height:1.3em;}  /*   min-height:44px; */
#section-all .section-all-right .article-opinion .article-right .article-area .article-photo img {display:block; width:104px; height:68px;  padding:0px 0px 0px 0px; margin-bottom:0px; } 

/* 100인 */
#section-all .article-human {position:relative; width:1058px; margin: 10px 0px 0px 0px; background-color:#FFFFFF; border:1px solid #c3c3c3;  padding:10px 0px 10px 20px; }  
#section-all .article-human  .section-title2  { border-bottom:2px solid #000; height:25px; width:1040px;  color:#000; margin-top:4px;} /* title 폰트 */
/*#section-all .article-100 {position:relative; width:1078px; margin-top:10px; background-color:#FFFFFF; border:1px solid #c3c3c3;  padding:10px 0px 10px 0px;}*/
#section-all .article-100 {position:relative; width:1018px; margin-top:10px; background-color:#FFFFFF; border:1px solid #c3c3c3;  padding:10px 0px 10px 60px;}

#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;}
#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;}
#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 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-today {padding-bottom:20px; font-size:12px; color:#686868; }  /* 인기기사 */

#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;}

/* 배너1 */
#section-all .section-all-right .article-banner1 {float:right; padding:10px 0px 0px 0px; }

#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 .section-article-area2 { 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; min-height:39px; }

#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 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-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.type03 { width:713px; border:1px solid #c3c3c3; float:left; background-color:#FFFFFF; padding:4px 16px 4px 16px; margin-top:10px; }    /* 위 오른쪽 아래 왼쪽 */
#section-all .section-arae.type03 .section-article-area {   padding-top:10px; padding-bottom:0; background-color:000000; }
#section-all .section-arae.type03 .line { border-bottom:1px solid #e6e6e6;  background-color:#FFFFFF; height:20px; margin-bottom:0px;}
#section-all .section-arae.type03 .section-article01 { float:left; width:743px; background-color:#FFFFFF }
#section-all .section-arae.type03 .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.type03 .section-article01 h4{padding:6px 0 0px;  font-size:15px; font-weight:bold; }
#section-all .section-arae.type03 .section-article01 h6{ font-size:14px; font-weight:bold; }
#section-all .section-arae.type03 .section-article01 .line1{ width: 100%; border-bottom: 1px dotted #a7a7a7; padding:0px 0 38px;}

#section-all .section-arae.type03 .section-article03 { float:left; width:190px; margin-right:37px; }
#section-all .section-arae.type03 .section-article04 { float:left; width:190px; }
#section-all .section-arae.type03 .section-article05 { float:right;width:200px;}
#section-all .section-arae.type03 .section-article01 .section-article-title { min-height:0; } 
#section-all .section-arae.type03 .category {}
#section-all .section-arae.type03 .section-article-title { min-height:0; padding-top:3px;  } 

#section-all .section-arae.type03 .text-group li{border-top: 1px solid #e6e6e6; padding:7px 0 0; min-height:86px;}
#section-all .section-arae.type03 .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;}

#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}

/* photo scale */
.scale {   transform: scale(1);  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transition: all 0.3s ease-in-out;  } 
.scale:hover {   transform: scale(1.1);  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  -o-transform: scale(1.1);    }
.main_img { width:710px; height:316px; overflow:hidden}
#main-top .main-top-special .main-top-article  .article-photo a{ width:710px;height:316px; overflow:hidden; display:block;}
#main-top .main-top-special .main-top-article img.img_photo0-1 { margin:0; padding:0;}
.article-photo img {transition:all 1s ease .1s;}
.article-photo img:hover {transform: scale(1.1);}
#main-top .article01 .article-photo {margin-right:10px;margin-bottom:8px;}
#main-top .article01 .article-photo img { margin:0; padding:0;}
#main-top .article-photo {overflow:hidden; display:block;}
#main-top .article-photo img {overflow:hidden; margin:0; padding:0;}
#contents-main .article-right .article-photo {float:right; overflow:hidden;display:block;margin-left:10px;}
#contents-main .article-right .article-photo img { margin-left:0; }
#section-all .section-arae .section-article-area a {overflow:hidden; display:block;}
#section-all .section-arae .section-article-area a img {transition:all 1s ease .1s; }
#section-all .section-arae .section-article-area a img:hover {transform: scale(1.1);}