﻿@charset "utf-8";
#tree{padding:4.5%; border:1px solid #ddd; box-sizing:border-box;}
span.fancytree-title{width:calc(100% - 50px) !important;}
ul.fancytree-container{white-space:normal !important;}

/* 생방송보기 */
#sub_live h4{padding:0; font-size:130%; line-height:200%;}
#sub_live h4:before{display:none;}
#sub_live h4 span{display:inline-block; padding:0 15px 0 0; font-size:260%; color:#f53e10;}
#sub_live .info_txt{margin:0 0 1em 0; font-size:95%;}
#sub_live .detail{float:left; width:100%; height:auto !important; min-height:180px; height:180px; padding:1.5em 0; border:1px solid #d4d4d4; background:#f2f2f2 url(/images/kr/assembly/bg_live.png) no-repeat 0% 100%; box-sizing:border-box;}
#sub_live .detail .list {width:60%; padding:3em 0 0 30%;}
#sub_live .detail .list li{padding:0 0 5px 0.7em; font-weight:bold; background:url(/images/common/bullet/bul_list.gif) no-repeat 0 0.5em;}

/* 상세검색 */
#form_skin{overflow:hidden; width:100%; padding:4%; margin-bottom:35px; border:1px solid #d6d6d6; box-sizing:border-box;}
#form_skin .form_info{margin:0 0 15px 0; font-weight:400; letter-spacing:-1px;}
#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%;}
#form_skin .con_box li,
#form_skin .con_box p,
#form_skin .con_box label,
#form_skin .con_box input[type="text"],
#form_skin .con_box select{display:inline-block; vertical-align:top;}
#form_skin .con_box .title{max-width:85px; margin:3px 8px 0 0; font-weight:700; font-size:16px;}
#form_skin .con_box .title span{font-weight:100; font-size:15px;}
#form_skin .con_box .con .details{width:calc(100% - 90px);}
#form_skin .con_box li{padding:0 3% 10px 0; box-sizing:border-box;}
#form_skin .con_box li:nth-child(3n){width:49%; padding:0 0 10px;}
#form_skin .con_box li:last-child{padding:0 0 10px;}
#form_skin .con_box .con .title:before{content:''; display:inline-block; width:4px; height:4px; margin:10px 5px 0 0; vertical-align:top; background:#0098dd;}
#form_skin .con_box .con .details label{padding:3px 5px 0 2px;}
#form_skin .con_box .name{padding:10px 0 0 0; border-top:1px solid #ddd;}
#form_skin .con_box .name .title{margin:0 0 10px; max-width:100% !important;}
#form_skin .con_box .name .memberlist{overflow:hidden; width:100%;}
#form_skin .con_box .name .memberlist a{float:left; width:12.5%; padding:1px 0; text-align:center;}
#form_skin .con_box .name .memberlist p{float:left; width:100%; padding:10px 0 0 10px; font-weight:700; box-sizing:border-box;}
#form_skin .impo{margin:0 0 0 5px; color:#e81919;}
#form_skin .btns{clear:both; width:100%; padding:15px 0 0 0; border-top:1px solid #ddd; text-align:right;}
#form_skin input#word,
#form_skin input#keyword{width:100%;}

#search_result .title{overflow:hidden; width:100%; margin:0 0 10px 0; padding:0 0 5px 0; font-weight:bold; font-size:120%; border-bottom:2px solid #898989; letter-spacing:-1px;}
#search_result .title .txt{float:left;}
#search_result .title .view{float:right; font-size:14px; font-weight:400;}

