@charset "utf-8";

.inner .inner {padding: 0;}

.my_qa-detail .qa_list-title {background-color: var(--gray-bg);padding-bottom: 20px;}
.my_qa-detail .qa_list-title .bg_w {background-color: #fff;}
.my_qa-detail .qa-item {margin-bottom: 0 !important; border-bottom: 0;}
.my_qa-detail .qa_list-info {padding: 30px 0;}
.my_qa-detail .qa_list-info p{font-size: 20px; font-weight: 500;}
.my_qa-detail .qa_list-info span{font-size: 16px; font-weight: 500;}
.my_qa-detail .q-info {padding: 30px 0; display: flex; flex-direction: column; row-gap: 20px; cursor: pointer;}
.my_qa-detail .a-info {padding: 30px; display: none; background-color: var(--gray-bg); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
.my_qa-detail .a-info .a-text {margin: 20px 0;}
.re {position: relative; padding-left: 16px;}
.re::after {position: absolute; width: 16px; height: 17px; background: url(../img/re.svg) no-repeat center center / cover; top: 50%; left: 0; transform: translate(0, -50%); content: ''; display: block;}

.tab_tit {width: 100%; display: flex; justify-content: center; border-bottom: 1px solid var(--line);}
.tab_tit li button {display: flex; align-items: center; height: 50px; column-gap: 10px; padding: 0 30px; font-size: 1rem; border-bottom: 1px solid transparent;}
.tab_tit li button.selected,
.tab_tit li button:hover {border-bottom: 1px solid var(--text1);}
.tab_tit li button:focus {outline: none;}
.tab_tit li button span {color: var(--text2);}

.my_use .use_list {background-color: var(--gray-bg); display: flex; flex-direction: column; row-gap: 20px;}
.my_use .use_list h4,
.my_use .use_list h4 b {font-size: 24px; font-weight: 700;}
.my_use .use_list .bg_w {background-color: #fff; padding: 30px 0;}
.my_use .use_list .use_item {display: flex; align-items: center; column-gap: 20px; padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--line)}
.my_use .use_list .use_item .thumb {width: 150px; height: 150px; border-radius: 5px; overflow: hidden; flex-shrink: 0;}
.my_use .use_list .use_item .thumb img {width: 100%; height: 100%; object-fit: cover;}
.my_use .use_list .use_item .meta {display: flex; flex-direction: column; row-gap: 20px;}
.my_use .use_list .use_item .meta .tit {font-size: 20px; font-weight: 500; width: 100%;  display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;}
.my_use .use_list .use_item .meta .option {display: flex; column-gap: 10px; align-items: center; color: var(--text2); font-size: 18px; font-weight: 500;}
.my_use .use_list .star-area {width: 100%; display: flex; flex-direction: column; row-gap: 20px; justify-content: center; align-items: center;}
.my_use .my_use-info {width: 100%; display: flex; flex-direction: column; row-gap: 16px; justify-content: center; align-items: center; padding-bottom: 40px;}
.my_use .my_use-info .my-img {width: 58px; height: 58px; border-radius: 50%; background-color: #8FB4FA;}
.my_use .my_use-info p {display: flex; column-gap: 10px;}
.my_use .my_use-info p strong {font-weight: 500; color: var(--main); padding-left: 4px;}

#my_use_w .use_list .use_item {padding-top: 0;}

/* 위시리스트 */
#sod_ws .wish_item .info_link {display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word;}
#sod_ws .wish_item .wish_info {height: 338px; display: flex; flex-direction: column; justify-content: space-between;}

/* 비식품 */
.sct_ct {padding: 30px 0;}
.sct_ct h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sct_ct ul {display: flex; column-gap: 20px;}
.sct_ct ul li a {position:relative; padding: 20px 24px 20px 64px; border: 1px solid var(--line);font-size: 20px; border-radius: 40px;}
.sct_ct ul li a::after {position: absolute; width: 36px; height: 36px; background: url(../img/nonfood-cate-1.png) no-repeat center center / cover; top: 50%; left: 20px; transform: translate(0, -50%); display: block; content:'';}
.sct_ct ul li:nth-of-type(2) a::after {background: url(../img/nonfood-cate-2.png) no-repeat center center / cover;}
.sct_ct ul li:nth-of-type(3) a::after {background: url(../img/nonfood-cate-3.png) no-repeat center center / cover;}
/* .sct_ct ul li:hover a {transition: all 0.3s; border: 1px solid var(--main);} */






/* 반응형 */
@media screen and (max-width: 1500px) {
    .my_qa-detail .qa_list-info {padding:  30px 24px;}
}
@media screen and (max-width: 1280px) {
    #sod_ws .wish_item .wish_info {height: 18vw;}
}
@media screen and (max-width: 1024px) {
    #sod_ws .wish_item .wish_info {height: 240px;}
}
@media screen and (max-width: 768px) {
    .my_qa-detail .qa_list-info {padding:  30px 15px;}
    #sod_ws .wish_item .wish_info {height: 180px;}

    .sct_ct ul {column-gap: 10px;}
    .sct_ct ul li {flex: 1 ;}
    .sct_ct ul li a {width: 100%; font-size: 16px; padding: 14px 18px 14px 50px;}
    .sct_ct ul li a::after {width: 24px; height: 24px;}
}
@media screen and (max-width: 600px) {
    .sct_ct ul li a {padding: 14px 18px 14px 40px; font-size: 15px;}
    .sct_ct ul li a::after {left: 12px;}
}
@media screen and (max-width: 500px) {
    .my_qa-detail .qa-item a {padding: 0 !important;}
    .my_qa-detail .qa_list-info p {font-size: 16px;}
    .my_qa-detail .qa_list-info span.date {font-size: 14px;}

    .my_use .use_list h4,
    .my_use .use_list h4 b {font-size: 20px;}
    .my_use .use_list .use_item {flex-direction: column; align-items: flex-start; row-gap: 20px;}
    .my_use .use_list .use_item .thumb {width: 120px; height: 120px;}
    .my_use .use_list .use_item .meta {row-gap: 10px;}
    .my_use .use_list .use_item .meta .tit {font-size: 16px;}
    .my_use .use_list .use_item .meta .option {font-size: 14px;}

    #sod_ws .wish_item {flex-direction: column; row-gap: 20px;}
    #sod_ws .wish_item .wish_info {height: 120px;}
    #sod_ws .wish_item .info_link {-webkit-line-clamp: 1;}

    .sct_ct ul {flex-wrap: wrap; row-gap: 6px;}
    .sct_ct ul li {flex: none;}
}

@media screen and (max-width: 340px) {
    #sod_ws .wish_item {flex-direction: column; row-gap: 14px;}
    #sod_ws .wish_item .wish_info {height: auto;}
    #sod_ws .wish_item .mini-btn-area {margin-top: 20px !important;}

    .sct_ct ul li {width: 100%;}
    .sct_ct ul li a {padding: 14px 18px 14px 48px;}
    .sct_ct ul li a::after {left: 20px;}
}






/****************//****************/
/****************/
/****************//****************/
/****************/
/****************/
/****************/
/****************/
/****************//****************/
/****************/
/****************//****************/
/****************/
/****************/
/****************/
/****************/

/****************/
/****************/
/****************/
/****************/
/****************/
/****************/