@charset "utf-8";

/* 검색*/
#search{z-index:94;position: absolute;top:74px;right:50%;transform: translateX(50%);width: 481px;}
#search::after {content:'';position: absolute;top: -7px;right: -62px;width: 48px;height: 70px;background: url(../../images/common/pic_character.png)no-repeat}
#search form{overflow: hidden;width:100%;border: 1px solid #94d16b;border-radius: 10px;background:#fff;box-sizing:border-box;transition:0.25s ease-in-out;}
#search label{display: none;}
#search input[type="text"]{width:100%;height: 56px;line-height: 1;padding: 0 115px 0 20px;border-radius:7px;border-color:#fff;font-size: 14px;border:none;text-align:left;box-sizing:border-box;background: #fff url(../../images/common/ico_keyboard.png) no-repeat right 80px top 50%;}
#search ::-webkit-input-placeholder{color:#999;}
#search :-ms-input-placeholder{color:#999;}
#search ::placeholder{color:#999;}
#search button{position:absolute;top:0;right:0px;width: 56px;height: 58px;padding:0;font-size:0;text-indent:-999px;border-radius: 0 10px 10px 0;background: url(../../images/common/ico_search.png), linear-gradient(to bottom, #94d16b 0%, #32a79b 100%);background-repeat: no-repeat;background-position: 50% 50%;}

#search button:before,
#search button:after{content:'';display:none;position:absolute;top: 10px;left: 5px;width: 15px;height: 15px;border: 2px solid #ff9f00;border-radius:50%;box-sizing:border-box;}
#search button:after{left: 16px;top: 23px;width: 7px;height: 3px;border:none;border-radius:3px;transform:rotate(45deg);background: #ff9f00;}

#search .btn_sch{display:none;position:absolute;top:-10px;right: 0;width:40px;height:40px;padding:0;font-size:0;text-indent:-999px;background: #fff url(../../images/kr/common/ico_sch.png) no-repeat center;}
#search .btn_close{top: 30px;right: 30px;background: url(../../images/common/ico_sch_close.png) no-repeat 50% 50%;}
#search .btn_close:before,
#search .btn_close:after{display:none;}
#search ul{padding:0 0 0 3px;}
#search li{margin-bottom:10px; padding-left: 10px; font-size:15px;}
#search li:before{background:#fff;width: 5px; height: 5px; top: 8px;border: none;}

@media all and (max-width:1270px) {
	#search {width: 380px; right: 57%;}
}
@media all and (max-width:1024px) {
	#search{top: 43px;right:0;width:100%;margin:0;color:#fff;text-align:left;transform: translateX(0);}
	#search::after {display: none;}
	#search.on{z-index:96;}
	#search h2{padding:0 0 12px; font-size:28px;}
	#search form{visibility:hidden; opacity:0; position:absolute; top:-85px; right:0; width:100%; height:auto; padding:65px 30px 50px; border-radius:0; border:none; background:#292e44;}
	#search.on form{opacity:1;visibility:visible;top: -43px;}
	#search label{left:15px; font-size:16px;}
	#search label:after{margin:-2px 0 0 12px;}
	#search .in_sch{position:relative; max-width:500px; margin:0 auto;}
	#search input[type="text"]{height:55px;line-height:55px;padding: 0 55px 0 25px;background:#fff;color: #333;}
	#search .btn_sch{top: 9px;right: 58px;display:block;}
	#search button{top: 9px;right: 15px;width: 40px;height:37px;background: none;}
	#search button:before{display:block; border-color:#292e44;top: 9px;left: 11px;}
	#search button:after{display:block; background-color:#292e44;top: 22px;left: 22px;}
	#search .in_txt{position:relative; margin:0 0 30px;}

	#search .wish{right: 6rem;}
	.wish > a{height: 47px; top: 3px;}
}
@media all and (max-width:768px) {
	#search h2{padding:0 0 9px; font-size:24px;}
	#search .btn_sch{top:4px; right:55px;}
	#search li{margin:0 0 7px;}
	#search .wish{top: -3px;}
}
@media all and (max-width:568px) {
	#search form{padding:60px 30px 35px;}
	#search h2{font-size:20px;}
	#search li{font-size:14px;}
	#search li:before {top:6px;}
}
@media all and (max-width:568px) {
	#search .btn_sch{top:1px;}
	#search h2{font-size:19px;}
	#search li{font-size:13px;}
}

#search .wish{
	position: absolute;
    right: -8rem;
    top: 0;
}

#search .wish > a {
  width: 106px;
  height: 56px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 10px;
  position: relative;
  z-index: 0;
  background: #fff; /* 내부 배경 */
  overflow: hidden;
}

#search .wish > a::before {
  content: "";
  position: absolute;
  inset: 0; 
  border-radius: 10px;
  padding: 3px; 
  background: linear-gradient(180deg, #94d16b, #2ca6a4);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}

#search .wish p{
	font-size: 13px;
	font-weight: 600;
}

@media all and (max-width:1024px) {
	#search .wish{right: 6rem;}
	#search .wish > a{height: 47px; top: 3px;}
}
@media all and (max-width:768px) {
	#search .wish{top: -3px;}
}
@media all and (max-width: 568px) {
	#search .wish {top: 0px;}
	#search .wish > a {height: 40px;top: 0;width: 90px;gap: 4px;}
	#search .wish > a img{width: 32px;}
}

@media all and (max-width: 330px) {
	#search .wish > a{width: 44px;}
	#search .wish > a::before{border-radius:4px;}
	#search .wish p{display: none;}
}