@charset "utf-8";

.total-search-top{
	width: 100%;
	margin-bottom: 2rem;
}
.total-search-box{
	/* display: flex;
	align-items: center;
	justify-content: center; 
	gap: 1rem;*/
	width: 100%;
	padding: 8rem 5rem;
	background-color: #ededed;
	text-align: center;
}
.search-input{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
	width: 100%;
	max-width: 50%;
	margin: 0 auto;
}
.search-input .search-input-kwd{
	width: calc(100% - 15rem);
	height: var(--number-17);
	font-size: 1.8rem;
}
.search-input .btn-search{
	width: 15rem;
	height: var(--number-17);
	padding: var(--number-5) var(--number-10);
	background-color: #3d5891;
	border-color: transparent;
	color: #fff;
}
.search-more{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	width: 100%;
	max-width: 50%;
	margin: 2rem auto 0;
}

	.search-resrch-check *{
		vertical-align: middle;
	}
.btn-detail-search{
	position: relative;
	vertical-align: middle;
	line-height: inherit;
}
.btn-detail-search:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 100%;
	height: 1px;
	background-color: #000;
}
.btn-detail-search i{
	margin-left: 0.5rem;
}

.detailSearch{
	display: none;
	width: 100%;
	margin-top: 2rem;
	padding: 4rem;
	background-color: #ededed;
}
.detailSearch .optionList {
	max-width: 80rem;
	margin: 0 auto;
}
.detailSearch .optionList > li{
	position: relative;
	display: flex;
	gap: 2rem;
	align-items: center;
}
.detailSearch .optionList > li + li{
	margin-top: 2rem;
}
.detailSearch .tit { 
	flex: 0 auto;
	display: inline-block; 
	min-width: 8rem;
	color: #000; 
	font-weight: 400; 
}
.detailSearch .datepicker{
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.detailSearch .checkList li {
	display: inline-block;
	margin-right: 2.2rem;
}
.detailSearch .checkList li:last-child{
	margin-right: 0;
}
.input-datepicker{
	position: relative;
	display: inline-block;
}
.input-datepicker input{
	padding-right: var(--number-14);
	max-width: 25rem;
	width: 100%;
}
.input-datepicker .ui-datepicker-trigger{
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--number-14);
	height: var(--number-14);
}
.input-datepicker .ui-datepicker-trigger img{
	width: 1.75rem;
	height: 1.75rem;
	object-fit: contain;
}

/* datepicker 재정의 */
#ui-datepicker-div,
#ui-datepicker-div *{
	font-family: inherit;
	font-size: 1.3rem;
}
.ui-datepicker .ui-datepicker-title select{
	min-height: auto;
	padding: 0.5rem;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next{
	top: 0.9rem;	
}
/* //datepicker 재정의 */

/* 검색 tab */
.searchNav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border: 1px #ddd solid;
}
.searchNav .categoryList{
	position: relative;
	display: flex;
	width: 80%;
	height: 100%;
	border-left: 1px #ddd solid;
}
.searchNav .categoryList > li{
	position: relative;
	flex: 1 0 0;
	border-right: 1px #ddd solid;
}
.searchTab a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 2rem 1rem;
	text-align: center;
}
.searchTab.on a{
	background-color: #3d5891;
	color: #fff;
}
.rightBox{
	margin: 0 2rem;
}
/* //검색 tab */

