@charset "utf-8";
/* .AutoTitle .AutoHead .Btn_last_more{font-size:15px;font-family:'Lato', 'Noto Sans KR','Malgun Gothic','맑은 고딕','NotoSans','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;} */

/* 0831 자동완성 */
.AutoTitle.Open {display:block; border:#036 solid 1px; height:auto; width:calc(100% + 2px);}
.AutoTitle.Open .AutoHead { height:30px; width:100%; padding:0 10px; overflow:hidden; position:relative;}
.AutoTitle.Open ul { height:auto; max-height:270px; width:100%; overflow:auto; position:relative;}

.AutoTitle { position:absolute; left:-1px; top:34px; background:#fff; font-family:dotum, '돋움', sans-serif; font-size:12px; border:none; display:none; height:0; width:100%}
#search-page_head .AutoTitle{top:27px;}
.AutoTitle .AutoHead { background:#ebeff3; position:absolute;  height:0; width:0; padding:0;  overflow:hidden; }
.AutoTitle .AutoHead button { height:auto; width:auto; background:none; text-indent:0; font-size:15px !important; font-family:'Lato', 'Noto Sans KR','Malgun Gothic','맑은 고딕','NotoSans','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif; line-height:30px; border:none;}
.AutoTitle ul {height:0; width:0; overflow:hidden; padding:0; position:absolute;}
.AutoTitle ul li { display:block; line-height:28px; position:relative; padding:0 10px; text-align:left;font-size:15px !important;font-family:'Lato', 'Noto Sans KR','Malgun Gothic','맑은 고딕','NotoSans','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;}
.AutoTitle ul li a>font{font-size:15px !important;font-family:'Lato', 'Noto Sans KR','Malgun Gothic','맑은 고딕','NotoSans','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;}
.AutoTitle ul li:hover { background:#f9f9f9;}
.AutoTitle ul li a strong { font-weight:bold;}
.AutoTitle ul li a.GoPage { position:absolute; right:10px; display:inline-block; height:100%; line-height:28px; text-decoration:underline; color:#36c;font-size:15px;font-family:'Lato', 'Noto Sans KR','Malgun Gothic','맑은 고딕','NotoSans','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;}
.AutoTitle .AutoHead .Btn_first_more { position:relative; background:url(../images/search/search/btn_first_word.png) no-repeat left center; padding-left:17px; float:left}
.AutoTitle .AutoHead .Btn_last_more { position:relative; background:url(../images/search/search/btn_last_word.png) no-repeat left center; padding-left:17px;float:left}
.AutoTitle .AutoHead .Btn_Off { right:10px; float:right;}

.AutoTitle .Btn_Box_Open { background:url(../images/search/search/btn_box_close.png) no-repeat left top; height:18px; width:18px; position:absolute; right:100px; top:-40px; border-left:none;}
.AutoTitle .Btn_Box_Close { background:url(../images/search/search/btn_box_open.png) no-repeat left top; height:18px; width:18px; position:absolute; right:100px; top:-40px; border-left:none;}



	.Btn_Box_Open {background:url(../images/search/search/btn_box_close.png) no-repeat left top;height:18px;width:18px;position:absolute;right:84px;top: 26px;border-left:none;border: 0;}
	.Btn_Box_Close {background:url(../images/search/search/btn_box_open.png) no-repeat left top;height:18px;width:18px;position:absolute;right:84px;top: 26px;border-left:none;border: 0;}
	
	input::-ms-clear {display:none;}
	.clearable{ background: url(../images/main/icon_table_close.png) no-repeat right -15px center; padding: 3px 20px 3px 4px; border-radius: 3px; transition: background 0.4s; background-size: 10px 10px;}
	.clearable.x  { background-position: right 115px center;}
	.clearable.onX { cursor: pointer;}
	.clearable:-ms-clear {display:none; width:0; height:0;}
	
	
	
@media all and (max-width:767px){
	
	.Btn_Box_Open { background:url(../images/search/search/btn_box_close.png) no-repeat left top; height:18px; width:18px; position:absolute; right:84px;border-left:none;}
	.Btn_Box_Close {background:url(../images/search/search/btn_box_open.png) no-repeat left top;height:18px;width:18px;position:absolute;right:84px;border-left:none;}

	#search-page_head .AutoTitle{top:21px;}
	
	
	
}

@media all and (max-width:600px){
	.Btn_Box_Close,
	.Btn_Box_Open {top:16px;right:60px;}
	.AutoTitle {top:15px;}
}

.clearable_x{opacity:0;position:absolute;top:50%;right:-115px;width:10px;height:10px;background: url(../images/main/icon_table_close.png) no-repeat;background-size:10px 10px;transform:translateY(-50%);transition:all 0.4s;}
.clearable_x i{position:absolute;top:-10000px;right:-10000px;text-indent:-9999px;font-size:0;}
.clearable_x.onX{opacity:1;right:115px;}
.clearable.x,.clearable{background:none;}