@charset "utf-8";

.blind {display:none;}
.search-top-box { margin-bottom: 45px; }
.search-flex { display: flex; gap: 12px; overflow: hidden; }
.search-select-wrap { position: relative; width: 150px;}
.search-select { width: 100%; height: 50px; padding: 0 15px; border: 0; background: url('/images/common/icon_select_arrow.svg') no-repeat calc(100% - 15px) 50%; appearance: none; font-size: var(--fs16); font-weight: 500; border: 1px solid rgba(0,0,0,0.15);  border-radius:10px; }
.search-input-wrap { position: relative; flex: 1; }
.search-input { width: 100%; height: 50px; padding: 0 50px 0 15px; border: 0; font-size: var(--fs16); border:1px solid rgba(0,0,0,0.15); border-radius:10px; }
.search-btn { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background: url('/images/common/icon_search.svg') no-repeat 50% 50% / 20px; cursor: pointer; }


.list li {display:grid; grid-template-columns:100px auto; border:1px solid var(--border1); border-radius:10px;}
.list li+li {margin-top:-1px;}
.list .num {width:100px; padding:20px 0; color:#9AA0AD; font-size:var(--fs16); display:flex; justify-content: center; align-items: center; border-right:1px solid var(--border1);}
.list .sub {padding:20px 50px;}
.list .sub h3 {line-height:1.2; color:#000; font-weight:500; padding:4px 0 10px 0; font-size:var(--fs20); transition:.3s;}
.list .sub p {font-size:var(--fs15); color:#9AA0AD; transition:.3s;}
.list .sub dl dd {background:#F7F8FA; border:1px solid #E4E5E6; padding:8px 14px; font-size:var(--fs15); display:inline-block; border-radius:100px; line-height:1; color:#9AA0AD;}

.list li:hover .sub h3 {color:var(--c_base2);}
.list li:hover .sub p {color:#000;}

@media screen and (max-width: 1199px) {
	
	
}

@media screen and (max-width: 767px) {
	.search-select {height:45px;}
	.search-input {height:45px;}
	
    .search-flex { flex-direction:column; border-radius: 4px; gap:6px; }
    .search-select-wrap { width: 100%; }
	.search-top-box {margin-bottom:30px;}
	
	.list .num {display:none;}
	.list li {display:block;}
	.list .sub {padding:30px;}
    
}