/********** 검색결과화면 strat **********/
.searchContents{
	display: flex;
	padding: 10rem 0 2rem;
	gap: 4rem;
}
.searchLeft{
	width: 80%;
}
.searchRight{
	width: 20%;
}
/***** 검색어 O start *****/
.searchListWrap{
	margin-bottom: 5rem;
	padding-bottom: 5rem;
	/* border-bottom: 1px #000 solid; */
}
.searchLeft .searchListWrap:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
}
.search-list-tit{
	display: block;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 2px #000 solid;
	color: #000;
	font-size: 3.4rem;
	font-weight: 700;
}
.searchList li + li{
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px #ddd solid;
}
.searchList .tit{
	display: block;
	margin-bottom: 1rem;
	font-weight: 700;
	font-size: 2.6rem;
}
.searchList .searchTxt{
	display: block;
	color: #000;
	margin-bottom: 2rem;
}
.searchList .date{
	position: relative;
	display: inline-block;
	color: #777;
	font-size: 1.5rem;
}
.searchList .nav{
	position: relative;
	display: inline-block;
	color: #777;
	font-size: 1.5rem;
}
.searchList .date + .nav{
	margin-left: 1rem;
	padding-left: 1rem;
}
.searchList .date + .nav:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0.8rem;
	display: block;
	width: 1px;
	height: 1rem;
	background-color: #bbb;	
}
.searchListWrap .btnBox{
	display: block;
	margin-top: 4rem;
	text-align: center;
}
.searchListWrap .btnBox .btnMore{
	display: block;
	padding: 1rem 4rem;
	background-color: #ededed;
	transition: all 0.5s;
}
.searchListWrap .btnBox .btnMore:hover,
.searchListWrap .btnBox .btnMore:focus{
	background-color: #000;
	border-color: transparent;
	color: #fff;
	text-decoration: none;
	transition: all 0.5s;
	
}
/***** 검색어 O end *****/

/***** 검색어 X start *****/
.NoResult{
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 40rem;
	text-align: center;
}
.NoResult i{
	color: #3d5891;
	font-size: 8rem;
}
.NoResult p{
	display: block;
	margin-bottom: 2rem;
	font-size: 2rem;
	font-weight: 700;
}
/***** 검색어 X end *****/

/***** 내가 찾은 검색어 start *****/
.myKeyword {
	min-height: 20rem;
	border: 1px #ddd solid;
}
.myKeyword .title{
	display: block;
	padding: 2rem;
	border-bottom: 1px #ddd solid;
	background-color: #ededed;
	font-weight: 700;
}
.myKeyword .box-content{
	padding: 2rem;
}
.myKeyword .konan-recent  li{
	position: relative;
	padding-left: 1.5rem;
}
.myKeyword .konan-recent  li:before{
	content: "";
	position: absolute;
	top: 1.2rem;
	left: 0;
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50px;
	background-color: #777;
}
.myKeyword .konan-recent  li a{
	display: initial;
	vertical-align: middle;
}
.myKeyword .konan-recent .ui-icon{
	display: inline-block;
	vertical-align: middle;
}
/*****내가 찾은 검색어 end *****/
/********** 검색결과화면 end **********/