/* 의안상세보기 */
.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 #ddd;}
.angun_skin li strong{display:block; padding:5px 0 5px 20px; font-weight:bold; color:#333; border-bottom:1px solid #e1e1e1; background:#fafafa url(/images/common/bullet/ico_squareArrow.gif) 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(/m/images/profile/ico_orangeBox.gif) 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(/images/common/bullet/bul_arrowGray.gif) no-repeat 0.5em 1em; 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(/images/common/bullet/ico_squareArrow.gif) no-repeat 0 0.9em;}
.result_word p span{font-weight:bold;}
.result_word label{float:left; padding:1px 0 1px 12px; background:url(/images/common/bullet/ico_squareArrow.gif) no-repeat 0 0.9em;}
.result_word input{float:left; margin:0 5px;}

/* 영상회의록  */
#sub_general{float:left; width:100%;}

#sub_general .box1{float:left; width:45%; padding:0 3% 0 0; border-right:1px solid #dbdbdb; }
#sub_general .box1 h4{padding:0 0 10px 0; border-bottom:2px solid #898989;}
#sub_general .box1 .depth1{padding:20px 0 10px 0;}
#sub_general .box1 .depth1 li{padding:0 0 2px 0;}
#sub_general .box1 .depth1 > li > a{font-weight:700;}
#sub_general .box1 .depth1 li:before{content:''; display:inline-block; width:4px; height:4px; margin:10px 2px 0 0; vertical-align:top; background:#65b400;}
#sub_general .box1 .dot2 li:before{background:#fc8001;}
#sub_general .box1 .depth1 li .depth2{display:none; padding:4px 0 8px;}
#sub_general .box1 .depth1 li .depth2 li{padding:0 0 0 8px;}
#sub_general .box1 .depth1 li .depth2 li:before{content:''; display:inline-block; width:2px; height:2px; margin:10px 2px 0 0; vertical-align:top; background:#999;}
#sub_general .box1 .depth1 li .depth2 li.on a{color:#549402;}
#sub_general .box1 .dot2 li .depth2 li.on a{color:#fc8001;}
#sub_general .box1 #pagingNav{margin:0;}

#sub_general .box2{float:right; width:49%;}
#sub_general .box2 h4{overflow:hidden; width:100%; padding:0 0 10px 0; border-bottom:2px solid #898989;}
#sub_general .box2 h4 .title{float:left;}
#sub_general .box2 h4 .view{float:right; line-height:20px; font-size:14px; font-weight:400;}
#sub_general .box2 .depth1{padding:20px 0 20px 0;}
#sub_general .box2 .depth1 li{width:100%;}
#sub_general .box2 .depth1 li.title p{padding:0 0 10px 0; font-weight:700;}
#sub_general .box2 .depth1 li.title p:before{content:''; display:inline-block; width:4px; height:4px; margin:10px 5px 0 0; vertical-align:top; background:#65b400;}
#sub_general .box2 .dot2 li.title p{background:url(/images/common/bullet/bul_dotOrange.gif) no-repeat 0 7px;}
#sub_general .box2 .depth1 li .depth2{overflow:hidden; width:100%; padding:0 0 0 15px; box-sizing:border-box;}
#sub_general .box2 .depth1 li .depth2 li{float:left; width:100%; padding:5px 5px 5px 15px; font-size:95%; line-height:110%; border-bottom:1px solid #dbdbdb; box-sizing:border-box; background:url(/images/board/ico_note.gif) no-repeat 0 6px;}
#sub_general .box2 .depth1 li .depth2 li .subject{float:left; width:230px}
#sub_general .box2 .depth1 li .depth2 li .view{float:right; width:45px;}

@media all and (max-width:768px) {
	#form_skin{padding:20px; margin-bottom:25px;}
	#form_skin .form_info{font-size:14px; line-height:130%;}
	#form_skin .con_box{width:100%;}
	#form_skin .con_box li:last-child,
	#form_skin .con_box li:nth-child(3n),
	#form_skin .con_box .con{width:100% !important; padding:0 2% 5px; margin:0 0 5px; border-bottom:1px solid #ddd; box-sizing:border-box;}
	#form_skin .con_box .con .title{width:33%; max-width:90px; margin:3px 0 0 0;}
	#form_skin .con_box .con .details{width:66%;}
	#form_skin .con_box .name {padding:0; border:none;}
	#form_skin .con_box .name .title{line-height:130%; margin:3px 0 7px;}
	#form_skin .con_box .name .memberlist a{width:14.28%;}
	#form_skin .btns{padding:10px 0 0 0; border-top:none;}
	#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 35px 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%;}
}
@media all and (max-width:568px) {
	#form_skin .form_info{font-size:13px;}
	#form_skin .con_box .title{font-size:15px;}
	#form_skin .con_box .title span{font-size:14px;}
	#form_skin .con_box .name .memberlist a{width:16.66%;}
	#sub_general .box1 h4,
	#sub_general .box2 h4{font-size:18px;}
}
@media all and (max-width:400px) {
	#form_skin .form_info{font-size:12px;}
	#form_skin .con_box .title{font-size:14px;}
	#form_skin .con_box .title span{font-size:13px;}
	#form_skin .con_box .name .memberlist a{width:20%;}

	#sub_general .box1 h4,
	#sub_general .box2 h4{font-size:17px;}
}