.searchLayer { opacity: 0; visibility: hidden; position: fixed; top:-100%; width: 100%; max-width:var(--s-max-width); z-index: 184; height:100vh; height: var(--vh); overflow-y: auto; background: #fff; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.1);}
.searchLayer::-webkit-scrollbar { display: none; }
.searchLayer.active { opacity: 1; visibility: visible; top:0;}
#searchLayerDim {opacity: 0; visibility: hidden;}
.searchLayer.active ~ #searchLayerDim { opacity: 1; visibility: visible; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); zoom: 1; z-index: 183; cursor:pointer;  -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s;}
.searchLayer .searchInner { width:calc(100% - 80px); padding:60px 40px 60px;}
.searchLayer .searchInner:after{clear:both; display:block; content:"";}
.searchLayer .innerBox1 { margin: 0 auto; position:relative; z-index:2;}
.searchLayer .innerBox2 { margin: 0 auto; padding:10px 0 0;}
.searchLayer .innerBox3 { margin: 0 auto; padding:10px 0;}
.searchLayer .top_search { width:100%; float: none; position: static; top: auto; right: auto; background:none; border: 0;}
.searchLayer .top_search legend{display:none;}
.searchLayer .TopSeacrhLayerClose {position:fixed; z-index:3; max-width:var(--s-max-width); right:calc(50% - 368px); top:0; color:#fff; text-align:center; background-color:#b9b9b9; margin:10px; border-radius:5px; width:40px; height: 40px; font-size:30px; line-height:38px; cursor:pointer;}
.searchLayer .TopSeacrhLayerClose:after {content: "\00d7"; }

@media screen and (max-width:750px){
	.searchLayer .TopSeacrhLayerClose {right:0;}
	
}
.searchLayer .top_search .top_text_cont { display: flex; align-items: center; background:none; margin-top:20px; border: 2px solid #000; border-radius:10px;}
.searchLayer .top_search .top_text_cont input{border:none 0; vertical-align:top;}
.searchLayer .top_search .top_srarch_text {width:100%; height: 50px; padding:8px 10px; transition: all 0.3s linear; background:none; color:#000; font-size: 16px; box-sizing:border-box;}
.searchLayer .top_search .top_srarch_text::-webkit-input-placeholder { font-size: 16px; color:#999; }
.searchLayer .top_search .btn_top_srarch { position: static; border: 0; padding-right: 10px; width:26px;}
.searchLayer .top_search .search_cont{display:block; margin:0; font-size:0; background:#ffffff;}

.searchLayer .search_cont {display:block !important; }
.searchLayer .recent_box {position:relative; min-height:auto; margin-bottom:0;}
.searchLayer .recent_box dt { font-size: 18px; line-height:26px; font-weight: 700; color: #000;}
.searchLayer .recent_box .search_bx_recent {position:absolute; font-weight:700; right:0; top:5px; font-size:14px; color: var(--f-point-color); cursor:pointer;}
.searchLayer .recent_box dl {margin:30px 0 0;}
.searchLayer .recent_box .mplScroll{ overflow:hidden; width:100%;}
.searchLayer .recent_box dd .no-data {font-size:14px; color:#999; padding:25px 0 10px;}
.searchLayer .recent_box ul {margin-top:20px; font-size:0; display: block; white-space: nowrap;}
.searchLayer .recent_box li {width:auto; display:inline-block; border:1px solid #D0D0D0; margin: 5px 5px 0 0; padding:8px 15px; border-radius:20px;}
.searchLayer .recent_box li a {display:inline-block; width:auto; padding:0; font-size:14px;}
.searchLayer .recent_box li span {float:none; margin-left:5px; font-size:12px; padding:0;}
.searchLayer .recent_box li .btn_top_search_del {margin-left:10px; cursor:pointer;}

.searchLayer .searchList {position:relative; width: 100%; margin-top: 25px; }
.searchLayer .searchList .title { font-size: 18px; padding-right:60px; line-height:26px; font-weight: 700; color: #000; }
.searchLayer .searchList .Search_more {position:absolute; font-weight:700; right:0; top:4px; font-size:14px; color: var(--f-point-color);}
.searchLayer .searchList .Search_more a {color: var(--f-point-color);}
.searchLayer .searchList .contentsBox { display: flex; flex-wrap: wrap; margin-top: 20px; }
.searchLayer .searchList .contentsBox a { margin: 5px 5px 0 0; padding:8px 15px; font-size: 14px; border: 1px solid #D0D0D0; border-radius: 30px; }
.searchLayer .searchList .contentsBox a em {color: var(--f-point-color); font-weight:700; margin-right:5px;}
.searchLayer .searchList .contentsBox.pointTag a { background-color: var(--f-point-bg-color); border: 1px solid var(--f-point-bg-color); color: var(--f-point-color);}

.searchLayer .popular-wrap { width: 100%; padding-top: 35px; margin-top: 25px; border-top: 1px solid #D0D0D0; }
.searchLayer .popular-wrap .popular-box { width: 100%; }
.searchLayer .popular-wrap .popular-box strong { display: block; margin-bottom:10px;}
.searchLayer .popular-wrap .popular-box .popular_color { font-size: 18px; font-weight: 700; color: #000; }
.searchLayer .popular-wrap .popular-box .rank_item_box {}
.searchLayer .popular-wrap .popular-box .rank_item_box ul { display: flex; flex-direction: column; }
.searchLayer .popular-wrap .popular-box .rank_item_box ul li { margin-top: 12px; opacity: 0; padding-left: 35px; text-indent: -35px;}
.searchLayer .popular-wrap .popular-box .rank_item_box ul li em {    vertical-align: middle; text-indent: 0; margin:0 10px 0 0; display:inline-block; text-align:center; width:25px; height:25px; line-height:25px; font-size: 14px; color: #000; font-weight: 700; }
.searchLayer .popular-wrap .popular-box .rank_item_box ul li a {  font-size: 14px; }
.searchLayer .popular-wrap .popular-box .rank_item_box ul li.top1 em,
.searchLayer .popular-wrap .popular-box .rank_item_box ul li.top2 em,
.searchLayer .popular-wrap .popular-box .rank_item_box ul li.top3 em {background-color: var(--f-point-color); color:#fff; border-radius:50%;}

.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li {
	animation-name: loadli;
    -webkit-animation-name: loadli;
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
}
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(1){ animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(2){ animation-delay: 1.3s; -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; -ms-animation-delay: 1.3s; -o-animation-delay: 1.3s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(3){ animation-delay: 1.6s; -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -ms-animation-delay: 1.6s; -o-animation-delay: 1.6s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(4){ animation-delay: 1.9s; -webkit-animation-delay: 1.9s; -moz-animation-delay: 1.9s; -ms-animation-delay: 1.9s; -o-animation-delay: 1.9s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(5){ animation-delay: 2.1s; -webkit-animation-delay: 2.1s; -moz-animation-delay: 2.1s; -ms-animation-delay: 2.1s; -o-animation-delay: 2.1s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(6){ animation-delay: 2.4s; -webkit-animation-delay: 2.4s; -moz-animation-delay: 2.4s; -ms-animation-delay: 2.4s; -o-animation-delay: 2.4s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(7){ animation-delay: 2.7s; -webkit-animation-delay: 2.7s; -moz-animation-delay: 2.7s; -ms-animation-delay: 2.7s; -o-animation-delay: 2.7s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(8){ animation-delay: 3s; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -ms-animation-delay: 3s; -o-animation-delay: 3s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(9){ animation-delay: 3.3s; -webkit-animation-delay: 3.3s; -moz-animation-delay: 3.3s; -ms-animation-delay: 3.3s; -o-animation-delay: 3.3s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(10){ animation-delay: 3.6s; -webkit-animation-delay: 3.6s; -moz-animation-delay: 3.6s; -ms-animation-delay: 3.6s; -o-animation-delay: 3.6s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(11){ animation-delay: 3.9s; -webkit-animation-delay: 3.9s; -moz-animation-delay: 3.9s; -ms-animation-delay: 3.9s; -o-animation-delay: 3.9s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(12){ animation-delay: 4.2s; -webkit-animation-delay: 4.2s; -moz-animation-delay: 4.2s; -ms-animation-delay: 4.2s; -o-animation-delay: 4.2s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(13){ animation-delay: 4.5s; -webkit-animation-delay: 4.5s; -moz-animation-delay: 4.5s; -ms-animation-delay: 4.5s; -o-animation-delay: 4.5s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(14){ animation-delay: 4.8s; -webkit-animation-delay: 4.8s; -moz-animation-delay: 4.8s; -ms-animation-delay: 4.8s; -o-animation-delay: 4.8s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(15){ animation-delay: 5.1s; -webkit-animation-delay: 5.1s; -moz-animation-delay: 5.1s; -ms-animation-delay: 5.1s; -o-animation-delay: 5.1s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(16){ animation-delay: 5.3s; -webkit-animation-delay: 5.3s; -moz-animation-delay: 5.3s; -ms-animation-delay: 5.3s; -o-animation-delay: 5.3s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(17){ animation-delay: 5.6s; -webkit-animation-delay: 5.6s; -moz-animation-delay: 5.6s; -ms-animation-delay: 5.6s; -o-animation-delay: 5.6s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(18){ animation-delay: 5.9s; -webkit-animation-delay: 5.9s; -moz-animation-delay: 5.9s; -ms-animation-delay: 5.9s; -o-animation-delay: 5.9s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(19){ animation-delay: 6.2s; -webkit-animation-delay: 6.2s; -moz-animation-delay: 6.2s; -ms-animation-delay: 6.2s; -o-animation-delay: 6.2s; }
.searchLayer.active .popular-wrap .popular-box .rank_item_box ul li:nth-of-type(20){ animation-delay: 6.5s; -webkit-animation-delay: 6.5s; -moz-animation-delay: 6.5s; -ms-animation-delay: 6.5s; -o-animation-delay: 6.5s; }

@-webkit-keyframes loadli {
	0%   { top: -1rem; opacity: 0;}
	100% { top: 0; opacity: 1;}
}
@keyframes loadli {
	0%   { top: -1rem; opacity: 0;}
	100% { top: 0; opacity: 1;}
}

@media screen and (max-width:600px){
	.searchLayer .searchInner {width: calc(100% - 40px); padding: 50px 20px 50px;}
}

@media screen and (max-width:400px){
	.searchLayer .searchInner {width: calc(100% - 20px); padding: 40px 10px 40px;}
}

/* 문장검색 */
.agekw{max-width:100%;}

.agekw__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
  margin-top:30px;
}

.agekw__label{
  font-weight:700;
  font-size:18px;
  color:#111;
}

.agekw__selectWrap{
  position:relative;
  min-width:130px;
}

.agekw__select{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:1px solid #037158;
  border-radius:12px;
  padding:10px 36px 10px 14px;
  background:#DEEBE1;
  font-weight:500;
  font-size:16px;
  transform:scale(0.9375);
  color:#111;
  cursor:pointer;
  outline:none;
  line-height:1;
}

.agekw__selectCaret{
  position:absolute;
  right:13px;
  top:57%;
  transform:translateY(-50%);
  font-size:17px;
  pointer-events:none;
  color:#037158;
}

.agekw__list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.agekw__kwBtn{
  position:relative;
  width:100%;
  border:1px solid #037158;
  border-radius:10px;
  padding:14px 40px 14px 12px;
  background:#fff;
  font-size:15px;
  font-weight:500;
  color:#111;
  cursor:pointer;
  text-align:center;
  line-height:1.5;
  -webkit-tap-highlight-color:transparent;
}

.agekw__kwText{
  display:block;
}

.agekw__kwArrow{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  font-size:10px;
  font-weight:700;
  color:#037158;
  line-height:1;
  pointer-events:none;
}

.agekw__kwBtn:active{
  transform:translateY(1px);
}