@charset "utf-8";
#tree{padding:4.5%; border:1px solid #ddd; box-sizing:border-box;}
/* 상세검색 */
#form_skin{overflow:hidden; width:100%; padding:4%; margin-bottom:20px; border:1px solid #d6d6d6; box-sizing:border-box;}
#form_skin .form_info{margin:0 0 15px 0;}
#form_skin .form_info li:before{content:''; display:inline-block; width:3px; height:3px; margin:10px 5px 0 0; vertical-align:top; background:#999;}
#form_skin .con_box{float:left; width:100%; margin:0 0 25px 0;}
#form_skin .con_box .con{float:left; width:96%; padding:0px 2%; border-bottom:1px solid #e1e1e1;}
#form_skin .con_box .con .title{float:left; width:100px; padding:6px 0 6px 0; font-weight:bold;}
#form_skin .con_box .con .title:before{content:''; display:inline-block; width:4px; height:4px; margin:11px 5px 0 0; vertical-align:top; border-radius:50%; background:#5e7dda;}
#form_skin .con_box .con .details{float:left; width:80%; margin:0; padding:6px 0 6px 0;}
#form_skin .con_box .con .name{display:inline-block;margin:0px 0px 8px 0;}
#form_skin .con_box .con .details li{border:0;}
#form_skin .con_box .con .details label{display:inline-block; padding:0 5px 0 5px}
#form_skin .impo{margin:0 0 0 5px; color:#e81919;}
#form_skin .btns{clear:both; width:100%; text-align:center;}
#form_skin input#word,
#form_skin input#keyword{width:100%;}

#search_result .title{margin:0 0 10px 0; padding:0 0 5px 0; font-weight:bold; font-size:120%; border-bottom:2px solid #898989;}

