@charset "utf-8";
#minutes_tree{z-index:1; position:relative; padding:4.5%; line-height:200%; box-sizing:border-box; color:#333; border-radius:10px; background:url(/images/promote/sub/bg_pattern.png) repeat;}
#minutes_tree:before{z-index:-1; content:''; display:block; position:absolute; top:10px; left:10px; width:calc(100% - 20px); height:calc(100% - 20px); border-radius:5px; background:#fff;}
#minutes_tree ul.jstree-container-ul{font-size:18px; font-weight:400; font-family:'score', 'Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
#minutes_tree .jstree-node {min-height:30px; line-height:30px;}


/* 생방송 */
#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:200; 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:249px; 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:hover em,
#sub_live .con a:focus em{text-decoration:underline;}
#sub_live .con a em{line-height:110%; font-size:20px; font-weight:600;}
#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:200;}
#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 .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:5px 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;}
}

#sub_schedule h2{font-weight:600; font-size:240%; color:#333; font-family:"Titillium Web";}
#sub_schedule .fc-toolbar > * > :not(:first-child){margin-left:5px;}
#sub_schedule .fc-button,
#sub_agenda .board_btn .btn{float:left; height:auto; min-width:0; padding:.4em .65em; line-height:1.5; font-size:16px; color:#fff;}
#sub_agenda .board_btn{padding:0;}
#sub_schedule .fc-calendar-button,
#sub_agenda .board_btn .btn:last-of-type{opacity:0.75;}
#sub_schedule .fc-footer-toolbar{display:none !important;}
#sub_agenda .board_total{width:auto; padding:7px 0 0 0;}
#sub_agenda .board_btn{clear:none; float:right; width:auto; margin:0 0 20px;}
#sub_agenda .board_btn .btn{-webkit-appearance:button; border-radius:0.25em; background-color:#1a252f; border-color:#151e27;}

@media all and (max-width:768px) {
	#sub_schedule h2{line-height:30px;}
	#sub_schedule .fc-button,
	#sub_schedule .fc-right .fc-button,
	#sub_agenda .board_btn .btn{font-size:14px; padding:4px 8px;}
	#sub_schedule .fc-toolbar{display:block; overflow:hidden; width:100%; margin:0 0 15px;}
	#sub_schedule .fc-center{float:left; padding:0 0 0 7%;}
	#sub_schedule .fc-right{clear:both; float:right; margin:10px 0 0 0;}
	
	#sub_agenda .board_btn{margin:0 0 15px;}
}
@media all and (max-width:568px) {
	#sub_schedule h2{line-height:26px; font-size:28px;}
	#sub_schedule .fc-toolbar > * > :not(:first-child){margin-left:2px;}
	#sub_schedule .fc-button{font-size:13px; padding:2px 4px;}
}
@media all and (max-width:380px) {
	#sub_schedule h2{line-height:24px; font-size:27px;}
	#sub_schedule .fc-button{font-size:12px; padding:1px 3px;}
}


/* 검색폼 및 검색결과 */
.form_info{width:100%; margin-bottom:15px; padding:10px 0 10px 30px; line-height:130%; font-size:15px; box-sizing:border-box; background:url(/images/common/info.png) no-repeat 7px 11px;}

/* 상세검색 */
/* 상세검색 */
#form_skin input[type="text"], #form_skin input[type="number"],#form_skin select{height:50px; line-height:50px; border-radius:5px; font-weight:400; border:none; color:#06324f; background-color:#fff;}
#form_skin{z-index:1; position:relative; padding:48px 152px 45px; margin-bottom:40px; font-weight:400; box-sizing:border-box; border-radius:10px; background:#edf0f7; border:1px solid #d7dcee;}
#form_skin .con_box{float:left; width:100%;}
#form_skin .con{float:left; position:relative; width:100%; padding:0 0 0 173px; box-sizing:border-box;}
#form_skin .title{position:absolute; top:0; left:0; padding:12px 0 0 0; font-size:18px; font-weight:800; color:#000;}
#form_skin .title label{font-weight:600;}
#form_skin .title:before{content:''; display:inline-block; vertical-align:middle; width:6px; height:6px; margin:-4px 8px 0 0; background:#35929d;}
#form_skin .details{display:flex; flex-wrap:wrap; justify-content:center; position:relative; float:left; width:100%; margin:0 0 12px;}
#form_skin .name{display:inline-block; margin:0px 0px 8px 0;}
#form_skin .details li{border:0;}
#form_skin .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%; padding:23px 0 0 0; text-align:center;}
#form_skin .btn{min-width:110px;}
#form_skin input[type="text"]{display:inline-block; width:100%; padding:0 0 0 19px; vertical-align:top;}
#form_skin select{width:100%; padding:0 60px 0 19px; -webkit-appearance:none; box-sizing:border-box; background:#fff url(/images/common/ico_assem.png) no-repeat right 20px top 50%;}
#form_skin select::-ms-expand{display:none;}
#form_skin .wave{display:inline-block; width:10%; text-align:center; font-size:22px; line-height:50px;}

