@CHARSET "EUC-KR";

#searchCont{
	width:914px;
	margin-right:44px;
	overflow:hidden;
}

.searchWord{
	position:absolute;
	right:0px;
	top:60px;
	width:222px;
}/* 자주찾는 검색어 */

.searchWord h3{
	font-size:20px;
	font-weight:500;
	padding:0 0 25px 0;
	border-bottom:1px solid #E2E2E2;
}

.searchWord #rankings ol{
	margin:15px 0 0 0;
}

.searchWord #rankings ol li{
	margin:0 0 5px 0;
}

.searchWord #rankings ol li a{
	color:#179FED;
	font-size:11px;
}

.searchWord #rankings ol li span{
	display:inline-block;
	margin:0 5px 0 0;
	width:15px;
	height:15px;
	font-size:10px;
	line-height:14px;
	text-align:center;
	color:#fff;
	border-radius:30px;
	background:#179FED;	
}

.searchWord > p{
	text-align:center;
}

.searchWord button{
	padding:0 10px;
	font-size:10px;
	background:#fff;
	border:1px solid #d6d6d9 !important;
	box-sizing: border-box;
}

.line{
	padding:0 0 17px 0;
	border-bottom:1px solid #dbdbdb;
}

.hgroupW{
	width:100%;
	margin-top:60px;
	padding:0 0 25px 0;
	border-bottom:1px solid #E2E2E2;
}/*통합검색박스*/

.hgroupW h3{
	font-size:20px;
	font-weight:500;
}

.faqSearch{
	position:relative;
}

.srchBoxT{
	position:relative;
	width:100%;
	height:110px;
	padding:32px 0 0 0;
	margin-top:60px;
	background:#F4F8FB;
	box-sizing: border-box;
}/*검색박스*/

.srchBoxT #searchBtn{
	margin:2px 0 0 0;
	padding:0 0 0 10px;
	width:95px;
	height:40px;
	background: url(../../common/image/btn/btn_header_search_white.png) no-repeat 15px 50%;
	background-color:#107EBD;
	color:#fff;
	box-sizing: border-box;
}/*검색버튼*/


.srchBoxT .txtWs{
	position:relative;
	width:730px;
	margin:0 auto;
}/*검색필드 박스*/


.srchBoxT .txtWs .txt_fd{
	float:left;
	position:relative;
	margin:0 0 0 30px;
	width:600px;
	height:44px;
	background:#107EBD;
}/*검색필드 관련 묶음*/

.srchBoxT .txtWs .txt_fd input{
	float:left;
	width:500px;
	height:40px;
	margin:2px 0 0 2px;
	background:#fff;
	box-sizing: border-box;
	border:0;
}/*주 검색 필드*/

.srchBoxT .txtWs .ui-icon{
	position:absolute;
	left:440px;
	top:15px;
	display:block;
	width:40px;
	height:40px;
	background: url(../image/btn/drop_List.png) no-repeat 0 0;
	cursor:pointer;	
}/*자동완성 열기*/

.srchBoxT .faqQueryClose{
	position:absolute;
	left:462px;
	top:2px;
	padding:0 0 0 10px;
	width:40px;
	height:40px;
	background: url(../image/btn/faqQueryClose.png) no-repeat 50% 50%;
	background-color:#fff;
	box-sizing: border-box;	
	font-size:0;
}/* 검색어 삭제 */


.faqSearch .reSearch{
	float:left;
	margin:12px 0 0 20px;
}/*결과내 재검색*/

.faqSearch .reSearch input[type=checkbox]{
	clear:both;
	margin:0 3px 0 0;
	width:15px;
	height:15px;
	border:1px solid #B4B5B7 !important;
	background-color:#F4F8FB !important;	
}/*결과내 검색 체크박스*/

.faqSearch .reSearch label{
	vertical-align:top;
}/*결과내 검색 체크박스*/


.dropList{
	position:absolute;
	left:31px;
	top:42px;
	width:503px;
	height:208px;
	overflow:hidden;
	background-color:#fff;
	border-top:1px solid #137ABC;
	border-left:1px solid #137ABC;
	border-right:2px solid #137ABC;
	border-bottom:2px solid #137ABC;
	box-sizing: border-box;	
}/*자동완성 기능창*/

