@charset "utf-8";
/*리스트 아라비아 숫자*/
ol.ol_st { padding-left:20px;}
ol.ol_st li { list-style:decimal; font-size:14px; line-height:1.8; color:#444;}
ol.ol_st li ol { padding-left:20px;}
ol.ol_st li ol li{ list-style: decimal-leading-zero; font-size:14px; line-height:1.8; color:#666;}
ol.ol_st li ul li { list-style:none;}

/************************************************/
/**************** con_com style  ****************/

/* 박스 : 박스 기본 타입 */
.box_st1 {position:relative; padding:15px 25px; border:1px solid #bfbfbf; background:#fff;}

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_blue {color:#155eb6 !important;}
.pc_navy {color:#17335a !important;}
.pc_org {color:#f58220 !important;}
.pc_black {color:#000 !important;}
.pc_green {color:#4db02c !important;}
.pc_mint {color:#00b0a0 !important;}
.pc_red {color:#e33d65 !important;}

/* 테이블 : 테이블 기본 타입 */
.tbl_st {position:relative;width:100%;margin:5px 0 0 -1px;text-align:center;border-top: 2px solid #0c3f7b;-webkit-overflow-scrolling:touch; word-break:break-all;}
.tbl_st thead th {padding:13px 2px; vertical-align:middle; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#f3f3f3;}
.tbl_st tbody th {padding:13px 2px; vertical-align:middle; color:#222; font-family:"NotoM"; font-weight:normal; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fafafa;}
.tbl_st td { padding: 10px 2px; font-size:14px; border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; font-family: NotoR, "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", "돋움", dotum, sans-serif; }
.tbl_st tfoot th {padding:13px 2px;color:#222;font-family:"NotoM";font-weight:normal;font-size:14px;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;background: #f1f1f1;}
.tbl_st tfoot td {padding:13px 2px; font-size:14px; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; background:#fafbfb;}
.tbl_st:after {content:""; display:block; position:absolute; left:0; top:0; width:1px; height:100%; clear:both; overflow:hidden; background:#fff;}

/* 테이블 - 기타 */
.scroll_img, .scroll_gr {position:relative; width:100%; overflow:auto; } /* 스크롤 */
.tbl_utile {margin-top:-20px; text-align:right; line-height:16px; font-size:14px;} /* 유틸 */

/* 블릿 */
.bu_st1 {position:relative; padding-left:12px; font-size:14px; line-height:1.4; color:#444;}
.bu_st1:before {content:''; position:absolute; top:8px; left:0; width:5px; height:5px; background:#4a4e59;}

/* 마진 */
.mgt20 {margin-top:20px !important;}

/**************** con_com style  ****************/
/************************************************/

.unitySearch { position:relative; width:100%; overflow:hidden}

/* 왼쪽 영역 */
.leftArea{width:20%; float:left;}

/* 검색메뉴 */
.unitySearch .lm_2th { position:relative; }
.unitySearch .lm_2th p.tit{display:none;}
.unitySearch .lm_2th > ul{overflow:hidden; border:1px solid #bfc8cf;}
.unitySearch .lm_2th > ul > li a { display:block; font-size:16px; color:#222; line-height:46px; background:#fff; border-top:1px solid #bfc8cf; padding-left:15px; word-break:keep-all}
.unitySearch .lm_2th > ul > li:first-child a { border:0}
.unitySearch .lm_2th > ul > li.menuOn a {color:#fff; background:#2b8eda url('../images/search/sear_btn_arrow.png') no-repeat 94% 50%}
.unitySearch .lm_2th > ul > li a:hover { background-color:#2b8eda; color:#fff;}
.unitySearch .lm_2th a{ -webkit-transition:all 0.1s ease; -moz-transition:all 0.1s ease; -ms-transition:all 0.1s ease; transition:all 0.1s ease;}

/* 검색결과 */
.searchResult { position:relative; width:80%; min-height:700px; overflow:hidden; float:left;/* border-left:1px solid #b2b7c7; border-right:1px solid #b2b7c7;*/ padding:0 0 50px; box-sizing:border-box}
.searchResult .sear_title1 { font-size:24px; color:#414b55; text-align:center; margin:35px 30px 15px}
.searchResult .sear_btn_area { text-align:center; margin-bottom:30px}
.searchResult .section { position:relative; border:1px solid #b2b7c7; margin:10px 30px 20px; overflow:hidden;} 
.searchResult .section .tit {position:relative; font-family:'NotoM'; font-size:20px; color:#111; padding:20px; background:#f1f1f1; cursor: pointer;}
.searchResult .section .tit span { font-size:14px}
.searchResult .section .tit::after{content:""; position: absolute; right:20px; top:50%; width:14px; height:8px; margin-top:-4px; background:url('../images/search/ico_arrow.png') no-repeat center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.searchResult .section .resultBox{margin:20px 30px;}
.searchResult .section .resultBox strong { color:#ff0000 !important;}
.searchResult .section dl { position:relative;}
.searchResult .section dl a:hover{text-decoration: underline;}
.searchResult .section dl dt a { font-family:'NotoM'; font-size:16px; color:#2b8eda; line-height:22px; text-decoration:underline; }
.searchResult .section dl dd { font-size:14px; color:#111; line-height:22px; margin:10px 0; overflow:hidden}
.searchResult .section dl dd.info{margin-top:0;}
.searchResult .section dl dd.info span{display:inline-block; font-size:13px; color:#666; line-height:15px; border-left:1px solid #ccc; padding:0 10px;}
.searchResult .section dl dd.info span:first-child{padding-left:0; border-left:0;}
.searchResult .section dl dd.url a{display:block; position:relative; line-height:20px; padding-left:50px; font-size:13px; font-family:'NotoM'; color:#f2541b; word-break: break-all;}
.searchResult .section dl dd.url a::before{content:"URL"; position:absolute; left:0; top:0; font-size:12px; line-height:20px; padding:0 10px; background:#f2541b; color:#fff; border-radius:2px;}
.searchResult .section dl dd.mnCours { font-size:15px; color:#4d4d4d; line-height:20px; background:url('../images/search/sear_ico_home.png') no-repeat 0 4px; padding-left:15px}
.searchResult .section dl dd.mnCours strong {font-family:'NotoM'; color:#1876d6; background:url('../images/search/blt_result_more.gif') no-repeat 0 7px; padding-left:15px; margin-left:5px}
.searchResult .section .sear_more{border-top:1px dashed #ddd; padding:20px 0 0; text-align:right;}
.searchResult .section .sear_more a { font-size:14px; color:#545a66; background:url('../images/search/sear_btn_more.png') no-repeat 100% 5px; padding-right:15px}
.searchResult .section .sear_more a:hover { font-family:'NotoM'; color:#f2541b}

/* 검색결과 페이징 */
.resultPaging {position:relative; margin:20px 0; font-size:13px; text-align:center;}
.resultPaging a {width:33px; line-height:33px; display:inline-block; margin-right:-1px; padding:0; color:#666; text-align:center; vertical-align:middle; }
.resultPaging a.on {font-weight:400; color:#fff; text-decoration:underline; background:#0467b3;}

/* 검색어 */
.searchWord {margin:20px 0 0;}
.searchWord:after {content:""; display:block; clear:both; overflow:hidden;}
.searchWord .box { position:relative; margin:10px 0 0; } 
.searchWord .box h4 { position:relative; font-family:'NotoM'; font-size:16px; line-height:50px; padding:0 30px 0 10px; color:#fff; background:#354856; cursor: pointer; }
.searchWord .box h4::after{content:""; position: absolute; right:20px; top:19px; width:15px; height:9px; background:url('../images/search/ico_arrow_wh.png') no-repeat center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.searchWord .box h4.close::after{transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.searchWord .box ul, .searchWord .box ol {padding:10px; border:1px solid #ddd; overflow:hidden;}
.searchWord .box ul.sear_tab > li { position:relative}
.searchWord .box ul.sear_tab > li > a{ display:block; width:25%; height:30px; border:1px solid #d6d6d6; border-left:0; background:#f4f1f1; font-size:13px; line-height:30px; color:#717171; text-align:center; float:left; box-sizing:border-box; margin-top:10px}
.searchWord .box ul.sear_tab > li:first-child > a { border-left:1px solid #d6d6d6}
.searchWord .box ul.sear_tab > li.tabOn > a{background:#fff; color:#272e3c}
.searchWord .box ul.sear_tab > li > .tab_obj{position:absolute; top:50px; left:0; width:100%}
.searchWord .box ol li { position:relative; line-height:20px; margin:5px 0 0}
.searchWord .box ol li span { width:20px; height:20px; font-family:'NotoM'; font-size:12px; text-align:center; border:1px solid #ddd; float:left}
.searchWord .box li.top5 span{background:#f2541b; border-color:#f2541b; color:#fff;}
.searchWord .box ol li a { display:block; padding:0 40px 0 5px; color:#333; font-size:13px; color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.searchWord .box ol li img { position:absolute; top:5px; right:20px; width:9px; height:9px}
.searchWord .box ol li .sear_rank { position:absolute; top:0; right:5px; width:auto; border:0}
.searchWord .box ol li a:hover { color:#0066ce; text-decoration:underline}

/* 부서홈페이지 */
.dept_link a{display:block; position:relative; font-size:13px; line-height:20px; padding-left:10px; margin:5px 0;}
.dept_link a::before{content: ""; position: absolute; left:0; top:8px; width:3px; height:3px; background:#999; }
.dept_link a:hover{text-decoration: underline; color:#0066ce;}

/* 결과없음 */
.sear_no_data {margin:20px 30px; }
.sear_no_data strong { font-family: 'NotoM'; color:#ff0000 !important;}
.sear_no_data p{font-size:16px; margin:0 0 10px;}
.sear_no_data ul{padding:20px; background:#f5f8fa; overflow:hidden;}
.sear_no_data li {position:relative; padding:5px 0 5px 15px; font-size:15px; color:#111}
.sear_no_data li:before {content:""; display:block; clear:both; position:absolute; left:0; top:14px; width:4px; height:4px; background:#999;}

@media screen and (max-width:1200px) {

	
	/* 테이블 - 기타 */
	.scroll_img .tbl_utile {margin-right:45px;}/* 유틸 & 스크롤있을때 */
	.scroll_gr .tbl_utile {margin-right:0; z-index:2;}/* 유틸 & 스크롤있을때 */

	.searchWord{box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}

	.leftArea{width:100%;}

  	/* 검색메뉴 */
	.unitySearch .lm_2th {width:95%; float:none; margin:20px auto 0;}		
	.unitySearch .lm_2th p.tit{display:block;}
	.unitySearch .lm_2th p{display:block; position:relative; border:0; font-size:18px; line-height:50px; padding:0 10px; color:#fff; font-family: 'NotoM'; background:#004ca6; cursor: pointer;}
	.unitySearch .lm_2th p::after{content:""; position: absolute; right:20px; top:19px; width:15px; height:9px; background:url('../images/search/ico_arrow_wh.png') no-repeat center; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
	.unitySearch .lm_2th p.close::after{transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
	.unitySearch .lm_2th button span{display:block; padding:0 20px; text-align:left;}
	.unitySearch .lm_2th > ul > li { width:100%; float:left}
	.unitySearch .lm_2th > ul > li a { font-size:15px; background:#eaf6ff; padding:0 20px;}
	.unitySearch .lm_2th > ul > li:first-child a { border-top:1px solid #eaf6ff}
	
	/* 검색결과 */
	.searchResult { width:100%; min-height:auto; float:none; }
	.searchResult .sear_title1{width:95%; margin:35px auto 15px;}
	.searchResult .section{width:95%; float:none; margin:20px auto 0;}
	
	/* 검색어 */
	.searchWord {width:95%; float:none; padding:0; margin:0 auto;}
	.searchWord .box.sear_popular { height:340px}
  

	
	
}

@media screen and (max-width:740px) {

	/* 스크롤 - 그라데이션 */
	.scroll_gr table {width:740px;}
	.scroll_gr {width:100%; overflow-x:auto; background-repeat:no-repeat;
		background-image:linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		background-position:right 5px ; background-size:30px 100%; z-index:1} 


	/* 검색결과 */
	.searchResult .sear_title1{font-size:20px; word-break: keep-all;}
	.searchResult .section .tit span { display:block}
	.searchResult .section .resultBox{margin:10px 15px;}


}	
	
@media screen and (max-width:480px) {	

	/* 페이징 */
	.resultPaging a {width:27px; line-height:27px;}
	.resultPaging a img {width:27px;}


	
}