@charset "utf-8";

/*
+----------------------------------------------------------------------+
| Copyright (c) vaiv.  co. Ltd
+----------------------------------------------------------------------+
| page Style CSS
+----------------------------------------------------------------------+
*/

* {-moz-user-select:none;-webkit-user-select:none;user-select:none;}
input {-moz-user-select:auto;-webkit-user-select:auto;user-select:auto;}
a {text-decoration:none;color: inherit;-webkit-tap-highlight-color: rgba(0,0,0,.0);}
a:link,a:visited {text-decoration:none;outline:none;}
a:hover,a:active,a:focus {text-decoration:none;}
    
body {background-color: #fff;}
.main_menu.menu_cover{width:100%;height:100%;position:fixed;background-color:#00000088;z-index:1000;overflow-x:hidden;display:none;opacity:0; -webkit-transition: .4s; transition: .4s;}
.main_menu.menu_cover.menu_on {display:inherit;opacity:1; -webkit-transition: .4s; transition: .4s;}
.main_menu.menuon .menu_slide{margin-left:90%;-webkit-transition: .4s; transition: .4s;}
.main_menu .menu_slide{width:85%;height:100%;margin-left:100%;background-color:#FFFFFF;color:#41405A;font-size:17px;font-family:NotoSansKR-Medium;font-weight:700;opacity:0.4;-webkit-transition: .4s; transition: .4s;}
.main_menu .menu_slide.open {margin-left:15%;opacity:1;border-top-left-radius: 10px;border-bottom-left-radius: 10px;
		animation-name: slide_move, slide_round, slide_opacity;
        animation-duration: 0.4s;
        animation-iteration-count: 1;
        animation-direction: normal;
        animation-timing-function:ease-out;
}
.main_menu .menu_slide a{color:#41405A;font-size:17px;font-family:NotoSansKR-Medium;font-weight:500;}
.main_menu .menu_header{width:100%;height:50px;border-bottom:1px solid #F2F2F3;}
.main_menu .menu_header_title{padding:12px;}
.main_menu .login_img{margin:2px 12px;vertical-align:middle;}
.main_menu .login_label{line-height: 24px;vertical-align:middle;}
.main_menu .menu_close{float:right;margin-right:6px;top:13px;width:26px;height:26px;background: url(../images/close.png) no-repeat;background-size:contain;border:none;font-size:10px;color:transparent;}

@-webkit-keyframes slide_move {
	from {
		margin-left:100%;
	}
	to {
		margin-left:15%;
	}
}
@keyframes slide_move {
	from {
		margin-left:100%;
	}
	to {
		margin-left:15%;
	}
}

@-webkit-keyframes slide_round {
	0% {
		border-top-left-radius: 0px;border-bottom-left-radius: 0px;
	}
	70% {
		border-top-left-radius: 0px;border-bottom-left-radius: 0px;
	}
	100% {
		border-top-left-radius: 10px;border-bottom-left-radius: 10px;
	}
}
@keyframes slide_round {
	0% {
		border-top-left-radius: 0px;border-bottom-left-radius: 0px;
	}
	70% {
		border-top-left-radius: 0px;border-bottom-left-radius: 0px;
	}
	100% {
		border-top-left-radius: 10px;border-bottom-left-radius: 10px;
	}
}

@-webkit-keyframes slide_opacity {
	from {
		opacity:0.4;
	}
	to{
		opacity:1;
	}
}
@keyframes slide_opacity {
	from {
		opacity:0.4;
	}
	to{
		opacity:1;
	}
}

@-webkit-keyframes box_ani{
    0%{ transform:translateY(25px); opacity: 0;}
    100%{transform:translateY(0); opacity: 1;}
}
@keyframes box_ani{
    0%{ transform:translateY(25px); opacity: 0;}
    100%{transform:translateY(0); opacity: 1;}
}

@-webkit-keyframes show_ani{
    0%{ opacity: 0;}
    100%{opacity: 1;}
}
@keyframes show_ani{
    0%{ opacity: 0;}
    100%{opacity: 1;}
}

@-webkit-keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}
@keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.main_menu .menu_lists{margin:0px 20px;}
.main_menu .menu_lists li {height:64px;border-bottom:1px solid #F2F2F3;}
.main_menu .menu_lists li:not(.menuOff):last-child {border-bottom:0px;}
.main_menu .menu_lists li a{margin-top:21px;display:inline-block;width:100%;}
.main_menu .menu_lists li .menu_link {float:right;width:24px;height:24px;background: url(../images/arrow_right_gray.png) no-repeat;background-size:contain;border:none;font-size:10px;color:transparent;}
.main_menu .menu_lists li .menu_link2 {float:right;width:24px;height:24px;background: url(../images/menu_move2.svg) no-repeat;background-size:contain;border:none;font-size:10px;color:transparent;}
.main_menu .menu_setting_div {width: 85%;position: absolute;bottom: 0px;}
.main_menu .menu_setting_div .menu_setting_inner{margin:30px 20px;}
.main_menu .menu_setting {border:1px solid #EBECF2;background-color:#FBFBFF;border-radius:10px;height:42px;font-weight:500;width:100%;}
.main_menu .menu_setting.menu_setting_off {display:none;width:45%;}
.main_menu .menu_lists li .menu_move{float:right;margin-right:16px;}
.main_menu .menu_lists li .switch-button {float:right;}
.main_menu .menu_slide .menu_lists li.menuOff {display:none;}
.main_menu .menu_slide.setting .menu_lists li.menuOff {display:block;}
.main_menu .menu_slide.setting .menu_lists li:last-child {border-bottom:0px;}

.main_menu .menu_slide.setting .menu_link {display:none;}
.main_menu .menu_slide.setting .menu_link2 {display:none;}
.main_menu .menu_slide.setting .menu_tool {display:inline-block;}
.main_menu .menu_slide .menu_tool {display:none;}

.main_menu .setting .menu_setting {display:none;}
.main_menu .setting .menu_setting .menu_link {display:none;}
.main_menu .setting .menu_setting.menu_setting_off {display:inline-block;}
.main_menu .setting .menu_setting.menu_setting_off:last-child {float:right;}

.switch-button {position: relative;display: inline-block; width: 39px; height: 20px; } 
.switch-button input {opacity: 0; width: 0; height: 0; } 
.onoff-switch {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius:20px; background-color: #CCC; -webkit-transition: .4s; transition: .4s; } 
.onoff-switch:before {position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: #fff; -webkit-transition: .5s; transition: .4s; border-radius:50%; }
.switch-button input:checked + .onoff-switch {background-color: #5B50BC;} 
.switch-button input:checked + .onoff-switch:before { content: "";-webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); }
.switch-button input + .onoff-switch + .onoff-label {font-size:8px;color:#FFFFFF;position:absolute;margin: 3px 3px;}
.switch-button input:not(:checked) + .onoff-switch + .onoff-label .off {margin-left:16px;} 
.switch-button input:not(:checked) + .onoff-switch + .onoff-label .on {display:none;} 
.switch-button input:checked + .onoff-switch + .onoff-label .on{} 
.switch-button input:checked + .onoff-switch + .onoff-label .off {display:none;}


.main_header {width:100%;height:50px;border-bottom:1px solid #F2F2F3;background-color:#FFFFFF;opacity:0;position:fixed;z-index:999;}
.main_header.complete {opacity:1; -webkit-transition: .5s; transition: .5s;-webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
.main_header .main_logo{margin:2px 3px 1px 8px;}
.main_header .beta {font-style: italic;display: inline-block;font-weight: 800;color: #ff5a5a;margin-bottom: 10px;top: -16px;position: relative;font-size: 14px;font-family: 'NotoSansKR-Medium';}
.main_header .main_header_title {padding:8px;}
.main_header .main_header_title a{display: inline-block; width: auto; height: 30px; }
.main_header .main_header_title a img{width: 100%; height: 100%;}
.main_header .main_back {margin: 0px 0px 5px 0px;}
.main_header .main_header_title_label {color:#41405A;font-size:17px;font-family:NotoSansKR-Medium;font-weight:700;margin:4px 0px 7px 0px;display:inline-block;width: calc(100% - 84px);
    height: 25px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
.main_header .menu_open{float:right;margin-right:18px;margin-top:2px;width:26px;height:26px;background: url(../images/menu_type2.png) no-repeat;background-size:contain;border:none;font-size:10px;color:transparent;}

.main_body {width:100%;background-color:#FFFFFF;opacity:0;padding-top:50px;padding-bottom:10px;font-family:NotoSansKR-Regular;font-weight:500;color:#41405A;min-height: calc(100% - 84px);}
.main_body a {color:#41405A;}
.main_body.complete {opacity:1; -webkit-transition: .5s; transition: .5s;-webkit-transition-delay: 0.5s; transition-delay: 0.5s;}

.main_body .splitDiv {display:block;background-color:#FAFAFA;height:10px;width:100%;border-top:1px solid #F2F2F3;}

.slideTabListCover {width:100%;padding:20px 0px 5px;overflow-x:scroll;}
.slideTabListCover::-webkit-scrollbar {width:0px;}
/* .slideTabListCover .slideTabList{margin:0px;padding-left: calc(50% - 45px);padding-right: calc(50% - 47px);width:max-content;} */
.slideTabListCover .slideTabList{margin:0px;padding-left: 20px;padding-right: 20px;width:max-content;}
.slideTabListCover .slideTabList li {display:inline-block;background-color:#EBECF2;border-radius:38px;padding:5px 10px;margin:0px 5px;}
.slideTabListCover .slideTabList li a {font-size:13px;font-weight:500;font-family:NotoSansKR-Medium;color:#6F797F;}
.slideTabListCover .slideTabList li.on {background-color:#5B50BC;}
.slideTabListCover .slideTabList li.on a {color:#FFFFFF;}
.slideTab {display:block;height:0px;overflow-y:hidden;-webkit-transition: 0.5s; transition: 0.5s;opacity:0;}
.slideTab.on {display:block;height:initial;-webkit-transition: 0.5s; transition: 0.5s;opacity:1;}
.moreBtn_area {display:none;}
div.menu_link {width: 100%;height: 109px;border-bottom: 1px solid #F2F2F3;overflow-x: scroll;overflow-y: hidden;margin: 0px 0px;padding: 8px 0px;}
div.menu_link::-webkit-scrollbar {width:1px;}
.menu_link .menu_link_lists {width:max-content;margin: auto;font-size:0px;padding: 0px 12px;}
.menu_link .menu_link_lists .menu_link_list {width:78px;text-align:center;display:inline-block;margin:3px;}
.menu_link .menu_link_lists .menu_link_list .menu_link_img {display:inline-block;width:60px;height:60px;border-radius:0px;background-color:#FFFFFF;opacity:0.5;}
.menu_link .menu_link_lists .menu_link_list .menu_link_img img {margin:15px;opacity:0;}
.menu_link .menu_link_lists .menu_link_list .menu_link_label {display:block; width:100%;text-align:center;color:#41405A;font-size:11px;font-family:NotoSansKR-Regular;font-weight:500;margin-top:5px;opacity:0;letter-spacing:-0.5px;}
.menu_link .menu_link_lists .menu_link_list.complete .menu_link_img {border-radius:100%;background-color:#EAEAFF;opacity:1; -webkit-transition: 2.5s; transition: 2.5s;-webkit-transition-delay: 1.5s; transition-delay: 1.5s;}
.menu_link .menu_link_lists .menu_link_list.complete .menu_link_img img {opacity:1;-webkit-transition: 0.5s; transition: 0.5s;-webkit-transition-delay: 0.7s; transition-delay: 0.7s;}
.menu_link .menu_link_lists .menu_link_list.complete .menu_link_label {opacity:1; -webkit-transition: 1.5s; transition: 1.5s;-webkit-transition-delay: 0.5s; transition-delay: 0.5s;}
.menu_link .menu_link_lists .menu_link_list.menuOff {display:none;}

.mainWrap .issuHis_list {display:none;}
.contentHeader {background-color:#FAFAFA;padding-bottom:10px;}
.mainWrap .searchFormArea {margin-bottom:0px;}
.mainWrap .box_shadow {padding-bottom:15px;}
.keywordArea #keywordRankingArea {margin-top:10px;}

.keywordHeader {background-color:#FFFFFF;padding:20px;border-top:1px solid #F2F2F3;}
.keywordHeader .searchFormArea {margin:0px 0px 14px;}


/* 의정활동 분석 */
.dataFutionAnalysisWrap .sectionBox {margin:20px;}
.dataFutionAnalysisWrap .contentInner .menuName {display:none;}
.dataSquare .contentInner .menuName {display:none;}
.dataFutionAnalysisWrap .contentInner .headerTitle {font-family:NotoSansKR-Medium;font-weight: bold;font-size: 18px;line-height: 130%;letter-spacing: -0.05em;color: #41405A;margin-bottom:10px;}
.dataFutionAnalysisWrap #headerArea .subtxtBox {font-family:NotoSansKR-DemiLight;font-size: 14px;line-height: 140%;letter-spacing: -0.05em;color: #6F797F;}
.dataFutionAnalysisWrap #headerArea .subtxtBox p {display:inline-block;}
.dataFutionAnalysisWrap .mobilewrap {margin:20px;}
.dataFutionAnalysisWrap .dataFusionBox li {margin:30px 0px;padding-bottom:30px;border-bottom: 1px solid #F2F2F3;}
.dataFutionAnalysisWrap .dataFusionBox li a {display:block;}
.dataFutionAnalysisWrap .dataFusionBox li a strong {display:block;font-family:NotoSansKR-Medium;font-weight: bold;font-size: 16px;line-height: 140%;letter-spacing: -0.05em;margin-bottom:5px;}
.dataFutionAnalysisWrap .dataFusionBox li a span{font-size: 13px;font-family:NotoSansKR-DemiLight;font-weight:400;line-height: 140%;letter-spacing: -0.05em;color: #6F797F;display:block;}
.dataFutionAnalysisWrap .dataFusionBox li .colBox .col {margin:30px 0px;border-bottom: 1px solid #F2F2F3;padding-bottom:30px;}
.dataFutionAnalysisWrap .dataFusionBox li .colBox .col.fr {border-bottom:0px;padding-bottom:0px;margin-bottom:0px;}
.dataFutionAnalysisWrap .dataFusionBox li .detailWrap {display:inline-block;vertical-align: middle;width:calc(100% - 75px);margin-left:15px;}

.dataFutionAnalysisWrap .dataFusionBox li a:before {display: inline-block;vertical-align: middle;content: '';width: 55px;height: 55px;margin-bottom:5px;background: #EAEAFF url(../images/datafusion_type1.png) no-repeat center center;border-radius: 50%;}
/* .dataFutionAnalysisWrap .dataFusionBox li a:first-child:before {display:none;} */
.dataFutionAnalysisWrap .dataFusionBox li:last-child {display:none;}
/* 
.dataFutionAnalysisWrap .dataFusionBox li .colBox .col:before {display:inline-block;vertical-align: middle;content: '';width: 55px;height: 55px;margin-bottom:5px;background: #EAEAFF url(../images/datafusion_type1.png) no-repeat center center;border-radius: 50%;}
 */
.dataFutionAnalysisWrap .dataFusionBox li .colBox .col:last-child a:before{background-image:url(../images/datafusion_type2.png);}
.dataFutionAnalysisWrap .dataFusionBox li:nth-child(2) a:before{background-image:url(../images/datafusion_type3.png);}
.dataFutionAnalysisWrap .dataFusionBox li:nth-child(3) a:before{background-image:url(../images/datafusion_type4.png);}
.dataFutionAnalysisWrap .dataFusionBox li:nth-child(4) a:before{background-image:url(../images/datafusion_type5.png);}

/* 국회의원별 광장 */
.contentsWrap.simple .simpleHide {display:none;}
.deptInfo .goListBtn {margin: 30px 20px 10px;padding: 8px 15px;display: block;text-align: center;vertical-align: middle;border-radius: 10px;background: #f5f5fd;height: 40px;font-size: 18px;line-height: 130%;letter-spacing: -0.05em;font-weight: bold;}

.deptInfo ul.profileTab {font-size:0px;text-align:center;padding:10px 20px 15px;} 
.deptInfo .profileTab li {display:inline-block;font-family:NotoSansKR-Medium;font-weight: 500;font-size: 18px;line-height: 130%;letter-spacing: -0.05em;color:#6F797F;padding:10px;}
.deptInfo .profileTab li a {color:#6F797F;min-width:90px;}
.deptInfo .profileTab li.on {color: #41405A;border-bottom: 2px solid #41405A;font-weight: bold;}
.deptInfo .profileTab li.on a {color: #41405A;}

.deptInfo .wrapProfile {margin:0px;padding:10px 20px;}
.deptInfo .actInfo {margin:0px;padding:10px 20px;}
.deptInfo .actInfo:last-child {margin-bottom:10px;}
.deptInfo h4.titH4 {font-family:NotoSansKR-Medium;font-weight: bold;font-size: 16px;line-height: 130%;letter-spacing: -0.05em;color: #41405A;margin-bottom:10px;}
.deptInfo .snsAct p.tit {font-family:NotoSansKR-Medium;font-weight: bold;font-size: 16px;line-height: 130%;letter-spacing: -0.05em;color: #41405A;margin-bottom:10px;}
.deptInfo .snsAct ul {background-color:#EAFAFC;border-radius: 10px;padding:15px;}
.deptInfo .snsAct ul li {width:calc( (100% - 40px) / 2);display:inline-block; margin-top:11px;}
.deptInfo .snsAct ul li:nth-child(1),.deptInfo .snsAct ul li:nth-child(2) {margin-top:0px;}
.deptInfo .snsAct ul li:nth-child(2n) {margin-left:35px;}
.deptInfo .snsAct ul span {display:inline-block;width:calc(100% - 40px);}
.deptInfo .snsAct ul p {display:inline-block;width:40px;text-align:right;}
.deptInfo .snsAct p.txt {display:none;}
.deptInfo .snsAct .btnMoreB {display:none;}

.deptInfo .minutesInfo .boardBoxB tr {border-bottom: 1px solid #E5E7EE;height:40px;}
.deptInfo .minutesInfo .boardBoxB td {font-family:NotoSansKR-Medium;font-size: 14px;line-height: 20px;text-align: center;color: #41405A;padding:0px 5px;}
.deptInfo .minutesInfo .boardBoxB thead td {font-weight: 500;}
.deptInfo .minutesInfo .boardBoxB thead tr {background-color:#F5F5FD;}
.deptInfo .minutesInfo .boardBoxB tbody tr td:first-child {font-weight: 500;}
.deptInfo .minutesInfo .boardBoxB .btnMoreG {display: block;width: 100%;border: 0px;margin-top: 10px;height: 35px;border-radius: 8px;font-weight: 800;color: #454545;}

.deptInfo .actInfo .boardBoxB {border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;}
.deptInfo .assemMem .boardBoxB {background-color:#F5F5FD;border-radius:10px;padding:10px;}
.deptInfo .assocMem .boardBoxB {background-color:#F5F5FD;border-radius:10px;padding:10px;}

.deptInfo .pInfo {display:block;background: #F5F5FD;border: 1px solid #EAEAFF;box-sizing: border-box;border-radius: 5px;font-size:0px;padding:10px;margin-bottom:20px;}
.deptInfo .pInfo li {display:inline-block;font-family: NotoSansKR-Medium;font-style: normal;font-weight: 500;font-size: 14px;line-height: 20px;letter-spacing: -0.05em;margin-left:5px;margin-bottom:5px;}
.deptInfo .pInfo li:first-child {margin-left:0px;}
.deptInfo .pInfo li.name{font-style: normal;font-weight: bold;font-size: 18px;line-height: 26px;letter-spacing: -0.05em;}
.deptInfo .pInfo li:last-child {display:block;margin-bottom:0px;}
.deptInfo .belong {display:inline-block;vertical-align:top;width:calc(100% - 110px);}
.deptInfo .belong li {margin-bottom:15px;font-weight:500;font-size: 14px;line-height: 20px;letter-spacing: -0.05em;}
.deptInfo .belong li:last-child {margin-bottom:0px;}
.deptInfo .belong li span {display:inline-block;width:70px;color: #41405A;vertical-align:top;}
.deptInfo .belong li p {display:inline-block;width: calc(100% - 88px);color: #888888;vertical-align:top;margin-left:15px;}
.deptInfo .thumbnailWrapper {display:inline-block;vertical-align:top;width:90px;margin-left:15px;}
.deptInfo .thumbnailWrapper .thumbnail{width:100%;}
.deptInfo .thumbnailWrapper .thumbnail .centered{width:100%;}
.deptInfo .thumbnailWrapper .thumbnail .centered img{max-width:100%;}
.deptInfo .thumbnailWrapper .thumbnail img {}
 
#personalIssKwdDiv thead th {border-bottom:0px;font-family:NotoSansKR-Medium;font-weight: bold;font-size: 18px;line-height: 130%;letter-spacing: -0.05em;color: #41405A;}
#personalIssKwdDiv tbody tr td {font-family:NotoSansKR-Medium;font-weight: 500;font-size: 15px;line-height: 130%;letter-spacing: -0.05em;color: #41405A;}
#personalIssKwdDiv tbody tr td:first-child {font-family: Montserrat Medium;font-weight: 600;font-size: 18px;line-height: 130%;letter-spacing: -0.05em;}
#personalIssKwdDiv tbody tr.selected td {color:#5B50BC;}
#personalIssKwdDiv tbody tr.selected td a {color:#5B50BC;}
#personalIssKwdDiv tbody tr td:last-child{font-family: Montserrat Medium;font-weight: 500;font-size: 12px;line-height: 130%;text-align: right;letter-spacing: -0.05em;color:#BEBEBE;}

.noResult {text-align: center;}
.zmdi-hc-spin {margin-top:0px !important;}
.slideCover {min-height:calc(100vh - 134px);background-color:#FFFFFF;}
/*이슈 히스토리*/

.issuHis_Wrap .issuHis_list li{float: left;width: 50%;text-align: center;cursor:pointer;color: #827c8b;}
.issuHis_Wrap .issuHis_list li a{display: block;font-size: 16px;padding: 10px;}
.issuHis_Wrap .issuHis_list li.on a{background-color:#6863ac; color:#fff}
.issuHis_con{max-height: 343px; overflow: hidden; overflow-y: scroll; margin-top: 10px;}

/*이슈 히스토리 slick*/
.timeLineBox .timeLine .timeBody{background:url(../images/bg_history.png) left top repeat-x;background-position-y:62px;}
.timeLineBox .timeLine .timeBody .timeItem{position:relative;text-align:left;transition: all 0.2s ease;}
.timeLineBox .timeLine .timeBody .timeItem .media:after{display:block;content:'';clear:both}
.timeLineBox .timeLine .timeBody .timeItem .media > *{float:left;height:30px;line-height:30px}
.timeLineBox .timeLine .timeBody .timeItem > a{display:block;position:relative;margin:15px 15px 30px 15px;padding:0 25px;box-sizing:border-box;height:275px;overflow:hidden;border:1px solid rgba(217,227,231, 1);border-radius:15px;box-shadow: 7px 7px #f0f0f0;background-color:#fff;text-align:center;}

.timeLineBox .timeLine .timeBody .timeItem > a span{text-align:left}
.timeLineBox .timeLine .timeBody .timeItem:last-child{margin-left:0px;}
.timeLineBox .timeLine .timeBody .timeItem > a:visited,
.timeLineBox .timeLine .timeBody .timeItem:first-child > a{border-color:#ffb6b4 !important;}
.timeLineBox .timeLine .timeBody .timeItem > a:visited .date,
.timeLineBox .timeLine .timeBody .timeItem:first-child > a .date{color:#ff6e68;}
.timeLineBox .timeLine .timeBody .timeItem > a:visited .date span:before,
.timeLineBox .timeLine .timeBody .timeItem:first-child > a .date span:before{background-color:#ffeab2;}
.timeLineBox .timeLine .timeBody .timeItem .media{margin-top:20px;padding-top:11px;}
.timeLineBox .timeLine .timeBody .timeItem .media .mName{display: inline-block;margin-left:5px;width: 60px; overflow: hidden;/*text-overflow: ellipsis;white-space: nowrap;*/vertical-align: middle;}
.timeLineBox .timeLine .timeBody .timeItem .comment{position:relative;margin-left:20px;}
.timeLineBox .timeLine .timeBody .timeItem .comment:after{display:inline-block;content:'';width:16px;height:16px;;background:url(../images/arrow_right_gray_22.png) left top no-repeat;}
.timeLineBox .timeLine .timeBody .timeItem .media span a,
.timeLineBox .timeLine .timeBody .timeItem .user span a{font-size:14px;color:#737373}
.timeLineBox .timeLine .timeBody .timeItem .media .photo{display:inline-block;width:30px;height:30px;border-radius:100%;}
.timeLineBox .timeLine .timeBody .timeItem .media .photo img{width:100%;border-radius:15px;border: 1px solid #e2e9ed;}
.timeLineBox .timeLine .timeBody .timeItem .date{position:relative;margin:18px 0 0 0;font-size:20px;color:#1e2123;display:inline-block;/*width:100%;*/text-align:center;z-index:2;}
.timeLineBox .timeLine .timeBody .timeItem .date span{position:relative;padding:0 6px;display:inline-block;width:100%;}
.timeLineBox .timeLine .timeBody .timeItem .date span:before{display:block;content:'';position:absolute;left:0;bottom:-5px;width:100%;height:19px;background-color:#e4e9ed;z-index:-1;}
.timeLineBox .timeLine .timeBody .timeItem > a .conts{display:block;overflow:hidden;text-overflow:ellipsis;line-height:1.5;height:6em;word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;padding:0;}
.timeLineBox .timeLine .timeBody .timeItem > a .tit{margin: 20px 0 10px;font-size: 17px;font-weight: bold;display:block;overflow:hidden;text-overflow:ellipsis;line-height:1.4;height:2.8em;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;}
.timeLineBox .timeLine .timeBody .timeItem:first-child > a:after{position: absolute;right: -1px;bottom: -2px;display: block;content: '';width: 40px;height: 40px;font-size: 0;color: transparent;background: url(../images/icon_sprite.png) left -77px no-repeat;background-size: 240px 280px}
.timeLineBox .timeLine .timeBody .timeItem > a .newsMore{display:none;}

.timeLineBox .timeLine .timeBody{background:none;}
.timeLineBox .timeLine .timeBody .timeItem > a{display:block;position: static;width:calc(100% - 40px);margin:3px 20px 20px 20px;padding:0 20px;box-sizing:border-box;height:182px;overflow:hidden;border:1px solid #E5E7EE;border-radius:20px;box-shadow: none;text-align:center;}
.timeLineBox .timeLine .timeBody .timeItem .media{border-top:1px solid #E5E7EE;}
.timeLineBox .timeLine .timeBody .timeItem .media > *{float: none;height: initial;line-height:19px}
.timeLineBox .timeLine .timeBody .timeItem .media .mName{display: inline-block;width: initial;margin-left:3px;overflow: hidden;vertical-align: top;font-size:13px;color:#888;float:left;font-family:NotoSansKR-Medium;font-weight:500;}
.timeLineBox .timeLine .timeBody .timeItem .media .photo{display:inline-block;width:19px;height:19px;border-radius:50%;border: 1px solid #e2e9ed;overflow: hidden;float:left;}
.timeLineBox .timeLine .timeBody .timeItem .media .photo img{width:100%;}
.timeLineBox .timeLine .timeBody .timeItem .comment{float:right;font-family:NotoSansKR-Medium;font-weight:500;color:#888;}
.timeLineBox .timeLine .timeBody .timeItem .comment .count{font-size: 17px;font-family: Montserrat Medium;color:#5B50BC;}
.timeLineBox .timeLine .timeBody .timeItem .comment .news:after{content:'건'}
.timeLineBox .timeLine .timeBody .timeItem .date{display: block;position: absolute;left: 0;top: 20px;width:100%;margin: 0;font-size: 18px;color: #fff;z-index: 2;}
.timeLineBox .timeLine .timeBody .timeItem .date span{display: inline-block;
    width: auto;
    height: 31px;
    border-radius: 30px;
    background: #C0C4E0;
    padding: 1px 11px 4px;
    font-size: 17px;font-family: Montserrat Medium;line-height: 28px;}
.timeLineBox .timeLine .timeBody .timeItem .date span:before{display:none}
.timeLineBox .timeLine .timeBody .timeItem > a .conts{display:none;overflow:hidden;text-overflow:ellipsis;line-height:1.5;height:6em;word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;padding:0;}
.timeLineBox .timeLine .timeBody .timeItem > a .tit{margin: 65px 0 0;display:block;overflow:hidden;text-overflow:ellipsis;line-height:23px;height:46px;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;color: #41405A;font-size:17px;font-family:NotoSansKR-Medium;font-weight:500;}
.timeLineBox .timeLine .timeBody .timeItem:first-child > a:after{position: absolute;right: 21px;bottom: 21px;display: block;content: '';width: 35px;height: 35px;font-size: 0;color: transparent;background: url(../images/icon_sprite_new.png) -1px -464px no-repeat;background-size: auto;}
.timeLineBox .timeLine .timeBody .timeItem > a:visited, .timeLineBox .timeLine .timeBody .timeItem:first-child > a{border-color: #BEB1F2 !important;border-width: 2px;background: #FBFBFF;box-shadow: 9px 9px 10px rgb(191 183 255 / 30%);}
.timeLineBox .timeLine .timeBody .timeItem > a:visited .date, .timeLineBox .timeLine .timeBody .timeItem:first-child > a .date{color: #fff;}
.timeLineBox .timeLine .timeBody .timeItem > a:visited .date span, .timeLineBox .timeLine .timeBody .timeItem:first-child > a .date span{background: #5B50BC;}
.timeLineBox .timeLine .timeBody .timeItem > a:visited .date:before, .timeLineBox .timeLine .timeBody .timeItem:first-child > a .date:before{background: #5B50BC;}
.timeLineBox .timeLine .timeBody .timeItem > a:visited .date:after, .timeLineBox .timeLine .timeBody .timeItem:first-child > a .date:after{border-color:#5B50BC}
.timeLineBox .timeLine .timeBody .timeItem .newsMore{display:block;position: absolute;bottom: 35px;left: 20px;width:210px;padding:10px 0 0;border: none;background: no-repeat;text-align: left;font-size: 13px;color: #888;font-family: 'NotoSansKR-DemiLight';z-index: 3;cursor: pointer;border-top: 1px solid #E5E7EE}
.timeLineBox .timeLine .timeBody .timeItem .newsMore span{display: block;float:right}
.timeLineBox .timeLine .timeBody .timeItem .newsMore span strong{font-size:15px;color:#5B50BC;margin-left:5px;}
.timeLineBox .timeLine .timeBody .timeItem .newsMore span:after{display:inline-block;content:'';width:20px;height:20px;background: url(../images/icon_sprite_new.png) -332px -466px no-repeat;vertical-align: middle;margin-left: 3px}
.timeLineBox .timeLine .timeBody .timeItem:first-child .newsMore span{margin-right: 10px;}
.slick-dots{bottom: -10px;position:inherit;}
.timeLineBox .slick-dots{bottom: 0px;}
.slick-dots li {margin:0px;}
.slick-dots li button:before{color:#5B50BC;}
.slick-dots li.slick-active button:before{color:#5B50BC;}
.slick-dotted.slick-slider {margin-bottom:10px;}
/*
.timeLineBox .timeLine .timeBody button.slick-arrow{width: 36px;height: 36px;background: url(../images/icon_sprite_new.png) 0 0  no-repeat;display:none;}
.timeLineBox .timeLine .timeBody button.slick-arrow.slick-next{background-position: -292px -458px;}
.timeLineBox .timeLine .timeBody button.slick-arrow.slick-prev{right: 0px;top: 50%;background-position: -291px -457px;}
*/
.timeLineBox .timeLine .timeBody button.slick-arrow{width: 36px;height: 36px;background: url(../images/icon_sprite_new.png) 0 0  no-repeat;opacity:1;z-index:1;}
.timeLineBox .timeLine .timeBody button.slick-arrow.slick-prev{right: 0px;left:auto;top:95px;background-position: -286px -458px;}
.timeLineBox .timeLine .timeBody button.slick-arrow.slick-next{left: 0px;right:auto;top:95px;background-position: -270px -458px;}
.timeLineBox .timeLine .timeBody .slick-prev:before,
.timeLineBox .timeLine .timeBody .slick-next:before{display:none}
.timeLineBox .timeLine .timeBody .slick-prev.slick-disabled, 
.timeLineBox .timeLine .timeBody .slick-next.slick-disabled{opacity:0;}

.timeLineNavigator {text-align:center;font-family: NotoSansKR-Medium;font-weight: 500;color: #888;font-size:14px;margin-bottom:10px;}
.deco{display:none}

/* 트윗  */
.timeLineBox .timeLine .timeBody .timeItem .twit .conts{margin-top:52px;height:9.3em;display:inherit;height:59px;}

.mainWrap .monitoringLink {margin:0px auto; width:50%; min-width:181px;height:42px;border: 1px solid #E5E5E5;border-radius: 30px;text-align:center;padding-top:8px;}
.mainWrap .monitoringLink a {font-size:15px;}
.mainWrap .monitoringLink a:after{display:inline-block;content:'';width:16px;height:16px;;background:url(../images/arrow_right_gray_22.png) left top no-repeat;margin-left:8px;}

/* 융합분석 */
.mainPage .fusionAnalytics {padding-top:0px;}
.mainPage .fusionAnalytics h2{font-size: 24px;font-weight: bold;color: #41405A}
.mainPage .fusionAnalytics ul#fusionAnalyticsUl {margin-top:6px;}
.mainPage .fusionAnalytics #fusionAnalyticsUl li {opacity:0;}

.mainPage .fusionAnalytics #fusionAnalyticsUl li.infoList {border:1px solid #E5E7EE;border-radius:20px;padding:0px;background: #fff;margin:0px 20px;opacity:0;}
.mainPage .fusionAnalytics #fusionAnalyticsUl li.infoList h4{position: relative;font-size:17px;color:#41405A;padding:0px;font-weight: bold;margin:20px 20px 0px;}
.mainPage .fusionAnalytics #fusionAnalyticsUl li.infoList span{display:inline-block;font-family: roboto;font-size:11px;color:#9BA1B9;margin: 5px 0 0 0px;margin:0px 20px;}
.mainPage .fusionAnalytics #fusionAnalyticsUl li.infoList span.moreLink {font-size: 10px;margin-left: 3px;color: black;font-weight: 800;}
.mainPage .fusionAnalytics #fusionAnalyticsUl li.infoList span .chartPeriod{margin:0px;}
.mainPage .fusionAnalytics #fusionAnalyticsUl li.infoList .chartDiv{display:block;height:140px;opacity:0;margin:15px 20px 20px;}
.mainPage .fusionAnalytics #fusionAnalyticsUl li.infoList .InfoDiv{opacity:0;}


/* slick arrow 추가시 width의 좌우2픽셀이 빠지는 문제로 infoList 를 div 로 추가하여 정의 */
.mainPage .fusionAnalytics .infoList {border:1px solid #E5E7EE;border-radius:20px;padding:0px;background: #fff;margin:0px 20px;opacity:1;}
.mainPage .fusionAnalytics .infoList h4{position: relative;font-size:17px;color:#41405A;padding:0px;font-weight: bold;margin:20px 20px 0px;}
.mainPage .fusionAnalytics .infoList span{display:inline-block;font-family: roboto;font-size:11px;color:#9BA1B9;margin: 5px 0 0 0px;margin:0px 20px;}
.mainPage .fusionAnalytics .infoList span.moreLink {font-size: 10px;margin-left: 3px;color: black;font-weight: 800;}
.mainPage .fusionAnalytics .infoList span .chartPeriod{margin:0px;}
.mainPage .fusionAnalytics .infoList .chartDiv{display:block;height:140px;opacity:1;margin:15px 20px 20px;}
.mainPage .fusionAnalytics .infoList .InfoDiv{opacity:1;}

.mainPage .fusionAnalytics.active {opacity:1;}
.mainPage .fusionAnalytics.active .infoList .chartDiv.active { animation: show_ani .5s .2s both;}
.mainPage .fusionAnalytics.active .infoList .InfoDiv { animation: show_ani .5s .2s both;}
.mainPage .fusionAnalytics.active .infoList .chartDiv.nodata {text-align:center;padding-top:50px;width:100% !important;height:140px !important;margin-top:15px !important;}



.mainPage .fusionAnalytics #fusionAnalyticsUl button.slick-arrow{width: 36px;height: 36px;background: url(../images/icon_sprite_new.png) 0 0  no-repeat;opacity:1;z-index:1;}
.mainPage .fusionAnalytics #fusionAnalyticsUl button.slick-arrow.slick-prev{right: 0px;left:auto;top:120px;background-position: -286px -458px;}
.mainPage .fusionAnalytics #fusionAnalyticsUl button.slick-arrow.slick-next{left: 0px;right:auto;top:120px;background-position: -270px -458px;}
.mainPage .fusionAnalytics #fusionAnalyticsUl .slick-prev:before,
.mainPage .fusionAnalytics #fusionAnalyticsUl .slick-next:before{display:none}
.mainPage .fusionAnalytics #fusionAnalyticsUl .slick-prev.slick-disabled, 
.mainPage .fusionAnalytics #fusionAnalyticsUl .slick-next.slick-disabled{opacity:0;}




.mainPage .fusionAnalytics #fusionAnalyticsUl li h5#GtrBillBuzzTitle{ width:100%; text-align:center;margin-top:5px;} 
.mainPage .fusionAnalytics #fusionAnalyticsUl li #GtrBillBuzzInfoDiv.InfoDiv{width:40%;height:135px;margin-top: 0px;float:left;display:none;text-align:center;}
.mainPage .fusionAnalytics #fusionAnalyticsUl li #GtrBillBuzzInfoDiv.InfoDiv span {margin:0px;}
.mainPage .fusionAnalytics #fusionAnalyticsUl li #GtrBillBuzzInfoDiv.InfoDiv img#GtrBillBuzzUserImg {width: 61px;height: 61px;border-radius: 61px;border: 1px solid #aeaeae;margin-top:20px;margin-bottom:10px;object-fit: cover;opacity:0;}
.mainPage .fusionAnalytics #fusionAnalyticsUl li #GtrBillBuzzInfoDiv.InfoDiv img#GtrBillBuzzUserImg.active {opacity:1;box-shadow:5px 5px 10px #aaa;}
.mainPage .fusionAnalytics #fusionAnalyticsUl li #GtrBillBuzzInfoDiv.InfoDiv span#GtrBillBuzzUserTitle {font-family:NotoSansKR-Regular;font-size:13px;color:black;font-weight:700;}
.mainPage .fusionAnalytics #fusionAnalyticsUl li #GtrBillBuzzInfoDiv.InfoDiv span#GtrBillBuzzUserCount {font-family:NotoSansKR-DemiLight;font-size:11px;color:black;font-weight:500;}
.mainPage .fusionAnalytics #fusionAnalyticsUl li #GtrBillBuzzChartDiv.chartDiv{height:135px;margin-top: 0px;display:block;}

.mainPage .fusionAnalytics.active #fusionAnalyticsUl li {opacity:1;}
.mainPage .fusionAnalytics.active #fusionAnalyticsUl li.infoList .chartDiv.active { animation: show_ani .5s .2s both;}
.mainPage .fusionAnalytics.active #fusionAnalyticsUl li.infoList .InfoDiv { animation: show_ani .5s .2s both;}
.mainPage .fusionAnalytics.active #fusionAnalyticsUl li.infoList .chartDiv.nodata {text-align:center;padding-top:50px;width:100% !important;height:140px !important;margin-top:15px !important;}


.mainWrap #bookArticle button.slick-arrow{width: 36px;height: 36px;background: url(../images/icon_sprite_new.png) 0 0  no-repeat;opacity:1;z-index:1;}
.mainWrap #bookArticle button.slick-arrow.slick-prev{right: 0px;left:auto;top:165px;background-position: -286px -458px;}
.mainWrap #bookArticle button.slick-arrow.slick-next{left: 0px;right:auto;top:165px;background-position: -270px -458px;}
.mainWrap #bookArticle .slick-prev:before,
.mainWrap #bookArticle .slick-next:before{display:none}
.mainWrap #bookArticle .slick-prev.slick-disabled, 
.mainWrap #bookArticle .slick-next.slick-disabled{opacity:0;}
/*분석자료 상단 탭 메뉴*/

/*cards*/
.row .cards:after{display:block;content:'';clear:both}
.row .cards li.card{height:336px;overflow:hidden;border-radius:15px;border:1px solid #c3d6de; box-sizing:border-box;box-shadow: 5px 5px 10px rgba(0,0,0, .1);background-color:#fff;}
.row .cards li.card:first-child{margin-left:0;}


#argosService .row .cards li{transition: all .2s; transform:translateY(0); opacity: 0;}

#argosService.active .row .cards li:nth-of-type(1) { animation: box_ani .5s .2s both;}
#argosService.active .row .cards li:nth-of-type(2) { animation: box_ani .5s .4s both;}
#argosService.active .row .cards li:nth-of-type(3) { animation: box_ani .5s .7s both;}

.cards li a{display:block;width:100%;height:100%;}
.cards li a .thumbnailWrappper {max-width:100%;height: 212px;min-height: 212px;overflow:hidden} 
.cards li a .thumbnail {position: relative;/* padding-top: 75%; */ /* 4::3 ratio */overflow: hidden;height: 212px;} 
.cards li a .thumbnail img {height: auto;top: 0;left: 0;}
.cards li a .thumbnail img.Loading {opacity:0.01;}
.cards li a .thumbnail .centered {position: absolute;top: 0;left: 0;right: 0;bottom: 0;/* height: 100%; */-webkit-transform: translate(50%,50%);-ms-transform: translate(50%,50%);transform: translate(50%,50%);}
.cards li a .thumbnail .centered img {height: auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* max-height: 100%; *//* object-fit: fill; */-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}



/*
	slick arrow 추가 cards css
*/
/*
.mainPage .row .cards li > a{display:inline-block;width:calc(100% - 40px);margin:0px 20px;box-sizing:border-box;height:77vw;overflow:hidden;border:1px solid #E5E7EE;border-radius:20px;box-shadow: none;}
*/
.mainPage .cards li a .thumbnailWrappper{height:56vw;min-height:56vw;}
.mainPage .cards li a .thumbnail{height:56vw;}
.mainPage .cards li a .thumbnail img{width:100%}

.mainPage .cards li a .info{height: initial;padding:20px 15px 0px 15px;}
.mainPage .cards li a .info .linker{display:none}
.cards li a .info{height:calc(100% - 218px);padding:28px 28px 0;background-color:#fff;border-top:1px solid #e7eef2;box-sizing:border-box;}
.row .cards li a .info h3{margin-top: 20px;font-size: 16px;color: #00163d;width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*
#bookArticle .cards li a {display:block;width:100%;height:100%;position:relative}
*/
#bookArticle .cards li a {display:inline-block;width:calc(100% - 40px);margin:10px 20px;box-sizing:border-box;height:77vw;overflow:hidden;border:1px solid #E5E7EE;border-radius:20px;box-shadow: none;position:relative;}

#bookArticle .cards li a .floatingMenu:hover{opacity:0.85}
#bookArticle .cards li a .floatingMenu:hover h3{animation:sub_txt .2s ease-out .1s both;}
#bookArticle .cards li a .floatingMenu:hover span{animation:sub_txt .4s ease-out .2s both;}
#bookArticle .cards li a .floatingMenu{top: 0;position: absolute;left: 0;width:100%;height: 100%;background: #222;opacity:0;border-radius:20px;}
#bookArticle .cards li a .floatingMenu > *{display:block;color:#fff;font-size:16px;text-align:center}
#bookArticle .cards li a .floatingMenu h3{margin:110px 20px 70px;overflow: hidden;text-overflow: ellipsis;line-height: 1.4;height: 2.8em;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 0;font-size:22px;}
#bookArticle .cards li a .floatingMenu span{font-size:14px;}


/*썸네일 초상화형 */
/*
img.portrait { width: 100%; height: auto; }
*/
/*썸네일 풍경화형 */
/*
img.landscape { width: auto; height: 100%; }
*/

.cards li.card a .info{height:calc(100% - 218px);padding:28px 28px 0;background-color:#fff;border-top:1px solid #e7eef2;box-sizing:border-box;}
.cards li.card a .info .linker{position:relative; box-sizing: border-box; color: #00163d; padding: 4px 29px 6px 14px;font-size: 14px;  border: 1px solid #00163d; border-radius: 50px;}
.cards li.card a .info .linker::after{content:"";display: block;width:7px;height:7px;border-top:1px solid #00163d;border-right:1px solid #00163d;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;right:11px;top:50%;margin-top:-5px;transition: right .1s;}

.mainPage .cards li.card a .info .linker{display:inline-block;position:relative; box-sizing: border-box;color: #00163d; padding: 4px 23px 6px;font-size: 14px;  border: 1px solid #00163d; border-radius: 50px;/*text-align:center;*/transition: all .5s;}
.mainPage .cards li.card a .info .linker::after{content:"";display: block;width:7px;height:7px;border-top:1px solid #00163d;border-right:1px solid #00163d;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;right:50%;top:16px;margin-top:-5px;opacity:0;transition: all .3s ease;}
.mainPage .row .cards li.card a:hover .info .linker{padding-left:14px !important;}
.mainPage .row .cards li.card a:hover .info .linker::after{right:10px;opacity:1}

.row .cards li.card a:hover .info .linker::after{right:8px}
.row .cards li.card a .info h3{margin-top: 20px;font-size: 16px;color: #00163d;width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/*분석자료 상단 탭 메뉴*/
.mainPage #headerArea {padding:0px;}
.mainPage .wrapTab .bxSelect {display:none;}
.wrapTab{width:100%;margin: 0 auto;}
.wrapTab > *{display:block;vertical-align:middle;    margin-left: 15px;margin-right: 15px;}
.wrapTab .bxSelect{float:right;}
#listArea .wrapTab {padding-bottom:20px;}
.tabComponent ul {margin:0px 0px 15px;}
.tabComponent ul:after{display:block;content:'';clear:both;}
.tabComponent ul li{float:left;position: relative;box-sizing: border-box;color: #003c5e;border: 1px solid #003c5e;border-radius: 5px;background-color:#fff;overflow:hidden;margin:0px 5px;}
.tabComponent ul li:before{display:block;content:'';position: absolute;left: 0;top: 0;width: 100%;height: 0;transition: all 0.3s;z-index:1;}
.tabComponent ul li:hover:before{height: 100%;}
.tabComponent ul li:nth-of-type(1):before{background-color:#003c5e;}
.tabComponent ul li:nth-of-type(2):before{background-color:#00b195;}
.tabComponent ul li:nth-of-type(3):before{background-color:#ffb82f;}
.tabComponent ul li:nth-of-type(4):before{background-color:#00a8d1;}
.tabComponent ul li:nth-of-type(2){border-color:#00b195;color:#00b195}
.tabComponent ul li:nth-of-type(3){border-color:#ffb82f;color:#ffb82f}
.tabComponent ul li:nth-of-type(4){border-color:#00a8d1;color:#00a8d1}
.tabComponent ul li:after{content: "";display: block;width: 6px;height: 5px;border-top: 2px solid #003c5e;border-right: 2px solid #003c5e;-webkit-transform: rotate(135deg);transform: rotate(135deg);position: absolute;right: 13px;top: 63%;margin-top: -10px;z-index:2;}
.tabComponent ul li:nth-of-type(2):after{border-color:#00b195;}
.tabComponent ul li:nth-of-type(3):after{border-color:#ffb82f;}
.tabComponent ul li:nth-of-type(4):after{border-color:#00a8d1;}
.tabComponent ul li.on{background-color:#003c5e;}
.tabComponent ul li:nth-of-type(2).on{background-color:#00b195;}
.tabComponent ul li:nth-of-type(3).on{background-color:#ffb82f;}
.tabComponent ul li:nth-of-type(4).on{background-color:#00a8d1;}
.tabComponent ul li.on:after,
.tabComponent ul li:hover:after{border-color:#fff;}
.tabComponent ul li.on a,
.tabComponent ul li:hover a{color:#fff}

.mainPage #listArea{padding:0;margin-top:10px}
.mainPage #listArea h2{font-size:24px;font-weight:bold;color:#41405A;}
.mainPage #argosService > article{margin: 0 auto 0 auto;}
.mainPage #argosService #bookArticle{margin-top:8px}
.mainPage #argosService #bookArticle .row{margin-top:20px;}
.mainPage .tabComponent ul li{width:calc(100% / 3 - 10px);color: #5565DC;border: 1px solid #5565DC;height:38px;text-align:center;}
.mainPage .tabComponent ul li:nth-of-type(2){color: #2BBCD0;border: 1px solid #2BBCD0;}
.mainPage .tabComponent ul li:nth-of-type(3){color: #FFA600;border: 1px solid #FFA600;}
.mainPage .tabComponent ul li:nth-of-type(4){color: #1188F7;border: 1px solid #1188F7;}
.mainPage .tabComponent ul li:after{border-color:#5565DC;}
.mainPage .tabComponent ul li:nth-of-type(2):after{border-color:#2BBCD0;}
.mainPage .tabComponent ul li:nth-of-type(3):after{border-color:#FFA600;}
.mainPage .tabComponent ul li:nth-of-type(4):after{border-color:#1188F7;}
.mainPage .tabComponent ul li.on{background-color: #5565DC;}
.mainPage .tabComponent ul li:nth-of-type(2).on{background-color:#2BBCD0;}
.mainPage .tabComponent ul li:nth-of-type(3).on{background-color:#FFA600;}
.mainPage .tabComponent ul li:nth-of-type(4).on{background-color:#1188F7;}
.mainPage .tabComponent ul li a{display:block;padding: 7px 3px 4px 3px;position:relative;z-index:2;font-size:15px;font-family:NotoSansKR-Regular;font-weight:700;}
.mainPage .tabComponent ul li:after{display: none}
.mainPage .row .cards li.card{width:100%;height:77vw;border: 1px solid #E5E7EE;box-shadow: none;border-radius: 20px;margin:10px 0px;display:inline-block;}
.mainPage .row .cards .slick-list li.card {margin:0px 20px;}

.mainPage .row .cards li.card:nth-child(3n){margin-right:0;}
.mainPage .cards li.card a .info{height: initial;padding:20px 15px 0px 15px;}
.mainPage .cards li.card a .info .linker{display:none}
.mainPage .mobileBook .cards li.card a .info {padding-top:10px;}
.mainPage .mobileBook .cards li.card a .info .linker {display:inline-block;font-size:13px;color:#FFFFFF;padding: 3px 10px;border-radius: 5px;margin-bottom:5px;}
.mainPage .mobileBook .cards li.card a .info .linker.news {background-color:#2BBCD0;border:0px;}
.mainPage .mobileBook .cards li.card a .info .linker.report {background-color:#FFA600;border:0px;}
.mainPage .cards li.card a .thumbnailWrappper{height:56vw;min-height:56vw;}
.mainPage .cards li.card a .thumbnail{height:56vw;}
.mainPage .cards li.card a .thumbnail img{width:100%}
.mainPage .row .cards li a .info h3{margin-top:0;font-size: 15px;font-weight:700;color: #41405A;}

.monitoringWrap .mornitoringCardWrap h5.analysisCountTitle {font-weight:500;font-size:14px;letter-spacing:-0.7px;font-family:NotoSansKR-Regular;}
.monitoringWrap .mornitoringCardWrap h5.analysisCountTitle .analysisCount{font-family:Montserrat Medium;font-weight:600;font-size:18px;color:#FF7156;letter-spacing:-0.9px;margin:0px 1px 0px 10px;}

/*분석 자료 리스트 카드 마우스  오버시*/
#bookArticle .cards li.card a {display:block;width:100%;height:100%;position:relative}
#bookArticle .cards li.card a .floatingMenu:hover{opacity:0.85}
#bookArticle .cards li.card a .floatingMenu:hover h3{animation:sub_txt .2s ease-out .1s both;}
#bookArticle .cards li.card a .floatingMenu:hover span{animation:sub_txt .4s ease-out .2s both;}
#bookArticle .cards li.card a .floatingMenu{top: 0;position: absolute;left: 0;width: 100%;height: 100%;background: #222;opacity:0;}
#bookArticle .cards li.card a .floatingMenu > *{display:block;color:#fff;font-size:16px;text-align:center}
#bookArticle .cards li.card a .floatingMenu h3{margin:110px 20px 70px;overflow: hidden;text-overflow: ellipsis;line-height: 1.4;height: 2.8em;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 0;font-size:22px;}
#bookArticle .cards li.card a .floatingMenu span{font-size:14px;}

.mainPage #lawSearchArea .bx_form {background-color:#F3F4FB;border-radius:10px;margin:0px 20px 20px 20px;padding:20px;}
.mainPage #lawSearchArea .bx_form .help1 {font-weight:700;font-size:18px;}
.mainPage #lawSearchArea .bx_form .help2 {font-size:14px;margin-top:5px;}
.mainPage #lawSearchArea .bx_form #srchKwd {border:0px;background-color:#A8BEEB;width:100%;border-radius:50px;height:37px;padding:6.5px 15px;font-size:15px;margin-top:22px;}
.mainPage #lawSearchArea .bx_form #srchKwd::placeholder {color:#41405A;}
.mainPage #lawSearchArea .bx_form button{width: 25px;height: 25px;background: url(../images/search_type1.png) 50% 50% no-repeat;margin-left: -32px !important;margin-top: 28px !important;font-size: 0;color: white;border: none;cursor: pointer;float: right;position: absolute;border-radius: 100%;}

#bookArticle.mobileBook {padding:20px;}


.navigarion {overflow: hidden;padding: 12px 0px 0px 0px;text-align: center;}
.navigarion a {background-color: #f5f5f5;padding: 6px 10px;display: inline-block;margin: 0 3px;font-family:"Century Gothic", Arial;font-size: 13px;color: #333;border-radius: 20px;}
.navigarion a:hover {background-color: #7290a4;color: #fff;}
.navigarion a.selected {font-weight: bold;background-color: #003c5e;color: #fff;}

a.selected {}
.navigarion a.selected:hover {}
.navigarion .pprev, .navigarion .prev, .navigarion .next, .navigarion .nnext{background:white;letter-spacing: -7px;/* border: 1px solid red; */width: 28px;height: 27px;padding: 5px 6px;text-align: left;font-size: 12px;}

/* 분석자료 상세 */
.useExampleWrap{/* background-color:#fff !important; */}
.useExampleWrap ~ footer{margin-top:0;}

.wrapBanner + .useExampleContWrap{border-top:none;margin-bottom:0;}
.header_inner .wrapImg{width: 100%;min-width: 100%;height: 114px;margin: 0 auto;overflow: hidden;background: url(../images/report_type1.png) right top no-repeat;}
.header_inner .wrapImg.type2{background: url(../images/report_type2.png) right top no-repeat;}
/*.header_inner .wrapImg.type3{background: url(../images/report_type2.png) right top no-repeat;}*/
/*.header_inner .wrapImg.type3{background-position-y:-814px;}*/
.header_inner .wrapImg h2,
.header_inner .wrapImg p{display:none;margin-left:20px;}
.header_inner .wrapImg h2{margin-top:20px;font-size:18px;font-weight:700;font-family:NotoSansKR-Medium;}
.wrapImg .card_title {height: 23px;font-size:18px;font-weight:700;letter-spacing:-0.9px;}
/*.wrapImg.type3 .card_title{background: url(/resources/main/images/sprite_analysis.png) 0 0 no-repeat;height: 52px;text-indent: -999px;}*/
.wrapImg.type2 .card_title{}
.card_title:nth-of-type(2){background-position-y: -87px;}
.wrapImg.type3 .card_title:nth-of-type(3){background-position-y: -184px;}

/*타입별*/
.header_inner .wrapImg.type1 h2:nth-of-type(1),
.header_inner .wrapImg.type1 p:nth-of-type(1){display:block !important}
.header_inner .wrapImg.type2 h2:nth-of-type(2),
.header_inner .wrapImg.type2 p:nth-of-type(2){display:block !important}
.header_inner .wrapImg.type3 h2:nth-of-type(3),
.header_inner .wrapImg.type3 p:nth-of-type(3){display:block !important}
.header_inner .wrapImg p{font-family:NotoSansKR-Regular;font-size: 15px;color: #003d5f;margin-top: 10px;font-weight:400;color:#6F797F;max-width: 65%;word-break: keep-all;}

.wrapTit{position: relative;
    width: 100%;
    margin: 20px auto 0px;
    padding: 5px 20px;
    background: #ffff;
    }
.wrapTit .titInfo > *{display:inline-block;vertical-align:middle;font-size: 19px;color:#010101;}
.wrapTit .titInfo .tabMenu{display:inline-block;font-size:13px;color:#FFFFFF;padding: 3px 10px;border-radius: 5px;margin-bottom:5px;}
.wrapTit .titInfo .tabMenu.news {background-color:#2BBCD0;border:0px;}
.wrapTit .titInfo .tabMenu.report {background-color:#FFA600;border:0px;}

.cards li a .info .linker.news,
.cards li a .info .linker.news:after
{color: #00b195;border-color:#00b195;}
.analysisDetail h4.news strong{color:#00b195}

.cards li a .info .linker.report,
.cards li a .info .linker.report:after
{color: #ffb82f;border-color:#ffb82f;}
.analysisDetail h4.report strong{color:#ffb82f}

.wrapTit .titInfo .tabMenu.case,
.cards li a .info .linker.case,
.cards li a .info .linker.case:after
{color: #00a8d1;border-color:#00a8d1;}
.analysisDetail h4.case strong{color:#00a8d1}

.wrapTit .titInfo h3{font-size: 16px;font-weight:700;color:#010101;display:block;}
.wrapTit .titInfo .data{display:inline-block;font-family: Montserrat Medium;font-weight:500;font-size:13px;color:#888888;position: relative;top: -51px;float: right;}
.wrapTit .controlList{position:absolute;right:10px;top:0px;height: 50px;display:none;}

.controlList > li{display:inline-block;vertical-align:middle;margin-left:6px;width: 35px;height: 35px;border:1px solid #cdcdcd;border-radius:100%;;box-shadow: 1px 1px 5px rgba(0,0,0, .1);cursor:pointer}
.controlList > li.download{background: url(../images/icon_analysis03.png) no-repeat;background-position:5px 5px;}
.controlList > li.viewtype.paging{background: url(../images/icon_analysis01.png) no-repeat;background-position:5px 5px;}
.controlList > li.viewtype.spread{background: url(../images/icon_analysis00.png) no-repeat;background-position:5px 5px;}
.controlList > li.share{background: url(../images/images/icon_map01_06.png) no-repeat; background-position: -39px -5px;}
.controlList > li.print{background: url(../images/icon_analysis02.png) no-repeat;background-size:24px;background-position:5px 4px;}
.controlList > li:first-child{margin-left:0;position:relative}
.controlList > li:first-child:hover .viewWays{display:block;}
.controlList > li:first-child .viewWays{display:none;width:110px;position:absolute;left:50%;top:35px;margin-left:-40px;z-index:2;border:1px solid #ccc}
.controlList > li .viewWays li{padding:10px 0;background-color:#fff;}
.controlList > li .viewWays li button{position:relative}
.controlList > li .viewWays li button:after{position:absolute;right:0;top:50%;}
.controlList > li .viewWays #PagingBtn button:after{display:inline-block;content:'';margin-top:-8px;right:10px;width:10px;height:20px;background: url(../images/icon_v_cross.png) 0 -4px no-repeat;background-size:cover;}
.controlList > li .viewWays #PagingBtn.on button:after{background: url(../images/icon_v_cross.png) -10px -4px no-repeat;background-size:cover;}
.controlList > li .viewWays #SpreadBtn button:after{display:inline-block;content:'';margin-top:-3px;right:2px;width:20px;height:10px;background: url(../images/icon_v_down.png) 0 0 no-repeat;background-size:cover;}
.controlList > li .viewWays #SpreadBtn.on button:after{background: url(../images/icon_v_down.png) 0 -12px no-repeat;background-size:cover;}
.controlList > li .viewWays li.on{background-color:#013d5f;}
.controlList > li .viewWays li button{width:100%;height:100%;text-align:center;padding-right:15px;font-size:15px;color:#555;border:none;background-color:transparent;cursor:pointer}
.controlList > li .viewWays li.on button{color:#fff;}
.controlList > li a{display:inline-block;width:100%;height:100%;color:transparent;font-size:0;}

.wrapDetail{margin:0;padding:0;width:auto;border-radius:0;}
.wrapDetail .detailList{display:none}
.wrapDetail.Paging.Spread {min-height:600px;max-height:750px;overflow-y:hidden;width:100%}
.wrapDetail.Paging.Spread .detailList.paging{opacity:0.0;}
.wrapDetail.Paging.Spread .detailList.spread{opacity:0.0;}
.wrapDetail .loading { border-radius:15px;}
.wrapDetail .loading .loader{display:none;}
.wrapDetail.Loading .loading .loader{display:block;background: rgba(50,50,50,0.8); text-align: center; height:100%; width:100%;margin:auto;color:#fff;top:0px;}
.wrapDetail.Loading .loading img.zmdi-hc-spin{-webkit-animation: zmdi-spin 1.5s infinite linear; animation: zmdi-spin 1.5s infinite linear;margin-bottom:20px;}
.wrapDetail.Paging .detailList.paging{display:block;width:100%;}
.wrapDetail.Paging .detailList.paging .slick-list {width:100%;}
.wrapDetail.Paging .detailList.paging .slick-dots li {margin: 0 2px;}
/* .wrapDetail.Paging .detailList.spread{display:none} */
.wrapDetail.Spread .detailList.spread{display:block;}
.wrapDetail.Spread .detailList.context{display:block;}
/* .wrapDetail.Spread .detailList.paging{display:none} */

.analysisDetail{margin: 0px auto;}
.analysisDetail h4{color: #000;font-size: 17px;font-weight: 1000;line-height:34px;}
.analysisDetail h4 strong {margin-right: 20px;}
.analysisDetail .wrapImg{/* width: 100%;margin-top: 30px; min-height: 550px;background-color: #f3f3f3;position: relative; */}
.analysisDetail .wrapImg img{/* width: 60%;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); */}
.analysisDetail .wrapImg.Floattrue{float:left;}
/*
.detailList.paging .analysisDetail .wrapImg{display:flex;}
.detailList.paging .analysisDetail .wrapImg.Floattrue{height:100%;}
.detailList.spread .analysisDetail .wrapImg.Floattrue{display:flex;}
.detailList.spread .analysisDetail .wrapImg.Floatfalse{display:flex;}
.detailList .analysisDetail .wrapImg.Floatfalse.topPosition{margin-top:10px;}
.detailList .analysisDetail .wrapImg.Floatfalse.bottomPosition{margin-top:20px;}
*/
.analysisDetail .desc{margin-top: 20px;overflow-y:auto;font-size: 15px;color:#3a3a3a;font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
.analysisDetail .desc.Floattrue{float:left;}

.guideConts{margin:20px;border-top: 1px solid #F2F2F3;padding-top:20px;}
.guideConts:after{display:block;content:'';clear:both;}
.guideConts > *{display:inline-block;vertical-align:middle;font-size: 16px;color:#3f3f3f;font-family:NotoSansKR-Medium;}
.guideConts .goToTheList{font-size:14px;height:40px;margin:20px 0px 0px;border: 1px solid #EBECF2;border-radius: 5px;display: block;text-align: center;vertical-align: middle;padding-top: 10px;}

.guideConts .bxPrevNext {display:block;width:100%;}
.bxPrevNext li{display:inline-block;vertical-align:middle;font-weight:500;}
.bxPrevNext li:last-child {float:right;}
.bxPrevNext li button{border:none;background-color:transparent;cursor:pointer;font-size: 16px;font-weight:700;padding: 1px 0px 0px;display: inline-block;}
.bxPrevNext li:nth-of-type(1):before{display:inline-block;content:'';width:24px;height:24px;background: url(../images/arrow_left_gray.png) left top no-repeat;background-size: contain;vertical-align:middle;margin-bottom: 1px;}
.bxPrevNext li:nth-of-type(2):after{display:inline-block;content:'';width:24px;height:24px;background: url(../images/arrow_right_gray.png) left top no-repeat;background-size: contain;vertical-align:middle;margin-bottom: 1px;}
    
.detailList{width:100%;margin:0 auto}
/* .detailList button.slick-arrow {width:51px;height:51px;background:url(../images/icon_sprite.png) white 0 -26px no-repeat;opacity:1;z-index:1;border:1px solid #cecece;border-radius:100%} */
.detailList button.slick-arrow {width: 75px;height: 76px;background: url(../images/icon_sprite.png) white -3px -40px no-repeat;opacity:1;z-index:1;border:1px solid #cecece;border-radius:100%;background-size: 450px 525px;background-color: #003d5f;}
.detailList .slick-prev{left:-35px;margin-top:-25px;transform:rotate(-180deg);right:auto;top:50%;}
.detailList .slick-next{right:-35px;left:auto;top:50%;}
.detailList .slick-prev:before,
.detailList .slick-next:before{display:none}
.detailList .slick-prev.slick-disabled, 
.detailList .slick-next.slick-disabled{opacity: .25;}
.detailList .slick-slide{width:100%;/* height: 850px; */}
.detailList .slick-slide .desc{opacity:0}
.detailList .slick-slide.slick-current .desc{opacity:1}
.detailList .analysisDetail .shadow{margin:0 auto;padding: 20px;border-radius: 15px;}


/**/
.lawQaWrap .pageInfo {padding:20px;}
.lawQaWrap h4{font-size:18px;font-weight:700;}
.lawQaWrap .pageInfo .pageInfoDetail {font-size:14px;font-weight:400;color:#6F797F;margin-top:10px;}
.lawQaWrap .searchBoxBg {border-top:1px solid #F2F2F3;background: #FAFAFA;padding:20px;}
.lawQaWrap .srchBox .searchInfoDetail{color:#FF7156;margin-bottom:0px;}
.contentsWrap .srchBox input[type=text] {width:100%;display:inline-block;padding: 10px 15px;background: #FFFFFF;border: 1px solid #EBECF2;border-radius: 10px;}
.lawQaWrap .srchBox input[type=text] {margin-top:15px;}

.contentsWrap .srchBox input[type=text]::placeholder {color:#BEBEBE;}
.contentsWrap .srchBox .srchClickArea {width: 23px;height: 23px;right: 7px;top: -32px;position: relative;float: right;background: url(../images/search_type2.png) 50% 50% no-repeat;}
.lawQaWrap .srchBox #keyword_search {display:none;}
.lawQaWrap .contentsArea {padding:20px 20px 0px;}

.lawQaWrap .constituBox li {font-size: 15px;color: #41405A;margin-top: 10px;}
.lawQaWrap .constituBox li a {width: 100%;display: block;position: relative;border: 1px solid #E5E7EE;border-radius: 11px;text-align: left;padding: 10px 30px;background: #F5F5FD url(../images/arrow_right_gray.png) right 8px center no-repeat;border-radius: 5px;}
.lawQaWrap .constituBox li a:before{display: block;content: '';position: absolute;left: 17px;top: 19px;width:4px;height:4px;border-radius:50%;background:#41405A;}
.lawQaWrap .lawResultCnt {color:#888888;font-size:13px;font-weight:500;margin-top:10px;}
.lawQaWrap #internalLawCnt,.lawQaWrap #worldLawCnt{color:#5B50BC;margin-left:5px;}
/* .lawQaWrap .constituBox li a:after{display: block;content: '';float:right;width:24px;height:24px;background: url(../images/arrow_right_gray.png) no-repeat;background-size:contain;border:none;font-size:10px;color:transparent;} */

/*지능형 법률검색*/
/*위키피디아 응답 결과*/
.bxKeyword{margin:23px 0;border-top: 1px solid #dde4e9;}
.bxKeyword .tit{padding-top: 20px;display: inline-block;margin-bottom: 20px;font-size: 20px;color: #020202;}
.bxKeyword .kList dt{margin: 10px 0;color: #003c5e; font-size: 16px;}
.bxKeyword .kList dt:first-child{margin-top:0;}
.bxKeyword .kList dd{color: #3d464c;}

/*음성인식*/
.contentsWrap .srchVoiceBox .srchClickArea{ width: 38px; height: 38px; top:-48px; right:7px; background: url(../images/icon_search_line.png) 50% 50% no-repeat;}
.srchVoiceBox .srchVoice{padding-right: 88px!important; height:55px;}
.srchVoiceBox .seashInput{height:55px;}
.srchVoiceBtn{ 
  width: 38px; height: 38px; right: 8px; top: -48px; position: relative; float: right; font-size: 0; border: 0;
  background:#fff url(../images/ico_search_voice.png) no-repeat 50% 50% / 28px; color: #41405a; 
}
@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.srchVoiceBox .srchBubble{
  width:47px; height:31px; color:#fff; background:url(../images/ico_search_click.svg) no-repeat 50% 50%; 
  display: inline-block; position: relative; top: -78px; left: 80px; float: right; text-align: center; 
  font-size: 13px; line-height: 2;
}
.blink { animation: blink-effect 1s step-end infinite; }
.srchVoiceBox .srchBubble.hidden{display: none;}

/*dataSquare*/
.dataSquare {margin-bottom:10px;}
.dataSquare .header_wrap h1 {font-size:18px;font-family:NotoSansKR-Medium;font-weight:700;margin:20px 20px 0px;}
.dataSquare .header_wrap .srchBox {margin:0px 20px;}
.dataSquare .header_wrap .srchBox input[type="text"] {display:inline-block;height:43px;padding: 10px 15px;background: #FFFFFF;border-radius:10px;border: 1px solid #EBECF2;margin:10px 0px;font-family: font-family;font-weight: 500;font-size: 16px;line-height: 23px;letter-spacing: -0.05em;}
.dataSquare .header_wrap .srchBox input[type="text"]::placeholder {color:#BEBEBE;}
.dataSquare .header_wrap .srchBox input[type="button"] {width: 22px;height: 22px;right: 12px;top: -42px;position: relative;float: right;background: url(../images/search_type2.png) 50% 50% no-repeat;}
.dataSquare .contentsArea .titH4{display:none;}
.dataSquare .selectArea {margin:0px 20px;}
.dataSquare .selectArea select {background-color:#F5F5FD;border:0px;border-radius:10px;color:#41405A;position: relative;top: -15px;}
.dataSquare .contentInner .clearfix:after {display:none;}

.dataSquare .vowelBox {width:100%;overflow-y:scroll;}
.dataSquare .vowelBox .vowelList {font-size:0px;width:max-content;padding:5px 20px 15px;}
.dataSquare .vowelBox .chosungBtn {padding: 6px 4px 6px;margin-right:10px;border:1px solid #F2F2F3;background-color:#FFFFFF;color:#BEBEBE;font-weight: 400;font-size: 15px;line-height: 130%;text-align: center;letter-spacing: -0.05em;}
.dataSquare .vowelBox .chosungBtn.on {background-color:#41405A;;border:1px solid #41405A;color:#FFFFFF;}
.dataSquare .vowelBox .chosungBtn:last-child {margin-right:0px;}

.dataSquare #assemMemList {margin:10px 20px 0px;}
.dataSquare #assemMemList li {border: 1px solid #E5E7EE; background-color:#FCFCFC; border-radius:11px;padding:15px;margin-bottom:10px;}
.dataSquare #assemMemList li div {vertical-align:middle;}
.dataSquare #assemMemList li .imgbox{width:72px;height:92px;display:inline-block;}
.dataSquare #assemMemList li .imgbox img {opacity:0;}
.dataSquare #assemMemList li .imgbox img.on {opacity:1; -webkit-transition: 1s; transition: 1s;}
.dataSquare #assemMemList li .txtbox{margin-left:20px;display:inline-block;}
.dataSquare #assemMemList li .txtbox p{font-size:16px;font-weight:700;}
.dataSquare #assemMemList li .txtbox p.txtS{font-size:13px;font-weight:500;}

.dataSquare .pymemberBox #noResult {text-align:center;font-size:20px;margin:50px 20px;} 

.dataFusionWrap .excelDown {display:none;}
.dataFusionWrap #headerInner{display:none;}
.dataFusionWrap .headerBg .headerTit{display:none;}
.dataFusionWrap .colorBox {padding:20px;}
.dataFusionWrap .colorBox dt{font-family:NotoSansKR-Medium;font-weight: 500;font-size: 15px;line-height: 130%;letter-spacing: -0.05em;color: #FF7156;}
.dataFusionWrap .colorBox dd{font-family:NotoSansKR-Regular;font-size: 13px;line-height: 130%;letter-spacing: -0.05em;color: #6F797F;margin-top:10px;}
.dataFusionWrap .controlArea .hintShow {display:none !important;}
.dataFusionWrap #dataStatusTab {padding:0px 20px;border-bottom:1px solid #F2F2F3;font-size:0px;}
.dataFusionWrap #dataStatusTab h3 {font-family:NotoSansKR-Regular;font-size: 15px;line-height: 300%;text-align: center;letter-spacing: -0.05em;color: #6F797F;width:calc( ( 100% ) / 3 - 20px);display:inline-block;margin:0px 10px;}
.dataFusionWrap #dataStatusTab h3.on{font-weight: bold;color: #41405A;border-bottom: 2px solid #41405A;}

.dataFusionWrap .colBox .col {width:100% !important;}
.dataFusionWrap .colBox .col:not(.fr) h4.titH4 {display:none;}
.dataFusionWrap .colBox .col.fr {padding:20px;}
.dataFusionWrap .colBox .col.fr h4.titH4 {font-family:NotoSansKR-Medium;font-weight: bold;font-size: 18px;line-height: 130%;letter-spacing: -0.05em;color: #41405A;display:inline-block;margin:20px 0px 10px;}
.dataFusionWrap .colBox .col.fr .clearfix h4.titH4 {margin:0px;}
.dataFusionWrap .colBox .col.fr .titDate {font-family:NotoSansKR-Regular;font-size: 13px;line-height: 130%;letter-spacing: -0.05em;color: #6F797F;float:right;}

.dataFusionWrap .colBox .inputBtn input[type="text"] {display:inline-block;height:43px;padding: 10px 15px;background: #FFFFFF;border-radius:10px;border: 1px solid #EBECF2;margin:10px 0px;font-family: font-family;font-weight: 500;font-size: 16px;line-height: 23px;letter-spacing: -0.05em;width:100%}
.dataFusionWrap .colBox .inputBtn input[type="text"]::placeholder {color:#BEBEBE;}
.dataFusionWrap .colBox .inputBtn button {width: 22px;height: 22px;right: 12px;top: -42px;position: relative;float: right;background: url(../images/search_type2.png) 50% 50% no-repeat;border:0px;color:transparent;}

.dataFusionWrap .colBox .col:not(.fr) ul {font-size:0px;}
.dataFusionWrap .colBox .col:not(.fr) ul {padding:20px 10px 10px 20px;}
.dataFusionWrap .colBox .col:not(.fr) ul li {display:inline-block;font-family:NotoSansKR-Medium;font-weight: 500;font-size: 13px;line-height: 130%;text-align: center;letter-spacing: -0.05em;color: #6F797F;border: 1px solid #BEBEBE;padding:10px 0px;width:calc( ( 100% ) / 3 - 10px);margin:0px 10px 10px 0px;}
.dataFusionWrap .colBox .col:not(.fr) ul li.on {color:#5B50BC;border:1px solid #5B50BC;background-color:#F5F5FD;}

.dataFusionWrap .colBox .col:not(.fr) ul#partyOfByTheWinner li {width:calc( ( 100% ) / 4 - 10px);}

.dataFusionWrap .tblSyBox table {text-align:center;font-weight: bold;font-size: 13px;line-height: 19px;letter-spacing: -0.05em;color: #41405A;}
.dataFusionWrap .tblSyBox table tr {height:40px;border-bottom: 1px solid #E5E7EE;}
.dataFusionWrap .tblSyBox table thead tr {background-color:#F2F2F3;border-top:1px solid #ABBECD;}
.dataFusionWrap .tblSyBox table colgroup col:nth-child(4) {display:none;}
.dataFusionWrap .tblSyBox table thead tr th:nth-child(4) {display:none;}
.dataFusionWrap .tblSyBox table tr td:nth-child(4) {display:none;}
.dataFusionWrap .tblSyBox table tr.bgCol {color:#2BBCD0 !important;}
.dataFusionWrap .tblSyBox table tr.bgCol a{color:#2BBCD0 !important;}

.mentionLawTopWrap ul#gtrBillBuzzUl li{width: calc( ( 100% ) / 2 - 10px);overflow: hidden;text-overflow:ellipsis;height:39px;white-space:nowrap;padding-right: 15px;padding-left: 15px;}
.mentionLawTopWrap ul#gtrBillBuzzUl li span {margin-right:5px;}
.mentionLawTopWrap ul#gtrBillBuzzUl li span:after {content:'.';}
.mentionLawTopWrap .colBox .col.fr h4.titH4.ty2 {margin-top:0px;}
.mentionLawTopWrap #chooseBuzzNm {margin-top:0px; font-size:14px;}

.dataFusionWrap .boardBoxA {margin-top:10px;margin-bottom:10px;height:max-content !important;}
.dataFusionWrap .boardBoxA .scrollY{height:max-content !important}
.dataFusionWrap .newsView .newsItem{border-bottom:1px solid #E5E7EE;padding: 10px 0;letter-spacing: -.5px;}
.dataFusionWrap .newsView .newsItem:first-child{padding-top:0;}
.dataFusionWrap .newsView .newsItem:last-child{border-bottom:0;padding-bottom:0;}
.dataFusionWrap .newsView .newsItem .title a{color:#41405A;font-weight: bold;}
.dataFusionWrap .newsView .newsItem .siteInfoArea .siteNameImg img{width: 35px;border-radius: 15px;border: 1px solid #e2e9ed;margin-top: 5px;}
.dataFusionWrap .newsView .newsItem .userName{display: inline-block;font-family: 'NotoSansKR-Medium';font-size:11px;color:#1A5C94}
.dataFusionWrap .newsView .newsItem .date{display: inline-block;font-size:11px;color:#888;margin-left: 5px;}
.dataFusionWrap .newsView.ty2 .newsItem{padding: 13px 0;}
.dataFusionWrap .newsView.ty2 .newsItem:first-child{padding-top:5px;}
.dataFusionWrap .newsView.ty2 .newsItem:last-child{border-bottom:0;padding-bottom:0;}
.dataFusionWrap .newsView.ty3 .newsItem .title{position: relative;padding-left: 30px;}
.dataFusionWrap .newsView.ty3 .newsItem .num{display: block;position: absolute;left: 0;top: 2px;font-family: 'Montserrat SemiBold Italic';}
.dataFusionWrap #localPieChartDiv {height:540px !important;}
.dataFusionWrap #propPieChartDiv  {height:540px !important;}
.dataFusionWrap #byTheWinnerPieChartDiv  {height:540px !important;}

.partyActivitiesWrap .stitArea h4.titH4 {display:block !important;font-family:NotoSansKR-Medium;font-weight: bold;font-size: 18px;line-height: 130%;letter-spacing: -0.05em;color: #41405A;display:inline-block;margin:20px 0px 10px;}
.partyActivitiesWrap .colBox .col {padding:20px;padding-top:0px;}
.partyActivitiesWrap .colBox2 {padding:20px;padding-top:0px;}

.partyActivitiesWrap ul.partybtnList {font-size:0px;}
.partyActivitiesWrap ul.partybtnList {padding:20px 10px 10px 20px;}
.partyActivitiesWrap ul.partybtnList li {display:inline-block;font-family:NotoSansKR-Medium;font-weight: 500;font-size: 13px;line-height: 130%;text-align: center;letter-spacing: -0.05em;color: #6F797F;width:calc( ( 100% ) / 3 - 10px);margin:0px 10px 10px 0px;}
.partyActivitiesWrap ul.partybtnList li button {display:block;width:100%; height:100%; border:0px;background-color:transparent;font-family:NotoSansKR-Medium;font-weight: 500;font-size: 13px;line-height: 130%;text-align: center;letter-spacing: -0.05em;color: #6F797F;border: 1px solid #BEBEBE;padding:10px 0px;}
.partyActivitiesWrap ul.partybtnList li button.on {color:#5B50BC;border:1px solid #5B50BC;background-color:#F5F5FD;}

.committeeDataWrap #gtrCmtBuzzUl li .cmtNm {display:none;}

.committeeDataWrap .colBox .col.fr h4.titH4 {margin-top:0px;}
.loadingWrap {display:none;}

.dataFusionWrap .btnAreas.ta_right {padding: 0px 20px 20px;}
.dataFusionWrap .btnAreas.ta_right .primaryBtn {font-weight: 500;font-size: 14px;line-height: 20px;display: block;align-items: center;color: #41405A;border: 1px solid #EBECF2;border-radius: 5px;padding:10px;text-align:center;}

#archiveLink_con .resultItem .text {display:none !important;}
#archiveLink_con .resultItem .info .contentMore {display:none;}

footer {background-color:#EBECF2;padding:25px 20px;color:#6F797F;font-size:11px;text-align:center;height:84px;}

.popup {background:#fff;padding:0;max-width: 1140px;box-shadow: 1px 1px 20px rgba(0,0,0,0.5);border-radius: 10px;}
.poplayout{display:none;position: absolute;left: 50%;top: 15%;backface-visibility: hidden;z-index:10;transform: translateX(-50%);}
.mgTop_220{margin-top:220%}

.popup .popupHeader{padding: 15px 20px 10px 25px;color: #fff;box-sizing: initial;overflow: hidden;border-top-right-radius: 10px;border-top-left-radius: 10px;border-bottom: 1px solid #d9d9d9;}
.newsDetailPopHeader{background: #f5f5f5;}

/* .newsDetail.popupContents {padding: 25px 25px 20px 25px;overflow: auto;background-color: #f5f5f5;border-radius: 0 0 10px 10px;} */
.popupContents {padding: 25px 25px 20px 25px;overflow: auto;max-height: 80vh;background-color: #f5f5f5;border-radius: 0 0 10px 10px;}

.popup .popupHeader .btn_close{width:35px;height:0px !important;padding:35px 0 0 0;overflow:hidden;display:block;position:absolute;top: 13px;right: 14px;background:url(../images/popup_btn_close2.png) 50% 50% no-repeat;}
.popup .popupHeader .btn_close:hover{ }

.layerMaskBackground{position: fixed; top:0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.7); z-index:9; opacity:0;visibility:hidden; }
.layerMaskBackground.on{opacity:1;visibility:visible;}


/*최신이슈-이슈분석-이슈키워드연혁*/
/*공통 arrow 디자인*/
.arrowPri { position: absolute; width:51px;height:51px;background:url(/resources/main/images/icon_sprite.png) left -26px no-repeat;opacity:1;z-index:1; font-size: 0; line-height: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none;}

.arrow_prev{right:0; top:-20px;}
.arrow_next{margin-top:-25px;transform:rotate(-180deg);right:40px;top:-20px;}
.arrow_prev:before,
.arrow_next:before{display:none}
.arrow_prev.arrow_disabled, 
.arrow_next.arrow_disabled{opacity:0.25;}

.arrowPri:before,
.arrowPri:after{display:inline-block;box-sizing: inherit;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-radius:100%;}
.arrowPri:before{border: 2px solid transparent;}
.arrowPri:after{border: 0 solid transparent;}
.arrowPri:hover::after {
  border-top: 2px solid #d4d8db;
  border-left-width: 2px;
  border-right-width: 2px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
}
.arrowPri:hover::before {
  border-top-color: #c9c9c9;
  border-right-color: #c9c9c9;
  border-bottom-color: #c9c9c9;
  -webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}

.arrowPri.disabled,
.arrowPri.disabled:before,
.arrowPri.disabled:after{ cursor: auto; opacity: 0.4; border-color:transparent}

#buzzBubbleDetailView>div{background: #fafafa; padding: 16px; border-radius: 10px; margin-bottom: 16px; position: relative;}
#buzzBubbleDetailView>div:last-child{margin-bottom: 0;}
#buzzBubbleDetailView>div>input[type="button"]{position: absolute; top: 16px; right: 16px; width: 26px; height: 26px; background: #fff url(../images/popup_btn_close2.png) center / 14px no-repeat; font-size: 0; border: 1px solid #aaaaaa; border-radius: 5px;}
#buzzBubbleDetailView>div h3{ font-size: 16px;}
.btnPop{background:#5b5bc3 url("../../images/ico_newindow.svg")center right 16px / 14px no-repeat !important; color: #fff; border: none !important; width: 130px; text-align: left; margin-bottom: 20px;}
.bubbleChartArea{display: block;}
.bubbleChartArea:after{visibility: hidden; display: block; font-size: 0;content: ""; clear: both; height: 0;}
.bubbleChartArea > div{margin-top: 10px; padding: 15px 20px; border: 1px solid #ededed; margin-right: 10px; background-color: #fff; border-radius: 15px;}
.bubbleChartArea > div h4{padding: 0; color:#003f81; font-size: 15px; font-weight: 500; }
#bubble_detail_list>div{background: #fafafa; padding: 16px; border-radius: 10px; margin-bottom: 16px; position: relative;}
#bubble_detail_list>div:last-child{margin-bottom: 0;}
#bubble_detail_list>div>input[type="button"]{position: absolute; top: 16px; right: 16px; width: 26px; height: 26px; background: #fff url(../images/popup_btn_close2.png) center / 14px no-repeat; font-size: 0; border: 1px solid #aaaaaa; border-radius: 5px;}
#bubbleSelectChartDiv{border-bottom: none;}
.buzzBubbleWrap{position: relative;}
.chartArea{margin-bottom: 20px;}


/*.scrollbarWrap .viewport 2단나열 디자인*/
/* .viewport .overview .cardList{display: flex; flex-wrap: wrap;}
.viewport .overview .cardList .viewItem{flex: 1 1 40%; border-radius: 20px; border:1px solid #E5E7EE; margin-bottom:1%; padding: 14px; } */

.viewport .overview .cardList .viewItem{ border-radius: 20px; border:1px solid #E5E7EE; margin-right: 1%; margin-bottom:1%; padding: 14px; }
.viewport .overview .cardList .viewItem .title{margin-bottom: 10px;}
.viewport .overview .cardList .viewItem .text{width: 100%; height: 260px; overflow: hidden; float: inherit;}
.viewport .overview .cardList .viewItem .media{margin-top: 15px;}
#newsData .titArea .controlArea.oneline{margin-top: 0;}
.viewport .overview .cardList .viewItem:hover{background: #f6f6f6;}

/*최신이슈/이슈분석/SNS데이터 유튜브 디자인*/
.viewport .overview .thumbnail {}
.viewport .overview .thumbnail .viewItem{flex: 0 0 calc(100% - 0px);}
.youtubeArticle:hover{background: #f6f6f6;}
.youtubeArticle .youtubeImg {
    position: relative;
    display: block !important;
    height: 218px;
    margin-bottom: 14px;
    background: #fff url(/images/noImage-fae1dd3….png) no-repeat center center;
    background-size:cover;
    transition: background-size 0.2s ease 0s;
	border-radius: 16px;
}

.youtubeArticle a .linkText {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3em;
    height: 2.6em;
    margin-bottom: 8px;
    padding-right: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color 0.15s ease 0s;
}


.instarArticle:hover{background: #f6f6f6;}
.instarArticle .instarImg {
    position: relative;
    display: block !important;
    height: 218px;
    background: #fff url(/images/noImage-fae1dd3….png) no-repeat center center;
    background-size:cover;
    transition: background-size 0.2s ease 0s;
	border-radius: 16px;
}

.instarArticle a .linkText {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 8px;
    padding-right: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color 0.15s ease 0s;
}

/*이슈키워드 연혁*/
/*팝업안에 timeLine*/
.popupContents .timeLineBox .timeLine .timeItem{ margin-left: inherit!important; height: inherit!important; overflow: inherit!important;}
.popupContents .timeLineBox .timeLine .timeItem > a{ width: 270px!important; height:370px; margin: 0 auto;}
.popupContents .timeLineBox .timeLine .timeItem > a .conts{ overflow: auto; height: 14.5em; text-align: left;}

/*슬라이드 버튼 재선언*/
.newsDetail.popupContents .timeLineBox .timeLine .timeBody .slick-prev{ display: block; top: 50%; left:-20px; background-position: -265px -458px; }
.newsDetail.popupContents .timeLineBox .timeLine .timeBody .slick-next{ display: block; top: 50%; left:inherit; right:-20px; background-position: -292px -458px; }
.newsDetail.popupContents .timeLineBox .timeLine .timeBody .slick-prev.slick-disabled, .newsDetail.popupContents .timeLineBox .timeLine .timeBody .slick-next.slick-disabled{opacity: .25;}
.newsDetail.popupContents{padding-top:0;}
.newsDetail.popupContents .timeLine .timeBody .timeItem .date span:before{display: inline-block; content:''; width:40px; height: 40px;  background:url(../images/ico_calendar_gray.svg) no-repeat; left:0; top: -2px}
.newsDetail.popupContents .timeLine .timeBody .timeItem .date span{background:none; color:#666; padding: 1px 11px 4px 40px;}
.newsDetail.popupContents .timeLine .timeBody .timeItem:first-child > a:after{background-color: #fff;}
.newsDetail.popupContents .timeLineBox .timeLine .timeBody .timeItem > a:visited .date span:before,
.newsDetail.popupContents .timeLineBox .timeLine .timeBody .timeItem:first-child > a .date span:before{ background-color: inherit;}
.newsDetail.popupContents .timeLineBox .timeLine .timeBody .timeItem > a:visited .date span,
.newsDetail.popupContents .timeLineBox .timeLine .timeBody .timeItem:first-child > a .date span{background-color: inherit;}
.newsDetail.popupContents .timeLine .timeBody .timeItem:first-child > a{background-color:#fff}
/* .newsDetail.popupContents .timeLine .timeBody .timeItem:first-child > a:after{display: none; background-color: none;} */
.newsDetail.popupContents .timeLine .timeBody .timeItem > a:visited{border:1px solid rgba(217,227,231, 1)!important; background-color: #fff;}
.newsDetail.popupContents .timeLine .timeBody .timeItem > a{  width:90%!important; height:auto; padding-bottom: 20px; border-radius: 5px; border:0; box-shadow:none; }
.newsDetail.popupContents .timeLine .timeBody .timeItem > a .tit{color:#333;}
.newsDetail.popupContents .timeLine .timeBody .timeItem > a .conts{display:block; margin-top: 14px; overflow: auto; height: 60vh; text-align: left; color:#555;}

.newsDetail.popupContents .timeLine .timeBody .timeItem > a.here .date span:before{background-image:url(../images/ico_calendar_purple.svg);}
.newsDetail.popupContents .timeLine .timeBody .timeItem > a.here{background-color:#fff; box-shadow: 7px 7px 14px #dad9e1; border: 2px solid #5b50bc!important;}
.newsDetail.popupContents .timeLine .timeBody .timeItem > a.here .date span{color:#3321cb;}

.popupContents .timeLineBox .timeLine button.slick-arrow.slick-disabled:hover::before,
.popupContents .timeLineBox .timeLine button.slick-arrow.slick-disabled:hover::after{border-color:transparent}

.popupContents .scrollY{overflow-y: auto;margin:0 5px 0 0;padding:17px 20px 15px;}
.popupContents .scrollY::-webkit-scrollbar {width: 5px;}
.popupContents .scrollY::-webkit-scrollbar-thumb {background-color: #D6D5D9;border-radius: 5px;}
.popupContents .scrollY::-webkit-scrollbar-track {background-color: #f8f8f8;border-radius: 5px;}

.popupContents .controlDesc{ position: relative; clear: both; padding: 14px 14px 14px 28px; letter-spacing: -0.04em; background-color: #f3f3f5; color:#565656; font-size:13px; border-radius: 12px; margin:4px 0; }
.popupContents .controlDesc::before{content:''; display: inline-block; width:4px; height: 4px; position: initial; transform:translate( -7px, -50%); background-color: #4F6872; border-radius: 50%; }

.pointTx_blueGray{color:#4f6872;}

.newsDetailPopHeader h1 { font-size: 18px;color: #424242;letter-spacing: -0.8px; font-family: NotoSansKR-Medium;}

/* 모니터링 이슈 히스토리 버튼 호버 애니메이션 */
.popupContents .timeLineBox .timeLine button.slick-arrow:before,
.popupContents .timeLineBox .timeLine button.slick-arrow:after{display:inline-block;box-sizing: inherit;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0px;border-radius:100%;}
.popupContents .timeLineBox .timeLine button.slick-arrow:before{border: 2px solid transparent;}
.popupContents .timeLineBox .timeLine button.slick-arrow:after{border: 0 solid transparent;}
.popupContents .timeLineBox .timeLine button.slick-arrow:hover::after {
  border-top: 2px solid #d4d8db;
  border-left-width: 2px;
  border-right-width: 2px;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
  transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s, -webkit-transform 0.4s linear 0s;
}
.popupContents .timeLineBox .timeLine button.slick-arrow:hover::before {
  border-top-color: #c9c9c9;
  border-right-color: #c9c9c9;
  border-bottom-color: #c9c9c9;
  -webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
  transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}

/*팝업 fixed*/
.popupFixed{ position: fixed; top: 0; left: 50%; right: 0; bottom: 0; z-index: 1000; border-radius: 0; width: 100%; }
.popupFixed .popupHeader{border-radius: 0;}
.popupContents{ max-height: inherit; height: 100%;}

#recording_popup{ background-color: rgb(65 64 90 / 95%);}
#recording_popup .popupHeader{border-bottom: 0;}
#recording_popup .popupContents{background-color: transparent;}
#recording_popup .popupContents h1{ font-family: 'NotoSansKR-Regular';font-weight: 600; font-size: 28px; padding-top: 130px; text-align: center; color:#fff; opacity: .89;}
#recording_popup .popupContents .textArea{ position: absolute; transform: translateX(-50%); left: 50%; top:75vh; width:80vw; }
#recording_popup .popupContents p{color: #fff; text-align: center; font-size: 16px; font-family: 'NotoSansKR-Regular';}
#recording_popup .popupContents .record_comment{ opacity: .7; padding-top: 14px;}
#recording_popup .popupContents button{ border: 0; height: 150px; width: 150px; background: linear-gradient( #8a82fb, #407ed7 );
  position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; display: grid; place-items: center; font-size: 50px; color: #ffffff;
}
#recording_popup .popupContents button:before,
#recording_popup .popupContents button:after{ 
  content: ""; position: absolute; height: 100%; width: 100%; background-color: #8a82fb; border-radius: 50%; z-index: -1; opacity: 0.7;
}
#recording_popup .popupContents button.btnReStop:disabled{display: none;}
#recording_popup .popupContents button.btnReStop:before{animation: pulse 2s ease-out infinite;}
#recording_popup .popupContents button.btnReStop:after{animation: pulse 2s 1s ease-out infinite;}
#recording_popup .popupContents button span{ width: 40px;height: 40px; background: url(../images/ico_mic.svg) no-repeat 0 0; font-size: 0; }
@keyframes pulse{
  100%{
      transform: scale(2.5);
      opacity: 0;
  }
}
.btn_hangul{display: inline-block;  vertical-align: middle;  font-size: 0;  border: 0;  padding: 20px 17px;  background: url(/resources/main/images/btn_hwp.png) no-repeat center center / 28px;}
.btn_pdf_02 { display: inline-block; vertical-align: middle; font-size: 0; border: 0; padding: 20px 17px; background: url(/resources/main/images/btn_pdf_02.png) no-repeat center center / 33px;}