/*# sourceURL=/css/assembly/content.css */
/*@ sourceURL=/css/assembly/content.css */
@charset "utf-8";

#sub_default{line-height:150%; font-size:18px; font-weight:700; margin-top: 50px;}
#form_skin .con_box .con .title{max-width:154px;}

.info_box{background: #f4f5fa; padding: 33px 38px; box-sizing: border-box; margin-bottom: 10px;}



/* 역대의원 의안검색 */
.form_sc{position:relative; overflow:hidden; width:100%; padding:30px 0 30px 10%; background:#eef2f6; box-sizing:border-box;}
.form_sc + .taR{padding:8px 0 35px 0; font-size:95%;}
.form_sc div{position:relative; float:left; width:59%; padding:0 0 0 130px; box-sizing:border-box;}
.form_sc label{position:absolute; left:55px; top:0; display:block; width:60px; line-height:42px; font-weight:800; color:#003964; text-align:right;}
.form_sc .sel{width:30%;}
.form_sc .sel2{width:40%; padding-right:50px !important;}
.form_sc select{-webkit-appearance:none; -moz-appearance:none; -moz-appearance:none; background:#fff url("https://council.gb.go.kr/images/common/ico_assem.png") no-repeat right 14px top 50%;}
.form_sc select::-ms-expand{display:none;}
.form_sc select,
.form_sc input[type="text"]{width:100%; height:42px; line-height:42px; padding:0 0 0 12px; border:none;}
.form_sc input[type="text"]{padding-right:42px; background:#fff;}
.form_sc .btn{position:absolute; right:0; top:0; height:42px; width:44px; line-height:42px; min-width:0; padding:0; font-size:0; text-indent:-999px; border:none; border-radius:0; background:#1971c2;}
.form_sc .btn:before,
.form_sc .btn:after{content:''; display:block; position:absolute; top:12px; left:14px; width:15px; height:15px; border:2px solid #fff; border-radius:50%; box-sizing:border-box;}
.form_sc .btn:after{left:24px; top:25px; width:8px; height:2px; border:none; border-radius:2px; transform:rotate(45deg); background:#fff;}
.form_sc .btn:hover{background-color:#004e96;}
.form_sc .intxt{padding-right:50px;}


/* 회의록개요 */
.proc {position: relative; display: block; width: 100%; height: auto; padding:10px 15px; box-sizing: border-box; background: url("https://council.gb.go.kr/images/kr/intro/bg_line.jpg"); z-index: 1;}
.proc::after {position: absolute; display: block; content: ''; top: 5px; left: 5px; background: #fff; width: calc(100% - 10px); height: calc(100% - 10px); z-index: -1;}
#sub_summary .proc{margin:0 0 50px;}
#sub_summary .proc ul {overflow:hidden; width:100%;}
#sub_summary .proc ul li {display: table; position: relative; float: left; width:20%; padding:20px 2%; box-sizing:border-box;}
#sub_summary .proc ul li:nth-child(n + 6) {float: right;}
#sub_summary .proc ul li::after {position: absolute; content: ''; width: 13px; height: 20px; top: 50%; right: -5px; transform: translateY(-50%); background: url("https://council.gb.go.kr/images/kr/open/bg_arrow2.jpg")no-repeat;}
#sub_summary .proc ul li:nth-child(5)::after{transform: rotate(90deg) translateY(-50%); top:calc(100% - 10px); right: 50%;}
#sub_summary .proc ul li:nth-child(6)::after{display: none;}
#sub_summary .proc ul li:nth-child(n + 6)::after {transform: rotate(-180deg) translateY(50%);}
#sub_summary .step_box2 {display: table-cell; vertical-align: middle; height: 120px; padding:0 5px; background: #e7eef2; font-size: 18px; font-weight: 900; text-align: center; box-sizing: border-box; word-break: keep-all; border-radius: 10px 20px;}


#sub_live .fc-toolbar .fc-center{float:right;}


#search_result .title {display: inline-block; margin: 0 0 5px 0; position: relative; clear: both; line-height: 130%; font-size: 28px; font-weight: 900; letter-spacing: -2px; box-sizing: border-box; color: #2e688b; font-family: 'gmarket_bold';}


#sub_late .text_box:before {content: ''; width: 74px; height: 74px; background: #fff url(../../images/assembly/sub/late_ico.png) no-repeat center; position: absolute; top: 50%; left: 45px; transform: translateY(-50%); border-radius: 50%;}
#sub_late .text_box:after {content: ''; width: 344px; height: 83px; background: url(../../images/assembly/sub/late_ico02.png) no-repeat center; position: absolute; bottom: 0; right: 0;}
#sub_late .text_box {background: #ecf0f7; padding: 25px 40px 25px 145px; border-radius: 10px; position: relative; margin-bottom: 40px;}
#sub_late .text_box p {display: inline-block;  vertical-align: middle;}
#sub_late .text_box .tit {font-family: 'gmarket_bold'; font-size: 21px; color: #262d52; margin-right: 40px;}
#sub_late .text_box .txt:before {content: ''; width: 1px; height: 100%; background: #d0d7e3; position: absolute; top: 50%; left: -40px; transform: translateY(-50%);}
#sub_late .text_box .txt {position: relative; margin-left: 40px; font-family: 'gmarket_light'; font-size: 18px; color: #333; font-weight: 600; margin-top: 5px;}
#sub_late .text_box .txt .em {color: #497a98;}
.block {display: block;}



@media all and (max-width:1500px){
    #sub_late .text_box .txt {
        display: block;
        margin: 20px 0 0 10px;
    }
	#sub_late .text_box {
		padding: 25px 40px 25px;
	}
	#sub_late .text_box .tit {
		margin: 15px 20px 30px 85px; font-size: 25px;
	}
	#sub_late .text_box:before {
		top: 25px;
		left: 45px;
		transform: none;
	}
	#sub_late .text_box:before {
		width: 55px;
		height: 55px;
		background-size: 30px 30px;
	}
	#sub_late .text_box .txt:before {
		width: 25%;
		height: 1px;
		top: -18px;
		left: 0;
		transform: none;
	}
}
@media all and (max-width:1024px){
	#sub_default{font-size:16px; font-weight:400; padding: 0 20px;}
	.form_sc{padding-left:35px;}
	.form_sc + .taR{font-size:15px;}
	
    #sub_summary .step_box2{font-size: 16px;}
}
@media all and (max-width:890px){
    #sub_late .text_box {
        padding: 25px 40px 85px;
    }

}
@media all and (max-width:768px){
	.form_sc div{padding:0 0 0 100px;}
	.form_sc .sel{width:34%; padding:0 0 0 90px;}
	.form_sc .sel2{width:45%;}
	.form_sc label{left:25px;}
	.form_sc .sel label{left:20px;}
	
	#sub_summary .step_box2 {height:100px;}
    #sub_summary .proc ul li {width:50%; padding:15px;}
    #sub_summary .proc ul li:nth-child(3),
    #sub_summary .proc ul li:nth-child(4),
    #sub_summary .proc ul li:nth-child(7),
    #sub_summary .proc ul li:nth-child(8){float: right;}
	#sub_summary .proc ul li:nth-child(9),
	#sub_summary .proc ul li:nth-child(10){float:left;}

    #sub_summary .proc ul li:nth-child(2)::after,
    #sub_summary .proc ul li:nth-child(4)::after{display: block;transform: rotate(90deg) translateY(-50%);right: 50%;top: 93%;}
    #sub_summary .proc ul li:nth-child(3)::after{transform: rotate(180deg) translate(-50%,50%); right: 100%;}
	#sub_summary .proc ul li:nth-child(10)::after{transform: rotate(0deg) translate(-50%,-50%); right:calc(100% - 10px);}
	#sub_summary .proc ul li:nth-child(5)::after,
    #sub_summary .proc ul li:nth-child(6)::after{transform: rotate(0deg) translate(50%,-50%); right: 0%;}
	#sub_summary .proc ul li:nth-child(5)::after{top:50%;}
	#sub_summary .proc ul li:nth-child(9)::after,
    #sub_summary .proc ul li:nth-child(7)::after{transform: rotate(90deg) translate(-50%,-50%); top: -2%; right: 50%;}
}
@media all and (max-width:700px){
	#sub_late .text_box p.txt .block {display: inline;}


}
@media all and (max-width:568px){
    .info_box {padding: 24px;}
	
	.form_sc{padding:25px 0 27px 10px;}
	.form_sc div{padding:0 0 0 65px;}
	.form_sc label{left:10px; width:50px; font-size:17px;}
	.form_sc .sel{width:37%; padding:0 0 0 55px;}
	.form_sc .sel2{width:58%;}
	.form_sc .sel label{left:0;}
	.form_sc select,
	.form_sc input[type="text"]{padding:0 0 0 10px;}
	.form_sc input[type="text"]{padding-right:45px;}
	.form_sc + .taR{font-size:14px;}

    #sub_summary .step_box2 {font-size: 15px; line-height: 160%;}

}
@media all and (max-width:480px){
    #sub_late .text_box {
        padding: 25px 20px 90px;
    }

    #sub_late .text_box:before {
        left: 25px;
    }
    #sub_late .text_box .tit {
        margin: 15px 20px 30px 75px;
    }
	#sub_late .text_box:after {
		background-size: contain;
		width: 250px;
		height: 60px;
	}
}
@media all and (max-width:380px){
	#sub_default{font-size:15px;}
	.form_sc{padding:22px 0 24px 10px;}
	.form_sc div{padding:0 0 0 55px;}
	.form_sc label{left:0; width:50px; font-size:16px; line-height:40px;}
	.form_sc .sel{padding:0 0 0 45px;}
	.form_sc .sel label{left:-10px;}
	.form_sc .sel:after{right:12px;}
	.form_sc + .taR{font-size:13px;}

    #sub_summary .step_box2{font-size: 14px;}
}