.mod_list_wrap_v2 {display: block;}
.mod_list_wrap_v2 .filter_popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #00000099; z-index: 10000; justify-content: flex-end;}
.mod_list_wrap_v2 .filter_popup.show {display: flex;}
.mod_list_wrap_v2 .filter_wrap {background: #fff; width: 470px; padding: 60px 20px 60px 40px;}
.mod_list_wrap_v2 .filter_cont {height: 100%; margin-top: 0;}
.mod_list_wrap_v2 .mob_filter_close {display: block; position: absolute; top: 25px; right: 23px; cursor: pointer;}
.mod_list_wrap_v2 .mob_filter_close img {width: 11.25px;}
.mod_list_wrap_v2 .filter_inner {padding: 0 27px 0 0; height: 78.5vh; position: relative; top: auto; left: auto;}
.filter_inner::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.filter_inner::-webkit-scrollbar-thumb {height: 10%; /* 스크롤바의 길이 */ background: #6D6D6D; /* 스크롤바의 색상 */ border-radius: 10px;}
.filter_inner::-webkit-scrollbar-track {background: #E3E3E3; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;}
.mod_list_wrap_v2 .filter_inner dt {font-size: 20px;}
.mod_list_wrap_v2 .filter_inner dt span {font-weight: 500; font-size: 14px;}
.mod_list_wrap_v2 .filter_inner dd {gap: 10px 15px;}
.mod_list_wrap_v2 .filter_inner dd > span {font-size: 14px; padding: 5px 21px; line-height: 1.7;}
.mod_list_wrap_v2 .extra-controls input {font-size: 14px !important;}
.mod_list_wrap_v2 .filter_btnCont {margin-top: 51px; display: flex; align-items: center; gap: 7px;} 
.mod_list_wrap_v2 .filter_btnCont div {display: flex; align-items: center; justify-content: center; height: 51px; border-radius: 30px; font-size: 16px; font-weight: 700; letter-spacing: -.4px; cursor: pointer; font-family: 'Pretendard';}
.mod_list_wrap_v2 .filter_btnCont div.remove {background: #0000000D; width: 120px;}
.mod_list_wrap_v2 .filter_btnCont div.submit {background: #000; color: #fff; width: calc(100% - 120px - 7px);}
.mod_list_wrap_v2 .modList_top {height: 60px;}
.mod_list_wrap_v2 .modList_top .inner.fixed {position: fixed; top: 100px; left: 0; width: 100%; background: #fff; z-index: 100; max-width: 100%;}
.mod_list_wrap_v2 .modList_top .inner.fixed .cont {border-top: 0; padding: 10px 0;}
.mod_list_wrap_v2 .modList_top .cont {max-width: 1820px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding-top: 31px; border-top: 1px solid #000;}
.mod_list_wrap_v2 .modList_top .total {font-size: 18px; font-weight: 500; letter-spacing: -.8px;}
.mod_list_wrap_v2 .modList_top .total strong {font-weight: 700;}
.mod_list_wrap_v2 .modList_top .right {display: flex; align-items: center; gap: 25px;}
.mod_list_wrap_v2 .modList_top .filter {display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 500; cursor: pointer;}
.mod_list_wrap_v2 .modList_top .filter img {width: 24px;}
.mod_list_wrap_v2 .modList_top .line {display: block; width: 1px; height: 20px; background: #BEBEBE;}
.mod_list_wrap_v2 .modList_top .grid {display: flex; align-items: center; gap: 10px;}
.mod_list_wrap_v2 .modList_top .grid img {height: 23px; cursor: pointer;}
.mod_list_wrap_v2 .modList_top .grid span.on img {filter: grayscale(100%) brightness(0);}
.mod_list_wrap_v2 .mod_list_cont {width: 100%; padding: 0; margin: 41px auto 110px;}
.mod_list_wrap_v2 .mod_list {gap: 50px 0;}
.mod_list_wrap_v2 .mod_list li .name {margin-top: 20px;}
.mod_list_wrap_v2 .mod_list li a .img_wrap:hover:before {background: #B1B1B1CC;}
.mod_list_wrap_v2 .mod_list li .m_ic {width: 65px; height: 65px;}
.mod_list_wrap_v2 .mod_list.listGrid01 li {width: calc(100%/4);}
.mod_list_wrap_v2 .mod_list.listGrid01 li a .img_wrap {height: 30.60vw;}
.mod_list_wrap_v2 .mod_list.listGrid02 li {width: calc(100%/3);}
.mod_list_wrap_v2 .mod_list.listGrid02 li a .img_wrap {height: 40.81vw;}
.mod_list_wrap_v2 .mod_list.listGrid02 li .ov_wrap {bottom: 228px; left: 29px;}
.mod_list_wrap_v2 .mod_list > div[style="font-size:17px;"] {width: 100%; text-align: center; margin: 100px auto 70px;}

@media screen and (max-width: 1820px) {
    .mod_list_wrap_v2 .filter_wrap {width: 25.82vw; padding: 3.30vw 1.10vw 3.30vw 2.20vw;}
    .mod_list_wrap_v2 .mob_filter_close {top: 1.37vw; right: 1.26vw;}
    .mod_list_wrap_v2 .mob_filter_close img {width: 0.62vw;}
    .mod_list_wrap_v2 .filter_inner {padding: 0 1.48vw 0 0; height: calc(100vh - 11vw);}
    /* .filter_inner::-webkit-scrollbar {width: 0.16vw;}
    .filter_inner::-webkit-scrollbar-thumb {border-radius: 0.55vw;}
    .filter_inner::-webkit-scrollbar-track {border-radius: 0.55vw;} */
    .mod_list_wrap_v2 .filter_inner dt {font-size: 1.10vw;}
    .mod_list_wrap_v2 .filter_inner dt span {font-size: 0.77vw;}
    .mod_list_wrap_v2 .filter_inner dd {gap: 0.55vw 0.82vw;}
    .mod_list_wrap_v2 .filter_inner dd > span {font-size: 0.77vw; padding: 0.27vw 1.15vw;}
    .mod_list_wrap_v2 .extra-controls input {font-size: 0.77vw !important;}
    .mod_list_wrap_v2 .filter_btnCont {margin-top: 2.80vw; gap: 0.38vw;} 
    .mod_list_wrap_v2 .filter_btnCont div {height: 2.80vw; border-radius: 1.65vw; font-size: 0.88vw; letter-spacing: -0.02vw;}
    .mod_list_wrap_v2 .filter_btnCont div.remove {width: 6.59vw;}
    .mod_list_wrap_v2 .filter_btnCont div.submit {width: calc(100% - 6.59vw - 0.38vw);}
    .mod_list_wrap_v2 .modList_top {height: 3.30vw;}
    .mod_list_wrap_v2 .modList_top .inner.fixed {top: 5.49vw;}
    .mod_list_wrap_v2 .modList_top .inner.fixed .cont {padding: 0.55vw 2.75vw;}
    .mod_list_wrap_v2 .modList_top .cont {max-width: 100%; padding: 1.70vw 2.75vw 0;}
    .mod_list_wrap_v2 .modList_top .total {font-size: 0.99vw; letter-spacing: -0.04vw;}
    .mod_list_wrap_v2 .modList_top .right {gap: 1.37vw;}
    .mod_list_wrap_v2 .modList_top .filter {gap: 0.55vw; font-size: 1.10vw;}
    .mod_list_wrap_v2 .modList_top .filter img {width: 1.32vw;}
    .mod_list_wrap_v2 .modList_top .line {height: 1.10vw;}
    .mod_list_wrap_v2 .modList_top .grid {gap: 0.55vw;}
    .mod_list_wrap_v2 .modList_top .grid img {height: 1.26vw;}
    .mod_list_wrap_v2 .mod_list_cont {margin: 1.37vw auto 6.04vw;}
    .mod_list_wrap_v2 .mod_list {gap: 2.75vw 0;}
    .mod_list_wrap_v2 .mod_list li .name {margin-top: 1.10vw;}
    .mod_list_wrap_v2 .mod_list li .m_ic {width: 3.57vw; height: 3.57vw;}
    .mod_list_wrap_v2 .mod_list.listGrid01 li a .img_wrap {height: 30.88vw;}
    .mod_list_wrap_v2 .mod_list.listGrid02 li a .img_wrap {height: 41.15vw;}
    .mod_list_wrap_v2 .mod_list.listGrid02 li .ov_wrap {bottom: 12.53vw; left: 1.59vw;}
}
@media screen and (max-width: 1400px) {
    .mod_list_wrap_v2 .filter_wrap {width: 25.79vw; padding: 3.29vw 1.07vw 3.29vw 2.21vw;}
    .mod_list_wrap_v2 .mob_filter_close {top: 1.36vw; right: 1.29vw;}
    .mod_list_wrap_v2 .mob_filter_close img {width: 0.64vw;}
    .mod_list_wrap_v2 .filter_inner {padding: 0 1.50vw 0 0; height: calc(100vh - 11vw);}
    /* .filter_inner::-webkit-scrollbar {width: 0.14vw;}
    .filter_inner::-webkit-scrollbar-thumb {border-radius: 0.57vw;}
    .filter_inner::-webkit-scrollbar-track {border-radius: 0.57vw;} */
    .mod_list_wrap_v2 .filter_inner dt {font-size: 1.07vw;}
    .mod_list_wrap_v2 .filter_inner dt span {font-size: 0.79vw;}
    .mod_list_wrap_v2 .filter_inner dd {gap: 0.57vw 0.79vw;}
    .mod_list_wrap_v2 .filter_inner dd > span {font-size: 0.79vw; padding: 0.29vw 1.14vw;}
    .mod_list_wrap_v2 .extra-controls input {font-size: 0.79vw !important;}
    .mod_list_wrap_v2 .filter_btnCont {margin-top: 2.79vw; gap: 0.36vw;} 
    .mod_list_wrap_v2 .filter_btnCont div {height: 2.79vw; border-radius: 1.64vw; font-size: 0.86vw; letter-spacing: -0.00vw;}
    .mod_list_wrap_v2 .filter_btnCont div.remove {width: 6.57vw;}
    .mod_list_wrap_v2 .filter_btnCont div.submit {width: calc(100% - 6.57vw - 0.36vw);}
    .mod_list_wrap_v2 .modList_top {height: 3.29vw;}
    .mod_list_wrap_v2 .modList_top .inner.fixed {top: 5.50vw;}
    .mod_list_wrap_v2 .modList_top .inner.fixed .cont {padding: 0.57vw 2.79vw;}
    .mod_list_wrap_v2 .modList_top .cont {padding: 1.71vw 2.79vw 0;}
    .mod_list_wrap_v2 .modList_top .total {font-size: 1.00vw; letter-spacing: -0.07vw;}
    .mod_list_wrap_v2 .modList_top .right {gap: 1.36vw;}
    .mod_list_wrap_v2 .modList_top .filter {gap: 0.57vw; font-size: 1.07vw;}
    .mod_list_wrap_v2 .modList_top .filter img {width: 1.29vw;}
    .mod_list_wrap_v2 .modList_top .line {height: 1.07vw;}
    .mod_list_wrap_v2 .modList_top .grid {gap: 0.57vw;}
    .mod_list_wrap_v2 .modList_top .grid img {height: 1.29vw;}
    .mod_list_wrap_v2 .mod_list_cont {margin: 2.27vw auto 6.02vw;}
    .mod_list_wrap_v2 .mod_list {gap: 2.79vw 0;}
    .mod_list_wrap_v2 .mod_list li .name {margin-top: 1.07vw;}
    .mod_list_wrap_v2 .mod_list li .m_ic {width: 3.57vw; height: 3.57vw;}
    .mod_list_wrap_v2 .mod_list.listGrid01 li a .img_wrap {height: 30.86vw;}
    .mod_list_wrap_v2 .mod_list.listGrid02 li a .img_wrap {height: 41.14vw;}
    .mod_list_wrap_v2 .mod_list.listGrid02 li .ov_wrap {bottom: 12.50vw; left: 1.57vw;}
    .mod_list_wrap_v2 .mod_list > div[style="font-size:17px;"] {font-size: 1.04vw !important; margin: 5vw auto 3vw;}
}
@media screen and (max-width: 1024px) {
    .mod_list_wrap_v2 .filter_wrap {width: 25.78vw; padding: 4.32vw 1.07vw 3.32vw 2.25vw;}
    .mod_list_wrap_v2 .mob_filter_close {top: 1.37vw; right: 1.27vw;}
    .mod_list_wrap_v2 .mob_filter_close img {width: 0.68vw;}
    .mod_list_wrap_v2 .filter_inner {padding: 0 1.46vw 0 0; height: calc(100vh - 14vw);}
    /* .filter_inner::-webkit-scrollbar {width: 0.10vw;}
    .filter_inner::-webkit-scrollbar-thumb {border-radius: 0.59vw;}
    .filter_inner::-webkit-scrollbar-track {border-radius: 0.59vw;} */
    .mod_list_wrap_v2 .filter_inner dt {font-size: 1.3vw;}
    .mod_list_wrap_v2 .filter_inner dt span {font-size: 1vw;}
    .mod_list_wrap_v2 .filter_inner dd {gap: 0.59vw 0.78vw;}
    .mod_list_wrap_v2 .filter_inner dd > span {font-size: 1vw; padding: 0.3vw 1.17vw;}
    .mod_list_wrap_v2 .extra-controls input {font-size: 1vw !important;}
    .mod_list_wrap_v2 .filter_btnCont {margin-top: 2.83vw; gap: 0.39vw;} 
    .mod_list_wrap_v2 .filter_btnCont div {height: 3.2vw; border-radius: 1.66vw; font-size: 1.2vw; letter-spacing: -0.00vw;}
    .mod_list_wrap_v2 .filter_btnCont div.remove {width: 6.54vw;}
    .mod_list_wrap_v2 .filter_btnCont div.submit {width: calc(100% - 6.54vw - 0.39vw);}
    .mod_list_wrap_v2 .modList_top {height: 3.32vw;}
    .mod_list_wrap_v2 .modList_top .inner.fixed {top: 9.52vw;}
    .mod_list_wrap_v2 .modList_top .inner.fixed .cont {padding: 0vw 3.13vw 1.5vw;}
    .mod_list_wrap_v2 .modList_top .cont {padding: 1.76vw 3.13vw 0;}
    .mod_list_wrap_v2 .modList_top .total {font-size: 1.3vw; letter-spacing: -0.10vw;}
    .mod_list_wrap_v2 .modList_top .right {gap: 1.37vw;}
    .mod_list_wrap_v2 .modList_top .filter {gap: 0.59vw; font-size: 1.3vw;}
    .mod_list_wrap_v2 .modList_top .filter img {width: 1.5vw;}
    .mod_list_wrap_v2 .modList_top .line {height: 1.07vw;}
    .mod_list_wrap_v2 .modList_top .grid {gap: 0.8vw;}
    .mod_list_wrap_v2 .modList_top .grid img {height: 1.35vw;}
    .mod_list_wrap_v2 .mod_list_cont {margin: 2.25vw auto 6.05vw;}
    .mod_list_wrap_v2 .mod_list {gap: 2.27vw 0;}
    .mod_list_wrap_v2 .mod_list li .name {margin-top: 1.07vw;}
    .mod_list_wrap_v2 .mod_list li .m_ic {width: 3.61vw; height: 3.61vw;}
    .mod_list_wrap_v2 .mod_list.listGrid01 li a .img_wrap {height: 30.86vw;}
    .mod_list_wrap_v2 .mod_list.listGrid02 li a .img_wrap {height: 41.11vw;}
    .mod_list_wrap_v2 .mod_list.listGrid02 li .ov_wrap {bottom: 12.50vw; left: 1.56vw;}
    .mod_list_wrap_v2 .mod_list > div[style="font-size:17px;"] {font-size: 1.4vw !important; margin: 5vw auto 3vw;}
}
@media screen and (max-width: 768px) {
    .mod_list_wrap_v2 .filter_wrap {width: 100%; padding: 14vw 5.73vw 6.5vw 5.21vw; display: block;}
    .mod_list_wrap_v2 .mob_filter_close {top: 5vw; right: 3.13vw;}
    .mod_list_wrap_v2 .mob_filter_close img {width: 4vw;}
    .mod_list_wrap_v2 .filter_inner {padding: 0; /* height: calc(100svh - 37.90vw); */}
    .mod_list_wrap_v2 .filter_cont {padding-right: 4.43vw; height: 95%;}
    /* .filter_inner::-webkit-scrollbar {width: 0.26vw;}
    .filter_inner::-webkit-scrollbar-thumb {border-radius: 1.56vw;}
    .filter_inner::-webkit-scrollbar-track {border-radius: 1.56vw;} */
    .mod_list_wrap_v2 .filter_inner dt {font-size: 3.95vw;}
    .mod_list_wrap_v2 .filter_inner dt span {font-size: 3.3vw;}
    .mod_list_wrap_v2 .filter_inner dd {gap: 1.56vw 2.08vw;}
    .mod_list_wrap_v2 .filter_inner dd > span {font-size: 3.26vw; padding: 2vw 3.95vw; border-radius: 13.02vw;}
    .mod_list_wrap_v2 .extra-controls input {font-size: 3.26vw !important;}
    .mod_list_wrap_v2 .filter_btnCont {margin-top: 7.81vw; gap: 2.60vw;} 
    .mod_list_wrap_v2 .filter_btnCont div {height: 11.72vw; border-radius: 7.81vw; font-size: 4.17vw; letter-spacing: -0.00vw;}
    .mod_list_wrap_v2 .filter_btnCont div.remove {width: 26.04vw;}
    .mod_list_wrap_v2 .filter_btnCont div.submit {width: calc(100% - 26.04vw - 2.60vw);}
    .mod_list_wrap_v2 .modList_top {height: 8.59vw;}
    .mod_list_wrap_v2 .modList_top .inner.fixed {top: 13.52vw;}
    .mod_list_wrap_v2 .modList_top .inner.fixed .cont {padding: 0 3.13vw;}
    .mod_list_wrap_v2 .modList_top .cont {padding: 2.60vw 3.23vw 0;}
    .mod_list_wrap_v2 .modList_top .total {font-size: 3.23vw; letter-spacing: -0.26vw;}
    .mod_list_wrap_v2 .modList_top .right {gap: 2.60vw;}
    .mod_list_wrap_v2 .modList_top .filter {gap: 1.04vw; font-size: 3.23vw; padding: 2vw 0;}
    .mod_list_wrap_v2 .modList_top .filter img {width: 3.78vw;}
    .mod_list_wrap_v2 .modList_top .line {height: 3.2vw;}
    .mod_list_wrap_v2 .modList_top .grid {gap: 1.69vw;}
    .mod_list_wrap_v2 .modList_top .grid img {height: 3.78vw;}
    .mod_list_wrap_v2 .mod_list_cont {margin: 3.91vw auto 8.05vw;}
    .mod_list_wrap_v2 .mod_list {gap: 5.21vw 0;}
    .mod_list_wrap_v2 .mod_list li .name {margin-top: 2.73vw;}
    .mod_list_wrap_v2 .mod_list li .m_ic {width: 9.38vw; height: 9.38vw;}
    .mod_list_wrap_v2 .mod_list li .ov_wrap {left: 2.7vw;}
    .mod_list_wrap_v2 .mod_list li .ov_wrap dl + dl {margin-top: 1.3vw;}
    .mod_list_wrap_v2 .mod_list.listGrid01 li {width: 50%;}
    .mod_list_wrap_v2 .mod_list.listGrid01 li a .img_wrap {height: 61.72vw;}
    .mod_list_wrap_v2 .mod_list.listGrid01 {gap: 5.21vw 0;}
    .mod_list_wrap_v2 .mod_list.listGrid02 li {width: 100%;}
    .mod_list_wrap_v2 .mod_list.listGrid02 li a .img_wrap {height: 123.57vw;}
    .mod_list_wrap_v2 .mod_list.listGrid02 li .ov_wrap {bottom: 8.99vw; left: 6.3vw;}
    .mod_list_wrap_v2 .mod_list > div[style="font-size:17px;"] {font-size: 3.23vw !important; margin: 7vw auto 6vw;}
}