@charset "utf-8";

#allSearchWrap{padding-top:91px;background:#fff;}
#allSearch{padding-top:40px;border-top:1px solid #2669ad;}
#allSearch .topSearchBox{margin-bottom:40px;padding-left:355px;text-align:center;}
#allSearch .topSearchBox:after{display:block;content:'';clear:both;}
#allSearch .topSearchBox .formArea{position:relative;display:block;float:left;margin-right:25px;padding:0 85px 0 10px;width:620px;height:60px;box-sizing:border-box;border:2px solid #2669ad;text-align:left;}
#allSearch .topSearchBox .formArea select{display:inline-block;vertical-align:middle;width:135px;height:52px;border:0px none;font-size:16px;}
#allSearch .topSearchBox .formArea input{display:inline-block;vertical-align:middle;height:52px;border:0px none;}
#allSearch .topSearchBox .formArea input[type="text"]{width:340px;}
#allSearch .topSearchBox .formArea input[type="submit"]{display:block;position:absolute;right:0;top:0;height:56px;width:85px;background:#2669ad;line-height:56px;font-size:16px;color:#fff;font-weight:600;text-align:center;}
#allSearch .topSearchBox .research{display:block;float:left;height:60px;line-height:60px;font-size:15px;font-weight:600;color:#474747;}
#allSearch .topSearchBox .research input{display:inline-block;vertical-align:middle;margin-right:5px;}
#allSearch .allSearchConWrap{position:relative;}
#allSearch .leftBar{clear:both;position:absolute;left:0;top:0;bottom:0;width:250px;border-left:1px solid #d3d4d8;border-right:1px solid #d3d4d8;}
#allSearch .leftBar .searchGnb li a{display:block;padding:0 18px;height:60px;background:#f5f6f8 url(../../images/keiti/sub/icon_searchGnb.png) no-repeat 94% center;border-bottom:1px solid #d3d4d8;line-height:60px;font-size:17px;color:#333;}
#allSearch .leftBar .searchGnb li.active a{background:#0d3361 url(../../images/keiti/sub/icon_searchGnb_on.png) no-repeat 94% center;color:#fff;}
#allSearch .leftBar .setting{padding:30px 18px;border-bottom:1px solid #d3d4d8;}
#allSearch .leftBar .setting .title{display:block;margin-bottom:10px;font-size:16px;color:#222;}
#allSearch .leftBar .setting li.type1{margin-bottom:23px;}
#allSearch .leftBar .setting li a{float:left;margin-right:-1px;height:40px;border:1px solid #d3d4d8;line-height:40px;text-align:center;font-size:15px;color:#555;box-sizing:border-box;}
#allSearch .leftBar .setting li a.active{background:#8f9ba9;border:1px solid #8f9ba9;color:#fff;}
#allSearch .leftBar .setting li.type1 a{width:50%;}
#allSearch .leftBar .setting li.type2 a{width:25%;}
#allSearch .leftBar .setting li.type2 .term{margin-bottom:8px;}
#allSearch .leftBar .setting li .startDay{clear:both;display:block;font-size:15px;text-align:right;}
#allSearch .leftBar .setting li .startDay input{padding-left:45px;box-sizing:border-box;width:156px;height:38px;background:#f9f9f9;}
#allSearch .leftBar .setting li .btnSetSearch{display:block;margin-top:18px;height:42px;width:100% !important;background:#f9f9f9;font-size:15px;font-weight:600;color:#222;}
#allSearch .allSearchCon{margin:0 250px;padding:25px 40px;min-height:800px;border-top:1px solid #d3d4d8;}
#allSearch .allSearchCon .allSearchNone{margin:40px 0 40px 80px;padding:25px 0 0 180px;min-height:140px;box-sizing:border-box;background:url(../../images/keiti/sub/bg_allSearchNone.gif) no-repeat left top;}
#allSearch .allSearchCon .allSearchNone span{display:block;margin-bottom:15px;font-size:28px;color:#2669ad;}
#allSearch .allSearchCon .allSearchNone p{font-size:16px;color:#464646;line-height:145%;}
#allSearch .allSearchCon .searchResult{position:relative;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #d3d4d8;}
#allSearch .allSearchCon .searchResult .btnMore{display:block;position:absolute;right:0;top:5px;width:74px;height:26px;background:url(../../images/keiti/sub/bg_searchCon_btnMore.gif) no-repeat;text-indent:-9999em;}
#allSearch .allSearchCon h4{margin-bottom:15px;padding-left:27px;background:url(http://1.214.216.98:2081/images/keiti/sub/icon_h4.gif) no-repeat left 8px;line-height:145%;font-size:20px;color:#2669ad;}
#allSearch .allSearchCon h4 span{display:inline-block;vertical-align:text-top;margin-left:5px;font-size:14px;color:#555;}
#allSearch .allSearchCon .point{color:#da2128;}
#allSearch .allSearchCon .info table{border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}
#allSearch .allSearchCon .info table thead th{background:#f9f9f9;}
#allSearch .allSearchCon .info table th,
#allSearch .allSearchCon .info table td{font-size:15px !important;}
#allSearch .allSearchCon .info table td a:hover{text-decoration:underline;}
#allSearch .allSearchCon .resultList li{margin-bottom:30px;line-height:170%;}
#allSearch .allSearchCon .resultList li .title{display:block;margin-bottom:7px;font-size:17px;color:#212121;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#allSearch .allSearchCon .resultList li .title:hover{text-decoration:underline;}
#allSearch .allSearchCon .resultList li .textCon{display:block;display:-webkit-box;height:52px;line-height:26px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#666;font-size:15px;}
#allSearch .allSearchCon .resultList li .info{margin-top:8px;color:#555;font-size:15px;}
#allSearch .allSearchCon .resultList li .conNavi{display:inline-block;vertical-align:top;margin-right:23px;color:#2669ad;}
#allSearch .allSearchCon .resultList li .conNavi .sep{display:inline-block;vertical-align:middle;margin-left:23px;width:1px;height:13px;background:#ccc;}
#allSearch .allSearchCon .resultList li .title img{margin-right:5px;}
#allSearch .allSearchCon .paging{padding:20px 0;}
#allSearch .rightBar{position:absolute;right:0;top:0;bottom:0;width:250px;border:1px solid #d3d4d8;border-bottom:0px none;}
#allSearch .rightBar .wordInfo{padding:20px;border-bottom:1px solid #d3d4d8;}
#allSearch .rightBar .wordInfo .title{display:block;margin-bottom:10px;font-size:15px;font-weight:600;color:#212121;}
#allSearch .rightBar .wordInfo .popWordBtn{margin-bottom:18px;}
#allSearch .rightBar .wordInfo .popWordBtn:after{display:block;content:'';clear:both;}
#allSearch .rightBar .wordInfo .popWordBtn li{float:left;margin-right:-1px;width:50%;box-sizing:border-box;}
#allSearch .rightBar .wordInfo .popWordBtn li a{display:block;height:34px;border:1px solid #d3d4d8;line-height:34px;font-size:15px;color:#555;text-align:center;}
#allSearch .rightBar .wordInfo .popWordBtn li a.active{border:1px solid #8f9ba9;background:#8f9ba9;color:#fff;}
#allSearch .rightBar .wordInfo .popWordList li{display:block;position:relative;margin-bottom:8px;padding:0 44px 0 26px;height:18px;}
#allSearch .rightBar .wordInfo .popWordList li .num{display:block;position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #dfdfdf;box-sizing:border-box;text-align:center;line-height:16px;color:#555;font-size:12px;}
#allSearch .rightBar .wordInfo .popWordList li.top .num{background:#2669ad;border:1px solid #2669ad;color:#fff;}
#allSearch .rightBar .wordInfo .popWordList li em{display:block;position:absolute;right:0;top:0px;padding-left:18px;box-sizing:border-box;width:40px;height:18px;font-size:11px;text-align:left;line-height:18px;}
#allSearch .rightBar .wordInfo .popWordList li .type1{background:url(../../images/keiti/sub/icon_popWordList1.gif) no-repeat 8px center;}
#allSearch .rightBar .wordInfo .popWordList li .type2{background:url(../../images/keiti/sub/icon_popWordList2.gif) no-repeat 8px center;}
#allSearch .rightBar .wordInfo .popWordList li .type3{background:url(../../images/keiti/sub/icon_popWordList3.gif) no-repeat 8px center;}
#allSearch .rightBar .wordInfo .popWordList li .type4{background:url(../../images/keiti/sub/icon_popWordList4.gif) no-repeat 10px center;}
#allSearch .rightBar .wordInfo .popWordList a{display:block;font-size:14px;color:#464646;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#allSearch .rightBar .wordInfo .popWordList a:hover{font-weight:600;}
#allSearch .rightBar .wordInfo .relaWord{margin:20px 0 0 5px;}
#allSearch .rightBar .wordInfo .relaWord li{margin-bottom:10px;}
#allSearch .rightBar .wordInfo .relaWord li a:hover{font-weight:600;}