.dropList ul{
	width:460px;
	height:135px;
	padding:15px 20px 20px 20px;
	overflow-y:auto;
}

.dropList li{
	font-weight:500;
	margin:0 0 3px 0;
	padding:0;
}
.dropList li a{
	display:block;
	width:100%;
}
.dropList li em{
	color:#179FED;
	font-weight:500;
}

.dropList .btnW{
	width:100%;
	height:35px;
	background-color:#F4F8FB;
}

.dropList .btnW button{
	float:right;
	margin:8px 5px 0 0;
	padding:1px 4px;
	font-size:11px;
	color:#fff;
	background-color:#80828E;
}

.tabSearch{
	width:914px;
	overflow:hidden;
	margin:26px 0 50px 0;
}/*검색 결과 탭*/

.tabSearch li{
	float:left;
	width:20%;
	padding:0 10px 0 0;
	text-align:left;
	box-sizing: border-box;	
	overflow:hidden;
}

.tabSearch li a{
	display:block;
	padding:8px 0 7px 0;
	width:100%;
	text-align:left;
	box-sizing: border-box;
	background:#fff url(../image/bg/bg_border_b_1px.png) repeat-x left bottom;
}

.tabSearch li.on a{
	background:#fff url(../image/bg/bg_border_b_3px.png) repeat-x left bottom;
}

.tabSub{
	display:none;
	width:100%;
}/* 탭 결과 모바일 셀렉트 */

.serResult{
	margin:0 0 0 0;
	padding:0 0 10px 20px;
	border-bottom:1px solid #d0d0d0;
	background: url(../image/bul/bul_010.png) no-repeat left 4px;
}/* 보증결과 */

.serResult strong{
	color:#179FED;	
}

.noResult{
	margin:10px 0 0 0;
}

.noResult em{
	color:#179FED;
}

.serSection{
	padding:0 0 30px 0;
	border-bottom:1px solid #dbdbdb;
}

.serSection .h3Area{
	position:relative;
	margin:20px 0 0 0;
	font-size:16px;
}
.serSection .h3Area p span{
	color:#179FED;	
}
.serSection .h3Area a{
	display:block;
	position:absolute;
	right:0;
	top:0;
	padding:0 10px 0 0;
	font-size:12px;
	font-weight:500;
	background: url(../image/bul/bul_012.png) no-repeat right 50%;
}

.serSection .serList{
	margin:20px 0 0 0;
	
}

.serSection .serList li{
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	font-weight:500;
	background: url(../image/bul/bul_011.png) no-repeat left 8px;
}

.serSection .serList li em{
	color:#179FED;	
}

.proSlist{
	margin:20px 0 0 0;
	border-left:1px solid #e2e2e2;
	border-top:1px solid #e2e2e2;
}/* 보증상품 검색 결과 */

.proSlist li{
	position:relative;
	float:left;
	width:50%;
	height:167px;
	box-sizing: border-box;
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}

.proSlist dl dt{
	margin:28px 30px 0 30px;
	font-size:16px;
	box-sizing: border-box;
	
}

.proSlist dl dt em{
	color:#179FED;
}

.proSlist dl dd{
	margin:10px 30px 0 30px;
	line-height:16px;
	box-sizing: border-box;
}

.proSlist dl dd.img { display:none; }

.proSlist .btn{
	margin:15px 30px 0 30px;
}

.proSlist .btn a{
	margin-right:5px;
	padding:4px 10px 5px 10px;
	height:auto;
	line-height:16px;
	font-size:11px !important;
}


.proSlist .btn a.gray{
	background:#2ff0f0;
	border:1px solid #d6d6d9 !important;
	box-sizing: border-box;
}

.proSlist .btn a.red{
	background:#31343f !important;
}


.serDllist{
	width:914px;
	margin:15px 0 0 0;
}

.serDllist dt{
	width:100%;
	padding:0 0 0 10px;
	font-weight:700;
	background: url(../image/bul/bul_011.png) no-repeat left 8px;
	box-sizing: border-box;
}

.serDllist dd{
	width:100%;
	padding:0 0 0 10px;
	box-sizing: border-box;
}


.serDllist ul{
	width:100%;
	margin:10px 0 0 0;
	box-sizing: border-box;
}

.serDllist ul li{
	float:left;
	width:50%;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	background: url(../image/bul/bul_013.png) no-repeat left 10px;
	box-sizing: border-box;
}

