@charset "utf-8";

/* 검색 */
#search_area{padding:20px 0;border-top:1px solid #dfdfdf}
#search_area .inner{max-width:1200px;margin:0 auto}
#search_area .inner:after{display:block;content:"";visibility:hidden;clear:both}

#search_area .flex_wrap{display:flex;justify-content:space-between;align-items:center}

/* 요양원/요양병원 체크 */
#search_area .icon_check{overflow:hidden}
#search_area .icon_check p{float:left;width:80px;height:80px;padding-top:48px;border-radius:8px;border:2px solid #e5e5e5;font-size:14px;text-align:center;color:#999;font-family:'notokr-medium'}
#search_area .icon_check p:hover{cursor:pointer}
#search_area .icon_check .icon1{background:url(/sh_img/include/search/icon01.png) center 12px no-repeat;background-size:33px}
#search_area .icon_check .icon2{margin-left:12px;background:url(/sh_img/include/search/icon02.png) center 14px no-repeat;background-size:32px}
#search_area .icon_check .icon3{margin-left:12px;background:url(/sh_img/include/search/icon03.png) center 14px no-repeat;background-size:34px}
#search_area .icon_check p.icon1On, #search_area .icon_check p.icon2On, #search_area .icon_check p.icon3On{border-color:#046fd9;color:#fff;background-color:#046fd9}
#search_area .icon_check p.icon1On{background-image:url(/sh_img/include/search/icon01_on.png)} 
#search_area .icon_check p.icon2On{background-image:url(/sh_img/include/search/icon02_on.png)} 
#search_area .icon_check p.icon3On{background-image:url(/sh_img/include/search/icon03_on.png)} 

/* 검색폼 */
#f_search:after{display:block;content:"";clear:both}
#search_area .sch_form{display:flex;width:calc(100% - 264px);padding-left:20px}
#search_area .sch_form select{width:28%;height:60px;padding-left:15px;margin-right:12px;border:1px solid #e5e5e5;border-radius:8px;font-size:15px;letter-spacing:-1px;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/sh_img/include/search/arr_down.png) 92% center no-repeat;background-size:14px;
font-family:'notokr-regular'}
#search_area .sch_form input[type=text]{width:28%;height:60px;padding-left:15px;margin-right:12px;border:1px solid #e5e5e5;border-radius:8px;font-size:15px;letter-spacing:-1px;color:#333;transition:none;font-family:'notokr-regular'}
#search_area .sch_form input[type=submit]{flex-grow:1;height:60px;border:none;border-radius:8px;font-size:15px;color:#fff;background-color:#046fd9;-webkit-transition:background .2s;transition:background .2s;font-family:'notokr-medium'}
#search_area .sch_form input[type=submit]:hover{background-color:#0664c1}
#search_area .sch_form.col5 select,  #search_area .sch_form.col5 input[type=text]{width:21%}
#search_area .sch_form.col5 .yoyang{width:21%;margin-right:12px}
#search_area .sch_form.col5 .yoyang select{width:100%}

.map_btn{display:block;margin-top:20px;padding:15px 20px;border-radius:5px;background:#046fd9;font-size:15px;color:#fff;word-break:keep-all;text-align:center;transition:background .2s;font-family:'notokr-medium'}
.map_btn i{margin-right:5px}
.map_btn:hover{background:#0664c1}

/* 반응형 [s] */
@media (max-width:1200px){
#search_area{padding:20px}	
#search_area .sch_form{padding-left:15px}
}
@media (max-width:1024px){
#search_area .sch_form{width:calc(100% - 208px);padding-left:8px}
#search_area .sch_form select{margin-right:8px;padding-left:10px;font-size:14px}
#search_area .sch_form input[type=text]{margin-right:8px;padding-left:10px;font-size:14px}
#search_area .sch_form input[type=submit]{font-size:14px}
#search_area .sch_form.col5 .yoyang{margin-right:8px}
#search_area .icon_check p{width:60px;height:60px;padding-top:35px;font-size:12px}
#search_area .icon_check .icon1{background-position:center 4px;background-size:28px}
#search_area .icon_check .icon2{margin-left:8px;background-position:center 6px;background-size:28px}
#search_area .icon_check .icon3{margin-left:8px;background-position:center 7px;background-size:28px}
.map_btn{font-size:14px}
}
@media (max-width:768px){
#search_area{display:none;border:none}	
#search_area .flex_wrap{display:block}
#search_area .sch_form{width:100%;padding-left:0}
#search_area .sch_form select{height:55px;margin-right:6px;background-size:10px}
#search_area .sch_form input[type=text]{height:55px;margin-right:6px}
#search_area .sch_form input[type=submit]{height:55px}
#search_area .sch_form.col5 .yoyang{margin-right:6px}
#search_area .icon_check{margin-bottom:10px}
#search_area .icon_check p{width:calc(50% - 3px);height:55px;padding:0 40px 0 0;font-size:10px;font-size:14px;text-align:right;line-height:55px}
#search_area .icon_check .icon1{background-position:35px center;background-size:32px}
#search_area .icon_check .icon2{margin-left:6px;background-position:35px center;background-size:30px}
.map_btn{ display:none}
}
@media (max-width:580px){
#search_area .sch_form{flex-wrap:wrap}
#search_area .sch_form select{width:calc(50% - 3px)}
#search_area .sch_form input[type=text]{width:100%;margin:10px 0 0}
#search_area .sch_form input[type=submit]{margin-top:10px}
#search_area .sch_form .sigugun{margin:0}
#search_area .sch_form.col5 select{width:calc((100% / 3) - 4px)}
#search_area .sch_form.col5 .yoyang{width:calc((100% / 3) - 4px)}
#search_area .sch_form.col5 input[type=text]{width:100%;margin-top:10px}
}
@media (max-width:380px){
#search_area .icon_check p{padding-right:20px;text-align:right}
#search_area .icon_check .icon1{background-position:20px center}
#search_area .icon_check .icon2{background-position:18px center}
#search_area .sch_form.col5 select{font-size:12px}
}
/* 반응형 [e] */