@charset "utf-8";

/* 통합검색 자동완성 전체 지정*/
#ark{position:absolute; /*width:378px;*/ width:39.7%/*500px*/; /*z-index:9999999;*/ top:16%; right:31.5%;  height:0; margin-top:20px;}
#ark_wrap{position:relative; width:100% !important; border:1px solid #0a88d8; background:#f3f3f3; display:none; margin:15px 0 0 -6px; z-index:9999; left: -10px;}
#ark .ark_wrap{position:relative; width:100% !important; border:1px solid #dcdcdc; background:#f3f3f3; display:none; margin:0 auto; z-index:9999;}
#ark .ark_wrap ul{margin:0; padding:0; width:100% !important;}
#ark .ark_wrap li{margin:0; padding:0; list-style:none;}
#ark .ark_wrap .ark_content{border-bottom:1px solid #aaaaaa; background:#fff; overflow:auto; z-index:999999; position:relative;} /* css3: overflow-x:hidden; overflow-y:auto;*/
#ark .ark_wrap .ark_content li{width:98%; padding:3px 5px; margin:1px; list-style:none; font-size:13px;}
#ark .ark_wrap .ark_content li strong{font-weight:bold;}
#ark .ark_wrap .ark_footer{position:relative; width:100% !important; font-size:12px; color:#fff; height:26px; text-align:center; background:#eeeeee;}
#ark .ark_wrap .ark_footer a{color:#000; text-decoration:none;}
#ark .ark_wrap .ark_footer .left{float:left;  margin-top:-5px}
#ark .ark_wrap .ark_footer .right{float:right; padding: 3px 5px 0 0 !important;}

/*23-10-24*/
#ark_top{position:absolute; /*width:378px;*/ width:60.7%/*500px*/; /*z-index:9999999;*/ top:76%; right:10.5%;  height:0; margin-top:20px;}
#ark_wrap_top{position:relative; width:100% !important; border:1px solid #0a88d8; background:#f3f3f3; display:none; margin:15px 0 0 -6px; z-index:9999; left: -10px;}
#ark_top .ark_wrap{position:relative; width:100% !important; border:1px solid #dcdcdc; background:#f3f3f3; display:none; margin:0 auto; z-index:9999;}
#ark_top .ark_wrap ul{margin:0; padding:0; width:100% !important;}
#ark_top .ark_wrap li{margin:0; padding:0; list-style:none;}
#ark_top .ark_wrap .ark_content{border-bottom:1px solid #aaaaaa; background:#fff; overflow:auto; z-index:999999; position:relative;} /* css3: overflow-x:hidden; overflow-y:auto;*/
#ark_top .ark_wrap .ark_content li{width:98%; padding:3px 5px; margin:1px; list-style:none; font-size:13px;}
#ark_top .ark_wrap .ark_content li strong{font-weight:bold;}
#ark_top .ark_wrap .ark_footer{position:relative; width:100% !important; font-size:12px; color:#fff; height:26px; text-align:center; background:#eeeeee;}
#ark_top .ark_wrap .ark_footer a{color:#000; text-decoration:none;}
#ark_top .ark_wrap .ark_footer .left{float:left;  margin-top:-5px}
#ark_top .ark_wrap .ark_footer .right{float:right; padding: 3px 5px 0 0 !important; color:#000;}/*2024-01-04 컬러 추가*/
/* 기록물 검색 자동완성 */
@media screen and (-ms-min-device-pixel-ratio:0){
	#ark_sub{right:28.6%;}
}
/* #ark_sub{position:absolute !important; width:39.3%746.24px; z-index:9999999; top:342px; right:28.6%; height:0; margin-top:20px;}	 */

#ark_wrap_sub{position:relative; width:100% !important; background:#f3f3f3; display:none;z-index:9999; left:5px; top:5px;}
#ark_sub .ark_wrap{position:relative; width:100% !important; margin-left:1px !important; background:#f3f3f3; display:none; margin:0 auto; z-index:9999;}
#ark_sub .ark_wrap ul{margin:0; padding:0; width:100% !important;}
#ark_sub .ark_wrap li{margin:0; padding:0; list-style:none;}
#ark_sub .ark_wrap .ark_content{border-bottom:1px solid #aaaaaa; margin-top:1px; border:1px solid #0a88d8;background:#fff; overflow:auto; z-index:999999; position:relative;} /*css3: overflow-x:hidden; overflow-y:auto;*/
#ark_sub .ark_wrap .ark_content li{width:90%; padding:3px 5px; margin:1px; list-style:none; font-size:13px;}
#ark_sub .ark_wrap .ark_content li strong{font-weight:bold;}
/* #ark_sub .ark_wrap .ark_footer{position:relative; width:100% !important; font-size:12px !important; color:#fff !important; height:26px; text-align:center; background:#0177b4; border-bottom:3px solid #0a88d8 !important;} */
#ark_sub .ark_wrap .ark_footer{position:relative; padding: 0 0 0 5px; width:100% !important; font-size:12px !important; color:#fff !important; height:26px; text-align:center; background:#0177b4; border-bottom:3px solid #0a88d8 !important;} /* 2022.12.02 통합검색 페이지 추가 */
#ark_sub .ark_wrap .ark_footer a{color:#fff !important; text-decoration:none !important; font-size:12px !important;}
#ark_sub .ark_wrap .ark_footer .left{float:left; margin-top:-15px !important;}
#ark_sub .ark_wrap .ark_footer .right{float:right; padding: 3px 5px 0 0 !important; margin-top:-10px !important;}

/* 221201 추가 */
#ark .ark_wrap {margin-top: 2px; max-width: 500px;}
#ark_down > a, #ark_up > a {margin-top: 3px; display: inline-block;}

@media (min-width: 981px) and (max-width: 1199px) {
	#ark {width:420px !important;}
	#ark #ark_wrap {margin-left: 7px; margin-top: 32px;}
	#ark_down, #ark_up {/*position: relative;*/ top: inherit !important; left: inherit !important; padding-bottom: 0 !important;}
	#ark_img_down, #ark_img_up {position: relative; right: 50px !important; z-index: 10;}
	#ark_down > a, #ark_up > a {display: inline-block; width: 14px; height: 28px; float: right; margin-right: 50px;}
}

#ark_sub .ark_wrap .ark_content {margin-top: 0}
#ark_sub .ark_wrap .ark_footer {border-bottom: 0 !important;}
#ark_sub .ark_wrap .ark_footer .left {margin-top: -5px !important;}
#ark_sub .ark_wrap .ark_footer .right {margin-top: 0 !important;}
#ark_sub .ark_wrap .ark_content li {width: calc(100% - 2px);}
/* 230725 웹접근성추가 시작 */
#ark_down > a, #ark_up > a {height:37px;}
#ark_down > a:after {width: 0px; height: 0px; border-top: 6px solid #707070; border-left: 6px solid transparent; border-right: 6px solid transparent; content:""; display:inline-block; position: absolute; top:15px; right:62px;}/* 검색펄치기 다운 */
#ark_up > a:after {width: 0px; height: 0px; border-bottom: 6px solid #707070; border-left: 6px solid transparent; border-right: 6px solid transparent; content:""; display:inline-block; position: absolute; top:15px; right:62px;}/* 검색펄치기 업 */
/* 230725 웹접근성추가 끝 */