#search_result .title{float:left; margin:0 0 20px 0; font-size:23px; font-weight:800; color:#333;}
#search_result .title + .total_wrap{float:right; padding:0; margin:-7px 0 0 0;}


/* 의안상세보기 */
.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:600; 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:600; 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:600; 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;background:none;border-top: 3px solid #3097ab;border-bottom: 1px solid #1d5b9f;padding: 5px 0 5px 10px;}
.angun_skin .subject{display:block;padding: 8px 0 8px 25px;margin: 7px 0;font-weight:600; color:#333; border-bottom:1px solid #e1e1e1;background: #fafafa url(/images/common/bullet/ico_squareArrow.gif) no-repeat 0.6em 0.9em;}
.angun_skin ul{padding: 5px 7px;}
.angun_skin ul li{padding: 0 0 0 10px; font-size:1em; font-weight:300;}
.angun_skin ul li a:active,
.angun_skin ul li a:focus,
.angun_skin 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:600; 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 9px; 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:600;}
.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 h4{padding:0 0 0.5em 0; font-size:110%; border-bottom:2px solid #898989; background:none;}
#sub_general h4:before,
#sub_general h4:after{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(/images/common/bullet/bul_arrowGray.gif) no-repeat 0 9px;}
#sub_general .box1 .depth1.name{width:95%; margin:20px 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:600; 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:600;}
#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(/images/common/bullet/bul_arrowGray.gif) no-repeat 0 8px;}
#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(/images/common/bullet/ico_txt.gif) no-repeat 0 4px; font-size:100%; line-height:110%;}
#sub_general .box2 .depth1 li .depth2 li .subject{float:left; font-weight:200; width:90%;}
#sub_general .box2 .depth1 li .depth2 li .view{float:right; width:10%; text-align:right;}

@media all and (max-width:1230px) {
	#form_skin .con{padding:0 0 0 200px;}
}
@media all and (max-width:1024px) {
	#form_skin{padding:35px 100px;}
	#form_skin .con{padding:0 0 0 120px;}
	#form_skin .title{font-size:18px;}
	#form_skin .title:before{width:7px; height:7px;}

	#search_result .title{font-size:24px;}
}
@media all and (max-width:768px) {
	#minutes_tree {border-radius:5px 5px 35px 5px;}
	#minutes_tree ul.jstree-container-ul{font-size:15px;}

	#form_skin{margin:0 0 25px; padding:40px 60px;}
	#form_skin .con{padding:0 0 0 100px;}
	#form_skin .details{margin:0 0 12px;}
	#form_skin .title{font-size:16px;}
	#form_skin .wave{line-height:45px;}
	#form_skin select{padding:0 35px 0 15px;}
	#form_skin input[type="text"]{padding:0 0 0 15px;}
	#form_skin input[type="text"], #form_skin input[type="number"],#form_skin select{height:45px; line-height:45px;}

	#search_result .title{font-size:21px;}

	#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;}
	#sub_general .box2{width:100%;}
}
@media all and (max-width:568px) {
	#minutes_tree {border-radius:5px 5px 25px 5px;}

	#form_skin{padding:31px 40px;}
	#form_skin .con{padding:0 0 0 90px;}
	#form_skin .details{margin:0 0 10px;}
	#form_skin .title:before{width:6px; height:6px;}
	#form_skin select{background-position:92% 50%;}

	#search_result .title{font-size:19px;}
	
	#sub_general .box1 .depth1 > li{background-position: 0 6px;}
    #sub_general .box2 .depth1 li.title p {background-position: 0 7px;}
}
@media all and (max-width:380px) {
	#minutes_tree {border-radius:5px 5px 20px 5px;}
	#minutes_tree ul.jstree-container-ul{font-size:14px;}

	#form_skin{margin:0 0 20px; padding:28px 30px;}
	#form_skin .con{padding:0 0 0 85px;}
	#form_skin .title{padding:8px 0 0 0; font-size:15px;}
	#form_skin .details{margin:0 0 8px;}
	#form_skin .wave{line-height:38px;}
	#form_skin .btns{padding:17px 0 0 0;}
	#form_skin input[type="text"], #form_skin input[type="number"],#form_skin select{height:38px; line-height:38px;}
	#form_skin select{background-position:90% 50%;}

	#search_result .title{font-size:18px;}
}