@charset "utf-8";

.sub_search{position:relative; text-align:center;}
.sub_search fieldset{position: relative;display: flex;flex-wrap: wrap;justify-content: center;width: 296px;height: 200px;margin: 0 auto;padding: 52px 0 0;}
.sch_sel{border:1px solid #fff;width: 90px;height: 58px;}
.sch_txt{display: inline-block;border:1px solid #fff;width: 126px;height: 58px;}
.sch_bar{display: flex;justify-content: space-between;width: 220px;height: 60px;margin-right: 5px;border: 1px solid #32a092;border-radius: 10px;background: #fff;overflow: hidden;}
.sch_schin * {vertical-align: middle;}
.sch_schin input{width:18px; height:18px}
.sc_btn{background: #098787;color:#fff;cursor:pointer;width: 70px;height: 60px;text-align:center;border-radius: 10px;}

.sch_item{position: absolute;top: 115px;left: 95px;width: 126px !important;margin: 0 auto;padding: 6px;border: 1px solid #32a092;border-radius: 10px;background: #fff;overflow:hidden;text-align: left;z-index: 9;}
.sch_item span{color: #0074a9;}
.sch_item ul li a{display:block; padding:2px 0;}
.sch_item ul li a:hover,.sch_item ul li a:focus{background:#f4f4f4;}

.sch_more{padding:15px 10px; margin: 20px 0 0 0; border-radius: 10px; border: 1px #e3e9f3 solid;}
.sch_more *{vertical-align: middle;}
.sch_more strong{display:block; margin:0 0 10px 0; font-size: 18px; padding-bottom: 10px; border-bottom: dashed 1px #e3e9f3;}
.sch_more input{width: 18px; height: 18px;}
.sch_more label{display: inline-block; margin-right: 6px;}

.sch_list{margin-top: 10px; padding: 30px 20px; background: #f4f4f4; border-radius: 10px; text-align: left;}
.sub_search .sch_list fieldset{display: block;width: auto;height: auto !important;padding: 0;}
.sch_list p{margin: 0 0 10px;}
.sch_list span{vertical-align: middle; font-size: 15px;}
.sch_list a{display: inline-block; padding: 8px; background: #fff; border-radius: 5px; vertical-align: middle; font-size: 15px; border: 1px #fff solid;} 
.sch_list a.on{background: #454545; border: 1px #454545 solid; color: #fff;}
.sch_list a:hover,.sch_list a:focus{border: 1px #454545 solid;}
.sch_list input[type="text"]{border:1px solid #e1e1e1; min-width: auto; max-width: 180px; height: 42px; padding: 0 7px; margin:2px 0; border-radius: 5px; vertical-align: middle;}
.sch_list input[type="submit"]{padding: 0 10px; height: 42px; background: #454545; border-radius: 5px; color: #fff; vertical-align: middle;}


/* 검색결과 없음 */
.sch_zero{margin-top: 10px; padding:30px 20px; text-align:center; border:1px solid #e1e1e1; border-radius: 10px; }
.sch_zero p{margin-bottom:10px;font-size: 28px;font-weight: 500;font-family: 'SBAggro';color: #0074a9;word-break: keep-all;}
.sch_zero p.txt1{color:#333;}
.sch_zero p.txt1 strong{vertical-align: middle;color: #0074a9;font-size: 26px;font-weight: 600;} 
.sch_zero p.txt2{color: #098787;}

/* 인기검색어 */
.best_sch{margin-top: 10px; padding: 30px 20px; border: 1px #e3e9f3 solid; border-radius: 10px;}
.best_sch h4{margin-top: 0;}
.best_sch h4 span{color: #0074a9;}
.best_sch ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.best_sch li{width: 48%; margin: 6px 0;}
.best_sch li span{display:inline-block; width: 30px; height: 30px; padding:6px 0; margin-right:5px; background: #454545; color: #fff; text-align:center; font-size: 14px; border-radius: 50%;  vertical-align: middle;}
.best_sch li a{display:inline-block; vertical-align: middle; font-size: 17px;}
.best_sch li a:hover,.best_sch li a:focus{text-decoration: underline;}

/* 내가 찾은 검색어 */
.my_sch{margin-top: 10px; padding: 30px 20px; border: 1px #e3e9f3 solid; border-radius: 10px;}
.my_sch h4{margin-top: 0;}
.my_sch h4 span{color: #098787;}
.my_sch li{margin: 6px 0;}
.my_sch li a{font-size: 17px;}
.my_sch li a:hover,.my_sch li a:focus{text-decoration: underline;}

/* 탭 */
.sch_tab ul{display: flex; flex-wrap: wrap;}
.sch_tab li{ text-align: center; width: 48%; margin: 0 1% 2%;}
.sch_tab li a{padding: 16px 5px 0; font-size: 15px;}

/* 검색결과 */
.sch_result{padding: 20px; border: 1px solid #e3e9f3; text-align: center; border-radius: 10px; font-size: 18px; font-family: 'SBAggro';}
.sch_result strong{color: #0074a9; font-weight: 600;}
.sch_result em{font-style: normal; color: #0074a9; font-weight: 600;}

.sch_col .tit{padding:20px; margin:40px 0 20px 0; background: #f8f8f8; border-radius: 10px;}
.sch_col .tit h4{margin:0; padding: 0; font-size: 24px; display:inline-block; background: none; vertical-align: middle;}
.sch_col .tit .tit_num{display: inline-block; margin: 0 0 0 10px; vertical-align: middle; line-height: 1.2em;}
.sch_col .tit .tit_num strong{display: inline-block; color: #0074a9; vertical-align: middle; line-height: 1.2em;}
.sch_col em.sc_point{background: #d2fff9; font-style:normal; padding: 0 5px;}

.sch_col .more{text-align:right;margin:20px 0 50px 0}
.sch_col .more a{padding:0 10px 0 0; color: #2a2a2a; text-decoration:underline}
.sch_col .more a:hover, .sch_col .more a:focus {color: #0074a9;}

.sch_pagelist li{padding:0 0 20px 16px;margin:0 0 20px 0; border-bottom: 1px solid #e1e1e1;}
.sch_pagelist li strong{font-size: 18px;}
.sch_pagelist li a:hover, .sch_pagelist li a:focus {text-decoration: underline;}

.sch_conlist li{border-bottom: 1px solid #e1e1e1;padding:0 0 20px 0;margin:0 0 20px 0; line-height:1.5em;}
.sch_conlist li a{margin-top:0;}
.sch_conlist li strong{font-size:18px; vertical-align: middle;}
.sch_conlist li>span{display:block;margin:5px 0; color: #666;}
.sch_conlist li>span.sch_local{color: #0074a9;}

.sch_imglist{padding-bottom:20px;border-bottom:1px solid #dedede;}
.sch_imglist:after{display: block; clear: both; content: "";}
.sch_imglist li{float:left; width:100%; text-align:center; margin:20px 0 0 0}
.sch_imglist li a{display:block;}
.sch_imglist li img{width:100%;height: 250px;border-radius: 10px;}
.sch_imglist li span{display:block; margin-top: 10px; color: #999;}
.sch_imglist li strong{display:block;font-size:18px;margin:0 0 4px 0;color: #333;overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap;}
.sch_imglist li a:hover strong, .sch_imglist li a:focus strong {text-decoration: underline;}




@media all and (min-width:768px) {
.sub_search fieldset{width: 600px;padding: 70px 0 0;}
.sch_item{top: 135px;left: 135px;width: 390px !important;}
.sch_bar {width: 525px;}
.sch_sel {width: 120px;}
.sch_txt {width: 390px;}
.sch_schin{margin: 15px 0 0 10px;}
.sch_more{display: flex; justify-content: center; align-items: center;}
.sch_more strong{padding: 0; margin: 0 14px 0 0; border: none;}
.sch_more input{margin-right: 6px;}
.sch_more label{margin-right: 12px;}
.sch_list span{margin-right: 8px;}
.sch_list a{padding: 10px 14px;}
.best_sch{padding: 40px;}
.my_sch{padding: 40px;}
.sch_tab li{width: 25%; margin: 0 0 6px 0;}
.sch_col{position: relative;}
.sch_col .more{position: absolute; top: 0; right: 20px;}
.sch_imglist li{width:50%;}
.sch_imglist li a{width: 90%;margin: 0 auto;}

}

@media all and (min-width:1023px){
.sub_search fieldset{width:800px;}
.sch_bar{width: 699px;}
.sch_txt{width: 565px;}
.sch_item{width: 565px !important;}
.sc_btn{width: 12%; max-width: 100px;}
.sch_box{display: flex; justify-content: space-between;}
.sch_list .flex div{margin: 10px 0;}
.sch_list p{display: inline-block; margin: 0 10px 0 0;}
.best_sch{width: 62%; margin-top: 20px;}
.my_sch{width: 37%;  margin-top: 20px;}
.sch_result{font-size: 22px;}
.sch_imglist li{width: 25%;}

}

@media all and (min-width:1440px){
.sub_search fieldset{width: 1000px;height: 170px;padding: 40px 0 0;}
.sch_bar{width: 895px;}
.sch_sel{width:170px;}
.sch_txt {width: 710px;}
.sch_item{top: 105px;left: 185px;width: 710px !important;}
.sch_list .flex{display: flex; justify-content: space-between;}
.best_sch li{width: 20%;}
.my_sch ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.my_sch li{width: 32.33%;}
.sch_tab li{width: 12.5%;}
}

@media all and (min-width:1760px){
.sch_list{padding: 30px 120px;}
}