/* 의안상세보기 */
.late_view{clear:both; width:100%; margin:10px 0 0 0; font-size:100%; border-collapse:collapse; border-spacing:0; empty-cells:show; border-top:2px solid #1368a6;}
.late_view thead th,
.late_view tbody th{background:#f3f8ff; font-weight:bold; border:1px #ddd solid; padding:5px 0 4px 0; text-align:center; empty-cells:show;}
.late_view th.ac{text-align:center; padding-left:0 !important; padding-right:0 !important;}
.late_view td{border:1px #ddd solid; text-align:center; empty-cells:show; line-height:1.42em;}
.late_view td.al{padding-left:10px; text-align:left;}
.late_view td.gry1{background:#daeff0;}
.late_view td.gry2{background:#f9f9f9;}
.late_view th.mgt{background:#e7f0fc;}
.late_view th.mgt2{background:#e4eef3;}
.late_view td.pic{padding:0 !important;}
.late_view td.pic img{width:78px; height:99px;}
.late_view td.file{text-align:left;}
.late_view td span.email{text-decoration:underline; color:#018f92;}
.late_view .assembly_more{font-weight:bold; color:#ff722c;}
.late_view .con{padding:6px 5px 6px 15px; text-align:left;}

/* 의안상세보기 */
.late_view2{clear:both; width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show; border-bottom:2px solid #666;}
.late_view2 .top_line{border-top:3px solid #36b4f4;}
.late_view2 th{background:#e6edfb; font-weight:bold; border-right:1px #c8cece solid; border-bottom:1px #c8cece solid; padding:5px 0 3px 8px; empty-cells:show; vertical-align:middle; text-align:left;}
.late_view2 th span{padding-left:8px;}
.late_view2 td{padding:4px 7px 3px 7px; empty-cells:show; line-height:1.42em; border-bottom:1px #c8cece solid;}
.late_view2 th.rl{border-right:1px #c8cece solid;}
.late_view2 td.rl{border-right:1px #c8cece solid;}
.late_view2 td img{vertical-align:middle;}
.late_view2 td.inTbl{padding:7px !important;}
.late_view2 .bill_name{background:#fff;color:#1479CB;}

/* 안건 리스트 */
.angun_skin > li{clear:both; margin:0 0 10px 0; background:none; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.angun_skin li strong{display:block; padding:5px 0 5px 20px; font-weight:bold; color:#333; border-bottom:1px solid #e1e1e1; background:#fafafa url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fbxpubpy.tb.xe%2Svzntrf%2Spbzzba%2Sohyyrg%2Svpb_fdhnerNeebj.tvs) no-repeat 0.5em 0.8em;}
.angun_skin li ul{padding:7px;}
.angun_skin li ul li{padding:0.15em 0 0.15em 0; font-size:1em;}
.angun_skin li ul li:before{content:''; display:inline-block; width:3px; height:3px; margin:10px 5px 0 0; vertical-align:top; background:#999;}
.angun_skin li ul li a:active,
.angun_skin li ul li a:focus,
.angun_skin li ul li a:hover{color:#5882d0;}
.angun_skin li.list{padding-left:25px;}
.angun_skin{float:left; width:100%; margin:0 0 10px 0;}
.angun_skin dt{margin:5px 0 5px 0; padding:8px 0 6px 20px; font-weight:bold; color:#333; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fbxpubpy.tb.xe%2Sz%2Svzntrf%2Scebsvyr%2Svpb_benatrObk.tvs) no-repeat 0.8em center #fafafa; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.angun_skin dd{margin:0; padding:0 0 0 25px; line-height:1.5em;}

/* 의안리스트 */
.bill_list{float:left; width:100%; margin:0 0 10px 0;}
.bill_list li{clear:both; float:left; display:block; width:100%; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fbxpubpy.tb.xe%2Svzntrf%2Spbzzba%2Sohyyrg%2Sohy_neebjTenl.tvs) no-repeat 0.5em 6px; border-bottom:1px solid #eee;}
.bill_list li .sbj{display:block; padding:0 5px 0 15px; font-size:110%;}
.bill_list li .date{display:block; padding:0 0 0 15px; color:#b9b9b9;}
.bill_list li .no{display:block; padding:0 0 0 15px; color:#f78311;}
.bill_list li a:link,
.bill_list li a:visited{display:block; padding:10px 0; color:#000;}
.bill_list li a:active,
.bill_list li a:focus,
.bill_list li a:hover{color:#5882d0;}
.bill_list li.none{padding:15% 0; text-align:center;}

/* 결과내검색 */
.result_word{overflow:hidden; margin:10px 0; padding:5px 0 10px 10px; background:#f2f2f2; border:1px solid #eaeaea;}
.result_word p{overflow:hidden; margin:5px 0; padding:1px 0 1px 12px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fbxpubpy.tb.xe%2Svzntrf%2Spbzzba%2Sohyyrg%2Svpb_fdhnerNeebj.tvs) no-repeat 0 0.9em;}
.result_word p span{font-weight:bold;}
.result_word label{float:left; padding:1px 0 1px 12px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fbxpubpy.tb.xe%2Svzntrf%2Spbzzba%2Sohyyrg%2Svpb_fdhnerNeebj.tvs) no-repeat 0 0.9em;}
.result_word input{float:left; margin:0 5px;}

/* 영상회의록  */
#sub_general{float:left; width:100%;}
#sub_general h4{padding:0 0 0.5em 0; font-size:110%; border-bottom:2px solid #898989;}
#sub_general h4:before{display:none;}

#sub_general .box1{float:left; width:43%; padding:0 2% 0 0; border-right:1px solid #dbdbdb;}
#sub_general .box1 .depth1{float:left; width:100%; padding:20px 0 10px 0;}
#sub_general .box1 .depth1 > li{padding:0 0 2px 13px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fbxpubpy.tb.xe%2Svzntrf%2Spbzzba%2Sohyyrg%2Sohy_neebjTenl.tvs) no-repeat 0 6px;}
#sub_general .box1 .depth1.name{width:95%; margin:20px 0 0 0; padding:1.5em 0 1em 5%; background:#f3f3f3;}
#sub_general .box1 .depth1.name li.on a{color:#006696;}
#sub_general .box1 .depth1.name li{float:left; width:21%; padding-bottom:0.5em; font-weight:bold; font-size:105%;}
#sub_general .box1 .dot2 li:before{content:''; display:inline-block; width:3px; height:3px; margin:10px 5px 0 0; vertical-align:top; background:#999;}
#sub_general .box1 .depth1 li .depth2{display:none; padding:4px 0 8px;}
#sub_general .box1 .depth1 li .depth2 li:before{content:''; display:inline-block; width:3px; height:3px; margin:10px 5px 0 0; vertical-align:top; background:#999;}
#sub_general .box1 .depth1 li .depth2 li.on a{color:#006696; font-weight:bold;}
#sub_general .box1 .dot2 li .depth2 li.on a{color:#fc8001;}
#sub_general .box1 #pagingNav{margin:0;}

#sub_general .box2{float:right; width:52%;}
#sub_general .box2 .depth1{float:left; width:100%; padding:20px 0 20px 0;}
#sub_general .box2 .depth1 li{width:100%;}
#sub_general .box2 .depth1 li#pre_loading {display:none;position:absolute;height:100%;text-align:center;background:#fff;}
#sub_general .box2 .depth1 li.title p{padding:0 0 10px 13px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fbxpubpy.tb.xe%2Svzntrf%2Spbzzba%2Sohyyrg%2Sohy_neebjTenl.tvs) no-repeat 0 6px;}
#sub_general .box1 .dot2 li:before{content:''; display:inline-block; width:3px; height:3px; margin:10px 5px 0 0; vertical-align:top; background:#999;}

#sub_general .box2 .depth1 li .depth2{float:left; width:98%; padding:0 0 0 2%;}
#sub_general .box2 .depth1 li .depth2 li{float:left; width:93%; padding:5px 0 3px 1.3em; border-bottom:1px solid #dbdbdb; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fbxpubpy.tb.xe%2Svzntrf%2Spbzzba%2Sohyyrg%2Svpb_gkg.tvs) no-repeat 0 4px; font-size:100%; line-height:110%;}
#sub_general .box2 .depth1 li .depth2 li .subject{float:left; font-weight:normal; width:90%;}
#sub_general .box2 .depth1 li .depth2 li .view{float:right; width:10%; text-align:right;}

@media all and (max-width:768px) {

	#form_skin{padding:3%;}
	#form_skin .con_box{width:100%;}
	#form_skin .con_box .con{width:96%; padding:0 2%;}
	#form_skin .con_box .con .title{width:30%; max-width:85px; padding:8px 0 0 0;}
	#form_skin .con_box .con .details{width:70%;}
	#form_skin .btns{width:100%;}
	#form_skin input[type="text"]{width:29%;}
	#form_skin input#subject{width:100%; box-sizing:border-box;}
	
	#sub_general .box1{width:100%; padding:0 0 1.2em 0; border-right:0;}
	#sub_general .box1 .depth1,
	#sub_general .box2 .depth1{padding:0.7em 0 0.5em 0;}
	#sub_general .box1 .depth1.name{margin:0.5em 0 0 0;}
	#sub_general .box2{width:100%;}
}

/* 생방송 */
#sub_live .list{padding:38px 35px 20px; margin:0 0 50px; background:#ecf3fd;}
#sub_live .tit{padding:0 0 24px; text-align:center;}
#sub_live .tit *,
#sub_live .con *{display:inline-block; vertical-align:top;}
#sub_live .tit p{padding:0 5px 0 0; line-height:52px; font-size:42px; color:#283954; letter-spacing:-1px;}
#sub_live .tit p span{color:#295995;}
#sub_live .tit .date strong{width:70px; height:50px; line-height:50px; font-size:36px; color:#fff; font-weight:100; text-align:center; border-radius:10px; background:#295995;}
#sub_live .tit .date span{padding:0 2px 8px 3px; font-size:24px; color:#353536; vertical-align:bottom;}
#sub_live .tit .date .week{width:60px; font-size:30px; background:#f19f00;}
#sub_live .con{padding:23px 0 6px 0; border:1px solid #efefef; background:#fff; text-align:center;}
#sub_live .con a{position:relative; width:284px; height:78px; padding:14px 45px 0 15px; margin:0 6px 15px 6px; box-shadow:inset 0 0 0 1px #ccc; box-sizing:border-box; text-align:left; text-decoration:none;}
#sub_live .con a em:hover,
#sub_live .con a em:focus{text-decoration:underline;}
#sub_live .con a em{line-height:110%; font-size:18px; font-weight:800;}
#sub_live .con a span{position:absolute; top:15px; right:16px; width:35px; height:17px; line-height:17px; font-size:12px; color:#fff; border:1px solid #5b5f62; border-radius:3px; text-align:center; background:#7c7c7c;}
#sub_live .con a p{display:block; font-size:15px; color:#b1aeae; font-weight:400;}
#sub_live .con .on{box-shadow:inset 0 0 0 3px #f39197; background:#fef3f4;}
#sub_live .con .on span{color:#f01a27; border-color:#1f1f1f; background:#292929;}
#sub_live .con .on span:before{content:''; display:inline-block; width:7px; height:7px; margin:5px 2px 0 0; border-radius:50%; vertical-align:top; background:#f01a27;}

/*#sub_live .con .on p{color:#e1000e;}*/
#sub_live .con .on p{display: flex;align-content: center;justify-content: center;margin: 1px 0 0 0;background-color: #e75c64;width: 158px;height: 24px;font-size: 16px;color: #fff;}

#sub_live .con .stop{box-shadow:inset 0 0 0 3px #295995; background:#e9f1f9;}
#sub_live .con .stop p{color:#295995;}
#sub_live .con .stop span{border-color:#12427f; background:#295995;}
#sub_live .con .done{box-shadow:inset 0 0 0 3px #ccc; background:#f4f4f4;}
#sub_live .con .done p{color:#8b8888;}
#sub_live .list .info{line-height:130%; padding:10px 0 0 0; color:#5d5a5a; font-size:14px;}

@media all and (max-width:1200px) {
	#sub_live .con a{width:30%; padding:15px 41px 0 12px;}
	#sub_live .con a em{font-size:18px;}
	#sub_live .con a span{top:13px; right:10px;}
}
@media all and (max-width:1024px) {
	#sub_live .tit p{line-height:48px; font-size:37px;}
	#sub_live .tit .date strong{width:auto; padding:0 12px; height:45px; line-height:45px; font-size:32px;}
	#sub_live .tit .date span{padding-bottom:6px; font-size:22px;}
	#sub_live .tit .date .week{width:auto; font-size:28px;}
}
@media all and (max-width:768px) {
	#sub_live .list{padding:30px 27px 20px; margin:0 0 40px;}
	#sub_live .tit{padding:0 0 15px;}
	#sub_live .tit p{line-height:40px; font-size:29px;}
	#sub_live .tit .date strong{height:37px; line-height:37px; padding:0 10px; font-size:25px;}
	#sub_live .tit .date span{padding-bottom:2px; font-size:18px;}
	#sub_live .tit .date .week{font-size:22px;}
	#sub_live .con a{width:45%;}
}
@media all and (max-width:530px) {
	#sub_live .list{padding:23px 13px 15px; margin:0 0 30px;}
	#sub_live .tit{padding:0 0 11px;}
	#sub_live .tit p{line-height:33px; font-size:26px;}
	#sub_live .tit .date strong{height:31px; line-height:31px; padding:0 8px; font-size:21px;}
	#sub_live .tit .date span{font-size:16px;}
	#sub_live .tit .date .week{font-size:19px;}
	#sub_live .con{padding:9px 0 0 0;}
	#sub_live .con a{width:46%; height:85px; margin:0 3px 9px 3px;}
	#sub_live .con a em{font-size:16px;}
	#sub_live .con a p{padding:5px 0 0 0; font-size:14px;}
	#sub_live .con a span{width:26px; font-size:11px;}
	#sub_live .con .on span:before{width:6px; height:6px; margin:6px 1px 0 0;}
	#sub_live .list .info{font-size:13px;}
}
@media all and (max-width:395px) {
	#sub_live .list{padding:15px 9px 12px; margin:0 0 25px;}
	#sub_live .tit{padding:0 0 8px;}
	#sub_live .tit p{line-height:29px; font-size:23px;}
	#sub_live .tit .date strong{height:27px; line-height:27px; padding:0 6px; font-size:19px;}
	#sub_live .tit .date span{font-size:15px;}
	#sub_live .tit .date .week{font-size:17px;}
	#sub_live .con a em{font-size:15px;}
	#sub_live .list .info{font-size:12px;}
}