:root{
    --main-skyblue2:#ddeefb;
    --main-whiteblue:#fafdff;
}

.topic-main-title{ width: var(--main-width);margin: 4rem auto 2rem auto;}
.topic-main-title h1 {font-weight: bold;}

.topic-notice-wrap{ display: flex; justify-content: center;}
.topic-notice-wrap > ul{display: flex;flex-direction: column;gap: .75rem;border-radius: 10px;padding: 1.5rem 0;width: auto;background-color: var(--bs-gray-200)}
.topic-notice-wrap > ul > li{letter-spacing: .2px;padding: 0 3.5rem;text-align: center;}
.topic-notice-wrap > ul > li > span{color: var(--main-blue);font-weight: bold;}

.topic-search-form button{background-color: #666;color: #fff; outline: 0;border: 1px solid var(--bs-gray-400);width: 100px;cursor: pointer;border-radius: 4px;}
.topic-search-form button:hover{}

.topic-search select {appearance: auto;padding-left: 1.9rem}
.topic-search input{width: calc(100% - 100px)}
.topic-search button{margin-left: .5rem;}
.topic-search select
, .topic-search input
, .topic-search button{border-radius: 0;border-color: #666;outline: 0;border-width: 2px}
.topic-search input:focus
,.topic-search input:active{border-color: #666;outline: 0;}
.topic-search input::placeholder{color: var(--bs-gray-500);text-align: center;font-size: .9em;}

.topic-tap {display: flex;}
.topic-tap li{width: 50%;text-align: center;font-size: 1.1rem;}
.topic-tap li:nth-child(1){border-right: 0;}
.topic-tap li:nth-child(2){border-left: 0;}
.topic-tap li.active{border:2px solid #666;border-bottom: 0;}
.topic-tap li:not(.active){border-bottom:2px solid #666;}
.topic-tap li:not(.active):nth-child(1){border-right: 0!important;}
.topic-tap li:not(.active):nth-child(2){border-left: 0!important;}
.topic-tap li a {display: flex; justify-content: center;padding: 1rem 0; }

.topic-list{
    display: grid;gap:6.75rem 4rem;flex-wrap: wrap;justify-content: space-between;margin: 3rem 0;
    grid-template-columns: repeat(5, 1fr); /* 5媛쒖뵫 */
}
.topic-list.-d1{
    gap: 2.1rem;
}
.topic-list li {text-align:center;}
.topic-list li a {display: flex;flex-direction: column;gap: 1rem;}
.topic-list li a img{width:100%;}

.topic-list.-d2 li a {display:flex;align-items: center;justify-content: center;}
.topic-list.-d2 li a span{font-size: 1.75rem;font-weight: bold;text-align: center;}
.topic-list.-d2 li a img {width:74%;}

.topic-list.-search li a {}
.topic-list.-search li a span{font-size: 1.75rem;font-weight: bold;text-align: center;}

.topic-bg-wrap{background-size: contain;width: 100%;height: 150px;display: flex;justify-content: end;align-items: end;aspect-ratio:1300 / 150;}
.topic-bg-wrap .topic-bg-btn-area{flex-grow: 0;display: flex;gap: 1rem;padding: 0 68px 1rem 0;}
.topic-bg-wrap .topic-bg-btn-area a{background-color: #ccc;border-radius: 50px;padding: .5rem 1rem;}

.topic-contents-list{display: flex;gap: 1rem;flex-wrap: wrap;justify-content: center;}
.topic-contents-list:after{content: ""; flex:auto;}
.topic-contents-list > li{ width: calc(33.3333333333333333% - 11px); }
.topic-contents-list > li:first-child{width: calc(66.66666666666666666% - 5px);display: flex;align-items: center;}
.topic-contents-list > li:first-child div.--t {display: flex; justify-content: space-between}
.topic-contents-list > li:first-child div.--t div:nth-child(1){flex-grow: 0;display: flex;align-items: center;}
.topic-contents-list > li:first-child div.--t div:nth-child(1) img{width: 100%;}
.topic-contents-list > li:first-child div.--t div:nth-child(2){flex-grow: 1;display: flex;align-items: center;font-size: 3.5rem;}
.topic-contents-list > li:first-child div.--t div:nth-child(3){flex-grow: 0;display: flex;align-items: center;padding: 0 1rem;gap: .25rem;}
.topic-contents-list > li:first-child div.--t div:nth-child(3) a{background-color: var(--main-skyblue2);display: inline-block;padding: .5rem 1rem ;border-radius: 15px;}

.topic-contents-list .section{background-color: var(--main-skyblue2);border-radius: 30px;_min-height: 325px;padding-bottom: 40px}
.topic-contents-list .section .section-title{padding: 1rem;text-align: center;font-size: 1.25rem;font-weight: bold;}
.topic-contents-list .section .group-wrap{display: flex;flex-direction: column;min-height: 256px;background-color: var(--main-whiteblue);padding: 1rem;gap: 1rem;}
.topic-contents-list .section .group{display: flex;flex-direction: column;gap: .5rem;}
.topic-contents-list .section .group:last-child{padding-bottom: 0;}
.topic-contents-list .section .group .group-title{color: var(--main-blue);_padding-bottom: .5rem;font-weight: bold;}
.topic-contents-list .section .group ul{display: flex;flex-direction: column;gap: .5rem;}
.topic-contents-list .section .group ul li a {display: flex;flex-wrap: wrap;}
.topic-contents-list .section .group ul li a span:nth-child(1){width: 12px;display: flex;align-content: start}
.topic-contents-list .section .group ul li a span:nth-child(2){width: calc(100% - 12px);line-height: 18px}
.topic-contents-list .section .group ul li a:hover{color: var(--main-blue);}
.custom-arrow-l-clips
,.custom-arrow-l-goods {position: absolute;top: calc(50% - 20px);left: 30px;cursor: pointer;width: 48px;}
.custom-arrow-r-clips
,.custom-arrow-r-goods{position: absolute;top: calc(50% - 20px);right: 30px;cursor: pointer;width: 48px;}

/* 寃��� 寃곌낵 �놁쓬 */
.search-result-empty{
    display: flex;justify-content: center;flex-direction: column;gap: 1rem;
    & i {}
    & p {line-height: 22px;color: #9fa0a0;text-align: center}
}