/* +----------------------------------------------------------------------+ | Copyright (c) daumsoft. co. Ltd +----------------------------------------------------------------------+ | common style CSS +----------------------------------------------------------------------+ */ @charset "utf-8"; /*================================================================== // commonClass //=================================================================*/ .w100{width:100%;} .w90{width:90px;} .w40{width:40px;} .w68{width:68px;} .height_inherit{height: inherit} /* range */ .fl {float:left !important;} .fr {float:right !important;} .floatLeft{float: left;} .floatRight{float: right;} .ta_center{text-align: center !important;} .ta_right{text-align: right;} .ta_left{text-align: left;} .layout02 {clear:both;overflow:hidden;margin: 15px 0 0 0;} .layout02 .fl {float:left;width: 550px;} .layout02 .fr {float:right;width: 550px;} .layout02 .titArea, .layout02 .tableBox{width:100%; margin:0;} .layout03 .fl {float:left; width:680px;} .layout03 .fr {float:right; width:310px;} .mg_0{margin: 0 !important} .mgTop_2{margin-top:2px} .mgTop_5{margin-top:5px} .mgTop_10{margin-top:10px} .mgTop_15{margin-top:15px} .mgTop_17{margin-top:17px} .mgTop_20{margin-top:20px} .mgTop_30{margin-top:30px} .mgTop_40{margin-top:40px} .mgTop_315{margin-top:315px} .mgTop_25p{margin-top:25%} .mgLeft_5{margin-left: 5px;} .mgLeft_10{margin-left: 10px;} .mgLeft_30{margin-left: 30px;} .mgBottom_0{margin-bottom: 0 !important} .mgBottom_20{margin-bottom: 20px !important} .pdTB_5{padding: 5px 0} .pdTB_10{padding: 10px 0} .ftSize_0{font-size: 0;} .wd_keepAll{word-break: break-all;} .posiRelative{position: relative;} .dispNone{display: none;} .pointer{cursor:pointer;} .bgColor_white{background-color:#fff !important} .bdTop_D2D8DA{border-top: 1px solid #D2D8DA} /* float cleafr */ .clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} * html .clearfix { height: 1%; } .clearfix { display: block; } /* tab MENU CSS */ .tab { } .tab li { float:left; text-align:center; box-sizing:border-box; } .tab li { display:inline-block; cursor:pointer; } .tab li a{display: block} .tab_con { /*border-top: 1px solid #efefef;*/ } .tab_con .tabView { display:none; } .tab_con .tabViewOn{display: block;} .poplayout{display:none;position: absolute;left: 50%;top: 15%;backface-visibility: hidden;z-index:10;transform: translateX(-50%);} /* scroll 얇게 */ .overscroll::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.13);background-color: #fff;} .overscroll::-webkit-scrollbar{width: 6px;background-color: #fff;} .overscroll::-webkit-scrollbar-thumb{background-color: #aaa;} .cursor_default{cursor:default !important} /*================================================================== // Form //=================================================================*/ /* input */ input{outline: none;} .input_txt01 {float:left;padding: 5px 12px;border: 1px solid #fff;border-radius: 100px;} .input_txt01:hover, .input_txt01:focus { border:1px solid #fff; } .input_txt02 {padding:0 3px 3px 3px;color:#666666;border:1px solid #fff;vertical-align: middle;display: inline-block;} .input_txt03 {float:left; width:97px; height:18px; padding:0 3px 3px 3px; color:#666666; line-height:18px; border:1px solid #c2c2c2; background:url(../images/bg_sample01.png) 87px -510px no-repeat;} /* calendar */ .input_txt04 {float:left; height: 21px; padding:0 3px 3px 3px; color:#666666; font-size:9pt; border-bottom: 1px solid #c2c2c2 !important;border: none;} .input_txt04 {} .input_txt05 {float:left; font-size:34px; font-family:"Century Gothic", Arial; width:187px; height:35px; color:#000; border:0px; resize:none; outline:none;} .input_txt06 {width:80px; height:18px; padding:0 3px 3px 3px; color:#666666; border:1px solid #c2c2c2;} .searchInput{color:#8fa6b8;padding: 6px 10px;border-radius: 15px;border: 0;color: #474747;padding-left: 12px;/* background: url(../images/icon_search.png) no-repeat #ffffff 223px 8px; */width: 220px;border: 1px solid #ccc;float:left;} .searchInputBtn{border: 1px;height: 30px;width: 30px;float: right;background: url(../images/icon_search.png) no-repeat 8px 8px;top: 2px;margin-left: -35px;position: relative;cursor: pointer;font-size:0;color:transparent} .searchInput::placeholder{color:#000;background-color:transparent} .textarea {width:290px; border:1px solid #c2c2c2;} .tblBox {float:left;width: 1025px;margin:0 0 10px 0;} .board_col-bt {border-bottom: 1px solid #BDBBC5;} /*========= button =========*/ .titArea .btnArea .etcArea {display: block;float: right;overflow: hidden;margin: 0 0 0 14px;} .titArea .btnArea .etcArea ul {display: block;overflow: hidden;margin: 0 !important;} .titArea .btnArea .etcArea ul li {display: block;overflow: hidden;float: left;} .titArea .btnArea .etcArea ul li a {background-color: #e3e9ed;} .titArea .btnArea .etcArea ul li a:hover,.titArea .btnArea .etcArea ul li a:focus,.titArea .btnArea .etcArea ul li a.on {background-color:#658893} .titArea .btnArea .etcArea ul li a.information { background-position: 50% -27px; } .titArea .btnArea .etcArea ul li a.favorite { } .titArea .btnArea .etcArea ul li a.excelDown {background-position: 50% -22px;} .titArea .btnArea .etcArea ul li a.clipboard { } .titArea .btnArea .etcArea ul li a.favorite:hover {} .titArea .btnArea .etcArea ul li a.excelDown:hover {background-color:} .titArea .btnArea .etcArea ul li a.clipboard:hover {} .btn-lg{display:inline-block; height:20px; padding:0 20px; text-align:center;font-size: 12px; border:1px solid #64559e;} .btn-sx{display:inline-block;height: 24px;padding:0 20px;text-align:center;font-size: 12px;cursor: pointer;font-weight: bold;border-radius: 10px;margin: 0 0 0 4px;} .btn-d{background-color: #cdc4ff;color: #000;border: 0;} .btn-b{background:#fff;color: #555;} .btn-b:hover {background:#8f8880;color: #fff;} .btn-d:hover{background-color: #F5F07B;color: #000;border: 0;} /*================================================================== // layout //=================================================================*/ /*========= loader =========*/ .loadingWrap{position: fixed; top:0; bottom :0; left:0; right: 0; background: rgba(0,0,0,0.8); z-index:999;overflow: hidden; text-align: center;} .loadingWrap .loader{position: relative; top: calc(40% - 30px); color:#fff} .loadingWrap img{-webkit-animation: zmdi-spin 1.5s infinite linear; animation: zmdi-spin 1.5s infinite linear;} @-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) } } body {background-color:#e3e9ed;} /*========= header =========*/ header {position: relative;z-index: 9; /*height:103px;*/ background-color:#013d5f;} header nav.contentInner{min-height: 78px;} /*header nav:before{content:'';position: absolute;left: 0;bottom: 0;border-bottom: 1px solid #CCCCE4;width: 100%;}*/ header .topMenuArea{float: right;padding: 5px 0; font-size: 0;margin-top: 30px;} header .topMenuArea a{display: inline-block;font-size: 14px;margin-left: 16px;position: relative;color: #fff;} /* header .topMenuArea a:hover{text-decoration: underline;} */ header .topMenuArea a:nth-child(2):before{content:''; position: absolute; left: -8px; top: 2px; bottom: 2px; width: 1px; background-color:#b2b2b2} header .topMenuArea a:first-child:before{display: none;} header .headerLogo{display: block; float: left; width: 14%; margin-top: 16px;} header .headerLogo img{height: 55px;vertical-align:bottom;} header .headerLogo:focus img,header .headerLogo:hover img{filter: drop-shadow(7px 7px 5px #000a);} header .gnbWrap{width: 60%;float: left;} header .gnbWrap .gnbUL {width:100%;margin-top:32px;position:relative} header .gnbWrap .gnbUL li {float: left;width:114px;color: #fff;text-align:center} header .gnbWrap .gnbUL li.on{} header .gnbWrap .gnbUL li.focused{font-weight: bold;} header .gnbWrap .gnbUL li a{font-size: 20px;position:relative;} /* header .gnbWrap .gnbUL li.on a:before{display:block;content:'';position:absolute;left:0;bottom:-6px;width:100%;height:3px;background-color:#009bcb;} */ header .gnbWrap .nav-indicator{display:block;content:'';position:absolute;left:0;bottom:-18px;width:114px;height:3px;background-color:#009bcb;opacity:0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } header .snbWrap{position: absolute;left: 0;right: 0;top: 75px;min-height: 145px;border-bottom: 0px solid #ccc;background-color:#013d5f;display: none;border-top:1px solid #205471} header .snbWrap .contentInner{min-height: inherit;} header .snbWrap ul{float: left;width: 145px;min-height: inherit;padding: 15px 0;text-align: center;border-right:1px solid #104463} header .snbWrap ul:first-child{margin-left: 14%;border-left:1px solid #104463} header .snbWrap ul li{font-size: 15px;text-align:center;} header .snbWrap ul li a{display:inline-block;width:100%;height:100%;letter-spacing: -1px;color:#fff;padding: 6px 0;border-radius:4px} header .snbWrap ul a:hover,header .snbWrap ul a:focus{font-weight:bold; background-color: inherit; color: #6F797F; text-decoration: underline;} #headerArea {width:1140px;margin:0 auto} #headerArea.on{position: fixed;top:0;left: 0;right: 0;z-index: 9;} header .topMenuArea .goToAdmin{color:#0af2df;font-weight: bold;} header .topMenuArea a.siteMapBtn{display: inline-block;font-size: 0;width: 26px;height: 20px;background: url('../images/icon_hamburger.png') no-repeat 0 0;position: relative;top: -17px;} .siteMapArea {position:fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(51,49,63,0.8);z-index: 9;display: none;} .siteMapArea div.siteMapbg{width:880px;height: 375px;background-color:white;margin:0 auto;border-radius: 10px;position: relative;margin-top: 15%;} .siteMapArea h3{color: #4c4b8f;font-size: 26px;text-align: center;border-bottom: 1px solid #d9d9d9;padding: 30px 0 21px 0;margin: 0 20px;font-family: NotoSansKR-Medium;} .siteMapArea .topMenuArea{float: right;color: #fff;margin-top: 25px;} .siteMapArea .topMenuArea a{display: inline-block; font-weight: bold; font-size: 13px; margin-left: 16px; position: relative;} .siteMapArea .topMenuArea a:nth-child(2):before{content:''; position: absolute; left: -8px; top: 2px; bottom: 2px; width: 1px; background-color:#b2b2b2} .siteMapArea ul{display: inline-block;vertical-align: text-top;text-align: left;margin-left: 80px;margin-top: 35px;} .siteMapArea ul:first-child{margin-left:0} .siteMapArea ul li.h4{font-size: 20px;margin-bottom: 15px;font-family: NotoSansKR-Regular;color: #3c3c3c;padding-left: 0;} .siteMapArea ul li{color: #666666;padding: 3.5px 0;font-size: 15px;font-family: NotoSansKR-DemiLight;padding-left: 2px;} .siteMapArea .sitemapCloseBtn{display: inline-block;width: 35px;height: 35px;background: url('../images/sitemap_close.png') no-repeat center center;font-size: 0;text-indent: -9999px;position: absolute;right: 22px;top: 25px;background-size: 21px;} .siteMapArea .contentInner{width:100%} .siteMapArea a:focus{text-decoration: underline} .siteMapArea .goAdminBtn{display: inline-block; position: absolute; right: 15px; bottom: 45px; color:#fff;} /*========= contents =========*/ .contentInner {/*position:relative;*/ max-width:1140px; min-width:1140px;margin: 0 auto; } .wrap{position: relative;height: 713px;} .slidePage-container {width: 100%;height: 100%;overflow: hidden;position: relative;border-radius: 15px;} .slidePage-container .item {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow-y: hidden;overflow-x: hidden;-webkit-overflow-scrolling: touch;transition: all 700ms cubic-bezier(0.550, 0.085, 0.000, 0.990);background-position: center;-webkit-transition: all 700ms cubic-bezier(0.550, 0.085, 0.000, 0.990);-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-text-size-adjust: none;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;} .slidePage-container .item:not(:first-child ) {transform: translate3d(0,100%,0);-webkit-transform: translate3d(0,100%,0);} .slidePage-container .item.item1 {height:auto;} .slidePageItem.doubleSection section {min-height:44%;} .slidePageItem.doubleSection section:not(:first-child ) {margin-top: 10px;} .slidePage-container section + section{padding-top:0;} /* page layout Full page */ .wrap.clear{height: auto;} .wrap.clear .slidePage-container .item{ position: relative !important; transform: none !important; } /* etc Menu */ .header_items {position: fixed;bottom: 0;margin: 0 0 20px 0;opacity: 0;width: 50px;-webkit-transition: width 0.5s, opacity 0.4s, background-color 0.4s;transition: width 0.5s, opacity 1s, background-color 0.4s;} .header_items ul { } .header_items li {margin: 16px 0 15px 16px;padding: 0 10px;white-space: nowrap;display: block;font-size: 11px;color: rgba(255,255,255,0.5);} .header_items a{color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: normal;} .header_items a:hover { color:#ffc83d; } .header_items li:last-child {border-right: 0px solid #bdcce8;} .header_items li span { } .header_items li span.userIcon {background: url(../images/icon_user2.png) 0 0 no-repeat;width: 13px;height: 15px;display: block;float: left;margin: 0 5px 0 0;} .header_items li span.manualIcon {background:url(../images/icon_manual.png) 0 0 no-repeat;width: 13px;height: 15px;display: block;float: left;margin: 0 5px 0 0;} #extendBtn{display: inline-block;text-indent:-999px;font-size: 0;width: 24px;height: 24px;background: url('../images/icon_extend.png') no-repeat 0 0;position: absolute;right: 36px;bottom: 33px;margin-left: 526px;} #extendBtn.on{background-position: right 0;} .headerBg{ padding: 20px;position:relative} .lawqna .headerBg{ padding: 15px 20px;} .headerBg.on{ } .headerBg.on #extendBtn{bottom: 30px;margin-left: 526px;} .headerBg.resize{position: fixed;left: 0px;top: 0px;right: 0;z-index: 1;} #paginationDiv {width: 30px;position: absolute;top: 0%;left: 50%;-webkit- box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-left: 606px;z-index: 8; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none; } /* #pagination:before{content:'';position: absolute;left: 8px;top: 28px;bottom: 26px;width: 1px;background-color:#DDD;z-index: -1;} */ #pagination .down, #pagination .up{background-color: #f0f3f5;font-size: 13px;color: #003d5f;border: 1px solid #b7c8d3;border-radius: 50px;width: 120px;box-sizing: border-box;display: block;padding: 7px 0;cursor:pointer;opacity:0.8;margin-left:-10px;} #pagination .up{margin-top:-9px;} #pagination .down{margin-bottom:-5px;} #pagination .down *{bottom:0px;} #pagination div.down div,#pagination div.up div{display: inline-block;position: relative;} #pagination div.down div{left: 5px;bottom: -1px;} #pagination div.up div{left: 10px;top:1px;} #paginationBefore{content:'';position: absolute;left: 8px;top: 20px;bottom: 20px;width: 1px;background-color:#DDD;z-index: -1;margin:40px 0} #pagination a {display: block;line-height: 28px;cursor:pointer;position: relative;font-size: 15px;padding-left: 31px;width: 225px;color: #666;text-align: left;margin: 13px 0px;} /* #pagination a:after {content: "";width: 14px;height: 14px;border-radius: 50%;display: inline-block;-webkit-transition: background .3s ease;-moz-transition: background .3s ease;-ms-transition: background .3s ease;-o-transition: background .mornitoringWrap .3s ease;transition: background .3s ease;margin-top: 0px;position: absolute;left: 2px;top: 7px;z-index: -1;background-color: #DDD;} */ #pagination a span.after {width: 15px;height: 15px;border-radius: 50%;display: inline-block;-webkit-transition: background .3s ease;-moz-transition: background .3s ease;-ms-transition: background .3s ease;-o-transition: background .mornitoringWrap .3s ease;transition: background .3s ease;margin-top: 0px;position: absolute;left: 1px;top: 7px;z-index: -1;background-color: #DDD;} #pagination a span.after span.number{display:none;} #pagination a.active{color: #2B2349;font-weight: bold;} #pagination a.active:after {background: #ff6866;text-align: center;font-size: 13px;font-family: 'Century Gothic';padding: 5px;left: -4px;top: 5px;vertical-align: middle;line-height: 15px;color: #fff;} #pagination a.active span.after {background: #ff6866;text-align: center;font-size: 13px;width: 25px;height: 25px;font-family: 'Century Gothic';padding: 5px;left: -4px;top: 2px;vertical-align: middle;line-height: 15px;color: #fff;} #pagination a.active span.after span.number{display:block;} #pagination .down .iconArrow, #pagination .up .iconArrow{margin:0px 6px 0px 8px;display: inline-block;width: 20px;height: 20px;background-color: #5080a1;border-radius: 10px;vertical-align: middle;text-align:center} #pagination .down .iconArrow:before, #pagination .up .iconArrow:before{display:inline-block;content:'';width: 10px;height: 10px;vertical-align:middle;background: url(../images/icon_sprite.png) 0px -329px no-repeat;} #pagination .up .iconArrow:before{background-position-x:-38px;} #pagination .down:hover, #pagination .up:hover {opacity:1;} /* #pagination a.active:nth-child(2):after{content: "1";} #pagination a.active:nth-child(3):after{content: "2";} #pagination a.active:nth-child(4):after{content: "3";} #pagination a.active:nth-child(5):after{content: "4";} #pagination a.active:nth-child(6):after{content: "5";} #pagination a.active:nth-child(7):after{content: "6";} #pagination a.active:nth-child(8):after{content: "7";} #pagination a.active:nth-child(9):after{content: "8";} */ #container.bubbletreeContainer #headerArea {position: absolute;z-index: 4;} .social { width: 550px; } .relationTweet { width: 550px; } #container {clear:both;/* min-height: 713px; */margin: 0 auto 0 auto;position: relative;padding: 0;background-color:#e3e9ed; /*padding-bottom: 30px;*/} #container:after {content:' ';clear:both;font-size: 0;display: block;} #container.bubbletreeContainer {height: 100%;overflow: hidden;min-width: 1140px;} #container.compare {width:100%;padding: 109px 30px 0 30px;min-width:1140px;} #container.compare .titArea {margin: 8px auto 0 auto;} #container.compare .settingBox {width:1140px;} #container.compare .association_slider.compare {left: 50%;margin-left: -160px;} #container.compare .association_box {} #container.compare .association_map { width:100%; } #container.compare .association_map svg {width:100% !important;} #container.compare .scrollbarWrap {max-height: 84vh;} #container.compare #polarity_map_area { width:100%; } #container.compare #polarity_map_area svg {width:100% !important;} #container.compare .mediauser_list .h200 { height:50vh; !important; } /* Main Title */ /*.headerBg{background-color:#AABECC;padding: 20px 0 20px;position: relative;}*/ .titArea {position:relative;clear: both;/*padding: 12px 0 0px 3px;*/border-bottom: 1px solid #e8e8e8;} .titArea:after {content:' ';clear:both;font-size: 0;display: block;} .titArea.brd_b {border-bottom: 0;display: block;/* width: 1140px; */background-color: transparent;height: initial;padding: 0;text-align: center;margin: 0 auto;position: relative;} .titArea h1 { font-size: 26px; line-height: 28px; font-weight: bold; color: #2B2349; padding: 25px 0 23px 0; letter-spacing: -1px; text-align: center; } .titArea .menuName {font-size: 20px;color: #1C2745;position: absolute;left: 20px;top: 30px;letter-spacing: -1px;display: block;} .titArea .btnArea {display: block;float: right;margin-top: 3px;/*margin-bottom: 5px;*/} .titArea .btnArea ul {display: block;overflow: hidden;float: left;} .titArea .btnArea ul li {display: block;overflow: hidden;float: left;} .titArea .btnArea ul li a {width: 30px;height: 0;padding-top :30px;border: 0;margin-left: 5px;display: block;text-align: center;color: transparent;font-weight: normal;overflow: hidden;border-radius: 100px;background-color:#E4E4E4;background-position: 50% 6px;background-repeat: no-repeat;} .titArea .btnArea ul li a:hover { } .titArea .btnArea ul li a.information { background-image: url(../images/icon_infomation.png); } .titArea .btnArea ul li a.excelDown {background-image: url(../images/icon_download.png);} .titArea .btnArea ul li a.allPlus {background-image: url(../images/icon_morePlus.png);} .titArea .btnArea ul li a.allPlus.open {background-image: url(../images/icon_moreMinus.png);} .titArea .btnArea ul li a.favorite{background-image: url(../images/icon_favorite.png);} .titArea .btnArea ul li a.share{background-image: url(../images/icon_share.png);background-position: 5px 50%;background-size: 17px;} .titArea .btnArea ul li a.link {background-image: url(../images/linkIcon2.svg);background-position: -18px 50%;} .titArea .btnArea ul li a.bi{background-image: url(../images/icon_bi.png); border-radius:3px; padding:13px 13px 15px 13px; width:28px; background-position:5px 5px; background-color: #ffffff;} .titArea .btnArea ul li a.bi:hover{ background-color:#fff;} .titArea .btnArea ul li a.capture {background-image: url(../images/icon_capture.svg); background-position-y:4px} .titArea .btnArea ul li a.fontSizeDefault {background-image: url(../images/icon_font_size_default.png);background-position: 65% 5px} .titArea .btnArea ul li a.fontSizePlus1 {background-image: url(../images/icon_font_size_plus1.png);background-position: 65% 5px} .titArea .btnArea ul li a.fontSizePlus2 {background-image: url(../images/icon_font_size_plus2.png);background-position: 50% 2px} .titArea .btnArea ul li a:hover{ background-color:#dde1e8;} .titArea .btnArea ul li a.information:hover{} .titArea .btnArea ul li a.excelDown:hover {} .titArea .btnArea ul li a.allPlus:hover {} .titArea .btnArea ul li a.allPlus.open:hover {} .titArea .btnArea ul li a.link:hover { } .titArea .sortOption {float: right;} .titArea .controlArea {float: right;display: block;} .titArea .controlArea.oneline {margin-top: 6px;} .titArea .tabArea {float: left;position: relative;margin-left: -8px;} .titArea .tabArea.oneline{margin-top: 6px; margin-left: -4px;} .titArea .tabArea#issueTab{bottom:0} .titArea .srch .input_txt01 {height:24px;} .titArea .srch .input_txt02 {height: 38px;border: 1px solid #cad3d6;padding: 4px 4px 4px 40px;background: url(../images/icon_search02.png) no-repeat 10px 50%;border-radius: 7px;color:#6f797f;font-size:16px;} .titArea .srch .input_txt02::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #094561; } .titArea .srch .input_txt02:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #094561; } .titArea .srch .input_txt02::-ms-input-placeholder { /* Microsoft Edge */ color: #094561; } .titArea .srch select { float:left; } .titArea .srch .keyword_search{margin-left:5px;border: 0;background-color: #7291a4;color: #fff;height: 38px;padding: 0 10px;display: inline-block;border-radius: 7px;} .btn_setting2 {position:absolute;bottom: 2px;right: 50px;} .btn_setting2 a {color: #003d5f;font-size: 12px;} .btn_setting2 a .txt0{display:none;color:#467596} .btn_setting2 a.selected .txt0{display:block} .btn_setting2 a.selected .txt1{display:none} /* middle Title */ .titArea h2 {padding: 0;font-size: 18px;line-height: 33px;display:inline-block;color:#003f81;/* float: left; */letter-spacing: 0;overflow: hidden;font-weight: bold;} .titArea h2:before {} .titArea h2 .srchKwd2{margin-left:0;} .titArea h3 {padding: 9px 11px 9px 11px;font-size:20px;line-height:18px;display:inline-block;font-weight: bold;line-height: 19px;background-color: #b6d4f9;border-radius: 8px 8px 0 0;margin-left: 6px;} .titArea h3 span {vertical-align: top;font-size: 10px;font-family: "Century Gothic", Arial;margin: 0;} .titArea h2 span {margin-left:8px;color: #ff6866;vertical-align: top;overflow: hidden;max-width: 290px;display: inline-block;white-space: nowrap;text-overflow: ellipsis;} #realtimeArea .titArea h2 span {;max-width: 362px;cursor:pointer} #issueHistory .titArea h2 span {;max-width: 800px;cursor:pointer} #topQuotation .titArea h2 span {;max-width: 780px;cursor:pointer} #newsSnsData .titArea h2 span {max-width: 400px;cursor:pointer} #newsData .titArea h2 span {max-width: 400px;cursor:pointer} #sentimetalAnalysis .titArea h2 span {;max-width: 362px;cursor:pointer} #sentimetalRanking .titArea h2 span {;max-width: 722px;cursor:pointer} #sentimetalTreeMap .titArea h2 span {;max-width: 790px;cursor:pointer} #relationKeywordAnalysis .titArea h2 span {;max-width: 392px;cursor:pointer} #archive .titArea h2 span {;max-width: 382px;cursor:pointer} #scholarshipInfomation .titArea h2 span {;max-width: 655px;cursor:pointer} #buzzTransition div.realtimeArea {min-height:450px;} #buzzTransition .titArea h2 span {;max-width: 400px;cursor:pointer} .bubbletreeArea .titArea h2 span {;max-width: 490px;cursor:pointer} .titArea h2 span.vs {font-weight:normal;color:#94a2a1;margin: 0 6px;font-size: 13px;} .titArea h2:first-child {} .titArea h3:first-child {} .titArea .smallTxt {font-size: 12px;color: #999;padding-top: 5px;display: inline-block;} .titArea .calendarArea {float:right;margin: 8px 0 0 0;} .titArea .date {color:#8d8d8d;font-size:12px;} .titArea h2.titOn {color: #0d8dcf;cursor:pointer;font-size: 16px;margin-top: 0;} .titArea h2.titOff {color: #9699AB;cursor:pointer;font-size: 16px;margin-top: 0;} .titArea h2.titOn a {color: #0d8dcf; cursor:pointer;} .titArea h2.titOff a {color: #9699AB; cursor:pointer;} .titArea h2.titOn a span { font-size:10px; font-family:"Century Gothic", Arial; margin:0 0 0 3px; } .titArea h2.titOff a span { font-size:10px; font-family:"Century Gothic", Arial; margin:0 0 0 3px; } .titArea h2.titOn a:hover {color: #0d8dcf; cursor:pointer;} .titArea h2.titOff a:hover {color: #0d8dcf; cursor:pointer;} .titArea h3.titOn {color: #fff;cursor:pointer;font-size: 14px;background-color: #4E5172;height: 38px;} .titArea h3.titOn a span {font-size:10px;font-family:"Century Gothic", Arial;margin:0 0 0 3px;color: #fff;} .titArea h3.titOff.on {color: #fff;cursor:pointer;font-size: 14px;background-color: #013c5e;height: 36px;} .titArea h3.titOff.on a span {font-size:10px;font-family:"Century Gothic", Arial;margin:0 0 0 3px;color: #fff;} .titArea h3.titOff {cursor:pointer;font-size: 14px;background-color: #e3edf3;color: #013c5e;height: 36px;} .titArea h3.titOff a {} .titArea h3.titOff a span {font-size:10px;font-family:"Century Gothic", Arial;margin:0 0 0 0px;display: inline-block;max-width: 33px;overflow: hidden;text-overflow: ellipsis;white-space: normal;} .titArea h3.titOff:hover {background-color: #013c5e;color: #fff;} .titArea h3.titOff:hover a { } .titArea h3.titOff:hover a span {} .titArea h3.titOn.disable {} .titArea h3.titOn.disable a { } .titArea h3.titOn.disable a span {} .titArea h3.titOff.disable {} .titArea h3.titOff.disable a {} .titArea h3.titOff.disable a span {} .titArea h3.titOff.disable:hover {} .titArea h3.titOff.disable:hover a { } .titArea h3.titOff.disable:hover a span {} .titArea h3.pipe {color: #9699AB;margin:0 7px;} .titArea h2.pipe {color: #9699AB;margin:0 7px;} .board_col {width:100%;border-top: 1px solid #888;} .titArea .control_area {/* position:absolute; *//* right: 0px; *//* bottom: 0px; */width: 100%;display: block;} .titArea .control_area h2{float: left !important;margin-right: 20px;} .titArea .control_area:after {content:' ';clear:both;font-size: 0;display: block;/* height: 20px; */} .titArea .control_area .tableArea {display: block;width: 100%;overflow: initial;/* height: 30px; */margin: 0 0 -10px 0;} .titArea .control_area .tableArea ul { display: block; overflow: hidden;} .titArea .control_area .tableArea ul li {display: inline-block;} .titArea .control_area .tableArea ul li a {border: 1px solid #c7add7;display: inline-block;border-top-right-radius: 10px;border-top-left-radius: 10px;border-bottom: 0;padding: 10px 20px;width: 200px;font-size: 14px;margin: 0 1px;background-color: #c7add7;color: #fff;} .titArea .control_area .tableArea ul li a:hover { background-color: #fff;color: #555;font-weight: bold; } .titArea .control_area .tableArea ul li.selected {} .titArea .control_area .tableArea ul li.selected a {background-color: #fff;color: #555;font-weight: bold;} .titArea .srch {float: left;} .titArea .srch.monitoring {margin-left:120px;margin-top:-53px;} .titArea .srch.monitoring.simple {margin-top:-33px;} /* .titArea .srch.monitoring.hide {display:none;} */ .titArea .srch.monitoring .srchInput {display:inline-block;} .titArea .srch.monitoring .searchInputTextBtn{padding: 5px 16px;background-color: #ffffff;border: 1px solid #aaa;border-radius: 12px;cursor: pointer;margin-left: 10px;margin-top: 3px;top: -10px;position: relative;} .titArea .calendar .datepicker1 {width:130px;border:none;font-size:19px;font-family:"Century Gothic", Arial;color:#353b5a;height:auto;background: url(../images/icon_cal.png) no-repeat 108px 0;cursor:pointer;} .titArea .calendar .datepicker1:hover {background:url(../images/icon_cal.png) no-repeat 108px -77px;} /*221129 타이틀아래 h4 추가*/ .titArea h4.controlDesc{ position: relative; clear: both; padding: 14px 14px 14px 28px; letter-spacing: -0.04em; background-color: #f3f3f5; color:#565656; font-size:15px; border-radius: 12px; margin:10px 0; } /* .titArea h4.controlDesc::before{content:''; display: inline-block; width:4px; height: 4px; margin-right: 3px; position: absolute; top:46%; left:15px; background-color: #4F6872; border-radius: 50%; } */ .titArea h4.controlDesc.type2{ margin-bottom: 10px; border:0;} /*타이틀-탭버튼아래 h4 type2*/ .periodArea {display: inline-block;font-size: 0;} .periodArea input[type="radio"] { display: none; } .periodArea label{position:relative;background-color:#e3e9ed;padding: 6px 10px;font-size: 14px;color: #1e3e55;min-width: 43px;display: inline-block;cursor:pointer;text-align: center;line-height: 21px;border-radius:10px} .periodArea label:after{position:absolute;left:0;top:1px;display:inline-block;content:'';width:1px;height:32px;background-color:#d7dfe4;} .periodArea label:nth-of-type(1){border-top-right-radius:0;border-bottom-right-radius:0;} .periodArea label:nth-of-type(2){border-radius:0} .periodArea label:nth-of-type(1):after{display:none} .periodArea label:nth-of-type(3){border-top-left-radius:0;border-bottom-left-radius:0;} .periodArea label:nth-of-type(4){margin-left:5px} .periodArea label:nth-of-type(4):after{display:none} .periodArea input[type="radio"]:checked + label {background-color: #00abb1;color:#fff;} .periodArea input[type="radio"]:checked + label:after{display:none} .periodArea input[type="radio"] + label:focus {background-color: #013d5f;color:#fff;} .periodArea input[type="radio"] + label:focus:after{display:none} .settingBox .periodArea label{margin-top: 5px;} .settingBox .periodArea {display: inline-block;font-size: 0;} .settingBox .periodArea input[type="radio"] { display: none; } .settingBox .periodArea label{position:relative;background-color: #ffffff;padding: 6px 15px;font-size: 13px;color: #1e3e55;min-width: 43px;display: inline-block;cursor:pointer;text-align: center;line-height: 21px;border: 1px solid #d6dcde;margin-left: -1px;} .settingBox .periodArea label:after{position:absolute;left:0;top:1px;display:inline-block;content:'';width:1px;height:32px;background-color: #ffff;} .settingBox .periodArea label:nth-of-type(1){border-top-left-radius: 8px;border-bottom-left-radius: 8px;} .settingBox .periodArea label:nth-of-type(1):after{display:none} .settingBox .periodArea label:nth-of-type(3){border-top-right-radius: 8px;border-bottom-right-radius: 8px;} .settingBox .periodArea input[type="radio"]:checked + label {background-color: #7da4b9;border: 1px solid #7da4b9;} .settingBox .daily1, .settingBox .daily2{font-size:15px;} .settingBox .dailyArea_sm, .settingBox .setBtn2, .box .table_setting tbody td .committeeSelect{ margin-left: 8px !important;} .update {float: right;margin: 10px 0 0 0;} .update a{height:0px;overflow:hidden;padding:27px 0 0 0;width: 30px;display:block;float: right;background:url(../images/icon_reset.png) 0 0 no-repeat;margin-top: -2px;margin-left: 9px;} .update a:hover{background:url(../images/icon_reset.png) 0 -27px no-repeat;} .update .timeinfo {float: left;margin: 6px 0 0 0;} .update .timeinfo b { color:#0d8dcf;} .selectricWrapper { position: relative;margin: 0;cursor: pointer;margin: -2px 10px 0 0;} .selectricResponsive { width: 100%;} .selectric {position:relative;border: 1px solid #DDD;border-radius:7px;background: #fff;position: relative;} .selectric .label {display: block;width:120px;white-space:nowrap;overflow: hidden;margin: 0 30px 0 0;padding: 6px;font-size: 16px;color: #6f797f;height:38px;min-height: 18px;/*line-height: 18px;*/} .selectric .button { display: block;position: absolute;right: 0;top: 0;width: 30px;height: 30px;color: #cecece;text-align: center;font: 0/0 a; font: 20px/30px Lucida Sans Unicode,Arial Unicode MS,Arial;} /*.selectric .button:after { content: " ";position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 0;height: 0;border: 4px solid transparent;border-top-color: #1d8ca8;border-bottom: none;}*/ /* .selectric .button{height:100%;position:absolute;right:0;top:0;} .selectric .button::after{content:"";display: inline-block;margin-left:10px;width:9px;height:9px;border-top:2px solid #cecece;border-right:2px solid #cecece; -webkit-transform: rotate(134deg);transform: rotate(134deg);vertical-align:middle;}*/ .selectricHover .selectric { border-color: #CCC;} .selectricHover .selectric .button { color: #000;} .selectricHover .selectric .button:after { border-top-color: #000;} .selectricOpen { z-index: 9999;} .selectricOpen .selectric { border-color: #CCC;background: #fff;z-index: 9999;} .selectricOpen .selectricItems { display: block;} .selectricDisabled { filter: alpha(opacity=50);opacity: 0.5;cursor: default;-webkit-touch-callout: none;user-select: none;} .selectricHideSelect { position: relative;overflow: hidden;width: 0;height: 0;} .selectricHideSelect select { position: absolute;left: -100%;display: none;} .selectricInput { position: absolute !important;top: 0 !important;left: 0 !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;margin: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;outline: none !important;border: none !important;*font: 0/0 a !important;background: none !important;} .selectricTempShow { position: absolute !important;visibility: hidden !important;display: block !important;} .selectricItems { display: none;position: absolute;overflow: auto;top: 100%;left: 0;background: #F9F9F9;border: 1px solid #CCC;z-index: 9998;box-shadow: 0 0 10px -6px;} .selectricItems ul,.selectricItems li { list-style: none;padding: 0;margin: 0;font-size: 15px;line-height: 25px;min-height: 20px;} .selectricItems li { display: block;padding: 5px;color: #555;cursor: pointer;} .selectricItems li.selected { background: #1d8ca8;color: #fff;} .selectricItems li:hover { background: #1d8ca8;color: #fff;} .selectricItems li.disabled { background: #F5F5F5;color: #BBB;border-top-color: #FAFAFA;cursor: default;} article .titArea .controlArea .selectricWrapper {width:130px;} .titArea .selectricWrapper {position: relative;margin: 0;cursor: pointer;float: left;} .titArea .selectricResponsive { width: 100%;} .titArea .selectric {border: 1px solid #cad3d6;background: #fff;position: relative;color: #6f797f;} .titArea .selectric .label {display: block;/*width:80px;*/white-space: nowrap;overflow: hidden;margin: 0 30px 0 0;font-size: 16px;color: #6f797f;min-height: 23px;padding: 6px 6px 6px 12px;height:36px;line-height:22px;} /* .titArea .selectric .button {display: block;position: absolute;right: 0;top: 0;width: 24px;height: 24px;color: #1d8ca8;text-align: center;font: 0/0 Arial;/* font: 20px/30px Lucida Sans Unicode,Arial Unicode MS,Arial; */} /*.titArea .selectric .button:after {content: " ";position: absolute;top: 6px;right: 0;bottom: 0;left: 0;margin: auto;width: 0;height: 0;border: 4px solid transparent;border-top-color: #6265A0;border-bottom: none;} */ .titArea .selectricHover .selectric {border-color: #fff;} .titArea .selectricHover .selectric .button { color: #000;} .titArea .selectricHover .selectric .button:after { border-top-color: #000;} .titArea .selectricOpen { z-index: 9999;} .titArea .selectricOpen .selectric { border-color: #CCC;background: #fff;z-index: 9999;} .titArea .selectricOpen .selectricItems { display: block;} .titArea .selectricDisabled { filter: alpha(opacity=50);opacity: 0.5;cursor: default;-webkit-touch-callout: none;user-select: none;} .titArea .selectricHideSelect { position: relative;overflow: hidden;width: 0;height: 0;} .titArea .selectricHideSelect select { position: absolute;left: -100%;display: none;} .titArea .selectricInput { position: absolute !important;top: 0 !important;left: 0 !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;margin: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;outline: none !important;border: none !important;*font: 0/0 a !important;background: none !important;} .titArea .selectricTempShow { position: absolute !important;visibility: hidden !important;display: block !important;} .titArea .selectricItems { display: none;position: absolute;overflow: auto;top: 100%;left: 0;background: #F9F9F9;border: 1px solid #CCC;z-index: 9998;box-shadow: 0 0 10px -6px;} .titArea .selectricItems ul,.selectricItems li {list-style: none;padding: 0;margin: 0;font-size: 12px;line-height: 23px;min-height: 20px;} .titArea .selectricItems li {display: block;/* padding: 5px; */color: #555;cursor: pointer;margin: 0 !important;float: initial !important; font-size:15px;} .titArea .selectricItems li.selected {background: #1d8ca8;color: #fff;margin: 0;float: initial;} .titArea .selectricItems li:hover { background: #1d8ca8;color: #fff;margin: 0;float: initial;} .titArea .selectricItems li.disabled { background: #F5F5F5;color: #BBB;border-top-color: #FAFAFA;cursor: default;float: initial;} /* top- control */ .control_area .selectBox{display:inline-block;float:none;margin-top:0;vertical-align:middle;} .control_area .down{display:inline-block;float:none;margin-top:0;vertical-align:middle;} .control_area .calendar {display:inline-block;margin: 0px 0px 0px 0px;float:none;} .control_area .selectBox, .control_area .selectBox .sbHolder {width:82px;} .control_area .selectBox .sbOptions {width: 88px;} .control_area .down{position:relative;} .control_area .down .excel {width: 20px;height:24px;background:url(../images/icon_excel_download.png) no-repeat;float: left;} .control_area .down .excel:hover {width: 20px;height:24px;background:url(../images/icon_excel_download.png) no-repeat -25px 0px;} .control_area .cont {display:none;position:absolute;width:140px;right: 0px;top:35px;z-index:11;} .control_area .cont .list li {border:1px solid #e5e5e9;border-top:none;background:#fff;} .control_area .cont .list li a {float:none;display:block;width:auto;height:30px;padding-left:10px;line-height:30px;color:#353b5a;background:none;text-align:center;text-align:left;} .control_area .cont strong{display:block;height:30px;line-height:30px;background:#f15c1b;color:#fff;text-align:center;padding: 2ps;} .control_area .selectArea { } .control_area .selectArea ul { } .control_area .selectArea ul li {float: left;margin: 0px 0 0 2px;} .control_area .selectArea ul li input[type="checkbox"] { } .control_area .selectArea ul li input[type="button"] { } .control_area .selectArea ul li label { } .control_area .selectArea input[type="checkbox"] { display: none; } .control_area .selectArea input[type="checkbox"]:checked + label {font-size: 12px;cursor: pointer;font-weight: bold;border: 1px solid rgba(255,255,255,1);padding: 5px 10px;margin: 1px 0 0 0;display: inline-block;vertical-align: middle;border-radius: 5px;background-color: rgba(255,255,255,0.2);color: #fff;} .control_area .selectArea label {font-size: 12px;cursor: pointer;/* font-weight: bold; */border: 1px solid rgba(255,255,255,0);padding: 5px 10px;margin: 1px 0 0 0;display: inline-block;vertical-align: middle;border-radius: 5px;background-color: rgba(255,255,255,0);color: #fff;} .control_area .selectArea label:hover { font-size: 12px;cursor: pointer;font-weight: bold;border: 1px solid rgba(255,255,255,0);padding: 5px 10px;margin: 1px 0 0 0;display: inline-block;vertical-align: middle;border-radius: 5px;background-color: rgba(255,255,255,0.4);color: #fff; } .control_area .selectArea input[type="checkbox"]:checked + label:hover {font-size: 12px;cursor: pointer;font-weight: bold;border: 1px solid rgba(255,255,255,0);padding: 5px 10px;margin: 1px 0 0 0;display: inline-block;vertical-align: middle;border-radius: 5px;background-color: rgba(255,255,255,0.4);color: #fff; } /**/ .srch .selectricWrapper {position: relative;margin: 0;cursor: pointer;margin: 0 10px 0 0;float: left;width: 202px;} .srch .selectricResponsive { width: 100%;} .srch .selectric {border: 1px solid #8f8880;background: #fff;position: relative;border-radius: 100px;} .srch .selectric .label {display: block;white-space: nowrap;overflow: hidden;margin: 0 30px 0 0;font-size: 12px;line-height: 24px !important;color: #333;min-height: 18px;padding: 6px 6px 6px 12px;} .srch .selectric .button {display: block;position: absolute;right: 0;top: 7px !important;width: 24px;height: 24px;color: #1d8ca8;text-align: center;font: 0/0 Arial;/* font: 20px/30px Lucida Sans Unicode,Arial Unicode MS,Arial; */} .srch .selectric .button:after { content: " ";position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 0;height: 0;border: 4px solid transparent;border-top-color: #1d8ca8;border-bottom: none;} /*.srch .selectricHover .selectric {border-color: #fff;}*/ .srch .selectricHover .selectric .button { color: #000;} .srch .selectricHover .selectric .button:after { border-top-color: #000;} .srch .selectricOpen { z-index: 9999;} .srch .selectricOpen .selectric { border-color: #CCC;background: #fff;z-index: 9999;} .srch .selectricOpen .selectricItems { display: block;} .srch .selectricDisabled { filter: alpha(opacity=50);opacity: 0.5;cursor: default;-webkit-touch-callout: none;user-select: none;} .srch .selectricHideSelect { position: relative;overflow: hidden;width: 0;height: 0;} .srch .selectricHideSelect select { position: absolute;left: -100%;display: none;} .srch .selectricInput { position: absolute !important;top: 0 !important;left: 0 !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;margin: 0 !important;padding: 0 !important;width: 1px !important;height: 1px !important;outline: none !important;border: none !important;*font: 0/0 a !important;background: none !important;} .srch .selectricTempShow { position: absolute !important;visibility: hidden !important;display: block !important;} .srch .selectricItems { display: none;position: absolute;overflow: auto;top: 100%;left: 0;background: #F9F9F9;border: 1px solid #CCC;z-index: 9998;box-shadow: 0 0 10px -6px;} .srch .selectricItems ul,.selectricItems li {list-style: none;padding: 0;margin: 0;font-size: 12px;line-height: 23px;min-height: 20px;} .srch .selectricItems li { display: block;padding: 5px;color: #555;cursor: pointer;} .srch .selectricItems li.selected { background: #1d8ca8;color: #fff;} .srch .selectricItems li:hover { background: #1d8ca8;color: #fff;} .srch .selectricItems li.disabled { background: #F5F5F5;color: #BBB;border-top-color: #FAFAFA;cursor: default;} .searchBoxArea {opacity: 0;display: none;position: absolute;border: 1px solid #a2aeb2;background-color: #fff;left: 10%;top: -21px;z-index: 8;width: 80%;box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.06);} .searchBoxArea.display { opacity: 1; display: block; } .searchBoxArea h4 {display: block;overflow: hidden;font-size: 16px;text-align: left; color: #000;padding: 13px 13px;margin: 0 0 4px 0;border-bottom: 1px solid #a9becc;background: #fff;} .searchBoxArea h4 span {font-weight: bold;color: #c3558e;} .searchBoxArea h4 span.close {font-size: initial;border-radius: initial;color: initial;border: 0;background: initial;margin: 0;padding: 0;width: auto;height: auto;position: absolute;top: 7px;right: 11px;font-weight: normal;} .searchBoxArea h4 span.close:hover { border: 0; } .searchBoxArea h4 span.close a {color: #a2aeb2;border: 0;width: 20px;height: 20px;background-color: #fff;display: block;overflow: hidden;border-radius: 100px;padding: 6px 0 0 0;font-weight: normal;font-size: 13px;font-family: Helvetica Neue, Arial, sans-serif;} .searchBoxArea h4 span.close a:hover {} .searchBoxArea ul {display: block;overflow: hidden;width: 100%;border-bottom: 1px solid #e6ebef;margin-bottom: 4px;} .searchBoxArea ul li {display: table;overflow: hidden;width: 100%; padding: 8px 0;cursor:pointer;} .searchBoxArea ul li:hover { background-color: #efefef; } .searchBoxArea ul li.header:hover { background-color: #fff; } .searchBoxArea ul li.header {text-align: center;font-size: 12px;color: #333;border-bottom: 1px solid #e6ebef;} .searchBoxArea ul li.header span {text-align: center;white-space: nowrap; font-size: 12px;} .searchBoxArea ul li.header span.num {text-align: center;width: 30px;color: #191919;font-size: 12px;} .searchBoxArea ul li.header span.date {width: 100px;color: #191919;} .searchBoxArea ul li.header span.committeeName {width: 180px;font-weight: bold !important;} .searchBoxArea ul li.header span.period {width: 70px;font-weight: normal;color: #191919;font-size: 13px;margin: 0;text-align: center;} .searchBoxArea ul li.header span.keyword {width: 370px;color: #191919;font-size: 13px;} .searchBoxArea ul li.header span.keyword.simpletrue {width: 550px;} .searchBoxArea ul li.header span.keyword b { font-weight: bold; } .searchBoxArea ul li.header span.monitorring {text-align: right;padding: 0 5px 0 0;color: #191919;font-size: 13px;width: 40px;} .searchBoxArea ul li span {display: inline-block;overflow: hidden;vertical-align: middle;} .searchBoxArea ul li span.num {text-align: center; width: 30px;color: #3d4082;font-family:"Century Gothic", Arial;font-size: 13px;} .searchBoxArea ul li span.date {width: 100px;font-weight: normal;color: #191919;font-size: 13px;font-family:"Century Gothic", Arial;} .searchBoxArea ul li span.committeeName { color: #191919;font-size: 13px;width: 180px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;text-align: left;padding-left: 10px;} .searchBoxArea ul li span.period {font-weight: normal;color: #191919;font-size: 12px;white-space: nowrap;width: 70px;text-align: center;bottom: 0;margin: 0 5px;} .searchBoxArea ul li span.keyword {width: 370px;color: #191919;font-size: 13px;} .searchBoxArea ul li span.keyword.simpletrue {width: 550px;} .searchBoxArea ul li span.keyword b {font-weight: bold;color: #c3558e;background-color: #fff5ed;padding: 2px 4px;} .searchBoxArea ul li span.monitorring {text-align: center;padding: 0 15px 0 0;width: 40px;} .searchBoxArea ul li span.monitorring a {background: url(../images/linkIcon.svg) 0 2px no-repeat;width: 16px;height: 0;background-size: cover;padding: 16px 0 0 0;overflow: hidden;display: block;float: right;} .searchBoxArea ul li span.monitorring a:hover { background: url(../images/linkIcon.svg) -19px 2px no-repeat;width: 16px;height: 0;background-size: cover;padding: 16px 0 0 0;overflow: hidden;display: block;float: right;} /**/ .downScaleArea {display: none;} .upScaleArea{} .downScaleArea .card{ margin: 0 auto;background-color: #fff;border-radius: 10px;padding: 14px 0;line-height: 12px; } .downScaleArea .card .title{float: left;} .downScaleArea .card .title span{font-weight: bold;} .downScaleArea .card .dateText{float: right;font-size: 16px;margin-top: 1px;margin-right: 45px;} /* Table header style */ .tableBox {position:relative;margin:0 auto;border-bottom: 0;overflow:hidden;} .tableBox ul.tbl_tit {clear:both;overflow:hidden;width:100%;height:33px;border-bottom: 1px solid #aaa;background-color: #fafafa;} .tableBox ul.tbl_tit li {float:left;color: #444;font-weight:bold;line-height:30px;} .tableBox ul.tbl_tit li.tit01 {width:50px; text-align:center;} .tableBox ul.tbl_tit li.tit02 {width:160px; margin:0 0 0 15px; text-align:left; float:left;} .tableBox ul.tbl_tit li.tit03 {width:80%; float:left; margin:0 0 0 30px; text-align:center;} .tableBox .tbl_tab {clear:both; overflow:hidden;} .tableBox .tbl_tab ul.tab {float:left; width:219px;} .tableBox .tbl_tab ul.tab li {clear:both; overflow:hidden; height:31px; line-height:31px; border-bottom:1px solid #c2c2c2;} .tableBox .tbl_tab ul.tab li span {float:left; width:50px; text-align:center; font-family:"Century Gothic", Arial;} .tableBox .tbl_tab ul.tab li a {float:left; width:150px; margin:0 0 0 15px; color:#000; text-align:left;} .tableBox .tbl_tab ul.tab li a:hover {color:#de8d00;} .tableBox .tbl_tab ul.tab li a.selected {color:#de8d00; font-weight:bold; background:url(../images/bg_arrow.png) right 0 no-repeat;} .tableBox .tbl_tab ul.tab li.end {border:none;} .tableBox .tbl_tab .tbl_contents {float:left;overflow:auto;width: 770px;max-height: 65vh;padding:2px 0 0 0;margin-left: 0;width: 100%;border-bottom: 1px solid #aaa;} /* issucollection */ .box .table_setting tbody td .committeeSelect {display: block;overflow: hidden;margin: 0 0 10px 0;} .box .table_setting tbody td .committeeSelect li {float: left;width:10.2%;margin: 3px 4px 0 0;} .box .table_setting tbody td .committeeSelect li input[type="checkbox"] { display: none; } .box .table_setting tbody td .committeeSelect li input[type="checkbox"]:checked + label , .box .table_setting tbody td .committeeSelect li label:hover {background-color: #6268a2;color:#fff;border-color: #6268a2;} .box .table_setting tbody td .committeeSelect li label {font-size: 14px;cursor: pointer;font-weight: normal;border: 1px solid rgba(255,255,255,0);padding: 5px 10px 7px 10px;margin: 1px 0 0 0;display: inline-block;vertical-align: middle;border-radius: 5px;background-color: #f9f9f9;color: #827c8b;width: 97%;text-align: center;border: 1px solid #d6d5d5;border-left: 1px solid #ddd;} /* twitt_list */ .lst_itemBox {position:relative;padding: 12px 0 12px 0;border-bottom: 1px solid #eaeaea;} .lst_itemBox .number {float:left; overflow:hidden; width: 41px; height: 48px; font-size:16px; text-align:center; line-height: 40px; font-family:Century Gothic;} .lst_itemBox .lst_item {clear:none !important;} .lst_item ul {width:auto; margin:0 0 0 62px; overflow:hidden;} .lst_item ul li {float:left; margin:0 10px 0 0; line-height: 19px;} /* twitt_ common */ /*div p.photo{position: relative;left:5px;width:42px;height:42px;margin:3px 13px 0 0;border-radius:30px;float: left;}*/ div p.photo img{width:100%;height:100%;} div ul li.title{margin-right:10px; float:left;font-size: 13px;color: #000;font-size: 14px; font-weight: bold; color: #606060;} .small_tbl div ul li.title{ display:block;width: 100%;padding-bottom: 6px;} div ul li.id a{float:left;font-size: 14px; font-weight: bold; color: #606060;} div ul li.id a:hover { color:#d43b1f; } div ul li.date{margin-top:1px; color:#aaaaaf; font-family:"Century Gothic", Arial; font-size:10px !important;} div ul li.txt{clear:both;overflow:hidden;margin:0;text-align:left;line-height: 20px;font-size: 12px;margin-top: 0px;color: #000;padding: 0 20px 0 0;} div ul li.txt a:hover {color:#000;} /**/ .navigarion {overflow: hidden;padding: 12px 0 16px 0;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;} .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;} /* top select Box - page */ .viewTypeSelect {font-size: 20px;color: #1C2745;position: absolute;right: 20px;top: 22px;letter-spacing: -1px;} .viewTypeSelect .selectricWrapper{margin: 0;} .viewTypeSelect .selectric{border-color:#8FA3AF; border-width: 1px;} .viewTypeSelect .selectric .label{color:#1F4860} .viewTypeSelect .selectric .button{text-indent:-999px;height: 26px;background: url('../images/icon_dropDown.png') no-repeat 45% 70%;} .viewTypeSelect .selectric .button:after{display: none;} .viewTypeSelect .goBtn{color: #173c6a;font-size: 16px;border: 1px solid #63879c;padding: 3px 16px;border-radius: 7px;} .viewTypeSelect .goBtn:hover{background-color:#63879c; color:white} /**/ .hotIssue {float:left; margin:0 15px 0 0;} .hotIssue h4 {clear:both;overflow:hidden;height: 35px;color: #444;font-weight:bold;line-height: 36px;text-align:center;border-bottom: 1px solid #aaa;font-size: 12px;background-color: #fafafa;} .hotIssue ul {clear:both;overflow:auto;height: 278px;} .hotIssue ul li {clear:both;position:relative;overflow:hidden;/* height:31px; */line-height: 30px;border-bottom: 1px solid #DFDFDF;font-size: 13px;} .hotIssue ul li .input_check {margin:0 5px 0 0; vertical-align:middle;} .hotIssue ul li.end {border:none;} .hotIssue ul li a {display:block; padding:0 0 0 10px;} .hotIssue ul li a:hover{color:#0d8dcf; background:url(../images/bg_arrow.png) right 0 no-repeat;} .hotIssue ul li a.selected {color: #0d8dcf;/* font-weight:bold; */background:url(../images/bg_arrow.png) right 0 no-repeat;/* background-color: #f8f7f7; */} .hotIssue ul li a span.num{margin-right: 20px; width: 10px; text-align:center; display:inline-block;} .hotIssue ul li a span.keyword20, h4 span.keyword20{display:inline-block; width: 150px;} .hotIssue ul li a span.frequency, h4 span.frequency{display:inline-block; width:60px; text-align:right; font-size:10px; color:rgb(100, 102, 113);} /* table Group */ .tblStyle02 {width:100%; table-layout:fixed;} .tblStyle02 thead th {height:33px;color: #444;font-weight:bold;text-align:center;border-bottom: 1px solid #aaa;font-size: 12px;background-color: #fafafa;} .tblStyle02 thead th a {color:#000; padding:0 15px 0 0; background:url(../images/bg_arrow03.png) right center no-repeat;} .tblStyle02 thead th a.selected {color:#0d8dcf; padding:0 15px 0 0; background:url(../images/bg_arrow04.png) right center no-repeat;} .tblStyle02 tbody td {text-align:center;height: 31px;border-bottom: 1px solid #EAEAEA;font-size: 13px;} .tblStyle02 tbody td.titleL {text-align:left;} .tblStyle02 tbody td.titleL .iconView{ background:url(../images/icon_view.png) 5px 3px no-repeat; width: 24px; height:13px;display:inline-block; vertical-align:middle;} .tblStyle02 tbody td a {overflow:hidden; height:17px; margin:0 0 0 10px;color: #555;white-space:nowrap;text-overflow:ellipsis;display: block;padding-right: 22px;text-align: left;max-width: 560px;float: left;} .tblStyle02 tbody td a:hover {color:#0d8dcf;} .tblStyle02 tbody td a:hover .iconView{ background:url(../images/icon_view.png) 5px 3px no-repeat; width: 24px; height:13px;display:inline-block; vertical-align:middle;} .tblStyle02 tbody td a.selected {color: #0d8dcf;text-align:left;} .tbody {overflow:auto; width:100%; height:190px;} .box { height: initial;margin: 0 auto 0 auto;position: relative;z-index:1;} .box .box_snb{width:12%; padding:15px; border-right: 1px solid #CCCCCC;height:798px;} .box .box_cont{width: 100%;} .box .box_cont .cont_first{position:relative;} .box .box_cont .cont_second{position:relative;border-top: 1px solid #EAEAEA;margin: 20px 0 0 0;} /* setting */ .box .settingBox {position:relative;margin: 0 auto 5px auto; border-top: none;background-color: #fff;height: auto;border-radius: 10px;transition: height 0.2s ease} .box .settingBox.collapse {border: 0;height:0px;/*opacity:0;*/overflow: hidden;} .box .settingBox.compare.collapse { border: 1px solid #fff; height:0px; /*opacity:0;*/ } #keywordTip{background: #d8d8e7;display: inline-block;text-align: center;padding: 3px 4px 3px 5px;border-radius: 100px;font-weight: bold;font-family: serif;color: #54539B;font-size: 13px;width: 20px;height: 20px;margin-left: 3px;} #keywordTipDiv {background-color: #f5f5f5;position: absolute;font-size: 12px;color: #3d3d3d;top: 20px;left: 163px;padding: 6px 6px 10px 6px;display: none;line-height: 21px;width: 175px;border: 1px solid #909090;border-radius: 2px !important;} #keywordTipDiv div{margin-top-20px;margin-top: -14px;} #keywordTipExit{ text-align: right; display: block; font-size: 16px; margin-right: 5px; } #periodTip{background: #cce9ff;width: 15px;display: inline-block;text-align: center;padding: 3px 4px 3px 5px;border-radius: 100px;font-weight: bold;/* font-style: italic; */font-family: serif;color: #325fe8;font-size: 13px;width: 20px;height: 20px;margin: 0 0 0 4px;} #periodTipDiv {background-color: #f5f5f5;position: absolute;font-size: 12px;color: #3d3d3d;top: 83px;left: 150px;padding: 6px 6px 10px 6px;display: none;line-height: 21px;width: 175px;border: 1px solid #909090;border-radius: 2px !important;} #periodTipDiv div{margin-top-20px;margin-top: -14px;} #periodTipExit{ text-align: right; display: block; font-size: 16px; margin-right: 5px; } .compare #periodTipDiv {top: 122px;} /* setting_table_setting */ .box.line{/* border:1px solid #eaeaea; */overflow:hidden;} .box .table_setting table{width:100%;} .box .table_setting tbody th{height:44px;text-align:left;vertical-align: top;font-size: 17px;color: #333;font-weight:normal;padding: 10px 0 0 4px;word-break: keep-all;} .box .table_setting tbody tr.keyword_search{height: 84px;vertical-align: top;} .box .table_setting tbody th span{margin-right: 7px;font-family: "Century Gothic", Arial;font-weight:bold;color: #CC5C8A;} .box .table_setting tbody .input_txt01{border:none;color:#000;margin: 0;font-size:14px;outline:none;vertical-align:middle;display: block;padding: 0;} .box .table_setting tbody .input_txt01:first-child{} .input_txt03 {position:relative;background:url(../images/bg_sample01.png) 87px -510px no-repeat;} .box .table_setting tbody td label{vertical-align:middle;} .box .table_setting span.tit{font-size:13px;} .box .table_setting .dl {} .box .table_setting .dl .dttit {float:left;width: 47px;height:14px;margin-top: 10px;color: #2b869b;font-size: 16px;vertical-align:middle;} .box .table_setting .dl .ddtit {position: a;} .box .table_setting .dl .ddtit .input_txt{margin: 13px 0 0px 10px;border:none;outline:none;vertical-align:middle;float:left;width: 395px;color: #333;font-size: 14px;line-height:12px;padding-top:0px;border-bottom: 1px solid #D6DCDE;padding: 0 0 6px 2px;} .box .table_setting .dl .ddtit .input_txt::-webkit-input-placeholder { font-size:14px; } .box .table_setting .dl .ddtit .input_txt:hover, .box .table_setting .dl .ddtit .input_txt:focus { border-bottom: 1px solid #0d8dcf; } .box .table_setting .dl .ddtit .input_txt2{width: 844px;line-height: 12px;border:none;font-size: 14px;color: #333;outline:none;border-bottom: 1px solid #D6DCDE;margin: 12px 0 0px 10px;padding: 0 0 6px 2px;} .box .table_setting .dl .ddtit .input_txt2:hover, .box .table_setting .dl .ddtit .input_txt2:focus { border-bottom: 1px solid #0d8dcf; } .box .table_setting .dl .ddtit .input_txt2::-webkit-input-placeholder { font-size:14px; } .box .table_setting .dl .ddtit .input_txt2::-moz-placeholder { font-size:14px; } .box .table_setting .dl .ddtit .input_txt2:-ms-input-placeholder { font-size:14px; } .box .table_setting .dl.mR{/* margin-right:8px; */} .box .table_setting .setBtn, .setBtn{padding: 6px 18px;color: #555;background:#fff;cursor:pointer;font-size:13px;outline:none;margin-right:4px;border: 1px solid #eaeaea;border-radius: 7px;background-color: #f1f1f1;margin-top: 4px;} .box .table_setting .setBtn:hover, .setBtn:hover{ color: #ffffff;background:#fff;cursor:pointer;font-size:13px;outline:none;margin-right:4px;border: 1px solid #85afc2;border-radius: 7px;background-color: #85afc2;} .box .table_setting .setBtn2{padding: 6px 33px;color:#fff;cursor:pointer;font-size:13px;outline:none;margin-right:4px;border: 1px solid #4a85a2;background-color: #4a85a2;font-weight: bold;border-radius: 7px;} .box .table_setting .setBtn2:hover, .box .table_setting .setBtn2:hover{ border: 1px solid #3a6f8a;background-color: #3a6f8a; } .box .table_setting .setDateBtn{padding: 4px 8px;border-radius:17px;color:#61718F;cursor:pointer;font-size:11px;outline:none;margin: 0 5px;background-color: #EAEEF3;float: left;} .box .table_setting .setDateBtn:hover{ background-color: #8f8880; } .box .table_setting .setDateBtn:hover a {color: #fff;} .box.line{/* border:1px solid #eaeaea; */overflow:hidden;} .box .table_setting table{width:100%;} .box .table_setting tbody th{height:44px;text-align:left;vertical-align: top;font-size: 17px;color: #333;font-weight:normal;padding: 10px 0 0 4px;word-break: keep-all;} .box .table_setting tbody tr.keyword_search{height: 84px;vertical-align: top;} .box.Guest .table_setting tbody tr.keyword_search{height: 52px;} .box .table_setting tbody th span{margin-right: 7px;font-family: "Century Gothic", Arial;font-weight:bold;color: #1669a4;} .box .table_setting tbody .input_txt01{border:none;color:#000;margin: 0;font-size:14px;outline:none;vertical-align:middle;display: block;padding: 0;} .box .table_setting tbody .input_txt01:first-child{} .input_txt03 {position:relative;background:url(../images/bg_sample01.png) 87px -510px no-repeat;} .box .table_setting tbody td label{vertical-align:middle;} .box .table_setting span.tit{font-size:13px;} .box .table_setting .dl {} .box .table_setting .dl .dttit {float:left;width: 47px;height: 16px;margin: 11px 0 0 10px;color: #003d5f;font-size: 16px;line-height: 10px;} .box .table_setting .dl .ddtit {position: a;} .box .table_setting .dl .ddtit .input_txt{margin: 0px 0 10px 10px;border:none;outline:none;vertical-align:middle;float:left;width: 387px;color: #333;font-size: 14px;line-height:12px;padding-top:0px;border: 1px solid #D6DCDE;padding: 8px;border-radius: 6px;} .box .table_setting .dl .ddtit .input_txt::-webkit-input-placeholder { font-size:14px; } .box .table_setting .dl .ddtit .input_txt:hover, .box .table_setting .dl .ddtit .input_txt:focus { border-bottom: 1px solid #0d8dcf; } .box .table_setting .dl .ddtit .input_txt2{width: 844px;line-height: 12px;font-size: 14px;color: #333;outline:none;margin: 0px 0 0px 10px;margin-bottom: 14px;border: 1px solid #D6DCDE;padding: 8px;border-radius: 6px;} .box .table_setting .dl .ddtit .input_txt2:hover, .box .table_setting .dl .ddtit .input_txt2:focus { border-bottom: 1px solid #0d8dcf; } .box .table_setting .dl .ddtit .input_txt2::-webkit-input-placeholder { font-size:14px; } .box .table_setting .dl .ddtit .input_txt2::-moz-placeholder { font-size:14px; } .box .table_setting .dl .ddtit .input_txt2:-ms-input-placeholder { font-size:14px; } .box .table_setting .dl.mR{/* margin-right:8px; */} .box .table_setting .setBtn, .setBtn{padding: 7px 18px;color: #555;background:#fff;cursor:pointer;font-size:13px;outline:none;margin-right:4px;border: 1px solid #eaeaea;border-radius: 7px;background-color: #f1f1f1;margin-top: 4px;} .box .table_setting .setBtn:hover, .setBtn:hover{ color: #ffffff;background:#fff;cursor:pointer;font-size:13px;outline:none;margin-right:4px;border: 1px solid #85afc2;border-radius: 7px;background-color: #85afc2;} .box .table_setting .setBtn2{padding: 7px 33px;color:#fff;cursor:pointer;font-size:13px;outline:none;margin-right:4px;border: 1px solid #003d5f;background-color: #003d5f;font-weight: bold;border-radius: 7px;} .box .table_setting .setBtn2:hover, .box .table_setting .setBtn2:hover{ border: 1px solid #3a6f8a;background-color: #3a6f8a; } .box .table_setting .setDateBtn{padding: 4px 8px;border-radius:17px;color:#61718F;cursor:pointer;font-size:11px;outline:none;margin: 0 5px;background-color: #EAEEF3;float: left;} .box .table_setting .setDateBtn:hover{ background-color: #8f8880; } .box .table_setting .setDateBtn:hover a {color: #fff;} .box .settingBox.compare {} .box .settingBox.compare .table_setting .dl .ddtit .input_txt2{width: 337px; padding: 8px;} .box .settingBox.compare .table_setting .dl .ddtit .input_txt{width: 337px;} .box .settingBox.compare .table_setting .dl .ddtit .input_txt::-webkit-input-placeholder { font-size:12px; } .box .settingBox .relationKeywordList {position: relative;top: -29px;right: 0;} .box .settingBox .relationKeywordListBtn {position: absolute;top:-15px; right: 9px;} .box .settingBox .relationKeywordListBtn a {font-size: 12px;background-color: #00abb1;color: #fff;padding: 3px 9px;border-radius: 5px;white-space: nowrap;} .box .settingBox .relationKeywordListBtn a:hover { background-color: #0d8dcf } .box .settingBox .relationKeywordArea {display: none;overflow: hidden;position: absolute;right: 0;top: 20px;background-color: #fff;border-radius: 5px;border: 1px solid #aaa;z-index: 1;padding: 7px;} .box .settingBox .relationKeywordArea a.close {background: #c9c6ff;position: absolute;right: 0px;top: 4px;width: 18px;height: 18px;text-align: center;overflow: hidden;display: block;font-size: 11px;color: #fff;padding: 2px 0 0 0;font-family:"Century Gothic", Arial;border: 0;} .box .settingBox .relationKeywordArea a.close:hover { background: #9284dc; } .box .settingBox .relationKeywordArea ul {display: block;overflow: hidden;} .box .settingBox .relationKeywordArea ul li {display: block;overflow: hidden;padding: 4px 18px 4px 5px;border-bottom: 1px solid #eee;} .box .settingBox .relationKeywordArea ul li:last-child { border: 0; } .box .settingBox .relationKeywordArea ul li:hover { } .box .settingBox .relationKeywordArea ul li span {display: inline-block;overflow: hidden;border-radius: 0;float: initial;width: auto;height: auto;padding: initial;margin: initial;} .box .settingBox .relationKeywordArea ul li span.num {color: #689cd5;font-size: 12px;min-width: 20px;padding: 0 10px 0 0;vertical-align: middle;text-align: left;} .box .settingBox .relationKeywordArea ul li span.keyword {font-size: 12px;vertical-align: middle;} .box .settingBox .relationKeywordArea ul li span a { color: #333; } .box .settingBox .relationKeywordArea ul li span a:hover { color: #9284dc; } .box .settingBox .relationKeywordArea.display { display: block !important; } .popup_div{visibility:hidden;position:absolute;top: 137px;clear:both;width:200px;z-index:8;left: 469px;border-radius:5px;border:1px solid #000;background:#4c4c4c;border:1px solid #CACACA;background:#FFFFFF;color:#fff;padding:8px;} .popup_div_close{width:5px;height:5px;position:absolute;right:10px;font-size: 12px;} .popup_div li {line-height:24px;font-size: 12px;} .popup_div li a{margin-right:2px; color:#6E83A3;} .box .settingBox.compare .popup_div {top: 176px;} .refresh{} .refresh a{height:0px;overflow:hidden;padding:27px 0 0 0;width: 30px;display:block;float:left;background:url(../images/icon_reset.png) 0 0 no-repeat;margin-top: -2px;margin-left: 9px;} .refresh a:hover{background:url(../images/icon_reset.png) 0 -27px no-repeat;} .searched_keyword {padding-bottom: 7px;} .searched_keyword ul{overflow:hidden;margin-left:138px;} .searched_keyword li{float:left;margin-right:18px;font-size: 12px;color: #ad6505;} .searched_keyword li input[type="button"], .popup_div li input[type="button"]{display:inline-block;width:13px;height:13px;margin-left:3px;text-align:center;background-image:none;border:none;background-color:#e8ebf0;border-radius:10px;line-height:13px;font-size:11px;cursor:pointer;outline:none;} .searched_keyword li input[type="button"]:hover, .popup_div li input[type="button"]:hover{ background-color:#333; color:#FFFFFF;} .dateCheck{padding-top: 4px;padding-left: 10px;overflow: hidden;float: left;} .ui-datepicker-trigger{vertical-align:middle;width: 17px;height: 18px;} .ui-datepicker-trigger:hover{content:url(../images/calendar_smallHover.png); cursor:pointer; } .dailyArea_sm {float:left;margin-top: 5px;} .daily1, .daily2{font-size: 18px;font-family: "Century Gothic", Arial;width: 128px;height: 30px;color: #1e3e55;letter-spacing: -0.5px;border:0px;resize:none;outline:none;background-color:transparent;display:inline-block;vertical-align:middle;padding: 5px 6px 3px 28px;cursor:pointer;} .daily1.second {padding-left:10px;width:110px;} .daily1:not(.second) {background: url(../images/calendar_small3.png) 3px 50% no-repeat;} #startDateDisp.daily1 {color : #7d8286;} .daily2 {background: url(../images/calendar_small.png) right center no-repeat;} .daily2:hover {} .selectionArea{display: block;float: right;overflow: hidden;} .selectionArea .keyItemBox{float:left;} .selectionArea .keyItem{display:inline-block;margin-top:2px;cursor:pointer;border:none;height:25px;font-size: 20px;line-height:18px;color: #9699AB;padding: 4px 15px 4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right: 1px solid #aaa;} .selectionArea .keyItem.on{ position:static !important;color: #000;border-bottom: 1px solid #000;} .selectionArea .keyItem:hover, .selectionArea .keyItem.active{color: #0d8dcf;margin: 0;} .period {font-size: 15px;white-space:nowrap;position: relative;bottom: 8px;margin-left: 10px;font-family: century gothic, sans-serif;letter-spacing: -.5px;color: #7d7d7d;} .selectionArea .selectAreaIn{display: block;overflow: hidden;margin-bottom: 5px;} .selectionArea .selectAreaIn:after { content: ''; } .selectionArea .selectAreaIn ul { } .selectionArea .selectAreaIn li {float: left;margin: 0px 0 0 2px;display: block;} .selectionArea .selectAreaIn li span {} .checkboxCustom input[type="checkbox"], .selectionArea .selectAreaIn input[type="checkbox"] { display: none; } .checkboxCustom label , .selectionArea .selectAreaIn label {position: relative;padding-left: 24px;color: #666;font-size: 15px;line-height: 32px;margin-left: 10px;} .checkboxCustom label:before, .checkboxCustom label:after , .selectionArea .selectAreaIn label:before, .selectionArea .selectAreaIn label:after { content: " "; display: inline-block; position: absolute; width: 15px; height: 15px; left: 0; cursor: pointer; top: 3px; border: 1px solid #C4C3C3; background-color:#fff; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .checkboxCustom input[type="checkbox"]:checked+label::after, .selectionArea .selectAreaIn input[type="checkbox"]:checked+label::after { background: url('../images/icon_check.png') no-repeat 2px 3px; } .selectionArea .selectAreaIn label:hover { } .selectionArea .selectAreaIn input[type="checkbox"]:checked + label { } .selectionArea .selectAreaIn input[type="checkbox"]:checked + label:hover {} .selectionArea .selectAreaIn .comfirmBtn{border: 0;height: 26px;padding: 0 16px;background-color: #003d5f;color: #fff;border-radius: 4px;cursor: pointer;margin-left: 10px;margin-top: 3px;} .loadingWrap .loader .cancelBtn{border: 0;height: 26px;padding: 0 16px;background-color: #ff0000;color: #fff;border-radius: 4px;cursor: pointer;margin-top: 3px;} .selectW55 .selectricWrapper{width:55px !important; } .titArea .selectAreaIn .selectricWrapper{ float:left; } .selectAreaIn .selectricWrapper{position: relative;cursor: pointer;margin: 0px;margin-top: -4px;} .association_checkbox .selectAreaIn .selectricWrapper{ width: 135px; margin: 0 0 10px 0; } .selectAreaIn .selectric{} .selectAreaIn .selectric .label{overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;font-size: 12px;min-height: 12px;line-height: 12px;text-align: left;color: #333;padding: 6px;} .selectAreaIn .selectricOpen .selectric{ background:#fff;} .selectAreaIn .selectricItems li{font-size: 12px;background:#fff;line-height:15px;min-height:15px;margin: 0;width: 100%;} .selectAreaIn .selectric .button:after {top: -8px !important;} .selectArea .selectric .button:after {top: 3px !important;} .cont_first{position:relative;overflow: hidden;} .cont_second{position:relative;overflow: hidden;} .cont_third {position:relative;overflow: hidden;} .cont_second.history {position:relative;overflow: visible;} .cont_btn_area {margin: 0;/* height: 26px; */display: block;/* overflow: hidden; */} .cont_btn_area .sort_array input[type="radio"] { display: none; } .cont_btn_area .sort_array label {color: #333;cursor: pointer;border: 1px solid rgba(0,0,0,0);padding: 4px 9px;border-radius: 24px;background-color: rgba(255,255,255,0);font-weight: normal;padding: 5px 14px;border: 1px solid #d9d9d9;} .cont_btn_area .sort_array input[type="radio"]:checked + label {color: #387ed5;cursor: pointer;border: 1px solid #5388cb;padding: 5px 14px;border-radius: 27px;font-weight: bold;} .cont_btn_area .sort_array label:hover {color: #333;cursor: pointer;border: 1px solid #999;padding:5px 14px;border-radius: 24px;background-color: rgba(255,255,255,0.2);font-weight: bold;} .sort_array {display: block;/* overflow: hidden; */margin: 5px 0 0 10px;} .sort_array label{font-size: 12px;vertical-align:middle;padding:0 8px;} .sort_array li{float:left;margin: 0 3px 0 0;display: block;/* overflow: hidden; */} .sort_array li:last-child{/* margin-right:0px; */} .sort_array span.check{float:left;margin-right:7px;} .sort_array span.analysisCheckT{font-size:16px;cursor:pointer;} .excelDownArea {float: right;} .excelDown{} .excelDown.small {float: right;height: 24px;margin: 0 0 0 20px;} .excelDown span{height: 14px;overflow:hidden;background:url(../images/icon_download.png) 0 -14px no-repeat;width: 107px;display:block;margin-left:6px;margin-top:6px;} .excelDown:hover{cursor:pointer;background:#92eaff;border:1px solid #0d8dcf;} .excelDown:hover span{ } .excelDown.small span {margin: 4px 0 0 8px;} .cont_btn_area .chart_top {display: inline-block;margin: 5px 0 0 0;vertical-align: middle;} .cont_btn_area .chart_top2 {display: inline-block;margin: 5px 0 0 0;vertical-align: middle;} .cont_btn_area .dataTypeSelect {display: inline-block;} .dataTypeSelect + .chart_top {margin: 0px 0 0 0px;} .dataTypeSelect + .chart_top2 {margin: 5px 0 0 395px;} .cont_btn_area .dataTypeSelect ul {display: inline-block;vertical-align: middle;} .cont_btn_area .dataTypeSelect ul li {display: inline-block;float: left;} .cont_btn_area .dataTypeSelect ul li:last-child { } .cont_btn_area .dataTypeSelect ul li:first-child a {border-top-left-radius: 100px;border-bottom-left-radius: 100px;padding: 5px 15px 5px 20px;margin: 4px 1px 0 11px;} .cont_btn_area .dataTypeSelect ul li:last-child a {border-bottom-right-radius: 100px;border-top-right-radius: 100px;padding: 5px 20px 5px 15px;} .cont_btn_area .dataTypeSelect ul li a {font-size: 14px;background-color: #cedfe6;padding: 5px 15px;margin: 4px 1px 0 0;display: block;} .cont_btn_area .dataTypeSelect ul li a:hover { background-color: #22869d;color: #fff; } .cont_btn_area .dataTypeSelect ul li.selected a {background-color: #22869d;color: #fff;} .expand{float: right;border-radius:100px;/* background:#FFFFFF; */text-align:center;width:26px;height:26px;border:1px solid #B3B3B3;margin: -8px 8px 0 0;} .expand span{height:0px;overflow:hidden;padding:14px 0 0 0;background:url(../images/icon_expand.png) 0 0 no-repeat;width:13px;display:block;margin-left:6px;margin-top:6px;} .expand:hover{cursor:pointer;background:#8f8880;border:1px solid #8f8880;} .expand:hover span{background:url(../images/icon_expand.png) 0 -14px no-repeat;} .compare .expand {float: right;border-radius:100px;background:#FFFFFF;text-align:center;width:26px;height:26px;border:1px solid #B3B3B3;margin: -8px 8px 0 0;} .compare .expand span{height:0px;overflow:hidden;padding:14px 0 0 0;background:url(../images/icon_expand.png) -13px 0 no-repeat;width:13px;display:block;margin-left:6px;margin-top:6px;} .compare .expand:hover{cursor:pointer;background:#8f8880;border:1px solid #8f8880;} .compare .expand:hover span{background:url(../images/icon_expand.png) -13px -14px no-repeat;} .close{border-radius:100px;background:#FFFFFF;text-align:center;width:26px;height:26px;margin: 0 5px 0 0;display: block;position: absolute;top: 10px;right: 10px;} .close span{height:0px;overflow:hidden;padding:14px 0 0 0;background:url(../images/icon_closeopen.png) 0 0 no-repeat;width:13px;display:block;margin-left:6px;margin-top:6px;} .close:hover{cursor:pointer;background:#8f8880;border:1px solid #8f8880;} .close:hover span{background:url(../images/icon_closeopen.png) 0 -14px no-repeat;} .show {border-radius:100px;background:#FFFFFF;text-align:center;width:26px;height:26px;border:1px solid #B3B3B3;margin: 0 5px 0 0;display: block;position: absolute;bottom: 15px;right: 228px;} .show span{height:0px;overflow:hidden;padding:14px 0 0 0;background:url(../images/icon_closeopen.png) -13px 0 no-repeat;width:13px;display:block;margin-left:6px;margin-top:6px;} .show:hover{cursor:pointer;background:#8f8880;border:1px solid #8f8880;} .show:hover span{background:url(../images/icon_closeopen.png) -13px -14px no-repeat;} .hide { bottom: -100px } .scrollbarWrap {position: relative;clear:both;overflow-y: auto;overflow-x: hidden;height: 45vh;border-bottom: 1px solid #e4e4e4;} .mainPage #issueHistory .scrollbarWrap {height: 320px;margin-bottom:30px;} .association_table .scrollbarWrap {width: 210px;} .scrollbarWrap .viewport{overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling:touch;} .scrollbarWrap .overview{position:absolute;-webkit-overflow-scrolling:touch;} .association_table .scrollbarWrap .overview { width:190px; } .scrollbarWrap .scrollbar{background:transparent;position:absolute;background-position:0 0;right: 0;top: 0px;width:15px;} .scrollbarWrap .track{background:transparent; height:100%; width:13px; position:relative; padding:0 1px;} .scrollbarWrap .thumb{background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height:20px; width:25px; cursor:pointer; overflow:hidden; position:absolute; top:0;left:-5px;} .scrollbarWrap .thumb .end{background:transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow:hidden; height:5px; width:25px;} .scrollbarWrap .disable {display:none;} .doc_h{height: 14vh;} .viewport .scrap{position:absolute;visibility:visible;} .viewport .on .scrap, .viewport .on:hover .scrap{position:absolute;width:17px;height:0px;overflow:hidden;padding:17px 0 0 0;display:block;background:url(../images/icon_check.png) 0 0 no-repeat;} .viewport .scrapitem:hover .scrap{background:none;} .viewport .viewItem {margin: 0;padding: 18px 20px 17px 20px;border-bottom: 1px solid #eaeaea;position: relative;} .viewport .viewItem:after {content: '';display: block;overflow: hidden;height: 0;clear: both;} .viewport .viewItem:hover{background-color:#f6f6f6} .viewport .viewItem .picture, .item .nb_picture {float:left;margin: 0 10px 0px 0;} .viewport .viewItem .pictureMain{float:left;margin:0 10px 0 0;} .viewport .viewItem .picture img, .item .pictureMain img{border-radius: 20px;float:left;width: 40px;height: 40px;margin-bottom:5px;border: 1px solid #ccc;} .viewport .viewItem.insta .picture img { margin-bottom:0;} .viewport .viewItem .nb_picture img {border-radius:100px;float:left;width:45px;height:45px;margin-bottom:5px;border:3px solid #fff;} .viewport .viewItem .group{position:absolute;left:0px;margin-top:7px;text-overflow:ellipsis;max-width:110px; width:110px;white-space:nowrap;overflow:hidden;font-size:14px;} .viewport .viewItem .info, .nb_info {display:block;min-height: 22px;vertical-align:middle;font-weight: normal;} .nb_info{margin-bottom:5px;} .viewport .viewItem .info .screenName, .nb_info .nb_screenName {font-size: 14px;color:#606060;float:left;margin:0 10px 0 0;font-weight: bold;} .nb_info .nb_screenName{font-size:13px;} .viewport .viewItem .num {text-align: center;border-radius: 100px;color: #689cd5;display: block;float: left;min-width:15px;max-width: 35px;height: 55px;font-family:"Century Gothic", Arial;font-size: 17px;/* padding: 8px 0 0 0; */font-weight: bold;text-align: right;/* border: 1px solid red; */margin-right: 10px;} .viewport .viewItem .num.short {height:22px;} .viewport .viewItem .info .userName, .nb_info .nb_userName, .item .info .cmmTit{font-size: 13px;color: #5895d3;float:left;margin:0 10px 0 0;font-weight: bold;line-height: 16px;vertical-align: bottom;} .viewport .viewItem .info .userName, .nb_info .nb_userName{background: url(../images/icon_user.png) 0px 0px no-repeat;padding-left: 17px;padding-top: 2px;} .viewport .viewItem .text {line-height: 19px;margin: 5px 0 0 0;display: block;float: left;width: 92%;} .viewport .viewItem .text a em {color: #6863ac;font-weight: bold;background-color: #eae9fc;padding: 0 4px;} .viewport .viewItem .info .source {font-size: 13px;font-weight: normal;color:#606060;float:left;margin: 1px 10px 0 0;} .viewport .viewItem .info .form {font-size:11px;font-weight: normal;color:#606060;float:left;margin:2px 10px 0 0;} .viewport .viewItem .info .date, .item .info .date2, .nb_info .nb_date {font-size:11px;font-weight: normal;color:#606060;float:left;margin:2px 10px 0 0;font-family:"Century Gothic", Arial;font-size: 13.5px;} .viewport .viewItem .info .title, .nb_info .nb_title {font-size: 15px;font-weight:bold;color:#606060;float:left;margin:0 10px 0 0;max-width: 460px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;/* font-weight: normal; */} .viewport .viewItem .info .title em {color: #6863ac;font-weight: bold;background-color: #eae9fc;padding: 0 4px;} .viewport .viewItem .info .title2 {font-size:14px;font-weight:bold;color:#606060;float:left;margin:0 10px 0 0;max-width:490px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .viewport .viewItem .info .media {font-size:11px;color:#606060;float:left;margin:2px 10px 0 0;} .viewport .viewItem .date {font-size:11px;color:#606060;/* float:left;*/ margin:0 10px 0 0;font-family:"Century Gothic", Arial;} .viewport .viewItem .adress {font-size:11px;color:#606060;float:left;margin:0px 10px 10px 0;width:515px;line-height:19px;/* background:aqua;*/ white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .viewport .viewItem .info .title3 {font-size:18px;color:#3e3e3e;float:left;margin:0 20px 0 0;max-width:864px;line-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;} #scholarshipInfomation .item { border:0; } .viewport .viewItem ul.header {display: block;overflow: hidden;background-color:#f7f7f7;padding: 8px 3px;border-top: 1px solid #aaa;} .viewport .viewItem ul.header li{display: inline-block;color: #689cd5;float: left;width: auto;height: auto;font-family:"Century Gothic", Arial;font-size: 14px;padding: 0;margin: 0;vertical-align: middle;} .viewport .viewItem ul.header li.num{padding: 3px 5px 0 5px;min-width: 45px;white-space: nowrap;} .viewport .viewItem ul.header li.title{color: #333;font-weight: bold;padding: 3px 0 0 0;} .viewport .viewItem ul.header li.link{/* clear: left; */margin: 0 8px 0 13px;float: right;} .viewport .viewItem ul.header li.link a {display: inline-block;background-color: #336699;color: #fff;font-size: 12px;padding: 4px 15px;border-radius: 8px;vertical-align: middle;} .viewport .viewItem ul.header li.link a:hover { background-color: #333; } .viewport .viewItem ul.header li:last-child { } .viewport .viewItem ul.info {display: block;overflow: hidden;padding: 10px 0 0 50px;font-size: 12px;} .viewport .viewItem ul.info li {display: inline-block;margin: 0 15px 0 0;border-right: 1px solid #ccc;padding: 0 30px 0 0;color: #888;} .viewport .viewItem ul.info li b {margin: 0 8px 0 0;font-weight: bold;color: #333;} .viewport .viewItem ul.info li.publishYear { } .viewport .viewItem ul.info li.author { } .viewport .viewItem ul.info li.issuingEntity { } .viewport .viewItem ul.info li.academicJournal { } .viewport .viewItem ul.info li.topic {border: 0;} .viewport .viewItem ul.info li:last-child { } .viewport .scrapitem:hover .picture img{border-radius:100px;border: 1px solid #0d8dcf;} .viewport .scrapitem:hover .info .screenName, .viewport .scrapitem:hover .info .userName a, .viewport .scrapitem:hover .date, .viewport .scrapitem:hover .info .date, .viewport .scrapitem:hover .boardTit, .viewport .nb_itemBox:hover .info .screenName, .viewport .nb_itemBox:hover .info .userName a, .viewport .nb_itemBox:hover .date, .viewport .nb_itemBox:hover .info .date, .viewport .nb_itemBox:hover .boardTit, .viewport .overview .on:hover .info .title5, .viewport .overview .on:hover .info .userName, .viewport .overview .on:hover .info .media, .viewport .overview .on:hover .info .date2, .viewport .viewItem:hover .info .title a, .viewport .viewItem.on:hover .info .title5, .viewport .viewItem.on:hover .info .media, .viewport .viewItem.on:hover .info .date2, .viewport .viewItem:hover .info .media, .viewport .viewItem:hover .info .date2, .viewport .viewItem:hover .screenName a, .viewport .viewItem:hover .userName, .viewport .viewItem:hover .date, .viewport .viewItem:hover .source, .viewport .viewItem:hover .form, .viewport .nb_itemBox:hover .info .nb_userName, .viewport .viewItem:hover .cmmTit {color: #4d479f;} .viewport .viewItem .relationKeywordList {display: block;float: right;} .viewport .viewItem .relationKeywordList a.relationKeywordListBtn {display: block;overflow: hidden;padding: 2px 8px;float: right;text-align: center;border-radius: 15px;font-size: 11.5px;border: 1px solid #CC5C8A;color: #CC5C8A;margin: -3px 15px 0 0;} .viewport .viewItem .relationKeywordList a.relationKeywordListBtn:hover {background: #CC5C8A;color: #fff;} .viewport .viewItem .relationKeywordList .relationKeywordArea {display: none;overflow: hidden;position: absolute;right: 0;top: 42px;background-color: #fff;border-radius: 5px;border: 1px solid #aaa;z-index: 1;padding: 10px;margin-right: 15px;min-width: 200px;} .viewport .viewItem .relationKeywordList .relationKeywordArea a.close {background: #c9c6ff;position: absolute;right: 5px;top: 5px;width: 18px;height: 18px;text-align: center;overflow: hidden;display: block;font-size: 11px;color: #fff;padding: 2px 0 0 0;font-family:"Century Gothic", Arial;border: 0;} .viewport .viewItem .relationKeywordList .relationKeywordArea a.close:hover { background: #9284dc; } .viewport .viewItem .relationKeywordList .relationKeywordArea ul {display: block;overflow: hidden;} .viewport .viewItem .relationKeywordList .relationKeywordArea ul li {display: block;overflow: hidden;padding: 5px 0 5px 10px;border-bottom: 1px solid #eee;} .viewport .viewItem .relationKeywordList .relationKeywordArea ul li:hover { } .viewport .viewItem .relationKeywordList .relationKeywordArea ul li span {display: inline-block;overflow: hidden;border-radius: 0;float: initial;width: auto;height: auto;padding: initial;margin: initial;} .viewport .viewItem .relationKeywordList .relationKeywordArea ul li span.num {color: #689cd5;font-size: 12px;min-width: 20px;padding: 0 10px 0 0;vertical-align: middle;text-align: left;} .viewport .viewItem .relationKeywordList .relationKeywordArea ul li span.keyword {font-size: 12px;vertical-align: middle;} .viewport .viewItem .relationKeywordList .relationKeywordArea ul li span a { color: #333; } .viewport .viewItem .relationKeywordList .relationKeywordArea ul li span a:hover { color: #9284dc; } .viewport .viewItem .relationKeywordList .relationKeywordArea .navigarion {padding: 10px 0 4px 0;} .viewport .viewItem .relationKeywordList .relationKeywordArea .navigarion a {font-size: 11px;font-family:"Century Gothic", Arial;margin: 0 2px;padding: 3px 6px;} .viewport .viewItem .relationKeywordList .relationKeywordArea .navigarion a:hover { } .viewport .viewItem .relationKeywordList .relationKeywordArea.display { display: block !important; } .viewport .viewItem .recommandArea {display: none;overflow: hidden;position: absolute;right: 96px;top: 31px;background-color: #fff;border-radius: 5px;border: 1px solid #aaa;z-index: 1;padding: 15px 30px 10px 10px;} .viewport .viewItem .recommandArea .close{right: 0;background-color: #c9c6ff;font-size: 11px;color: #fff;width: 18px;height: 18px;text-align: center;} .viewport .viewItem .recommandArea .close:hover{border: 0;background-color: #9284dc;} .alertPopup {display: block;border: 1px solid #cacaca;border-radius: 7px;padding: 12px 15px;position: absolute;bottom: 67px;right: 20px;background-color: #fff;max-width: 280px;box-shadow: 3px 3px 6px 3px #00000014;} .alertPopup h4 {border-bottom: 1px solid #888;padding: 5px 0 5px 0;font-size: 16px;font-weight: bold;} .alertPopup h4:before {content:'';width: 16px;height: 16px;font-family: serif;background-color: #7d78c1;display: inline-block;text-align: center;border-radius: 100px;overflow: hidden;color: #fff;/* padding: 20px 0 0 0; */line-height: 22px;font-size: 13px;vertical-align: top;margin: 2px 7px 5px 0;} .alertPopup .close {font-family: century cothic;background-color: #e0e0e0;width: 17px;height: 17px;text-align: center;display: block;border: 0;line-height: 19px;position: absolute;top: 12px;right: 8px;} .alertPopup a { } .alertPopup p {font-size: 14px;display: block;overflow: hidden;padding: 10px 0;line-height: 20px;} .alertPopup p b {font-weight: bold;color: #cc5c8a;} .alertPopup a p { } .alertPopup a p b { } .alertPopup a:hover p { text-decoration: underline; } .alertPopup a:hover p b { } .contentMore {text-decoration: underline;color: #6863ac;font-size: 12px;} .contentMore:hover {text-decoration: underline;color: #333;font-size: 12px;} .viewport .viewItem .text, .nb_itemBox .text {font-size: 13px;color:#606060;float:left;margin:5px 0 0 0;line-height: 19px;font-weight: normal;} .viewport .viewItem .text a, .nb_itemBox .text a {color: #666 ;font-weight: 100;} .viewport .viewItem .text a b {color: #01a8d1;font-weight: bold;background-color: #ebf4f6;padding: 0 4px;} .nb_itemBox .text a b { color: #8f86df; font-weight: bold; } .item.insta {float: left;width: 280px;clear: initial;margin: 10px 0 15px 0;padding: 0 15px 0 0;border: 0;position:relative;height: 358px;cursor: pointer;} .item.insta .info .userName {margin: 8px 0 0 0;} .item.insta .info .like {font-size: 11px;color:#606060;float: right;margin: 10px 5px 0 8px;} .item.insta .instaPicture {width: 265px;height: 265px;margin: 0 0 10px 0;background-size: contain;background-image: url(../images/bg_insta.png);background-size: cover;background-position: center center;} .item.insta .hashTag a {color:#606060; } .item.insta .hashTag {width: 100%;font-size:12px;color:#606060;float:left;margin:0;line-height: 19px;font-weight: normal;height: 43px;min-height:43px;overflow: hidden;padding: 5px 20px 0 0;} .item.insta .instaInfoArea {position:absolute;bottom:0px;left:0;padding:10px 0 0 0;width:265px;height: 93px; } .item.insta:hover .instaPicture { border-top:6px solid #0d8dcf;border-left:6px solid #0d8dcf;border-right:6px solid #0d8dcf;} .item.insta:hover .instaInfoArea { background-color:rgba(255,255,255,1); height:initial; border-top:6px solid #0d8dcf;} .item.insta:hover .hashTag { height:initial; } .topQuotation {display: block;} .topQuotation ul {display: block;/* width: 100%; */overflow: hidden;} .topQuotation ul li {border-bottom: 1px solid #eaeaea;width: 100%;clear: both;overflow: hidden;padding: 5px 10px;} .topQuotation ul li:hover{background-color:#f6f6f6} .topQuotation ul li:last-child {/* border-bottom: 0px; */} .topQuotation ul li span {} .topQuotation ul li span.num {text-align: center;/* background-color: #dadada; */border-radius: 100px;color: #689cd5;display: block;float: left;width: 40px;height: 40px;font-family:"Century Gothic", Arial !important;font-weight: bold;font-size: 17px;padding: 9px 0 0 0;} .topQuotation ul li span.subject {display: block;float: left;font-size: 15px;font-weight: bold;color: #666;padding: 9px 0 0 10px;} .topQuotation ul li span.subject a { color: #666; } .topQuotation ul li span.subject a b {color: #01a8d1;font-weight: bold;background-color: #ebf4f6;padding: 0 4px;} .topQuotation ul li span.subject { } .topQuotation ul li span.link {display: block;float: right;margin: 11px 5px 0 0;} .topQuotation ul li span.link a {background: url(../images/linkIcon.svg) 0 2px no-repeat;width: 16px;height: 0;background-size: cover;padding: 16px 0 0 0;overflow: hidden;display: block;float: right;} .topQuotation ul li span.link a:hover { background: url(../images/linkIcon.svg) -19px 2px no-repeat;width: 16px;height: 0;background-size: cover;padding: 16px 0 0 0;overflow: hidden;display: block;float: right;} .viewport .viewItem .text, .nb_itemBox .text {width: 94%;/* padding: 0 20px 0 0; */} .nbBox{display:block;width:100%;height:auto;overflow:hidden;margin-bottom:10px;} .tweet_btn_area {position: absolute;top: 15px;right: 0;z-index: 1;} .association_box {position:relative;min-height: 470px;clear: both;} .association_map {margin: 0 auto;} .association_map svg {width:100% !important;height: 70vh !important;/* min-height: 470px; */} .association_checkbox {position: absolute;bottom: 0;left: 15px;/* background-color: rgba(255,255,255,0.8); *//* top: 52px; */} .association_checkbox * {vertical-align: middle;} .association_checkbox label {display: block;overflow: hidden;margin-top: 6px;line-height: 15px;} .association_checkbox label .all {float: left;} .association_checkbox label .category {float: left;} .association_checkbox label em {float: left;margin-left: 7px;color: #45505E;font-style:normal;font-weight:normal;font-size: 12px;} .association_slider {text-align: center;position: relative;top: -20px;} .association_slider.compare {position: absolute;top: 0;left: 400px;height: 20px;} .association_slider #association_slider_ui{margin: 0 auto;width: 290px;height: 4px;background-color: #EAEAEA;} .association_slider #association_slider_ui .ui-slider-range{background-color: #7A8F99;} .association_slider #association_slider_ui .ui-slider-handle{width: 28px !important;height: 28px !important;border-radius: 50%;top: -12px;background-color: #fff !important;border: 1px solid #EDEDED !important;box-shadow: 3px 5px 6px #ececec;cursor:pointer;} .association_slider #association_slider_ui .ui-slider-handle:before, .association_slider #association_slider_ui .ui-slider-handle:after{content:'';position: absolute;left: 6px;top: 10px;width : 14px;height: 2px;background-color:#B7B7B7;border-radius: 10px;} .association_slider #association_slider_ui .ui-slider-handle:after{top: 15px;} .association_slider .association_slider_label {float: left; margin-top: 3px; font-size: 14px; font-weight: bold;} .association_slider .association_max_node {text-align: center;} .association_slider input{color: #4F6872;font-family: century gothic, sans-serif;font-size: 16px;margin-top: 5px;border: 0;display: inline-block;} .association_slider.compare .association_max_node {position: absolute; top: 9px;bottom: initial; left: 132px;top: 9px;order: 0;color: #666;width: 50px;font-size:11px;text-align: center;font-family:"Century Gothic", Arial !important;background-color: transparent;} .association_table {position:absolute;right: 20px;top: 35px;width: 180px;/* height: 701px; */border-bottom: 1px solid #C0C0C0;} .association_table table {border-collapse: collapse;border-spacing: 0;width: 100%;font-size: 11px;line-height: 18px;background-color: rgba(255,255,255,0.5);} .association_table table tr { border-bottom: 1px solid #cccccc; } .association_table table tr:last-child { border-bottom: 0; } .association_table table th {padding: 5px 0 5px 0; color: #000; font-weight: bold; text-align: center; border-bottom: 1px solid #7D7D7D; word-break: break-all; margin: 0; font-size:11px;} .association_table table td {color: #444;padding: 0 0 5px 0;text-align: center;word-break: break-all;font-size: 11px;font-family:"Century Gothic", Arial !important;} .association_table table .al_r {text-align: right !important;padding: 0 10px 0 0;font-size: 11px;font-family:"Century Gothic", Arial !important;white-space: nowrap;} .association_table table .al_l {text-align: left !important;padding: 0 0 0 20px;white-space:nowrap;text-overflow:ellipsis;font-size: 12px !important;font-family: NanumBarunGothic!important;overflow: hidden;} .association_table table .al_l:hover {text-align: left !important; padding: 0 0 0 20px; white-space:normal; line-height:16px;} .association_checkbox.compare {position: absolute;bottom: 0;left: 225px;width: 600px;background: rgba(255,255,255,0.5);border-top: 1px solid #ccc;padding: 13px;opacity: 1;} .association_checkbox.compare.open {bottom: -210px;opacity: 0;} .association_checkbox.compare label {display: block;overflow: hidden;margin-bottom: 10px;line-height: initial;float: left;width: 84px;margin-top: 0;} .association_checkbox.compare label:first-child {display: block;overflow: hidden;margin-top: 0;line-height: initial;float: initial;width: 120px;} .association_checkboxArea {/* position: absolute; *//* bottom: 0; *//* left: 225px; *//* width: 700px; *//* height: 209px; *//* background: antiquewhite; */} .association_checkbox .sort_array label {padding: 0 5px;display: inline-block !important;margin-top: 0px !important;font-size: 12px;} .association_checkbox .sort_array span {height: 24px;} .compare .box_btn {clear: both;display: block;} .btn_Area {clear: both;margin: 0 0 30px 0;/* text-align: right; */width: 100%;} .box_btn{padding: 6px 33px;border: 1px solid #8f8880;background: #fff;margin-top:12px;cursor:pointer;font-size: 11px;color: #444444;border-radius: 7px;} .box_btn:hover{ background: #8f8880;border: 1px solid #8f8880;color: #FFF;} .box_btn2{padding: 4px 16px;background: #e4e4e4;cursor:pointer;font-size: 12px;color: #333;display: block;overflow: hidden;margin: 0 0 0 7px;} .box_btn2:hover{ background: #F5F07B;border: 1px solid #8f8880;color: #333;} .keword_wrap {max-height: 75vh;min-height: 500px;overflow: auto;margin-top:10px;border-top: 1px solid #8A8DA3;clear: both;width: 86%;float: right;/* border: 1px solid #8A8DA3; */border-bottom: 1px solid #8A8DA3;} .relation_keyword {display:table;table-layout:fixed;} .relation_keyword .ranking {width:55px;display:table-cell;vertical-align:top;} .relation_keyword .list {display:table-cell;vertical-align:top;} .relation_keyword .list li {display:table-cell;vertical-align:top;} .relation_keyword ul li dl{width: 187px;} .relation_keyword ul li dl dt{height: 68px;border-right:1px solid #eaeaea;/* border-top: 1px solid #8A8DA3; */border-bottom: 1px solid #8A8DA3;background: #f7f7f8;} .relation_keyword ul li dl dt span{padding: 10px 15px 0 15px;color: #000;} .relation_keyword ul li dl dd{height: 34px;padding: 10px 15px 0 15px;border-bottom: 1px solid #eaeaea;bord er-top: none;/* line-height:42px; */color: #353535;border-right: 1px solid #eaeaea;} .relation_keyword ul li dl .list_keyword{float:left;width: 110px;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;cursor:pointer;font-weight: normal;} .relation_keyword ul li dl .list_num{float:right;font-family:"Century Gothic", Arial;font-weight: normal;font-size: 11px;} .relation_keyword ul li dl .date{text-align:center;font-size: 12px;font-family:"Century Gothic", Arial !important;color: #6a7382;border-bottom: 1px solid #DADADA;padding: 8px;} .ranking{width: 55px; float:left;/* border-top: 1px solid #8A8DA3; */} .ranking .rank_text{height: 68px;padding:15px;vertical-align: middle;padding-top: 28px;border-bottom: 1px solid #8A8DA3;border-right: 1px solid #8A8DA3;background: #F7F7F8;} .ranking li{padding: 10px 0 0 0;text-align:center;border: 1px solid #eaeaea;border-top: none;width: 55px;color: #6a7382;height: 34px;} .top_sentment_keywords {width:100%;clear: both;margin: 20px 0 0 0;overflow: hidden;} .sensibilityCBox{width:50%;/* height:90%; */float:left;} .sensibilityCBox span.grapTit{font-size: 16px;color:#B6B6B6;text-align: center;width: 100%;margin: 0 0 5px 0;} .positive {color:#54539B !important;display: block;} .negative {color: #E26480 !important;display: block;} #polarity_map_area {padding: 8px 0 0;} #big_mouth_table {width: 100%;clear: both;overflow: hidden;} .mediauser_list{float:left;width: 33.3%;padding: 0 20px 0 0;} .mediauser_list:last-child {padding: 0 0 0 0;} .mediauser_list td, .mediauser_list th{} .mediauser_list .h200{height: 186px;} .mediauser_list thead th{ background:#ccc;} .mediauser_list tbody td{border-bottom: 1px solid #e5e5e5;cursor:pointer;font-size: 12px;} .mediauser_list tbody td:hover{color:#555; font-weight:bold;} .mediauser_list tbody tr td:nth-last-child(1){text-align:center;} .mediauser_list .tbl_tit{display:block;width:100%;padding-bottom:5px;font-size: 16px;/* font-weight: bold; */} .mediauser_list .tbl_tit.blog{color:#339904; border-bottom:1px solid #339904;} .mediauser_list .tbl_tit.twitter{color:#2FC2EF; border-bottom:1px solid #2FC2EF;} .mediauser_list .tbl_tit.news{color:#8070BA; border-bottom:1px solid #8070BA;} .table_h_fix {position:relative; padding-top: 33px; background: #f7f7f8;border-bottom: 1px solid #D0D0D0;} .table_h_fix .h_fix {overflow-y:auto; background:#fff;} .table_h_fix table {border-spacing:0;width:100%;border-top: 1px solid #CACACA;} .table_h_fix td + td {} .table_h_fix td, .table_h_fix th {padding: 6px;} .table_h_fix th {height:0; line-height:0; padding-top: 0;padding-bottom: 0; border:none; white-space:nowrap;} .table_h_fix th div{position:absolute;padding-top: 10px;top:0;line-height:normal;font-size: 12px;} .table_h_fix th div .icheckbox_minimal-blue { margin:8px 0 0 0;} /* footer */ footer {/* width:1140px; */padding: 15px 0 15px;margin:0px auto;text-align:left;background-color: #fff;border-top:1px solid #c3cbcd;position: relative;z-index: 1;} footer .wrapFooter{width:1140px;margin:0 auto;position:relative} footer .wrapFooter .logo{position:absolute;left:0;top:0;display:none;} footer address, footer .copyright {/*margin-left:205px;*/color:#797979;font-size: 14px;letter-spacing: 1px;text-align:center;} .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;} .employee_info + footer{margin-top:0;} .ui-autocomplete { max-height: 400px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; z-index:9999; } /* IE 6 doesn't support max-height * we use height instead, but this forces the menu to always be this tall */ * html .ui-autocomplete { height: 100px } /* myLocalList */ .myLocalList{height: 60vh;overflow: auto;} .myLocalList ul{padding: 10px;border-bottom: 1px solid #f5f5f5;} .myLocalList ul li{} .myLocalList ul li .title{padding: 10px 0;position: relative;} .myLocalList ul li .title span{display: inline-block;vertical-align: middle;} .myLocalList ul li .title .myLocalTitle{color: #6a70a7;font-weight: bold;max-width: 340px;width: 340px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .myLocalList ul li .title .myLocalMap{font-weight: bold;margin-left: 40px;} .myLocalList ul li .title .myLocalDate{position: absolute;right: 0;top: 13px;} .myLocalList ul li .contents{} /*------------------ popup Layer ------------------------*/ #ui-datepicker-div {z-index: 9999 !important;} /* item_slider */ .item {position:relative;} .item .listMore{position:absolute;right:68px;top:4px;} .item .listMore:hover{color:#000;} .item .listMore em{padding-right:6px;cursor:pointer;} .item .listMore .btn{display:inline-block;width:17px;height:7px;background:url(../images/icon_down.png) 0 0 no-repeat;} .item .open .btn{background:url(../images/icon_down.png) 0 -7px no-repeat;} .item .btn span{display:block;text-indent:-999em;position:absolute;left:-999em;} .item .info .userName, .nb_info .nb_userName, .item .info .cmmTit{font-size: 12px;color:#606060;float:left;margin:0 10px 0 0;font-weight: bold;line-height: 16px;vertical-align: bottom;} .item .info .userName, .nb_info .nb_userName{background: url(../images/icon_user.png) 0px 0px no-repeat;padding-left: 17px;} .item .info .date, .item .info .date2, .nb_info .nb_date {font-size:11px;font-weight: normal;color:#606060;float:left;margin:2px 10px 0 0;font-family:"Century Gothic", Arial;font-size:10px;} .item .info .title, .nb_info .nb_title {font-size: 14px;font-weight:bold;color:#606060;float:left;margin:0 10px 0 0;max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;/* font-weight: normal; */} .item .info .title2 {font-size:14px;font-weight:bold;color:#606060;float:left;margin:0 10px 0 0;max-width:490px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .item .info .media {font-size:11px;color:#606060;float:left;margin:2px 10px 0 0;} .item .date {font-size:11px;color:#606060;/* float:left;*/margin:0 10px 0 0;font-family:"Century Gothic", Arial;} .item .adress {font-size:11px;color:#606060;float:left;margin:0px 10px 10px 0;width:515px;line-height:19px;/* background:aqua;*/ white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .item .info .title3 {font-size:18px;color:#3e3e3e;float:left;margin:0 20px 0 0;max-width:864px;line-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;} .nb_itemBox { width:95%; position: relative; margin-top: 5px; background: #f1f1f1; padding: 10px; border-radius: 10px; display: none; top: 6px; } .nbBox { display: block; width: 100%; height: auto; overflow: hidden; margin-bottom: 10px; } article.category {float: left;width: 15%;} .category h3 {display: block;font-size: 14px;color: #0d8dcf;padding: 15px 0 8px 4px;border-bottom: 1px solid #aaa;margin: 0 20px 0 0;} .category .overview {overflow: auto;max-height: 70vh;} .category .tabMenu {/* width: 100%; */} .category .tabMenu li {font-size: 16px;padding: 10px 0 10px 10px;border-bottom: 1px solid #eee;margin: 0 20px 0 0;display: block;cursor: pointer;} .category .tabMenu li a { } .category .tabMenu li.select {position: initial;top: initial;left: initial;width: initial;height: initial;z-index: initial;background: url(../images/bg_arrow.png) right 2px no-repeat #e8e8e8;} .category .tabMenu li.select a {color: #0d8dcf;} .category .tabMenu li:hover { background: url(../images/bg_arrow.png) right 2px no-repeat #e8e8e8; } .category .tabMenu li:hover a { color: #0d8dcf; } article.keywordRank {float: left;width: 20%;} .keywordRank h3 {display: block;font-size: 14px;color: #0d8dcf;padding: 15px 0 8px 4px;border-bottom: 1px solid #aaa;margin: 0 20px 0 0;} .keywordRank .overview {overflow: auto;max-height: 70vh;border-bottom: 1px solid #aaa;margin: 0 20px 0 0;} .keywordRank .tabMenu { } .keywordRank .tabMenu li {border-bottom: 1px solid #e5e5e5;padding: 7px 0 7px 10px;display: block;clear: both;overflow: hidden;cursor:pointer;margin: 0;font-size: 14px;} .keywordRank .tabMenu li:last-child { border-bottom:0; } .keywordRank .tabMenu li a { } .keywordRank .tabMenu li a .num{color: #0d8dcf;margin: 0 10px 0 0;font-family:"Century Gothic", Arial;} .keywordRank .tabMenu li.selected {position: initial;top: initial;left: initial;width: initial;height: initial;z-index: initial;background: url(../images/bg_arrow.png) right -1px no-repeat #e8e8e8;} .keywordRank .tabMenu li.selected a {color: #0d8dcf;} .keywordRank .tabMenu li.selected a .num{ } .keywordRank .tabMenu li:hover { background: url(../images/bg_arrow.png) right -1px no-repeat #e8e8e8; } .keywordRank .tabMenu li:hover a { color: #0d8dcf; } article.originDocument {float: left;width: 65%;position: relative;} .originDocument h3 {display: block;font-size: 14px;color: #0d8dcf;padding: 15px 0 8px 4px;border-bottom: 1px solid #aaa;margin: 0;} .originDocument .scrollbarWrap {overflow: auto;max-height: 42vh;border-bottom: 1px solid #aaa;margin: 0;} .originDocument .viewport .viewItem .text, .nb_itemBox .text {width: 90%;padding: 0 5px 0 0;} .scrapSave{float: right;border-radius:100px;background:#FFFFFF;text-align:center;width:26px;height:26px;border:1px solid #B3B3B3;margin: 0 0 0 10px;} .scrapSave span{height:0px;overflow:hidden;padding:14px 0 0 0;background: url(../images/icon_scrap.png) -1px -1px no-repeat;width:13px;display:block;margin-left:6px;margin-top:6px;} .scrapSave:hover{cursor:pointer;background:#8f8880;border:1px solid #8f8880;} .scrapSave:hover span{background:url(../images/icon_scrap.png) -1px -15px no-repeat;} .document_btn_area {top: 10px;} .reportListArea {overflow: hidden;margin: 15px 0 30px 0;} .reportListArea .item {width: 285px;overflow: hidden;float: left;padding: 0 20px 0 0;cursor:pointer;} .reportListArea .item:nth-child(4n) { padding: 0 0 0 0; } .reportListArea .reportImage {background-size: cover;background-position: center center;width: 100%;height: 188px;border: 1px solid #aaa;background-color: #eee;} .reportListArea .reportInfo {padding: 10px 0 25px 0;} .reportListArea .reportInfo p {font-size: 18px;font-weight: bold;margin: 0 0 6px 0;border-bottom: 1px solid #eee;padding: 0 0 7px 0;color: #333;} .reportListArea .reportInfo dl {font-size: 12px;line-height: 20px;} .reportListArea .reportInfo dt {float: left;color: #8f8880;width: 56px;font-weight: bold;} .reportListArea .reportInfo dd { color: #555; } .reportListArea .item:hover .reportImage { border:6px solid #0d8dcf; } .reportListArea .item:hover p { color:#0d8dcf; } .reportListArea .item:hover dt { color:#8f8880; } .reportListArea .item:hover dd { color:#8f8880; } .passwordModify {margin: 40px auto 0 auto;width: 400px;background: #f1f1f1;padding: 30px;border: 1px solid #ccc;overflow: hidden;text-align: center;} .passwordModify h3 {font-size: 24px;color: #0d8dcf;margin: 0 0 20px 0;overflow: hidden;} .passwordModify p { } .passwordModify p.now_pw_area {margin: 10px 0;} .passwordModify p.new_pw_area { } .passwordModify p.conf_pw_area { } .passwordModify p input {font-size: 14px;padding: 11px 10px;width: 300px;border: 1px solid #aaa;} .passwordModify p input:hover, .passwordModify p input:focus { border: 1px solid #0d8dcf; } .passwordModify ul {margin: 20px 0 0 0;} .passwordModify li {/* float: left; */} .passwordModify li button {margin: 10px 0 0 0;width: 300px;border-radius: 0;border: 0;padding: 10px 0;font-size: 14px;border: 1px solid #8f8880;font-weight: bold;color: #444444;background-color: #fff;cursor: pointer;} .passwordModify li button.changeSubmit {background-color: #0d8dcf;color: #fff;} .passwordModify li button.cancel { } .passwordModify li button:hover {background-color: #0d8dcf;color: #fff;} .compareTitleArea {float: left;} .popup .calendar .daily2 {border: none;background: none;padding: 0;margin: 0;width: 102px;text-align: right;cursor: initial;} .popup .calendar .daily2:hover { color:#000;} text { } circle { } .news circle {stroke: #ffffff;stroke-width: 0;fill-opacity: 1;} .sns circle {stroke: #ffffff;stroke-width: 0;fill-opacity: 1;} .ALLs circle {stroke: #ffffff;stroke-width: 0;fill-opacity: 1;} .group0.news circle { } .group1.news circle { } .group2.news circle { } .group3.news circle { } .group4.news circle { } .group5.news circle { } .group6.news circle { } .group7.news circle { } .group8.news circle { } .group9.news circle { } .group10.news circle { } .group11.news circle { } .group12.news circle { } .group13.news circle { } .group14.news circle { } .group0.sns circle { } .group1.sns circle { } .group2.sns circle { } .group3.sns circle { } .group4.sns circle { } .group5.sns circle { } .group6.sns circle { } .group7.sns circle { } .group8.sns circle { } .group9.sns circle { } .group10.sns circle { } .group11.sns circle { } .group12.sns circle { } .group13.sns circle { } .group14.sns circle { } .group0.archive circle { } .group1.archive circle { } .group2.archive circle { } .group3.archive circle { } .group4.archive circle { } .group5.archive circle { } .group6.archive circle { } .group7.archive circle { } .group8.archive circle { } .group9.archive circle { } .group10.archive circle { } .group11.archive circle { } .group12.archive circle { } .group13.archive circle { } .group14.archive circle { } .group0.ALL circle { } .group1.ALL circle { } .group2.ALL circle { } .group3.ALL circle { } .group4.ALL circle { } .group5.ALL circle { } .group6.ALL circle { } .group7.ALL circle { } .group8.ALL circle { } .group9.ALL circle { } .group10.ALL circle { } .group11.ALL circle { } .group12.ALL circle { } .group13.ALL circle { } .group14.ALL circle { } .categoryName{} .circleBg{} .categoryName{} .news rect {fill:transparent !important;} .sns rect {fill:transparent !important;} .archive rect {fill:transparent !important;} .ALL rect {fill:transparent !important;} .news circle {fill:transparent !important;} .sns circle {fill:transparent !important;} .archive circle {fill:transparent !important;} .ALL circle {fill:transparent !important;} /*.categoryName circle {fill:transparent !important;}*/ .categoryName .keywordName {font-size: 21px;font-weight:bold;letter-spacing: -1px;stroke-width: 0;stroke: none;opacity: 1;letter-spacing: -1px;} .categoryName .amountNum {font-size: 12px;line-height: 20px;margin: 5px;fill: #ccc !important;cursor: pointer;opacity: 1;} .categoryName .amountNum:hover { fill:#000 !important; } .keywordName {font-size: 12px;display: block; font-weight: bold;} .amountNum {font-size: 10px;opacity:1;} .level1 .keywordName {font-size: 19px;} .level2 .keywordName { font-size: 14px} .level3 .keywordName { font-size: 16px } .level4 .keywordName { font-size: 18px} .level5 .keywordName {font-size: 19px;} .level1 .amountNum { font-size: 10px } .level2 .amountNum { font-size: 10px} .level3 .amountNum { font-size: 10px } .level4 .amountNum { font-size: 10px} .level5 .amountNum { font-size: 10px } .categoryName .keywordName.group0 {fill :#fff} .categoryName .keywordName.group1 {fill :#fff} .categoryName .keywordName.group2 {fill :#fff} .categoryName .keywordName.group3 {fill :#fff} .categoryName .keywordName.group4 {fill :#fff} .categoryName .keywordName.group5 {fill :#fff} .categoryName .keywordName.group6 {fill :#fff} .categoryName .keywordName.group7 {fill :#fff} .categoryName .keywordName.group8 {fill :#fff} .categoryName .keywordName.group9 {fill :#fff} .categoryName .keywordName.group10 {fill :#fff} .categoryName .keywordName.group11 {fill :#fff} .categoryName .keywordName.group12 {fill :#fff} .categoryName .keywordName.group13 {fill :#fff} .categoryName .keywordName.group14 {fill :#fff} .keywordName {font-weight:bold; fill-opacity: 1;letter-spacing: 0px;} .total .circleBg{fill:#333;}, .keywordName.group0 { fill: #687588; } .categoryName1 .circleBg, .keywordName.group1 {fill: #f1bc61;} .categoryName2 .circleBg, .keywordName.group2 {fill: #f3916b;} .categoryName3 .circleBg, .keywordName.group3 {fill: #7472be;} .categoryName4 .circleBg, .keywordName.group4 {fill: #718bcc;} .categoryName5 .circleBg, .keywordName.group5 {fill: #d972b7;} .categoryName6 .circleBg, .keywordName.group6 { fill: #e86e6e; } .categoryName7 .circleBg, .keywordName.group7 { fill: #2cadc7; } .categoryName8 .circleBg, .keywordName.group8 { fill: #aec5ca; } .categoryName9 .circleBg, .keywordName.group9 {fill: #dc67bf;} .categoryName10 .circleBg, .keywordName.group10 { fill: #924c4c; } .categoryName11 .circleBg, .keywordName.group11 { fill: #a57100; } .categoryName12 .circleBg, .keywordName.group12 { fill: #56846b; } .categoryName13 .circleBg, .keywordName.group13 { fill: #5f62a5; } .categoryName14 .circleBg, .keywordName.group14 { fill: #2c2cb4; } .level0 .keywordName.group0 { fill: #333333; } .level0 .keywordName.group1 {fill: #84014b;} .level0 .keywordName.group2 {fill: #00319a;} .level0 .keywordName.group3 {fill: #546300;} .level0 .keywordName.group4 {fill: #007155;} .level0 .keywordName.group5 {fill: #581f98;} .level0 .keywordName.group6 {fill: #903c04;} .level0 .keywordName.group7 { fill: #98ad16; } .level0 .keywordName.group8 { fill: #2cadc7; } .level0 .keywordName.group9 {fill: #dc67bf;} .level0 .keywordName.group10 { fill: #924c4c; } .level0 .keywordName.group11 { fill: #a57100; } .level0 .keywordName.group12 { fill: #56846b; } .level0 .keywordName.group13 { fill: #5f62a5; } .level0 .keywordName.group14 { fill: #2c2cb4; } .level0 .keywordName.group0.selected { fill: #555555; } .level0 .keywordName.group1.selected {fill: #555555;} .level0 .keywordName.group2.selected {fill: #555555;} .level0 .keywordName.group3.selected {fill: #555555;} .level0 .keywordName.group4.selected {fill: #555555;} .level0 .keywordName.group5.selected {fill: #555555;} .level0 .keywordName.group6.selected {fill: #555555;} .level0 .keywordName.group7.selected { fill: #555555; } .level0 .keywordName.group8.selected { fill: #555555; } .level0 .keywordName.group9.selected {fill: #555555;} .level0 .keywordName.group10.selected { fill: #555555; } .level0 .keywordName.group11.selected { fill: #555555; } .level0 .keywordName.group12.selected { fill: #555555; } .level0 .keywordName.group13.selected { fill: #555555; } .level0 .keywordName.group14.selected { fill: #555555; } */ .relationKeyword .news .keywordName.selected {fill: #de2900 !important;} .relationKeyword .sns .keywordName.selected {fill: #de2900 !important;} .relationKeyword .archive .keywordName.selected {fill: #008edc !important;} .relationKeyword .ALL .keywordName.selected {fill: #de2900 !important;} .keywordName {transition: fill 1s;font-weight:bold;fill:#000;fill-opacity: 1;letter-spacing: 0px;stroke: none;stroke-width: 0;} .amountNum {font-weight:normal;font-family:"Century Gothic", Arial;} .group1 {opacity: 1;} .group2 { opacity: 1; } .group3 { opacity: 1; } .group4 { opacity: 1; } .group5 { opacity: 1; } .group6 { opacity: 1; } .group7 { opacity: 1; } .group8 { opacity: 1; } article.table {border-radius:15px;padding-bottom:30px;} .tableFixed{table-layout: fixed;} .tableArea {width: 100%;overflow: hidden;} .tableArea.col2 {width: 49%;float: right;} .tableArea table {width: 100%;overflow: hidden;margin-bottom: 20px;} .tableArea table.type2 {float: right;width: 88%;} .tableArea table tr { } .tableArea table tr th {padding: 10px 0;border-bottom: 1px solid #e8e8e8;background-color: #f2f4f3;font-weight: bold;border-top: 1px solid #abbecd;text-align: center;} .tableArea table tr th a { } .tableArea table tr th a:hover { color:#ff7200; } .tableArea table tr th a span {background: url(../images/sort_icon.png) no-repeat;display: inline-block;width: 7px;height: 10px;margin: 0 0 0 7px;} .tableArea table tr th a span.disable {background-position: -36px 0px;} .tableArea table tr th a span.up {background-position: 0 0;} .tableArea table tr th a span.down {background-position: -18px 0;} .tableArea table tr td {padding: 10px 0;text-align: center;border-bottom: 1px solid #e8e8e8;border-top: 1px solid #aaa;} .tableArea table tr td.ta_left{text-align: left;} .tableArea table tr td a {font-weight: bold;color: rgb(35, 133, 156);} .tableArea table tr td a:hover { color:#ff7200; } .tableArea table tr td input[type="radio"] { } .tableArea table tr td input[type="checkbox"] { } .tableArea table tr td input[type="button"] { } .tableArea table tr td button { cursor: pointer; outline:none; font-size: 12px;border-radius: 100px;background-color: #eee;border: 1px solid #ccc;padding: 1px 13px;} .tableArea table tr td label {margin: 0 14px 0 5px;font-size: 12px;} .tableArea table tr td select { font-size: 12px; } .tableArea .navigation {display: block;text-align: center;padding: 10px 0 10px 0;float: left;} .tableArea .navigation a {border: 1px solid #ccc;padding: 8px 11px;margin: 0 5px 0 0;font-size: 11px;border-radius: 5px;float: left;} .tableArea .navigation a:hover { background-color: #32869a; color:#fff; border: 1px solid #32869a; } .tableArea .navigation a.selected {background-color: #32869a;color:#fff;border: 1px solid #32869a;font-weight: bold;} .tableArea .navigation span {font-size: 11px;color: #336699;float: left;margin: 10px 0 0 20px;} .tableArea .navigation:after {content:' ';clear:both;font-size: 0;display: block; } .tableArea table tr td span {font-size: 12px;} .tableArea table tr td span.stanBy {color: #ff7300;} .tableArea table tr td span.complete {color: #aaa;} .tableArea table tr td span.play {color: #ff7300;} .tableArea table tr td span.stop {color: #aaa;} .tableArea table tr td span.use {color: #ff7300;} .tableArea table tr td span.notUse {color: #aaa;} .tableArea table tr td.memo {width: 260px;line-height: 18px;color: #999;text-align: left;} .tableArea table tr td.memo span { } .tableArea table tr td input[type="text"] {font-size: 12px;border: 1px solid #999;padding: 4px 10px;border-radius: 5px;background-color: #f7f7f7;width: 200px;} .tableArea table.type3 { } .tableArea table.type3 tr { } .tableArea table.type3 tr:hover { background-color: #336699; color: #fff; cursor: pointer; } .tableArea table.type3 tr:hover td { } .tableArea table.type3 tr:hover th { color: #000; } .tableArea table.type3 tr:hover td span.play { color: #ff7300; } .tableArea table.type3 tr:hover td span.stop { color: #ccc; } .tableArea select.menuList {display: block;width: 100%;padding: 10px;font-size: 16px;font-weight: bold;outline: none;border-radius: 7px;height: 50vh;} .tableArea select.menuList option {padding: 6px 20px;border-radius: 6px;font-weight: bold;} .tableArea select.menuList option:hover { background-color: #336699; color: #fff; } .tableArea select.menuList option.mainmenu {font-size: 16px;} .tableArea select.menuList option.submenu {font-size: 14px;padding: 6px 0 6px 34px;} .buttonArea {display: block;float: right;padding: 10px 0 10px 0;} .buttonArea:after {content:' ';clear:both;font-size: 0;display: block; } .buttonArea a {background-color: #7291a4;padding: 6px 22px;display: block;color: #fff;font-weight: bold;margin: 0 0 0 5px;float: left;border-radius: 6px;font-size: 13px;} /* .buttonArea a:hover {background-color: #333;} */ .buttonArea p {float: left;display: inline-block;vertical-align: middle;} .movieListArea { } .movieListArea ul {display: block;overflow: hidden;} .movieListArea ul li {float: left;margin: 0 20px 30px 0;width: 373px;text-align: center;} .movieListArea ul li:nth-child(3n) {margin: 0 0 30px 0; } .movieListArea ul li h4 {display: block;overflow: hidden;font-size: 18px;font-weight: bold;text-align: center;margin: 0 0 5px 0;} .movieListArea ul li span {display: block;overflow: hidden;font-size: 12px;text-align: center;color: #ccc;margin: 0 0 5px 0;} .movieListArea ul li iframe {width: 100%;height: 210px;} .relationKeyworWrap {position: relative;overflow: hidden;clear: both;} .relationKeyworWrap .relationKeyword {position: relative;height: 462px;} .relationKeyworWrap .box_btn {position: absolute;top: 0;left: 0;} .relationLegendWrap{float: left;padding: 10px;border-top: 1px solid #000;border-bottom: 1px solid #c7c7c7;} .relationKeyworWrap .dataTypeLegend {} .relationKeyworWrap .relationLegendWrap h4 {font-size: 16px;font-weight: bold;overflow: hidden;border-bottom: 1px solid #BCC3C8;width: 127px;padding: 5px 0 5px 0;color: #666;padding-left: 2px;margin-bottom: 7px;} .relationKeyworWrap .dataTypeLegend ul {overflow: hidden;} .relationKeyworWrap .relationLegendWrap li {overflow: hidden;padding: 3px 4px;font-size: 15px;color: #666;} .relationKeyworWrap .dataTypeLegend li a { } .relationKeyworWrap .dataTypeLegend li a.news { } .relationKeyworWrap .dataTypeLegend li a.sns { } .relationKeyworWrap .dataTypeLegend li a.archive { } .relationKeyworWrap .dataTypeLegend li a.ALL { pointer-events : none; } .relationKeyworWrap .dataTypeLegend li a.news:hover { } .relationKeyworWrap .dataTypeLegend li a.sns:hover { } .relationKeyworWrap .dataTypeLegend li a.archive:hover { } .relationKeyworWrap .dataTypeLegend li a.ALL:hover { pointer-events : none; } .relationKeyworWrap .relationLegendWrap li a:before {content: '';display: inline-block;font-size: 12px;width: 18px;height: 18px;border-radius: 100px;text-align: center;overflow: hidden;color: #fff;position: relative;top: 4px;margin-right: 7px;background-repeat: no-repeat;} /* background-image: url('../images/icon_legend.png'); // icon background */ /* .relationKeyworWrap .dataTypeLegend li a.sns:before {content: '';background-color: #62b3cc;background-position: 1px 1px;} .relationKeyworWrap .dataTypeLegend li a.archive:before {content: '';background-color: #5a899b;background-position: -23px 1px;} */ .relationKeyworWrap .dataTypeLegend li a.news:before {content: '';background-color: #2ED3B1;background-position: 1px 1px;} .relationKeyworWrap .dataTypeLegend li a.sns:before {content: '';background-color: #F37575;background-position: 1px 1px;} .relationKeyworWrap .dataTypeLegend li a.archive:before {content: '';background-color: #719FD0;background-position: -23px 1px;} .relationKeyworWrap .dataTypeLegend li a.ALL:before {content: '';background-color: #000000;background-position: -23px 1px;} .relationKeyworWrap .colorType {display: inline-block;overflow: hidden;padding: 4px 0 0 0;/* font-size: 13px; */float: right;margin: -7px 0 0 0;vertical-align: middle;text-align: right;} .relationKeyworWrap .colorType a { } .relationKeyworWrap .colorType a.categoryType { } .relationKeyworWrap .colorType a.dataType { } .relationKeyworWrap .colorType a.categoryType:hover { } .relationKeyworWrap .colorType a.dataType:hover { } .relationKeyworWrap .colorType a:before {content: '';display: block;float: left;width: 17px;height: 17px;background: url(../images/colorType.svg);background-position: -3px -3px;background-size: 176px;border-radius: 100px;border: 3px solid #dadada;opacity: 0.6;} .relationKeyworWrap .colorType a.categoryType:before {content: '' ;background-position: -104px -3px;} .relationKeyworWrap .colorType a.dataType:before {content: ''; background-position: -154px -3px;} .relationKeyworWrap .colorType a.dataType.selected:before {background-position: -230px -3px;border: 3px solid #dcd7c7;opacity: 1;} .relationKeyworWrap .colorType a.categoryType.selected:before {background-position: -182px -3px;border: 3px solid #dcd7c7;opacity: 1;} .relationKeyworWrap .colorType a.categoryType:hover:before { background-position: -182px -3px;opacity: 1; } .relationKeyworWrap .colorType a.dataType:hover:before { background-position: -230px -3px;opacity: 1;} .relationKeyworWrap .relationKeywordLegend {margin-top: 10px;} .relationKeyworWrap .relationKeywordLegend h4 {font-size: 16px;font-weight: bold;display: block;overflow: hidden;margin: 0px 0 7px 0;border-bottom: 1px solid #ccc;width: 127px;padding: 9px 0 5px 0;color: #666;padding-left: 2px;} .relationKeyworWrap .relationKeywordLegend ul {display: block;overflow: hidden;} .relationKeyworWrap .relationKeywordLegend li {} .relationKeyworWrap .relationKeywordLegend li a { } .relationKeyworWrap .relationKeywordLegend li a.category1 { } .relationKeyworWrap .relationKeywordLegend li a.category2 { } .relationKeyworWrap .relationKeywordLegend li a.category3 { } .relationKeyworWrap .relationKeywordLegend li a.category4 { } .relationKeyworWrap .relationKeywordLegend li a.category5 { } .relationKeyworWrap .relationKeywordLegend li a.category6 { } .relationKeyworWrap .relationKeywordLegend li a.category7 { } .relationKeyworWrap .relationKeywordLegend li a.category1:hover { } .relationKeyworWrap .relationKeywordLegend li a.category2:hover { } .relationKeyworWrap .relationKeywordLegend li a.category3:hover { } .relationKeyworWrap .relationKeywordLegend li a.category4:hover { } .relationKeyworWrap .relationKeywordLegend li a.category5:hover { } .relationKeyworWrap .relationKeywordLegend li a.category6:hover { } .relationKeyworWrap .relationKeywordLegend li a.category7:hover { } .relationKeyworWrap .relationKeywordLegend li a:before {} .relationKeyworWrap .relationKeywordLegend li a.category0:before {content: '';background-color: #687588;background-position: -48px 1px;} .relationKeyworWrap .relationKeywordLegend li a.category1:before {content: '';background-color: #f1bc61;background-position: -73px 1px;} .relationKeyworWrap .relationKeywordLegend li a.category2:before {content: '';background-color: #f3916b;background-position: -97px 1px;} .relationKeyworWrap .relationKeywordLegend li a.category3:before {content: '';background-color: #7472be;background-position: -122px 1px;} .relationKeyworWrap .relationKeywordLegend li a.category4:before {content: '';background-color: #718bcc;background-position: -147px 1px;} .relationKeyworWrap .relationKeywordLegend li a.category5:before {content: '';background-color: #d972b7;background-position: -172px 1px;} .relationKeyworWrap .relationKeywordLegend li a.category6:before {content: '';background-color: #e86e6e;background-position: -196px 1px;} .relationKeyworWrap .relationKeywordLegend li a.category7:before {content: '';background-color: #2cadc7;background-position: -221px 1px;} .relationKeyworWrap .relationKeywordLegend li a.category8:before {content: '';background-color: #aec5ca;background-position: -246px 1px;} .relationKeyworWrap .relationKeywordLegend li a.category9:before {content: '';background-color: #dc67bf;} .relationKeyworWrap .relationKeywordLegend li a.category10:before {content: ''; background-color: #924c4c; } .relationKeyworWrap .relationKeywordLegend li a.category11:before {content: ''; background-color: #a57100; } .relationKeyworWrap .relationKeywordLegend li a.category12:before {content: ''; background-color: #56846b; } .relationKeyworWrap .relationKeywordLegend li a.category13:before {content: ''; background-color: #5f62a5; } .relationKeyworWrap .relationKeywordLegend li a.category14:before {content: ''; background-color: #2c2cb4; } .relationKeyworWrap .relationKeywordLegend li a.deleteLegend:before {content: '' !important; background-color:#ddd;opacity:0.3;} .relationKeyworWrap .relationKeywordLegend li a.deleteLegend {color:#bbb;opacity:0.5;} /* no select category - disabled */ .relationKeyworWrap .relationLegendWrap li.disabled {color:#ddd;opacity:0.5;} .relationKeyworWrap .relationKeywordLegend li.disabled a:before{content: ''; background-color: #ddd;opacity:0.3;} .relationKeyworWrap .dataTypeLegend li a.deleteLegend:before {content: '' !important; background-color:#ddd;opacity:0.3;} .relationKeyworWrap .dataTypeLegend li a.deleteLegend {color:#bbb;opacity:0.5;} .relationKeyworWrap .relakeywordRanking {position: absolute;bottom: 0;right: 10px;width: 180px;} .relationKeyworWrap .relakeywordRanking .header {display: block;overflow: hidden;padding: 0 0 5px 0;} .relationKeyworWrap .relakeywordRanking .header span {display: block;overflow: hidden;text-align: center;font-weight: bold;font-size: 11px;color: #999;} .relationKeyworWrap .relakeywordRanking .header span.num {float: left;width: 40px;text-align: center;} .relationKeyworWrap .relakeywordRanking .header span.keyword {float: left;width: 48px;} .relationKeyworWrap .relakeywordRanking .header span.count {float: right;width: 27px;margin: 0 19px 0 0;} .relationKeyworWrap .relakeywordRanking ul {clear: both;border-top: 1px solid #333;border-bottom: 1px solid #aaa;overflow-y: auto;overflow-x: hidden;display: block;height: 717px;} .relationKeyworWrap .relakeywordRanking li {border-bottom: 1px solid #ccc;padding: 7px 0;display: block;overflow: hidden;white-space: nowrap;} .relationKeyworWrap .relakeywordRanking li span {display: block;overflow: hidden;} .relationKeyworWrap .relakeywordRanking li span.num {float: left;width: 38px;text-align: center;font-size: 11px;font-family:"Century Gothic", Arial;color: #76a7eb;} .relationKeyworWrap .relakeywordRanking li span.keyword {display: block;overflow: hidden;float: left;font-size: 12px;color: #333;width: 79px;white-space: nowrap;text-overflow: ellipsis;} .relationKeyworWrap .relakeywordRanking li span.count {font-size: 11px;display: block;overflow: hidden;text-align: right;font-family:"Century Gothic", Arial;color: #888;width: 36px;} .relationKeyworWrap .relakeywordRanking li span.category1 { } .relationKeyworWrap .relakeywordRanking li span.category2 { } .relationKeyworWrap .relakeywordRanking li span.category3 { } .relationKeyworWrap .relakeywordRanking li span.category4 { } .relationKeyworWrap .relakeywordRanking li span.category5 { } .relationKeyworWrap .relakeywordRanking li span.category6 { } .relationKeyworWrap .relakeywordRanking li span.category7 { } .relationKeyworWrap .relakeywordRanking li span.keyword:before { content: '●'; display: block; float: left; font-size: 11px; margin: 0 4px 0 0;} .relationKeyworWrap .relakeywordRanking li span.category0:before { color: #333333; } .relationKeyworWrap .relakeywordRanking li span.category1:before { color: #b93719; } .relationKeyworWrap .relakeywordRanking li span.category2:before { color: #2662ca; } .relationKeyworWrap .relakeywordRanking li span.category3:before { color: #bb9f12; } .relationKeyworWrap .relakeywordRanking li span.category4:before { color: #118e00; } .relationKeyworWrap .relakeywordRanking li span.category5:before { color: #9b42cc; } .relationKeyworWrap .relakeywordRanking li span.category6:before { color: #d45e0e; } .relationKeyworWrap .relakeywordRanking li span.category7:before { color: #98ad16; } .relationKeyworWrap .relakeywordRanking li span.category8:before { color: #2cadc7; } .relationKeyworWrap .relakeywordRanking li span.category9:before { color: #dc67bf; } .relationKeyworWrap .relakeywordRanking li span.category10:before { color: #d29696; } .relationKeyworWrap .relakeywordRanking li span.category11:before { color: #a57100; } .relationKeyworWrap .relakeywordRanking li span.category12:before { color: #56846b; } .relationKeyworWrap .relakeywordRanking li span.category13:before { color: #5f62a5; } .relationKeyworWrap .relakeywordRanking li span.category14:before { color: #2c2cb4; } .relationKeyworWrap .btnArea {display: block;float: left;text-align: center;/* margin: 5px 0; */margin: 5px 0 5px 0;} .relationKeyworWrap .btnArea:hover { } .relationKeyworWrap .btnArea a {display: block;overflow: hidden;border: 1px solid #727272;padding: 4px 10px;border-radius: 6px;width: 123px;} .relationKeyworWrap .btnArea a:hover { background-color: #727272; } .relationKeyworWrap .btnArea a .refreshIcon {transition:transform 1s;transform: rotate(0deg);background: url(../images/refreshIcon.svg) #aaa center center no-repeat;display: block;width: 20px;height: 0;padding: 20px 0 0 0;overflow: hidden;border-radius: 100px;background-size: 79%;margin: 0;display: inline-block;vertical-align: middle; margin-right: 9px;} .relationKeyworWrap .btnArea a:hover .refreshIcon { transform: rotate(360deg); background-color: #666; } .relationKeyworWrap .btnArea a .text {display: inline-block;color: #727272;} .relationKeyworWrap .btnArea a:hover .text { color: #fff; } .relationKeyworWrap .wordCloudWrap{float: right;width: 923px;} .relationKeyworWrap .wordCloud {position: relative;height: 462px;right: 0;font-family: inherit;overflow: hidden;text-align: center;} .relationKeyworWrap .wordCloud span.WordClass {cursor: pointer;transition: opacity 0.5s, visibility 0.5s;} .relationKeyworWrap .wordCloud span.WordClass.delete {cursor: default;visibility: hidden;} .topWordCloudWrap .wordCloud2 span.WordClass {cursor: pointer;transition: opacity 0.5s, visibility 0.5s;} .topWordCloudWrap .wordCloud2 span.WordClass.delete {cursor: default;visibility: hidden;} /* .wordCloud span.WordClass:hover,.wordCloud2 span.WordClass:hover {background-color: #bcbcbc55; padding-bottom: 1%; border-radius: 20%;} */ .wordCloud .group0 { color: #687588 !important; } .wordCloud .group1 { color: #f1bc61 !important; } .wordCloud .group2 { color: #f3916b !important; } .wordCloud .group3 { color: #7472be !important; } .wordCloud .group4 { color: #718bcc !important; } .wordCloud .group5 { color: #d972b7 !important; } .wordCloud .group6 { color: #e86e6e !important; } .wordCloud .group7 { color: #2cadc7 !important; } .wordCloud .group8 { color: #aec5ca !important; } .wordCloud .group9 { color: #dc67bf !important; } .wordCloud .group10 { color: #924c4c !important; } .wordCloud .group11 { color: #a57100 !important; } .wordCloud .group12 { color: #56846b !important; } .wordCloud .group13 { color: #5f62a5 !important; } .wordCloud .group14 { color: #2c2cb4 !important; } .wordCloud2 .group1 { color: #687588 !important; } .wordCloud2 .group2 { color: #f1bc61 !important; } .wordCloud2 .group3 { color: #f3916b !important; } .wordCloud2 .group4 { color: #7472be !important; } .wordCloud2 .group5 { color: #718bcc !important; } .wordCloud2 .group6 { color: #d972b7 !important; } .wordCloud2 .group7 { color: #e86e6e !important; } .wordCloud2 .group8 { color: #2cadc7 !important; } .wordCloud2 .group9 { color: #aec5ca !important; } .wordCloud2 .group10 { color: #dc67bf !important; } .wordCloud2 .group11 { color: #924c4c !important; } .wordCloud2 .group12 { color: #a57100 !important; } .wordCloud2 .group13 { color: #56846b !important; } .wordCloud2 .group14 { color: #5f62a5 !important; } .wordCloud2 .group15 { color: #2c2cb4 !important; } .wordTable td.asscKwd span.asscKwdRemoveBtn {width: 20px;margin-left: 5px;cursor: pointer;display: none;} .wordTable td.asscKwd:hover span.asscKwdRemoveBtn {display: inline;} .wordTable tr.displayNone {background-color:#ccc;} .relationKeyworWrap .wordCloud .news.selected { color: #2ED3B1 !important; } .relationKeyworWrap .wordCloud .sns.selected { color: #F37575 !important; } .relationKeyworWrap .wordCloud .ALL.selected { color: #000000 !important; } .relationKeyworWrap .wordCloud .archive.selected { color: #719FD0 !important; } .deleteLegend:before { content: 'x' !important; } .delete { opacity: 0 !important; } .deleteAll { opacity: 0 !important; } .pop_head h1 { } .pop_head .control_area {position: absolute;top: -13px;right: 0px;white-space: nowrap;} .pop_head .control_area .calendar {position: absolute;top: 16px;right: 70px;font-size: 12px;margin: 0;} .pop_head .control_area .calendar.fl { } .pop_head .control_area .daily2 {font-size: 12px;width: 76px;height: auto;color: #fff !important;} .pop_head .control_area .daily2:hover { color: #fff !important;} .pop_head .control_area .swung_dash {display: inline-block;vertical-align: middle;margin: 3px 0 0 0;} .popup {background:#fff;padding:0;max-width: 1140px;box-shadow: 1px 1px 20px rgba(0,0,0,0.5);border-radius: 10px;} .popup.event {width: 290px;} .popup.user {width: 418px;} .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;} .popup .popupHeader h1{font-size: 20px;color: #424242;letter-spacing: -0.8px;} .popup .popupHeader h1 span {color: #CC5C8A;padding-right: 3px;} .popup .popupHeader .period {position: absolute;top: -2px;right: 70px;color: #fff;font-size: 12px;} .popup .popupHeader .period span {color: #fff;} .mainPopup.popup .popupHeader .period {position: absolute;top: 15px;right: 70px;color: #fff;font-size: 18px;} .mainPopup.popup .popupHeader .period span {color: #CC5C8A;} .popup .popupHeader h1 span.linkIconLaw {display: inline-block;} .popup .popupHeader h1 span.linkIconLaw a {display: inline-block;background: url(../images/linkIcon_law.png) no-repeat;width: 100px;height: 0;overflow: hidden;padding: 24px 0 0 0;vertical-align: middle;margin: -4px 0 0 24px;background-position: 0 -7px;} .popup .popupHeader h1 span.linkIconLaw a:hover { background-position: 0 -70px; } .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{ } .popupContents {padding: 25px 25px 20px 25px; overflow: auto; max-height: 80vh; height: 100%; background-color: #f5f5f5;border-radius: 0 0 10px 10px;} .newsDetail .popupContents {background-color: #f5f5f5;border-radius: 0 0 10px 10px; padding-bottom: 30px; max-height: inherit; padding-top: 0;} .popupContents .uploadArea {display: block;overflow: hidden;margin: 0 0 10px 0;} .popupContents .uploadArea span {font-size: 14px;color: #336699;font-weight: bold;padding: 0 0 0 10px;} .popupContents .uploadArea input[type="file"] {border: 1px solid #aaa;border-radius: 100px;font-size: 12px;margin: 0 0 0 10px;width: 360px;} .popupContents .chartTypeArea {margin: 0 0 0 13px;} .popupContents .desc {font-size: 16px;float: right;display: inline-block;color: #5f3f90;margin: 7px 20px 0 0;} .popupContents .tableArea { } .popupContents .tableArea table { } .popupContents .tableArea table tr { } .popupContents .tableArea table tr th {text-align: center;} .popupContents .tableArea table tr td { } .popupContents .buttonArea {clear: both;padding: 15px 0 0 0;} .popupContents .buttonArea ul {display: inline-block;overflow: hidden;float: right;margin: 0;width: auto;vertical-align: middle;} .popupContents .buttonArea ul li {float: left;display: inline-block;border: 0;} .popupContents .buttonArea ul li a {display: inline-block;} .popupContents .buttonArea p {display: inline-block;float: left;vertical-align: middle;margin: 4px 0 0 10px;} .popupContents .buttonArea input[type="checkbox"] { } .popupContents .buttonArea label {margin: 0 0 0 5px;font-size: 12px;} .popupContents .questionArea { } .popupContents .questionArea h3 {font-size: 16px;font-weight: bold;display: block;overflow: hidden;float: left;padding: 7px 0 0 10px;} .popupContents .questionArea span {display: block;overflow: hidden;float: right;margin: 10px 0px 0 10px;} .popupContents .questionArea span.userName {font-size: 11px;} .popupContents .questionArea span.date {font-size: 11px;border-left: 1px solid #ccc;padding: 0 0 0 10px;} .popupContents .questionArea textarea {clear: both;font-size: 14px;width: 100%;padding: 10px;border: 0;border-top: 2px solid #999;margin: 7px 0 20px 0;border-bottom: 1px solid #aaa;min-height: 100px;line-height: 22px;resize: none;outline: none;} .popupContents .titleWriteArea {clear: both;display: block;overflow: hidden;margin: 8px 0 15px 0;} .popupContents .titleWriteArea h3 {color: #336699;float: left;font-size: 16px;display: block;overflow: hidden;margin: 5px 0 0 10px;} .popupContents .titleWriteArea span {display: block;overflow: hidden;float: right;margin: 10px 0px 0 10px;} .popupContents .titleWriteArea span.userName {font-size: 11px;} .popupContents .titleWriteArea span.date {font-size: 11px;border-left: 1px solid #ccc;padding: 0 0 0 10px;} .popupContents .titleWriteArea input.inputTtle {float: left;margin: 0 0 0 10px;border-radius: 5px;border: 1px solid #ccc;padding: 5px 10px;font-size: 12px;width: 500px;} .popupContents .contentWriteArea {clear: both;display: block;overflow:} .popupContents .contentWriteArea h3 { color: #336699;float: left;font-size: 16px;display: block;overflow: hidden;margin: 5px 0 0 10px; } .popupContents .contentWriteArea textarea.inputContent {border-radius: 5px;width: 100%;margin: 0 0 0 10px;border: 1px solid #ccc;height: 190px;font-size: 14px;padding: 10px;line-height: 22px;} .popupContents .answerArea { } .popupContents .answerArea h3 {font-size: 16px;color: #48c1d0;font-weight: bold;padding: 7px 0 0 10px;} .popupContents .answerArea textarea {width: 100%;margin: 10px 0 0 0;font-size: 14px;line-height: 22px;padding: 10px;resize: none;min-height: 150px;border-radius: 7px;border: 1px solid #ccc;outline: none;} .popupContents .faqArea { } .popupContents .faqArea span {display: block;overflow: hidden;float: right;margin: 10px 0px 0 10px;} .popupContents .faqArea span.userName {font-size: 11px;} .popupContents .faqArea span.date {font-size: 11px;border-left: 1px solid #ccc;padding: 0 0 0 10px;} .popupContents .faqArea h3 {font-size: 16px;color: #333;font-weight: bold;padding: 7px 0 0 10px;display: block;float: left;} .popupContents .faqArea textarea {width: 100%;margin: 10px 0 0 0;font-size: 14px;line-height: 22px;padding: 10px;resize: none;min-height: 150px;border-radius: 0px;border: 0;outline: none;border-top: 1px solid #333;border-bottom: 1px solid #aaa;} .miniPopup { width: 400px } .mediumPopup { width: 450px } .mediumPopup2 { width: 800px } .largePopup {width: 1140px;top: 5%;} .newsDetail {height:auto; overflow: initial;} .bigPopup {width: 98%; max-width:98%;} .bigPopup .popupContents {padding: 10px;overflow: auto;max-height: 95vh;height: 100%;} .bigPopup .popupContents .popupMovie video {display: block;margin: 0 auto;width: 100%;} .popupContents table { } .popupContents table tr { } .popupContents table th {text-align: right;font-size: 14px;font-weight: bold;color: #336699;padding: 6px 0 6px 10px;} .popupContents table td {padding: 6px 0 6px 15px;font-size: 12px;} .popupContents table td textarea {background-color: #f7f7f7;border: 1px solid #ccc;border-radius: 7px;width: 260px;height: 80px;resize: none;padding: 5px 10px;font-size: 12px;} .popupContents table td select {background-color: #f7f7f7;border-radius: 7px;width: 260px;font-size: 12px;height: 27px;border: 1px solid #ccc;} .popupContents table td select option { } .popupContents table td input[type="text"] {background-color: #fff;border: 1px solid #ccc;padding: 5px 10px;border-radius: 7px;font-size: 12px;width: 260px;} .popupContents table td input[type="radio"] {margin: 0 5px 0 3px;} .popupContents table td input[type="checkbox"] { } .popupContents table td label {margin: 0 13px 0 0;font-size: 12px;} .popupContents .titArea h3.titOff span{} .popupContents .scrollbarWrap {overflow-y: auto;height: 65vh;overflow-x: hidden;} .popupContents .scrollbarWrap .viewport {overflow: hidden;/* height: 370px; */} .popupContents .period {font-family: "Century Gothic", Arial;font-size: 11px;color: #f7ffff;white-space:nowrap;margin: 17px 15px 0 0;float: right;} .popupContents .buttonArea .navigarion {float: left;display: block;padding: 0;margin: 0 0 0 10px;} .popupContents .buttonArea .navigarion a {background-color: #eee;border-radius: 5px;padding: 6px 10px;display: inline-block;margin: 0 3px;font-family:"Century Gothic", Arial;font-size: 12px;color: #333;} .popupContents .buttonArea .navigarion a:hover { background-color: #8f86df;color: #fff; } .popupContents .buttonArea .navigarion a.selected {background-color: #8f86df;color: #fff;} .popupContents .buttonArea .navigarion a.selected:hover { } .popupContents .relationKeywordPopup {display: block;overflow: hidden;padding: 0 20px;} .popupContents .relationKeywordPopup p {display: block;overflow: hidden;font-size: 18px;font-weight: normal;text-align: center;} .popupContents .relationKeywordPopup p b {font-weight: bold;color: #2d679b;} .popupContents .relationKeywordPopup .relationKeywordArea { } .popupContents .relationKeywordPopup .relationKeywordArea .beforeList {float: left;width: 50%;margin: 20px 0 0 0;} .popupContents .relationKeywordPopup .relationKeywordArea .afterList {float: left;width: 50%;margin: 20px 0 0 0;} .popupContents .relationKeywordPopup .relationKeywordArea h4 {font-size: 16px;color: #7459b2;} .popupContents .relationKeywordPopup .relationKeywordArea h4:before {content: '▶';font-size: 7px;vertical-align: middle;display: inline-block;margin: 0 6px 0 0;} .popupContents .relationKeywordPopup .relationKeywordArea ul {border: 1px solid #ccc;border-radius: 10px;margin: 4px 20px 0 0;padding: 10px;} .popupContents .relationKeywordPopup .relationKeywordArea ul li {padding: 8px 0;border-bottom: 1px solid #eee;} .popupContents .relationKeywordPopup .relationKeywordArea ul li:last-child { boder:0; } .popupContents .relationKeywordPopup .relationKeywordArea ul li span { } .popupContents .relationKeywordPopup .relationKeywordArea ul li span.num {font-size: 12px;padding: 0 15px 0 10px;color: #336699;font-family:"Century Gothic", Arial;} .popupContents .relationKeywordPopup .relationKeywordArea ul li span.keyword {font-size: 14px;} .popupContents .relationKeywordPopup .relationKeywordArea ul li span.keyword b {color: #336699;font-weight: bold;} .popupContents .memoArea { } .popupContents .memoArea h3 { } .popupContents .memoArea textarea {width: 100%;border-radius: 5px;border: 1px solid #aaa;padding: 10px;font-size: 14px;min-height: 130px;line-height: 21px;} .popupContents .alertPopupArea { } .popupContents .alertPopupArea ul {display: block;overflow: hidden;width: 100%;} .popupContents .alertPopupArea ul li {display: table;overflow: hidden;width: 100%;border-bottom: 1px solid #ddd;padding: 7px 0;} .popupContents .alertPopupArea ul li:hover { background-color: #efefef; } .popupContents .alertPopupArea ul li.header:hover { background-color: #fff; } .popupContents .alertPopupArea ul li.header {text-align: center;font-size: 12px;color: #333;padding: 0 0 7px 0;} .popupContents .alertPopupArea ul li.header span {text-align: center;} .popupContents .alertPopupArea ul li.header span.num {text-align: center;padding: 0 0 0 10px;width: 40px;color: #555555;font-size: 11px;} .popupContents .alertPopupArea ul li.header span.date {width: 90px;font-weight: normal;color: #555555;font-size: 11px;} .popupContents .alertPopupArea ul li.header span.interestKeyword {width: 150px;color: #555555;font-size: 11px;} .popupContents .alertPopupArea ul li.header span.issueKeyword {width: 242px;color: #555555;font-size: 11px;} .popupContents .alertPopupArea ul li.header span.keyword {width: 150px;color: #555555;font-size: 11px;} .popupContents .alertPopupArea ul li.header span.keyword b { font-weight: bold; } .popupContents .alertPopupArea ul li.header span.monitorring {text-align: right;padding: 0 0 0 0;color: #555555;font-size: 11px;display: inline-block;width: 30px;text-align: center;} .popupContents .alertPopupArea ul li span {display: table-cell;overflow: hidden;} .popupContents .alertPopupArea ul li span.num {text-align: center;padding: 0 0 0 10px;width: 40px;color: #009cde;font-family:"Century Gothic", Arial;white-space: nowrap;} .popupContents .alertPopupArea ul li span.date {width: 90px;font-weight: normal;color: #777;font-size: 11px;font-family:"Century Gothic", Arial;} .popupContents .alertPopupArea ul li span.interestKeyword {width: 150px;color: #777;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;} .popupContents .alertPopupArea ul li span.interestKeyword b {font-weight: bold;color: #8f86df;} .popupContents .alertPopupArea ul li span.issueKeyword {width: 150px;color: #777;} .popupContents .alertPopupArea ul li span.issueKeyword b {font-weight: bold;color: #8f86df;} .popupContents .alertPopupArea ul li .issueKeyword {color: #777;text-align: center;width: 242px;display: inline-block;vertical-align: middle;} .popupContents .alertPopupArea ul li .issueKeyword span { } .popupContents .alertPopupArea ul li .issueKeyword span.keyword {display: inline-block;margin: 0 10px 0 0;vertical-align: middle;font-size: 14px;} .popupContents .alertPopupArea ul li .issueKeyword span.desc {display: inline-block;font-size: 12px;color: #aaa;vertical-align: middle;} .popupContents .alertPopupArea ul li span.monitorring {text-align: center;padding: 0 17px 0 0;width: 30px;} .popupContents .alertPopupArea ul li span.monitorring a {background: url(../images/linkIcon.svg) 0 2px no-repeat;width: 16px;height: 0;background-size: cover;padding: 16px 0 0 0;overflow: hidden;display: block;float: right;} .popupContents .alertPopupArea ul li span.monitorring a:hover { background: url(../images/linkIcon.svg) -19px 2px no-repeat;width: 16px;height: 0;background-size: cover;padding: 16px 0 0 0;overflow: hidden;display: block;float: right;} .popupContents .popupMovie {display: block;margin: 0 auto;} .popupContents .popupMovie video {display: block;margin: 0 auto;width: 100%;} .amcharts-graph-label { opacity: 0; } /* #origin - view original */ #origin .popupContents{height: 100%;background: #fff;position: relative;} .originListArea{width: 23%;background-color: #f1f5f7;position: absolute;top: 25px;bottom: 25px;} .originListArea .originList {} .originListArea .originList li {clear: both;padding: 12px 20px; border-bottom: 1px solid #d7dee1;overflow: hidden;white-space: nowrap;border-top: 1px solid #efefef;border-left: 1px solid #efefef;border-right: 0;} .originListArea .originList li span {overflow: hidden;display: inline-block;vertical-align: middle;position: relative;top: -3px;} .originListArea .originList li span.num {width: 24px;text-align: center;font-family:"Century Gothic", Arial, sans-serif;font-size: 15px;color: #37a0ba;padding: 0px 0 0 8px;} .originListArea .originList li span.keyword {text-align: left;padding: 0 0 0 5px;width: 122px;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .originListArea .originList li span.count {font-family:"Century Gothic", Arial, sans-serif;font-size: 12px;text-align: right;margin-right: 14px;width: 45px;} .originListArea .originList li:hover {background-color: #e9f0f3;border-top: 1px solid #efefef;cursor: pointer;} .originListArea .originList li.archive {background-color: #eee;} .originListArea .originList li.on {border-right: 1px solid #fff;background-color: #fff;} .originContsArea{padding-left: 26%;} .originContsArea .originContsBox{height: 680px;overflow: auto;} .mainPopup .originListArea{display:none;} .mainPopup .originContsArea{padding-left: 0;} .originContsArea .viewport .viewItem .relationKeywordList{ float: none; } .originContsArea a.relationKeywordListBtn{ position: absolute; top: 19px; width: auto; right: 0; } .originContsArea a.relationKeywordListBtn.recommandBtn{ right: 82px; } .chartTypeArea {overflow: hidden;margin-top: 20px;display: inline-block;} .chartTypeArea ul { overflow: hidden; display: block; } .chartTypeArea ul li { overflow: hidden; display: block; float: left;} .chartTypeArea ul li input[type="radio"]{display: none;} .chartTypeArea ul li label {width: 36px;height: 36px;overflow: hidden;display: block;float: right;cursor: pointer;border-radius: 5px;color: transparent !important;margin: 0 6px 0 0;background: #E8E8F1; background-image:url(../images/chartIconType_v3.png); background-repeat: no-repeat;} .chartTypeArea ul li label.viewLine {background-position: 3px 8px;} .chartTypeArea ul li label.viewColoumnClusterd {background-position: -40px 6px;} .chartTypeArea ul li label.viewColoumnStacked {background-position: -84px 6px;} .chartTypeArea ul li label.viewColoumnPercent100 {background-position: -127px 6px;} .chartTypeArea ul li label.viewStacktedArea {background-position: -171px 7px;} .chartTypeArea ul li label.viewStacktedAreaPercent100 {background-position: -215px 6px;} .chartTypeArea ul li label.viewDATA {background-position: -260px 7px;} .chartTypeArea ul li label.viewRelationKeyword {background-position: -303px 6px;} .chartTypeArea ul li label.viewWordCloud {background-position: -348px 5px;} .chartTypeArea ul li label.view3D{background-position: -388px 5px;} .chartTypeArea ul li label.viewMedia{background-position: -429px 5px;} /* */ .chartTypeArea ul li label.ui-state-active, .chartTypeArea ul li label:hover{background-color: #003d5f;background-position-y: -23px;} .chartTypeArea ul li label.viewWordCloud.ui-state-active{background-position-y: -22px;} .chartdivLegend {width: 100%;overflow: hidden;padding: 0;margin: 0;position: relative;} .chartdivLegend.displayNone {display: block;height: 0 !important;} .chartTypeArea.chart2 { display: block; } .cont_btn_area_Wrap {display: block;overflow: hidden;padding: 15px 0 0 0;/* border-top: 1px solid #dee3e6; */border-bottom: 1px solid #dee3e6;text-align: center;height: 62px;/* margin-top: 13px; */background-color: #f1f6f8;margin-bottom: 10px;} .cont_btn_area_Wrap .keywordSearchArea {display: inline-block;/* background: aqua; */margin: 0;overflow: hidden;/* padding: 0 0 10px 0; *//* border: 1px solid red; */vertical-align: middle;} .cont_btn_area_Wrap .keywordSearchArea h3 {font-size: 16px;font-weight: bold;color: #336699;float: left;margin: 3px 10px 0 0;display: inline-block;vertical-align: middle;} .cont_btn_area_Wrap .keywordSearchArea input[type="text"]{border: 1px solid #ccc;border-radius: 100px;font-size: 14px;padding: 5px 10px;width: 240px;display: inline-block;vertical-align: middle;} .cont_btn_area_Wrap .keywordSearchArea input[type="button"]{border: 0;background-color: #5388cb;padding: 6px 19px;display: inline-block;vertical-align: middle;border-radius: 100px;font-size: 13px;color: white;} .cont_btn_area_Wrap .keywordSearchArea input[type="button"]:hover { background-color: #3c74bb; cursor: pointer; color: #fff; } .cont_btn_area_Wrap .cont_btn_area {display: inline-block;vertical-align: middle;margin-top: -12px;} .tooltip_templates { display: none; } .keywordTipText { } .keywordTipText h5 {font-size: 14px;font-weight: bold;display: block;overflow: hidden;margin: 5px 0 3px 0;} .keywordTipText ul { display: block; margin: 0 0 15px 0; } .keywordTipText ul:last-child { display: block; margin: 0 0 5px 0; } .keywordTipText ul li {list-style: initial;list-style-type: disc;list-style-position: inside;font-size: 12px;padding: 3px 0 0 10px;} .settingBox .settingHistory {display:none;position: absolute;left: 530px;top: 139px;border: 1px solid #aaa;background-color: #fff;padding: 10px;width: 240px;border-radius:7px;z-index: 1;} .settingBox.compare .settingHistory {top: 178px;left: 516px;} .settingBox .settingHistory.config { display: block; } .settingBox .settingHistory .close {background-color: #c9c6ff;width: 17px;height: 17px;overflow: hidden;line-height: 20px;font-size: 12px;font-family: century githic;text-align: center;border: 0;border-radius: 100px;right: 0;top: 5px;} .settingBox .settingHistory ul {max-height: 130px;overflow: auto;background-color: #fff;} .settingBox .settingHistory ul li {list-style: initial;list-style-type: disc;margin: 0 0 0 16px;padding: 3px 10px 3px 0;font-size: 12px;line-height: 19px;background-color: #fff;} .settingBox .settingHistory ul li span {/* display: inline-block; */} .settingBox .settingHistory ul li span.date {font-size: 11px;font-family:"Century Gothic", Arial;margin: 0 9px 0 0;color: #336699;} .settingBox .settingHistory ul li span.keyword {font-size: 12px;} .settingBox .settingHistory ul li:hover span.date {color: #336699;} .settingBox .settingHistory ul li:hover span.keyword {color: #333; text-decoration: underline;} .settingBox .settingHistory ul li .del { display: none ; } .settingBox .settingHistory ul li:hover .del {display: inline-block;background-color: #ff8315;color: #fff;font-size: 11px;font-family:"Century Gothic", Arial;width: 12px;height: 12px;vertical-align: middle;margin: 0 0 0 7px;text-align: center;border-radius: 100px;overflow: hidden;line-height: 11px;} .amcharts-graph-AmGraph-0 .amcharts-graph-stroke { stroke-width:2px; } .amcharts-graph-AmGraph-0 .amcharts-graph-stroke:hover { stroke-width:5px; } .amcharts-graph-AmGraph-0 .amcharts-graph-column { stroke-width:2px; } .amcharts-graph-AmGraph-0 .amcharts-graph-column:hover { stroke-width:5px; } .amcharts-graph-AmGraph-1 .amcharts-graph-stroke { stroke-width:2px; } .amcharts-graph-AmGraph-1 .amcharts-graph-stroke:hover { stroke-width:5px; } .amcharts-graph-AmGraph-1 .amcharts-graph-column { stroke-width:2px; } .amcharts-graph-AmGraph-1 .amcharts-graph-column:hover { stroke-width:5px; } .amcharts-graph-AmGraph-2 .amcharts-graph-stroke { stroke-width:2px; } .amcharts-graph-AmGraph-2 .amcharts-graph-stroke:hover { stroke-width:5px; } .amcharts-graph-AmGraph-2 .amcharts-graph-column { stroke-width:2px; } .amcharts-graph-AmGraph-2 .amcharts-graph-column:hover { stroke-width:5px; } .amcharts-graph-AmGraph-3 .amcharts-graph-stroke { stroke-width:2px; } .amcharts-graph-AmGraph-3 .amcharts-graph-stroke:hover { stroke-width:5px; } .amcharts-graph-AmGraph-3 .amcharts-graph-column { stroke-width:2px; } .amcharts-graph-AmGraph-3 .amcharts-graph-column:hover { stroke-width:5px; } .amcharts-graph-AmGraph-4 .amcharts-graph-stroke { stroke-width:2px; } .amcharts-graph-AmGraph-4 .amcharts-graph-stroke:hover { stroke-width:5px; } .amcharts-graph-AmGraph-4 .amcharts-graph-column { stroke-width:2px; } .amcharts-graph-AmGraph-4 .amcharts-graph-column:hover { stroke-width:5px; } .amcharts-graph-AmGraph-5 .amcharts-graph-stroke { stroke-width:2px; } .amcharts-graph-AmGraph-5 .amcharts-graph-stroke:hover { stroke-width:5px; } .amcharts-graph-AmGraph-5 .amcharts-graph-column { stroke-width:2px; } .amcharts-graph-AmGraph-5 .amcharts-graph-column:hover { stroke-width:5px; } .amcharts-graph-AmGraph-6 .amcharts-graph-stroke { stroke-width:2px; } .amcharts-graph-AmGraph-6 .amcharts-graph-stroke:hover { stroke-width:5px; } .amcharts-graph-AmGraph-6 .amcharts-graph-column { stroke-width:2px; } .amcharts-graph-AmGraph-6 .amcharts-graph-column:hover { stroke-width:5px; } .amcharts-graph-AmGraph-7 .amcharts-graph-stroke { stroke-width:2px; } .amcharts-graph-AmGraph-7 .amcharts-graph-stroke:hover { stroke-width:5px; } .amcharts-graph-AmGraph-7 .amcharts-graph-column { stroke-width:2px; } .amcharts-graph-AmGraph-7 .amcharts-graph-column:hover { stroke-width:5px; } .amcharts-graph-AmGraph-8 .amcharts-graph-stroke { stroke-width:2px; } .amcharts-graph-AmGraph-8 .amcharts-graph-stroke:hover { stroke-width:5px; } .amcharts-graph-AmGraph-8 .amcharts-graph-column { stroke-width:2px; } .amcharts-graph-AmGraph-8 .amcharts-graph-column:hover { stroke-width:5px; } .amcharts-graph-AmGraph-9 .amcharts-graph-stroke { stroke-width:2px; } .amcharts-graph-AmGraph-9 .amcharts-graph-stroke:hover { stroke-width:5px; } .amcharts-graph-AmGraph-9 .amcharts-graph-column { stroke-width:2px; } .amcharts-graph-AmGraph-9 .amcharts-graph-column:hover { stroke-width:5px; } .amcharts-graph-AmGraph-10 .amcharts-graph-stroke { stroke-width:2px; } .amcharts-graph-AmGraph-10 .amcharts-graph-stroke:hover { stroke-width:5px; } .amcharts-graph-AmGraph-10 .amcharts-graph-column { stroke-width:2px; } .amcharts-graph-AmGraph-10 .amcharts-graph-column:hover { stroke-width:5px; } .noResult {width: 100%;height: 50vh;text-align: center;position: relative;} .noResult .message {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .noResult .message .icon {display: block;background: url(../images/infoIcon.svg) 0 0 no-repeat;width: 60px;height: 60px;background-size: cover;margin: 0 auto 14px auto;} .noResult .message .text {font-size: 18px;color: #336699;} .overview.itemEndLine .noResult .message {width:1140px;transform:translate(0%, 0%);} .popup .overview.itemEndLine .noResult .message {width:50%;transform:translate(-50%, -50%);} .dataTable {margin: 10px 0 0 0;overflow: auto;max-height: 75vh;clear: both;} .dataTable table {min-width: 100%;} .dataTable table thead {/* border-right: 1px solid #ccc; */} .dataTable table thead tr { } .dataTable table thead th {font-size: 12px;white-space: nowrap;text-align: center;padding: 10px 20px;border-top: 1px solid #D4D4D2;background-color: #7995A6;height: 39px;font-weight: bold;color: #fff;} .dataTable table thead td { } .dataTable table tbody { } .dataTable table tbody tr { } .dataTable table tbody th {white-space: nowrap;padding: 10px 20px;text-align: center;font-size: 12px;background-color: #f3f3f3;border-bottom: 1px solid #ccc;width: 150px;font-weight: bold;/* border-right: 1px solid #ccc; */color: #333;} .dataTable table tbody td {border-bottom: 1px solid #e8e8e8;text-align: center;font-size: 12px;padding: 10px 20px;height: 38px; word-break: inherit;} .dataTable table tbody td span {width: 104px;display: inline-block;text-align: left;white-space: nowrap;} .dataTable table tbody td span:not(.asscKwdRemoveBtn):before {content: ''; display: inline-block; width: 13px; height: 13px; border-radius: 50%;margin: 0 10px 0 0;color: #999;vertical-align: middle;} .dataTable table tbody td span.category1:before {background-color: #f1bc61;} .dataTable table tbody td span.category2:before {background-color: #f3916b;} .dataTable table tbody td span.category3:before {background-color: #7472be;} .dataTable table tbody td span.category4:before {background-color: #718bcc;} .dataTable table tbody td span.category5:before {background-color: #d972b7;} .dataTable table tbody td span.category6:before {background-color: #e86e6e;} .dataTable table tbody td span.category7:before {background-color: #2cadc7; } .dataTable table tbody td span.category8:before { background-color: #aec5ca; } .dataTable table tbody td span.category9:before { background-color: #dc67bf; } .dataTable table tbody td span.category10:before { background-color: #d29696; } .dataTable table tbody td span.category11:before { background-color: #a57100; } .dataTable table tbody td span.category12:before { background-color: #56846b; } .dataTable table tbody td span.category13:before { background-color: #5f62a5; } .dataTable table tbody td span.category14:before { background-color: #2c2cb4; } .wordTable{max-height: 50vh;margin-top: 0;} /* Association Analysis Table */ .sloganArea {position: absolute;top: 120px;left: 16px;width: 23px;height: 179px;display: block;/* background-color: #000; */} .sloganArea .slogan {background: url(../images/slogan2.svg) 0 13px no-repeat;width: 23px;height: 0;padding: 141px 0 0 0;overflow: hidden;float: left;border-top: 1px solid #ccc;background-size: contain;} /* intro_popup */ /* .intro_popup{position: fixed; left: 0; top:0; right: 0; bottom: 0; height: 100%; z-index:99999; background:url('../images/intro_popup_bg.png') #6f6cac; background-size: cover; display:none;} */ .intro_popup {display:none;} .intro_popup.show_on {position: fixed; left: 0; top:0; right: 0; bottom: 0; height: 100%; z-index:99999; background:url('../images/intro_popup_bg.png') #6f6cac; background-size: cover;} .intro_popup .menu_area{position: absolute; left: 0; right: 0; top:0; z-index:999999;} .intro_popup .contentInner{display: block !important; } .intro_popup .topMenuArea{float: right;padding: 5px 0; font-size: 0;margin-top: 18px;} .intro_popup .topMenuArea a{display: inline-block;font-size: 14px;margin-left: 16px;position: relative;color: #fff;} .intro_popup .topMenuArea a:hover{text-decoration: underline} .intro_popup .topMenuArea a:nth-child(2):before{content:''; position: absolute; left: -8px; top: 2px; bottom: 2px; width: 1px; background-color:#b2b2b2} .intro_popup .topMenuArea a:first-child:before{display: none;} .intro_popup .headerLogo{display: block; float: left; width: 15%; margin-top: 16px;} .intro_popup .headerLogo img{width: 65%;} .intro_popup .intro_popup_close{text-indent:-9999px;z-index:999999;font-size: 0;background : url('../images/popup_btn_close.png') no-repeat 50% 0;width: 35px;height: 35px;display: block;position: absolute;top: 80px;right: 15%;} .intro_popup .introTab_area,.intro_popup .introTabMenu_area{float: left; height: 100%;} .intro_popup .introTab_area{width: 40%;} .intro_popup .introTab{position: relative;top: 50%;transform: translateY(-50%);} .intro_popup .introTab li{margin-bottom: 29px;} .intro_popup .introTab li a{display: block;font-size: 35px;color: rgba(255,255,255,0.3);padding-left: 150px;position: relative; font-family:'NotoSansKR-Bold'; transition: all 0.5s;} .intro_popup .introTab li a:hover, .intro_popup .introTab li.on a{color: rgba(255,255,255,1); padding-left: 210px} .intro_popup .introTab li a:before{content:'';display: block;position: absolute;left: 0;width: 151px;top:50%;margin-top: -1px;height: 2px;background-color:rgba(255,255,255,0.3);} .intro_popup .introTab li a:hover:before, .intro_popup .introTab li.on a:before{width: 211px;background-color: #fff;} .intro_popup .introTabMenu_area{width: 60%; background-color:rgba(0,0,0,0.2)} .intro_popup .introTabMenu_area .tab_con, .intro_popup .introTabMenu_area .tabView{height: inherit; position: relative;} .intro_popup .tabBox{position: absolute;top: 50%;left:50%;width: 70%;margin-left: -35%;margin-top: -15%;color:#fff;text-align: center;font-size: 16px;} .intro_popup .tabBox h3{font-size: 48px;line-height:40px;font-family:'NotoSansKR-Bold';margin-bottom: 80px; position: relative;} .intro_popup .tabBox h3:after{content:'';display: block;width: 141px;height: 132px;background: url('../images/icon_intro_cube.png') no-repeat 50%;position: absolute;left: 50%;margin-left: -70px;top: -10px;} .intro_popup .tabBox p{font-size:17px} .intro_popup .tabBox p span{font-family:'NotoSansKR-Medium'} .intro_popup .intro_btn_area{margin-top: 35px;font-size: 0;} .intro_popup .intro_btn{display: inline-block;font-size: 24px;font-family:'NotoSansKR-Medium';margin: 8px;min-width: 200px;text-align: center;height: 50px;line-height: 43px;border: 2px solid rgba(255,255,255,0.3);border-radius: 10px;} .intro_popup .intro_btn:hover{background-color:#fff; color:#6f6cac;} @media screen and (max-width: 1440px) { #paginationDiv {background: #fff;min-width: 38px;border-radius: 10px;right: 1%;margin-left: 0;left: auto;border: 1px solid #e4e4e4;z-index: 2;padding: 0 10px;overflow: hidden;} #paginationDiv div.noteShow#sNoteDetail {display:none;} #pagination {min-width: 38px;margin-left: 0;left: auto;margin-top:10px;margin-bottom:10px;} #pagination #paginationBefore{left: 18px;width: 0;} #paginationDiv #pagination div.up{display:none;} #paginationDiv #pagination div.down{display:none;} #paginationDiv:hover {min-width: 300px;} #paginationDiv:hover #pagination{min-width: 300px;margin-left:10px;} #paginationDiv:hover #pagination #paginationBefore{left: 28px;width: 1px;top:35px !important;bottom:35px;} #paginationDiv:hover #pagination div.up{position:relative;bottom: 0px;display:block;} #paginationDiv:hover #pagination div.down{position: relative; top: 0px !important;display: block;} } /***리뉴얼 css start***/ .header_wrap{background-color:#003c5e;} .header_wrap .contentInner{height:100%;border-bottom:1px solid #dfdfe1;background-color:#fff;border-top-left-radius: 15px;border-top-right-radius: 15px;} /***메인 관련 리뉴얼***/ /*키워드 랭킹 안에 .titArea 들어갈 경우*/ .keywordRanking_wrap .titArea{padding:0;border-bottom:none;background-color:#fff;} .titArea.type2{padding:0;border-bottom:none} .titArea.type2 > *{display:inline-block;vertical-align:middle;float:none;} .titArea.type2 > div:first-child, .titArea.type2 h1{margin-left:0;} .titArea.type2 h1 + h2{margin-left:30px;} .titArea.type2 .controlArea{float:right;} .titArea.type2 .controlArea > *{display:inline-block;vertical-align:middle;float:none;margin-left:10px ;} .titArea.type2 .controlArea > div:first-child{margin-left:0} .information {width: 30px;height: 0;padding-top: 30px;border: 1px solid #e2e7ea;box-sizing:border-box;margin-left: 5px;display: inline-block;text-align: center;color: transparent;font-weight: normal;overflow: hidden;border-radius: 100px;background: url('../images/icon_infomation.png') #e3e9ed no-repeat 8px 6px;} .keywordRankingArea ul {margin: 0;padding: 36px;display: table;overflow: hidden;font-size:0;text-align: left;} .keywordRankingArea li {display: inline-block;clear: both;overflow: hidden;cursor:pointer;width: 20%;min-width: 213px;text-align: center;vertical-align: top;line-height: 19px;font-size: 0;margin-bottom: 6px;position: relative;} .keywordRankingArea li:last-child {} .keywordRankingArea li .keywordCheck {display: block;float: right;margin: 0 5px 0 0;} .keywordRankingArea li .count, .keywordRankingArea li .up, .keywordRankingArea li .down, .keywordRankingArea li .zero, .keywordRankingArea li .rank, .keywordRankingArea li .new {font-family: "Century Gothic", Arial, sans-serif;font-size: 12px;width: 16px;display: inline-block;text-align: center;position: relative;} .keywordRankingArea li .count {color: #333;position: absolute;padding: 5px 0 0 16px;} .keywordRankingArea li .up {color: #ff4001;position: absolute;padding: 5px 0 0 0;} .keywordRankingArea li .down {color: #59a7d0;margin: 1px 0 0 0;position: absolute;padding: 4px 0 0 0;} .keywordRankingArea li .zero {padding: 5px 0 0 0;position: absolute;} .keywordRankingArea li .new {color: #F45D5D;top: 4px;right: 20px;position: absolute;} .keywordRankingArea {background-color: #fff;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px; min-height:46px;} .keywordRankingArea li.selected{background-color:#ff6e68;border-radius:10px;} .keywordRankingArea div.noResult{padding:13px;height:20px;} .keywordRankingArea li .keyword {display: inline-block;width: 125px;font-size: 16px;text-align: left;color: #000;font-weight: normal;line-height: 24px;word-break: keep-all;margin-left: -34px;} .keywordRankingArea li .rank {float:left; font-size: 17px;width: 26px;height: 26px;line-height: 25px;background-color: #fff;border-radius: 50px;display: inline-block;color: #1669a4;border: 0;background: transparent;margin: 0 5px 0 12px;font-weight: bold;font-family: inherit;} .keywordRankingArea li.selected .rank, .keywordRankingArea li.selected .keyword{color:#fff} .keywordRankingArea li span.link {} .keywordRankingArea li span.link a{background: url(../images/linkIcon.svg) 0 2px no-repeat;width: 16px;height: 0;background-size: cover;padding: 16px 0 0 0;overflow: hidden;display: inline-block;} /*이슈 히스토리 slick*/ .timeLineBox .timeLine .timeBody{background:url(../images/bg_history.png) left top repeat-x;background-position-y:62px;min-height:320px;} .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;width:231px !important;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;transition: all 0.2s ease;} .timeLineBox .timeLine .timeBody .timeItem .center{display:block;position:relative;width:400px !important;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:hover{margin-top:4px;} .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 .btnMoreNews:hover{border:1px solid red;} .timeLineBox .timeLine .timeBody .timeItem .media{margin-top:5px;} .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{position:absolute;left:-20px;top:7px;display:block;content:'';width:19px;height:19px;;background:url(../images/icon_sprite.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;} .deco{display:none} /* 트윗 */ .timeLineBox .timeLine .timeBody .timeItem .twit .conts{margin-top:22px;height:9.3em;} /*타일 영역 오른쪽 버튼 영역*/ .control_area .btnArea > *{vertical-align:middle} article .titArea + .timeLineBox, article .titArea + .row{margin-top:15px} #issueHistory article .titArea + .timeLineBox{margin-top:0;} /*argos 서비스*/ #argosService article{padding:0;background-color:transparent} #argosService article .row{margin-top:50px} #argosService article .row ul li{width:31.3333%;box-shadow:none;} #argosService article .titArea{text-align:center} #argosService article .titArea h2{float:none} @keyframes box_ani{ 0%{ transform:translateY(25px); opacity: 0;} 100%{transform:translateY(0); opacity: 1;} } @keyframes show_ani{ 0%{ opacity: 0;} 100%{opacity: 1;} } /*cards*/ .row .cards:after{display:block;content:'';clear:both} .row .cards li{float:left;width:31%;margin-left:3.0%;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: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%);} /*썸네일 초상화형 */ /* img.portrait { width: 100%; height: auto; } */ /*썸네일 풍경화형 */ /* img.landscape { width: auto; height: 100%; } */ .cards li a .info{height:calc(100% - 218px);padding:28px 28px 0;background-color:#fff;border-top:1px solid #e7eef2;box-sizing:border-box;} .cards li 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 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 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 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 a:hover .info .linker{padding-left:14px !important;} .mainPage .row .cards li a:hover .info .linker::after{right:10px;opacity:1} .row .cards li a:hover .info .linker::after{right:8px} .row .cards li a .info h3{margin-top: 20px;font-size: 16px;color: #00163d;width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .indicator{position:relative;margin:25px auto 0;width:1200px;/* height:66px; */text-align:center} .indicator > p{font-size:14px;color:#545454;} .indicator .indicatorBtnArea {margin: 10px auto; padding: 15px 5px 25px; text-align: center; border-radius: 40px; background: #cdcdcdae; width: 110px; opacity: 0.9;cursor:pointer;} .indicatorpArrow {position: relative;opacity: 0.7;/* top:50%; */margin-top: 20px;/* left:50%; *//* transform:translate(-50%,-50%); */} .indicatorpArrow span {display:block;width:20px;height:20px;border-bottom: 5px solid #9dbac7;border-right: 5px solid #9dbac7;transform:rotate(45deg);margin: -10px auto 3px;animation: animate 2s infinite;} .indicatorpArrow span:nth-child(1){animation-delay:-0.2s;} .indicatorpArrow span:nth-child(2){animation-delay:-0.4s;} .indicator#footerIndicatorDown{position: fixed;left:50%;width:70px;margin-left:-35px;bottom: 0px;display:none;} .indicator#footerIndicatorDown:hover .indicatorBtnArea{opacity:1;} .indicator .indicatorBtnArea {z-index: 2;} .indicator.Use#footerIndicatorDown{/* display:inline; */} .indicator#footerIndicatorDown .indicatorBtnArea {width:70px;border-radius: 25px;padding:15px 5px 55px;margin:0px;} .indicator#footerIndicatorDown .indicatorpArrow {opacity: 0.7;} .indicator#footerIndicatorDown:hover .indicatorpArrow {opacity: 0.9;} .indicator#footerIndicatorDown .indicatorpArrow span {margin: -15px auto 3px;} @keyframes animate { 0% { opacity:0; transform: rotate(45deg) translate(-10px, -10px); } 50% { opacity:1; } 100% { opacity:0; transform: rotate(45deg) translate(10px, 10px); } } .indicator#footerIndicatorUp{position: fixed;width:80px;bottom: 0px;display:none;right:20px;} .indicator#footerIndicatorUp #upIndicatorBtn{margin : 10px 30px 10px auto;z-index: 2;width:70px; padding:15px;border-radius:25px;background:#5b5bc3;/* #4d788f */} .indicator#footerIndicatorUp .indicatorpArrow span {transform:rotate(-135deg);animation: upanimate 2s infinite;border-bottom: 5px solid #ffffff;border-right: 5px solid #ffffff;} @keyframes upanimate { 0% { opacity:0; transform: rotate(-135deg) translate(-10px, -10px); } 50% { opacity:1; } 100% { opacity:0; transform: rotate(-135deg) translate(10px, 10px); } } /*법률 검색*/ .lawSearch{position:relative;width:100%;height:312px;/*background:url(../images/argosServiceCombo.png) left top no-repeat;*/background-color:#2badbe;border-radius:15px;} .lawSearch .bx_text{position:absolute;left:100px;} .lawSearch .bx_text p{background: url(../images/lawSearch_sprite.png) left top no-repeat;color:transparent;font-size:0;opacity:0;transform: translateY(30px); } .lawSearch .bx_text p:nth-of-type(1){margin-top:63px;width:328px;height:29px;} .lawSearch .bx_text p:nth-of-type(2){margin-top:18px;width:393px;height:20px;background-position-y:-55px;} .lawSearch .bx_form{position:absolute;left:100px;top:190px;width:465px;height:65px;border-radius:7px;background-color:#fff;;opacity:0;} .lawSearch .bx_form > *{display:inline-block;vertical-align:middle} .lawSearch .bx_form input{width:415px;height:65px;padding-left:20px;background-color:transparent !important;font-size:19px;border:none;} .lawSearch .bx_form button{width:29px;height:29px;background:url(../images/icon_sprite.png) -79px -171px no-repeat;font-size:0;color:transparent;border:none;cursor:pointer} #argosService.active .row .lawSearch .bx_text p{transform: translateY(30px); } #argosService.active .row .lawSearch .bx_text p:nth-of-type(1){animation:sub_txt .5s ease-out .7s both;} #argosService.active .row .lawSearch .bx_text p:nth-of-type(2){animation:sub_txt .4s ease-out .9s both;} #argosService.active .row .lawSearch .bx_form{animation:sub_txt .3s ease-out 1.1s both;} /*랭킹검색 작은공지*/ .sNote{position:relative;border-radius: 10px;padding: 10px 36px 10px 18px;background-color: #67b3ba;font-size: 14px;color: #fff;} .sNote{position:relative;border-radius: 10px;padding: 10px 36px 10px 18px;background-color: #67b3ba;font-size: 14px;color: #fff;} .sNote:after{position:absolute;left:150px;/* 38px */;top:-7px;display:block;content:'';width: 0px;height: 0px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #67b3ba;} .sNote button{position:absolute;right:5px;top:12px;width:20px;height:20px;background: url(../images/icon_sprite.png) 6px -164px no-repeat;color:transparent;background-color:#fff;border:none;border-radius:100%;cursor:pointer;font-size:0;} .keywordRankingArea + .sNote{position:absolute;left:36px;bottom:-20px;z-index:5;} #issueHint{position:absolute;left:36px;bottom:-15px;z-index:5;display:none;} #issueHint.hintShow {display:block;} #issueHint.hintShow.extendChange {display:none;} .includeSnote{position:relative} /*이슈히스토리*/ #issueHistory article{padding-bottom:19px;overflow:inherit} #issueHistory .controlArea .tabArea h3.titOff {margin-left:-3px;} /* section#issueHistory {max-height:445px;overflow-y:hidden;} */ div.timeLineBox {margin:0px 30px;} .timeLineBox .timeLine .timeBody.Loading {height:320px;overflow:hidden;opacity:0;margin-bottom:30px;} /* .timeLineBox .timeLine .timeBody.Complete {max-height:;overflow:;} */ .timeLineBox .timeLine .timeBody button.slick-arrow {width:51px;height:51px;background:url(../images/ic_arrow.svg) center center no-repeat;opacity:1;z-index:1;} /* .timeLineBox .timeLine .timeBody button.slick-arrow:hover {background-color:#e8e8e8;border-radius:40%} .timeLineBox .timeLine .timeBody button.slick-disabled.slick-arrow:hover {background-color:transparent;} */ .timeLineBox .timeLine .timeBody .slick-prev{right:-50px;left:auto;top:52.5%} .timeLineBox .timeLine .timeBody .slick-next{left:-50px;margin-top:-25px;transform:rotate(-180deg);right:auto;top:52.5%;} .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;} /*팝업 자동중간정렬*/ .autoAlign{ top: 50%; left: 50%; transform: translate(-50%, -50%); } /*이슈키워드 연혁*/ /*팝업안에 슬라이드*/ .newsDetail .popupContents .timeLineBox .timeLine .timeBody .timeItem > a .tit{margin:30px 0 16px; font-size: 22px; text-align: left; color:#333; line-height: 1.4;} .newsDetail .popupContents .timeLineBox .timeLine .timeBody .timeItem .conts{ max-height: 62%; line-height: 1.6; font-size: 15px;} /* .newsDetail .popupContents .timeLineBox .timeLine .timeBody .timeItem > a:visited, .newsDetail .popupContents .timeLineBox .timeLine .timeBody .timeItem:first-child > a{border: 1px solid rgba(217,227,231, 1)!important;} */ .newsDetail .popupContents .timeLineBox .timeLine .timeBody .timeItem .media{margin-top: 10px;} /*슬라이드 버튼 재선언*/ .newsDetail .popupContents .timeLineBox .timeLine .timeBody .slick-prev{ display: block; transform: rotate(-180deg); margin-top: -50px; left: -50px;} .newsDetail .popupContents .timeLineBox .timeLine .timeBody .slick-next{ display: block; transform: rotate(0deg); margin-top: -50px; left: inherit; right:-50px;} .newsDetail .popupContents .timeLine .timeBody .timeItem .date span:before{ background-color: none; width:40px; height: 40px; background:url(../images/ico_calendar_gray.svg) no-repeat; left:-35px; top: -2px} .newsDetail .popupContents .timeLine .timeBody .timeItem .date span{color:#666} .newsDetail .popupContents .timeLine .timeBody .timeItem:first-child > a:after{background:inherit;} .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 > a:visited{border:1px solid rgba(217,227,231, 1)!important;} .newsDetail .popupContents .timeLine .timeBody .timeItem > a{ width: 460px!important; height:56vh; min-height: 420px; padding: 0 30px 20px 30px; border-radius: 5px; border:0; box-shadow:none; margin: 15px 15px 30px 30px;} .newsDetail .popupContents .timeLine .timeBody .timeItem > a .conts{ overflow: auto; height: 21.5em; text-align: left;} .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; outline: 2px solid #5b50bc!important; outline-offset: -2px;} .newsDetail .popupContents .timeLine .timeBody .timeItem > a.here .date span{color:#3321cb;} .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: 10px 14px 14px 28px; letter-spacing: -0.04em; background-color:#ebebeb; color:#565656; font-size:15px; border-radius: 12px; margin:4px 0; text-align: center; } .titArea .controlDesc{ position: relative; clear: both; padding: 10px 14px 14px 28px; letter-spacing: -0.04em; background-color:#ebebeb; color:#565656; font-size:15px; border-radius: 12px; margin:4px 0; text-align: center; } /* .popupContents .controlDesc::before{content:''; display: inline-block; width:4px; height: 4px; margin-right: 3px; position: absolute; top: 45%;left: 2%; transform: translate(-45%,-2%); background-color: #4F6872; border-radius: 50%; } */ .popupContents .controlDesc::before{content: '!';display: inline-block; width:17px; height: 17px; margin-right: 3px; position: absolute; top: 28%;left: 2%; transform: translate(-28%,-2%); border:2px solid #1e3e55; border-radius: 50%; line-height: 1.1; font-weight: bold; color:#50595e; font-size: 14px; } .titArea .controlDesc::before{content: '!';display: inline-block; width:17px; height: 17px; margin-right: 3px; position: absolute; top: 28%;left: 2%; transform: translate(-28%,-2%); border:2px solid #1e3e55; border-radius: 50%; line-height: 1.1; font-weight: bold; color:#50595e; font-size: 14px; } .pointTx_blueGray{color:#4f6872;} header .sNotice{width:100%;background-color:#5a5dc4be;} header .sNotice.closed{display:none;} header.fixed .sNotice{display:none;} header .sNotice .notiContent{width:1140px;margin:0px auto;padding:10px 0px;} header .sNotice .notiContent .conts .thumbnailWrappper {max-width:100%;/*height: 124px;min-height: 124px;*/overflow:hidden} header .sNotice .notiContent .conts .thumbnailWrappper .thumbnail{max-width:100%} header .sNotice .notiContent .conts .thumbnailWrappper .thumbnail img{max-width:100%} /* 16::9 ratio */ /* header .sNotice .notiContent .conts .thumbnail { position: relative; padding-top: 56.25%; overflow: hidden; } header .sNotice .notiContent .conts .thumbnail .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); } header .sNotice .notiContent .conts .thumbnail .centered img {height: auto; position: absolute; top: 0; left: 0; max-width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } */ header .sNotice .notiContent .conts.fifty:after{display:block;content:'';clear:both} header .sNotice .notiContent .conts.fifty > *{float:left;width:50%;} header .sNotice .notiContent .conts.fifty .txt{width:calc(50% - 10px);margin-left:10px;} header .sNotice .notiContent .conts .txt{color: #1d2225;font-size: 20px;} header .sNotice .notiContent .conts .txt span{font-size: 18px;} header .sNotice .notiContent .bxControl{text-align:right} header .sNotice .notiContent .bxControl .wrapForm{padding: 6px 12px;background-color: #fff;border-radius: 21px;} header .sNotice .notiContent .bxControl > * {display:inline-block;vertical-align:middle;font-size:12px;color:#003455;} header .sNotice .notiContent .bxControl p > *{display:inline-block;vertical-align:middle;cursor:pointer} header .sNotice .notiContent .bxControl p button{ margin-left:10px; width: 20px;height: 18px;background: url(../images/icon_sprite.png) -35px -165px no-repeat;border: none;background-color: transparent;cursor: pointer;font-size: 0;color: transparent;border:1px solid #3c54a5} /*#sNoticeClose:focus, #sNoticeClose:hover {outline-color: #013d5f;outline-offset: 0px;outline-width: thin;outline-style: auto;}*/ header .sNotice .notiContent .bxControl p button:focus /*header .sNotice .notiContent .bxControl p button:hover */{background-color:#67b3ba;} /*버블차트*/ #bubbleChartDiv{height: 220px;} #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;} .btnPop{background:#3C8C93 url("../../images/ico_newindow.svg")center right 16px / 14px no-repeat !important; color: #fff; border: none !important; width: 130px; text-align: left; margin-bottom: 10px;} .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:last-child{margin-right: 0;} .bubbleChartArea > div h4{color:#003f81} #bubbleChartDetailDiv{clear: both; padding-bottom: 100px; } #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{ height: 325px; border-bottom: none; position: relative; padding-bottom: 10px;} #bubbleSelectChartDiv > div .btnPop{ position: absolute; top:9px; right:0; z-index: 1; } #buzzBubbleDetailView h3, #bubble_detail_popup h3{ font-size: 20px; letter-spacing: -0.04em; font-weight: 600;} #buzzBubbleDetailView tspan{border:10px solid red;} /***모니터링 관련 리뉴얼***/ .keywordRanking_wrap .titArea{padding:36px 0 30px 39px;} .keywordRanking_wrap .titArea + .keywordRankingArea ul{padding-top:0;} /*분석자료 상단 탭 메뉴*/ .wrapTab{width:100%;padding: 10px 0 20px 0;max-width: 1140px;margin: 0 auto;border-bottom: 1px solid #e8e8e8;} .wrapTab > *{display:inline-block;vertical-align:middle;} .wrapTab .bxSelect{float:right;} .tabComponent ul:after{display:block;content:'';clear:both;} .tabComponent ul li{float:left;margin-left: 12px;position: relative;box-sizing: border-box;color: #003c5e;border: 1px solid #003c5e;border-radius: 50px;background-color:#fff;overflow:hidden} .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(1){margin-left:0;} .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} .tabComponent ul li a{display:block;padding: 4px 29px 6px 14px;font-size: 14px;position:relative;z-index:2;} #bookArticle{padding:0;} #bookArticle .row{margin-top:40px;} #bookArticle .row:first-child{margin-top:0} #bookArticle .navigarion{padding: 28px 0 8px 0} /* 분석자료 상세 */ .useExampleWrap{/* background-color:#fff !important; */} .useExampleWrap ~ footer{margin-top:0;} .wrapBanner + .useExampleContWrap{border-top:none;margin-bottom:0;} .header_inner .wrapImg{width: 1140px;min-width: 1140px;height: 171px;margin: 0 auto;overflow: hidden;box-shadow: 0px 0px 10px rgba(0,0,0, .1);border-radius: 15px;background: url(../images/sprite_analysis.png) right -283px no-repeat;} .header_inner .wrapImg.type2{background-position-y:-546px;} .header_inner .wrapImg.type3{background-position-y:-814px;} .header_inner .wrapImg h2, .header_inner .wrapImg p{display:none;margin-left:50px;} .header_inner .wrapImg h2{margin-top:45px} .wrapImg.type1 .card_title, .wrapImg.type3 .card_title{background: url(../images/sprite_analysis.png) 0 0 no-repeat;height: 52px;text-indent: -999px;} .wrapImg.type2 .card_title{height: 52px;color:#013d5f;font-family:Nanum Barun Gothic;font-size:29px;/* font-family:NanumBarunGothic; */font-weight:800;} .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-size: 19px;color: #003d5f;margin-top: 10px;} .wrapTit{position: relative;width: 1140px;margin: 20px auto 0;height: 60px;padding: 15px 10px;background: #ffff;border-radius: 15px;box-shadow: 9px 12px 24px rgb(191 199 224 / 20%);} .wrapTit .titInfo > *{display:inline-block;vertical-align:middle;font-size: 19px;color:#010101;font-family: 'Century Gothic';} .wrapTit .titInfo .tabMenu{padding: 6px 20px 8px 20px;box-sizing: border-box;color: #010101;border: 1px solid #010101;border-radius: 50px;padding: 4px 14px 6px 14px;font-size: 14px;} .wrapTit .titInfo .tabMenu.news, .cards li a .info .linker.news, .cards li a .info .linker.news:after {color: #00b195;border-color:#00b195;} .analysisDetail h4.news strong{color:#00b195} .wrapTit .titInfo .tabMenu.report, .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{margin-left:18px;font-size: 19px;color:#010101;} .wrapTit .titInfo .data:before{display:inline-block;content:'';margin:0 18px;width: 1px;height: 19px;vertical-align:middle;background-color: #cccccc;} .wrapTit .controlList{position:absolute;right:10px;top:12.5px;} .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/btn_pdf_02.png) no-repeat;background-position:5px 5px;background-size:24px;} .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;} .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;} /* .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{width:1140px;margin: 20px auto 0;} .analysisDetail h4{color: #000;font-size: 34px;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;line-height: 26px;font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";} .analysisDetail .desc.Floattrue{float:left;} .guideConts{width:1140px;margin:50px auto;} .guideConts:after{display:block;content:'';clear:both;} .guideConts > *{display:inline-block;vertical-align:middle;font-size: 18px;color:#3f3f3f;} .guideConts .goToTheList{float:right} .bxPrevNext li{display:inline-block;vertical-align:middle} .bxPrevNext li button{border:none;background-color:transparent;cursor:pointer;font-size: 18px;} .bxPrevNext li:nth-of-type(1):before{display:inline-block;content:'';width:24px;height:24px;background: url(../images/icon_arrow02.png) left top no-repeat;background-size: contain;vertical-align:middle} .bxPrevNext li:nth-of-type(2):after{display:inline-block;content:'';width:24px;height:24px;background: url(../images/icon_arrow02.png) left top no-repeat;background-size: contain;vertical-align:middle;transform:rotate(180deg)} .detailList{width:1140px;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{height: 850px;} .detailList .slick-slide .desc{opacity:0} .detailList .slick-slide.slick-current .desc{opacity:1} .detailList .analysisDetail .shadow{width: calc(100% - 5px);height:calc(100% - 20px);margin:0 auto;border: 1px solid #dbe4e3;/* box-shadow: 0px 0px 10px rgba(0,0,0, .1); */padding: 40px 30px;border-radius: 15px;} /* placeholder 스타일 지정 */ .lawSearch .bx_form input::placeholder { color: #151e21; opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */ } .lawSearch .bx_form input::-webkit-input-placeholder { color: #151e21; } /* IE */ .lawSearch .bx_form input:-ms-input-placeholder { color: #151e21; } /* Firefox */ .lawSearch .bx_form input:-mos-input-placeholder { color: #151e21; } input[type=text]::-ms-clear{display: none;} /* 추가 */ .header_inner{background:#fff;width: 1140px;margin: 0 auto;position: relative;/* z-index: 1; */border-radius: 15px;} .header_inner.brd_b{border: 1px solid #e8e8e8;box-shadow: 0 3px 6px rgb(243 243 243 / 16%), 0 3px 6px rgb(213 213 213 / 23%);} #headerArea:after{content: '';position: absolute;left: 0;top: 0;right: 0;height: 78px;background-color: #003d5f;z-index: 0;} .mornitoringWrap .control_area{margin-top:0px;} .headerBg.resize{ position: relative;} .mornitoringWrap article{width:100%;} .slidePage-inner{ width: 1140px; margin: 0px auto; height: 100%; border-radius: 15px; } .slidePage-container section{width:100%;margin: 0 auto;padding: 20px;background: #fff;border-radius: 15px; margin-bottom:0px;} .slidePage-container .slidePageItem:not(.doubleSection) section:not(#buzzTransition) {height:100%;} .slidePage-container .slidePageItem section#relationKeywordAnalysis {min-height:640px;} .slidePage-container article{border-radius: 15px; background:none !important; margin: 0px;padding:0;width:100%;} .OpenAPIWrap{/* background-color:#fff !important */} .OpenAPIWrap article{padding: 20px 20px;margin-top:0px;} .OpenAPIWrap article h2{padding-top:0px;} .myLocalWrap .localMapWrap .selectArea .selectric .button{color:transparent} .myLocalWrap .localMapWrap .selectArea .selectric .button:hover{color:transparent} /* 소스 합친 후 css 수정 */ .tooltip{cursor:pointer} .mainPage .titArea{border-bottom:none} .mainPage ~ footer{margin-top:70px;} .mainPage .control_area, .mainPage .control_area{float: right;margin-top: -50px; margin-right:20px;position: relative;} .mainPage .menuName{display:none;} .header_inner{position:relative} .header_wrap + #headerArea .header_inner{border-top-left-radius:0;border-top-right-radius:0} .header_wrap .titArea{width:auto !important} footer{width:100%} .viewTypeSelect .selectric .button{text-indent:-9999999px;} #headerArea {width:1140px; margin:0 auto;background-color:#fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px} #headerArea + .wrapTab{margin-top:20px} .mornitoringWrap .titArea, .peopleUse_Wrap .titArea{border-bottom:none} .peopleUse_Wrap .header_wrap .titArea{padding: 30px 0 15px 36px} .peopleUse_Wrap .header_wrap .titArea h1{padding:0;} .header_wrap.header_inner .contentInner.clearfix .titArea{height:77px} #headerArea + .contentsArea{margin-top:28px;} #bookArticle #searchArea + .buttonArea{margin:0 50px 30px 0;} #listArea{padding: 20px; max-width: 1140px;background-color: #fff;margin: 28px auto 0;border-radius: 15px;} #listArea #bookArticle{width:100%;background-color:#ffffff;} #viewTab_con{border-top:none;margin-top:17px;} .issueCollectionWrap .headerBg{z-index:0} /*분석 자료 리스트 카드 마우스 오버시*/ #bookArticle .cards li a {display:block;width:100%;height:100%;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;} #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;} /* .mainPage .floatingMenu {display:none} */ /* 개인 맞춤형 서비스 */ .wrapProfile{overflow:hidden;height:672px;transition:all 0.4s ease;} .wrapProfile.closeConts{height:160px;} .wrapCloseBtn button span nobr.closeTxt{display:inline;} .wrapCloseBtn button span nobr.openTxt{display:none;} .wrapProfile.closeConts + .wrapCloseBtn button span:after{transform: rotate(180deg);vertical-align:sub;} .wrapProfile.closeConts + .wrapCloseBtn button span nobr.closeTxt{display:none;} .wrapProfile.closeConts + .wrapCloseBtn button span nobr.openTxt{display:inline;} .wrapProfile .innerProfile{font-size:14px;color:#000;} .wrapProfile:after{display:inline-block;content:'';clear:both} .wrapProfile .innerProfile.__left{float:left;width:calc(30% - 20px)} .wrapProfile .innerProfile.__left .top{padding: 16px 16px 0;border-color: #c7e8f1;background-color: #ebfafe;} .wrapProfile .innerProfile.__left .top:after{display:inline-block;content:'';clear:both} .wrapProfile .innerProfile.__left .top .thumbnailWrapper{width: 93px;float: left;height: 116px;overflow:hidden;border-radius: 15px;background-color: #c7e8f1;} .wrapProfile .innerProfile.__left .top .thumbnail { position: relative; padding-top: 125%; /* 1:1 ratio */ overflow: hidden; } .wrapProfile .innerProfile.__left .top .thumbnail .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); } .wrapProfile .innerProfile.__left .top .thumbnail .centered img { position: absolute; top: 0; left: 0; max-width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .wrapProfile .innerProfile.__left .top ul{margin-left:110px} .wrapProfile .innerProfile.__left .top ul .name{margin: 6px 0 20px 0;font-size: 20px;} .wrapProfile .innerProfile.__left .bottom{border: none;border-top: 1px solid #000;border-radius: 0;} .wrapProfile .innerProfile.__left .bottom h5{margin:10px 0} .wrapProfile .innerProfile.__left .bottom ul{height:200px;overflow-y:scroll;padding: 19px 6px;border-top: 1px solid #dee5e9;border-bottom: 1px solid #dee5e9;} .wrapProfile .innerProfile.__left .bottom ul li{margin:12px 0 0 9px;position:relative;} .wrapProfile .innerProfile.__left .bottom ul li:first-child{margin-top:0} .wrapProfile .innerProfile.__left .bottom ul li:before{display:inline-block;content:'';position:absolute;left:-9px;top:10px;width:2px;height:2px;background-color:#434343;} .wrapProfile .innerProfile.__right{float:right;width:70%} .wrapProfile .innerProfile.__right div ul{padding:17px 27px 0} .wrapProfile .innerProfile.__right div ul li{margin-top:6px;} .wrapProfile .innerProfile.__right div ul li:first-child{margin-top:0;} .wrapProfile .innerProfile.__right div ul li > *{display:inline-block;vertical-align:middle;} .wrapProfile .innerProfile.__right div ul li span{min-width:87px;} .wrapProfile .innerProfile.__right div ul li p{color:#5e5e5e;} .wrapProfile .innerProfile > div{border:1px solid #e3e9ed;border-radius:15px;} .wrapProfile .innerProfile .top{height:149px;} .wrapProfile .innerProfile .bottom{height:236px;margin-top:20px} .wrapCloseBtn button{cursor: pointer;font-size: 14px;height: 37px;line-height:37px;width: 100%;margin: 20px 0;border: none;color: #003556;background-color:#ebeff2;} .wrapCloseBtn button span:after{content:"";display: inline-block;vertical-align:text-top;margin-left:10px;width:0;height:0;border-style:solid;border-width:5px;border-color: transparent transparent #003556 transparent;} .control_area + .keywordRanking_wrap{margin-top:17px} #cmtList #cmtListDiv{padding:10px;} #cmtList #cmtListDiv:after{display:block;content:'';clear:both} #cmtList #cmtListDiv > a{float: left;vertical-align: middle;display: inline-block;} #cmtList #cmtListDiv .cmtCommitteeSlide{vertical-align:middle} #cmtList #cmtListDiv #cmtExtendBtn{float:right} .mornitoringWrap .cmtCommitteeSlide .slick-arrow{top:28px !important;} #headerArea + section{min-height:670px;margin-bottom:28px} .myLocalWrap #headerArea .headerBg{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;} .mainPage .keywordRankingArea{border-top-left-radius:0 !important;border-top-right-radius:0 !important;border-top:none !important} .issuePerBoardWrap.bubbletreeContainer_ .header_wrap .contentInner .titArea{border-bottom:none;} .lawqna .header_inner.type1{height:180px;background:url('../images/bg_lawqna_01.png') left top no-repeat;background-color:#fff;background-position-x:right;} .lawqna .header_inner.type1 .titArea{border-bottom:none} .lawqna .header_inner.type1 .menuName{display:none} .lawqna .header_inner.type1 h1{margin-left:20px;text-align:left;border-bottom:none} .lawqna .header_inner.type1 h1 .note{margin-left:25px;font-size:14px;color:#6f797f;vertical-align:middle;font-weight:normal} .lawqna .header_inner.type1 h1 .note .tooltip{color:#0f88de;} .lawqna .header_inner.type1 h1 .note .tooltip:hover .tooltipConts{display:block} .lawqna .header_inner.type1 .srch input::placeholder{color: #6f797f;} .lawqna .header_inner.type1 .headerBg{padding-top:10px} .lawqna .header_inner.type1 .headerBg .titArea .note{display:none} .lawqna .header_inner.type1 .srch > input, .lawqna .header_inner.type2 .srch > input{border:2px solid #0081d9;height:50px;padding-left:20px;background-position-x:660px} /* 법률 메인 */ .wrapQna, .wrapfixing, .wrapResult{max-width: 1140px;background-color: #fff;margin: 28px auto 0;border-radius: 15px;padding:27px 20px;} .wrapQna{padding:0;} .wrapQna .wrapQnaTit{height:129px;background-color: #f0fbfe;text-align:center;border-top-left-radius: 15px;border-top-right-radius: 15px;} .wrapQna .wrapQnaTit h2{padding-top: 30px;font-size: 21px;color: #0081d9;} .wrapQna .wrapQnaTit p{padding-top: 10px;font-size: 15px;color: #36393b;} .wrapQna .listQna{padding:7px 20px 27px;} .wrapQna .listQna:after{display:block;content:'';clear:both} .wrapQna .listQna > div{float:left;width:calc(50% - 10px);margin-top:20px;padding: 36px 20px;border: 1px solid #e3e9ed;border-radius: 15px;} .wrapQna .listQna > div:nth-of-type(odd){margin-right:10px} .wrapQna .listQna > div:nth-of-type(even){margin-left:10px} .wrapQna .listQna .wrapList .tit{font-size: 20px;color: #020202;} .wrapQna .listQna .wrapList .list{margin-top:20px} .wrapQna .listQna .wrapList .list li{margin-top:10px} .wrapQna .listQna .wrapList .list li:first-child{margin-top:0} .wrapQna .listQna .wrapList .list li:before{display:inline-block;font-size:16px;color:#003657;margin-right:13px;} .wrapQna .listQna .wrapList .list li:nth-of-type(1):before{content:'1';} .wrapQna .listQna .wrapList .list li:nth-of-type(2):before{content:'2';} .wrapQna .listQna .wrapList .list li:nth-of-type(3):before{content:'3';} .wrapQna .listQna .wrapList .list li:nth-of-type(4):before{content:'4';} .wrapQna .listQna .wrapList .list li:nth-of-type(5):before{content:'5';} .wrapQna .listQna .wrapList .list li:nth-of-type(6):before{content:'6';} .wrapQna .listQna .wrapList .list li a{font-size: 18px;color: #2e2e2e;letter-spacing:-0.9px;} .lawqna .header_inner.type2{height:222px;background:url('../images/bg_lawqna_02.png') left top no-repeat;background-color:#fff;background-position-x:right;} .lawqna .header_inner.type2 .headerBg{padding-top:25px;} .lawqna .header_inner.type2 .titArea{text-align:center} .lawqna .header_inner.type2 .titArea h1 .note{display:none} .lawqna .header_inner.type2 .titArea .note{margin-top:12px;display:block;font-size: 14px;color: #6f797f;} /* 법류 수정 */ .wrapfixing .bxTop > div{display:inline-block;vertical-align:middle} .wrapfixing .bxTop > div > *{display:inline-block;vertical-align:middle} .wrapfixing .bxTop label{margin:0 20px;} .wrapfixing .bxTop .bxSearch label{margin-left:0} .wrapfixing label{font-size:17px;color:#020202;max-width: 900px;overflow: hidden;text-overflow: ellipsis;} .wrapfixing input{height:38px;} .wrapfixing input, textarea{border:1px solid #DDD;border-radius:7px;} .wrapfixing .bxBottom{margin-top:27px} .wrapfixing .bxBottom input{border: none;font-size: 17px;color: #020202;border:none;width: 950px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .wrapfixing .bxBottom input:disabled{background-color:#fff} .wrapfixing .bxBottom textarea{margin-top:20px;width:100%;padding:20px} .lawqna .titArea:after{display:block;content:'';clear:both} .lawqna .etcArea > *{display:inline-block;vertical-align:middle;font-size:16px;color:#003353;} .lawqna .etcArea{float:right;} .lawqna .etcArea .sTit{height:33px} .lawqna .bxQuestion{color:#ff6866;} .bxQuestion .qTxt{max-width: 900px;overflow: hidden;text-overflow: ellipsis;} .wrapfixing .clearfix{text-align:center;margin-top:16px;} .wrapfixing .clearfix .buttonArea{display:inline-block;float:none;} .wrapfixing .buttonArea a{background-color:#003353;color:#fff;font-size:16px;padding-top:11px;padding-bottom:11px;min-width:106px;text-align:center;font-weight:normal;} .wrapfixing .buttonArea a:nth-of-type(2){border:1px solid #ced8df;color:#003353;background-color:#fff;} .wrapfixing .bxTop .bxSearch input{font-size:14px;padding-left:10px;color:#2e2e2e;} .wrapfixing .bxTop .bxSelect .selectric .label{line-height:27px;font-size:14px;padding-left:10px;color:#2e2e2e;} .wrapfixing .bxTop .bxSelect .selectric .button{top:5px;} /* 법률 결과 */ .bxResult{font-size: 16px;color: #020202;} .bxResult strong{color:#0081d9} .connectionQuestions{position:relative;padding: 28px 0;background-color: #ebfafe;border-top: 1px solid #dde4e9;border-bottom: 1px solid #dde4e9;} .connectionQuestions > span{display:inline-block;content:'연관질문';position:absolute;left:35px;top:25px;font-size:14px;color:#0e95a5;border:1px solid #38bccb;padding:3px 13px;border-radius:15px} .connectionQuestions ul{margin-left:136px} .connectionQuestions ul li{margin-top:10px;} .connectionQuestions ul li:first-child{margin-top:0} .connectionQuestions ul li a{color:#003656} .wrapResult .listResult > ul{min-height:200px;border-top:1px solid #dde4e9;margin-top:23px;} .wrapResult .listResult > ul > li{position:relative;min-height:140px;padding:29px 0;border-top:1px solid #dde4e9;} .wrapResult .listResult > ul > li:first-child{margin-top:23px;border-top:none;margin-top:0;} .wrapResult .listResult ul li .layoutLeft .tit{font-size: 20px;color: #020202;vertical-align: middle;margin-bottom:20px} .wrapResult .listResult ul li .layoutLeft .tit span{display:inline-block;white-space:nowrap;;font-size: 20px;color: #020202;vertical-align: middle;max-width: 800px;overflow: hidden;text-overflow: ellipsis;} .wrapResult .listResult ul li .layoutLeft .tit em{margin-right: 12px;font-size: 14px;width: 21px;background-color: #e3e9ed;color: #000;border-radius: 100px;height: 21px;display: inline-block;text-align: center;vertical-align: middle;} .wrapResult .listResult ul li.high .layoutLeft .tit em{background-color:#42b5d7;color:#fff;} .wrapResult .listResult ul li .layoutLeft .nameLaw{color:#b22222;margin-left:35px;margin-right:35px;font-size:18px} .wrapResult .listResult ul li .layoutLeft .nameLaw > span{color:#003c5e;max-width:807px} .wrapResult .listResult ul li .layoutLeft .nameLaw ul{display:inline-block} .wrapResult .listResult ul li .layoutLeft .nameLaw ul li a{color:#003c5e} .wrapResult .listResult ul li .layoutLeft .nameLaw ul li a:before{display:inline-block;content:'';margin:0 4px;width:1px;height:14px;background-color:#003c5e;vertical-align:middle} .wrapResult .listResult ul li .layoutLeft .nameLaw ul li{display:inline-block;} .wrapResult .listResult ul li .layoutLeft .nameLaw ul li:first-child a:before{display:none} .wrapResult .listResult ul li .layoutLeft .contentsLaw{color:#3d464c;margin-left:35px;margin-right:35px;margin-top:10px;font-size:18px;} .wrapResult .listResult ul li .layoutLeft .contentsLaw > P{line-height:1.5;letter-spacing:0.1px;} .wrapResult .listResult ul li .layoutLeft .contentsLaw > p > span{color:#b22222} .wrapResult .listResult ul li .layoutLeft .contentsLaw > p em{color:#0081d9;font-weight:bold} .wrapResult .listResult ul li .percentage{position:absolute;right:35px;top:29px;color:#ff6f55;font-size:18px} .wrapResult .listResult ul li .percentage em:after{display:inline-blcok;content:'%';font-size:16px;color:#ff6f55} .wrapResult .listResult ul li .buttonArea{float:none;position:absolute;right:0;bottom:29px;} .wrapResult .listResult ul li .buttonArea a{font-size:14px;color:#2e2e2e;border: 1px solid #e3e9ed;background-color:#fff;} .wrapResult .titArea .tabArea.oneline {margin-top: 20px;} /*법률 상세내용*/ .lawqnaResultDetail{min-width:1500px;height:100%} .lawqnaResultDetail .wrapHeader{background-color:#003353;min-width:1500px;height:161px;} .lawqnaResultDetail .wrapHeader .titArea{padding:0 72px;} .lawqnaResultDetail .wrapHeader .wrapHeaderTop .titArea{border-bottom-color: #29546f;} .lawqnaResultDetail .wrapHeader .wrapHeaderTop .titArea .logo{display: inline-block;vertical-align:middle;width: 5.3333%;padding:0;margin-right:32px;} .lawqnaResultDetail .wrapHeader .titArea .logo a{display:block;width:100%;height:100%;} .lawqnaResultDetail .wrapHeader .titArea .logo a img{width:100%; height: 70px; display: block; } .lawqnaResultDetail .wrapHeader .titArea h2{display:inline-block;vertical-align:middle;font-size:26px;color:#fff;overflow: hidden; width: calc( 100% - 600px ); text-overflow: ellipsis; white-space: pre;} .lawqnaResultDetail .wrapHeader .wrapHeaderBottom{height:70px;line-height:70px;} .lawqnaResultDetail .wrapHeader .wrapHeaderBottom .titArea{border-bottom:none} .lawqnaResultDetail .wrapHeader .wrapHeaderBottom .titArea > *{display:inline-block;vertical-align:middle} .lawqnaResultDetail .wrapHeader .wrapHeaderBottom .titArea p{font-size:18px;color:#fff} .lawqnaResultDetail .wrapHeader .wrapHeaderBottom .titArea .controlArea{margin-top:15px;} .lawqnaResultDetail .wrapHeader .wrapHeaderBottom .titArea .controlArea .srch input{background-color:#fff;height:43px;padding-left:20px;background-position-x:230px;} .lawqnaResultDetail .wrapHeader .wrapHeaderBottom .titArea .controlArea .buttonArea{padding:0;} .lawqnaResultDetail .wrapHeader .wrapHeaderBottom .titArea .controlArea .buttonArea a{font-weight: normal;background-color: #167cbc;height: 43px;line-height: 43px;padding: 0 19px;font-size:16px;} .lawqnaResultDetail .wrapLawDetail{min-width:1500px;height:calc(100% - 161px);} .lawqnaResultDetail .wrapLawDetail:after{display:block;content:'';clear:both} .lawqnaResultDetail .wrapLawDetail .layoutLeft{float:left;width:30%;height:100%;background-color:#e3e9ed;text-align:center;overflow-y:scroll;} .lawqnaResultDetail .wrapLawDetail .layoutLeft .deps1{display:inline-block;margin-top:8px;} .lawqnaResultDetail .wrapLawDetail .layoutLeft .deps1.noDisplay li .tit{display:none} .lawqnaResultDetail .wrapLawDetail .layoutLeft .deps1:first-child{margin-top:27px;} .lawqnaResultDetail .wrapLawDetail .layoutLeft .deps1:last-child{margin-bottom:900px;} .lawqnaResultDetail .wrapLawDetail .layoutLeft .deps1 li .tit {position:relative;padding: 0 32px;text-align: left;border: 1px solid #ced8df;width: 369px;height: 41px;font-size: 16px;color: #000;line-height: 41px;background-color: #fff; display: inline-block;border-radius: 7px;cursor:pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .lawqnaResultDetail .wrapLawDetail .layoutLeft .deps1 li .deps2{display:none;margin-top:-10px;padding:32px 0 29px 0;background-color: #f7fafc;width: 369px;border: 1px solid #ced8df;border-radius: 7px;} .lawqnaResultDetail .wrapLawDetail .layoutLeft .deps1 li .deps2 li{margin-top: 16px;padding:0 30px;text-align: left;cursor:pointer} .lawqnaResultDetail .wrapLawDetail .layoutLeft .deps1 li .deps2 li a{display:inline-block;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .lawqnaResultDetail .wrapLawDetail .layoutLeft .deps1 li .deps2 li:hover a, .lawqnaResultDetail .wrapLawDetail .layoutLeft .deps1 li .deps2 li.on a{color:#0081d9} .lawqnaResultDetail .wrapLawDetail .layoutLeft .deps1 li .deps2 li:first-child{margin-top:0;} .lawqnaResultDetail .wrapLawDetail .layoutLeft .deps1 li .tit.collapsed + .deps2{display:block} .lawqnaResultDetail .wrapLawDetail .layoutRight{float:right;width:70%;height:100%;background-color:#fff;overflow-y:scroll;scroll-behavior: smooth;} .lawqnaResultDetail .wrapLawDetail .layoutRight .listLawDetail{padding:0 35px 500px; } .lawqnaResultDetail .wrapLawDetail .layoutRight .listLawDetail li:first-child{padding-top:65px;} .lawqnaResultDetail .wrapLawDetail .layoutRight .listLawDetail li.active{color:#0081d9; } .lawqnaResultDetail .wrapLawDetail .layoutRight .listLawDetail li.active .depth1Text{padding-top: 65px;} .lawqnaResultDetail .wrapLawDetail .layoutRight .listLawDetail li .depth2Text{display: block; padding-top: 30px;} .lawqnaResultDetail .wrapLawDetail .layoutRight .listLawDetail li pre{white-space: pre-wrap; word-break: break-word;} .btn_hangul{display: inline-block; vertical-align: middle; font-size: 0; border:0; padding:20px 17px; background: url(../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(../images/btn_pdf_02.png) no-repeat center center / 33px; } .lawqnaResultDetail .wrapHeader #tableImgGuide{ position: absolute; top:30px; right:70px; font-size: 16px; color:#fff; } /*plus & minus*/ .plus-minus-toggle{position:absolute;left:11px;top:50%;cursor: pointer;height: 12px;width: 12px;} .plus-minus-toggle:after{display:inline-block;content:'';transform: rotate(90deg); background: #003353;content: '';height: 2px;left: 0;position: absolute;top: 0;width: 12px;transition: transform 300ms ease;transform-origin: center;} .plus-minus-toggle:before{display:inline-block;content:'';transform: rotate(180deg); background: #003353;content: '';height: 2px;left: 0;position: absolute;top: 0;width: 12px;transition: transform 300ms ease;} .collapsed .plus-minus-toggle:after{transform: rotate(0deg);} .collapsed .plus-minus-toggle:before{transform: rotate(0deg);} /*위키피디아 응답 결과*/ .bxKeyword{margin-top:23px;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-top: 10px;color: #003c5e; font-size: 16px;} .bxKeyword .kList dt:first-child{margin-top:0;} .bxKeyword .kList dd{color: #3d464c;} .movieGuideWrap #headerArea + section, .personalizeServiceWrap #headerArea + section{min-height:700px} .movieGuideWrap #headerArea + section article, .personalizeServiceWrap #headerArea + section article{margin-top: 0;border-top-left-radius: 0;border-top-right-radius: 0;} .slidePageItem .titArea{border-bottom:none} .slidePageItem .tab_con{border-top:none} section#newsSnsData, section#newsData, section#archive, section#scholarshipInfomation, section#newsSnsData article, section#newsData article, section#archive article, section#scholarshipInfomation article{height:100%} section#archive article, section#newsSnsData article, section#newsData article, section#scholarshipInfomation article {border-radius:0px} #newsSnsDataLink_con, #archiveLink_con{height: calc(100% - 81px);border-bottom:0px;} #newsDataLink_con { height: 574px;border-bottom:0px;} #newsDataLink_con.viewSummary{height: 505px;} section#scholarshipInfomation #document_scrollbar {height:calc(100% - 390px);border-bottom:0px;} /* 바로가기팝업 */ .sNoteType2#sNoteDetail {display:none;} .sNoteType2.noteShow#sNoteDetail {display:inline-block;} .sNoteType2{padding:10px;padding-top:0;background-color: #fffbec;text-align: center;border-radius: 7px;width:175px; margin-left:-5px;margin-bottom:30px;margin-top:-105px;border:1px solid #f2e1be} .sNoteType2 .txt{display: inline-block;width: 157px;height: 85px;background: url(../images/icon_sprite.png) left -218px no-repeat;font-size: 0;color: transparent;} .sNoteType2 .bxControl{text-align:left;} .sNoteType2 .bxControl > * {display:inline-block;vertical-align:middle;font-size:12px;color:#003455;} .sNoteType2 .bxControl p > *{display:inline-block;vertical-align:middle;cursor:pointer} .sNoteType2 .bxControl p label {margin-left:2px;} .sNoteType2 .bxControl button{right:0px;bottom:10px;width: 20px;height: 18px;background: url(../images/icon_sprite.png) -35px -165px no-repeat;border: none;background-color: transparent;cursor: pointer;font-size: 0;color: transparent;float: right;margin-top:3px;margin-left:1px;border:1px solid #3c54a5} /* 법률검색툴팁 */ .tooltipConts{display:none;padding: 19px 25px;width: 415px;border: 1px solid #d1dee4;background-color: #fff;border-radius: 4px;box-sizing: border-box;box-shadow: 5px 5px 10px rgba(0,0,0, .1);position: absolute;left: 50%;top: 53px;margin-left: -245px;z-index: 100;} .tooltipConts .tit{font-size: 16px;color: #000;} .tooltipConts .conts{margin: 11px 0 12px 0;line-height:1.8;font-size: 12px;color: #6f797f;} .tooltipConts .result{display: block;letter-spacing:0.5px;background-color: #fef4d4;padding: 6px 18px;font-size: 13px;color: #000;border-radius: 4px;} .tooltipConts .result strong{color:#ff6e68} .tooltipConts .list_conutry{width:100%;border-radius: 4px;border: 1px solid #d1dee4;border;margin: 10px 0;} .tooltipConts .list_conutry:after{display:block;content:'';clear:both} .tooltipConts .list_conutry li{display:inline-block;width:20%;float:left;text-align:center;border-left:1px solid #d1dee4;} .tooltipConts .list_conutry li:nth-of-type(n+6){border-top:1px solid #d1dee4;} .tooltipConts .list_conutry li:nth-of-type(5n+1){border-left:none;} /* .tooltipConts .list_conutry li:nth-last-child(2), .tooltipConts .list_conutry li:last-child{color:transparent} */ .countNumber#dataAanalysisCount {text-overflow:inherit;text-align:right} .nodata_con{border-bottom:none} /* 분석자료 & 법률질의응답 애니메이션 */ #headerArea .header_inner .wrapImg h2, .wrapQna .wrapQnaTit h2 {transform: translateY(30px); opacity: 0; animation:sub_txt .5s ease-out .7s both;} #headerArea .header_inner .wrapImg p, .wrapQna .wrapQnaTit p{transform: translateY(30px); opacity: 0; animation:sub_txt .4s ease-out .9s both;} @keyframes sub_txt{ 0%{ transform: translateY(30px); opacity: 0; } 100%{ transform: translateY(0); opacity: 1;} } /* 모니터링 이슈 히스토리 버튼 호버 애니메이션 */ .timeLineBox .timeLine .timeBody button.slick-arrow:before, .timeLineBox .timeLine .timeBody button.slick-arrow:after{display:inline-block;box-sizing: inherit;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-radius:100%;} .timeLineBox .timeLine .timeBody button.slick-arrow:before{border: 2px solid transparent;} .timeLineBox .timeLine .timeBody button.slick-arrow:after{border: 0 solid transparent;} .timeLineBox .timeLine .timeBody 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; } .timeLineBox .timeLine .timeBody 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; } .timeLineBox .timeLine .timeBody button.slick-arrow.slick-disabled:hover::before, .timeLineBox .timeLine .timeBody button.slick-arrow.slick-disabled:hover::after{border-color:transparent} .noBorder{border-bottom:none} /* 타이틀 보더 제어 */ .compareAnalysisWrap .titArea, .intrKeywordListWrap .titArea, .suggestionListWrap .titArea, .periodicalAssociationWrap .titArea{border-bottom:none} /* 비교분석 */ #compareArea article {padding-top:20px !important;width:100%;} #compareArea article .titArea > *{display:inline-block;vertical-align:middle} #compareArea article .titArea .compareTitleArea{float:none} #compareArea article .titArea .compareTitleArea h2{line-height:inherit;} #compareArea article .titArea .compareTitleArea h2 > *{display:inline-block;vertical-align:middle} #compareArea article .titArea .period.compare{bottom:0} /* 기간별 연관어 */ #periodicalAssociation:after{display:block;content:'';clear:both} #periodicalAssociation .titArea > *{display:inline-block;vertical-align:middle} #periodicalAssociation .titArea .clearfix:last-child{float:right;} #argosService #bookArticle .lawSearch .bx_form input:-internal-autofill-selected{backgorund-color:transparent !important} .noDrag {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;} /*메인 법률검색 오브젝트*/ #argosService .bx_objects, #argosService .bx_objects > * {background: url(../images/sprite_obj.png) left top no-repeat;} #argosService .bx_objects > * {display:inline-block;position:absolute;} #argosService .bx_objects{position: absolute;right: 88px;top: 42px;width:342px;height:235px;opacity:0;transition: all 2.5s ease;} #argosService .lawSearch:before{display:block;content:'';position: absolute;right: 48px;bottom: 13px;width: 450px;height: 50px;background-color:#1aa4b6;border-radius: 290px / 34px;} #argosService .bx_objects .objLeft{left: 0;top: 31px;width:76px;height:68px;background-position: 6px -300px;} #argosService .bx_objects .objMiddle{right: 23px;top: 48px;width:133px;height:91px;background-position: -121px -300px;} #argosService .bx_objects .objRight{right: -35px;top: -12px;width:74px;height:63px;background-position: -305px -298px;} #argosService .bx_objects .objPerson{right: -19px;bottom: -19px;width:82px;height:181px;background-position: -397px -35px;} #argosService.active .row .lawSearch .bx_objects{opacity:1;} #argosService.active .bx_objects .objLeft{left: 0;top: 31px;width:76px;height:68px;background-position: 6px -300px;animation: bounce 1.6s ease infinite;} #argosService.active .bx_objects .objMiddle{right: 23px;top: 48px;width:133px;height:91px;background-position: -121px -300px;animation: bounce1 1.9s ease infinite;} #argosService.active .bx_objects .objRight{right: -35px;top: -12px;width:74px;height:63px;background-position: -305px -298px;animation: bounce2 1.8s ease infinite;} @keyframes bounce { 0% {top: 31px} 25% {top: 26px} 50% {top: 31px} 75% {top: 26px} 100% {top: 31px;} } @keyframes bounce1 { 0% {top: 48px} 25% {top: 45px} 50% {top: 48px} 75% {top: 45px} 100% {top: 48px;} } @keyframes bounce2 { 0% {top: -12px} 25% {top: -8px} 50% {top: -12px} 75% {top: -8px} 100% {top: -12px;} } .intrDataListWrap .selectric .label, .mornitoringWrap .selectric .label, .issuePerBoardWrap .selectric .label, .issueCollectionWrap .selectric .label{font-size:17px !important} .intrDataListWrap .srch .selectricItems ul, .intrDataListWrap .selectricItems li, .mornitoringWrap .srch .selectricItems ul, .mornitoringWrap .selectricItems li, .issuePerBoardWrap .srch .selectricItems ul, .issuePerBoardWrap .selectricItems li, .issueCollectionWrap .srch .selectricItems ul, .issueCollectionWrap .selectricItems li{font-size:15px !important} .intrDataListWrap .selectricItems li, .mornitoringWrap .selectricItems li, .issuePerBoardWrap .selectricItems li, .intrDataListWrap .selectricItems li{padding:5px} /*================================================================== // add css //=================================================================*/ .bxResult_possibility{color: #4f5b63;margin-top: 20px;font-size: 15px;} .bxResult_possibility span{border: 2px solid; padding: 5px 28px 5px 10px; border-radius: 10px; font-size: 16px;margin-right: 5px;position: relative;} .bxResult_possibility span em{font-size: 18px;font-weight: bold; display: inline-block;} .bxResult_possibility span.high{border-color:#ff6f55; background: #fffaf8;} .bxResult_possibility span.high em{color: #ff6f55;} .bxResult_possibility span.high em:after{content:''; background: url(../images/law_icon_arrow.png) no-repeat -19px 0px;display: inline-block;width: 21px;height: 20px;position: absolute;top: 6px; margin-left:2px;} .bxResult_possibility span.low{border-color:#008eb1; background: #f4fdff;} .bxResult_possibility span.low em{color:#008eb1; } .bxResult_possibility span.low em:after{content:''; background: url(../images/law_icon_arrow.png) no-repeat 0px 0px;display: inline-block;width: 21px;height: 20px;position: absolute;top: 6px; margin-left:2px;} .wrapResult .listResult > ul > li .article{ margin-bottom:10px; } .wrapResult .listResult > ul > li .article em s{color: #0081d9;text-decoration: none;font-size: 20px;font-weight: bold;} .wrapResult .listResult > ul > li .article em{float: right;margin-right: 40px;} .wrapResult .listResult > ul > li div.listTit{font-size: 18px;color: #003d5f;font-weight: bold;width: 80%;display: inline-block;background-color: #f4f8f9;border: 1px solid #dbe8ec;border-radius: 20px;padding: 5px;line-height: 22px;} .wrapResult .listResult > ul > li div.listTit span{font-family: Century Gothic;background: #42b5d7;color: #fff;font-weight: bold;font-size: 15px;display: inline-block;width: 26px;height: 26px;text-align: center;line-height: 26px;border-radius: 20px;margin-right: 5px;} /* .wrapResult .listResult > ul > li p.listTit{font-size: 18px;color: #003d5f;font-weight: bold;width: 80%;display: inline-block;background-color: #f4f8f9;border: 1px solid #dbe8ec;border-radius: 20px;padding: 5px;line-height: 22px;} .wrapResult .listResult > ul > li p.listTit span{font-family: Century Gothic;background: #42b5d7;color: #fff;font-weight: bold;font-size: 15px;display: inline-block;width: 26px;height: 26px;text-align: center;line-height: 26px;border-radius: 20px;margin-right: 5px;} */ .contentsLaw{ background-color:#f4f8f9; border: 1px solid #dbe8ec; } .contentsLaw label{ display:block; } .wrapResult .listResult ul li .layoutLeft .nameLaw a{} .wrapResult .listResult ul li .layoutLeft .nameLaw, .wrapResult .listResult ul li .layoutLeft .nameLaw span {font-size: 17px;font-family: 'NotoSansKR-Medium';color: #dd2706;margin-bottom: 5px;} .wrapResult .listResult ul li .layoutLeft .nameLaw span:before{content:'';display: inline-block;border: 3px solid #ff654a;width: 8px;height: 8px;border-radius: 20px;margin-right: 5px;vertical-align: baseline;} .wrapResult .listResult ul li .layoutLeft .contentsLaw {color: #3d464c;margin-left: 35px;margin-right: 35px;margin-top: 10px;font-size: 16px;border-radius: 5px;} .wrapResult .listResult ul li .layoutLeft .contentsLaw > p > span{color: #10ab9e;font-size: 17px;font-family: 'NotoSansKR-Medium';padding-bottom: 3px;display: inline-block;} .wrapResult .listResult ul li .layoutLeft .contentsLaw > p > span:before{content:'';display: inline-block;background: url(../images/law_icon_doc.png) no-repeat 1px 0px;width: 20px;height: 22px;vertical-align: middle;margin-right: 6px;} .wrapResult .listResult ul li .layoutLeft .contentsLaw > p{padding: 16px;line-height: 30px;letter-spacing: -0.5px;} #resultDataArea li:hover{background-color:#ebf2f5 !important;} .reqEditBtn{border-color: #cfd1d4 !important;border: 1px solid;background: #fff;} /* 캡쳐용 css */ .captureArea {margin:0px !important;} .captureArea a.captureHide{display:none !important;} .captureArea #listArea {margin-top:0px !important;} .captureArea #bookArticle {margin-top:0px !important;} .captureArea .wrapQna {margin-top:0px !important;} div#slidePage-container div.slidePageItem section.captureArea {height:fit-content !important;} div#slidePage-container div.slidePageItem section.captureArea article{height:fit-content !important;} div#slidePage-container div.slidePageItem section.captureArea div.scrollbarWrap.tab_con {height:fit-content !important;} div#slidePage-container div.slidePageItem section.captureArea div.scrollbarWrap.tab_con div.tabView.tabViewOn div.viewport {overflow-y:visible !important;} div#slidePage-container div.slidePageItem section.captureArea div.scrollbarWrap.tab_con div.tabView.tabViewOn div.viewport div.overview{position:inherit !important;} div#slidePage-container div.slidePageItem section#relationKeywordAnalysis.captureArea div.wordTable{max-height:fit-content !important;} /* a.capture.captureHide{display:none !important;} */ /* 폰트사이즈 변경용 */ #slidePage-container.fontSizeDefault #top_sentment_keywords_chart_right {height:500px !important;} #slidePage-container.fontSizeDefault #top_sentment_keywords_chart_left {height:500px !important;} .fontSizeChangeArea.fontSizePlus1 {font-size:16px;} .fontSizeChangeArea.fontSizePlus1 h4.title {font-size:18px;line-height:18px;} .fontSizeChangeArea.fontSizePlus1.downScaleArea .card .dateText {font-size:20px;} .fontSizeChangeArea.fontSizePlus1 span.keyword {font-size:18px;} .fontSizeChangeArea.fontSizePlus1 span.rank {font-size:19px;} #slidePage-container.fontSizePlus1, #slidePage-container.fontSizePlus1 text tspan {font-size:16px;} #slidePage-container.fontSizePlus1 #transitionPieChartDiv text tspan {font-size:16px;} #slidePage-container.fontSizePlus1 .viewport .viewItem .num {font-size:19px;} #slidePage-container.fontSizePlus1 .viewport .viewItem .info .title, .nb_info .nb_title {font-size:17px;} #slidePage-container.fontSizePlus1 .viewport .viewItem .info .source {font-size:15px;} #slidePage-container.fontSizePlus1 .viewport .viewItem .info .date, #slidePage-container.fontSizePlus1 .item .info .date2, #slidePage-container.fontSizePlus1 .nb_info .nb_date {font-size:15.5px;} #slidePage-container.fontSizePlus1 .viewport .viewItem .info .form {font-size:14px;} #slidePage-container.fontSizePlus1 .viewport .viewItem .text, #slidePage-container.fontSizePlus1 .nb_itemBox .text {font-size:15px;line-height:21px;} #slidePage-container.fontSizePlus1 .topQuotation ul li span.num {font-size:19px;} #slidePage-container.fontSizePlus1 .topQuotation ul li span.subject {font-size:17px;} #slidePage-container.fontSizePlus1 .timeLineBox .timeLine .timeBody .timeItem .date {font-size:22px;} #slidePage-container.fontSizePlus1 .timeLineBox .timeLine .timeBody .timeItem > a {height:285px;} #slidePage-container.fontSizePlus1 .timeLineBox .timeLine .timeBody .timeItem > a .tit {font-size:19px;} #slidePage-container.fontSizePlus1 .timeLineBox .timeLine .timeBody .timeItem .media .mName, #slidePage-container.fontSizePlus1 .timeLineBox .timeLine .timeBody .timeItem .media .comment {font-size:15px;} #slidePage-container.fontSizePlus1 #top_sentment_keywords_chart_right {height:500px !important;} #slidePage-container.fontSizePlus1 #top_sentment_keywords_chart_left {height:500px !important;} #slidePage-container.fontSizePlus1 .dataTable table tbody td {font-size:14px;} .fontSizeChangeArea.fontSizePlus2 {font-size:18px;} .fontSizeChangeArea.fontSizePlus2 h4.title {font-size:20px;line-height:20px;} .fontSizeChangeArea.fontSizePlus2.downScaleArea .card .dateText {font-size:20px;} .fontSizeChangeArea.fontSizePlus2 span.keyword {font-size:20px;} .fontSizeChangeArea.fontSizePlus2 span.rank {font-size:21px;} #slidePage-container.fontSizePlus2, #slidePage-container.fontSizePlus2 text tspan {font-size:18px;} #slidePage-container.fontSizePlus2 #transitionPieChartDiv text tspan {font-size:16px;} #slidePage-container.fontSizePlus2 .viewport .viewItem .num {font-size:21px;} #slidePage-container.fontSizePlus2 .viewport .viewItem .info .title, .nb_info .nb_title {font-size:19px;} #slidePage-container.fontSizePlus2 .viewport .viewItem .info .source {font-size:17px;} #slidePage-container.fontSizePlus2 .viewport .viewItem .info .date, #slidePage-container.fontSizePlus2 .item .info .date2, #slidePage-container.fontSizePlus2 .nb_info .nb_date {font-size:17.5px;} #slidePage-container.fontSizePlus2 .viewport .viewItem .info .form {font-size:16px;} #slidePage-container.fontSizePlus2 .viewport .viewItem .text, #slidePage-container.fontSizePlus2 .nb_itemBox .text {font-size:17px;line-height:23px;} #slidePage-container.fontSizePlus2 .topQuotation ul li span.num {font-size:21px;} #slidePage-container.fontSizePlus2 .topQuotation ul li span.subject {font-size:19px;} #slidePage-container.fontSizePlus2 .timeLineBox .timeLine .timeBody .timeItem .date {font-size:24px;} #slidePage-container.fontSizePlus2 .timeLineBox .timeLine .timeBody .timeItem > a {height:295px;} #slidePage-container.fontSizePlus2 .timeLineBox .timeLine .timeBody .timeItem > a .tit {font-size:19px;} #slidePage-container.fontSizePlus2 .timeLineBox .timeLine .timeBody .timeItem .media .mName, #slidePage-container.fontSizePlus2 .timeLineBox .timeLine .timeBody .timeItem .media .comment {font-size:15px;} #slidePage-container.fontSizePlus2 #top_sentment_keywords_chart_right {height:500px !important;} #slidePage-container.fontSizePlus2 #top_sentment_keywords_chart_left {height:500px !important;} #slidePage-container.fontSizePlus2 .dataTable table tbody td {font-size:16px;} /* :::::::::::::::::::::::::::::::::::::::::::::: new main 2021 :::::::::::::::::::::::::::::::::::::::::::::: */ html, body{background-color: inherit;} body{background: url(../images/bgTimgWide.png) center -300px no-repeat;} /* header */ header{background-color: inherit;} .header_wrap .contentInner{background: #FBFBFF;border-top-left-radius: 15px;border-top-right-radius: 15px;border: 1px solid #E5E7EE;} #headerArea{border: 1px solid #E5E7EE;border-top:none;} .titArea h1{color:#41405A} .titArea .menuName{font-family: 'NotoSansKR-Medium';color:#41405A} .mainPage .header_wrap{background-color: inherit;} #headerArea:after{display:none;} .mainPage .header_inner{background: inherit;} .mainPage .header_wrap .contentInner{background-color: inherit;border:none} header nav.contentInner .clearfix{position: relative;} /* header .sNotice{display:none} */ header .headerLogo{position: relative;width: 158px;height:69px;margin-top: 27px;} /* header .headerLogo:before{display:block;content:'';position:absolute;left:-404px;top:-347px;width:784px;height:784px;background: url(../images/bgTimg.png) 0 0 no-repeat;} */ header .headerLogo img{position:absolute;left:0;top:0; width: 100%; height: auto;} header .gnbWrap{float:right;width: 742px;height:76px;margin-top: 20px;} header .gnbWrap .gnbUL{margin-top: 15px;padding-bottom:23px;} header .gnbWrap .gnbUL li{width: 145px;padding: 0 0px;color:#41405A} /* header .gnbWrap .gnbUL li:first-child{padding-left:0;} */ /* header .gnbWrap .gnbUL li:nth-child(6){padding-right:0;} */ header .gnbWrap .gnbUL li a{font-family: 'NotoSansKR-Medium';} header .gnbWrap .gnbUL li.on a:after{display:block;content:'';width:92%;height:3px;margin:0px 4%;margin-top:5px;background:#5B50BC;text-align:center;} header .gnbWrap .bx_form{float: right;position: relative;width: 480px;display:none;} header .gnbWrap .bx_form input{width:100%;height:36px;padding:0 15px;border:1px solid #E5E7EE;font-size:13px;color:#41405A;border-radius:40px;} header .gnbWrap .bx_form button{position: absolute;right: 15px;top: 7px;width: 22px;height: 22px;padding: 0;font-size: 0;border: 0;background: url(../images/icon_sprite_new.png) -53px -469px no-repeat;} header .topMenuArea{float: right;margin-top: 8px;padding: 0;margin-bottom:9px;} header .topMenuArea .goToAdmin{color: #5B50BC;text-decoration: underline;} header .topMenuArea a{margin-left: 20px;font-size: 13px;color:#888} header .topMenuArea a:hover{color:#000;font-weight:bold;} header .topMenuArea a:focus{color:#000;font-weight:bold;} header .topMenuArea a:nth-child(2):before{top: 5px;bottom: 4px;left: -10px;background-color: #D6D5D9;} header .topMenuArea a.siteMapBtn{display:none} header .gnbWrap .bx_form input::placeholder{color: rgba(65, 64, 90, 0.4);} header .snbWrap{left: 393px;width: 747px;margin-top: 20px;padding-left: 5px;padding-bottom: 0px;border: none;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;border-bottom: 1px solid #eee;background:#fff;box-shadow: 9px 12px 24px rgb(191 199 224 / 20%);overflow: hidden;} header.main .snbWrap {background:linear-gradient(to right, transparent, transparent 388px, #fff 418px);} header .snbWrap nav.contentInner .clearfix{max-width: inherit;min-width: auto;} header .snbWrap ul li a{font-size: 17px;color: #6F797F;} header .snbWrap ul li a:hover{background-color: inherit;color: #6F797F;text-decoration: underline;} header .snbWrap ul{background:#fff;padding: 15px 0px;border:none} /* header .snbWrap ul:nth-child(3){width:170px;} */ header .snbWrap ul:first-child{margin-left:0;border:none} /* 게스트 메뉴 5개 */ header .gnbWrap .gnbUL.guestMenu li{width:145px;} header .snbWrap .guestSubMenu ul {width:145px;} /* 게스트 메뉴 4개 */ /* header .gnbWrap .gnbUL.guestMenu li{width:185px;} header .snbWrap .guestSubMenu ul {width:185px;} */ #container{background-color: inherit;z-index: 9;overflow: hidden;background: url(../images/bgRimg.png) 100% 500px no-repeat;} #container > .sectionBox:first-child{margin-top:20px;} .mainPage#container{margin-top:20px;} .mainPage article{margin: 0 auto 0 auto;padding: 0;} article{background-color: inherit;} footer{border-top: 1px solid #E5E7EE;} footer .copyright{position: relative;font-family: 'NotoSansKR-Regular';color: #41405A;font-size: 11px;text-align: right;opacity: 0.6;} footer .copyright span{position: absolute;left: 79px;top: 0;} footer .wrapFooter .logo{display:block;width:66px;height:20px;}/*background: url(../images/icon_sprite_new.png) -156px -471px no-repeat;*/ footer .wrapFooter .logo img{width:100%; height: 100%; } /* top- control */ .mainPage.peopleUse_Wrap .header_wrap .titArea{padding:25px 0 20px 0 !important;} .mainPage .titArea h2{display:none;} .mainPage .titArea h2.newH2{display:block;margin-left: 10px;font-family: 'NotoSansKR-Light';font-size:24px;color:#fff} .mainPage #issueHint.hintShow{display:none;} .mainPage.peopleUse_Wrap .keywordRankingArea{width: 270px;height: 525px;border-radius: 20px !important;border: none;box-shadow: 9px 12px 24px rgb(191 199 224 / 20%);} .mainPage.peopleUse_Wrap .keywordRankingArea ul{margin-top: 25px;padding:10px} .mainPage.peopleUse_Wrap .keywordRankingArea li{width: 100%;min-width: 100%;height: 46px;margin-bottom: 5px;line-height: 46px;vertical-align: middle;} .mainPage.peopleUse_Wrap .keywordRankingArea li:last-child{margin-bottom:0} .mainPage.peopleUse_Wrap .keywordRankingArea li .rank{font-family: 'Montserrat Medium';font-size: 21px;width: 48px;height: auto;line-height: 46px;margin: 0 5px 0 15px;font-weight: normal;} .mainPage.peopleUse_Wrap .keywordRankingArea li:nth-child(1) .rank{color:#5B50BC} .mainPage.peopleUse_Wrap .keywordRankingArea li:nth-child(2) .rank{color:#9C75F4} .mainPage.peopleUse_Wrap .keywordRankingArea li:nth-child(3) .rank{color:#8495DC} .mainPage.peopleUse_Wrap .keywordRankingArea li:nth-child(4) .rank{color:#1A5C94} .mainPage.peopleUse_Wrap .keywordRankingArea li:nth-child(5) .rank{color:#5565DC} .mainPage.peopleUse_Wrap .keywordRankingArea li:nth-child(6) .rank{color:#70BBE2} .mainPage.peopleUse_Wrap .keywordRankingArea li:nth-child(7) .rank{color:#76D8D7} .mainPage.peopleUse_Wrap .keywordRankingArea li:nth-child(8) .rank{color:#FFA600} .mainPage.peopleUse_Wrap .keywordRankingArea li:nth-child(9) .rank{color:#FA88B1} .mainPage.peopleUse_Wrap .keywordRankingArea li:nth-child(10) .rank{color:#8F3776} .mainPage.peopleUse_Wrap .keywordRankingArea li .keyword{font-size: 17px;line-height: 46px;color:#41405A} .mainPage.peopleUse_Wrap .keywordRankingArea li.selected{background-color: #5B50BC;} .mainPage.peopleUse_Wrap .keywordRankingArea li .new{top: 0;right: 25px;color:#5B50BC;display:none;} .mainPage.peopleUse_Wrap .keywordRankingArea li.selected .rank{color:#fff} .mainPage .header_wrap .contentInner{position: relative;} .mainPage .control_area{float: none;position: absolute;margin: 0;top: 0px;left: 398px;width:740px;height:87px;} .mainPage .control_area .btnArea{display:none;} .mainPage .control_area:after{content:' ';clear:both;font-size: 0;display: block;} .mainPage .control_area .yearMonth{float:left;padding-top: 28px;font-family:'Montserrat SemiBold', 'NotoSansKR-DemiLight';font-size:20px;color:#41405A} .mainPage .control_area .calendar_area{float:right;position: relative;width:562px;} .mainPage .control_area .calendar_area button.slick-arrow{position: absolute;margin-top:15px;width:26px;height:26px;border:1px solid #E5E5E5;border-radius:50%;background: url(../images/icon_sprite_new.png) -270px -463px no-repeat;font-size:0;cursor: pointer;} .mainPage .control_area .calendar_area button.slick-prev{left: 0px;top: 30px;} .mainPage .control_area .calendar_area button.slick-next{right: 0px;top: 30px;background-position: -298px -463px;} .mainPage .control_area .calendar_area button.slick-disabled{opacity:0.1;} .mainPage .control_area .calendar_area ul{padding:0 32px} .mainPage .control_area .calendar_area ul:after{content:' ';clear:both;font-size: 0;display: block;} .mainPage .control_area .calendar_area ul li{float:left;width:50px;height:87px;margin:0 10px;font-family:'Montserrat Medium';font-size:20px;color:#41405A;text-align:center;cursor:pointer;} .mainPage .control_area .calendar_area ul li span{display:block;margin: 15px 0 12px;font-family:'Montserrat Regular';font-size:12px;color:#888;} .mainPage .control_area .calendar_area ul li.on{background:#5B50BC;color:#fff;border-radius:30px;} .mainPage .control_area .calendar_area ul li.on span{color:#fff} .mainPage .control_area .calendar_area ul li.outSide {color:#a4a4f0;} .mainPage .control_area .calendar_area ul li.outSide span {color:#a4a4f0;} .mainPage .control_area .calendar_area ul li.disabled{color:#d4d4d4;cursor:default;} .mainPage .control_area .calendar_area ul li.disabled span{color:#d4d4d4;} .mainPage .keywordChartArea{position: absolute;right: 0;top: 0;width:740px;height:517px;} .mainPage .keywordChartArea .tabArea:after{content:' ';clear:both;font-size: 0;display: block;} .mainPage .keywordChartArea .tabArea h3{float:left;background:#EAEAFF;height:34px;font-size:16px;} .mainPage .keywordChartArea .tabArea h3 a{display:block;padding:4px 15px 6px;border-radius:45px;color:#9BA1B9;} .mainPage .keywordChartArea .tabArea h3:first-child{border-top-left-radius: 45px;border-bottom-left-radius: 45px;} .mainPage .keywordChartArea .tabArea h3:last-child{border-top-right-radius: 45px;border-bottom-right-radius: 45px;} .mainPage .keywordChartArea .tabArea h3.on a{font-family: 'NotoSansKR-Regular';background:#5565DC;color:#fff} .mainPage .keywordChartArea h4{position: absolute;left: 195px;top: 8px;font-size:20px;color:#41405A;font-weight: bold;margin-left:16px;} .mainPage .keywordChartArea .btn_more{position: absolute;top: 2px;right: 0;width:139px;height:30px;border:1px solid #5B50BC;border-radius:5px;padding:4px 10px 6px;font-family: 'NotoSansKR-Regular';color:#5B50BC;font-size:13px;background:#FBFBFF;text-align: left;letter-spacing: -.5px;} .mainPage .keywordChartArea .btn_more:after{display:block;content:'';position:absolute;right:3px;top:8px;width:20px;height:20px;background: url(../images/icon_sprite_new.png) -250px -469px no-repeat;} .mainPage .keywordChartArea .tab_con{margin-top:26px;} .mainPage .keywordChartArea .tab_con .keywordChart{width:739px;height:457px;text-align: center;line-height: 457px;} /* 이슈 히스토리 slick */ .mainPage #issueTab_con {min-height:320px;} .mainPage #issueHistory .titArea{display:none;} .mainPage #issueHistory article{margin-top:30px;padding-bottom: 0;} .mainPage .timeLineBox .timeLine .timeBody{background:none;} .mainPage .timeLineBox .timeLine .timeBody:before{display:block;content:'';position:absolute;left:0;top:58px;width:100%;height:15px;background:#EAEAFF;border-radius: 15px;} .mainPage .timeLineBox .timeLine .timeBody .timeItem > a{display:block;position: static;width:250px !important;margin:101px 0 20px;padding:0 20px;box-sizing:border-box;height:178px;overflow:hidden;border:1px solid #E5E7EE;border-radius:20px;box-shadow: none;background-color:#FCFCFC;text-align:center;} .mainPage .timeLineBox .timeLine .timeBody .timeItem .media{width: 140px;height: 19px;position: absolute;left: 50%;top: 195px;margin-left: -80px;margin-top: 0px;} .mainPage .timeLineBox .timeLine .timeBody .timeItem .media > *{float: none;height: initial;line-height:19px} .mainPage .timeLineBox .timeLine .timeBody .timeItem .media .mName{display: inline-block;width: initial;margin-left:3px;overflow: hidden;vertical-align: top;font-size:13px;color:#888} .mainPage .timeLineBox .timeLine .timeBody .timeItem .media .photo{display:inline-block;width:19px;height:19px;border-radius:50%;border: 1px solid #e2e9ed;overflow: hidden;} .mainPage .timeLineBox .timeLine .timeBody .timeItem .media .photo img{width:100%;} .mainPage .timeLineBox .timeLine .timeBody .timeItem .comment{display:none;} .mainPage .timeLineBox .timeLine .timeBody .timeItem .date{display: block;position: absolute;left: 0;top: 10px;width:100%;margin: 0;font-size: 18px;color: #90929C;z-index: 2;} .mainPage .timeLineBox .timeLine .timeBody .timeItem .date:before{display:block;content:'';position:absolute;left:50%;top:49px;width:13px;height:13px;background:#9BA1B9;border-radius: 50%;margin-left:-13px} .mainPage .timeLineBox .timeLine .timeBody .timeItem .date:after{display:block;content:'';position:absolute;left:50%;top:64px;width:1px;height:26px;border-left:1px dashed #9BA1B9;margin-left: -7px} .mainPage .timeLineBox .timeLine .timeBody .timeItem .date span{display: initial;width: auto;height: 32px;border-radius: 16px;background: #fff;padding: 1px 11px 4px;} .mainPage .timeLineBox .timeLine .timeBody .timeItem .date span:before{display:none} .mainPage .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;} .mainPage .timeLineBox .timeLine .timeBody .timeItem > a .tit{margin: 35px 0 0;font-size: 15px;font-weight: bold;display:block;overflow:hidden;text-overflow:ellipsis;line-height:21.72px;height:44px;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0;color: #41405A;} .mainPage .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;} .mainPage .timeLineBox .timeLine .timeBody .timeItem > a:visited, .mainPage .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%);} .mainPage .timeLineBox .timeLine .timeBody .timeItem > a:visited .date, .mainPage .timeLineBox .timeLine .timeBody .timeItem:first-child > a .date{color: #fff;} .mainPage .timeLineBox .timeLine .timeBody .timeItem > a:visited .date span, .mainPage .timeLineBox .timeLine .timeBody .timeItem:first-child > a .date span{background: #5B50BC;} .mainPage .timeLineBox .timeLine .timeBody .timeItem > a:visited .date:before, .mainPage .timeLineBox .timeLine .timeBody .timeItem:first-child > a .date:before{background: #5B50BC;} .mainPage .timeLineBox .timeLine .timeBody .timeItem > a:visited .date:after, .mainPage .timeLineBox .timeLine .timeBody .timeItem:first-child > a .date:after{border-color:#5B50BC} .mainPage .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} .mainPage .timeLineBox .timeLine .timeBody .timeItem .newsMore span{display: block;float:right} .mainPage .timeLineBox .timeLine .timeBody .timeItem .newsMore span strong{font-size:15px;color:#5B50BC;margin-left:5px;} .mainPage .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} .mainPage .timeLineBox .timeLine .timeBody .timeItem:first-child .newsMore span{margin-right: 10px;} .mainPage .slick-dots{bottom: 0px;} .mainPage .slick-dots li button:before{color:#5B50BC;} .mainPage .slick-dots li.slick-active button:before{color:#5B50BC;} .mainPage .timeLineBox .timeLine .timeBody button.slick-arrow{width: 36px;height: 36px;background: url(../images/icon_sprite_new.png) 0 0 no-repeat;} .mainPage .timeLineBox .timeLine .timeBody button.slick-arrow.slick-next{background-position: -292px -458px;} .mainPage .timeLineBox .timeLine .timeBody button.slick-arrow.slick-prev{right: -30px;top: 50%;background-position: -291px -457px;} /* 융합분석 */ .mainPage .fusionAnalytics article{padding-top:20px;} .mainPage .fusionAnalytics article h2{font-size: 24px;font-weight: bold;color: #41405A} .mainPage .fusionAnalytics article ul{margin-top:25px;} .mainPage .fusionAnalytics article ul:after{content:' ';clear:both;font-size: 0;display: block;} .mainPage .fusionAnalytics article li{float:left;width:270px;height:230px;margin-right:20px;border:1px solid #E5E7EE;border-radius:20px;padding:20px;background: #fff;} .mainPage .fusionAnalytics article li:last-child{margin-right:0} .mainPage .fusionAnalytics article li h4{position: relative;font-size:17px;color:#41405A;padding-left:12px;font-weight: bold;} .mainPage .fusionAnalytics article li h4:before{display: block;content: '';position: absolute;left: 0px;top: 6px;width:4px;height:4px;border-radius:50%;background:#41405A;} .mainPage .fusionAnalytics article li span{display:inline-block;font-family: roboto;font-size:11px;color:#9BA1B9;margin: 5px 0 0 12px;} .mainPage .fusionAnalytics article li span .chartPeriod{margin:0px;} .mainPage .fusionAnalytics article li .chartDiv{width:100%;height:140px;margin-top: 15px;opacity:0;} .mainPage .fusionAnalytics article li .InfoDiv{opacity:0;} .mainPage .fusionAnalytics article li#GtrBillBuzzChart h5{ width:100%; text-align:center;margin-top:5px;} .mainPage .fusionAnalytics article li #GtrBillBuzzInfoDiv.InfoDiv{width:40%;height:135px;margin-top: 0px;float:left;display:none;text-align:center;} .mainPage .fusionAnalytics article li #GtrBillBuzzInfoDiv.InfoDiv span {margin:0px;} .mainPage .fusionAnalytics article 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 article li #GtrBillBuzzInfoDiv.InfoDiv img#GtrBillBuzzUserImg.active {opacity:1;box-shadow:5px 5px 10px #aaa;} .mainPage .fusionAnalytics article li #GtrBillBuzzInfoDiv.InfoDiv span#GtrBillBuzzUserTitle {font-family:NotoSansKR-Regular;font-size:13px;color:black;font-weight:700;} .mainPage .fusionAnalytics article li #GtrBillBuzzInfoDiv.InfoDiv span#GtrBillBuzzUserCount {font-family:NotoSansKR-DemiLight;font-size:11px;color:black;font-weight:500;} .mainPage .fusionAnalytics article li #GtrBillBuzzChartDiv.chartDiv{width:100%;height:135px;margin-top: 0px;display:inline-block;} .mainPage .fusionAnalytics.active article li .chartDiv.active { animation: show_ani .5s .2s both;} .mainPage .fusionAnalytics.active article li .InfoDiv { animation: show_ani .5s .2s both;} .mainPage .fusionAnalytics.active article li .chartDiv.nodata {text-align:center;padding-top:50px;width:100% !important;height:140px !important;margin-top:15px !important;} /*분석자료 상단 탭 메뉴*/ .mainPage #listArea{padding:0;margin-top:55px} .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 .wrapTab{padding: 18px 0 2px 0;border:none;} .mainPage .tabComponent ul li{color: #5565DC;border: 1px solid #5565DC;} .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: #00a8d1;border: 1px solid #00a8d1;} .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:#00a8d1;} .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:#00a8d1;} .mainPage .tabComponent ul li a{display:block;padding: 2px 15px 4px 15px;font-size: 17px;position:relative;z-index:2;} .mainPage .tabComponent ul li:after{display: none} .mainPage .row .cards li{width:366px !important;height:282px;margin-right: 20px;margin-left: 0;margin-right:20px;border: 1px solid #E5E7EE;box-shadow: none;border-radius: 20px;} .mainPage .row .cards li:nth-child(3n){margin-right:0;} .mainPage .cards li a .info{height: initial;padding:20px 0 0 30px;} .mainPage .cards li a .info .linker{display:none} .mainPage .cards li a .thumbnailWrappper{height:207px;min-height:207px;} .mainPage .cards li a .thumbnail{height:207px;} .mainPage .cards li a .thumbnail img{width:100%} .mainPage .row .cards li a .info h3{margin-top:0;font-size: 17px;color: #41405A;} /*법률 검색*/ .mainPage #argosService article #lawSearchArea.row{margin-top:0} .mainPage .lawSearch{height:340px;background-color:#F3F4FB;border-radius:15px;margin-top:60px;} .mainPage .lawSearch .bx_text{position:absolute;top:50px;left:70px;color:#41405A;} .mainPage .lawSearch .bx_text h2{font-size:24px;font-weight:bold;line-height: inherit;} .mainPage .lawSearch .bx_text p{background: none;font-size:22px;color: #41405A;opacity: 1;} .mainPage .lawSearch .bx_text p:nth-of-type(1){width: inherit;height: inherit;margin-top:29px;font-size:28px;font-weight:bold;} .mainPage .lawSearch .bx_text p:nth-of-type(2){width: inherit;height: inherit;margin-top:5px;} .mainPage .lawSearch .bx_form{left:70px;top:235px;width:397px;height:48px;border-radius:24px;background-color:#A8BEEB;opacity:0;} .mainPage .lawSearch .bx_form input{width:397px !important;height:48px;padding-left:20px;font-size:17px;color:#41405A;} .mainPage .lawSearch .bx_form button{width:30px;height:30px;background:url(../images/icon_sprite_new.png) -91px -471px no-repeat;} .mainPage .lawSearch .bx_form .lawSearchBtn{margin-left: -40px !important;margin-top: 9px !important;} /*메인 법률검색 오브젝트*/ .mainPage #argosService .bx_objects, .mainPage #argosService .bx_objects > * {background: url(../images/icon_sprite_new.png) left top no-repeat;} .mainPage #argosService .bx_objects{right: 37px;top: 54px;width:416px;height:295px;} .mainPage #argosService .lawSearch:before{display:none;} .mainPage #argosService .bx_objects .objLeft{left: -6px;top: 18px;width:97px;height:91px;background-position: left -337px;} .mainPage #argosService .bx_objects .objMiddle{right: 73px;top: 39px;width:153px;height:103px;background-position: -140px -332px;} .mainPage #argosService .bx_objects .objRight{right: 0;top: 0;width:96px;height:103px;background-position: -331px -352px;} .mainPage #argosService .bx_objects .objPerson{right: 25px;bottom: -3px;width: 96px;height: 216px;background-position: -295px -82px;} .mainPage #argosService.active .row .lawSearch .bx_objects{opacity:1;} .mainPage #argosService.active .bx_objects .objLeft{left: -6px;top: 18px;width:97px;height:91px;;background-position: left -337px;animation: bounce 1.6s ease infinite;} .mainPage #argosService.active .bx_objects .objMiddle{right: 73px;top: 39px;width:153px;height:103px;background-position: -140px -332px;animation: bounce1 1.9s ease infinite;} .mainPage #argosService.active .bx_objects .objRight{right: 0;top: 0;width:96px;height:103px;background-position: -331px -352px;animation: bounce2 1.8s ease infinite;} /* 인디케이터 */ .mainPage .indicator{display:none;} .mainPage #argosService article .titArea{display:none;} /* 문서분석 서비스 */ .sectionBox{width: 1140px;margin: 0 auto;box-shadow: 9px 12px 24px rgb(191 199 224 / 20%);border-radius: 15px;} .sectionBox.ty2{border: 1px solid #E5E7EE; background: #fff;} .sectionBox.ty2 .contentsArea{padding:20px;} .sectionBox #analysis.tabArea h3{display: inline-block;height: 39px;margin-right:3px;padding: 9px 11px 9px 11px;background-color:#EAEAFF;font-size: 14px;font-weight: normal;color:#5B50BC;border-top-left-radius: 8px;border-top-right-radius: 8px;cursor: pointer;line-height: 20px;} .sectionBox #analysis.tabArea h3.on{background-color: #5B50BC;color:#fff} .txtBox{height:162px;padding:15px;background:#F2F2F3;border:1px solid #E5E7EE;border-radius:11px;border-top-left-radius: 0;} .txtBox input{width: 100%;background: inherit;border: none;} .txtBox + .setBtn{margin-top:20px;} .setBtn{min-width: 90px;height: 39px;margin:0;padding: 7px 11px;background: #41405A;font-size: 14px;color: #fff;font-weight: bold;border-radius: 8px;border: none;line-height: 20px;letter-spacing: -.5px;} .fileBox{margin-top:10px;} .fileBox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;} .fileBox label {display: inline-block;width:90px;height:37px;color: #fff;margin-left:15px;background-color: #41405A;cursor: pointer;border-radius: 8px;text-align: center;line-height: 34px;} .fileBox .upload-name {width: 600px;height: 37px;padding: 0 10px;border: 1px solid #D6DCDE;border-radius: 6px;cursor: pointer;line-height: 32px;color:#41405A} .fileBox .tit{color:#41405A;margin-right:15px;} .fileTxtL{margin-top:15px;color: #6F797F;} .fileTxtS{margin:5px 0 0 70px;font-size:12px;color: #6F797F;} .colBox{position:relative;} .colBoxMargin{margin-top:438px;} .colBox:after{content:' ';clear:both;font-size: 0;display: block;} .colBox .col{float:left;} .colBox .colbtn{position:absolute;left:405px;top:50%;margin-top:-20px;} .titH4{font-size: 18px;color: #41405A;font-weight: bold;} .titH4 span{color:#5B50BC;padding-left:5px;} .titH4 + div{margin-top:20px;} .colBox .col > .titH4{margin-top:5px;} .colBox .col .tabView .titH4.ty2{margin-top:10px;} .tblSyBox {border-top: 1px solid #ABBECD;} .tblSyBox table{width:100%; table-layout:fixed;} .tblSyBox table thead th {height: 40px;background-color: #F2F2F3;border-bottom: 1px solid #E8E8E8;font-size: 14px;color: #41405A;font-weight:bold;text-align:center;} .tblSyBox table tbody td {height: 40px;padding:0 15px;border-bottom: 1px solid #E8E8E8;font-size: 14px;color:#41405A;text-align:center;} .tblSyBox.ty1 table tbody td:first-child{text-align:left;color:#2BBCD0;font-weight:bold;} .tblSyBox table tbody td.noData{height:360px;font-size:16px;background-color: #F2F2F3;color:#BBB9B6 !important;text-align:center !important;} .tblSyBox table tr.bgCol td{color:#2BBCD0;font-weight: bold;} .tblSyBox.ty2 {border-top: none;} .tblSyBox.ty2 table thead th {height: 30px;background-color: #F5F5FD;border-bottom: 1px solid #E5E7EE;} .tblSyBox.ty2 table tbody td {height: 40px;padding:0 5px;border-bottom: 1px solid #E5E7EE;} .boardBox{width:100%;border:1px solid #E5E7EE;background:#F2F2F3;border-radius: 15px;} .setBtn + .setBtn{margin-left:5px;} .setBtn.ty2{background:#5B50BC;padding: 7px 10px;} .switch-button {position: relative;display: inline-block; width: 35px; height: 17px; } .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:22px; background-color: #CCC; -webkit-transition: .4s; transition: .4s; } .onoff-switch:before {position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: #fff; -webkit-transition: .5s; transition: .4s; border-radius:50%; } .switch-button input:checked + .onoff-switch {background-color: #8495DC;} .switch-button input:checked + .onoff-switch:before {-webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); } /* 데이터융합분석 */ .subtxtBox{padding: 30px 0 32px 0;text-align: center;} .subtxtBox p{font-family: 'NotoSansKR-Regular';font-size:21px;color:#8495DC;line-height: 30px;letter-spacing: -.5px;} .subtxtBox span{font-family: 'NotoSansKR-Regular';font-size:21px;color:#8495DC;line-height: 30px;letter-spacing: -.5px;display:block;} .dataFutionAnalysisWrap .splitDiv {display:none;} .dataFusionBox{margin-top:30px;padding-bottom:1px;} .dataFusionBox li{width:100%;margin-bottom:30px;font-size:17px;color:#41405A;letter-spacing: -.5px;} .dataFusionBox li a{display:block;position: relative;padding:30px 0 30px 135px;background:#f7f7f7;border:1px solid #E5E5E5;border-radius:11px;text-align:left;} .dataFusionBox li a span{display:block;line-height: 27px;} .dataFusionBox li a > div > span {margin-top:15px;} .dataFusionBox li a > div > span:last-child{margin-top:0px;} .dataFusionBox li a strong{font-size: 20px;color: #5B50BC;} /*.dataFusionBox li a strong:after{display:block;content:'';position: absolute;left:40px;top:40px;width:55px;height:55px;background:#EAEAFF url(../images/icon_sprite_sub.png) no-repeat 11px 11px;border-radius:50%;} */ .dataFusionBox li a strong:after{display:block;content:'';position: absolute;left:40px;top:40px;width:55px;height:55px;background:#EAEAFF url(../images/datafusion_type1.png) no-repeat center center;border-radius:50%;} .dataFusionBox li .colBox .col{width:50%;padding:0 15px;} .dataFusionBox li .colBox .col:first-child{padding-left:0} .dataFusionBox li .colBox .col:last-child{padding-right:0} /* .dataFusionBox li .colBox .col a > div > span:last-child{margin-top:0px;} */ .dataFusionBox li .colBox .col a{text-align:center;padding:30px 0 30px 0;} .dataFusionBox li .colBox .col a strong:after{position: inherit;left: inherit;top: inherit;margin:13px auto 0;} /* .dataFusionBox li .colBox .col:last-child a strong:after{background:#EAEAFF url(../images/icon_sprite_sub.png) no-repeat -47px 11px;} .dataFusionBox li:nth-child(2) a strong:after{background:#EAEAFF url(../images/icon_sprite_sub.png) no-repeat -106px 11px;} .dataFusionBox li:nth-child(3) a strong:after{background:#EAEAFF url(../images/icon_sprite_sub.png) no-repeat -167px 11px;} */ .dataFusionBox li .colBox .col:last-child a strong:after{background:#EAEAFF url(../images/datafusion_type4.png) no-repeat center center;} .dataFusionBox li:nth-child(2) a strong:after{background:#EAEAFF url(../images/datafusion_type3.png) no-repeat center center;} .dataFusionBox li:nth-child(2) .colBox .col:last-child a strong:after{background:#EAEAFF url(../images/datafusion_type2.png) no-repeat center center;} .dataFusionBox li:nth-child(3) a strong:after{background:#EAEAFF url(../images/datafusion_type4.png) no-repeat center center;} .dataFusionBox li:nth-child(4) a strong:after{background:#EAEAFF url(../images/icon_sprite_sub.png) no-repeat -226px 11px;} .dataFutionAnalysisWrap .dataFusionBox li:last-child {display:none;} .dataFusionWrap .viewport .viewItem .relationKeywordList {display:none;} .dataFusionWrap .viewport .viewItem .info .title {max-width:510px;} .dataFusionWrap #localArchiveLink_con .viewport .viewItem .info .title {max-width:350px;} .dataFusionWrap .localColBox .viewport .viewItem .info .title {max-width:400px;} .dataFusionWrap .localColBox #localArchiveLink_con #xlimsDocument .viewport .viewItem.noContent .info .title {max-width:535px;width:535px;} .dataFusionWrap .localColBox #localArchiveLink_con #xlimsDocument .viewport .viewItem .info .title {max-width:490px;width:490px;} .dataFusionWrap .localColBox #localArchiveLink_con #xlimsDocument .viewport .viewItem .num.short {height:44px;} .dataFusionWrap .localColBox #localArchiveLink_con #xlimsDocument .viewport .viewItem .info .date {float:right;margin-right:5px;} /* .dataFusionWrap .localColBox #localArchiveLink_con .viewport .viewItem .info .source {margin-left:25px;} */ .dataFusionWrap .viewport .viewItem.adminItem .info {width:100%;} /* 국회의원 소셜 데이터 지수 현황 */ .headerTit{font-size:21px;color:#41405A;font-weight:bold} .headerTit + .colorBox{position: absolute;right: 20px;top: 20px;} .colorBox{width: 630px;padding: 10px 15px;background: #F5F5FD;border-radius: 5px;color:#41405A;} .colorBox dt{font-size: 15px;font-family: 'NotoSansKR-Medium';} .colorBox dd{font-size: 13px;} .tabArea.ty2{border-bottom:1px solid #E5E7EE} .tabArea.ty2 h3{display: inline-block;height: 39px;margin-right:3px;padding: 9px 11px 9px 11px;background-color:#EAEAFF;font-size: 14px;font-weight: normal;color:#5B50BC;border-top-left-radius: 8px;border-top-right-radius: 8px;cursor: pointer;line-height: 20px;} .tabArea.ty2 h3.on{background-color: #5B50BC;color:#fff} .titH4.ty2{display: inline-block;color:#1A5C94;} .titH4.ty3{display: inline-block;margin-top: 5px;font-size:15px;color:#1A5C94;} .titH4.ty3 span{font-size:13px;color:#1A5C94;padding-left:3px;} .titH4.ty3 em{color: #FF7156;font-weight: bold;} .titH4.ty3 + div{margin-top:10px;} .titH4.ty4{display: inline-block;font-size:15px;color:#6F797F;} .titH4.ty5{font-size:21px;} .headerTit + .titH4.ty4{margin-top: 10px;} .titDate{display: inline-block;margin-left:5px;color: #2c2c2c;} .stitArea{position: relative;height: 30px;} .stitArea .frDv{position: absolute;right: 0px;bottom: 0px;} .stitArea + div{margin-top:10px;} .stitArea + .stitArea {margin-top:0;} .inputBtn{display: inline-block;position: relative;width: 297px;} .inputBtn input{width: 100%;height: 37px;padding: 0 15px;border: 1px solid #D6DCDE;font-size: 14px;color: #41405A;border-radius: 7px;line-height: 37px;} .inputBtn input::placeholder{color: #C4C4C5;} .inputBtn button{position: absolute;right: 8px;top: 8px;width: 20px;height: 20px;padding: 0;font-size: 0;border: 0;background: url(../images/icon_sprite_sub.png) -334px -2px no-repeat;} .excelDown{display: inline-block;width: 30px;height: 30px;margin-top: 0px;background: #E5E5E5 url(../images/icon_sprite_sub.png) -369px 5px no-repeat;font-size: 0;border-radius: 50%;vertical-align: top;} .inputBtn + .excelDown{margin-left:10px;} .excelDown:hover{border:none;} .tblSyBox .navigarion, .pymemberBox .navigarion{padding: 20px 0;} .tblSyBox .navigarion a, .pymemberBox .navigarion a{width: 20px;height: 20px;display: inline-block;margin: 0 2px;padding: 0;font-family: 'NotoSansKR-Regular';color: #41405A;border-radius: 50%;background-color: #F2F2F3;} .tblSyBox .navigarion a.selected, .pymemberBox .navigarion a.selected{background-color: #5B50BC;color: #fff;font-weight: normal;} .boardBoxA{border:1px solid #E5E7EE;border-radius: 11px;} .boardBoxB{border:1px solid #E5E7EE;border-radius: 11px;} .boardBoxA .scrollY{overflow-y: auto;margin:0 5px 0 0;padding:17px 20px 15px;} .boardBoxA .scrollY::-webkit-scrollbar {width: 5px;} .boardBoxA .scrollY::-webkit-scrollbar-thumb {background-color: #D6D5D9;border-radius: 5px;} .boardBoxA .scrollY::-webkit-scrollbar-track {background-color: #f8f8f8;border-radius: 5px;} .colBox.col2 .col{width:50%;padding:0 10px} .colBox.col2.Big .col{width:50%;padding:0 15px} .colBox.col2 .col:first-child{padding-left:0;} .colBox.col2 .col:last-child{padding-right:0;} .btnAreas{width:1140px;margin:0 auto;padding:20px 0 30px;} .btnAreas .primaryBtn{display: inline-block;min-width: 90px;height: 39px;background: #6F797F;font-size: 14px;color: #fff;border-radius: 8px;border: none;line-height: 38px;text-align: center;} .sNote.ty2{position: absolute;top: 93px;left: 50%;width: 297px;height: 34px;margin-left: -135px;padding: 0;border-radius: 20px;background-color: #70BBE2;font-size: 14px;color: #fff;text-align: center;line-height: 33px;} .sNote.ty2 button{right: 10px;top: 8px;width: 18px;height: 18px;background: url(../images/icon_sprite_sub.png) -294px -0px no-repeat;} .sNote.ty2:after{left: 50%;top: 34px;margin-left: -5px;border-bottom:0;border-top: 10px solid #70BBE2;border-left: 10px solid transparent;border-right: 10px solid transparent;} .partyList{width:100%;margin-top:20px;} .partyList li{margin-bottom:15px;} .partyList li:last-child{margin-bottom:0} .partyList li a{display:block;position: relative;height:50px;padding:0 0 0 30px;border-radius:5px;background:#FCFCFC;border:1px solid #E5E7EE;font-size: 16px;font-weight: bold;color: #6F797F;line-height: 46px;} .partyList li a .cmtNmAbrv {display:none;} .partyList li.on a{background:#5B50BC;color:#fff} .partyList li a:after{display:block;content:'';position: absolute;right:25px;top:12px;width:24px;height:24px;background: url(../images/icon_sprite_sub.png) no-repeat -157px -53px;} .partyList li.on a:after{background-position: -121px -53px;} /* 언급량별 법률 TOP 10 분석 */ .newsView .newsItem{border-bottom:1px solid #E5E7EE;padding: 10px 0;letter-spacing: -.5px;} .newsView .newsItem:first-child{padding-top:0;} .newsView .newsItem:last-child{border-bottom:0;padding-bottom:0;} .newsView .newsItem:hover{background-color: #f6f6f6;} .newsView .newsItem .title a{color:#41405A;font-weight: bold; font-size:14px;} .newsView .newsItem .userName{display: inline-block;font-family: 'NotoSansKR-Medium';font-size:13px;color:#1A5C94;margin-bottom:10px;} .newsView .newsItem .date{display: inline-block;font-size:11px;color:#888;margin-left: 5px;} .newsView.ty2 .newsItem{padding: 13px 0;} .newsView.ty2 .newsItem:first-child{padding-top:5px;} .newsView.ty2 .newsItem:last-child{border-bottom:0;padding-bottom:0;} .newsView.ty3 .newsItem .title{position: relative;padding-left: 30px;} .newsView.ty3 .newsItem .num{display: block;position: absolute;left: 0;top: 2px;font-family: 'Montserrat SemiBold Italic';} .newsView .newsItem .siteInfoArea .siteNameImg img{width: 35px;border-radius: 15px;border: 1px solid #e2e9ed;margin-top: 5px;} .toptenList{width:100%;border:1px solid #E5E7EE;border-radius:11px;padding:20px 20px 20px 30px} .toptenList li{margin-bottom:30px;font-size:15px;color:#6F797F;font-family: 'NotoSansKR-Medium';} .toptenList li:last-child{margin-bottom:0} .toptenList li span{font-size:16px;font-family: 'Montserrat Bold Italic';padding-right:20px;} .toptenList li.on{color:#FF7156} .toptenList li.on a{text-decoration: underline;} .partybtnList{margin:16px 0 20px;} .partybtnList:after{content:' ';clear:both;font-size: 0;display: block;} .partybtnList li{float:left;margin-right:15px;} .partybtnList li:last-child{margin-right:0;} .partybtnList li button{border: none;background: #EAEAFF;color: #5B50BC;font-weight: bold;padding: 11px 15px;border-radius: 40px;font-family: 'NotoSansKR-Regular';cursor: pointer;} .partybtnList li button.on{background: #5B50BC;color: #fff;} .partydataList{margin:0 0 10px;} .partydataList:after{content:' ';clear:both;font-size: 0;display: block;} .partydataList li{float:left;position: relative;height:106px;margin-right:15px;padding:15px;border:1px solid #E5E7EE;border-radius:11px;color:#41405A;letter-spacing: -.5px;} .partydataList li .imgbox{display: inline-block;width:60px;height:76px;background:#A9A9A9;margin-right:15px;} .partydataList li .txtbox{display: inline-block;vertical-align: top;padding-top: 7px;} .partydataList li strong{font-size:19px;} .partydataList li strong span{font-size:13px;} .partydataList li p{font-size:16px;margin-top: 8px;} .scrolldvX{overflow-x: auto;} .scrolldvX::-webkit-scrollbar {width: 5px;height:5px;} .scrolldvX::-webkit-scrollbar-thumb {background-color: #D6D5D9;border-radius: 5px;} .scrolldvX::-webkit-scrollbar-track {background-color: #f8f8f8;border-radius: 5px;} .btnMove{position: absolute;left: 445px;top: 157px;width: 10px;height: 20px;font-size: 0;background: inherit;border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-right: 0;border-left: 10px solid #8495DC;cursor: pointer;} .partyMember{margin:30px 0 0;} .partyMember li{margin-bottom:20px;font-size:16px;color:#41405A;letter-spacing: -.5px;} .partyMember li .imgbox{display: inline-block;width:50px;height:63px;background:#A9A9A9;vertical-align: middle;} .partyMember li strong{font-size:19px;margin:0 30px;} .partyMember li p{display: inline-block;width:95px;height:33px;text-align:center;background:#ccc;font-family: 'NotoSansKR-Medium';line-height: 31px;} .partyMember li p.bgcol1{background:rgba(85, 101, 220, 0.2);color:#5565DC} .partyMember li p.bgcol2{background:rgba(255, 86, 86, 0.2);color:#FF5656} .partyMember li p.bgcol3{background:rgba(255, 214, 0, 0.2);color:#FFA600} .partyMember li span{font-family: 'NotoSansKR-Medium';margin-left:30px} .headerTit .titDate{font-size:14px;color:#2c2c2c;font-weight:normal;} /* 국회의원별 데이터광장 */ .sectionBox.tySrch{height: 167px;background: #FBFBFF url(../images/bgnew_lawqna_01.png) 97% 20px no-repeat;border: 1px solid #E5E7EE;} .sectionBox.tySrch .titArea{border-bottom: none;} .sectionBox.tySrch h1{margin-left: 20px;text-align: center;border-bottom: none;} .sectionBox.tySrch .contentInner, .sectionBox.tySrch .header_inner{background: inherit;border: none;} .sectionBox.tySrch .srchBox{position: relative;width:700px;margin-left: 20px;} .sectionBox.tySrch .srchBox input[type="text"]{width:100%;height:50px;padding:0 20px;border:2px solid #5B50BC;border-radius:11px;font-size:16px;color:#41405A} .sectionBox.tySrch .srchBox input[type="button"]{position: absolute;right: 15px;top: 13px;width:26px;height:26px;background: url(../images/icon_sprite_sub.png) no-repeat -247px -46px;font-size:0;border: none;} .partybtnList.borderB{border-bottom:1px solid #E5E7EE;padding-bottom:15px;} .vowelBox{width:100%;height:45px;background: #EBECF2;margin:20px 0;text-align: center;border-radius:5px;} .vowelBox button{margin-right:15px;border: none;background: none;font-size:16px;color: #6F797F;font-weight: bold;font-family: 'NotoSansKR-Regular';line-height: 38px;cursor: pointer;} .vowelBox button.on{color: #41405A;} .pymemberBox{margin-top:20px;} .pymemberBox ul:after{content:' ';clear:both;font-size: 0;display: block;} .pymemberBox li{float:left;width:349px;height:167px;padding:20px;border-radius:11px;background:#FBFBFF;border:1px solid #E5E7EE;margin-right:25px;margin-bottom:20px;color:#41405A;letter-spacing: -.5px;} .pymemberBox li:nth-child(3n){margin-right:0;} .pymemberBox li .imgbox{display: inline-block;width:100px;height:127px;background:#A9A9A9;margin-right:20px;} .pymemberBox li .txtbox{display: inline-block;vertical-align: top;padding-top: 7px;} .pymemberBox li strong{font-size:19px;} .pymemberBox li strong span{font-size:13px;} .pymemberBox li p{font-size:16px;font-family: 'NotoSansKR-Medium';} .pymemberBox li strong + p{margin:5px 0 15px;} .pymemberBox li p.txtS{font-size:14px;} .pymemberBox li p.txtS + .txtS{margin-top:3px;} .viewTypeSelect .goBtn{font-family: 'NotoSansKR-Medium';color: #41405A;font-size: 16px;border: 1px solid #E5E7EE;padding: 3px 15px 4px;border-radius: 5px;background: #fff;} .wrapProfile.newVer {/* height: 426px; */} .wrapProfile.newVer .innerProfile > div{border: 1px solid #E5E7EE;border-radius: 11px} .wrapProfile.newVer .innerProfile .top{height: 158px;} .wrapProfile.newVer .innerProfile.__left .top{padding: 20px;border-color: #E5E7EE;background-color: #FCFCFC;} .wrapProfile.newVer .innerProfile.__left .top .thumbnailWrapper{border-radius: 0;background-color: #A9A9A9;} .wrapProfile.newVer .innerProfile.__left .top ul li{color: #41405A;} .wrapProfile.newVer .innerProfile.__left .top ul .name{font-weight: bold;} .wrapProfile.newVer .innerProfile.__left .bottom ul{height: 210px;padding: 10px 6px;} .wrapProfile.newVer .innerProfile.__left .bottom ul li{color: #41405A;margin: 10px 0 0 9px;} .wrapProfile.newVer .innerProfile.__left .bottom ul li:first-child{margin-top: 0;} .wrapProfile.newVer .innerProfile.__left .bottom ul li:before{left: -10px;top: 9px;width: 0px;height: 0px;border-radius: 50%;} .wrapProfile.newVer .innerProfile.__left .bottom ul::-webkit-scrollbar {width: 5px;} .wrapProfile.newVer .innerProfile.__left .bottom ul::-webkit-scrollbar-thumb {background-color: #D6D5D9;} .wrapProfile.newVer .innerProfile.__left .bottom ul::-webkit-scrollbar-track {background-color: #f8f8f8;} .wrapProfile.newVer .innerProfile.__right div ul{padding: 20px 20px 0;} .wrapProfile.newVer .innerProfile.__right div ul li{margin-top: 8px;} .wrapProfile.newVer .innerProfile.__right div ul li:first-child{margin-top: 0;} .wrapProfile.newVer .innerProfile.__right div ul li span{font-family: 'NotoSansKR-Regular';} .wrapProfile.newVer .innerProfile.__right div ul li p{color:#888} .wrapProfile.newVer .innerProfile .bottom{height: 248px;} .wrapProfile.newVer .innerProfile.__right .bottom{display: inline-block;width: 375px;} .wrapProfile.newVer .innerProfile.__right .bottom.guest{display: inline-block;width: 769px;} .wrapProfile.newVer .innerProfile.__right .right{display: inline-block;width: 375px;height: 248px;margin: 20px 0 0 15px;padding:20px;vertical-align: top;background:#EDF9FF} .wrapProfile.newVer .innerProfile.__right .right ul{padding:16px 0 0;} .wrapProfile.newVer .innerProfile.__right .right ul:after{content:' ';clear:both;font-size: 0;display: block;} .wrapProfile.newVer .innerProfile.__right .right ul li{float:left;position: relative;width:50%;height:22px;margin:0 0 11px 0;padding-left: 10px;font-size:15px;color:#41405A;} .wrapProfile.newVer .innerProfile.__right .right ul li:nth-child(2n){padding-right:0;} .wrapProfile.newVer .innerProfile.__right .right ul li:before{display: inline-block;content: '';position: absolute;left: 0px;top: 11px;width: 3px;height: 3px;border-radius: 50%;background-color: #434343;} .wrapProfile.newVer .innerProfile.__right .right ul li span{width:100px;} .wrapProfile.newVer .innerProfile.__right .right ul li p{color:#41405A;font-weight:bold} .wrapProfile.newVer .innerProfile.__right .right .tit{font-size:18px;color:#70BBE2;font-weight:bold} .wrapProfile.newVer .innerProfile.__right .right .txt{color:#6F797F;margin:8px 0 17px;} .wrapProfile.newVer .innerProfile.__right .right .txt strong{display: inline-block;width: 91px;vertical-align: top;margin-right: 11px;font-weight: normal;font-family: 'NotoSansKR-Medium';} .wrapProfile.newVer .innerProfile.__right .right .txt span{display: inline-block;width: 231px;line-height: 20px;} .wrapProfile.newVer .btnMoreB{position: relative;width:100%;height:30px;background:#70BBE2;border:none;border-radius:5px;font-family: 'NotoSansKR-Regular';font-size:13px;color:#fff;text-align:center;line-height: 20px;} .wrapProfile.newVer .btnMoreB:after{display: inline-block;content: '';width: 20px;height: 20px;background: url(../images/icon_sprite_sub.png) no-repeat -284px -50px;vertical-align: middle;} .btnMoreG{position: relative;width:100%;height:30px;background:#FCFCFC;border:1px solid #E5E7EE;border-radius:5px;font-family: 'NotoSansKR-Regular';font-size:13px;color:#41405A;text-align:center;line-height: 20px;} .btnMoreG:after{display: inline-block;content: '';width: 20px;height: 20px;background: url(../images/icon_sprite_sub.png) no-repeat -311px -49px;vertical-align: middle;} .colBox.col3 .col{width:33%;padding:0 10px;} .colBox.col3 .col:first-child{padding-left:0;} .colBox.col3 .col:last-child{padding-right:0;} /* 상세분석 예시 팝업 */ /* .largePopup.popup.examplePop{width:1000px;} */ .popup.examplePop .popupHeader{border-bottom:0;} .popup.examplePop .popupHeader h1{position: relative;color: #41405A;letter-spacing: 0;font-weight: bold;} .popup.examplePop .popupHeader h1:before{display: inline-block;content: '';width: 20px;height: 20px;background: url(../images/icon_sprite_sub.png) no-repeat -343px -46px;vertical-align: middle;margin-right: 7px;} .popup.examplePop .popupContents{background:#fff} .popup.examplePop .popupHeader .btn_close{background: url(../images/icon_sprite_sub.png) no-repeat -74px -86px;} .popup.examplePop .popupContents::-webkit-scrollbar {width: 10px;} .popup.examplePop .popupContents::-webkit-scrollbar-thumb {background-color: #D6D5D9;} .popup.examplePop .popupContents::-webkit-scrollbar-track {background-color: #f8f8f8;} .popup.examplePop .popupContents{padding-top:5px;} .popup.examplePop .exampleBox{padding-left:10px;text-align:center;} /* 법률검색 QA */ .tySrch .titArea .menuName, .tySrch .titArea .note{display:none;} .sectionBox.tySrch.ty2{background: #FBFBFF url(../images/bgnew_lawqna_02.png) 97% 0 no-repeat;} .sectionBox.tySrch #headerArea{background: inherit;border: none;} .sectionBox.tySrch .srchClickArea{position: absolute;right: 15px;top: 13px;width: 26px;height: 26px;margin-top: 0;background: url(../images/icon_sprite_sub.png) no-repeat -247px -46px;font-size: 0;border: none;} .wrapQna.newVer{margin-top: 0;} .wrapQna.newVer .wrapQnaTit{height: 96px;background-color: inherit;letter-spacing: -.5px;} .wrapQna.newVer .wrapQnaTit h2{padding-top: 35px;font-size: 18px;color: #5B50BC;font-weight: bold;} .wrapQna.newVer .wrapQnaTit p{padding-top: 7px !important;font-size: 14px;color: #888;} .wrapQna.newVer .listQna{padding: 0 20px 20px;} .wrapQna.newVer .listQna > div{float: none;width: 100%;margin: 0px;padding: 20px;border: 1px solid #E5E7EE;border-radius: 11px;} .wrapQna.newVer .listQna > div + div{margin-top:20px;} .wrapQna.newVer .listQna .wrapList{position: relative;} .wrapQna.newVer .listQna .wrapList:before{display: block;content: '';position: absolute;left: 40px;top: 20px;width: 70px;height: 60px;background: url(../images/icon_sprite_sub.png) no-repeat -126px -89px;vertical-align: middle;margin-right: 7px;} .wrapQna.newVer .listQna .wrapList:nth-child(2):before{background-position:-230px -89px;} .wrapQna.newVer .listQna .wrapList:nth-child(3):before{background-position:-325px -86px;} .wrapQna.newVer .listQna .wrapList .list{position: relative;background: #F5F5FD;border-radius: 11px;padding: 10px 30px;} .wrapQna.newVer .listQna .wrapList .list:before{display:block;content: '질문예시';position: absolute;left: 30px;top: 60px;color:#5B50BC;font-weight: bold;} .wrapQna.newVer .listQna .wrapList .list:after{display:block;content: '';position: absolute;left: 108px;top: 62px;width: 17px;height: 15px;background: url(../images/icon_sprite_sub.png) no-repeat -8px -127px;} .wrapQna.newVer .listQna .wrapList .list li{margin-top:5px;padding-left:127px;} .wrapQna.newVer .listQna .wrapList .list li:first-child{margin-top:0px;} .wrapQna.newVer .listQna .wrapList .list li a{font-size: 16px;color: #25292c;letter-spacing: -.5px;} .wrapQna.newVer .listQna .wrapList .list li:before{content: '';margin-right: 5px;width: 2px;height: 2px;background: #6F797F;border-radius: 50%;vertical-align: middle;} .wrapQna.newVer .listQna .wrapList .tit{font-size: 19px;color: #41405A;font-weight: bold;letter-spacing: -.5px;padding-left: 120px;} .wrapQna.newVer .listQna .wrapList .txt{display:block;font-size: 15px;color: #41405A;letter-spacing: -.5px;margin-top:5px;font-family: 'NotoSansKR-Regular';padding-left: 120px;} .wrapResult.newVer{margin:0 auto;padding-top:20px;} .wrapResult.newVer .bxResult{font-size:15px;color:#6F797F;font-family: 'NotoSansKR-Medium';} .wrapResult.newVer .bxResult strong{display: inline-block;padding: 0 8px;color:#5565DC} .wrapResult.newVer .bxResult strong:first-child:after{display:inline-block;content:'|';font-size: 10px;color: #6F797F;padding: 0 0 0 13px;vertical-align: top;margin-top: 3px;} /* .wrapResult.newVer .bxResult_possibility{display:none !important;} */ .wrapResult.newVer .stitArea{margin-top:20px;} .wrapResult.newVer .stitArea .titH4{font-size:21px} .wrapResult.newVer .stitArea .frDv{bottom: 15px;} .wrapResult.newVer .stitArea .frDv a{background: #EAEAFF;border: 1px solid #5B50BC;border-radius: 8px;padding: 6px 10px;font-size: 13px;color: #5b50bc;font-family: 'NotoSansKR-Regular';} .wrapResult.newVer .listResult > ul{margin-top: 15px;} .wrapResult.newVer .listResult > ul > li{padding: 20px 0;} /* .wrapResult.newVer .listResult > ul > li div.listTit{padding-left: 0;background: inherit;border: none;color: #41405A;} */ .wrapResult.newVer .listResult > ul > li div.listTit{font-size: 18px;color: #003d5f;font-weight: bold;width: 80%;display: inline-block;background-color: #f4f8f9;border: 1px solid #dbe8ec;border-radius: 20px;padding: 5px;line-height: 22px;} .wrapResult.newVer .listResult > ul > li div.listTit span{width: 18px;height: 18px;margin-top: 1px;background: #5B50BC;font-size: 14px;border-radius: 50%;line-height: 18px;} .wrapResult.newVer .listResult > ul > li div.listTit span + div{margin-left: 30px !important;} .wrapResult.newVer .listResult > ul > li .article em{margin-right: 0;font-size: 18px;color: #888;} .wrapResult.newVer .listResult > ul > li .article em s{padding-left: 5px;color:#5565DC} .wrapResult.newVer .listResult ul li .layoutLeft .nameLaw{position: relative;width: 100%;} .wrapResult.newVer .listResult ul li .layoutLeft .nameLaw, .wrapResult.newVer .listResult ul li .layoutLeft .nameLaw{margin-left: 0;} .wrapResult.newVer .listResult ul li .layoutLeft .nameLaw span{padding-right: 5px;font-size: 16px;color:#41405A;font-family: 'NotoSansKR-Regular';display:inline-block;position:absolute;} .wrapResult.newVer .listResult ul li .layoutLeft .nameLaw a{font-family: 'NotoSansKR-Regular';font-size: 16px;color: #FF7156;max-width:790px;display:inline-block;margin-left:58px;} .wrapResult.newVer .listResult ul li .layoutLeft .nameLaw a.reqEditBtn{position: absolute;right: 0;top: 0;border-color: #D6D5D9!important;padding: 4px 10px;border-radius: 5px;font-size:13px;color:#6F797F} .wrapResult.newVer .listResult ul li .layoutLeft .nameLaw span:before{display:none;} .wrapResult.newVer .listResult ul li .layoutLeft .contentsLaw{color: #41405A;margin-left: 0;margin-right: 0;margin-top: 0 !important;border-radius: 0;background: inherit; border: none;} .wrapResult.newVer .listResult ul li .layoutLeft .contentsLaw > p{position: relative;padding: 0px 0 0 58px;} .wrapResult.newVer .listResult ul li .layoutLeft .contentsLaw > p > span{position: absolute;left: 0;top: 0px;padding-right: 5px;font-size: 16px;color:#41405A;font-family: 'NotoSansKR-Regular';} .wrapResult.newVer .listResult ul li .layoutLeft .contentsLaw > p > span:after{display:inline-block;content:':';padding:0 5px;} .wrapResult.newVer .listResult ul li .layoutLeft .contentsLaw > p > span:before{display:none;} .wrapResult.newVer .listResult ul li .layoutLeft .contentsLaw > p em{color:#0081d9} .wrapResult.newVer .connectionQuestions{padding: 20px;border: none;background: rgba(255, 166, 0, 0.05);border-radius: 11px;} .wrapResult.newVer .connectionQuestions > span{left: 20px;top: 20px;border-color: #FFA600;color: #FFA600;font-size: 17px;font-weight: bold;padding: 3px 15px 5px 15px;border-radius: 35px;} .wrapResult.newVer .connectionQuestions ul{margin-left: 123px;} .wrapResult.newVer .connectionQuestions ul li{margin-top:0px;} .wrapResult.newVer .connectionQuestions ul li a{font-size:16px;color:#41405A} .wrapResult.newVer .connectionQuestions ul li:before{display:inline-block;content:'';width:3px;height:3px;border-radius: 50%;background:#41405A;vertical-align: super;margin-right: 10px;} .wrapResult.newVer .connectionQuestions ul li + li{margin-top:5px;} /* BI서비스 */ .biserviceBox{margin-top:30px;} .biserviceBox:after{content:' ';clear:both;font-size: 0;display: block;} .biserviceBox li{float:left;width:50%;padding-right:10px;margin-bottom:20px;font-size:17px;color:#41405A;letter-spacing: -.5px;} .biserviceBox li:nth-child(2n){padding-right:0;padding-left:10px;} .biserviceBox li a{display:block;position: relative;padding:30px 0 20px 139px;background:#f7f7f7;border:1px solid #E5E5E5;border-radius:11px;text-align:left;} .biserviceBox li a strong{font-size: 20px;} .biserviceBox li a strong:after{display:block;content:'';position: absolute;left:30px;top:36px;width:79px;height:85px;background: url(../images/bi_icon1.png) no-repeat center center; background-size: 100%} .biserviceBox li a span{display:block;margin-top:5px;line-height: 27px;} .biserviceBox li a span.txt{font-size:14px;color:#888;margin-top:15px;} .biserviceBox li:nth-child(2) a strong:after{background: url(../images/bi_icon2.png) no-repeat center center; background-size: 100%} .biserviceBox li:nth-child(3) a strong:after{background: url(../images/bi_icon3.png) no-repeat center center; background-size: 100%} .biserviceBox li:nth-child(4) a strong:after{background: url(../images/bi_icon4.png) no-repeat center center; background-size: 100%} .biserviceBox li:nth-child(5) a strong:after{background: url(../images/bi_icon5.png) no-repeat center center; background-size: 100%} .biserviceBox li:nth-child(6) a strong:after{background: url(../images/bi_icon6.png) no-repeat center center; background-size: 100%} /* 세계헌법 및 법률 */ .constituBox li{font-size:15px;color:#41405A;margin-top:20px;} .constituBox li a{width:100%;height:120px;display:block;padding:30px 0 30px 160px;position: relative;border:1px solid #E5E7EE;border-radius:11px;text-align:left;} .constituBox li a strong{font-size: 19px;} .constituBox li a strong:after{display:block;content:'';position: absolute;left:30px;top:10px;width:80px;height:110px;background: url(../images/icon_sprite_sub.png) no-repeat 0px -155px;} .constituBox li a span{display:block;font-family: 'NotoSansKR-Regular';margin-top:7px;} .constituBox li:nth-child(2) a strong:after{top:6px;background: url(../images/icon_sprite_sub.png) no-repeat -103px -162px;} .headerTxt{font-size:16px;color:#888;margin:8px 0 10px;} .contentsArea .srchBox{position: relative;} .contentsArea .srchBox input[type="text"]{width: 100%;height: 50px;padding: 0 20px;border: 2px solid #5B50BC;border-radius: 11px;font-size: 16px;color: #41405A;} .contentsArea .srchBox input[type="button"]{position: absolute;right: 15px;top: 13px;width: 26px;height: 26px;margin-top: 0;background: url(../images/icon_sprite_sub.png) no-repeat -247px -46px;font-size: 0;border: none;} .consworldBox{margin-top:10px;} .consworldBox:after{content:' ';clear:both;font-size: 0;display: block;} .consworldBox li{float:left;width:50%;padding-right:10px;margin-top:20px;font-size:16px;color:#41405A;letter-spacing: -.5px;} .consworldBox li:nth-child(2n){padding-right:0;padding-left:10px;} .consworldBox li a{display:block;position: relative;height:53px;padding:0 20px;border:1px solid #E5E7EE;border-radius:11px;text-align:left;} .consworldBox li a:after{display:block;content:'';position: absolute;right:124px;top:10px;width:1px;height:33px;border-left:1px dashed #E5E7EE} .consworldBox li a button{position: absolute;top: 9px;right: 20px;font-size: 13px;color: #5B50BC;background: #EAEAFF;border: 1px solid #5B50BC;border-radius: 8px;padding: 6px 12px;font-family: 'NotoSansKR-Regular';cursor: pointer;} .consworldBox li a strong{line-height: 50px;} .consworldBox li a span{display: inline-block;width: 25px;margin-right: 15px;vertical-align: revert;font-size:21px;color:#5B50BC;font-family:'Montserrat Bold Italic'} .settingBox{position: relative;margin:10px 0;} .settingBox dl:after{content:' ';clear:both;font-size: 0;display: block;} .settingBox dl dt{float:left;width:77px;height:36px;margin-top:10px;padding: 8px 0;} .settingBox dl dt{font-family: 'NotoSansKR-Regular';color:#41405A;} .settingBox dl dd{float:left;width: calc(100% - 77px);height:36px;margin-top:10px;} .settingBox dl dd .floatInput select, .settingBox dl dd .floatInput input{display: inline-block;} .settingBox dl dd .floatInput select{width: 158px;height: 36px;margin-right: 19px;border: 1px solid #D6DCDE;border-radius: 6px;padding: 0 10px;font-size: 14px;font-family: 'NotoSansKR-Regular';color: #41405A;} .settingBox dl dd .floatInput input{width: 550px;height: 36px;border: 1px solid #D6DCDE;border-radius: 6px;padding: 0 10px;font-size: 14px;color:#41405A;font-family: 'NotoSansKR-Regular';} .settingBox dl dd .floatInput input::placeholder{color: #BEBEBE;} .settingBox dl dd .dailyArea_sm{margin:0 !important} .settingBox dl dd .dailyArea_sm .dateInp{display: inline-block;width: 192px;height: 36px;background: url(../images/calendar_new.png) no-repeat right 6px !important;} .settingBox dl dd .dailyArea_sm .daily1, .settingBox dl dd .dailyArea_sm .daily2{width: 158px;height: 36px;padding: 8px 10px;font-size: 14px;font-family: 'NotoSansKR-Regular';color: #41405A;letter-spacing: -.5px;border: 1px solid #d6dcde;background: none !important;border-radius: 6px;resize: none;outline: none;vertical-align: middle;cursor: pointer;} .settingBox dl dd .dailyArea_sm .dateInp + .swung_dash{width: 15px;height: 2px;margin: 0 15px;background: #BEBEBE;display: inline-block;font-size: 0;vertical-align: middle;} .settingBox .settingBtn{position: absolute;right: 0;bottom: 0;width: 90px;height: 36px;border: none;background: #41405A;color: #fff;border-radius: 8px;} .stitArea .totalTxt{font-family: 'NotoSansKR-Medium';font-size:15px;color:#6F797F;} .stitArea .totalTxt span{color:#5565DC} .stitArea .veiwSel{width: 100px;height: 36px;border: 1px solid #D6DCDE;border-radius: 6px;padding: 0 10px;font-size: 14px;font-family: 'NotoSansKR-Regular';color: #41405A;} /* 메일/알림톡 서비스 신청 */ .mailtitBox{position: relative;width:100%;height:124px;padding:20px 20px 20px 132px;background:rgba(112, 187, 226, 0.1);font-family: 'NotoSansKR-Regular';font-size:15px;color:#6F797F;line-height:22px;letter-spacing: -.5px;border-radius: 11px;} .mailtitBox:before{display: block;content:'';position: absolute;left: 30px;top: 27px;width: 63px;height: 69px;background: url(../images/bg_mailtit.png) no-repeat 0 0;} .mailtitBox strong{display:block;margin:5px 0 13px;font-size:21px;color:#41405A;} .mailtitBox + .headerTit{margin-top:30px;} .mailDetail{border: 1px solid #E5E7EE;border-radius: 15px;padding: 20px;margin-top: 20px;} .mailDetail li{padding:20px 0;border-bottom:1px solid #E5E7EE;font-family: 'NotoSansKR-Regular';color:#41405A} .mailDetail li:first-child{padding-top:0;} .mailDetail li:first-child p{font-size: 16px;} .mailDetail li:last-child{border-bottom:none;padding-bottom:0;color:#6F797F} .mailDetail li:last-child p:first-child{margin-bottom:20px;} .mailDetail li:nth-child(2) strong, .mailDetail li:nth-child(2) span, .mailDetail li:nth-child(2) button{display: inline-block;font-size: 15px;margin-right:50px;} .mailDetail li:nth-child(2) strong{width:120px;font-weight: normal;} .mailDetail li:nth-child(2) span{width:80px;color:#888} .mailDetail li:nth-child(2) button{height: 29px;margin-right:0;margin-left:10px;background: #EAEAFF;border: 1px solid #5B50BC;border-radius: 8px;font-size: 13px;color: #5B50BC;font-family: 'NotoSansKR-Regular';} .mailDetail li:nth-child(2) .on span{color:#5565DC} .mailDetail li:nth-child(2) .on button{background: #F2F2F3;border: 1px solid #D6D5D9;color:#888} .mailDetail li:nth-child(2) div + div{margin-top:15px;} .mailDetail li:nth-child(3) p{margin-bottom:20px} .mailDetail li:nth-child(3) div{display: inline-block;} .mailDetail li:nth-child(3) strong{font-weight: normal;color:#888;margin-right:10px;} .mailDetail li:nth-child(3) button{border:1px solid #D6D5D9;border-radius:8px;padding:5px 24px;font-size:13px;color:#888;background:#fff;margin-left:30px;font-family: 'NotoSansKR-Regular';} .mailDetail li:nth-child(3) div + div{margin-left:50px;} .popup.mailPop{width: 500px;margin-top:100px;} .popup.mailPop .popupHeader{border-bottom:0;} .popup.mailPop .popupHeader h1{position: relative;color: #41405A;letter-spacing: 0;font-weight: bold;} .popup.mailPop .popupContents{background:#fff} .popup.mailPop .popupHeader .btn_close{background: url(../images/icon_sprite_sub.png) no-repeat -74px -86px;} .popup.mailPop .popupContents{padding-top:5px;} .popup.mailPop .changeMail{margin-top:10px;} .popup.mailPop .changeMail strong{font-weight: normal;color:#888;margin-right:10px;} .popup.mailPop .changeMail li + li{margin-top:15px;} .popup.mailPop .changeMail li input{width: 300px;height: 36px;border: 1px solid #D6DCDE;border-radius: 5px;padding: 0 10px;font-size: 14px;color:#41405A;font-family: 'NotoSansKR-Regular';} .popup.mailPop .popbtnArea{margin-top:40px;text-align:center;} .popup.mailPop .popbtnArea button + button{margin-left:10px;} .popBtn1{width: 90px;height: 38px;background: #41405A;border: none;border-radius: 8px;font-family: 'NotoSansKR-Regular';color: #fff;} .popBtn2{width: 90px;height: 38px;background: #9BA1B9;border: none;border-radius: 8px;font-family: 'NotoSansKR-Regular';color: #fff;} .searchDiv .periodDiv div.period {display:inline-block;bottom:0px;margin-left:3px;margin-right:3px;} .searchDiv .periodDiv div.periodYear {width:120px;} .searchDiv .periodDiv div.periodMonth {width:80px;} .searchDiv .periodDiv .periodBetween {display:inline-block;position: relative;top:-15px;} .periodicalIssueWrap .rowDiv.dailyArea_sm {margin-top:0px;} .periodicalIssueWrap .rowDiv.dailyArea_sm .rowCnt {width:80px;} .periodicalIssueWrap .sectionBox {overflow:initial;} .periodicalIssueWrap .sectionBox article{overflow:initial;padding-top:0px !important;} .periodicalIssueWrap article .titArea{padding-bottom: 10px;} .sectionBox .issueKeywordArea.slick-dotted.slick-slider {margin-top:20px;margin-bottom:20px;} /* 지도 확대버튼 */ .mapExpansionBtn {display:none;float: right;margin-right: 10px;bottom: -35px;position: relative;z-index: 5;cursor: pointer;font-size: 14px;padding: 3px 14px;border: 1px solid #b0b0b0;border-radius: 4px;background-color: white;} /* 화면 간격 */ .sectionBox + .wrap{margin:30px auto;} .sectionBox + .wrap2{margin:30px auto;} .colBox.pd20 .col .partyList{margin-top:0;} .sectionBox.tySrch.ty2 + .sectionBox{margin-top:20px;} .sectionBox.lastBox{margin-bottom:30px;} .w380{width:380px;} .w516{width:516px;} .h360{height:360px;} .h80{height:80px;} .taL{text-align:left !important;} .mb30{margin-bottom:30px;} .pd20{padding:20px;} .sm_alert {font-size:12px;} .tooltipster-follower.tooltipster-shadow.tooltipsterKeywordTooltip .tooltipster-box {background-color:#e3e9ed !important} .keywordTitle {margin:10px;color:black;font-size:16px;line-height:24px;} .keywordTitle b {font-size:17px;color:#ff6866;} .sectionBox.tySrch .srchBox input[type="text"]::-webkit-input-placeholder { color: #2c2c2c; } .sectionBox.tySrch .srchBox input[type="text"]::-moz-placeholder { color: #2c2c2c; } .sectionBox.tySrch .srchBox input[type="text"]::-ms-input-placeholder { color: #2c2c2c; } .sectionBox.tySrch .srchBox input[type="text"]::-moz-placeholder { color: #2c2c2c; } .sectionBox.tySrch .srchBox input[type="text"]::placeholder{color:#2c2c2c} #fusionAnalysis span.moreLink {font-size: 10px;margin-left: 3px;color: black;font-weight: 800;} .header_wrap.header_inner .contentInner.clearfix .titArea .monitoringPageName span {color: #474747;font-size:14px;font-weight: 100;} .header_wrap.header_inner .contentInner.clearfix .titArea .monitoringPageName {margin-left: 170px;} /* .periodTooltip {display: inline-block;cursor: default;} .periodTooltipTxt{display: none;position: absolute;max-width: 200px;border: 1px solid;border-radius: 5px;padding: 5px;font-size: 0.9em;color: white;background: #3e7b9b; margin-top: -50px;} .periodTooltip:hover .periodTooltipTxt {display: block;} */ /* 모니터링 검색키워드 결과 정렬 버튼 CSS*/ .searchBoxArea .sortOrd:after{font-size: 0; content: " "; display: inline-block; width: 7px; height: 13px; background: url(/resources/main/images/icon_dropDown.png) no-repeat center 1px;background-size: 70%; margin-left: 5px;} .btnMoreNews{display: block; position: relative; width: 231px !important; height: 35px; margin: -26px 15px 30px 15px; box-sizing: border-box; overflow: hidden; border: 1px solid rgba(217,227,231, 1); border-radius: 15px; box-shadow: 7px 7px #f0f0f0; background-color: #fff; text-align: center; cursor:pointer; background:url(../images/ic_summary.svg) no-repeat 75px center; padding-left:20px; } .btnMoreNews:hover { border-color: #b1b1b1 !important; font-weight: 600;} /*공통 contBox 디자인*/ #buzzBubble article{overflow:inherit; padding-bottom: 19px;} /*arrow가 보이기 위해서 hidden해제*/ div.contBox{margin:0 30px;} .contBody{ position: relative; } /*공통 arrow 디자인*/ .arrowPri { position: absolute; width:51px;height:51px;background:url(../images/ic_arrow.svg) center center 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:-30px;left:auto;top:100px;} .arrow_next{left:-30px;margin-top:-25px;transform:rotate(-180deg);right:auto;top:100px;} .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{background-color:rgba(0,0,0,0.02); border-radius: 30px;} */ .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; border-color:transparent} /*.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%; margin-right: 1%; padding: 18px; } .viewport .overview .cardList .viewItem .title{margin-bottom: 10px;} .viewport .overview .cardList .viewItem .text{width: 100%; height: 260px; overflow: auto; float: inherit;} .viewport .overview .cardList .viewItem .media{margin-top: 15px;} .viewport .overview .cardList .viewItem:hover{ background-color: #fff; border:1px solid #5b50bc; box-shadow: 0px 10px 12px 0 rgb(0 0 0 / 3%); cursor: pointer;} .viewport .overview .cardList .viewItem .text::-webkit-scrollbar {width: 5px;} .viewport .overview .cardList .viewItem .text::-webkit-scrollbar-thumb {background-color: #D6D5D9;} .viewport .overview .cardList .viewItem .text::-webkit-scrollbar-track {background-color: #f8f8f8;} #newsCardArea .viewItem{ padding: 24px;} #newsCardArea .viewItem .info .title{font-size: 18px; color:#565656;} #newsCardArea .viewItem .info .text{ color:#757575; line-height: 1.6;} #newsData .titArea .controlArea.oneline{margin-top: 0;} /* 이슈분석 type3 헤더 */ .sectionBox.ty3{ box-shadow: none; } .sectionBox.ty3 .contentInner{border-radius: 15px; margin-bottom: 10px;} .sectionBox.ty3 #headerArea{border: 1px solid #E5E7EE; border-radius: 15px;} .sectionBox.ty3 .titArea .btnArea{ position: absolute; top: 24px; right: 20px; } .sectionBox.ty3 .titArea .btnArea .etcArea{ float: inherit; margin-left: 0px; margin-top: 5px;} .sectionBox.ty3 .titArea .selectric .label{width: 90px!important; font-size: 15px!important;} .sectionBox.ty3 .titArea .viewTypeSelect{ float: left; position: static; margin-right: 2px;} .sectionBox.ty3 .titArea .control_area .btnArea{ position: inherit; } .sectionBox.ty3 .titArea .periodArea span{ color:#1e3e55; letter-spacing: -0.025em; margin-left: 10px; font-size: 15px;} .SrchOpenBtn{ width: 33px; height: 33px; float:left; background: url(../images/icon_search.png) no-repeat 8px 8px; font-size: 0; border:1px solid #ccc; border-radius: 10px; cursor: pointer;} .srchInput.on .searchInputBtn{ margin-left: 3px; width: 33px; height: 33px; top:0; border:1px solid #ccc; border-radius: 10px; } .sectionBox.ty3 .header_wrap.header_inner .contentInner.clearfix .titArea .monitoringPageName{margin-left: 0; padding:20px 0 17px 0; box-shadow: 9px 12px 24px rgb(191 199 224 / 20%); border-radius: 15px;} .sectionBox.ty3 .header_wrap.header_inner .contentInner.clearfix .titArea .monitoringPageName span{display: block;} .sectionBox.ty3 .header_wrap.header_inner .contentInner.clearfix .titArea{padding: 0;} .sectionBox.ty3 .titArea .srch.monitoring{margin-top: -62px;} .sectionBox.ty3 .headerBg{ box-shadow: 9px 12px 24px rgb(191 199 224 / 20%); border-radius: 15px;} .sectionBox.ty3 + #slidePageWrap{margin-top:10px} .sectionBox.ty3 + .sectionBox.ty2 .scrollbarWrap { height:39vh} /*최신이슈/이슈분석/SNS데이터 유튜브 디자인*/ /*유튜브/인스타 공통*/ .viewport .overview .thumbnail {margin-top: 10px;} .viewport .overview .thumbnail .viewItem{flex: 0 0 calc(50% - 11px);} .viewport .overview .thumbnail .contentMore{ float: right;} .viewport .overview .thumbnail .viewItem .info{width: 100%;} /*유튜브*/ .youtubeArticle .youtubeImg { position: relative; display: block; height: 272px; margin-bottom: 14px; background:#ECEEF5 url(../images/noimg_youtube.png) no-repeat center center / cover; transition: background-size 0.2s ease 0s; border-radius: 16px;} .youtubeArticle a .linkText { color: #333; font-size: 16px; 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; } .youtubeArticle .internet{line-height: 1.6;} /*인스타*/ .instarArticle .instarImg { position: relative; display: block; height: 272px; margin-bottom: 14px; 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; 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; } /*공통 버튼 디자인*/ .btn{ padding: 5px 16px; background-color: #ffffff; border: 1px solid #aaa; border-radius: 12px; cursor: pointer;} /*20221202입법관련통계시스템*/ .legisStat_Wrap *{ font-weight: 'NotoSansKR-Regular', 맑은 고딕,Apple Gothic, Dotum,tahoma,sans-serif;} .legisStat_Wrap {margin-top: 30px; } .legisStat_Wrap .sectionBox > section {padding:20px} .legisStat_Wrap header.sectionBox{padding: 0;} .legisStat_Wrap .sectionBox.tySrch{height: auto; padding: 0; background-color: #F7F4FF; background-image: url('../images/bg_legisStat.png');} .legisStat_Wrap .sectionBox.tySrch .srchBox input[type="text"]{ border: 2px solid #e9e9e9 ;} .legisStat_Wrap .sectionBox.tySrch .srchBox input[type="text"]::placeholder{color:#585858; background-color:transparent} .legisStat_Wrap .sectionBox.tySrch .srchBox input[type="text"]:hover, .legisStat_Wrap .sectionBox.tySrch .srchBox input[type="text"]:focus{border: 2px solid #5B50BC;} .legisStat_Wrap .sectionBox.tySrch .titArea .menuName{display: block;} .legisStat_Wrap .sectionBox.tySrch .titArea .menuName span{position: relative; margin: 0 14px;} .legisStat_Wrap .sectionBox.tySrch .titArea .menuName span:before{ position: absolute; transform: rotate(45deg) translate( -50%, -50% ); top: 57%; left: -5px; content: ''; width: 6px; /* 사이즈 */ height: 6px; /* 사이즈 */ border-top: 2px solid #9f9eb9; /* 선 두께 */ border-right: 2px solid #9f9eb9; /* 선 두께 */ } .legisStat_Wrap .sectionBox.tySrch > section{padding:0;} .legisStat_Wrap .sectionBox{margin-bottom: 58px;} .legisStat_Wrap .sectionBox.service01{ border-color: #6056C3;} .legisStat_Wrap .sectionBox.service02{ border-color: #00BCD3;} .legisStat_Wrap .sectionBox.service03{ border-color: #B3A2C7;} .legisStat_Wrap .sectionBox.service01 .titArea h2{ color: #6056C3;} .legisStat_Wrap .sectionBox.service02 .titArea h2{ color: #00BCD3;} .legisStat_Wrap .sectionBox.service03 .titArea h2{ color: #6e469d;} .legisStat_Wrap .titArea.type3{border-bottom: 0;} .legisStat_Wrap .titArea.type3 h2{color:#41405A; line-height: 1.5; font-size: 20px;} .legisStat_Wrap .slick-arrow{ width: 51px; height: 51px; background: #f1f1f1 url(../images/icon_sprite.png) left -26px no-repeat; border:1px solid #eee; opacity: .9; z-index: 1;} .legisStat_Wrap .slick-arrow:hover, .legisStat_Wrap .slick-arrow:focus{background-color:#e7e7e7;} .legisStat_Wrap .slick-next { left: -20px; margin-top: -25px; transform: rotate(-180deg); right: auto; top: 52.5%; border-top-left-radius: 30px; border-bottom-left-radius: 30px;} .legisStat_Wrap .slick-prev { right: -20px; left: auto; top: 52.5%; border-top-left-radius: 30px; border-bottom-left-radius: 30px;;} .legisStat_Wrap .slick-prev:before, .legisStat_Wrap .slick-next:before{color: transparent;} .legisStat_Wrap .slideTrack{ margin-top: 14px; overflow: hidden; } .legisStat_Wrap .slideItem > a{display: block; height: 220px; float:left; margin: 13px; border-radius: 20px; border:1px solid #ddd; position: relative; overflow: hidden; } .legisStat_Wrap .slideItem.off{display: none;} .legisStat_Wrap .slideItem > a img{width: 100%;} .floating{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding:30px; background: #222; opacity: 0; word-break: keep-all;} .floating:hover {opacity: 0.85;} .floating:hover h3 { animation: sub_txt .2s ease-out .1s both;} .floating:hover span{ animation: sub_txt .4s ease-out .2s both;} .floating span{ position: absolute; bottom:26px; right:26px; color:#fff; text-align: right;} .floating h3 { display: block; color:#fff; margin: 50px 20px 20px; overflow: hidden; text-align: center; 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;} .floatingWide{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding:12px; background: #222; opacity: 0; border-radius: 12px;} .floatingWide:hover {opacity: 0.85;} .floatingWide:hover h3 { animation: sub_txt .2s ease-out .1s both;} .floatingWide h3 { display: block; color:#fff; text-align: center; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical; padding: 0; font-size: 18px;} .service01 .slideItem .tagArea{ position: absolute; bottom:20px; padding:0 16px } .service01 .slideItem .tagArea li{ display: inline-block; margin-right: 6px;} .service01 .slideItem .tagArea li:last-child{margin-right: 0;} .service01 .slideItem.cardType_white .tagArea{ color:#fff;} .btnAll{ width: auto; height: auto; padding-left: 26px; padding-top: 4px; margin-top: 4px; border:0; float:left; background:url('../images/ico_btnAll.png') no-repeat center left;} .cardType_white .tagArea{ color:#fff;} /*통계차트형 카드디자인*/ .chartBox .slideItem h2{ position: absolute; bottom:0px; width: 100%; padding:15px 20px 18px; background-color:rgba(248,248,248,.8); font-size: 22px; color:#41405A; font-weight: 600;} .chartBox .slideItem h2 span{ display: block; font-size: 15px; font-weight: normal; color:#444} .chartBox .slideItem > a{margin:10px; border-color: #00BCD3;} .chartBox .slideItem > a img{margin:0 auto; transition: .2s; min-width: 344px; } .chartBox .slideItem > a:hover img, .chartBox .slideItem > a:focus img{scale: 1.4;} .slideBox.on .slideItem, .chartBox.on .slideItem{float:left; width:366px;} /* .chartBox .slideItem > a{ background:#fff url('../images/bg_graph_real_01.png') no-repeat center 10px; background-size:320px; transition: background-size .3s ease; -moz-transition: background-size .3s ease; -web-kit-transition: background-size .3s ease; } .chartBox .slideItem > a.graph02{ background-image:url('../images/bg_graph_real_02.png');} .chartBox .slideItem > a.graph02:hover, .chartBox .slideItem > a.graph02:focus{background-size:330px;} .chartBox .slideItem > a.graph03{ background-image:url('../images/bg_graph_real_03.png'); background-size: 230px;} .chartBox .slideItem > a.graph03:hover, .chartBox .slideItem > a.graph03:focus{background-size:270px;} .chartBox .slideItem > a.graph04{ background-image:url('../images/bg_graph_04.png'); background-size: 110px;} .chartBox .slideItem > a.graph04:hover, .chartBox .slideItem > a.graph04:focus{background-size:130px;} .chartBox .slideItem > a.graph05{ background-image:url('../images/bg_graph_05.png'); background-size: 83px;} .chartBox .slideItem > a.graph05:hover, .chartBox .slideItem > a.graph05:focus{background-size:110px;} .chartBox .slideItem > a.graph06{ background-image:url('../images/bg_graph_06.png');} .chartBox .slideItem > a:hover{ background-size: 340px; outline:1px solid #ddd;}*/ .chartBox .tagArea{ margin-left: 10px;} .chartBox .tagArea li {margin-bottom: 8px; margin-right: 6px; float:left;} .chartBox .tagArea li a{padding:3px 8px; background-color:#EFEFEF; border-radius: 4px; font-size: 12px;} .chartBox .tagArea li a:hover, .chartBox .tagArea li a:focus{background-color:#DADAE8;} /*한줄리스트형 카드디자인*/ .listBox{margin: 20px 0;} .listBox ul li{ position: relative; border:1px solid #D8D2E6; margin-bottom: 10px; background-color: #F8F8FC; border-radius: 10px; } .listBox ul li:last-child{margin-bottom: 0;} .listBox ul li .floatingWide h3{line-height: 28px;} .listBox ul li .floatingWide:hover a, .listBox ul li .floatingWide:focus a{ padding-top: 5px; background-position-y: 2px; color:#fff; z-index: 2;} .listBox ul li a { display: flex; align-items: center; height:55px; } .listBox ul li a > h3{ flex:2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 14px; color:#6e469d; font-size: 16px; font-weight: 600;} .listBox ul li a > h4{ flex:4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 28px; background:url('../images/dot.svg') no-repeat center left; margin-left: 10px;} .listBox ul li .btnDetailView{color:#41405A; background:url('../images/btn_DetailView.png') no-repeat 0 -60px; padding:10px 5px 10px 30px;} /*상세공통*/ .textL{text-align: left;} .textR{text-align: right;} .textC{text-align: center;} .legisStat_Wrap .sectionBox:first-child{margin-bottom: 10px;} .btnAreaMove{ display: block; width: 100%; text-align: center; margin-bottom:20px;} .btnAreaMove.active{ margin: 0 auto 20px auto; } .btnAreaMove button{ position: fixed; right:255px; bottom:27px; min-width:110px; height: 42px; z-index: 9; border-radius: 10px; color:#4D4C65; border-color: #ddd; font-size: 15px; margin:0 auto;} .btnAreaMove button:before{ content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 8px; transition: box-shadow .5s ease, transform .2s ease; will-change: transform; box-shadow: 0 2px 5px rgba(0, 0, 0, .2); transform: translateY(var(--ty, 0)) rotateX(var(--rx, 0)) rotateY(var(--ry, 0)) translateZ(var(--tz, -12px));} /*이슈로보는통계-상세*/ .legisStat_Wrap.issue div.sectionBox > section{padding:20px 50px} .btn_pdf{ height: 40px; border:0; background:#E94444 url('../images/btn_pdf.svg') no-repeat left 20px center; padding-left: 50px; padding-right: 28px; color:#fff; box-shadow: 3px 3px 3px #3333332e; } .infographicArea{position: relative; margin-bottom: 40px;} .infographicArea img{min-width: 100%;} .infographicArea .btn_pdf{ position: absolute; right:20px; top:30px; border:0;} .titArea.type4{border: 0;} .titArea.type4 .titleBox{position: relative;} .titArea.type4 .titleBox h2{font-size:26px; padding: 0 14px 5px 12px; color:#41405A} .titArea.type4 .titleBox h2:before{ display: inline-block; content: ""; width:4px; height:26px; background-color:#41405A; position: absolute; top: 5px; left: 0;} a.btn_link{background: #fcfcfc url(../images/ic_link_gray.svg) no-repeat center;} .titArea.type4 .titleBox h2 a.btn_link{ display: inline-block; width: 45px; height: 32px; padding: 10px; margin-left: 14px; vertical-align: bottom; border-radius: 9px; border-color: #ddd;} .titArea.type4 .titleBox p{padding-bottom: 10px; font-size: 17px;} .titArea.type4 .titleBox .btnArea{ float: inherit; position: absolute; top: 50%; right:0; transform: translateY(-50%);} .titArea.type4 .titleBox .btnArea a{ float: inherit; display: block; font-size: 18px; letter-spacing: -0.04em; border-radius: 8px; } .titArea.type4 .titleBox .btnArea a + a{margin-top: 4px;} .btn_linkWhite{ float:right; padding-left: 10px; color:#fff; background:linear-gradient(90deg, #6D47C0 0%, #575EC4 100%); } .btn_linkWhite:before{content:''; display: inline-block; width:30px; height:30px; margin-right: 4px; background: url('../images/ic_link_white.svg') no-repeat center; vertical-align: middle;} .titArea .tagArea{ position: inherit; width: auto; display: flex;} .titArea .tagArea li { margin:10px 10px 10px 0px} .titArea .tagArea li a{padding:2px 8px 4px 8px; background-color:#EFEFEF; border-radius: 4px; font-size: 17px; letter-spacing: -0.04em;} .titArea .tagArea li a:hover, .titArea .tagArea li a:focus{background-color:#DADAE8;} .descArea article{margin: 0;padding: 0; width: auto; border-radius: 0;} .descArea article:first-child h3{margin-top: 10px;} .descArticle h3{ font-size: 21px; color:#4F45A8; font-weight: bold; padding:18px 14px 18px 38px; margin-bottom: 10px; margin-top: 40px; background:#EDEAFF url('../images/bg_desc01.svg') no-repeat center left 10px; border-radius: 10px; letter-spacing: -0.04em; } .descArticle h3.subTitle{ background-color:#F3F3F3} .descArticle.desc02 h3{ background-image: url('../images/bg_desc02.svg');} .descArticle.desc03 h3{ background-image: url('../images/bg_desc03.svg');} .descArticle.desc04 h3{ background-image: url('../images/bg_desc04.svg');} .descArticle .grayBox{ background:#F9F9F9; padding:15px 20px 40px 20px; margin-bottom: 10px; border-radius: 14px; position: relative; } .descArticle .grayBox .btn_txtMore{ position: absolute; bottom:5px; right:5px; border:0; font-size:0; width: 40px; height:40px; cursor: pointer; background:transparent url('../images/btn_double_arrow.svg') no-repeat center; opacity: .9;} .descArticle .grayBox .btn_txtMore:focus, .descArticle .btn_txtMore:hover{opacity: 1; border:1px solid #eee; border-radius: 15px;} .descArticle .grayBox .btn_txtMoreClose{ position: absolute; bottom:5px; right:5px; border:0; font-size:0; width: 40px; height:40px; cursor: pointer; background:transparent url('../images/btn_double_arrow.svg') no-repeat center; opacity: .9; transform: rotate(180deg);} .descArticle .grayBox .btn_txtMoreClose:focus, .descArticle .btn_txtMoreClose:hover{opacity: 1; border:1px solid #eee; border-radius: 15px;} .descArticle .grayBox dl dt{ padding-bottom: 10px; } .descArticle .grayBox dl dd{font-size:14px; line-height: 1.6; letter-spacing: -0.0125em;} .descArticle .linkArea, .descArticle > .grayBtnArea { display: flex;} .descArticle .grayBtnArea a{ flex:1; display: block; height: 55px; margin-right: 10px; margin-bottom: 10px; font-size: 20px; border:1px solid #F1F0F6; border-radius: 10px; padding:12px; padding-right: 62px; background:#fcfcfc url('../images/ic_link_gray.svg') no-repeat right 20px center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap :normal; } .descArticle .grayBtnArea a:last-child{margin-right: 0;} .descArticle .linkArea{ border-top:1px dotted #ddd; margin-top: 20px; padding-top: 20px;} .descArticle .linkArea .leftBtnArea{width: calc(50% - 5px); margin-right: 10px;} .descArticle .linkArea .rightBtnArea{width: calc(50% - 5px);} .descArticle .linkArea h4{margin-bottom: 20px; font-size: 20px;} .descArticle .linkArea > div{position: relative; } .btn_linkMore, .btn_linkMoreClose{ position: absolute; top:-5px; right: 12px; border:0; width:40px; height:40px; background-color: transparent; cursor: pointer;} .desc01 ul.grayBtnArea li.off{display: none;} .descArticle .plus { display: inline-block; position: relative; width: 3px; height: 17px; padding: 0; background: #54536a; border:0;} .descArticle .plus:after {content: ""; position: absolute;top: 7px;left: -7px; width: 17px; height: 3px; background: #54536a;} .descArticle .minus{display: inline-block; position: relative; top:-5px; width: 17px; height: 3px; padding: 0; background: #54536a; border:0;} .descArticle .linkArea .grayBtnArea{clear:both; } .descArticle .linkArea .grayBtnArea.on{max-height: inherit;} .desc01 .grayBox dl dd{height: 164px; max-height: 164px; overflow: hidden; padding-right: 10px; } .desc01 .grayBox dl dd.on{height: auto; max-height: inherit; } .whiteBox{ border:1px solid #E8E8E8; border-radius: 10px; padding:20px;} .desc02 h4{ float:left; font-weight: bold; color:#41405A; line-height: 28px; padding: 0px 0 20px 30px; background:url('../images/bg_desc02_gray.svg') no-repeat 0 3px; font-size: 20px; letter-spacing: -0.04em; } .desc02 h4 + .btnArea{ float:right; display: flex;} .desc02 h4 + .btnArea > a{ float:initial; display: block; margin:0 4px; margin-top: -8px; border:1px solid #ddd; padding:8px 14px 8px 45px; background:url('../images/ic_link_gray.svg') no-repeat center left 12px; border-radius: 8px; opacity: .9; text-align: right; font-size: 16px; } .btn_dashBoard{ background-image:url('../images/ic_dashboard.svg')!important; } .desc02 h4 + .btnArea > a:focus, .desc02 h4 + .btnArea > a:hover{ opacity: 1;} .desc02 .contArea{ position: relative; clear: both; margin: 20px 0; border-top: 1px solid #eee; padding: 20px 0;} .desc02 .contArea h5{padding-bottom: 14px; font-size: 14px;} .desc02 .contArea p{line-height: 1.5;} .desc02 .contArea .chartArea{ margin: 10px 0;} .desc02 .contArea .chartArea > div{ margin-right: 10px; background-color:#f5f5f5; padding:15px; border-radius: 10px;} .desc02 .contArea .chartArea > div:last-child{margin-right: 0;} .desc02 .contArea .chartArea > div h6{font-size:15px; color:#1A5C94; padding-bottom: 10px;} .desc02 .contArea .chartArea > div > p{ padding-bottom: 10px;} .desc02 .contArea .chartArea > div > table{ width:95%!important; margin:0 auto; border-top:2px solid #2c2c2c;} .desc02 .contArea .chartArea > div > table th{background-color:#d7d7d7} .desc02 .contArea .chartArea > div img{ display: block; margin: 0 auto;} .desc02 .contArea .coment_url{opacity: .8; } .desc02 .contArea .coment_url:hover, .desc02 .contArea .coment_url:focus{opacity: 1; text-decoration: underline;} .descArticle table{width:100%; table-layout:fixed;} .descArticle table thead th {height: 40px;background-color: #F2F2F3;border-bottom: 1px solid #E8E8E8;font-size: 14px;color: #41405A;font-weight:bold;text-align:center;} .descArticle table tbody td {height: 40px;padding:0 15px;border-bottom: 1px solid #E8E8E8;font-size: 14px;color:#41405A;text-align:center;} .descArticle table.ty1 table tbody td:first-child{text-align:left;color:#2BBCD0;font-weight:bold;} .descArticle table tbody td.noData{height:360px;font-size:16px;background-color: #F2F2F3;color:#BBB9B6 !important;text-align:center !important;} .descArticle table tr.bgCol td{color:#2BBCD0;font-weight: bold;} .descArticle table.ty2 {border-top: none;} .descArticle table.ty2 table thead th {height: 30px;background-color: #F5F5FD;border-bottom: 1px solid #E5E7EE;} .descArticle table.ty2 table tbody td {height: 40px;padding:0 5px;border-bottom: 1px solid #E5E7EE;} .pointTx{ color:#ff3f3e; } .desc03 ul li{display: flex; justify-content: space-between; border:1px solid #E8E8E8; margin-bottom: 10px; border-radius: 10px;} .desc03 h4{ width: 70%; padding: 17px 0 17px 50px; background:url('../images/bg_desc03_gray.svg') no-repeat top 13px left 20px; font-size: 20px; color:#41405A;} .desc03 span{width: 24%; margin-right: 30px;} .desc03 span a{display: inline-block; float:left; padding:12px 15px 12px 30px; background:url('../images/ic_link_gray.svg') no-repeat left center; font-size: 20px; } .desc03 span a:after{content:''; display: inline-block; width:1px; height:10px; margin-left: 20px; background-color:#ddd; } .desc03 span a:last-child{float:right; margin-right: 0; background-image:url('../images/ic_decsAdd.svg');} .desc03 span a:last-child:after{display: none;} .desc03 span a:hover, .desc03 span a:focus{ color:#222; text-decoration: underline;} .desc03 span a.disabled{opacity: 0.3; cursor: none;} .desc03 span a.disabled:hover, .desc03 span a.disabled:focus{text-decoration: none;} /* .desc04 .slideRelated .slideList{width:938px; height: 224px; margin: 0 auto;} .desc04 .slideRelated .slideItem a{ width:170px; position: relative; overflow: hidden; border-radius: 0; border:0} .desc04 .slideRelated .slideItem a .txtArea{ position: absolute; top:0px; text-align: center; display: block; width: 100%; height: 100%; padding:40px 20px 20px; color: #fff; word-break: keep-all;} .desc04 .slideRelated .slideItem:nth-child(5n) a{margin-right: 0;} .desc04 .slideRelated .slideItem a .txtArea h4{height: 120px; line-height: 1.2; } .desc04 .slideRelated .slideItem a img{ display: inline-block; width: 174px; height: 240px; border: 1px solid #eee; margin: 0 auto 10px auto; -webkit-box-sizing: border-box; box-sizing: border-box;} .desc04 .slideRelated .slick-dots{display: none;} */ .desc04 .slideRelated .slideItem a{ border-radius: 0; border:0; margin:10px;} .desc04 .slideRelated .slideItem a .txtArea{ position: absolute; top:0px; text-align: center; display: block; width: 100%; height: 100%; padding:40px 20px 20px; color: #fff; word-break: keep-all;} .desc04 .slideRelated .slideItem a .txtArea h4{height: 78px; line-height: 1.2; word-break: break-all; margin-bottom:20px; width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: keep-all; word-wrap: break-word;} .desc04 .slideRelated .slideItem a .txtArea span{padding-bottom: 20px;} .desc04 .slideRelated .slideItem a .txtArea p{ position: absolute; bottom:20px; transform: translateX(-50%); left:50%; width:80%; overflow: hidden; text-overflow: ellipsis;} .desc04 .slideRelated .slideItem a img{ display: inline-block; border: 1px solid #eee; margin: 0 auto 10px auto; -webkit-box-sizing: border-box; box-sizing: border-box;} .desc04 .slideRelated .slick-dots{display: none;} /*법률과 통계-상세*/ .legisStat_Wrap.actstat div.sectionBox > section {padding:50px 50px 50px 50px} /*상임위원회별 통계-상세*/ .legisStat_Wrap .deshBoardArea{margin-top:20px;} .legisStat_Wrap.cmtstat div.sectionBox > section {padding:40px 50px 50px 50px; border-radius: 20px; background-color: #fbfbfb;} .btn_statsInfo{ position: absolute; right: 0;top: 0; padding-left: 10px; color:#fff; background: linear-gradient(90deg, #6D47C0 0%, #575EC4 100%); border-radius: 10px; } .btn_statsInfo:before{content: ''; display: inline-block; width: 30px; height: 30px; margin-right: 4px; background: url(../images/bg_desc02_white.svg) no-repeat center; vertical-align: middle;} .cmtstat article{ margin: 0 0 20px 0; width: auto; background-color: #fff;} .cmtstat article h3{ display: inline-block; color:#344a7c; font-size: 17px; font-weight: bold;} .cmtstat article h4{ text-align: center; font-weight: bold; font-size: 15px;} .cmtstat article > div{ margin-right:20px; box-shadow: 9px 12px 24px rgba(243, 243, 250, 0.7);} .cmtstat article > div:last-child{margin-right: 0;} .cmtstat article > div > div{margin-top: 10px;} .cmtstat .chart_wrap{margin-top: 20px; clear: both; padding-top: 20px; border-top:1px dotted #cfd7dd} .cmtstat h4{text-align: center;} .cmtstat .controlArea{float:right; margin-top: -6px;} .cmtstat .controlArea select + span{ margin-left: 10px;} .cmtstat .selectricWrapper{float:left;} .cmtstat .inpCheck{float:right} .flex, .autoLayer{display: flex;} .flex1{flex:1} .flex2{flex:2} .autoLayer > article, .autoLayer > *{flex: 1;} .autoLayer > article + article{margin-left: 2%;} .deshBoardChart{min-height: 500px;} /*팝업-통계소개*/ .popupWrap{ 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;} .popupWrap.on{ opacity: 1; visibility: visible;} .popup_statsInfo{ border:1px solid #25A4B4;} .popup_statsInfo .popupContents{padding:30px 45px 45px 45px; background-color: #fff; max-height: 640px; } .popup_statsInfo .popupContents h2{ color:#41405A; padding-bottom: 10px; font-size: 20px; font-weight: 600;} .popup_statsInfo .popupContents h2::before{content:''; display: inline-block; width:3px; height:20px; background-color: #00B195; margin-right: 10px;} .popup_statsInfo .popupContents h3{ color:#474752; font-weight: 600; text-indent: 10px; font-size: 16px;} .popup_statsInfo .popupContents dl dt{font-weight: bold; font-size: 16px; padding-bottom: 8px;} .popup_statsInfo .popupContents h3 p{padding-bottom: 4px; text-indent: 20px;} .popup_statsInfo .popupContents h3 p::before{content:''; display: inline-block; width:3px; height:3px; background-color: #8e8da1; margin-bottom:3px; margin-right: 8px;} .popup_statsInfo .popupContents dl + dl{ margin-top: 10px;} .popup_statsInfo .popupContents > div{ padding-bottom: 40px; margin-bottom: 40px; border-bottom:1px dotted #dbdbdb} .popup_statsInfo .popupContents .cont1 h3::before{content:''; display: inline-block; width:4px; height:4px; background-color: #777; margin-bottom:4px; margin-right: 7px; border-radius: 10px; } .popup_statsInfo .popupContents .cont3 h2 + p{background-color: #eee; border-radius: 10px; padding:20px; text-align: center;} .popup_statsInfo .popupContents > div p{line-height: 2;} .popup_statsInfo .popupContents .cont4 p a{ margin-left: 4px; } .popup_statsInfo .popupContents .cont4 p:hover, .popup_statsInfo .popupContents .cont4 p:focus{font-weight: bold; } .popup_statsInfo .popupContents .cont4 p a span{ letter-spacing: -0.04em; color:#797885; line-height: 2.4; background: url(../images/icon_link.svg) no-repeat 2px center /20px; padding:3px 5px 4px 22px;} .popup_statsInfo .popupContents .terminology h3{ display: inline-block; width:200px; vertical-align: top; margin-right: 20px; color:#00B195;} .popup_statsInfo .popupContents .terminology h3:before{background-color:#00b195} .popup_statsInfo .popupContents .terminology h3 + p{ display: inline-block; width:calc( 100% - 260px ); text-indent: 0; } .popup_statsInfo .popupContents .terminology h3 + p::before{content: none;} /*인풋체크공통*/ .inpCheck input[type="checkbox"]{display: none;} .inpCheck label{ position: relative; padding-left: 24px; color: #666; font-size: 15px; line-height: 32px; margin-left: 10px;} .inpCheck label:before, .inpCheck label:after { content: " "; display: inline-block; position: absolute; width: 15px; height: 15px; left: 0; cursor: pointer; top: 3px; border: 1px solid #C4C3C3; background-color: #fff; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; -ms-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } /*셀렉트공통*/ .o-select { position: relative; min-width: 120px; height: 40px!important; padding: 0 20px 0 12px; color: #000; font-size: 13px; border: 1px solid #d7d7d7; border-radius:10px; color: #333; cursor: pointer;} .legisStat_Wrap .selectricItems li{padding: 5px;font-size: 15px !important;} /* 빅데이터분석-내문서분석-문서요약하기 */ .summaryBox{padding:20px; background: #f6f5ff; border: none;} .summaryBox h3{font-size: 17px; color: #5b50bc; font-weight: bold; margin:16px 0 10px 0; background: url("../../images/ico_summary.svg")left center no-repeat; padding-left: 26px;;} .summaryBox h3:first-child{margin-top: 0;} .summaryBox p{margin-bottom: 8px; word-break: keep-all;}