.serDllist ul li em{
	color:#179FED;
}


.serDllist .locati{
	margin:0 0 20px 10px;
	padding:0 0 0 10px;
	background: url(../image/bul/bul_013.png) no-repeat left 8px;
}

.serDllist .file{
	margin:10px 0 0 0;
	padding:2px 0 10px 32px;
	line-height:16px;
	background: url(../image/icon/icon_file_search.png) no-repeat 12px 0;
	background-size:15px;
}
.serDllist .file a{
	padding:0 0 0 0;
	color:#179FED;
	font-weight:700;
	border-bottom:1px solid #179FED;
}

.serSection .boardTb{
	margin:20px 0 0 0;
}

.serDllist .boxW{
	padding:2px 0 10px 15px;
	line-height:16px;
	background: url(../image/bul/bul_013.png) no-repeat 8px 8px;
}

.serDllist .case02 li{
	width:auto;
	float:none !important;
}

.serMovlist{
	margin:20px 0 0 0;
}

.serMovlist > li{
	position:relative;
	margin:0 0 20px 0;
	padding:0 0 0 0;
	height:100px;
	box-sizing: border-box;
	overflow-hidden;
}

.serMovlist em{
	color:#179FED;
}

.serMovlist li dl{
	margin:10px 0 0 0;
}

.serMovlist li dl dt{
	margin:7px 0 0 140px;
	padding:0 0 0 15px;
	font-weight:700;
	background: url(../image/bul/bul_011.png) no-repeat 8px 8px;	
}

.serMovlist li dl dd{
	margin:0 0 0 140px;
}

.serMovlist li dl dd ul{
	margin:10px 0 0 0;
}
.serMovlist li dl dd ul li{
	padding:0 0 0 15px;
	font-size:12px;
	line-height:16px;
	background: url(../image/bul/bul_013.png) no-repeat 8px 8px;
}

.serMovlist li dl .mov{
	margin:0 0 0 0;
	position:absolute;
	left:0;
	top:0;
}

.serList li > p{
	margin:0 0 20px 0;
	padding:0 0 0 10px;
	background: url(../image/bul/bul_013.png) no-repeat left 8px;
}

.boardTb li{
	position:relative;
}

.boardTb li button{
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:30px;
	height:30px;
	font-size:0;
	background: url(../image/btn/btn_arrow_down.png) no-repeat 50% 50% !important;
}

.boardTb li.on button{
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:30px;
	height:30px;
	font-size:0;
	background: url(../image/btn/btn_arrow_up.png) no-repeat 50% 50% !important;
}

.boardTb li > p{
	background: url(../image/bul/bul_ques.png) no-repeat 8px 10px;
}

.boardTb li.on > p{
	background:#1c98de url(../image/bul/bul_ques_on.png) no-repeat 8px 10px;
}

.boardTb li.on a .sTit{
	color:#fff !important;
}

.boardTb li.on > div{
	background:#f7f7f7 url(../image/bul/bul_ans_on.png) no-repeat 8px 19px;
}


/* 테블릿 전용 미디어쿼리 */
@media only all and (max-width: 1279px){
	
	#container{
		position:relative;
		width:auto;
		margin:auto;
	}
	#searchCont{
		width:100%;
		margin-right:44px;
		padding:0 10px;
		overflow:hidden;
		box-sizing: border-box;
	}	
	
	.searchWord{
		position:absolute;
		right:0;
		left:0;
		top:260px;
		margin:0 auto;
		padding:0 50px;
		width:100%;
		text-align:center;
		box-sizing: border-box;
	}/* 자주찾는 검색어 */

	.searchWord h3{
		display:none;
	}
	
	.searchWord #rankings{
		display:inline-block;
		position:relative;
		right:0;
		left:0;
		width:100%;
		min-width:660px;
		margin:auto;
		padding:15px 10px 5px 10px;
		text-align:center;
		border-top:1px solid #e0e0e0;
		box-sizing: border-box;
	}
	
	.searchWord #rankings ol{
		display:inline-block;
		float:none;
		margin:0;
	}
	
	.searchWord #rankings ol li{
		float:none;
		display:inline-block;
		margin:0 10px 5px 0;
		text-align:center;
	}
	
	.searchWord #rankings ol li a{
		color:#179FED;
		font-size:11px;
	}
	
	.searchWord #rankings ol li span{
		display:inline-block;
		margin:0 5px 0 0;
		width:15px;
		height:15px;
		font-size:10px;
		line-height:14px;
		text-align:center;
		color:#fff;
		border-radius:30px;
		background:#179FED;	
	}
	
	.searchWord > p{
		display:block;
		text-align:center;
	}
	
	.searchWord button{
		margin:0 2px;
		width:50px;
		padding:0 10px;
		font-size:10px;
		background:#fff;
		border:1px solid #d6d6d9 !important;
		box-sizing: border-box;
	}
	.tabSearch{
		width:100%;
		overflow:hidden;
		margin:15px 0 40px 0;
	}/*검색 결과 탭*/
	
	.tabSearch li{
		float:left;
		width:20%;
		padding:0 10px 0 0;
		text-align:left;
		box-sizing: border-box;	
		overflow:hidden;
	}

	.srchBoxT{
		position:relative;
		width:100%;
		height:180px;
		padding:32px 0 0 0;
		margin-top:60px;
		background:#F4F8FB;
		box-sizing: border-box;
	}
	.serDllist{
		width:100%;
		margin:15px 0 0 0;
	}


}


