@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) {
	#sub_default{font-size:16px;}
	.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) {
	#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_search .search{z-index:1; position:relative; width:100%; padding:60px 0; margin:0 0 30px 0; box-sizing:border-box; border-radius:5px; background:url(/images/common/bg_pattern.png) repeat;}
#sub_search .search:before{z-index:-1; content:''; display:block; position:absolute; top:5px; left:5px; width:calc(100% - 10px); height:calc(100% - 10px); border-radius:2px; background:#fff;}
#sub_search .search *{display:inline-block; vertical-align:top;}
#sub_search .search form,
#sub_search .search fieldset{width:100%; text-align:center;}
#sub_search .search label{margin:0 1em 0 0; line-height:39px; font-size:115%;}
#sub_search .search #word{width:30%; height:40px; line-height:40px; border:1px solid #c8c8ca;}
#sub_search .search button{width:60px; height:40px; background:#202a49; color:#fff;}
#sub_search .result h4{margin:0 0 15px 0; font-size:120%; font-weight:600; border-bottom:1px solid #ccc;}
#sub_search .result > .dot{margin:0 0 0 10px;}
#sub_search .result > .dot > li {padding:0 0 0 12px; margin:0 0 7px; font-weight:600;}
#sub_search .result > .dot > li ul{font-weight:400;}
#sub_search .result > .dot > li:before{top:8px; width:5px; height:5px; background:#37405b;}
#sub_search .orange{color:#a94a46;}

@media all and (max-width:768px) {
	#sub_search .search{padding:50px 0; margin:0 0 25px;}
	#sub_search .search fieldset{text-align:center;}
	#sub_search .search #word{width:30%;}
	#sub_search .search button{width:65px; font-size:16px;}
	#sub_search .result > .dot > li:before{top:7px;}
}
@media all and (max-width:568px) {
	#sub_search .search{padding:45px 0;}
}
@media all and (max-width:380px) {
	#sub_search .search{padding:40px 0;}
}