@import "common.css";

.lineht {line-height : 180%;}
.labelQColor {color: #28558c;}
.labelAColor {color:#4b84be;}
.aColor {color: #777;}
.aColor:hover {color: #28558c;}
.indent {text-indent:1em;}

.mobTopBtn {width: 25px;height: 25px;background-color: #fff;border: solid 1px #a7aeba;position: fixed;bottom: 20px;right: 30px;cursor: pointer;display: none;}
.mobTopBtn img {width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.txt265_line {width:265px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 20px;}
.totView {background: url(/img/front/ic-t-lawinfor.png)no-repeat 178px;}

.sub99 {height: 100vh;}
.sub99>.left {max-width: 420px;width: 100%;height: 100%;float: left;}
.sub99>.left>.fll:nth-child(1) {max-width: 104px;width: 100%;height: 100%;background-color: #1e4378;}
.sub99>.left>.fll:nth-child(1) a {width: 100%;height: 90px;}
.sub99>.left>.fll .logo {padding-top: 13px;text-align: center;}
.sub99>.left>.fll .logo img {width: auto;}
.sub99>.left>.fll .lnb_list {padding-top: 60px;text-align: center;background-repeat: no-repeat;background-position: center 15px;color: rgba(255, 255, 255, 0.6);border-bottom: 1px solid #335584;}
.sub99>.left>.fll .lnb_list.on {background-color: #f0f0f0;color: #28558c;}
.sub99>.left>.fll .lnb_list.icon-01 {background-image: url(/img/viewer/ic-tab-law.png);}
.sub99>.left>.fll .lnb_list.icon-02 {background-image: url(/img/viewer/ic-tab-additional.png);}
.sub99>.left>.fll .lnb_list.icon-03 {background-image: url(/img/viewer/ic-tab-speech.png);}
.sub99>.left>.fll .lnb_list.icon-04 {background-image: url(/img/viewer/ic-tab-minutes.png);}
.sub99>.left>.fll .lnb_list.icon-05 {background-image: url(/img/viewer/ic-tab-vod.png);}
.sub99>.left>.fll .lnb_list.icon-01.on {background-image: url(/img/viewer/ic-tab-lawon.png);}
.sub99>.left>.fll .lnb_list.icon-02.on {background-image: url(/img/viewer/ic-tab-additionalon.png);}
.sub99>.left>.fll .lnb_list.icon-03.on {background-image: url(/img/viewer/ic-tab-speechon.png);}
.sub99>.left>.fll .lnb_list.icon-04.on {background-image: url(/img/viewer/ic-tab-minuteson.png);}
.sub99>.left>.fll .lnb_list.icon-05.play {background-image: url(/img/viewer/ic-tab-vodon.png);color: #ffcf0c;}

.search_wrap {width: 100%;background: #fff;border: 1px solid #1e4378;position: relative;}
.search_wrap input[type=text] {height: 44px;padding-left: 10px;line-height: 44px;color: #1e4378;}
.search_wrap input[type=image] {width: 22px;margin: 11px 13px;position: absolute;top: 0;right: 0;}

.sub99>.left>.fll:nth-child(2) {max-width: 316px;width: 100%;height: 100%;padding: 10px 20px;background-color: #f0f0f0;overflow: auto;}
.sub99>.left>.fll dl {padding: 30px 10px 10px;font-size: 15px;line-height: 25px;}
.sub99>.left>.fll dl dt {color: #333;font-weight: 500;padding-bottom: 10px;}
.sub99>.left>.fll dl dd:after {content:'';display:block;clear:both;}
.sub99>.left>.fll dl dd a {color: #28558c;font-weight: 300;}
.sub99>.left>.fll .bar {width: 100%;height: 1px;background-color: #dcdcdc;}
.sub99>.left>.fll .more_btn {padding-top: 10px;padding-right: 15px;background-image: url(/img/viewer/btn-uplus.png);background-repeat: no-repeat;background-position: right center;background-size: 15%;color: #555;}

.sub99>.right {max-width: 1500px;width: calc(100% - 420px);height: 100vh;float: left;background-color: #f0f0f0;overflow: hidden;}
.sub99>.right>.top {height: 7%;min-height: 64px;padding: 0 20px;align-items: center;justify-content: space-between;background-color: #fff;}
.sub99>.right>.top .flr {float: none;}
.sub99>.right>.top .flr>* {width: 30px;height: 30px;margin-left: 2px;line-height: 30px;border: 1px solid #aeb3bb;position: relative;}
.sub99>.right>.top .flr>*>img {width: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.sub99>.right>.top .flr>.select {width: 120px;color: #777;}
.sub99>.right>.top .flr>.select .select-options {border-right: 1px solid #aeb3bb;border-left: 1px solid #aeb3bb;}
.sub99>.right>.top .flr>.select .select-options li {border-bottom: 1px solid #aeb3bb;}
.sub99>.right>.top .flr>.select .select-options li:first-child {border-top: 1px solid #aeb3bb;}
.sub99>.right>.top .flr .btn_close {width: 80px;margin-left: 24px;padding-left: 10px;color: #aeb3bb;background-image: url(/img/viewer/btn-uclose.png);background-repeat: no-repeat;background-position: right 10px center;}
.sub99>.right>.bottom {height: 92%;margin-top: 10px;overflow: hidden;}
.sub99>.right>.bottom>.left {max-width: 1370px;width: calc(100% - 130px);height: 100%;padding: 20px;float: left;background-color: #fff;overflow-y: auto;}
.sub99>.right>.bottom>.left .inner {}
.sub99>.right>.bottom>.left .bar {width: 100%;height: 1px;background-color: #f0f0f0;position: relative;}
.sub99>.right>.bottom>.left .bar .poa {padding: 3px 10px 3px 30px;background-image: url(/img/viewer/ic-closearrow.png);background-repeat: no-repeat;background-position: 10px center;position: absolute;top: 50%;left: 94%;transform: translate(0, -50%);background-color: #d0d0d0;color: #fff;font-weight: 300;border-radius: 10px;cursor: pointer;}
.sub99>.right>.bottom>.right {max-width: 130px;width: 100%;float: left;}
.sub99>.right>.bottom>.right .inner {margin: 0 10px;background-color: #fff;text-align: center;}
.sub99>.right>.bottom>.right .inner li {border-bottom: 1px solid #f0f0f0;}
.sub99>.right>.bottom>.right .inner li>a {width: 100%;padding: 26px 0;color: #555;font-weight: 300;position: relative;}
.sub99>.right>.bottom>.right .inner li>a .bat {padding: 5px;position: absolute;top: 75%;left: 60%;transform: translate(-50%, -50%);border-radius: 100%;background-color: #77bbdb;color: #fff;font-size: 12px;font-weight: 300;}
.sub99>.right>.bottom>.right .inner li>a img {margin-top: 10px;}
.sub99>.right>.bottom>.right .inner li:nth-child(4) {padding: 26px 0;color: #555;font-weight: 300;}
.sub99>.right>.bottom>.right .inner li:nth-child(4) a {margin: 10px 0 0 0;padding: 0;}
.sub99>.right>.bottom>.right .inner li:nth-child(4) a img {margin-top: 0;}
.sub99>.right>.bottom>.right .inner li:last-child a {padding: 12px 0;padding-left: 20px;background-image: url(/img/viewer/btn-mtop.png);background-repeat: no-repeat;background-position: 25px center;}
.sub99>.right>.bottom>.right .inner img {width: auto;}

.con96 {margin-bottom: 30px;}
.con96 .tac {text-align: center;position: relative;}
.con96 .tac .poa {position: absolute;bottom: 0;right: 0;font-size: 15px;font-weight: 300;color: #333;text-align: right;line-height: 20px;}
.con96 .tac .por {position: relative;bottom: 0;right: 0;font-size: 15px;font-weight: 300;color: #333;text-align: right;line-height: 20px;}
.con96 .tac .inner {display: inline-block;}
.con96 .tac .inner>.df {margin-top: 20px;margin-bottom: 10px;align-items: center;}
.con96 .tac .inner>.df .fz36 {margin: 0 40px;}
.con96 .page {padding-bottom: 20px;text-align: center;}
.con96 .page {display: inline-block;}
.con96 .page a {width: 22px;height: 22px;line-height: 22px;text-align: center;font-size: 13px;border-radius: 100%;color: #777;font-weight: 300;}
.con96 .page a.on {background-color: #77bbdb;color: #fff;font-weight: 400;}
.con95,
.con94,
.con93 {padding: 15px 0px 15px 20px;}
.con94 dl {font-size: 15px;line-height: 180%;}
.con94 dt {color: #555;font-weight: 500;}
.con94 dd {color: #777;font-weight: 300;}
.con95 {color: #555;background-color: #ddeef6;}
.con95 .fz17 .icon {padding-left: 25px;background-image: url(/img/viewer/ic-qnaspeech.png);background-repeat: no-repeat;background-position: 0 center;}
.con93 {position: relative;}
.con93 .blue {color: #28558c;}
.con93 .bullet {}
.con93 .item:first-child {min-width: 220px;}
.con93 .item:nth-child(3) {line-height: 15px;color: #555;width: 100%;}
.con93 .item:nth-child(2)>div {margin-bottom: 5px;}
.con93 .img_wrap {width: 50px;height: 50px;margin: 10px 20px;border-radius: 100%;overflow: hidden;}
.con93>.poa {position: absolute;top: 5px;right: 5px;color: #777;font-size: 12px;font-weight: 300;}

.viewSearch {color: #444444;border-bottom: solid 1px #E1E1E1;width: 100%;font-weight: 400;}

.downBtn {margin-top: 20px; text-align: center; display: none;}
.downBtn a {padding: 0 20px; background-color: #a7aeba; color: #fff; font-size: 13px; font-weight: 300;height: 34px;line-height: 34px;}
.downBtn a>img {width: 14px;margin-top: 9px;margin-right: 3px;}

.downBtnMob {margin-top: 10px; text-align: center;}
.downBtnMob a {padding: 0 15px; background-color: #a7aeba; color: #fff; font-size: 15px; font-weight: 300;height: 40px;line-height: 40px;width: 100%;}
.downBtnMob a>img {width: 14px;margin-top: 12px;margin-right: 3px;}

.leftListMob {padding: 10px 10px 0px;font-size: 15px;line-height: 25px;display:none;}
.leftListMob dd a {color: #28558c;font-weight: 300;background-color:#fff;height: 35px;line-height: 35px;}

.playerModal {display: none;position: absolute;right: 20px;bottom: 20px;width: 500px;height: 283px;border: 2px solid #000;}
.mediaPlayer {position: absolute;}
.modalClose {position: absolute;width: 24px;z-index: 1;left: -2px;top: -25px;}

.bills {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 80%;}
.supple {position: absolute;display: flex;right: 0;}

@media (max-width: 1180px) {
    .sub99>.left {display: none;}
    .sub99>.right {max-width: 100%;width: 100%;}
    .sub99>.right>.bottom>.right {display: none;}
    .sub99>.right>.bottom>.left {width: 100%;}
    .sub99>.right>.bottom>.left .bar .poa {left: 85%;}
    .sub99>.right>.top .flr>.select {display: none;}
    .sub99>.right>.top .flr .btn_close {margin-left: 0;}
}

@media (max-width: 768px) {
    .con93 .item:nth-child(1) {min-width: 130px;}
	.con93 .df:nth-child(1) {display: block;}
    .con96 .tac .poa {display: none;}
    .bills {width: 95%;}
    .supple {display: none;}
}