@CHARSET "UTF-8";

.search_tbox{padding:50px 40px;border:10px solid #dfdfdf;box-sizing:border-box;border-radius:15px;}
.search_tbox form{display:flex;justify-content: center;align-items: center;}
.search_tbox input{padding:0 15px;height:50px;font-size: 1.6rem;appearance: none;-moz-appearance: none;-o-appearance: none;border:none;-webkit-appearance: none;border-radius:0;box-sizing:border-box;}
.search_tbox .srch_input{width:550px;border:1px solid #0b2249;}
.search_tbox .srch_btn{width:100px;font-weight:700;color:#fff;background:#000;}
span.search_bgon{padding:0 2px;font-weight:700;background:#e8f0f8;color:#305dce;}

.search_relation{display:flex;gap:30px;height:35px;margin-top: 30px;font-size: 1.5rem;word-break: keep-all;overflow:hidden;}
.search_relation p{display:flex;gap:10px;align-items: center;flex-shrink: 0;font-weight:700;}
.search_relation p:before{display:block;content:'';width:24px;height:24px;background:url(/nanum/site/search/img/keyword.png) no-repeat center left / 24px auto;}
.search_relation ul{display:flex;flex-wrap: wrap;gap:10px;}
.search_relation ul li{}
.search_relation ul li a{display:block;padding:5px 15px;color:#555;border:1px solid #aaa;border-radius:5px;box-sizing:border-box;overflow:hidden;}

.search_btnw{display: flex;flex-wrap: wrap;justify-content:center;gap: 10px;width: 100%;padding: 50px 0 30px;text-align: center;}
.search_btnw .btn_more{display:flex;justify-content: center;align-items: center;gap:40px;color: #000;padding: 15px 30px;font-size: 1.6rem;font-weight: 600;line-height: normal;vertical-align: middle;text-align: center;cursor: pointer;border-radius: 7px;border:1px solid #000;box-sizing:border-box;}
.search_btnw .btn_more:after{content:'';display:block;width:13px;height:13px;background:url(/nanum/site/search/img/more_plus.png) no-repeat center left;transition : transform 0.5s}

span.num{color:#305dce;font-weight:500;font-size:2.6rem;}
span.num strong{text-decoration:underline;}

/* 통합검색_메뉴검색결과 */
.result_list{border-top:2px solid #000;border-bottom:1px solid #000;}
.result_list li{padding:15px 0;}
.result_list li:nth-child(n+2){border-top:1px solid #e5e5e5;}
.result_list li a{display:block;}
.result_list li a p.title{margin-bottom:10px;font-size:1.7rem;font-weight:700;}
.result_list li a p.content{font-weight:400;}
.result_list li .foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;}
.result_list li .foot p{font-size:1.5rem;font-weight:500;color:#888;}


/* Paginate */
.paginate{display:flex;gap:5px;align-items:center;justify-content:center;position:relative;margin-top:30px;padding:30px 0;text-align:center;}
.paginate a.prev,
.paginate a.next{position:relative;font-size:0;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;}
.paginate a.prev::after,
.paginate a.next::before{content:'';position:absolute;top:50%;left:50%;width:7px;height:12px;margin:-6px 0 0 -3px;background:url(/nanum/site/builder/skin/common/img/btn_paginate_arr.png) no-repeat;background-size:cover;}
.paginate a.prev::after{transform:rotate(180deg);}
.paginate a,
.paginate strong{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:5px;background:#f5f5f5;font-family:'Poppins',sans-serif;font-size:13px;letter-spacing:0;line-height:34px;color:#000;vertical-align:middle;}
.paginate strong{background:#000;font-weight:700;color:#fff;vertical-align:middle;}


/********************태블릿********************/
@media all and (max-width:1024px){
}

/********************모바일********************/
@media all and (max-width:767px){

.search_tbox{padding: 10px;border-width: 5px;}
.search_relation{gap: 15px;margin-top: 15px;}
.search_tbox input{padding: 0 10px;height: 40px;}
.search_relation ul li a{padding: 5px 10px;}

.search_btnw{padding: 10px 0;}
.search_btnw .btn_more{gap: 20px;padding: 10px 20px;}

}

/********************웹********************/
@media all and (min-width:1025px) {
	
.result_list li a:hover{text-decoration:underline;}

.search_relation ul li:hover{border-color:#000;}
.search_relation ul li:hover a{color:#000;background:#fff;}

.table1 a:hover{text-decoration:underline;text-underline-position: under;}
.search_btnw .btn_more:hover{color:#fff;background:#000;}
.search_btnw .btn_more:hover:after{filter: invert(90%) sepia(100%) saturate(0%) hue-rotate(279deg) brightness(114%) contrast(101%); transform:rotate(180deg);}

}
