@charset "utf-8";
/*�оߺ� ����*/
#contents .cMain .cRight .topic{width: 275px; margin: 20px 0 0 20px; position: relative; height: 245px; border-bottom: 1px solid #ddd; padding-bottom: 25px;}
#contents .cMain .cRight .topic a:link{color:#333;}
#contents .cMain .cRight .topic a:visited{color:#333;}
#contents .cMain .cRight .topic h2{font-size:14px;}
#contents .cMain .cRight .topic h2 img{margin-left:156px; vertical-align:-3px;}
#contents .cMain .cRight .topic .tp{width:15px; color:#2d5885; background-color:#fff; border:1px solid #dbdbdb;}
#contents .cMain .cRight .topic .tp_arrow{margin-left:161px;}
#contents .cMain .cRight .topic .topcicContent{overflow:hidden; padding:8px 0 10px 0;}
#contents .cMain .cRight .topic .topcicContent .tc_title_on{border:1px solid #dfdfdf;}
#contents .cMain .cRight .topic .topcicContent a.tc_title_on:link{
width: 24%; text-align: center;
padding-bottom: 5px; padding-top:5px;
float:left;
background-color:#f5f8fa;
border:1px solid #dfdfdf;
}
#contents .cMain .cRight .topic .topcicContent a.tc_title_on:hover, a.tc_title_on:focus, a.tc_title_on:active{
width: 24%;
text-align: center;
padding-bottom: 5px;
padding-top:5px;
float:left;
background-color:#fff;
border:1px solid #dfdfdf;
}
#contents .cMain .cRight .topic .topcicContent .tc_text_on{position:absolute; top:63px; left:16px; line-height: 23px;}
#contents .cMain .cRight .topic .topcicContent .tc_text_on li{list-style-type: disc;}

/*���� �оߺ�����-20180209�߰�*/
.clearfix { display:inline-block; }
.clearfix:after { display:block; content:''; clear:both; }
.topic{display:inline-block;float:left;position:relative;width:230px;height:240px;margin-top:25px;padding:0}
.topic strong{display:block;height:35px;border:1px solid #19699d;background:#19699d;font-weight:bold;font-size:1.167em;line-height:33px;color:#fff;text-align:center;}
.topic_mnlist {margin: 0px 0px 0px -1px;}
.topic ul{position:relative;display:inline-block;width:230px;border-left:1px solid #fff}
.topic li{float:left;width:50%}
.topic li a{display:block;margin-left:-1px;border:solid #d6d6d6;border-width:0 1px 1px 1px;font-size:1.083em;line-height: 30px;color:#272e3c;text-align:center}
.topic li.on a{border:0 none;border-bottom:1px solid #8b90a4;background: #8b90a4;color:#fff}
.topic li .topic_mnlist{display:none}
.topic li.on .topic_mnlist{display:block;position:absolute;top:101px;left:-1px}
.topic .topic_mnlist ul{width:230px;padding:8px 3px;border:1px solid #d6d6d6;background:#f8f8f8;margin:1px 0px 0px 0px}
.topic .topic_mnlist li{padding:0px 0px 0px 9px;}
.topic .topic_mnlist li a{margin-left:0;border:0 none;font-size:0.923em;line-height:1.75em;color:#4c4c4c;text-align:left;background: none;}
.topic li.on .topic_mnlist li a{height:21px;padding-left:23px;background:#f8f8f8}
#topic_mn2 { background: #f8f8f8; border: 1px solid #d6d6d6 !important; padding: 8px 0px; margin: -5px 0 0 0;}
.topic_mnlist li { width: 46%;}
/* snb */
 .ranking { counter-reset:order}
 h2.tit {display:block;height:35px;font-weight:bold;font-size:1.167em;line-height:2.5em;color:#000}
 .ranking li {margin-bottom:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 .ranking li:before {display: inline-block; width: 20px; height: 20px;line-height: 20px; margin-right: 8px; background:#2a8f5c; color:#fff; counter-increment:order; content: counter(order) " ";text-align:center}
 .ranking li.active a {font-weight:bold; color:#164578;}
 .tabBox {display:table; position:relative; width:100%; height:230px;}
 .tabBox:after {display:block; content:''; clear:left;}
 .tabBox.hide {display:none;}
 .tabBox .boxItem {display:table-cell; }
 .tabBox .boxItem ul{display:none; position:absolute; left:0; right:0;}
 .tabBox .boxItem > a {display:block; margin-left:-1px; padding:6px 18px; border: 1px solid #ccc; background-color:#f5f5f5; text-align:center; color:#666; box-sizing:border-box;}
 .tabBox .boxItem.active ul {display:block; margin-top:15px;}
 .tabBox .boxItem.active > a {border:1px solid #ccc; background-color:#fff; color:#272e3c;}
 .sectoralKeyword {position:relative;}
 .sectoralKeyword .arrowGroup {position:absolute; top:11px; right:0; width:35px; height:18px; overflow:hidden; background:url(../images/ico_tab.png) no-repeat; text-indent:-9999px;}
 .sectoralKeyword .arrowGroup:after {display:block; content:''; clear:left;}
 .sectoralKeyword .arrowGroup a {float:left; width:50%;}
#boxItem2 .item:nth-child(1) { padding: 5px 14px !important;}
