/* 검색 */
.search {
text-align: center; /* 가운데 정렬 */
margin: 20px 0; /* 외부 여백 */
}
.search input {
border: 0;
}
.search .submit {
display: none;
}
@media all and (min-width: 768px) {
.search .search_input {
margin: auto;
text-align: center; /* 가운데 정렬 */
background: transparent; /* 배경 투명 */
}
.search_input::-webkit-input-placeholder {
color: #fff; /* 검색창 폰트색 */
}
.search_input:-moz-placeholder {
color: #fff; /* 검색창 폰트색 */
}
.search_input::-moz-placeholder {
color: #fff; /* 검색창 폰트색 */
}
.search_input:-ms-input-placeholder {
color: #fff; /* 검색창 폰트색 */
}
.search_input::placeholder {
color: #fff; /* 검색창 폰트색 */
}
/* 카테고리 */
.catebox {
text-align: center; /* 가운데 정렬*/
margin: 10px 0; /* 외부 여백 */
opacity: 0; /* 투명도 */
transition: .5s;
visibility: hidden; /* 보이지 않게 */
}
.catebox.active { /* 스위치 온 시 카테고리 보이게 */
opacity: 1; /* 투명도 */
visibility: visible; /* 보이게 */
}
.tt_category {
display: inline-block;
}
.tt_category a,
.catebox .scroll > a {
color: #fff; /* 폰트 색상 */
}
.link_tit {
display: none;
}
.category_list > li,
.catebox .scroll > a {
display: inline-block;
position: relative;
margin: 0 10px; /* 카테고리 간격 */
white-space: nowrap;
}
.link_item:after {
content: "v"; /* 서브 카테고리 있을 경우 */
font-size: .8rem; /* 폰트 사이즈 */
margin-left: 3px; /* 왼쪽 여백 */
}
.link_item:only-child:after {
content: ''; /* 서브 카테고리 앖을 경우 */
}
.sub_category_list {
position: absolute;
white-space: nowrap;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
max-height: 0;
overflow: hidden;
transition: .5s;
z-index: 1;
}
.category_list > li:hover .sub_category_list {
max-height: 500px; /* 서브 카테고리가 많아 짤릴 경우 수정 */
}
}
