@charset "utf-8";



/********************************************************************************************************************/
												/* 레이아웃 */
/********************************************************************************************************************/
#wrap{ min-width:1280px; }
body{ background-color:#eaebef; }
.sec{ width:1280px; padding:0 40px; box-sizing:border-box; }
#content{ width:1280px; padding:0 40px; box-sizing:border-box; }



/********************************************************************************************************************/
												/* 공통 */
/********************************************************************************************************************/

/* dropdown */
.select-design{ display:inline-block; position:relative; padding:0 0 0 20px; height:40px; cursor:pointer; font-size:13px; border:1px solid #aaa; background:url('../../resource/images/common/img_select_arr.png') no-repeat right 21px center; box-sizing:border-box; vertical-align:middle; }
.select-design.on{ background:url('../../resource/images/common/img_select_arr_up.png') no-repeat right 21px center; }
.select-design .seltop{ padding:10px 32px 0 0; font-size:14px; color:#222; font-weight:900; text-align:left; }
.select-design .selbottom{ display:none;  position:absolute; top:38px; left:-1px; right:-1px; border:1px solid #dadadc; background-color:#fff; box-sizing:border-box; z-index:9; }
.select-design .selbottom .dropdown{ padding:15px 28px; }
.dropdown .link > li > a{ display:block; padding:7px 0 9px; font-size:14px; color:#444; }
.dropdown .link > li > a:hover{ color:#4f5489; }
.h-bottom .select-design .seltop{ padding:14px 0 16px; }
.select-design.channel{ width:150px; }
.select-design.on.channel{ background-color:#fff; }
.select-design.calendar.w160 .seltop + .selbottom{ border:0;}
.select-design.channel + .update-time{ margin-left:12px; }
/* 레이어팝업 */
.layer { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999999; }
.layer .bg { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.8; }
.layer-pop{ position:absolute; left:50%; top:50%; background-color:#fff; z-index:99999; box-sizing:border-box; }
.layer-pop .layer-tit{ position:relative; padding:13px 30px; background:#222; }
.layer-pop .layer-tit h2{ color:#fff; }
.layer-pop .layer-tit a{ display:inline-block; position:absolute; top:50%; right:30px; margin-top:-7.5px; width:15px; height:15px; background:url('../../resource/images/common/btn_popup_close.png') no-repeat 50%; background-size:100%; text-indent:-9999px;}
.layer-pop .layer-cont{ padding:30px; max-height:700px; }
.layer-pop .lbtn-area{ padding:30px 0 0 0; }
.layer-pop .tbl-style01 + .lbtn-area{ padding:25px 0 0 0; }

/* 서브공통 */
.section{ background-color:#fff; }
.update-time{ display:inline-block; padding-left:20px; font-size:14px; color:#222; font-weight:900; background:url('../../resource/images/common/ico_time.png') no-repeat 0 3px; }
.update-time em{ font-size:14px; color:#222; font-weight:900; }
.update-time + .btn{ margin-left:20px; }
.nodata{ display:table; width:100%; height:100%; min-height:360px; box-sizing:border-box; }
.nodata.st2{ border-bottom:1px solid #aaa; }
.nodata .row{ display:table-cell; vertical-align:middle; text-align:center; }
.nodata .row span{ display:inline-block; background:url('../../resource/images/common/img_nodata.png') no-repeat 50% 0; padding-top:80px; font-size:15px; vertical-align:middle; }


/* 하위메뉴 */
.menubar{ overflow:hidden; display:table; width:100%; height:50px; table-layout:fixed; background-color:#777888;}
.menubar > li{ display:table-cell; width:20%; }
.menubar > li .menu{ overflow:hidden; padding:0 10px; }
.menubar > li .menu li{ float:left; margin-left:30px; }
.menubar > li .menu li:first-child{ margin-left:0; }
.menubar > li .menu li a{ display:block; padding:15px 0 15px; text-align:center; font-size:14px; font-weight:700; color:#dadadc; }
.menubar > li .menu li a.on{ color:#fff; }


/* 버튼 */
.prev-btn{ display:inline-block; width:40px; height:40px; border:1px solid #aaa; background:url('../../resource/images/common/ico_cal_prev.png') no-repeat 50%; }
.next-btn{ display:inline-block; width:40px; height:40px; border:1px solid #aaa; background:url('../../resource/images/common/ico_cal_next.png') no-repeat 50%; }
.next-btn + .btn{ margin-left:7px; } 
.btn-st2{ display:inline-block; padding:6px 46px 6px; font-size:13px; color:#fff; text-align:center; background-color:#444; }
.btn-st2:hover{ background-color:#4f5489; }
.btn{ display:inline-block; padding:10px 21px 11px 21px; background-color:#222; font-size:13px; color:#fff; font-weight:900; }
.btn:hover{ background-color:#444; }
.btn em{ display:inline-block; width:14px; height:13px; margin-right:10px; background:url('../../resource/images/common/ico_down.png') no-repeat 50%; vertical-align:-1px; }
.btn-graph{ position:relative; padding:11px 9px 11px; font-size:13px !important; color:#888; background-color:#f0f0f3; border:1px solid #dadadc; }
.btn-graph.on{ background-color:#fff; border-color:#4f5489; color:#4f5489; font-weight:700; z-index:1; } 
.btn-graph + .btn-graph{ margin-left:-1px; }
.top-area .btn-area{ float:right; font-size:0; }
.btn-st3{ display:inline-block; display:inline-block; padding:8px 20px 10px; font-size:13px; color:#4f5489; font-weight:700; border:1px solid #4f5489; text-align:center; }
.btn-st3 .ico-prev{ display:inline-block; width:7px; height:12px; margin-right:13px; vertical-align:-1px; background:url('../../resource/images/common/btn_prev.png') no-repeat 50%; }
.btn-st3:hover{  }
.lbtn-area{ padding:28px 0 50px; text-align:center; }
.lbtn{ display:inline-block; padding:8px 27px 9px; font-size:13px; color:#fff; background-color:#222; border:1px solid #222; box-sizing:border-box; }
.lbtn.st2{ background:none; color:#222; }
.lbtn + .lbtn { margin-left:3px; }
.lbtn:hover{ border-color:#444; background:#444; }
.lbtn.st2:hover{ color:#4f5489; border-color:#4f5489; background:none; }
.btn-link{ display:inline-block; padding:9px 37px 10px; font-size:13px; color:#444; font-weight:700; border:1px solid #dadadc; background-color:#f0f0f3; }
.btn-link:hover{ border-color:#444; background-color:#444; color:#fff; }








/* 타이틀 */
.top-area{ overflow:hidden; height:80px; padding:18px 30px 19px; border-bottom:1px solid #222; box-sizing:border-box; }
.top-area .title{ float:left; }
.top-area .title .tit{ margin-top:5px; font-size:20px; font-weight:900; }
.top-area.st2 .title .tit{ font-weight:500;  }
.top-area.st2{ padding:20px 30px 20px; }
.top-area .title .tit em{ font-size:20px; font-weight:900; color:#4f5489; }


/* 스크롤바 */
.mCustomScrollBox{ width:100%; }

/* 인풋  */
input.inp{ height:50px; padding:0 13px; border:1px solid #dadadc; font-size:14px; color:#444; box-sizing:border-box; }
input[readonly].inp{ color:#888; background-color:#f0f0f3; }


/* 테이블 */
.tbl-list{ width:100%; table-layout:fixed; border-bottom:1px solid #aaa; }
.tbl-list th{ padding:10px 2px 10px; vertical-align:middle; text-align:center; font-size:15px; color:#222; font-weight:900; }
.tbl-list th.sm{ font-size:14px; color:#444; font-weight:700; border-top:1px solid #dadadc; }
.tbl-list td{ padding:16px 0 16px; vertical-align:middle; font-size:13px; color:#444; text-align:center; border-top:1px solid #f0f0f3; }
.tbl-list tr:first-child td{ border-top:1px solid #aaa; }
.tbl-list td .ranking{ font-size:16px; color:#4f5489; font-weight:900; }
.tbl-list td .subject{ display:block; max-width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; font-weight:700; text-align:left; }
.tbl-list td .subject:hover{ text-decoration:underline; }
.tbl-list td .allnum{ font-size:15px; color:#4f5489; font-weight:900; }


.tbl-style01{ width:100%; table-layout:fixed; }
.tbl-style01 tbody th{ padding:5px 0; font-size:15px; font-weight:700; vertical-align:middle; text-align:left; }
.tbl-style01 tbody td{ padding:5px 0; vertical-align:middle; }


.tbl-list td .desc{ font-size:15px; }
.tbl-list td .desc strong{ font-size:15px; font-weight:900; color:#4f5489;  }
.tbl-list td strong.keyword{ font-size:18px; color:#444; font-weight:900; }


.tbl-list td span.fst{ font-size:15px; color:#f6191f; }
.tbl-list td span.fst.st2{ color:#f76745; }
.tbl-list td span.fst.st3{ color:#f7ae4f; }






.tbl-status{ width:100%; table-layout:fixed; border-top:1px solid #222; }
.tbl-status thead th{ padding:10px 0; border-bottom:1px solid #aaa; font-size:15px; font-weight:700; }
.tbl-status thead th.tit01{ background-color:#fdd1d2; }
.tbl-status thead th.tit02{ background-color:#fde1da; }
.tbl-status thead th.tit03{ background-color:#fdefdc; }
.tbl-status thead th.tit04{ background-color:#d9e8f7; }
.tbl-status thead th.tit05{ background-color:#e5f0d6; }


.tbl-status tbody th{ padding:30px 0; border-bottom:1px solid #f0f0f3; font-size:15px; font-weight:700; }
.tbl-status tbody th.st2{ color:#888; }
.tbl-status tbody td{ border:1px solid #f0f0f3; text-align:center; }
.tbl-status tbody tr:last-child th{ border-bottom:0; }
.tbl-status tbody tr:last-child td{ border-bottom:0; }
.tbl-status th:first-child,
.tbl-status td:first-child{ border-right:1px solid #aaa; }

.tbl-status tbody td strong{ font-size:18px; }
.tbl-status tbody td strong.fst01{ color:#f5191f; }
.tbl-status tbody td strong.fst02{ color:#f76745; }
.tbl-status tbody td strong.fst03{ color:#f7ae4f; }


.tbl-status tfoot th{ padding:20px 0; border-right:1px solid #aaa; border-top:1px solid #aaa; font-size:15px; font-weight:700; background-color:#f9fafc; }
.tbl-status tfoot td{ border-right:1px solid #f0f0f3; border-top:1px solid #aaa; text-align:center; background-color:#f9fafc; }
.tbl-status tfoot td span{ font-size:15px; }
.tbl-status tfoot td span strong{ font-size:18px; font-weight:900; }


.sorting{ display:inline-block; width:13px; height:22px; background:url('../../resource/images/common/ico_sorting.png') no-repeat right center; vertical-align:middle; }
.sorting:hover{ transition:none; }
.sorting.on{ background:url('../../resource/images/common/ico_sorting_on.png') no-repeat right center; }

/* 텍스트 스타일 */
.f-st01{ font-size:18px; font-weight:900; color:#4f5489; }






/* 페이징 */
.paging-area{ padding:30px 0 55px; }
.paging{ text-align:center; }
.paging a{ display:inline-block; width:30px; height:30px; color:#444; font-size:13px; line-height:30px; font-weight:700; vertical-align:top; }
.paging a.num.active{ background-color:#222; color:#fff; }
.paging a.num:hover{ background-color:#f0f0f3; color:#444; }
.paging a.first{ text-indent:-9999px; background:url('../../resource/images/common/ico_paging_first.png') no-repeat 50%; }
.paging a.prev{ margin-right:3px; text-indent:-9999px; background:url('../../resource/images/common/ico_paging_prev.png') no-repeat 50%; } 
.paging a.next{ marign-left:3px; text-indent:-9999px; background:url('../../resource/images/common/ico_paging_next.png') no-repeat 50%; }
.paging a.last{ text-indent:-9999px; background:url('../../resource/images/common/ico_paging_last.png') no-repeat 50%; }

.paging a.first:hover{ background:#f0f0f3 url('../../resource/images/common/ico_paging_first.png') no-repeat 50%; }
.paging a.prev:hover{ background:#f0f0f3 url('../../resource/images/common/ico_paging_prev.png') no-repeat 50%; } 
.paging a.next:hover{ background:#f0f0f3 url('../../resource/images/common/ico_paging_next.png') no-repeat 50%; }
.paging a.last:hover{ background:#f0f0f3 url('../../resource/images/common/ico_paging_last.png') no-repeat 50%; }

/* 달력 */
.calendar{ display:inline-block; position:relative; width:240px;/*  height:40px;  */border:1px solid #aaa; background:url('../../resource/images/common/img_select_arr.png') no-repeat right 21px center; text-align:left; vertical-align:middle; box-sizing:border-box; }
.calendar.on{ background:#fff url('../../resource/images/common/img_select_arr_up.png') no-repeat right 21px center; }
.calendar .seltop{ padding-top:8px; cursor:pointer; }
.calendar .seltop em{ display:inline-block; padding-left:25px; background:url('../../resource/images/common/ico_datepicker.png') no-repeat 0 50%; font-size:13px; font-weight:900; }
.calendar .date-area .tit{ display:block; padding:8px 20px 10px; font-size:14px; font-weight:700; background-color:#f0f0f3; }
.calendar .date-area .d-list{ padding:5px 0; }
.calendar .date-area .d-list li{ padding:0 20px; }
.calendar .date-area .d-list li button{ display:block; width:100%; font-size:13px; color:#888; line-height:30px; text-align:left; }
.calendar .date-area .d-list li button:hover{ color:#4f5489; }
.calendar .datepicker{ width:100%; }
.calendar .date-area .datepicker-list{ padding:10px 20px; }
.calendar .date-area .datepicker-list li + li{ margin-top:7px; }
.datepicker{ display:inline-block; position:relative; max-width:200px; padding-right:24px; border:1px solid #dadadc; box-sizing:border-box; }
.datepicker input[type="text"]{ width:100%; font-size:13px; color:#888; border:0; }
.datepicker button{ position:absolute; right:10px; top:50%; margin-top:-6px; width:12px; height:12px; background:url('../../resource/images/common/btn_datepicker.png') no-repeat 0 50%; }
.calendar .btn-area{ float:none; padding:12px 0; border-top:1px solid #dadadc; text-align:center; }



/* 체크박스 */
.chk input[type="checkbox"]{display:none;}
.chk input[type="checkbox"] + label{ font-size:13px; color:#6a6a6a; letter-spacing:-1px; }
.chk input[type="checkbox"] + label span {display:inline-block; margin-right:5px; width:14px; height:14px; background:url('../../resource/images/common/ico_check.png') no-repeat 50%; cursor:pointer; vertical-align:-2px; }
.chk input[type="checkbox"]:checked + label span { background:url('../../resource/images/common/ico_check_on.png') no-repeat 50%; }


.tree-menu{ padding:4px 16px 14px 16px; }
.tree-menu .depth1 li{ padding:4px 0 4px; }
.tree-menu .btn-area{ margin-top:4px; }
.tree-menu .depth1 .depth2{ margin-top:10px; padding-left:18px; background:url('../../resource/images/common/ico_tree_depth2.png') no-repeat 6px 8px; }

/********************************************************************************************************************/
												/* 헤더 */
/********************************************************************************************************************/
#header{ background-color:#fff; border-bottom:1px solid #dadadc;  }
#header .h-top{ height:79px; }
#header .h-top .sec{ position:relative; }
#header .h-top:after{ content:''; display:block; clear:both; }
#header .h-top .logo{ float:left; }
#header .h-top .logo a{ display:block; width:81px; height:45px; margin-top:16px; background:url('../../resource/images/common/logo.png') no-repeat 50%; text-indent:-9999px; }
#header .h-top .gnb{ float:left; margin-left:32px; }
#header .h-top .gnb > li{ float:left; position:relative; }
#header .h-top .gnb > li > a{ display:block; padding:30px 27.5px 26px 27.5px; font-size:16px; color:#999; font-weight:900; }
#header .h-top .gnb > li > a.on{ color:#222; }
#header .h-top .gnb > li > a:hover,
#header .h-top .gnb > li > a.active{ color:#4f5489; }



#header .h-top .gnb > li .depth2{ display:none; position:absolute; left:-34px; right:-34px; top:70px; background-color:#fff; border:1px solid #4f5489; z-index:10; }
#header .h-top .gnb > li:hover .depth2{ display:block; }
#header .h-top .gnb > li .depth2:before{ content:''; position:absolute; top:-5px; left:50%; margin-left:-2.5px; width:11px; height:5px; background:url('../../resource/images/common/img_depth2_arr.png') no-repeat; }
#header .h-top .gnb > li .depth2 > li{ position:relative; }
#header .h-top .gnb > li .depth2 > li > a{ display:block; padding:15px 20px; font-size:15px; font-weight:700; transition:all .0s ease .0s; }
#header .h-top .gnb > li .depth2 > li > a.active{ background-color:#4f5489; color:#fff; }
#header .h-top .gnb > li .depth2 > li > a:hover{ background-color:#4f5489; color:#fff; }


#header .h-top .gnb > li .depth2 > li .depth3{ display:none; position:absolute; left:100%; top:-1px; width:160px; padding:12px 0; background:#fff; border:1px solid #4f5489; z-index:1; }
#header .h-top .gnb > li .depth2 > li:hover .depth3{ display:block; }
#header .h-top .gnb > li .depth2 > li .depth3 > li > a{ display:block; padding:7px 20px; font-size:14px; color:#444; font-weight:700; }
#header .h-top .gnb > li .depth2 > li .depth3 > li > a:hover{ color:#4f5489; }




/* #header .h-top .util{ position:absolute; top:31px; right:40px; overflow:hidden; } */
#header .h-top .util{ position:absolute; top:31px; right:40px; overflow:hidden; }
#header .h-top .util .user-area{ float:left; }
#header .h-top .util .user-area .user{ float:left; height:22px; padding-left:33px; font-size:14px; font-weight:700; color:#222; background:url('../../resource/images/common/ico_user.png') no-repeat 0 50%; }
#header .h-top .util .user-area .logout{ float:left; margin-left:8px; font-size:14px; font-weight:700; color:#888; }
#header .h-top .util .user-area .logout:hover{ color:#4f5489; }
#header .h-top .util .btn-setting{ float:left; width:21px; height:21px; margin-left:32px; background:url('../../resource/images/common/btn_setting.png') no-repeat 50%; }
#header .h-top .util .btn-setting:hover{ background:url('../../resource/images/common/btn_setting_hover.png') no-repeat 50%; }
#header .h-top .util .btn-sitemap{ float:left; width:22px; height:18px; margin-left:30px; background:url('../../resource/images/common/btn_sitemap.png') no-repeat 50%; }
#header .h-top .util .btn-sitemap:hover{ background:url('../../resource/images/common/btn_sitemap_hover.png') no-repeat 50%; }
.h-bottom{ border-top:1px solid #dadadc; }
.h-bottom .sec{ /* overflow:hidden; */ }
.h-bottom .sec .list{ /* overflow:hidden; */ }
.h-bottom .sec:after{ content:''; display:block; clear:both; }
.h-bottom .sec .list > li:last-child{ border-right:1px solid #dadadc; }
.h-bottom .sec .list > li{ float:left; border-left:1px solid #dadadc; }
.h-bottom .sec .list > li .home{ display:block; width:50px; height:50px; background:url('../../resource/images/common/btn_home.png') no-repeat 50%; }
.h-bottom .select-design{ height:50px; border:0; }
.h-bottom .select-design .seltop{ min-width:150px; padding:14px 0 16px; }
.h-bottom .select-design .selbottom{ top:50px; }
.select-design + .btn{ margin-left:8px; }

/* tab */
.tabs{ overflow:hidden; width:100%; margin:0 auto; margin-top:30px; border-style:solid; border-width:1px 0 0 1px; border-color:#dadadc; }
.tab_content{ overflow:hidden; display:none; }
.tab_content.tabs_on{ display:block; }
.tabs li{ position:relative; float:left; width:20%; padding:15px; border-style:solid; border-width:0 1px 1px 0; border-color:#dadadc; font-size:14px; font-weight:700; color:#888; text-align:center; background-color:#fff; vertical-align:middle; cursor:pointer; box-sizing:border-box; }
.tabs li.tabs_on{ position:relative; color:#fff; border-width:0 1px 1px 0; border-style:solid; border-color:#222; background-color:#222; color:#fff;}
.tabs li:hover{ border-color:#222;}
.tabs li:hover:before{ content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background-color:#222; }
.tabs li:hover:after{ content:''; position:absolute; left:0; top:0; width:100%; height:1px; background-color:#222; }




.tabs01{ display:inline-block; vertical-align:top; }
.tabs01.ui-widget-header{ padding:0; background:none; border:0; }
.ui-state-default,
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default{ border:0; background:none; outline:none; }
.tabs01 .ui-state-default a,
.tabs01 .ui-state-default a:link,
.tabs01 .ui-state-default a:visited{ font-size:14px; color:#9a9da5; }

.tabs01.ui-tabs-nav .ui-tabs-anchor{ float:none; padding:0 8px 18px 8px; font-size:14px; color:#9a9da5; outline:none; }
.tabs01.ui-tabs-nav .ui-tabs-anchor:hover{ color:#4f5489; }
.tabs01 .ui-state-active a{ position:relative; }
.tabs01 .ui-state-active a:after{ content:''; position:absolute; bottom:-1px; left:0; width:100%; height:3px; background-color:#4f5489; }
.tabs01 .ui-state-active a,
.tabs01 .ui-state-active a:link,
.tabs01 .ui-state-active a:visited{ color:#4f5489; }
.ui-tabs{ padding:0; }
.ui-widget-content{ border:0; border-radius:0; background:none; }
.ui-tabs .ui-tabs-panel{ padding:0; }
.ui-tabs .tabs01.ui-tabs-nav li{ margin:0; }
.ui-tabs .tabs01.ui-tabs-nav li + li{ margin-left:6px; }














/* 메인 */
.main-content{ padding-top:16px; }

.main-row-area:after{ content:''; display:block; clear:both; }
.mainrow:after{ content:''; display:block; clear:both; }
#mainSlider01{ visibility:hidden; opacity:0 }
#mainSlider02{ visibility:hidden; opacity:0 }
.mainrow > li{ float:left; width:33.33%; padding:0 12.5px; box-sizing:border-box; }


.main-section{ background-color:#fff; }


.mainrow .main-tit{ overflow:hidden; margin-bottom:7px; } 
.mainrow .main-tit .tit{ float:left; font-size:18px; font-weight:900;}
.mainrow .main-tit .btnmore{ float:right; width:16px; height:29px; background:url('../../resource/images/common/btn_more2.png') no-repeat 50%; }


.tabs02:after{ content:''; display:block; clear:both; }
.tabs02 > li{ float:left; width:25%; }

.ui-tabs .tabs02.ui-widget-header{ padding:0; border:0; background:none; border-radius:0; }

.ui-tabs .tabs02.ui-tabs-nav li{ position:relative; margin:0; }
.ui-tabs .tabs02.ui-tabs-nav li:before{ content:''; position:absolute; left:0; top:0; bottom:0; width:1px; height:40px; background-color:#555; z-index:1; }
.ui-tabs .tabs02 .ui-tabs-anchor{ display:block; position:relative; float:none; outline:none; padding:12px 0 12px; font-size:13px; text-align:center; color:#888; background-color:#444; }

.tabs02 .ui-state-active .ui-tabs-anchor,
.tabs02 .ui-widget-content .ui-state-active .ui-tabs-anchor, 
.tabs02 .ui-widget-header .ui-state-active .ui-tabs-anchor{ position:relative; background-color:#4f5489; color:#fff; font-weight:500; z-index:2; }
.ui-tabs .tabs02 .ui-state-active .ui-tabs-anchor:after{ content:''; position:absolute; left:50%; margin-left:-5.5px; bottom:-5px; width:11px; height:5px; background:url('../../resource/images/common/ico_tabs02_arr.png') no-repeat 50%; }



.main-sns .snstop{ overflow:hidden; padding:0 10px; margin-top:10px; }
.main-sns .snstop .btn-area{ float:right; font-size:0; } 
.main-sns .list .top .date{ font-size:13px; color:#888; } 
.main-sns .list .top .time{ margin-left:14px; font-size:13px; color:#4f5489; } 
.main-sns .list .top .date-area{ padding:0 30px 0 30px; }
.main-sns .list .top .link{ padding-top:10px; }
.main-sns .list .top .link dt{ padding:0 30px 19px 30px; border-bottom:1px solid #eee; }
.main-sns .list .top .link dt p{ display:block; overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#222; font-weight:700; } 
.main-sns .list .top .link dd{ display:none; height:80px; margin-top:-1px; padding:15px 30px 20px 30px; background-color:#f9f9f9; box-sizing:border-box; } 
.main-sns .list .top .link dd a{ display:block; overflow:hidden; max-height:43px; font-size:13px; line-height:24px; color:#888; } 
.main-sns .list .top .link dd a:hover{ text-decoration:underline; } 


.main-sns{ height:428px; padding-top:20px; box-sizing:border-box; }
.main-sns .list .top .date em{ display:inline-block; width:16px; height:16px; margin-right:8px; vertical-align:-2px; }
.main-sns .list .top .date .ico01{ background:url('../../resource/images/common/ico_sns01.png') no-repeat 50%; } 
.main-sns .list .top .date .ico02{ background:url('../../resource/images/common/ico_sns02.png') no-repeat 50%; } 
.main-sns .list .top .date .ico03{ background:url('../../resource/images/common/ico_sns03.png') no-repeat 50%; } 
.main-sns .list > li{ padding:17px 0 0; box-sizing:border-box; }
.main-sns .list > li:first-child{ padding-top:0; }
.main-sns .scrollbar{ margin-top:12px; }
.main-sns .list > li:last-child .top .link dt{ border-bottom:0; }
.main-row-area + .main-row-area{ margin-top:28px; }



.main-amount{ overflow:hidden; position:relative; }
.main-amount:after{ content:''; position:absolute; right:50%; top:0; bottom:0; width:1px; background-color:#eee; }
.main-amount li{ float:left; width:50%; height:130px; padding:23px 20px 26px 20px; box-sizing:border-box; }
.main-amount li:nth-child(3),
.main-amount li:nth-child(4){ border-top:1px solid #eee; }
.main-amount li .amount-box .txt{ display:block; font-size:14px; font-weight:700; color:#444; }
.main-amount li .amount-box .num{ display:block; padding-left:38px; margin-top:2px; background-position:0 50%; background-repeat:no-repeat; font-size:24px; font-weight:900; }
.main-amount li .amount-box .num.all{ background-image:url('../../resource/images/common/ico_main_all.png'); }
.main-amount li .amount-box .num.twi{ background-image:url('../../resource/images/common/ico_main_twi.png'); }
.main-amount li .amount-box .num.news{ background-image:url('../../resource/images/common/ico_main_news.png'); }
.main-amount li .amount-box .num.com{ background-image:url('../../resource/images/common/ico_main_com.png'); }


.main-amount li .amount-box .percent{ display:block; margin-top:6px; font-size:13px; color:#888; }
.main-amount li .amount-box .percent em{ margin-left:10px; font-size:13px; color:#ef6a58; font-weight:700; }
.main-amount li .amount-box .percent em.plus{ color:#ef6a58; }
.main-amount li .amount-box .percent em.minus{ color:#4f5489; }



.main-row-area .bx-wrapper .bx-controls-direction a{ width:22px; height:42px; }
.main-row-area .bx-wrapper .bx-controls-direction .bx-prev{ left:-24px; background:url('../../resource/images/common/btn_mainslider_prev.png') no-repeat 50%; }
.main-row-area .bx-wrapper .bx-controls-direction .bx-next{ right:-24px; background:url('../../resource/images/common/btn_mainslider_next.png') no-repeat 50%; }




/********************************************************************************************************************/
												/* 컨텐츠 */
/********************************************************************************************************************/


/* 메인 */
.search-area{ padding:20px 0; /* text-align:right; */ }
.search-area:after{ content:''; display:block; clear:both; }
.search-area .inner{ float:right; }
.sch-inp{ display:inline-block; position:relative; width:250px; padding:0 40px 0 10px; border:1px solid #aaa; height:40px; vertical-align:middle; box-sizing:border-box; }
.sch-inp input[type="text"]{ width:100%; height:38px; background:none; border:0; outline:none; }
.sch-inp a{ position:absolute; top:10px; right:24px; width:16px; height:16px; background:url('../../resource/images/common/btn_sch.png') no-repeat 50%; }

.sch-inp + .btn{ margin-left:8px; }

.main-realtime{ background-color:#fff; }
.main-realtime .scrollbar{ height:260px; } 

.main-realtime .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.main-realtime .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right:8px; }

.main-cont .mcont{ height:260px; }
.main-cont .tit-area{ height:60px; padding:0 30px 0 30px; border-bottom:1px solid #dadadc; box-sizing:border-box; }
.main-cont .tit-area:after{ content:''; display:block; clear:both; }
.main-cont .tit-area .title{ float:left; padding-top:17px; font-size:16px; color:#333; font-weight:900; }
.main-cont .tit-area .right{ float:right; margin-top:22px }
.btn-more{ display:inline-block; width:20px; height:20px; margin-top:-3px; background:url('../../resource/images/common/btn_more.png') no-repeat 50%; }
.tabs01 + .btn-more{ margin-left:10px; margin-top:0; }

.time-list{ padding:22px 30px 15px 30px; }
.time-list li{ position:relative; margin-top:12px; }
.time-list li:after{ content:''; display:block; clear:both; }
.time-list li:first-child{ margin-top:0; }

.time-list li .left{ display:block; }
.time-list li .left em.ico{ position:relative; display:inline-block; /* float:left;  */width:34px; height:34px; border-radius:100%; background-color:#f6f6f6; background-repeat:no-repeat; background-position:50%; }
.time-list li .left em.ico:before{ content:''; position:absolute; left:50%; margin-left:-1px; top:-20px; width:1px; height:20px; background-color:#eaebef; }
.time-list li:first-child .left em.ico:before{ display:none; }

.time-list li .left em.ico.st01{ background-image:url('../../resource/images/common/ico_realtime01.png') }
.time-list li .left em.ico.st02{ background-image:url('../../resource/images/common/ico_realtime02.png') }
.time-list li .left a{ display:inline-block; max-width:70%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:20px; line-height:38px; font-size:14px; font-weight:700; color:#222; }
.time-list li .left a:hover{ text-decoration:underline; }
.time-list li .left .time{ display:inline-block; margin-left:22px; line-height:38px; line-height:38px; font-size:13px; color:#4f4481; vertical-align:top; }
.time-list li .right{ position:absolute; top:0; right:38px; line-height:38px;  font-size:13px; color:#888; }


.box-area{ overflow:hidden; margin-top:10px; }
.box-area .list{ margin:0 -5px;  }
.box-area .list > li{ float:left; width:50%; padding:0 5px; box-sizing:border-box; }
.box-area .list > li .inner{ background-color:#fff; }
.box-area{}


.keyword-wrap{ margin-top:10px; background-color:#fff; }
.keyword-wrap .list{ overflow:hidden; height:400px; }
.keyword-wrap .list > li{ float:left; width:39%; }
.keyword-wrap .list > li:first-child{ width:61%; border-right:1px solid #dadadc; box-sizing:border-box; }
.keyword-wrap .view-list{ padding:8px 30px 0 30px; }
.keyword-wrap .view-list .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right:-20px; }
.keyword-wrap .sns-list{ border-bottom:0; }
.keyword-wrap .sns-list > li{ height:106px; padding:13px 0 0 0; box-sizing:border-box; }
.keyword-wrap .sns-list > li:last-child{ border-bottom:0; }
.keyword-wrap .sns-list > li > .info{ float:none; margin-left:0; }
.keyword-wrap .sns-list > li .subject{ max-width:100%;  max-height:40px; white-space:normal; }
.keyword-wrap .sns-list > li .sns-time{ margin-top:10px; }
.btn-detail{ display:block; width:100%; height:44px; margin-top:2px; background-color:#f0f0f3; border:1px solid #dadadc; font-size:14px; color:#444; }


.keyword-area{ overflow:hidden; box-sizing:border-box; }
.keyword-area .keyword{ padding-top:10px; }
.kword{ display:inline-block; margin-top:12px; padding:5px 10px 6px; font-size:14px; border-radius:15px; }
.kword + .kword{ margin-left:3px; }
.kword.st1{ color:#4f5489; border:1px solid #4f5489; }/* 인명 */
.kword.st2{ color:#2dc1ff; border:1px solid #2dc1ff; }/* 상품 */
.kword.st3{ color:#ef6a58; border:1px solid #ef6a58; }/* 장소 */
.kword.st4{ color:#a281be; border:1px solid #a281be; }/* 조직 */
.kword.st5{ color:#72ab3a; border:1px solid #72ab3a; }/* 법률 */
.kword.st6{ color:#888; border:1px solid #888; }/* 기타 */


.influencer-area{ margin-top:10px; background-color:#fff; }

.influencer-list{ height:349px; }
.influencer-list > li{ padding:17px 30px; border-top:1px solid #f0f0f3; }
.influencer-list > li:first-child{ border-top:0; }
.influencer-list .row{ display:table; width:100%; table-layout:fixed; }
.influencer-list .col{ display:table-cell; vertical-align:middle; }
.influencer-list .col:last-child{ width:282px; padding-left:50px; border-left:1px solid #f0f0f3; box-sizing:border-box; }

.influencer-list .col .link{ padding:15px 27px 15px 0; }
.influencer-list .col .link > li{ margin-top:10px; }
.influencer-list .col .link > li:first-child{ margin-top:0; }
.influencer-list .col .link > li > a{ display:block; overflow:hidden; max-width:100%; font-size:14px; font-weight:700; color:#222; text-overflow:ellipsis; white-space:nowrap; }
.influencer-list .col .link > li > a:hover{ text-decoration:underline; }
.influencer-list .col .info{ display:inline-block; position:relative; width:100%; vertical-align:middle; }
.influencer-list .col .info .user-area .user-id{ display:block; max-width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }
.influencer-list .col .info .user-area .user-num{ display:block; margin-top:5px; font-size:14px; color:#888; }
.influencer-list .col .info .user-area .user-num em{ margin-left:7px; font-size:14px; color:#4f5489; font-weight:900; }
.influencer-list .col .info .btn-more{ position:absolute; top:50%; margin-top:-7px; right:0; }
.influencer-area .tab-content01{ height:349px; }

.amount-area{ overflow:hidden; margin-top:10px; }
.amount-area .amount-list{ margin:0 -5px; }
.amount-area .amount-list li{ float:left; width:25%; padding:0 5px; box-sizing:border-box; }
.amount-area .amount-list li .box{ padding:20px 97px 24px 40px; background-color:#fff; background-repeat:no-repeat; background-position:right 40px center; }
.amount-area .amount-list li .box .num{ display:block; font-size:32px; font-weight:900; }
.amount-area .amount-list li .box .txt{ display:block; font-size:15px; color:#888; }
.amount-area .amount-list li .box.bg1{ background-image:url('../../resource/images/common/ico_amount01.png'); }
.amount-area .amount-list li .box.bg2{ background-image:url('../../resource/images/common/ico_amount02.png'); }
.amount-area .amount-list li .box.bg3{ background-image:url('../../resource/images/common/ico_amount03.png'); }
.amount-area .amount-list li .box.bg4{ background-image:url('../../resource/images/common/ico_amount04.png'); }


.amount-area .amount-list li .box .percent{ display:block; margin-top:6px; font-size:13px; color:#888; }
.amount-area .amount-list li .box .percent em{ margin-left:10px; font-size:13px; color:#ef6a58; font-weight:700; }
.amount-area .amount-list li .box .percent .plus{ color:#ef6a58; }
.amount-area .amount-list li .box .percent .minus{ color:#4f5489; }


.graph-cont .graph{ height:319px; padding-top:10px; box-sizing:border-box; }





/* 클러스터링 */
.time-info{ margin-left:30px; }
.time-info em{ display:inline-block; position:relative; font-size:13px; color:#888; }
.time-info em + em{ margin-left:6px; padding-left:8px; }
.time-info em + em:before{ content:''; position:absolute; left:0; top:2px; bottom:2px; width:1px; background-color:#9b9b9b; }

.borad-area{ position:relative; padding:28px 48px 30px 38px; }
.borad-area:before{ content:''; position:absolute; left:46px; top:33px; bottom:0; width:2px; background-color:#f0f0f3; }
.board-list > li{ position:relative; } 
.board-list > li:before{ content:''; position:absolute; left:-38px; top:3px; width:10px; height:10px; background-color:#4f5489; border:4px solid #f0f0f3; border-radius:100%; } 
.board-list > li + li{ margin-top:54px; } 

.board-list .desc{ overflow:hidden; height:50px; margin-top:13px; font-size:14px; color:#666; line-height:25px; cursor:pointer; }
.board-list .desc:hover{ text-decoration:underline; }
.board-list .link-list{ margin-top:16px; }
.board-list .link-list li{ padding-left:24px; background:url('../../resource/images/common/ico_board_list.png') no-repeat 0 50%; }
.board-list .link-list li a{ display:inline-block; overflow:hidden; white-space:nowrap; max-width:50%; font-size:15px; color:#444; line-height:32px; vertical-align:middle; text-overflow:ellipsis; }
.board-list{ position:relative;  padding-left:38px; }

.board-list > li .tit-area .tit a{ font-size:16px; font-weight:700; color:#222; }
.board-list > li .tit-area .tit a:hover{ text-decoration:underline; }
.borad-area .btn-all-list{ display:inline-block; margin-top:16px; padding-right:27px; background:url('../../resource/images/common/btn_all_list.png') no-repeat right center; font-size:15px; color:#4f5489; border-bottom:1px solid #4f5489; }
.borad-area .btn-all-list em{ font-weight:900; font-size:15px; color:#4f5489; }

.borad-area.st2{ padding:0; }
.borad-area.st2:before{ display:none; }
.borad-area.st2 .board-list{ border-bottom:1px solid #dadadc; }
.borad-area.st2 .board-list > li{ padding:24px 48px 24px 38px; }
.borad-area.st2 .board-list > li:before{ display:none; }
.borad-area.st2 .board-list{ padding-left:0; }
.borad-area.st2 .board-list > li + li{ margin-top:0; border-top:1px solid #f0f0f3; }




/* 로그인 */
.login-area{ background:url('../../resource/images/common/bg_login.jpg') no-repeat 0 0; background-size:cover; }
.login-area .login-box{ margin:0 auto; margin-top:200px; width:496px; height:596px; padding:78px 92px 64px; background-color:#fff; border-radius:15px; box-sizing:border-box; }
.login-area .login-box .login-logo{ width:106px; height:59px; margin:0 auto; background:url('../../resource/images/common/login_logo.png') no-repeat 50%; text-indent:-9999px; }
.login-area .login-box .stit{ margin-top:12px; font-size:24px; color:#4f5489; text-align:center; font-weight:900; }

.login-inp{ margin-top:50px; }
.login-inp li + li{ margin-top:38px; }
.login-inp li input{ width:100%; padding:0 0 8px 30px; border:0; border-bottom:1px solid #929292; background:url('../../resource/images/common/ico_login_pw.png') no-repeat 3px 0; }
.login-inp li:first-child input[type="text"]{ background:url('../../resource/images/common/ico_login_id.png') no-repeat 3px 0; }
.login-inp li input::-webkit-input-placeholder { 
	font-size:14px;
	color:#888;
}
.login-inp li input::-moz-placeholder { 
	font-size:14px;
	color:#888;
}
.login-inp li input:-ms-input-placeholder { 
	font-size:14px;
	color:#888;
}
.login-inp li input:-moz-placeholder { 
	font-size:14px;
	color:#888;
}



.login-chk{ overflow:hidden; margin-top:20px; }
.login-chk li{ float:right; }
.login-chk li:first-child{ background:url('../../resource/images/common/'); }
.login-chk li .pw-link{ font-size:14px; color:#222; font-weight:700; }
.login-chk li .pw-link:hover{ color:#4f5489; }
.login-chk li:first-child{ float:left; }
.login-chk li .chk input[type="checkbox"] + label{ font-size:14px; color:#222; }
.login-box .log-btn-area{ margin-top:50px; }
.login-box .log-btn-area .log-btn{ display:block; width:100%; padding:14px 0 15px; text-align:center; border-radius:30px; font-size:16px; font-weight:700; color:#fff; background-color:#222; border:1px solid #222; }
.login-box .log-btn-area .log-btn.st2{ border-color:#222; background:none; color:#222; }
.login-box .log-btn-area .log-btn:hover{ border-color:#4f5489; background:#4f5489; }
.login-box .log-btn-area .log-btn.st2:hover{ color:#4f5489; background:none; }
.login-box .log-btn-area .log-btn + .log-btn{ margin-top:7px; }

.login_toggle_box {margin-top: 10px; text-align: right;}
.login_toggle_text {font-size: 14px; cursor: pointer; color:#222;}

/* 전체메뉴 */
#hamburger-menu {
	display:inline-block;	
    position: relative; 
    width:22px;
    height:22px;
    margin-left:30px;
	cursor:pointer;
	z-index:100;
}

#hamburger-menu span {
    opacity: 1;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 10px;
    color: black;
    background-color: white;
    position: absolute;
    transform: rotate(0deg);
    transition: .4s ease-in-out;
	background-color:#222;
	z-index:999; 
}
/* #hamburger-menu.open{
	position:fixed;
	left:1190px;
	top:31px;
} */
#hamburger-menu.open span{
	background-color:#fff;
}

#hamburger-menu span:nth-child(1) {
    top: 0;
}
#hamburger-menu span:nth-child(2) {
    top: 9px;
}
#hamburger-menu span:nth-child(3) {
    top: 18px;
}
#hamburger-menu.open span:nth-child(1) {
    transform: translateY(9px) rotate(135deg);
}
#hamburger-menu.open span:nth-child(2) {
    opacity: 0;
    transform: translateX(-60px);
}
#hamburger-menu.open span:nth-child(3) {
    transform: translateY(-9px) rotate(-135deg);
}


.sitemap{ display:none;  position:fixed; top:0; right:0; left:0; bottom:0; background-color:#222; z-index:99; }
.sitemap .inner{ width:1280px; padding:58px 156px 0 156px; box-sizing:border-box; }/* 
.sitemap .inner .accordion{ transition:all .2s; }
.sitemap .inner .accordion dd{ display:none; } */
.sitemap .inner .accordion + .accordion{ margin-top:46px; }
.sitemap .inner .accordion dt{ overflow:hidden; padding-bottom:24px; border-bottom:1px solid #444; background:url('../../resource/images/common/ico_accordion_down.png') no-repeat right 20px top 12px; cursor:pointer; }
.sitemap .inner .accordion dt.active{ background:url('../../resource/images/common/ico_accordion_up.png') no-repeat right 20px top 12px; }
.sitemap .inner .accordion dt.nodepth{ background:none; }
.sitemap .inner .accordion dt a{ display:inline-block; font-size:20px; color:#fff; font-weight:900; }
.sitemap .inner .accordion dd{ display:none; }  
.sitemap .inner .accordion dt.active + dd{ display:block; }  

/* .sitemap .inner .accordion dd{ padding:0 0 92px; } */
.sitemap .inner .accordion dd .depth2{ margin-top:26px; }
.sitemap .inner .accordion dd .depth2:after{ content:''; display:block; clear:both; }
.sitemap .inner .accordion dd .depth2 > li{ float:left; width:20%; padding:0 54px 0 0; box-sizing:border-box;  }
.sitemap .inner .accordion dd .depth2 > li > a{ display:block !important; font-size:16px; color:#fff; font-weight:700; }


.sitemap .inner .accordion dd .depth3{ margin-top:18px; }
.sitemap .inner .accordion dd .depth3 > li{ position:relative; }
.sitemap .inner .accordion dd .depth3 > li:hover .depth4{ display:block; z-index:1; }
.sitemap .inner .accordion dd .depth3 > li > a{ display:inline-block; font-size:14px; color:#aaa; padding:5px 76px 6px 0; }
.sitemap .inner .accordion dd .depth3 > li > a:hover{ color:#b1b4e6; }


.sitemap .inner .accordion dd .depth4{ display:none; position:absolute; left:50%; top:0; min-width:80px; padding:10px 22px 10px 22px; background-color:#2a2a2a; }
.sitemap .inner .accordion dd .depth4:before{ content:''; position:absolute; left:-6px; top:9px; width:9px; height:11px; background:url('../../resource/images/common/sitemap_menu_arr.png') no-repeat 50%; }
.sitemap .inner .accordion dd .depth4 > li > a{ display:inline-block; font-size:14px; color:#aaa; padding:5px 0 6px; }
.sitemap .inner .accordion dd .depth4 > li > a:hover{ color:#b1b4e6; }


.sitemap .inner .accordion dd .depth3 > li:hover .depth4{ display:block; }

.sitemap .inner .accordion dd .depth3 > li:nth-child(6) .depth4,
.sitemap .inner .accordion dd .depth3 > li:nth-child(7) .depth4,
.sitemap .inner .accordion dd .depth3 > li:nth-child(8) .depth4{ top:auto; bottom:0; }


.sitemap .inner .accordion dd .depth3 > li:nth-child(6) .depth4:before,
.sitemap .inner .accordion dd .depth3 > li:nth-child(7) .depth4:before,
.sitemap .inner .accordion dd .depth3 > li:nth-child(8) .depth4:before{ top:auto; bottom:9px; }

/* bxslider reset */
.bx-wrapper{
	margin-bottom:0;
	-moz-box-shadow:0 0 0 #ccc;
	-webkit-box-shadow:0 0 0 #ccc;
	box-shadow:0 0 0 #ccc;
	border:0;
	background:none;
}
.bx-viewport {
	height: auto !important;
}
.bx-wrapper .bx-pager{ display:none; }
.sitemap .bx-wrapper .bx-controls-direction a{ width:22px; height:42px; margin-top:-40px; }
.sitemap .bx-wrapper .bx-next{ right:-74px; background:url('../../resource/images/common/bx_next.png') no-repeat 50%; background-size:22px auto; }
.sitemap .bx-wrapper .bx-prev{ left:-74px; background:url('../../resource/images/common/bx_prev.png') no-repeat 50%; background-size:22px auto; }
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus{ background-position:0 0; }
.sitemap .bx-viewport{ padding-bottom:92px; }


/* SNS 실시간 */
.sns-list{ border-bottom:1px solid #aaa; }
.sns-list li{ overflow:hidden; padding:29px 28px 29px; border-bottom:1px solid #f0f0f3; }
.sns-list > li .num{ float:left; margin-top:11px; font-size:20px; font-weight:900; color:#4f5489; } 
 
.photo-area{ float:left; margin-top:7px; }
.photo{ display:inline-block; overflow:hidden; width:50px; height:50px; border-radius:100%; background:url('../../resource/images/common/bg_user.png') no-repeat 50%; }


.sns-list li .info{ float:left; width:90%; margin-left:30px; }
.sns-list li .info .desc{ margin-top:4px; font-size:14px; color:#444;  }

.sns-list li .sns-id{ display:inline-block; padding-left:20px; font-size:13px; color:#444;  background:url('../../resource/images/common/ico_twitter.png') no-repeat 0 50%; }
.sns-list li .subject{ display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:700; margin-top:4px; }
.sns-list li .subject:hover{ text-decoration:underline; }
.sns-list li .sns-time{ display:block; margin-top:4px; }
.sns-list li .sns-time span{ display:inline-block; position:relative; font-size:14px; color:#888; vertical-align:bottom; }

.sns-list li .sns-time span:before{ content:''; position:absolute; left:0; top:3px; bottom:1px; width:1px; background-color:#888; }
.sns-list li .sns-time span:first-child:before{ display:none; }


.top-area .btn-area .total{ float:left; margin-top:10px; font-size:14px; color:#888; font-weight:700; }
.top-area .btn-area .total + .btn-graph{ margin-left:20px; }
.top-area .btn-area .total em{ font-size:14px; color:#222; font-weight:900; }



/* 유명팬 */
.sns-info-list{ display:table; width:100%; table-layout:fixed; }
.sns-info-list > li{ display:table-cell; width:61%; vertical-align:top; }
.sns-info-list > li:first-child{ width:39%; border-right:1px solid #aaa; box-sizing:border-box; }
.sns-info-list > li .snsbox > li{ border-bottom:1px solid #f0f0f3; }


.sns-info-list > li .snsbox > li > a{ overflow:hidden; display:block; padding:17px 30px 22px 34px; background:url('../../resource/images/common/btn_sns_box_arr.png') no-repeat right 26px center; }
.sns-info-list > li .snsbox > li > a.on{ background:#4f5489 url('../../resource/images/common/btn_sns_box_arr_on.png') no-repeat right 26px center; }
.sns-info-list > li .snsbox > li > a .photo-area{ float:left; }
.sns-info-list > li .snsbox > li > a .info{ float:left; margin:10px 0 0 27px; }
.sns-info-list > li .snsbox > li > a .info .user-id{ display:block; font-size:16px; font-weight:700; }
.sns-info-list > li .snsbox > li > a .info .user-num{ display:block; margin-top:4px; font-size:15px; color:#888; }
.sns-info-list > li .snsbox > li > a .info .user-num em{ font-size:15px; color:#4f5489; font-weight:700; }
.sns-info-list .sns-list{ padding:0 30px; border-bottom:0; }
.sns-info-list .sns-list li .subject{ max-width:none; /* max-height:44px; */ height:40px; white-space:normal; }
.sns-info-list .sns-list li{ padding:18px 70px 19px 0; }
.sns-info-list .sns-list li .info{ margin-left:0; }
.sns-info-list .paging-area{ padding:34px 0 30px; }

.sns-info-list > li .snsbox > li > a.on .user-id,
.sns-info-list > li .snsbox > li > a.on .user-num,
.sns-info-list > li .snsbox > li > a.on .user-num em{ color:#fff; }

.sns-info-list .sns-list li .sns-id{ display:inline-block; width:18px; height:18px; background:url('../../resource/images/common/ico_twitter.png') no-repeat 0 50%; padding-left:0; }

.sns-list li .sns-time span + span{ margin-left:8px; padding-left:10px; }
.sns-info-list .sns-list li .sns-time .sns-id + span{ padding-left:0; margin-left:0; }
.sns-info-list .sns-list li .sns-time .sns-id + span:before{ display:none;  }

/* 설정 */
.setting-area{ padding:0 28px; border-bottom:1px solid #aaa; }

.stit-area{ padding:26px 0; border-bottom:1px solid #aaa; }
.stit-area .stit{ font-size:18px; font-weight:900; }


.setting-area .set-list .inner{ padding:30px 0 30px 0; }
.setting-area .set-list{ overflow:hidden; }
.setting-area .set-list > li{ float:left; width:50%; padding:0 0 0 20px; box-sizing:border-box; }
.setting-area .set-list > li:first-child{ padding:0 20px 0 0; }
.setting-area .set-list > li .switch-area{}
.setting-area .set-list > li .switch-area > li{ display:table; width:100%; table-layout:fixed; }
.setting-area .set-list > li .switch-area > li .tit{ display:table-cell; width:158px; margin-right:30px; font-size:15px; font-weight:700; color:#222; vertical-align:middle; }
.setting-area .set-list > li .switch-area > li .switch{ display:table-cell; vertical-align:middle; }
.setting-area .set-list > li .switch-area > li + li{ margin-top:28px; }
.setting-area .set-list > li .desc{ margin-top:24px; font-size:13px; color:#888; }

.write-area{ padding:25px 0; }

/* 스위치 */
.switch input[type="checkbox"] {
  display: none;
}

.label__on-off {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width:70px;
    height:26px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    background-color: #f0f0f3;
    color: #bababc;
	font-size:12px; 
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.label__on-off > * {
    vertical-align: sub;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 12px;
}

.label__on-off .marble {
    position: absolute;
    top:3px;
    left:3px;
    display: block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
   /*  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3); */
}

.label__on-off .on {
    display: none;
	padding:4px 0 0 11px;
}

.label__on-off .off {
    padding-left: 38px;
    line-height: 25px;
	color:#bababc;
	font-size:12px; 
}

.input__on-off:checked + .label__on-off {
    background-color: #4f5489;
}

.input__on-off:checked + .label__on-off .on {
    display: inline-block;
	color:#fff;
}

.input__on-off:checked + .label__on-off .off {
    display: none;
}

.input__on-off:checked + .label__on-off .marble {
    left:47px;
}


/* 대시보드 */
.detection{ padding:30px; }
.detection .dlist{ overflow:hidden; margin:0 -6px; }
.detection .dlist li{ float:left; width:33.33%; padding:0 6px; box-sizing:border-box; }
.detection .dlist li .box span{ display:block; padding:10px 0 11px; font-size:15px; text-align:center; border:1px solid #dadadc; border-bottom:0; background-color:#f7f8fa; }
.detection .dlist li .box strong{ display:block; padding:13px 0 16px; font-size:32px; color:#f6191f; text-align:center; font-weight:900; border:1px solid #dadadc; }


.detection .dlist li .box strong.st2{ color:#f76745; }
.detection .dlist li .box strong.st3{ color:#f7ae4f; }

.mention .mlist{ overflow:hidden; padding:26px 0 27px; }
.mention .mlist > li{ float:left; position:relative; width:50%; padding:30px 0; box-sizing:border-box; }
.mention .mlist > li:last-child:before{ content:''; position:absolute;  top:0; left:0; bottom:0; width:1px; background-color:#f0f0f3; }

.mention .mlist > li{ text-align:center; }
.mention .mlist > li .mbox{ display:inline-block; padding-left:76px; background:url('../../resource/images/common/bg_mention01.png') no-repeat 0 50%; }
.mention .mlist > li .mbox.st2{ background:url('../../resource/images/common/bg_mention02.png') no-repeat 0 50%; }
.mention .mlist > li .mbox .mtop .total{ font-size:15px; color:#888; }
.mention .mlist > li .mbox .mtop .percent{ display:inline-block; margin-left:15px; padding-right:16px; font-weight:700; font-size:13px; color:#ef6a58; background:url('../../resource/images/common/ico_status_up.png') no-repeat 100% 50%; }
.mention .mlist > li .mbox .mtop .percent.down{ color:#2dc1ff; background:url('../../resource/images/common/ico_status_down.png') no-repeat 100% 50%; }
.mention .mlist > li .mbox .num{ text-align:left; font-weight:900; font-size:32px; }







.box-area .channel{ overflow:hidden; padding:34px 0 34px 70px; }
.box-area .channel .graph{ float:left; }
.box-area .channel .graph-info{ float:left; margin:24px 0 0 108px; margin-left:108px; }
.box-area .channel .graph-info li{ display:table; width:100%; margin-top:25px; }
.box-area .channel .graph-info li:first-child{ margin-top:0; }
.box-area .channel .graph-info li span{ display:table-cell; }
.box-area .channel .graph-info li .name{ width:133px; font-size:15px; font-weight:700; }
.box-area .channel .graph-info li .percent{ font-size:18px; color:#888; }

.box-area .channel .graph-info li em{ display:inline-block; width:14px; height:14px; margin-right:14px; border-radius:100%; border:2px solid #2dc1ff; box-sizing:border-box; }
.box-area .channel .graph-info li em.ico-twi{ border-color:#2dc1ff; background-color:#96e0ff; }
.box-area .channel .graph-info li em.ico-com{ border-color:#f07160; background-color:#f7b4ab; }
.box-area .channel .graph-info li em.ico-news{ border-color:#4f5489; background-color:#a7a9c4; }



.keyword-top{ padding:20px 0; }
.keyword-top li{ padding:4px 30px 5px; }
.keyword-top li .num{ display:inline-block; width:18px; height:18px; margin-right:10px; font-size:13px; color:#888; border:1px solid #dadadc; background-color:#f0f0f3; text-align:center; vertical-align:9px; }
.keyword-top li em{ display:inline-block; width:87%; padding:4px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; }
.keyword-top li a{ display:inline-block; width:87%; padding:4px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; }




.status-info{ margin-top:10px; background-color:#fff; }
.status-info .info-area{ overflow:hidden; } 
.status-info .info-area .graph{ float:left; width:731px; border-right:1px solid #dadadc; } 
.status-info .info-area .scrollbar{ float:left; width:468px; } 
.status-info .info-area .sns-list{ border-bottom:0; } 
.status-info .info-area .sns-list li .subject{ max-width:none; max-height:44px; white-space:normal; font-size:15px; } 
.status-info .info-area .sns-list li .info{ margin-left:0; } 

.keyword-list{ overflow:hidden; padding:0 10px; }
.keyword-list > li{ float:left; width:50%; padding:0 20px; box-sizing:border-box; }
.keyword-list .keyword-top{ padding:12px 0; }
.keyword-list .keyword-top li{ border-top:1px solid #f0f0f3; background-image:url('../../resource/images/common/ico_keyword_arr.png'); background-position:right 30px center; background-repeat:no-repeat; }
.keyword-list .keyword-top li .num{ vertical-align:19px; }
.keyword-list .keyword-top li:first-child{ border-top:0; }
.keyword-list .keyword-top li a{ padding:13px 0; font-size:15px; }
.section + .section{ margin-top:10px; }

.well{ position:relative; }
.well .num{ display:inline-block; width:18px; height:18px; margin-right:10px; font-size:13px; color:#888; border:1px solid #dadadc; background-color:#f0f0f3; text-align:center; }
.well .tit{ display:inline-block; max-width:78%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:700; vertical-align:middle; }
.well .btn-rolling{ position:absolute; right:0; top:0; width:20px; height:14px; background:url('../../resource/images/common/btn_rolling_up.png') no-repeat 50%; z-index:1; }
.well .btn-rolling.st2{ position:absolute; right:0; top:10px;  background:url('../../resource/images/common/btn_rolling_down.png') no-repeat 50%; }

/********************************************************************************************************************/    
												/* 풋터 */
/********************************************************************************************************************/
#footer{ margin-top:40px; border-top:1px solid #ddd; }
#footer .sec{ padding:12px 40px 13px; text-align:right; }
#footer .sec .copyright{ font-size:13px; color:#888; }