@charset "utf-8";

/* 역대의원 의안검색 */
.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(/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;}

@media all and (max-width:1024px) {
	.form_sc{padding-left:35px;}
	.form_sc + .taR{font-size:15px;}
}
@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;}
}
@media all and (max-width:568px) {
	.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;}
}
@media all and (max-width:380px) {
	.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_history .tit{height:290px; color:#fff; padding:0 0 0 35px; margin:0 0 50px; box-sizing:border-box; background:url(/images/kr/intro/bg_history.jpg) no-repeat 50% 50%; background-size:cover;} */
#sub_history .tit{height:290px; color:#fff; padding:0 0 0 35px; margin:0 0 50px; box-sizing:border-box; background:url(/images/kr/intro/bg_history2.jpg) no-repeat 50% 50%; background-size:cover;}
#sub_history .tit p{line-height:100%; padding:40px 0 26px; font-size:18px; font-weight:400; font-family:"hansuw";}
#sub_history .tit p:after{content:''; display:block; width:20px; height:1px; margin:11px 0 0 0; background:#fff;}
#sub_history .tit strong{font-size:30px; font-weight:900;}

#sub_history .detail > li{position:relative; padding:23px 0 42px 188px; border-top:1px solid #dcdcdc; box-sizing:border-box;}
#sub_history .detail > li:before{content:''; display: block; position:absolute; top:34px; left:101px; width:57px; border-top:1px dashed #aaa;}
#sub_history .year{display:block; position:absolute; top:-1px; left:0; line-height:71px; color:#2e3446; font-size:30px; font-weight:900;}
#sub_history .year:before{content:''; display:block; width:65px; height:4px; background:#2e3446;}
#sub_history .list > li{position:relative; padding:0 0 0 70px;}
#sub_history .list > li + li{margin:21px 0 0 0;}
#sub_history .list ul li{font-weight:600; word-break:keep-all;}
#sub_history .list .dot li{font-weight:200;}
#sub_history .dot {margin:7px 0 0 0;}
#sub_history .dot li + li{margin:2px 0 0 0;}
#sub_history .dot li:before{border-radius:0; background:#f05952;}
#sub_history .date{display:block; position:absolute; top:0; left:0; color:#222; font-weight:900;}

@media all and (max-width:1024px) {
	#sub_history .tit{height:190px; margin:0 0 45px;}
	#sub_history .tit p{padding:35px 0 15px; font-size:17px;}
	
	#sub_history .list ul li{font-weight:800;}
	#sub_history .date{top:1px; font-size:17px; line-height:125%;}
}
@media all and (max-width:768px) {
	#sub_history .tit{height:155px; padding:0 0 0 30px; margin:0 0 40px;}
	#sub_history .tit p{padding:30px 0 10px; font-size:15px;}
	#sub_history .tit p:after{margin:6px 0 0 0;}
	#sub_history .tit strong{font-size:27px;}
	
	#sub_history .detail > li{padding:23px 0 38px 120px;}
	#sub_history .detail > li:before{display:none;}
	#sub_history .year{line-height:63px; font-size:28px;}
}
@media all and (max-width:568px) {
	#sub_history .tit{height:130px; padding:0 0 0 25px; margin:0 0 35px;}
	#sub_history .tit p{padding:25px 0 10px; font-size:13px;}
	#sub_history .tit p:after{margin:4px 0 0 0;}
	#sub_history .tit strong{font-size:23px;}

	#sub_history .detail > li{padding:0 0 34px 0;}
	#sub_history .list > li{padding:0 0 0 80px;}
	#sub_history .year{position:static; display:inline-block; line-height:180%; margin:-1px 0 10px 5px; font-size:25px;}
	#sub_history .year:before{width:100%; height:3px;}
	#sub_history .date{left:12px;}
}
@media all and (max-width:380px) {
	#sub_history .tit{height:110px; padding:0 0 0 20px; margin:0 0 30px;}
	#sub_history .tit p{padding:20px 0 10px; font-size:12px;}
	#sub_history .tit p:after{margin:2px 0 0 0;}
	#sub_history .tit strong{font-size:21px;}
	
	#sub_history .list > li{padding:0 0 0 75px;}
	#sub_history .year{font-size:24px;}
	#sub_history .date{font-size:16px;}
}
@media all and (max-width:340px) {
	#sub_history .tit strong{font-size:20px;}
	#sub_history .list > li{padding:0 0 0 70px;}
}