/* 모바일 전용 미디어 쿼리 */
@media only all and (max-width: 767px) {


	#container{
		position:relative;
		width:auto;
		margin:auto;
	}
	#searchCont{
		width:100%;
		margin-right:44px;
		padding:0 10px;
		overflow:hidden;
		box-sizing: border-box;
	}
	.searchWord{
		display:none;
	}
	
	.searchWord h3{
		font-size:20px;
		font-weight:500;
		padding:0 0 25px 0;
		border-bottom:1px solid #E2E2E2;
	}
	
	
	.srchBoxT .txtWs{
		position:relative;
		width:100%;
		margin:0;
		box-sizing: border-box;
	}/*검색필드 박스*/
	
	.srchBoxT .txtWs .txt_fd{
		float:none;
		position:relative;
		margin:0;
		padding:2px;
		width:100%;
		height:44px;
		background:#107EBD;
		box-sizing: border-box;
	}/*검색필드 관련 묶음*/
	
	.srchBoxT{
		position:relative;
		width:100%;
		height:130px;
		padding:32px 15px 0 15px;
		margin-top:40px;
		background:#F4F8FB;
		box-sizing: border-box;
	}/*검색박스*/
	
	.srchBoxT #searchBtn{
		position:absolute;
		left:auto;
		right:2px;
		top:2px;
		float:none;
		margin:0;
		padding:0 0 0 10px;
		width:80px;
		height:40px;
		background: url(../../common/image/btn/btn_header_search_white.png) no-repeat 15px 50%;
		background-color:#107EBD;
		color:#fff;
		box-sizing: border-box;
		z-index:50;
	}/*검색버튼*/
	
	
	.srchBoxT .txtWs .txt_fd input{
		float:left;
		width:100%;
		height:40px;
		margin:0;
		background:#fff;
		box-sizing: border-box;
		border:0;
		z-index:10;
	}/*주 검색 필드*/
	
	.srchBoxT .txtWs .ui-icon{
		display:none;
	}/*자동완성 열기*/
	
	.srchBoxT .faqQueryClose{
		position:absolute;
		left:auto;
		right:80px;
		top:2px;
		padding:0 0 0 10px;
		width:40px;
		height:40px;
		background: url(../image/btn/faqQueryClose.png) no-repeat 50% 50%;
		background-color:#fff;
		box-sizing: border-box;	
		font-size:0;
	}/* 검색어 삭제 */
	
	.faqSearch .reSearch{
		position:absolute;
		right:10px;
		top:50px;
		float:none;
		margin:0;
	}/*결과내 재검색*/
	
	.faqSearch .reSearch input[type=checkbox]{
		clear:both;
		margin:0 3px 0 0;
		width:15px;
		height:15px;
		border:1px solid #B4B5B7 !important;
		background-color:#F4F8FB !important;	
	}/*결과내 검색 체크박스*/
	
	.faqSearch .reSearch label{
		vertical-align:top;
	}/*결과내 검색 체크박스*/
	
	.tabSearch{
		display:none;
	}/*검색 결과 탭*/
	
	.tabSearch li{
		float:left;
		width:50%;
		padding:0 10px 0 0;
		text-align:left;
		box-sizing: border-box;	
		overflow:hidden;
	}
	
	.tabSearch li a{
		display:block;
		padding:8px 0 7px 0;
		width:100%;
		text-align:left;
		box-sizing: border-box;	
		background:#fff url(../image/bg/bg_border_b_1px.png) repeat-x left bottom;
	}
	
	.tabSearch li.on a{
		background:#fff url(../image/bg/bg_border_b_3px.png) repeat-x left bottom;
	}
	
	.tabSub{
		display:block;
		width:100%;
		padding:10px 0 20px 0;
		box-sizing: border-box;	
	}
	
	.tabSub #selectBox{
		width:100%;
	}
	
	.proSlist li{
		position:relative;
		float:left;
		width:100%;
		height:auto;
		padding:0 0 15px 0;
		box-sizing: border-box;	
		border-right:1px solid #e2e2e2;
		border-bottom:1px solid #e2e2e2;
	}
	
	.proSlist dl dt{
		margin:10px 10px 0 10px;
		font-size:16px;
		box-sizing: border-box;
		
	}
	
	.proSlist dl dt em{
		color:#179FED;
	}
	
	.proSlist dl dd{
		margin:10px 10px 0 10px;
		line-height:16px;
		box-sizing: border-box;
	}
	
	.proSlist .btn{
		margin:15px 10px 0 10px;
	}
	
	.proSlist .btn a{
		margin-right:5px;
		padding:4px 10px 5px 10px;
		height:auto;
		line-height:16px;
		font-size:11px !important;
	}
	
	.serDllist{
		width:100%;
		margin:15px 0 0 0;
	}

	
	.serDllist ul li{
		float:left;
		width:100%;
		margin:0 0 5px 0;
		padding:0 0 0 10px;
		background: url(../image/bul/bul_013.png) no-repeat left 10px;
		box-sizing: border-box;
	}
	
	.serDllist ul li em{
		color:#179FED;
	}
	
	
	.serDllist .locati{
		margin:0 0 20px 10px;
		padding:0 0 0 10px;
		background: url(../image/bul/bul_013.png) no-repeat left 8px;
	}
	
	.serDllist .file{
		margin:10px 0 0 0;
		padding:2px 0 10px 32px;
		line-height:16px;
		background: url(../image/icon/icon_file_search.png) no-repeat 12px 0;
		background-size:15px;
	}
	.serDllist .file a{
		padding:0 0 0 0;
		color:#179FED;
		font-weight:700;
		border-bottom:1px solid #179FED;
	}
	
	.serSection .boardTb{
		margin:20px 0 0 0;
	}
	
	.serDllist .boxW{
		padding:2px 0 10px 15px;
		line-height:16px;
		background: url(../image/bul/bul_013.png) no-repeat 8px 8px;
	}
	
	.serDllist .case02 li{
		width:auto;
		float:none !important;
	}
	
	.serMovlist{
		margin:20px 0 0 0;
		width:100%;
	}
	
	.serMovlist > li{
		position:relative;
		width:100%;
		height:auto;
		margin:0 0 20px 0;
		padding:0;
		box-sizing: border-box;
		overflow:hidden;
	}
	
	.serMovlist em{
		color:#179FED;
	}
	
	.serMovlist li dl{
		width:100%;
		margin:110px 0 0 0;
		box-sizing: border-box;
	}
	
	.serMovlist li dl dt{
		margin:7px 0 0 0;
		padding:0 0 0 15px;
		font-weight:700;
		background: url(../image/bul/bul_011.png) no-repeat 8px 8px;	
	}
	
	.serMovlist li dl dd{
		margin:0;
	}
	
	.serMovlist li dl dd ul{
		margin:10px 0 0 0;
	}
	.serMovlist li dl dd ul li{
		padding:0 0 0 15px;
		font-size:12px;
		line-height:16px;
		background: url(../image/bul/bul_013.png) no-repeat 8px 8px;
	}
	
	.serMovlist li dl .mov{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		margin:0;
		text-align:center;
	}
	
	.serList li > p{
		margin:0 0 20px 0;
		padding:0 0 0 10px;
		background: url(../image/bul/bul_013.png) no-repeat left 8px;
	}
}