/*****************   search 20200921 start   ******************/
/* 
.box-content ol li .ui-icon {
    opacity: .5;
    position: absolute;
    top: 12px;
    right: 10px;
}

.konan-autocomplete-header, .konan-autocomplete-footer, .konan-box-msg {
	font-size: .83em;
	color: #959595;
	padding: 3px 5px;
	padding-left:70px;
	padding-bottom:25px;
}
.searchRight h4{font-size:1.125rem; font-weight:400; color:#333; padding:.625rem 1.375rem; background:#ebf0f8; box-sizing:border-box;display:block;}

.searchWrap{padding-left:0px;}
.searchWrap h2{text-align:center; font-size:39px; color:#222; margin-top:45px; font-weight:600; margin-bottom:50px;}
.searchHeader{overflow:hidden; padding-bottom:15px;}
.searchHeader form,.searchHeaderInner {width:100%; max-width:65.000rem; display:block; margin:0 auto; }
.searchHeader fieldset {width:83%; max-width:56.5625rem; margin-bottom:.5rem; overflow:hidden; float:left;}
.searchHeader input[type=text] { float: left; width: calc(100% - 10.9375rem); height: 3.750rem; display: inline-block; vertical-align: middle; font-size: 1rem; font-weight: 300; color: #000; padding: 0 5rem 0 4.625rem; border: 1px solid #cbcbcb; background: url('../../image/icoSearch.png') left 1.875rem center / 1.25rem no-repeat ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.searchHeader .btnSearch { width:5rem; height: 3.750rem; display: inline-block; vertical-align: middle; text-align: center; font-size: 1.125rem; font-weight: 400; color: #fff; margin-left: -5rem; border: 0; background: #00aeff; }
.searchHeader .btnDetailSearch {float:right; width:10.25rem; height:3.750rem; display:inline-block; vertical-align:middle; background:#0079c2; text-align:center; }
.searchHeader .searchHeaderInner .inputBox{float:right; text-align:center; width:17%; margin:0 auto; padding-top:17px; font-size:16px; font-family:"Noto Sans KR DL"; color:#666;}
.searchHeader form,.searchHeaderInner {width:100%; display:block; margin:0 auto; padding:0 5%;}
.searchHeader form,.searchHeaderInner .searchArea{position:relative; display:inline-block; width:55%;}
.searchHeader fieldset {width:100%; margin:0 auto .5rem; overflow:hidden; text-align:center;}
.searchHeader input[type=text] {width:100%; height:3.750rem; display:inline-block; vertical-align:middle; font-size:1rem; font-weight:300; color:#000; padding:0 5rem 0 4.625rem; border:1px solid #cbcbcb; background:url('../../image/icoSearch.png') left 1.875rem center / 1.25rem no-repeat ; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; }
.searchHeader .btnSearch {position:absolute; right:0; top:0; height:3.750rem; display:inline-block; vertical-align:middle; text-align:center; font-size:1.125rem; font-weight:400; color:#fff; border: 0; background:#00aeff; padding:0 20px; }
.searchHeader .btnDetailSearch {height:3.750rem; display:inline-block; vertical-align:middle; background:#0079c2; text-align:center; padding:0 20px; margin-left:10px;}
.searchHeader .btnDetailSearch span { display: inline-block; vertical-align: top; position: relative; font-size: 1.125rem; font-weight: 400; color: #fff; line-height: 3.750rem; padding-right: 2.5rem; }
.searchHeader .btnDetailSearch span::after { content: ''; width: 1.1875rem; height: .6875rem; display: block; position: absolute; right: 0; top: 52%; transform: translateY(-50%); background: url('../../image/icoSlideDown.png') right center / cover no-repeat;}
.searchHeader .searchHeaderInner .inputBox{display:inline-block; text-align:left; font-size:16px; font-family:"Noto Sans KR DL"; color:#666; margin-left:5px;}
.searchHeader .searchHeaderInner .inputBox input{ appearance:auto;  border: solid 1px #767676; border-radius:2px; -webkit-border-radius:2px; width:14px; height:14px; margin-top:2px;}20210603 추가
20210611 추가
.searchHeader .searchHeaderInner .inputBox input{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;}
.searchHeader .searchHeaderInner .inputBox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 20px; cursor: pointer;}
.searchHeader .searchHeaderInner .inputBox label::before {transition: .3s;content: '';width:14px;height:14px;display: block;position: absolute;left: 0;top:4px;border: 1px solid #767676;border-radius: 3px;background: #fff;background-position: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.searchHeader .searchHeaderInner .inputBox input[type=checkbox]:checked + label::before { border-color: #0066b2; background: #0066b2 url('../../image/icoChecked.png') center / .5rem no-repeat; } 
html:lang(ar) .searchHeader .searchHeaderInner .inputBox label::before {transition: .3s;content: '';width:14px;height:14px;display: block;position: absolute;right: 0;top:4px;border: 1px solid #767676;border-radius: 3px;background: #fff;background-position: center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html:lang(ar) .searchHeader .searchHeaderInner .inputBox label { display: inline-block; vertical-align: middle; position: relative; padding:0 20px 0 0; cursor: pointer;}
20210611 추가

.searchResult{text-align:center; margin-top:30px;}
.searchResult .searchInfo {font-size:1.063rem; font-weight:200; color:#666; padding:0 1rem; margin-bottom:3.125rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family:"Noto Sans KR DL";}
.searchResult .searchInfo .keyword {font-weight:500; color:#c52664; border-bottom:1px solid #c52664;}
.searchResult .searchInfo .num {color:#0079c2;}


.checkbox input{border:0; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute;}
.inputBox.checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 1.5rem; cursor: pointer;}
.inputBox.checkbox label::before { transition: .3s; content: ''; width: 1.125rem; height: 1.125rem; display: block; position: absolute; left: 0; top: .15rem; border: 1px solid #d6dde4; border-radius: .3125rem; background: #fff; background-position: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.inputBox.checkbox input[type=checkbox]:checked + label::before { border-color: #0066b2; background: #0066b2 url('../../image/icoChecked.png') center / .5rem no-repeat; }

.searchNav {text-align:left; padding:0 .625rem; margin-bottom:3.75rem; border:1px solid #dad9d9; border-radius:3px; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background-color:#f2f6f9;}
.searchNav .categoryList { width: calc(100% - 8.75rem); display: inline-block; vertical-align: middle; }
.searchNav .categoryList > li {position:relative; display: inline-block; padding:0.5em 0; vertical-align: middle; }
.searchNav .categoryList > li a {width: 10.625rem; display: block; text-align: center; font-size: 1.0625rem; font-weight: 300; font-weight: 200; color: #4a4a4a; padding: .625rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.searchNav .categoryList > li.on a {color:#0079c2;}
.searchNav .categoryList > li.on a:after {content:''; display:block; position:absolute; width:86%; left:7%; bottom:0px; height:4px; transition:all .3s cubic-bezier(.25, .46, .45, 1); background:#00aeff;}
.searchNav .rightBox { width: 7.500rem; display: inline-block; vertical-align: middle; position: relative; text-align: center; padding: 0.313rem 0.625rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: solid 1px #0079c2;border-radius: 3px;}
.searchNav .rightBox .selectBox.type2 {float: none; min-width: 6.25rem; font-size: 1.0625rem; font-weight: 300; font-weight: 200; font-size: 0.938rem; border: 0; background: url('/resources/images/common/search/icoSelectBox_type2.png') right .625rem center / .6875rem no-repeat; cursor:pointer; color:#006bac;}
.searchNav .rightBox select{-webkit-appearance:none; 화살표 없애기 for chrome -moz-appearance:none; 화살표 없애기 for firefox appearance:none; 화살표 없애기 공통}

.searchContents{display:block; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.searchLeft{width:70%; float:left;}
.searchLeft .searchListWrap{width:100%;}
.searchLeft .searchListWrap .searchListHeader{padding-bottom:15px; border-bottom:solid 2px #3d3d3d; overflow:hidden; margin-bottom:10px;}
.searchLeft .searchListWrap .searchListHeader p{font-size:26px; color:#0066b2; float:left;}
.searchLeft .searchListWrap .searchListHeader span{float:right; font-size:16px; color:#6d6d6d; padding-top:10px;}
.searchLeft .searchListWrap .searchListHeader span strong{color:#0079c2; vertical-align: top;}
.searchLeft .searchListWrap .searchList{margin-bottom: 1.563rem;}
.searchRight{width:25%; margin-left:5%; float:right;}
.searchLeft .NoResult{border:solid 1px #ddd; padding:85px 50px 135px 50px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.searchLeft .NoResult p{color:#0079c2; font-size:25px; padding:150px 0 0 0; margin-bottom:16px; letter-spacing:0.02em; background:url('/resources/images/common/search/icon_NoResult.png') center center no-repeat;}
.searchLeft .NoResult ul li{position:relative; padding:5px 0 0 20px ; line-height:25px; font-family:"Noto Sans KR DL"; font-size:16px;}
.searchLeft .NoResult ul li:before {content:"";display:block;position:absolute;top:17px;left:9px;width:2px;height:2px;background:#8f8f8f;}

.searchListWrap .searchList > li {padding:20px 0 5px 0 !important; border-bottom:solid 1px #bebebe !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.searchListWrap .searchList > li:last-of-type { padding-bottom: 1rem; border: none; }
.searchListWrap .searchList > li dl { overflow: hidden; }
.searchListWrap .searchList > li:not(:last-of-type) dl {overflow: hidden; }
.searchListWrap .searchList > li dl dt {display:inline-block; font-size: 1.125rem; font-weight: 300; color: #3c3c3c; line-height: 1.2; margin-bottom: 1rem; }
.searchListWrap .searchList > li dl dt a {display:inline-block; vertical-align: top; font-size: 1.125rem; font-weight: 300; color: #000; line-height: 1.2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.searchListWrap .searchList > li dl dd { font-size:.938rem; font-weight: 200; color: #555; line-height: 1.6; margin-bottom:0.313rem;}
.searchListWrap .searchList > li dl dd.searchTxt{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; white-space:normal; height:3.1em; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; line-height: 1.5em;}
.searchListWrap .searchList > li dl dd.nav {float:left; color:#7f7f7f; font-size:14px; font-family:"Noto Sans KR DL"; margin-top:10px;}
.searchListWrap .searchList > li dl dd:last-of-type.date { float: right; }
.searchListWrap .searchList > li dl dd .attachList > li { margin-bottom:.25rem;}
.searchListWrap .searchList > li dl dd .attachList > li a{ }
.searchListWrap .searchList > li dl dd .attachList > li a:not(.btnSlideDown) {padding-left:1.1rem; font-size: 0.875rem; font-weight: 200; color:#0083c0; background: url('../../image/iconList.png') left 1.3px no-repeat; font-family:"Noto Sans KR DL";}
.searchListWrap .searchList > li dl dd .attachList > li .btnSlideDown { transition: .3s; display: inline-block; vertical-align: top; font-size: .875rem; font-weight: 200; color: #3c3c3c; padding: .0625rem .3125rem; margin: 0 .625rem; border: 1px solid #999; }
.searchListWrap .searchList > li dl dd span.iconReply{display:inline-block; width:6px; height:13px; margin:3px 3px 0 0; background:url('../../image/iconReply.png') no-repeat;}
.searchListWrap .searchList > li dl dd .attachList > li .btnSlideDown:hover { color: #fff; border-color: #091152; background: #091152; }
.searchListWrap .searchList > li dl dd .attachList > li .previewBox { display: none; padding: .625rem 0; }
.searchListWrap .searchList > li dl dd .attachList > li .previewBox .innerBox { padding: .625rem; border: 1px solid #cdcdcd; background: #fff; }
.searchListWrap .searchList > li dl dd .attachList > li .previewBox .innerBox p { height: 4.5rem; line-height: 1.5; overflow-y: auto; }
.searchListWrap .searchList > li dl .sc-keyword{color:#c52664; font-weight:bold;}
.searchListWrap .searchList > li dl span.date{color:#7f7f7f; font-size:14px; position:relative; padding-left:10px; margin-left:7px;}
.searchListWrap .searchList > li dl span.date:before{content: ''; width: 0; height: 0.7rem; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-left: 1px solid #7f7f7f; }

.searchListWrap .btnBox {text-align:center; margin:0 0 3.125rem; }
.searchListWrap .btnMore:not(.search) {color:#fff; border:1px solid #0077c8; transition:.3s; display:inline-block; vertical-align:top; text-align:center; font-size:1.0625rem; font-weight:400; padding:10px 30px;; border-radius:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right:60px; background: #0077c8 url('../../image/iconSearchmore.png') 81% 55% no-repeat; box-shadow:0px 3px 3px rgba(0,0,0,0.2);}
.searchListWrap .btnMore:not(.search):hover {color:#0066b2; border:1px solid #0077c8; background: #fff url('../../image/iconSearchmore_on.png') 81% 55% no-repeat;}




.searchRight h4{font-size:1.125rem; font-weight:400; color:#333; padding:.625rem 1.375rem; background:#ebf0f8; box-sizing:border-box;}
.searchRight .searchChart{margin-bottom:1.75rem; border:1px solid #cdcdcd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.searchRight .searchChart .chartList{padding:1rem 1.375rem; box-sizing:border-box; counter-reset:number; list-style-type:none;}
.searchRight .searchChart .chartList li{position:relative; padding-left:40px; cursor:pointer; font-weight:400; line-height:2.1rem;}
.searchRight .searchChart .chartList li::before{counter-increment:number; content:counter(number)"\a0"; position:absolute; left:0; font-size:0.875rem; width:21px; height:19px; border-radius:50%; background-color:#bfbfbf; color:#fff; font-weight:400; text-align:center; line-height:1.4rem; padding:0 0 5px 3px;; top:7px;}
.searchRight .searchChart .chartList li:hover::before{background-color:#0079c2;}
.searchRight .searchChart .chartList li a{display: inline-block; width: 100%; vertical-align: middle; font-size: 1rem; font-weight: 400; color: #555; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.searchRight .myKeyword{border:1px solid #cdcdcd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.searchRight .myKeyword .myList{padding:1rem 1.375rem; box-sizing:border-box;}
.searchRight .myKeyword .myList li{position:relative; padding-left:1.375rem; box-sizing:border-box;}
.searchRight .myKeyword .myList li::before{content: ''; width: .3125rem; height: .3125rem; display: block; position: absolute; left: 0; top: 0.938rem; background: #0083c0;}
.searchRight .myKeyword .myList li a{display: inline-block; width: 90%; vertical-align: middle; font-size: 1rem; font-weight: 400; color: #555; text-overflow: ellipsis; padding: .3rem; white-space: nowrap; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top:6px;}
.searchRight .myKeyword .myList li button{position:absolute; right:0; top:36%; width:13px; height:13px; background:url('../../image/iconKeyword.png') no-repeat left top;}
.searchRight .myKeyword .myList li button span{display:none;}


.searchRight .myKeyword{border:1px solid #cdcdcd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.searchRight .myKeyword .konan-recent {padding:1rem 1.375rem; box-sizing:border-box;}
.searchRight .myKeyword .konan-recent li{position:relative; padding-left:1.375rem; box-sizing:border-box;}
.searchRight .myKeyword .konan-recent li::before{content: ''; width: .3125rem; height: .3125rem; display: block; position: absolute; left: 0; top: 1.125rem; background: #0083c0;}
.searchRight .myKeyword .konan-recent li a{display: inline-block; width: 90%; vertical-align: middle; font-size: 1rem; font-weight: 400; color: #555; text-overflow: ellipsis; padding: .3rem; white-space: nowrap; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top:6px;}
.searchRight .myKeyword .konan-recent li button{position:absolute; right:0; top:36%; width:13px; height:13px; background:url('/images/iconKeyword.png') no-repeat left top;}
.searchRight .myKeyword .myList li button span{display:none;}



pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.text-center {
  text-align: center;
}


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

	.searchWrap{padding:0 15px;}

}

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

	.searchNav .categoryList > li{width:32.5%;}
	.searchNav .categoryList > li a{margin: 0 auto;}
	.searchNav .categoryList > li.on a:after{bottom:-5px;}
	
	.searchHeader form, .searchHeaderInner{padding:0 1%;}
	.searchHeader form, .searchHeaderInner .searchArea{width:66%;}
	.searchHeader input[type=text]{}
	.searchHeader .searchHeaderInner .inputBox{width:100%; padding:10px 0 0 7%;}
	
	한국어 css 추가 20210604 
	html:lang(ko) .searchHeader form, .searchHeaderInner .searchArea{width:71%;}
	html:lang(ko) .searchHeader .searchHeaderInner .inputBox{width:100%; padding:10px 0 0 10%;}
	html:lang(ar) .searchHeader .searchHeaderInner .inputBox{width:100%; padding:10px 7% 0; text-align:right;}

}

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

	.searchRight{display:none;}
	.searchLeft{width:100%;}
	.searchHeader fieldset{width:100%; max-width:100%;}
	.searchHeader form .inputBox{float:left; text-align:left; width:30%; padding:5px 0 0 10px; margin-bottom:10px;}
	.detailSearch .detailSearchBox .optionList > li > .col2 {width: calc(100% - 11rem) !important;}
	.searchHeader input::-webkit-input-placeholder {color:#fff;}
	.searchHeader input:-ms-input-placeholder {color:#fff;}
	.searchHeader input::placeholder {color:#fff;}
	
	.searchHeader form, .searchHeaderInner .searchArea{width:60%;}
	
	언어 css 추가 20210604
	html:lang(ko) .searchHeader form, .searchHeaderInner .searchArea{width:71%;}
	html:lang(ar) .searchLeft{width:100% !important;}

}



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

	.searchHeader form, .searchHeaderInner .searchArea{width:60%;}
	
	언어 css 추가 20210604
	html:lang(ko) .searchHeader form, .searchHeaderInner .searchArea{width:70%;}
	html:lang(ar) .endBox {margin-right:0 !important;}


}



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

	.searchNav {padding:1.125rem .625rem;}
	.searchNav .categoryList {width:100%; padding-bottom:.625rem;}
	.searchNav .rightBox {width:100%; display:block; padding:10px 0;}
	.searchNav .categoryList > li {width:48.5%; display:inline-block; padding:5px 0;}
	.searchNav .rightBox .selectBox.type2 {width:100%; padding: 0 10px;}

	.searchHeader form, .searchHeaderInner .searchArea{width:100%; margin-bottom:10px;}
	.searchHeader .btnDetailSearch{width:100%; margin-left:0px;}
	.searchHeader .searchHeaderInner .inputBox{padding-left:0 !important;}

	언어 css 추가 20210611
	html:lang(ar) .searchHeader .searchHeaderInner .inputBox{width:100%; padding:10px 1% 0; text-align:right;}


}



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


}




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

	iPhone 6/7/8 Plus
	.searchWrap h2 {font-size:30px; margin:30px 0 35px 0;}
	.searchHeader form .inputBox {width:45%;}
	.searchHeader input[type=text] {height:3.000rem; padding: 0 4.2rem 0 1rem; background-image:none;}
	.searchHeader .btnSearch {height:3.000rem;}
	.searchHeader .btnDetailSearch {height:3.000rem;}
	.searchHeader .btnDetailSearch span {font-size:1.063rem; line-height:2.750rem; padding-right:1.7rem;}
	.searchHeader .btnDetailSearch span::after {margin:-7px 0 0 8px;}
	.searchHeader input::-webkit-input-placeholder {color:#fff;}
	.searchHeader input:-ms-input-placeholder {color:#fff;}
	.searchHeader input::placeholder {color:#fff;}
	.detailSearch .detailSearchBox .optionList > li > .col1 {font-size: 1.063rem; font-weight:600;}
	.detailSearch .detailSearchBox .optionList > li > .col2 {width: calc(100% - 3rem) !important;}
	.startBox {width:100%;}
	.endBox {width:100%;}
	.startBox img, .endBox img {margin: 0 10px 0 -40px !important;}
	.startBox input[type=text], .endBox input[type=text] {width:98%;}
	.searchLeft .searchListWrap .searchListHeader span {padding-top: 4px;}
	.searchLeft .searchListWrap .searchListHeader p {font-size: 20px;}
	.searchListWrap .searchList > li dl dt a {font-size: 1.000rem; line-height:1.5rem;}
	.searchListWrap .searchList > li dl span.date {line-height:1.5rem;}
	.searchListWrap .searchList > li dl span.date:before {top:55%;}
	.searchListWrap .btnMore:not(.search) {padding: 7px 40px 7px 15px; font-size: 1.000rem; background: #0077c8 url(../../image/iconSearchmore.png) 90% 55% no-repeat;}
	.searchNav .categoryList > li a {width:100%;}
	
	언어 css 추가 20210604
	html:lang(ar) .searchHeader input[type=text] {height:3.000rem !important; padding:0 1rem 0 4.2rem !important; background-image:none !important;}
	html:lang(ar) .searchHeader .btnSearch {height:3.000rem !important;}


}



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

	iPhone 6/7/8




}



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

	Galaxy S5





}



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

	iPhone 5/se



}


****************   search 20200921 end   *****************




mark_search {
    color: #c52664;
    font-weight: bold;
    background: none;
    vertical-align: top;
}

.pagination {margin:0px !important; color:#999; font-size:15px; text-align:center; display:inline-block !important;}
.searchRight a{cursor:pointer;}

html:lang(ar) .cont_right { padding: 0px 30px 10px 30px !important;}
html:lang(ar) .searchNav .rightBox .selectBox.type2 {background: url('/resources/images/common/search/icoSelectBox_type2.png') left.625rem center / .6875rem no-repeat;}
html:lang(ar) .konan-autocomplete-header, .konan-autocomplete-footer, .konan-box-msg {color: #959595; padding-right: 70px; padding-left: 0px; padding-bottom: 25px;}
html:lang(ar) .searchHeader .btnSearch {position:absolute; left:0; right:auto; top:0; height:3.750rem; display:inline-block; vertical-align:middle; text-align:center; font-size:1.125rem; font-weight:400; color:#fff; border: 0; background:#00aeff; padding:0 20px; }
html:lang(ar) .searchHeader input[type=text] {width:100%; height:3.750rem; display:inline-block; vertical-align:middle; font-size:1rem; font-weight:300; color:#000; padding:0 5rem 0 4.625rem; border:1px solid #cbcbcb; background:url('../../image/icoSearch.png') right 1.875rem center / 1.25rem no-repeat ; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; }
html:lang(ar) .searchRight .myKeyword .konan-recent li::before{content: ''; width:.3125rem; height:.3125rem; display:block; position:absolute; right:0; top:1.000rem; background:#0083c0;}
html:lang(ar) .searchRight .myKeyword .konan-recent li {position:relative; padding-right:1.375rem; box-sizing:border-box;}
html:lang(ar) .searchRight{float:left; margin:0 5% 0 0; width:25%;}
html:lang(ar) .searchLeft{float:right; width:70%;}
html:lang(ar) .detailSearch .detailSearchBox .optionList > li > .col2 {text-align:right; width: calc(100% - 20rem); display: inline-block; vertical-align: top; padding-top: .5rem; }
html:lang(ar) .detailSearch .detailSearchBox .optionList > li > .col2 .checkList > li{margin:0 0 0 1.75rem;}
html:lang(ar) .detailSearch .detailSearchBox .optionList > li > .col2 .checkList > li .inputBox label {padding:0 1.625rem 0 0;}
html:lang(ar) .inputBox.checkbox label::before{right:0; left:auto;}
html:lang(ar) .detailSearch .detailSearchBox .optionList > li > .col2 button{position:relative;}
html:lang(ar) .detailSearch .detailSearchBox .optionList > li > .col2 button img{position:absolute; left:50px; top:-10px;}
html:lang(ar) .box-content ol li .ui-icon {top:10px; left:10px; right:auto;} */