/* ======================================== Responsive ======================================== */
@media all and (max-width:1500px){	
}

/*Mobile*/
@media all and (max-width:960px){
	#allSearchWrap{padding:142px 2% 0;}
	#allSearch .topSearchBox{padding:0;}
	#allSearch .topSearchBox .formArea{float:none;margin:0 auto;}
	#allSearch .topSearchBox .research{float:none;margin:10px auto;width:620px;height:auto;line-height:100%;text-align:right;}
	#allSearch .leftBar{position:static;width:auto;border:0px none;}
	#allSearch .allSearchCon{margin:20px 0 0;padding:25px 10px 10px;}
	#allSearch .rightBar{position:static;width:auto;}
	#allSearch .leftBar .searchGnb{border:1px solid #d3d4d8;border-right:0px none;}
	#allSearch .leftBar .searchGnb li{float:left;width:16.6666%;}
	#allSearch .leftBar .searchGnb li a{padding:0 2%;height:50px;line-height:50px;background:none;border-right:1px solid #d3d4d8;border-bottom:0px none;text-align:center;font-size:14px;}
	#allSearch .leftBar .searchGnb li.active a{background:#0d3361;border-right:1px solid #0d3361;}
	#allSearch .leftBar .setting{padding:12px;border:1px solid #d3d4d8;border-top:0px none;}
	#allSearch .leftBar .setting li{}
	#allSearch .leftBar .setting li a{font-size:14px;}
	#allSearch .leftBar .setting li.type1{padding-right:10px;box-sizing:border-box;width:50%;}
	#allSearch .leftBar .setting li.type2{}
	#allSearch .leftBar .setting li.type2 .term{margin-bottom:0;width:60px;}
	#allSearch .leftBar .setting li .startDay{display:inline-block;vertical-align:middle;margin-left:10px;font-size:14px;}
	#allSearch .leftBar .setting li .startDay input{margin:0;width:130px;height:40px;}
	#allSearch .leftBar .setting li .btnSetSearch{display:inline-block;vertical-align:middle;float:none;margin-top:0;height:40px;width:70px !important;}
	#allSearch .allSearchCon .allSearchNone{margin:0;padding-left:160px;}
	#allSearch .allSearchCon .allSearchNone span{font-size:22px;}
	#allSearch .allSearchCon .allSearchNone p{font-size:14px;}
	

	
}

