@charset "utf-8";
/**
 * @File Name : style.css
 * @Description : Layout, CSS Adjust
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.08.08 | 문영신 | 최초 등록
 * 2018.08.14 | 문영신 | 요구반영. 결함개선. 고도화.
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.07.04
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* Table of contents ))
 | 공통 스타일과 다른 개별 스타일 겹쳐 쓰다!
 | RWD ◇◆
 */

/* ◇◆ all.css, sub.css, lib*.css  )) Overwrite. 20180514. ◇◆◇◆◇◆◇◆◇◆ */

		#wrap{border-top:1px solid #ddd;}
			#wrap>.container{margin:0 auto;padding:0 20px}
			#body_content{padding:0;}
			#body_content > .container{padding:60px 0 0}


/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */


/* 인기검색어 20170804 */
#keywordlist1{position:relative;
	margin:0 0 10px;
	background:#edf3f9;
	overflow:hidden;
}
#keywordlist1 .h1{display:block;
	padding:.666em 0;
	background:#032c52;
	color:#fff;text-align:center;
	font-size:17px;
}
#keywordlist1 .lst1{list-style:none;margin:20px;text-align:left;}
#keywordlist1 .lst1 li{display:block;position:relative;
	margin:10px 0;
	padding:0 0 0 28px;
}
#keywordlist1 .lst1 li a{display:block;
	color:#666;
	height:20px;
	line-height:20px;
	font-size:15px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#keywordlist1 .lst1 li a:hover,
#keywordlist1 .lst1 li a:focus{text-decoration:underline;}
#keywordlist1 .lst1>li:before{display:inline-block;
	position:absolute;left:0;top:0;
	box-sizing:border-box; /* ☆ */
	width:20px;height:20px;
	margin:0;
	background:#627085;
	border:1px solid #627085;
	color:#fff;
	font-size:12px;font-family:Helvetica,Arial,sans-serif;line-height:20px;
	text-align:center;
	vertical-align:middle;
}
/* [IE8+] 호환 위해 :nth-child(1) 을 .m1 형태로 변경 */
#keywordlist1 .lst1>li.m1:before{content:'1';background:#c92026;border-color:#b60e14}
#keywordlist1 .lst1>li.m2:before{content:'2';background:#1c223a;border-color:#1a1b1f}
#keywordlist1 .lst1>li.m3:before{content:'3';background:#1c223a;border-color:#1a1b1f}
#keywordlist1 .lst1>li.m4:before{content:'4';background:#1c223a;border-color:#1a1b1f}
#keywordlist1 .lst1>li.m5:before{content:'5';background:#1c223a;border-color:#1a1b1f}
#keywordlist1 .lst1>li.m6:before{content:'6'}
#keywordlist1 .lst1>li.m7:before{content:'7'}
#keywordlist1 .lst1>li.m8:before{content:'8'}
#keywordlist1 .lst1>li.m9:before{content:'9'}
#keywordlist1 .lst1>li.m10:before{content:'10'}


/* 내가 찾은 검색어 20170804 */
#foundkeyword1{position:relative;
	margin:0 0 10px;
	background:#edf3f9;
	overflow:hidden;
}
#foundkeyword1 .h1{display:block;
	padding:.666em 0;
	background:#032c52;
	color:#fff;text-align:center;
	font-size:17px;
}
#foundkeyword1 .lst1{list-style:none;margin:20px;padding:0;text-align:left;}
#foundkeyword1 .lst1 li{display:block;position:relative;
	margin:10px 0;
	padding:0 20px 0 10px;
	background:url(/_res/portal/img/lib2/bu1.png) no-repeat 0 50%;
}
#foundkeyword1 .lst1 li a.t1{display:block;
	height:20px;
	color:#666;
	line-height:20px;
	font-size:15px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;
}
#foundkeyword1 .lst1 li a.t1:hover,
#foundkeyword1 .lst1 li a.t1:focus{color:#000;}
#foundkeyword1 .del{float:left;position:absolute;right:0;top:50%;width:10px;height:10px;border:0;
	margin:-5px 0 0;
	background:url(/_res/portal/img/lib/b1x.png) no-repeat center center;overflow:hidden;text-indent:-9999px;
	opacity:.3;
}




/* 검색 날짜지정 */
#search1date1{position:relative;
	margin:0 0 10px;
	background:#edf3f9;
	overflow:hidden;
}
#search1date1 .h1{display:block;
	padding:.666em 0;
	background:#032c52;
	color:#fff;text-align:center;
	font-size:17px;
}
#search1date1 form{display:block;
	padding:20px;margin:0;
}
#search1date1 .w1{display:block;
	position:relative;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;margin:0 0 10px;
}
#search1date1 .w1>a{margin:0 5px 0 0;}

#search1date1 .w2>span{display:inline-block;
	position:relative;
	margin:0 0 5px;
}
#search1date1 .w2>span:before{content:'';
	display:block;
	z-index:1;
	position:absolute;left:5px;top:5px;
	width:20px;height:20px;
	background:url(/_res/portal/img/lib/ic40calendar@2x.png) no-repeat;
	background-size:contain;
	opacity:.5;
}
#search1date1 .w2 input{width:130px;height:30px;
	margin:0;padding:0 0 0 30px;
}
#search1date1 .submit{display:block;width:100%;}
@media all and (min-width:1260px){
	
}



/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */


/* h1#logo{margin:8px 60px 8px 0;}
h1#logo>a>img{height:64px;} */


} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */

		#wrap{border-top:0;}

			#body{float:left;}
				#body>.container{padding:0;}
			
			#aside{float:right;width:210px;margin:60px 0 0;}
				#aside>.container{min-width:auto;width:210px;}




#keywordlist1{float:none;width:auto;margin:0 0 30px;}
#foundkeyword1{float:none;width:auto;margin:0 0 30px;}

#search1date1{float:none;width:auto;margin:0 0 30px;}
#search1date1 .w1>a{width:31.333%;margin:0 1%;}

} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */