@charset "utf-8";

.sub-cont {padding-top: 80px;}
.sub-cont .inner {display: flex; flex-direction: column; row-gap: 80px;}

.tab-wrapper {align-items: flex-start;}

.page-tab {display: flex; align-items: center; column-gap: 30px;}
.page-tab > a {font-weight: 700; font-size: 18px; color: var(--text-4); line-height: 1; transition: var(--transition);}
.page-tab > a.active,
.page-tab > a:hover {color: var(--text-1); text-decoration: underline;}

/* 휴대폰 */
/* 맞춤선택 */
.section-phone-list .common-grid3 {row-gap: 40px;}
.section-phone-list .common-grid3 .common-flex-r {flex-wrap: wrap; row-gap: 8px;}


/* 반응형 */
@media screen and (max-width: 1800px) {

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

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

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

}
@media screen and (max-width: 1024px) {
    
    .section-phone-list .common-grid3 {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 768px) {
    .sub-cont {padding-top: 0;}
    .sub-cont .inner {width: 100%; row-gap: 0;}

    .section-filter {position: sticky; top: 135px; z-index: 999;}
    .tab-wrapper {background-color: var(--color-white); padding: 10px 16px; border-bottom: 1px solid var(--border-1);}
    .tab-wrapper .common-tit {display: none;}

    .section-phone-list {width: calc(100% - 32px); margin: 0 auto;}
}
@media screen and (max-width: 600px) {
    
    
}
@media screen and (max-width: 500px) {
    .section-phone-list .common-grid3 {grid-template-columns: repeat(1, 1fr); row-gap: 20px;}

}

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

}

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

}

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

}

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