/*Phone*/
@media all and (max-width:639px){
	#allSearchWrap{padding-top:100px;}
	#allSearch{padding-top:0;border-top:0;}
	#allSearch .topSearchBox{margin-bottom:20px;}
	#allSearch .topSearchBox .formArea{padding-left:0;width:auto;}
	#allSearch .topSearchBox .formArea input[type="text"]{width:auto;}
	#allSearch .topSearchBox .formArea select{width:80px;font-size:13px;}
	#allSearch .topSearchBox .research{width:auto;}
	#allSearch .leftBar .searchGnb{border-bottom:0px none;}
	#allSearch .leftBar .searchGnb li{width:33.3333%;}
	#allSearch .leftBar .searchGnb li a{border-bottom:1px solid #d3d4d8;}
	#allSearch .leftBar .setting li.type2 .term{margin-bottom:5px;width:25%;}
	#allSearch .leftBar .setting li .startDay{margin:0 0 10px;}
	#allSearch .leftBar .setting li .startDay input{padding:0 5px;width:100px;background:#f9f9f9 !important;}
	#allSearch .leftBar .setting li .btnSetSearch{display:block;margin:0;width:auto !important;}
	#allSearch .allSearchCon .allSearchNone{padding:150px 0 30px;background-position:center top;}
	#allSearch .allSearchCon .allSearchNone span{font-size:20px;text-align:center;}
	#allSearch .allSearchCon .allSearchNone p{text-align:center;}
	#allSearch .allSearchCon .searchResult{margin-bottom:20px;padding-bottom:20px;}
	#allSearch .allSearchCon .resultList li{margin-bottom:15px;}
	#allSearch .allSearchCon .resultList li .conNavi{font-size:13px;}
	#allSearch .rightBar{margin-bottom:50px;}
}

/*Tablet*/
@media all and (min-width:640px) and (max-width:960px){
	#allSearch{border-top:0px none;}
	#allSearch .rightBar{margin-bottom:50px;border-right:0px none;}
	#allSearch .rightBar:after{display:block;content:'';clear:both;}
	#allSearch .rightBar .wordInfo{float:left;border-right:1px solid #d3d4d8;width:50%;height:385px;box-sizing:border-box;}
	
}