@charset "UTF-8";
/*
*--------------------------------------------*
|                   Common                   |
*--------------------------------------------*
*/
body { display: block !important;}
.common-info-wrap{ padding: 18px 16px 16px; border-radius: var(--pd-bdrs-base8); background-color: #2a2a2a; }
.common-info-wrap .common-info-inner{ margin-bottom: 15px; display: flex; align-items: center; justify-content: flex-start; gap: 15px; }
.common-info-wrap .common-info-inner .brand-logo{ flex-shrink: 0; display: inline-block; width: 40px; height: 40px; border-radius: var(--pd-bdrs-base8); overflow: hidden; }
.common-info-wrap .common-info-inner .brand-logo > img{ width: 100%; height: 100%; object-fit: cover; background-color: #000; }
.common-info-wrap .info-desc{ width: calc(100% - 40px); }
.common-info-wrap .info-desc h3{ width: calc(100% - 15px); height: 40px; font-size: 16px; font-weight: bold; line-height: 1.35; letter-spacing: normal; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.common-info-wrap .info-desc span{ height: 42px; color: #bcbcbc; font-size: 14px; font-weight: normal; line-height: 1.3; letter-spacing: normal; text-align: left; }
.common-sub-section-wrap .common-list-wrap { grid-template-columns: repeat(auto-fill, minmax(212px, 1fr)); }

.common-search-wrap{ position: relative; }
.common-search-wrap .input-search{ height: 44px; min-width: 350px; padding: 0 12px 0 46px; border-radius: var(--pd-bdrs-base4); border: solid 1px #808080; }
.common-search-wrap .input-search::placeholder{ font-size: 15px; font-weight: 500; letter-spacing: normal; }
.common-search-wrap .btn-search{ position: absolute; top: 50%; left: 12px; width: 24px; height: 24px; transform: translateY(-50%); background: url("/images/common/icon-comm-gnb-search.png") no-repeat center center / contain; }

/* Tab Navigation */
.tab-strip{ margin: 0 0 40px; padding: 0 !important; border-bottom: 1px solid #404040 !important; }
.tab-nav-wrap { display: flex; border-bottom: 1px solid #404040;}
.tab-nav-wrap .tab-btn {
    display: inline-flex; justify-content: center; align-items: center;
    position: relative; transition: font-weight .1s ease-in-out;
}
.k-tabstrip-items .k-link,
.tab-nav-wrap .tab-btn { padding: 19px 20px 20px; height: 60px; line-height: 60px; box-sizing: border-box; }
.k-tabstrip-items .k-item,
.tab-nav-wrap .tab-btn { color: #d2d2d2;  font-size: 16px; font-weight: 500; background-color: transparent; transition: all .1s ease-in-out;}
/*.tab-nav-wrap .tab-btn:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: #fff; transition: all .3s ease-in-out;}*/
.k-tabstrip-items .k-item.k-state-active,
.k-tabstrip-items .k-item.k-active,
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-active,
.tab-nav-wrap .tab-btn.active,
.tab-nav-wrap .tab-btn:hover { /*border-bottom: 2px solid #fff !important; */background: transparent; color: var(--white); font-weight: bold;}
.k-tabstrip-items .k-item.k-state-active::after,
.k-tabstrip-items .k-item.k-active::after,
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-active::after,
.tab-nav-wrap .tab-btn.active::after,
.tab-nav-wrap .tab-btn:hover::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff;}
.k-tabstrip-items-wrapper .k-item:hover { color: #fff;}
/* .tab-nav-wrap .tab-btn.active:before,
.tab-nav-wrap .tab-btn:hover:before { height: 2px;} */
.tab-cont-wrap > div,
.tab-cont-wrap > section { display: none;}
.tab-cont-wrap > section { padding: 0;}
.tab-cont-wrap > .active { display: block;}



.k-tabstrip-items{ order: 1; }
.k-tabstrip-prev{ order: 2; }
.k-tabstrip-next{ order: 3; }
.k-tabstrip .k-icon{ position: relative !important; width: 25px !important; height: 25px !important; }
.k-tabstrip .k-icon > svg{ display: none !important; }
.k-tabstrip .k-tabstrip-prev .k-icon::before,
.k-tabstrip .k-tabstrip-next .k-icon::before{ content: ""; position: absolute; width: 100%; height: 100%; }
.k-tabstrip .k-tabstrip-prev .k-icon::before{ background: url("/images/common/common-sprites-tabstrip.png") no-repeat -10px -10px / 90px 90px !important; }
.k-tabstrip .k-tabstrip-prev.k-disabled .k-icon::before{ background: url("/images/common/common-sprites-tabstrip.png") no-repeat -10px -55px / 90px 90px !important; }
.k-tabstrip .k-tabstrip-next .k-icon::before{ background: url("/images/common/common-sprites-tabstrip.png") no-repeat -55px -10px / 90px 90px !important; }
.k-tabstrip .k-tabstrip-next.k-disabled .k-icon::before{ background: url("/images/common/common-sprites-tabstrip.png") no-repeat -55px -55px / 90px 90px !important; }
.rlst-info{ padding-top: 74px; margin-bottom: 24px; color: var(--white); font-size: 24px; font-weight: bold; line-height: normal; letter-spacing: -0.48px; text-align: center; background: url("/images/common/icons/icon-pop-check.png") no-repeat top center; word-break: keep-all; }

.main-section{ position: relative; height: 56.25vw; max-height: 100vh;}
.main-section .main-swiper-wrap{ height: 100%; }
.main-section .main-swiper-wrap .swiper-container{ height: 100%; }
.main-section .main-swiper-wrap .swiper-slide{ position: relative; z-index: 3; width: 100%; height: 100%; background-size: cover; cursor: default; }
.main-section .swiper-button-next,
.main-section .swiper-button-prev{ opacity: 0; width: 50px !important; height: 65px !important; transition: opacity .3s ease; pointer-events: none;}
.main-section:hover .swiper-button-next,
.main-section:hover .swiper-button-prev{ opacity: 1; pointer-events: auto; }
.main-section .swiper-button-prev:after,
.main-section .swiper-button-next:after{ content: "" !important; width: 100%; height: 100%; transition: transform 0.2s ease;}
.main-section .swiper-button-prev:after{ background: url("/images/common/main-prev-slide-icon.svg") no-repeat center center / cover !important; }
.main-section .swiper-button-next:after{ background: url("/images/common/main-next-slide-icon.svg") no-repeat center center / cover !important; }
.main-section .swiper-button-prev:hover:after,
.main-section .swiper-button-next:hover:after{ transform: scale(1.24);}

.main-section .banner-txt-wrap{ z-index: 10; /*top: 50%; left: 60px; transform: translateY(-50%); width: 48%; */ bottom: 35%; display: flex; flex-direction: column; justify-content: flex-end; left: 4%; position: absolute; top: 0; width: 36%; word-break: keep-all;}
.main-section .banner-txt-wrap h2{ margin-bottom: 40px; color: var(--white); font-size: 60px; font-weight: 800; line-height: 1.05; letter-spacing: normal; word-break: keep-all; }
.main-section .banner-txt-wrap p{ color: var(--white); font-size: 1.2vw; font-weight: normal; line-height: 1.25; letter-spacing: normal; word-break: keep-all; }
.main-section .banner-txt-wrap .btn-wrap{ margin-top: 30px; }
.main-section .banner-txt-wrap .btn-wrap .btn-info:hover{ background-color: rgba(109, 109, 110, 0.4); }
.main-section .banner-txt-wrap .btn-wrap .btn-info i{ display: inline-block; width: 2.4rem; height: 2.4rem; background: url("/images/common/icons/icon-detailInfo.svg") no-repeat center center / cover; }


/*
*--------------------------------------------*
|                  UI Change                 |
*--------------------------------------------*
*/
.swiper-container { padding-bottom: 20px; }
.sub-top-filter-wrap{ z-index: 2; position: absolute; padding: 15px 0; top: 68px; left: 60px; display: flex; align-items: center; gap: 40px; flex-direction: column; width: calc(100% - 120px); align-items: flex-start;}
.sub-top-tit-wrap > h2{ font-size: 38px; font-weight: 500; line-height: 1; letter-spacing: normal; text-align: left; color: #fff;}
.sub-top-tit-wrap .ui-btn-wrap{ display: inline-block;}
.sub-top-tit-wrap .ui-btn-wrap > button{ float: left; padding: 17.5px 5px; font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: -0.32px; color: #d2d2d2; text-align: center;}
.sub-top-tit-wrap .ui-btn-wrap > button:first-child{ position: relative; margin-right: 14px;}
.sub-top-tit-wrap .ui-btn-wrap > button:first-child::after{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -14px; width: 1px; height: 15px; background-color: #808080;}
.sub-top-tit-wrap .ui-btn-wrap > button:last-child{ margin-left: 15px;}
.sub-top-tit-wrap .ui-btn-wrap > button.active{ color: #fff; font-weight: bold; border-bottom: 2px solid #fff;}

.sub-top-filter-wrap .keyword-input-wrap .search-wrap{ position: relative; width: 360px; height: 40px;}
.sub-top-filter-wrap .keyword-input-wrap .input-search{ width: 100%; height: 100%; font-size: 14px; padding-left: 36px; padding-right: 34px; background-color: rgba(255, 255, 255, 0.15); border-radius: var(--pd-bdrs-base); }
.sub-top-filter-wrap .keyword-input-wrap .input-search::placeholder{ font-size: 14px; font-weight: 500; letter-spacing: normal; }
.sub-top-filter-wrap .keyword-input-wrap .btn-search{ position: absolute; top: 50%; right: 10px; width: 24px; height: 24px; transform: translateY(-50%); background: url("/images/common/icon-comm-gnb-search.svg") no-repeat center center; }
.sub-top-filter-wrap .keyword-input-wrap .btn-cancle{ width: 24px; height: 24px; display: none; position: absolute; top: 50%; transform: translateY(-50%); right: 8px; background: url("/images/common/icons/search-icon-cancle.png") no-repeat center center / cover; }

.sub-top-filter-wrap .sub-filter-wrap{ width: 100%; background-color: var(--pd-bg-base);}
.jk-search-container { border: 1px solid #404040; background: transparent;}

/* 자동완성 레이어 */
.autocomplete-layer {
    position: absolute;
    top: 100%; left: 0; width: 100%;
    max-height: 300px; overflow-y: auto;
    background: #fff;
    border: 1px solid #7e8898; border-top: none;
    z-index: 50;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    display: none;
}
.autocomplete-layer.show { display: block; }

.ac-item {
    padding: 12px 16px;
    font-size: 13px; color: #333;
    border-bottom: 1px solid #f1f1f1;
    display: flex; align-items: center; gap: 10px;
    cursor: pointer;
}
.ac-item:hover { background-color: #f9f9f9; }
.ac-item:last-child { border-bottom: none; }

.ac-checkbox {
    width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 2px;
    flex-shrink: 0; accent-color: #0068ff; cursor: pointer;
}
.ac-text-wrap { margin-left: 8px; flex: 1; }
.ac-path { color: #888; margin-right: 4px; font-size: 12px; }
.ac-target { font-weight: bold; color: #333; font-size: 14px; }
.ac-highlight { color: #0068ff; font-weight: bold; }

/* 4. 필터 본문 (3단 컬럼) */
.jk-filter-body {
    display: flex;
    height: 200px;
    border: 1px solid #404040;
}
.filter-col { overflow-y: auto; border-right: 1px solid #404040; padding: 15px;}
.filter-col:last-child{ border-right: none;}
.filter-col > ul > li{ padding: 0 12px; height: 40px; color: #bcbcbc; font-size: 14px; font-weight: normal; line-height: 40px; letter-spacing: -0.28px; text-align: left; cursor: pointer;}

/* 1단 */
.filter-col.depth1 { width: 30%; }
.filter-col > ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
.depth1-item:hover {  color: #333; }
.depth1-item.active {
    color: #0068ff; font-weight: 700;
    border-left: 2px solid #0068ff; border-right: none;
}

/* 2단 */
.filter-col.depth2 { width: 35%;  border-right: 1px solid #e5e7eb; }
.depth2-item {
    padding: 12px; font-size: 13px; color: #333;
    border-bottom: 1px solid #f5f5f5; cursor: pointer;
    display: flex; justify-content: space-between; align-items: center;
}
.depth2-item:hover { background-color: #f9f9f9; color: #0068ff; }
.depth2-item.active { background-color: #e5f1ff; color: #0068ff; font-weight: 700; }

/* 3단 */
.filter-col.depth3 { width: 35%;  padding: 12px; }
.depth3-item {
    padding: 8px 12px; font-size: 13px; color: #666;
    border-radius: 4px; margin-bottom: 2px; cursor: pointer;
    display: flex; justify-content: space-between; align-items: center;
}
.depth3-item:hover { background-color: #f8f8f8; color: #333; }
.depth3-item.selected {
    color: #0068ff; font-weight: 700;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230068ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

/* 5. 하단 선택 태그 & 버튼 영역 */
.jk-filter-footer {
    background-color: #f2f6fc;
    padding: 20px;
    border-top: 1px solid #d1d5db;
    position: relative;
}
.footer-reset-btn {
    position: absolute; top: 20px; right: 20px;
    font-size: 12px; color: #6b7280;
    background: #fff; padding: 4px 8px;
    border: 1px solid #e5e7eb; border-radius: 4px;
    display: flex; align-items: center; gap: 4px;
}
.footer-reset-btn:hover { color: #1f2937; }

.selected-tags-area {
    min-height: 30px; margin-bottom: 16px; padding-right: 60px;
    display: flex; flex-wrap: wrap; gap: 8px;
}
.empty-tag-msg { font-size: 14px; color: #9ca3af; padding: 4px 0; }

.tag-badge {
    display: inline-flex; align-items: center;
    padding: 4px 12px; font-size: 13px;
    background-color: #fff; border: 1px solid #0068ff; color: #0068ff;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.tag-close-btn { margin-left: 8px; font-weight: 700; color: #0068ff; }
.tag-close-btn:hover { color: #1e40af; }

.search-submit-btn {
    width: 100%;
    padding: 16px;
    background-color: #0068ff;
    color: #fff;
    font-size: 18px; font-weight: 700;
    transition: background-color 0.2s;
}
.search-submit-btn:hover { background-color: #0057d6; }

/* 결과 예시 영역 */
.result-section { margin-top: 40px; }
.section-title { font-size: 1.25rem; font-weight: 700; color: #1f2937; margin-bottom: 16px; }
.result-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
}
.result-item-placeholder {
    aspect-ratio: 16/9; background-color: #f3f4f6; border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    color: #9ca3af; font-size: 14px;
}

/* 커스텀 스크롤바 */
.custom-scroll::-webkit-scrollbar { width: 8px; }
.custom-scroll::-webkit-scrollbar-track { background: #f1f1f1; border-left: 1px solid #eee; }
.custom-scroll::-webkit-scrollbar-thumb { background: #d1d1d1; border-radius: 4px; }
.custom-scroll::-webkit-scrollbar-thumb:hover { background: #a8a8a8; }

/* 유틸리티 아이콘 색상 */
.text-blue { color: #3b82f6; }

/*
*--------------------------------------------*
|                  Search                    |
*--------------------------------------------*
*/
.rslt-not-data { display: flex; justify-content: center; align-items: center; width: 100%; height: calc(100vh - 230px);}
.rslt-not-data > div { display: flex; flex-direction: column; align-items: center;}
.rslt-not-data > div:before { content: ''; display: inline-block; width: 60px; height: 60px; margin-bottom: 20px; background-image: url("/images/common/icons/icon-pop-excmark.png"); background-position: center; background-repeat: no-repeat; background-size: contain;}
.rslt-not-data > div p { margin-bottom: 15px; font-size: 24px; line-height: 1.3; color: #e5e5e5;}
.rslt-not-data > div p strong { font-weight: 500; color: #fff;}
.rslt-not-data > div > span { line-height: 1.6; letter-spacing: -0.32px; color: #d2d2d2;}
.common-rslt-txt{ padding: 16px 60px 0; color: #e5e5e5; font-size: 24px; line-height: 1.3; font-weight: normal; letter-spacing: normal; }
.common-rslt-txt > span{ font-weight: 500; color: #fff;}
.common-rslt-txt .no-data-tit{ margin-top: 14px; font-size: 24px; font-weight: 500; }
.inti-search-wrap .no-data{ padding: 7.77vw 0; }
.inti-search-wrap.common-sub-section-wrap .common-list-wrap.brand-wrap{ grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; }
.inti-search-wrap .brand-wrap .common-item{ padding: 0; background: transparent; }
.inti-search-wrap .common-list-wrap.brand-wrap .common-item img{ width: 150px; height: 150px; }
.inti-search-wrap .common-list-wrap.brand-wrap .common-item{ background-color: transparent; }

.inti-search-wrap .sub-sec-container .tab-nav-wrap { margin-bottom: 25px;}
.inti-search-wrap .sub-sec-container .common-tit-wrap .common-tit { font-size: 26.9px; line-height: 0.89;}

.content-category-wrap { padding: 25px 60px 0;}
.all-cont-wrap { display: flex; flex-direction: column; gap: 58px;}
.sub-sec-container.myshelfHart .common-tit-wrap, 
.sub-sec-container.myshelf .common-tit-wrap { padding: 16px 60px;}

/*
*--------------------------------------------*
|                   Public                   |
*--------------------------------------------*
*/
.common-btn-wrap{ display: flex; justify-content: center; margin-top: 20px; }
.common-btn-wrap .btn-more{ display: flex; justify-content: center; align-items: center; gap: 4px; width: 240px; height: 48px; line-height: 48px; color: var(--white); border-radius: var(--pd-bdrs-base4); border: solid 1px rgba(255, 255, 255, 0.5); }
.common-btn-wrap .btn-more .icon{ display: inline-block; width: 18px; height: 18px; background: url("/images/common/icons/icon-plus.svg") no-repeat center center; background-size: contain; }

/*
*--------------------------------------------*
|                  BrandCh                   |
*--------------------------------------------*
*/
/*.common-sub-section-wrap .common-list-wrap.brand-wrap{ grid-template-columns: repeat(4, minmax(0, 429.75px)); grid-template-columns: repeat(4, minmax(0, 1fr));}*/
.common-sub-section-wrap .common-list-wrap.brand-wrap{ display: flex; flex-wrap: wrap;}

/*
*--------------------------------------------*
|               BrandCh-상세                 |
*--------------------------------------------*
*/
.common-sub-section-wrap .common-list-wrap.brand-dtl-wrap{ padding-right: unset; }
.brand-container .brand-banner{ height: 300px; overflow: hidden; }
.brand-container .brand-banner .brand-banner-img{ width: 100%; height: 100%; object-fit: cover; }
.brand-container .brand-info-wrap { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; padding: 35px 60px 20px;}
.brand-container .brand-info-wrap .brand-img-desc-wrap{ display: flex; flex-direction: column; align-items: flex-start; gap: 40px; width: 100%; }
.brand-img-desc-wrap .brand-img-box { display: flex; gap: 40px; width: 100%;}
.brand-container .brand-info-wrap .brand-img-desc-wrap .brand-logo { flex-shrink: 0; object-fit: cover; width: 150px; height: 150px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.15); overflow: hidden;}
.brand-container .brand-info-wrap .brand-desc-wrap { width: calc(100% - 230px); }
.brand-container .brand-info-wrap .brand-desc-wrap .brand-nm { margin-bottom: 15px; color: var(--white); font-size: 30px; font-weight: bold; line-height: 1.3; letter-spacing: normal; text-align: left; }
.brand-container .brand-info-wrap .brand-desc-wrap .brand-info-dl { display: flex; align-items: center; gap: 15px; width: 100%;}
.brand-container .brand-info-wrap .brand-desc-wrap .brand-info-dl dl { display: inline-flex; align-items: center;}
.brand-container .brand-info-wrap .brand-desc-wrap .brand-info-dl dl:before { content: ''; display: inline-flex; width: 1px; height: 15px; margin-right: 15px; background: #545454;}
.brand-container .brand-info-wrap .brand-desc-wrap .brand-info-dl dl:first-child:before { display: none;}
.brand-container .brand-info-wrap .brand-desc-wrap .brand-info-dl dl dt { padding-right: 10px; flex-shrink: 0; font-weight: 500; color: #d2d2d2;}
.brand-container .brand-info-wrap .brand-desc-wrap .brand-info-dl dl dt,
.brand-container .brand-info-wrap .brand-desc-wrap .brand-info-dl dl dd { font-size: 15px; line-height: 1.5;}
.brand-container .brand-info-wrap .brand-desc-wrap .brand-info-dl dl dd { color: var(--white);}
.brand-info-wrap .brand-btnGroup { display: flex; gap: 6px; margin-top: 20px;}
.brand-info-wrap .brand-btnGroup [class*="pdBtn-"] { width: 44px; height: 44px; padding: 10px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); background-size: 24px;}
.brand-info-wrap .brand-btnGroup [class*="pdBtn-"]:hover,
.brand-info-wrap .brand-btnGroup [class*="pdBtn-"]:active,
.brand-info-wrap .brand-btnGroup [class*="pdBtn-"]:focus { border-color: #fff;}

/* info dl 02 */
.brand-info-dl02 { display: flex; flex-direction: column; gap: 4px;}
.brand-info-dl02 dl { display: flex; align-items: center; gap: 10px;}
.brand-info-dl02 dl dt { flex-shrink: 0; width: 70px; font-size: 14px; font-weight: 500; line-height: 1.5; color: #d2d2d2;}
.brand-info-dl02 dl dd { font-size: 14px; line-height: 1.5; color: #fff;}

.brand-container .brand-info-wrap .brand-desc-wrap span{ position: relative; color: #d2d2d2; font-size: 15px; font-weight: normal; line-height: 1.33; letter-spacing: normal; }
.brand-container .brand-info-wrap .brand-desc-wrap span:not(:last-child)::after{ content: ""; position: absolute; width: 4px; height: 4px; border-radius: 100%; top: 50%; right: -12px; transform: translateY(-50%); background-color: #808080; }
.brand-container .brand-info-wrap .brand-desc-wrap span strong{ font-weight: normal; }
.brand-container .brand-info-wrap .brand-desc-wrap .btn-more{ color: var(--white); font-size: 15px; font-weight: 500; line-height: 1.5; letter-spacing: -0.3px; }

.sort-option-wrap{ display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 25px; }
.sort-option-wrap > div{ display: flex; align-items: center; gap: 20px; }
.sort-option-wrap .btn-sort{ position: relative; color: #d2d2d2; font-size: 15px; transition: all var(--transition-speed) var(--transition-linear); }
.sort-option-wrap .btn-sort.active{ padding-left: 26px; color: var(--white); font-weight: bold; }
.sort-option-wrap .btn-sort.active::before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; background: url("/images/common/brand-sprites.png") no-repeat -10px -10px; }

.brand-container .brand-btn-wrap{ display: flex; flex-direction: column; align-items: center; gap: 15px; flex-shrink: 0; min-width: 234px; margin-top: 19px; }
.brand-container .brand-btn-wrap .btn-copy,
.brand-container .brand-btn-wrap .btn-alert{ width: 44px; height: 44px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 100%; }
.brand-container .brand-btn-wrap .btn-copy{ background: url("/images/common/brand-sprites.png") no-repeat -42px -2px; }
.brand-container .brand-btn-wrap .btn-alert{ background: url("/images/common/brand-sprites.png") no-repeat -87px -2px; }
.brand-container .brand-btn-wrap .btn-subscribe { display: flex; justify-content: center; align-items: center; width: 100%; min-width: 234px; height: 54px; border-radius: 4px; background: #e50814; font-size: 18px; font-weight: bold; line-height: 1.33; color: var(--white);}
.brand-container .brand-btn-wrap .subscribed { display: none;}
.brand-container .brand-section{ padding: 0 60px;}

.brand-badge { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%;}
.brand-badge .badge { flex-shrink: 0; min-width: 90px; padding: 6px 16px; border-radius: 80000px; background: #414141; font-size: 13px; font-weight: 500; text-align: center; color: var(--white);}
.brand-badge p { font-size: 18px; font-weight: 500; color: var(--white);}
.brand-badge .won { font-size: 25px; font-weight: bold;}
.brand-badge .won strong { font-size: 28px;}

.brand-container .brand-info-wrap .brand-desc-wrap span.brand-status { display: inline-flex; justify-content: center; align-items: center; gap: 4px; min-width: 110px; height: 38px; margin-left: 15px; padding: 0 16px; border-radius: 50px; border: 1px solid rgba(255, 255, 255, 0.5); font-size: 14px; font-weight: 500; color: #fff;}
.brand-container .brand-info-wrap .brand-desc-wrap span.brand-status:before { content: ""; display: inline-block; width: 16px; height: 16px; background: url("/images/common/icons/icon-check.png") no-repeat center center; background-size: contain;}

.btn-less{ padding-right: 20px; background: url("/images/common/icons/icon-arrow-up.png") no-repeat right center; font-size: 15px; font-weight: 500; line-height: 1.5; letter-spacing: -0.3px; }
#shareUrlWindow #urlTxt{ margin-bottom: 36px; padding: 20px; color: var(--white); font-size: 16px; font-weight: normal; line-height: 1.6; letter-spacing: -0.32px; text-align: left; border-radius: var(--pd-bdrs-base8); border: solid 1px #414141; background-color: rgba(255, 255, 255, 0.05); word-break: break-all;}

.status-outer-wrap{ position: relative; height: auto !important; padding: 0 16px; background: transparent;}
.status-unsubs-area, .status-rejected-area{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: calc(100% + 2px); height: 100%; padding: 154.5px 0; background: linear-gradient(to bottom, rgba(14,14,14,0.8) 10%, var(--pd-bg-base) 100%);}
.brand-dtl-wrap.locked.common-list-wrap .common-item{ opacity: 1;}

/* 채널 상세 > tab */
.brand-tab-cont > div { padding: 50px 0; border-top: 1px solid #404040;}
.brand-tab-cont > div:nth-of-type(1) { padding-top: 0; border-top: 0;}
.brand-tab-cont .cont-title { margin-bottom: 20px; font-size: 26.9px; font-weight: 500; line-height: 1.86; color: #e5e5e5;}

/* 채널 상세 > 홈 > 채널 소개 */
.brand-about-wrap .about-cont { display: flex; gap: 30px;}
.brand-about-wrap .about-cont .video-box { flex-shrink: 0; width: 500px; aspect-ratio: 500 / 280.7;}
.brand-about-wrap .about-cont .video-box video { width: 100%; height: 100%; border-radius: 12px;}
.brand-about-wrap .about-cont .about-box { }
.brand-about-wrap .about-cont .about-box .pdBtn-text { }
.brand-about-wrap .about-cont .about-box h4 { padding: 8px 0 24px; font-size: 22px; font-weight: bold; line-height: 1.3; color: var(--white);}
.brand-about-wrap .about-cont .about-box p { margin-bottom: 12px; line-height: 1.65; color: #b3b3b3;}
.about-cont .brand-intro { overflow: hidden; width: 570px; height: 182px; word-break: keep-all;}
.about-cont .brand-intro.expanded { height: auto;}
.category-wrap { display: flex; flex-wrap: wrap; gap: 8px;}
.category-wrap .category-badge { display: inline-flex; align-items: center; justify-content: center; height: 42px; padding: 0 18px; border-radius: 50px; border: 1px solid #404040; font-size: 14px; line-height: 1.5; color: #dcdcdc;}

/* 채널 상세 > 강의 목록 */
.tab-cont .sub-section { padding: 0;}
.brand-container .common-list-wrap .common-item .common-cont-img{ aspect-ratio: 3 / 2; }
.brand-container .common-list-wrap.inst-wrap .common-item .common-cont-img{ aspect-ratio: auto; }

.brand-tab-cont .review-grid { min-height: 500px; max-height: 1547px; height: auto; background: #0e0e0e;}
.brand-tab-cont .review-grid.k-grid.grid-default .k-grid-pager { background: #0e0e0e;}
.common-init-pg .common-list-wrap.inst-wrap .info .common-item-title { font-size: 16px; line-height: 1.35;}
/* .common-init-pg .common-list-wrap.inst-wrap .info { gap: 4px;} */
.common-init-pg .common-list-wrap.inst-wrap .info span { font-size: 14px; line-height: 1.3; color: #bcbcbc;}

.cont-title { display: flex; align-items: center; justify-content: space-between; width: 100%;}


/*
*--------------------------------------------*
|                  Myshelf                   |
*--------------------------------------------*
*/
.btn-x{ flex-shrink: 0; width: 18px; height: 18px; background: url("/images/common/icons/common-icon-x.png") no-repeat center center; }
.myshelfInfo .mobile-side-navi{ display: none; }
.myshelfInfo .side-navigation{ flex-shrink: 0; width: 250px; margin-top: 10px;}
.myshelfInfo .side-navigation > div > span{ display: inline-block; width: 100%; padding: 8.5px 15px; color: #bcbcbc; font-weight: 500; line-height: 1.2; letter-spacing: normal; }
.myshelfInfo .side-navi-menu-wrap{ padding-bottom: 14px; margin-bottom: 15px;}
.myshelfInfo .side-navi-menu-wrap
.myshelfInfo .side-navi-menu-wrap li{ color: #bcbcbc; }
.myshelfInfo .side-navi-menu-wrap li a,
.myshelfInfo .side-subscribe-wrap li a{ display: flex; align-items: center; gap: 12px; width: 100%; color: #e5e5e5; font-size: 15px; font-weight: normal; line-height: 1.2; }
.myshelfInfo .side-navi-menu-wrap li a{ padding: 14px 15px 14px 51px; word-break: keep-all; }
.myshelfInfo .side-navi-menu-wrap li a.active{ font-weight: bold; background-color: #262729; border-radius: var(--pd-bdrs-base4); }
.myshelfInfo .side-navi-menu-wrap li a.icon-navi{ position: relative; }
.myshelfInfo .side-navi-menu-wrap li a.icon-navi::before{ content: ""; position: absolute; width: 24px; height: 25px; top: 50%; left: 14px; transform: translateY(-50%); background: url("/images/common/common-sprites-myshelf.png") no-repeat; }
.myshelfInfo .side-navi-menu-wrap li a.icon-navi.active::before{ background: url("/images/common/common-sprites-myshelf-active.png") no-repeat; }
.myshelfInfo .side-navi-menu-wrap li a.icon-navi.icon-home::before{ background-position: -10px -10px; }
.myshelfInfo .side-navi-menu-wrap li a.icon-navi.icon-watch::before{ background-position: -10px -54px; }
.myshelfInfo .side-navi-menu-wrap li a.icon-navi.icon-purchase::before{ background-position: -10px -98px; }
.myshelfInfo .side-navi-menu-wrap li a.icon-navi.icon-subsbrnd::before{ background-position: -10px -142px; }
.myshelfInfo .side-navi-menu-wrap li a.icon-navi.icon-mybrand::before{ background-position: -10px -186px; }
.myshelfInfo .side-navi-menu-wrap li a.icon-navi.icon-settings::before{ background-position: -10px -230px; }
.myshelfInfo .side-navi-menu-wrap li a.icon-navi.icon-rprthis::before{ background-position: -10px -274px; }
.myshelfInfo .side-navi-menu-wrap li a.icon-navi.icon-myinfo::before{ background-position: -10px -318px; }
.myshelfInfo .side-navi-menu-wrap li a.icon-navi.icon-mybrand-apply::before{ background-position: -10px -362px; }
.myshelfInfo .side-navi-menu-wrap li a.icon-navi.icon-sales::before{ background-position: -10px -406px; }
.myshelfInfo .side-navi-menu-wrap li a.icon-navi.icon-briefcase::before{ background: url("/images/common/icons/icon-briefcase.svg") no-repeat center;}
.myshelfInfo .side-navi-menu-wrap li a.icon-navi.icon-briefcase.active::before{ background: url("/images/common/icons/icon-briefcase_active.svg") no-repeat center;}
.side-navi-menu-wrap li a.icon-navi.icon-faq.active::before{ background: url("/images/common/icons/icon-help_active.svg") no-repeat center;}
.side-navi-menu-wrap li a.icon-navi.icon-faq::before{ background: url("/images/common/icons/icon-help.svg") no-repeat center;}
.myshelfInfo .side-top-wrap{ padding: 0 4.5px 8.5px 15px; }
.myshelfInfo .side-top-wrap > button{ font-size: 14px; line-height: normal; }
.myshelfInfo .side-subscribe-wrap{ overflow-y: auto; height: 500px; }
.myshelfInfo .side-subscribe-wrap li{ display: flex; align-items: center; justify-content: space-between; }
.myshelfInfo .side-subscribe-wrap li a{ display: flex; padding: 11px 15px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.myshelfInfo .side-subscribe-wrap li img{ flex-shrink: 0; width: 24px; height: 24px; border-radius: var(--pd-bdrs-base4); background-color: #fff; }
.myshelfInfo .side-subscribe-wrap .no-data{ justify-content: center; padding: 11px; color: #bcbcbc; font-size: 14px; font-weight: 500; line-height: 1.2; letter-spacing: normal; text-align: center; word-break: keep-all; }
.top-wrap{ display: flex; align-items: center; padding: 20px 0; text-align: left; border-bottom: 1px solid #404040; }
.top-wrap > div{ display: flex; align-items: center; width: 100%; }
.top-wrap strong{ position: relative; padding-right: 10px; margin-right: 26px; color: #e5e5e5; font-size: 20px; font-weight: 500; line-height: 1.75; letter-spacing: normal; }
.top-wrap strong.user-nm::after{ content: ""; position: absolute; top: 50%; right: -13px; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 100%; background-color: #777;}
.top-wrap span{ overflow-wrap: break-word; margin-left: 15px; margin-right: 15px; color: #bcbcbc; font-size: 16px; font-weight: normal; line-height: 1.3; letter-spacing: normal; }
.top-wrap button{ flex-shrink: 0; color: var(--white); font-size: 16px; font-weight: 500; line-height: 1.3; letter-spacing: normal; text-decoration: underline; }
.top-wrap .img-brand-logo{ width: 24px; height: 24px; border-radius: var(--pd-bdrs-base4); }
.top-brand-wrap{ display: flex; gap: 12px; margin-left: auto; }
.top-brand-wrap > a{ display: flex; align-items: center; gap: 12px; }
.myshelfInfo .sub-section{ width: 100%; margin-top: 0; padding-left: 0; padding-right: 0;}
.myshelfInfo .common-tit-wrap { justify-content: space-between; margin: 25px 0;}
.myshelfInfo .common-tit-wrap .common-tit { font-size: 28px; line-height: 1.25;}
.progress-bar-wrap{ position: absolute; bottom: 0; width: 100%; height: 3px; background-color: rgba(255, 255, 255, 0.35); }
.progress-bar-wrap .bar{ position: absolute; bottom: 0; left: 0; height: 100%; background-color: #f50723; }
.mid-wrap{ margin-bottom: 25px; /*padding-right: 60px;*/ }
.mid-wrap .notice-wrap strong, .mid-wrap .mylevel-wrap strong{ display: inline-block; margin-bottom: 10px; color: var(--white); font-size: 20px; font-weight: 600; line-height: 1.75; letter-spacing: normal; text-align: left; }
.mid-wrap .notice-wrap, .mid-wrap .mylevel-wrap{ flex: 1; width: 50%; }
.mid-wrap .mylevel-wrap li{ padding: 10px 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.mid-wrap .box-wrap{ min-height: 176px; display: flex; flex-direction: column; border-radius: var(--pd-bdrs-base4); border: solid 1px #808080; background-color: rgba(0, 0, 0, 0.5); }
.mid-wrap .box-wrap li{ display: inline-block; width: 100%; }
.mid-wrap .box-wrap a{ float: left; display: inline-block; padding: 10px 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.mid-wrap .box-wrap a:hover{ text-decoration: underline; }
.noti-tit-wrap{ display: flex; align-items: center; gap: 4px; }

.common-sub-section-wrap .common-list-wrap.myshelf .common-item,
.common-sub-section-wrap .common-list-wrap.brand-dtl-wrap .common-item{ aspect-ratio: 16 / 9; /*콘텐츠 보관함 가로썸네일*/}

.content-right-top .dropdown.dropdown-style2 { width: 140px;}

/* Myshelf > 결제이력 */
.purchase-history .common-tit-wrap .common-tit{ width: 100%; }
.content-right-top{ margin-left: auto; display: flex; justify-content: flex-end; position: relative; width: fit-content; height: 44px; gap: 8px; align-items: center; }
.content-right-top .sub-search-wrap{ position: relative; font-size: 14px; }
.content-right-top .sub-search-wrap .input-search{ width: 300px; height: 44px; padding: 0 8px 0 42px; border: solid 1px #808080; border-radius: var(--pd-bdrs-base4); transition: all var(--transition-speed); background-color: #0e0e0e; font-size: 15px;}
.content-right-top .sub-search-wrap .input-search::placeholder{ font-size: 15px; font-weight: 500; letter-spacing: normal; }
.sub-search-wrap .btn-search{ position: absolute; top: 50%; left: 0; width: 48px; height: 48px; transform: translateY(-50%); background: url("/images/common/icon-comm-gnb-search.png") no-repeat center center / 50%; }
.sub-search-wrap .btn-search:hover { background-color: transparent;}
.content-right-top .sub-search-wrap .btn-cancle{ display: none; width: 24px; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; background: url("/images/common/icons/search-icon-cancle.png") no-repeat center center / cover; }
.purchase-history .common-tit-wrap .common-tit{ width: fit-content; }
.purchase-history-list-wrap .common-table tbody tr td button{ text-align: center; height: 40px; line-height: 40px; padding: 0 15px; }
.purchase-history-list-wrap .common-table tr td:nth-child(2){ text-align: left; }
.purchase-history .content-right-top .btn-border{ height: 44px; line-height: 44px; }
.purchase-history-list-wrap .common-table .conts-tit{ cursor: pointer; text-decoration: underline; }
.refund-req-pop .dropdown .dropdown-btn{ background-color: rgba(0, 0, 0, 0.5); }
.refund-req-pop .common-textarea{ border: solid 1px #808080; border-radius: var(--pd-bdrs-base4); background-color: rgba(0, 0, 0, 0.5); }
#refundReqWindow .pop-common-tit{ display: flex; justify-content: space-between; align-items: center; }
#refundReqWindow .pop-common-tit > span{ font-size: 14px; }

/* Myshelf > 결제이력 > 결제상세 팝업 */
.payment-info-pop .popup-content{ padding-bottom: 100px; }
.pay-desc-wrap .pay-title{ padding: 16px 5px; color: var(--white); font-size: 16px; font-weight: bold; line-height: normal; letter-spacing: normal; text-align: left; border-top: solid 1px #404040; }
.pay-desc-wrap .pay-inner-wrap{ padding-bottom: 10px; }
.pay-desc-wrap .pay-inner-wrap li{ display: flex; justify-content: space-between; align-items: center; padding: 12px 5px; color: #d2d2d2; font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: normal; }
.pay-desc-wrap .pay-inner-wrap li span{ color: var(--white); line-height: 1.3; letter-spacing: -0.2px; }
.payment-info-pop .fixed-actions{ padding: 1.25rem; position: fixed; bottom: 0; left: 0; right: 0; background-color: #181818; }

/* Myshelf > 회원정보 수정 */
.myshelf-info-modify-wrap .common-tit-wrap{}
.common-form{ padding: 16px 0; border-top: 1px solid #404040; }
.common-form:last-child{ border-bottom: 1px solid #404040; }
.common-label-wrap{ display: flex; align-items: center; justify-content: space-between; }
.common-label-wrap label{ width: 23%; color: var(--white); font-size: 16px; font-weight: normal;  line-height: normal; letter-spacing: normal; text-align: left; }
.common-label-wrap input{ padding: 0 16px; height: 44px; line-height: 44px; color: var(--white) !important; border-radius: var(--pd-bdrs-base4); border: solid 1px #808080; background-color: rgba(0, 0, 0, 0.5); box-sizing: border-box; }
.common-label-wrap input::placeholder{ color: #bdbcbb; font-size: 14px; font-weight: 500; letter-spacing: normal; }
.common-label-wrap input:focus[type="text"],
.common-label-wrap input:focus[type="password"],
.common-label-wrap input:focus[type="email"],
.common-label-wrap input:focus[type="search"]{ border-color: #eb3942; }

.common-label-wrap .right-wrap{ width: 77%; }
.common-label-wrap .inner-df-wrap{ display: flex; align-items: center; gap: 10px; }
.common-label-wrap .inner-df-wrap .btn-border{ height: 44px; line-height: 44px; flex-shrink: 0; }
.common-label-wrap .cert-wrap > div{ position: relative; width: 100%; }
.common-label-wrap #runningTimer{ position: absolute; top: 50%; right: 16px; transform: translateY(-50%); color: #e50814; font-size: 14px; font-weight: 500; line-height: 1.71; letter-spacing: normal; }
#phoneChngWindow .btn-border{ width: 100px; padding: 0 2px; flex-shrink: 0; }

.myshelf-info-modify-wrap .label-wrap{ display: flex; align-items: center; padding: 22px; border-top: 1px solid #404040; border-bottom: 1px solid #404040; }
.myshelf-info-modify-wrap .label-wrap dt{ width: 13%; color: var(--white); font-size: 16px; font-weight: bold; line-height: 1.4; letter-spacing: -0.32px; text-align: left; }
.myshelf-info-modify-wrap .label-wrap dd{ display: flex; flex-direction: column; gap: 6px; width: 87%; padding-left: 22px;  color: #d2d2d2; font-size: 16px; line-height: 2.5; letter-spacing: -0.32px; }
.myshelf-info-modify-wrap .label-wrap dd .inner-df-wrap { width: 50%;}
.myshelf-info-modify-wrap .label-wrap .btn-border{ padding: 0 16px; height: 40px; line-height: 40px; color: var(--white); font-size: 15px; font-weight: normal; border-radius: var(--pd-bdrs-base4); border: 1px solid #ffffff80; }
.myshelf-info-modify-wrap .label-wrap .inner-df-wrap .btn-border { flex-shrink: 0; width: 140px;}
.myshelf-info-modify-wrap .label-wrap.btn-wrap { padding: 20px 0; border-bottom: 0;}
.myshelf-info-modify-wrap .label-wrap.btn-wrap button:first-child{ margin-right: auto; }
.myshelf-info-modify-wrap .cellphone-wrap input{ height: 40px; padding: 0 16px; border-radius: var(--pd-bdrs-base4); border: 1px solid #ffffff80; color: var(--white); }
.myshelf-info-modify-wrap .cellphone-wrap input:disabled{ padding-left: 0; border: none; background-color: transparent !important; }
.btn-inner-wrap { display: inline-flex; align-items: center; gap: 8px;}

.top-common-desc{ padding: 20px 0 30px; text-align: center; font-size: 16px;}
.confirm-wrap{ width: 70%; margin: 5.13vw auto; }
.confirm-wrap button{ width: 140px; }
.wrong-message{ display: none; position: relative; margin-top: -4px; width: 100%; padding-left: 22px; color: #eb3942; font-size: 13px; font-weight: normal; line-height: 1.3; letter-spacing: normal; text-align: left; box-sizing: border-box; }
.wrong-message::before{ content: ""; width: 16px; height: 16px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url("/images/common/common-sprites-login.png") no-repeat -10px -10px; }
#phoneChngWindow .common-form .wrong-message{ margin-left: 0; }
.myshelf-info-del-wrap { height: calc(100% - 60px);}
.myshelf-info-del-wrap .myshelf-info-del { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
.myshelf-info-del-wrap .common-tit-wrap { margin-bottom: 0; padding-bottom: 20px; border-bottom: 1px solid #404040;}
.myshelf-info-del-wrap .rlst-info{ margin-bottom: 15px; }
.myshelf-info-del-wrap .sub-info-text{ margin-bottom: 40px !important; color: #d2d2d2; font-size: 16px; font-weight: normal; line-height: 1.3; letter-spacing: -0.3px; text-align: center; }
.myshelf-info-del-wrap .del-check-wrap, .myshelf-info-del-wrap .sub-info-text{ width: 38.65vw; margin: 0 auto; }
.myshelf-info-del-wrap .del-check-wrap .check-box label{ align-items: unset; }
.myshelf-info-del-wrap .del-check-wrap .check-box label .check{ top: 5px; }
.myshelf-info-del-wrap .del-info-wrap{ display: flex; flex-direction: column; gap: 15px; padding: 22px 24px; border-radius: var(--pd-bdrs-base6); background-color: #2a2a2a; }
.myshelf-info-del-wrap .del-info-wrap label{ color: #fff; font-size: 14px; font-weight: normal;  line-height: 1.9; letter-spacing: -0.3px; text-align: left; }
.myshelf-info-del-wrap .del-info-wrap label.text-underline{ font-weight: 500; text-decoration: underline;}
.myshelf-info-del-wrap .btn-wrap{ margin-top: 50px; }
.myshelf-info-del-wrap .btn-wrap button{ width: 160px; }

/* Myshelf > 브랜드 신청 */
.brand-intro-wrap{ height: 100vh; padding: 11.61vw 0; background: url("/images/sub/mybrand-bg-01.jpg") no-repeat center center / cover; }
.brand-intro-wrap .intro-inner-wrap{ width: 40%; margin: 0 auto; text-align: center; word-break: keep-all; }
.brand-intro-wrap .intro-inner-wrap h3{ margin-bottom: 15px; color: var(--white); font-size: 30px; font-weight: bold; line-height: 1.35; letter-spacing: -0.6px; text-align: center; }
.brand-intro-wrap .intro-inner-wrap > img{ width: 150px; }
.brand-intro-wrap .intro-inner-wrap p{ margin: 15px 0 50px; color: var(--white); font-size: 16px; font-weight: normal; line-height: 2; letter-spacing: -0.32px; }
.brand-intro-wrap .intro-inner-wrap .btn-default{ width: 160px; }
.brand-manage-wrap .sub-tit{ margin-top: 30px;  display: inline-block; width: 100%; margin-bottom: 10px; color: var(--white); font-size: 20px; font-weight: normal; line-height: 1.75; letter-spacing: normal; text-align: left; }
.brand-manage-wrap .sub-tit.brand-info-sub-tit{ display: flex; justify-content: space-between; align-items: center; }
.brand-manage-wrap .sub-tit.brand-info-sub-tit > span{ font-size: 14px; }
.brand-manage-wrap .brand-area > h4.sub-tit{ margin-top: 0; }
.brand-manage-wrap .label-wrap{ display: flex; align-items: center; padding: 22px; border-top: 1px solid #404040; border-bottom: 1px solid #404040; }
.brand-manage-wrap .label-wrap dt{ width: 14%; color: var(--white); font-size: 16px; font-weight: bold; line-height: 1.4; letter-spacing: -0.32px; text-align: left; word-break: keep-all; }
.brand-manage-wrap .label-wrap dd{ width: 86%; padding-left: 22px;  color: #d2d2d2; font-size: 16px; line-height: 2.5; letter-spacing: -0.32px; }
.brand-manage-wrap .label-wrap .btn-border{ padding: 0 16px; height: 40px; line-height: 40px; color: var(--white); font-size: 15px; font-weight: normal; border-radius: var(--pd-bdrs-base4); border: 1px solid #ffffff80; }
.brand-manage-wrap .label-wrap.btn-wrap button:first-child{ margin-right: auto; }
.brand-manage-wrap .label-wrap .label-inner{ display: flex; align-items: center; gap: 14px; }
.brand-manage-wrap .label-wrap .label-inner button{ flex-shrink: 0; }
.brand-manage-wrap .banner-outer .k-grid-content{ overflow: hidden;}
.brand-manage-wrap .banner-outer .preview-wrap{ width: 40%; height: auto; min-height: 120px;}
.brand-manage-wrap .banner-outer .label-inner-wrap{ flex-direction: column; width: 100%; align-items: flex-start;}
.brand-manage-wrap .banner-outer .preview-wrap.empty{ width: 100%;}
.brand-manage-wrap input{ padding: 0 16px; height: 40px; line-height: 40px; color: var(--white) !important; border-radius: var(--pd-bdrs-base4); border: solid 1px #808080; background-color: rgba(0, 0, 0, 0.5); box-sizing: border-box; }
.brand-manage-wrap input::placeholder{ color: #bdbcbb; font-size: 14px; font-weight: 500; letter-spacing: normal; }
.brand-manage-wrap input:focus[type="text"],
.brand-manage-wrap input:focus[type="password"],
.brand-manage-wrap input:focus[type="email"],
.brand-manage-wrap input:focus[type="search"]{ border-color: #eb3942; }
.brand-manage-wrap .label-wrap .check-box{ margin-top: 10px; }
.brand-manage-wrap .address-wrap{ display: flex; flex-direction: column; gap: 10px; }
.brand-manage-wrap .agreement-area{ padding: 40px 0; }
.brand-manage-wrap .agreement-area button{ width: 160px; }
.brand-manage-wrap .common-textarea{ background-color: transparent; }
.brand-manage-wrap .label-inner-wrap{ display: flex; align-items: center; gap: 10px; }
.brand-manage-wrap .label-inner-wrap button{ width: 90px; }
.brand-manage-wrap .btn-default.btn-red{ width: 160px; }
.brand-comm-info-desc{ font-size: 14px; }
.sub-thumb-file-upload{ display: none; }
.sub-thumb-file-grid.k-grid{ border: none !important; }
.sub-thumb-file-grid .k-grid-content{ overflow-y: initial; }
.sub-thumb-file-grid .k-grid-header{ display: none; }
.sub-thumb-file-grid.k-grid .k-table-tbody{ background: var(--pd-bg-base); }
.sub-thumb-file-grid .k-grid-norecords{ background: var(--pd-bg-base); }
.sub-thumb-file-grid td{ padding: 0 !important; }

.brand-manage-wrap .preview-wrap{ flex-shrink: 0; display: inline-block; width: 80px; height: 80px; border-radius: 10px; background: unset; overflow: hidden; }
.brand-manage-wrap .preview-wrap > img{ width: 100%; height: 100%; }
.brand-manage-wrap .preview-wrap.empty{ position: relative; border: 1px dashed #404040; background: url("/images/common/icons/icon-myshelf-plus.png") no-repeat center center; }
.brand-manage-wrap .preview-wrap.empty > img{ display: none; }
.brand-manage-wrap .btn-wrap{ display: flex; align-items: center; gap: 10px; }
.brand-manage-wrap .brnd-oprt-area .radio-box-wrap{ flex-direction: row; margin-bottom: 10px;}
.brand-manage-wrap .brnd-oprt-area .tb-desc{ line-height: 1.5;}
.brand-manage-wrap .brnd-oprt-area .check-box{ margin-top: 0;}
.brand-manage-wrap .brnd-oprt-area .check-box label{ font-size: 16px; align-items: flex-start;}
.brand-manage-wrap .brnd-oprt-area .check-box label .check{ margin-top: 5px;}
.my-file-upload .k-upload{ background-color: transparent !important; }
.my-file-upload .k-upload .k-dropzone, .my-file-upload .k-upload .k-upload-dropzone{ padding: 0 !important; background-color: transparent !important; }
.my-file-upload .k-upload .k-button{ border: 1px solid #ffffff80 !important; border-radius: var(--pd-bdrs-base4) !important; background-color: transparent !important; }
.my-file-upload .k-upload .k-button-text{ color: var(--white) !important; }
.my-file-upload .k-dropzone-hint{ display: none; }
.mybrand-template .k-grid-header{ display: none; }
.k-grid.mybrand-template{ border: 0; background: transparent !important; }
.k-grid table{ width: 100%; margin: 0; max-width: none; border-collapse: separate; border-spacing: 0; empty-cells: show; border-width: 0; outline: 0; }
.mybrand-template .k-table-thead{ display: none; }
.mybrand-template .k-table-tbody{ background: var(--pd-bg-base); }
.mybrand-template .k-table-tbody td{ padding: 0 !important; }
.mybrand-template .file-list{ margin-top: 0; padding: 0; display: flex; align-items: center; width: 100%; box-sizing: border-box; border: none !important; }
.mybrand-template .file-list:last-child{ margin-bottom: 0; }
.mybrand-template .file-list .file-tit{ display: inline-block; float: left; line-height: 1.3; text-align: left; color: var(--white) !important; font-size: 14px; letter-spacing: -0.28px; }
.mybrand-template .file-list a.file-tit{ cursor: pointer; }
.mybrand-template .file-list .file-icon{ display: inline-block; float: none; width: 18px; height: 20px; margin-right: 10px; background: url("/images/common/icons/common-icon-download.svg") no-repeat 50% 50% !important; vertical-align: middle; }
.mybrand-template .file-list .file-size{ display: inline-block; float: left; line-height: 1.3; margin-left: 20px; font-size: 14px; color: var(--white) !important; letter-spacing: -0.28px; }
.mybrand-template .file-list .del-file, .del-file{ display: inline-block; flex-shrink: 0; float: left; width: 20px; height: 20px; margin-left: 15px; background-color: transparent; background-image: url("/images/common/icons/common-icon-delete.png"); background-repeat: no-repeat; background-position: center center; }
.mybrand-template .k-grid-content{ overflow-y: hidden; }
.mybrand-template .not-data-cont{ display: none !important; }
.my-file-upload .k-upload .k-button{ width: 90px; min-width: unset; height: 40px; line-height: 40px; font-size: 15px; }
.my-file-upload .k-upload-status{ display: none !important; }

.brand-manage-wrap .wrong-message{ width: 100%; margin-left: unset; }

/* Myshelf > 브랜드 신청 > 브랜드 심사(승인대기/미승인), 폐쇄 */
.rslrt-ing-wrap .step-info{ margin-bottom: 40px; color: var(--white); font-size: 25px; font-weight: bold; line-height: normal; letter-spacing: -0.5px; text-align: center; }
.rslrt-ing-wrap .step-wrap{ gap: 130px; width: 530px; margin: 40px auto 50px; }
/*.rslrt-ing-wrap .step-wrap .step-inner-wrap{ flex-shrink: 0; position: relative; }*/
/*.rslrt-ing-wrap .step-wrap .step-inner-wrap::before{ content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; background: url("/images/common/common_sprites_check.png") no-repeat -70px -10px; }*/
.rslrt-ing-wrap .step-wrap .step-inner-wrap::after{ width: 130px;}
/*.rslrt-ing-wrap .step-wrap .step-inner-wrap:nth-child(1)::after{ background-color: #e50814; }*/
/*.rslrt-ing-wrap .step-wrap .step-inner-wrap:last-child::after{ display: none; }*/
/*.rslrt-ing-wrap .step-wrap .step-inner-wrap.first::before,*/
/*.rslrt-ing-wrap .step-wrap .step-inner-wrap.second::before{ background: url("/images/common/common_sprites_check.png") no-repeat -10px -10px; }*/
.rslrt-ing-wrap .step-wrap .step-inner-wrap.second{ display: flex; flex-direction: column; align-items: center; }
/*.rslrt-ing-wrap .step-wrap .step-inner-wrap strong{ display: block; margin-top: 60px; font-size: 18px; font-weight: 500; line-height: 1.33; letter-spacing: normal; }*/
/*.rslrt-ing-wrap .step-wrap .step-inner-wrap span{ color: #d2d2d2; font-size: 14px; font-weight: normal; line-height: 1.71; letter-spacing: normal; text-align: center; }*/
.brand-rslrt-wrap{ padding: 7.4vw 0; }
.brand-rslrt-wrap .mn-info-wrap{ width: 28%; margin: 40px auto 50px; padding: 18px 24px; border-radius: var(--pd-bdrs-base6); background-color: #2a2a2a; }
.brand-rslrt-wrap .mn-info-wrap > strong{ color: var(--white); font-size: 16px; font-weight: 500; line-height: 1.8; letter-spacing: -0.32px; text-align: left; }
.brand-rslrt-wrap .mn-info-wrap ul li{ color: #d2d2d2; font-size: 15px; font-weight: normal;  line-height: 1.9; letter-spacing: -0.3px; text-align: left; }
.brand-rslrt-wrap .mn-info-wrap .cont-box{ color: #d2d2d2; font-size: 15px; font-weight: normal;  line-height: 1.9; letter-spacing: -0.3px; text-align: left; }
.brand-rslrt-wrap .btn-default{ width: 160px; }
.brand-rslrt-wrap .rlst-info{ font-size: 25px; letter-spacing: -0.5px; }

/* Myshelf > 결제완료 페이지 > 입금 대기중 화면 */
.waiting-deposit-wrap .rlst-info.loading-mark{ font-size: 25px; letter-spacing: -0.5px; background-image: url("/images/common/icons/common-icon-loading.png"); }
.waiting-deposit-wrap .rlst-info .sub-desc{ margin-top: 15px; color: #d2d2d2; font-size: 16px; font-weight: normal; line-height: 1.6; letter-spacing: -0.32px; text-align: center; }
.waiting-deposit-wrap .mn-info-wrap{ width: 28%; margin: 40px auto 50px; padding: 18px 24px; border-radius: var(--pd-bdrs-base6); background-color: #2a2a2a; }
.waiting-deposit-wrap .mn-info-wrap > strong{ color: var(--white); font-size: 16px; font-weight: 500; line-height: 1.8; letter-spacing: -0.32px; text-align: left; }
.waiting-deposit-wrap .mn-info-wrap ul li{ color: #d2d2d2; font-size: 15px; font-weight: normal;  line-height: 1.9; letter-spacing: -0.3px; text-align: left; }
.waiting-deposit-wrap .mn-info-wrap .cont-box{ color: #d2d2d2; font-size: 15px; font-weight: normal;  line-height: 1.9; letter-spacing: -0.3px; text-align: left; }
.waiting-deposit-wrap .btn-default{ width: 160px; }

/* Myshelf > 신고내역 */
.rprt-his .content-right-top > button{ flex-shrink: 0; height: 44px;}
.btn-single-search{ flex-shrink: 0; width: 40px; height: 40px; background: url("/images/common/icon-comm-gnb-search.png") no-repeat center center / 60%; border-radius: var(--pd-bdrs-base4); border: 1px solid #ffffff80; }
.rprt-his-wrap .common-table tr td:nth-child(3){ text-align: left; }
.rprt-his .content-right-top .dropdown.dropdown-style2{ width: 140px;}

/* 결제완료 */
.pay-cmplt-wrap{ padding: 220px 0; }
.pay-cmplt-wrap .btn-wrap button{ min-width: 160px; font-size: 1rem; line-height: normal; }

/* Myshelf > 문의내역 상세 */
.inqr-info-wrap { padding: 0 20px 20px;}
.inqr-info-top { display: flex; align-items: center; gap: 40px; margin-bottom: 25px;}
.inqr-info-top .img-box { flex-shrink: 0; width: 310px;}
.inqr-info-top img { aspect-ratio: 16 / 9; border-radius: 12px; object-fit: cover; }
.inqr-info-top .inqr-top-cont { display: flex; flex-direction: column; gap: 15px;}
.inqr-info-top .inqr-top-cont .inqr-state-text { line-height: 1.25; color: #e5e5e5;}
.inqr-info-top .inqr-top-cont .inqr-title { font-size: 30px; font-weight: bold; line-height: 1.3; color: #fff;}
.inqr-info-top .inqr-top-cont .inqr-date { margin-bottom: 5px; line-height: 1.25; color: #fff;}
.dl-group { display: flex; flex-direction: column; gap: 4px;}
.dl-group dl { display: flex; align-items: center; gap: 10px;}
.dl-group dl dt { flex-shrink: 0; min-width: 100px; font-size: 15px; font-weight: 500; line-height: 1.5; color: #d2d2d2;}
.dl-group dl dd { font-size: 15px; font-weight: normal; line-height: 1.5; color: #fff;}
.inqr-cont-wrap { display: flex; flex-direction: column; gap: 30px;}
.inqr-cont-wrap .inqr-cont > p { margin-bottom: 15px; color: #fff;}
.inqr-cont-wrap .inqr-cont > p strong { display: inline-block; margin-right: 4px; font-size: 18px;}
.inqr-cont-wrap .inqr-cont textarea.k-textarea { height: 160px; border-radius: 3px; font-size: 16px; font-weight: normal; line-height: 1.6; letter-spacing: -0.32px;}

/*
*--------------------------------------------*
|               공지사항 / FAQ                |
*--------------------------------------------*
*/
.noti-conts ul, .acc-item-content ul { list-style-type: disc !important;  /* 불릿 표시 */ list-style-position: outside !important; /* li 바깥쪽에 위치 */ margin-left: 0 !important; padding-left: 20px !important;}
.noti-conts ol, .acc-item-content ol { list-style-type: decimal !important;  /* 1. 2. 3. */ list-style-position: outside !important; margin-left: 20px !important; padding-left: 20px !important;}
.noti-conts li, .acc-item-content li { display: list-item !important; /* 혹시 inline-block 등으로 깨졌을 경우 */}

.brd-noti-faq{ display: flex; align-items: flex-start; justify-content: center; gap: 40px; }
.brd-noti-faq .mobile-side-navi{ display: none; }
.brd-noti-faq .side-navigation{ width: 13%; margin-top: 40px; }
.brd-noti-faq .side-navigation > div > span{ display: inline-block; width: 100%; padding: 8.5px 15px; color: #bcbcbc; font-weight: 500; line-height: 1.2; letter-spacing: normal; }
.brd-noti-faq .side-navi-menu-wrap{ padding-bottom: 14px; }
.brd-noti-faq .side-navi-menu-wrap li{ color: #bcbcbc; }
.brd-noti-faq .side-navi-menu-wrap li a,
.brd-noti-faq .side-subscribe-wrap li a{ display: flex; align-items: center; gap: 12px; width: 100%; color: #e5e5e5; font-size: 15px; font-weight: normal; line-height: 1.2; }
.brd-noti-faq .side-navi-menu-wrap li a{ padding: 14px 15px 14px 51px; word-break: keep-all; }
.brd-noti-faq .side-navi-menu-wrap li a.active{ font-weight: bold; background-color: #262729; border-radius: var(--pd-bdrs-base4); }
.brd-noti-faq .side-navi-menu-wrap li a.icon-navi{ position: relative; }
.brd-noti-faq .side-navi-menu-wrap li a.icon-navi::before{ content: ""; position: absolute; width: 24px; height: 25px; top: 50%; left: 14px; transform: translateY(-50%); background: url("/images/common/common-sprites-brd.png") no-repeat; }
.brd-noti-faq .side-navi-menu-wrap li a.icon-navi.active::before{ background: url("/images/common/common-sprites-brd-active.png") no-repeat; }
.brd-noti-faq .side-navi-menu-wrap li a.icon-navi.icon-noti::before{ background-position: -10px -10px; }
.brd-noti-faq .side-navi-menu-wrap li a.icon-navi.icon-faq::before{ background-position: -10px -54px; }
.common-board-wrap{ margin: 0 auto; }
.txt-center{ padding: 30px 0 20px; width: 100%; color: #e5e5e5; font-size: 28px; font-weight: 500; line-height: 1.25; text-align: center; }
.common-board-wrap .content-search-top{ position: absolute; top: 85px; right: 0; }
.common-board-wrap .sub-search-wrap{ margin-left: auto; display: flex; justify-content: flex-end; position: relative; width: fit-content; height: 44px; }
.common-board-wrap .sub-search-wrap .input-search{ width: 300px; padding: 7px 8px 9px 42px; background-color: rgba(255, 255, 255, 0.15); border-radius: var(--pd-bdrs-base); transition: all var(--transition-speed); }
.common-board-wrap .sub-search-wrap .input-search::placeholder{ font-size: 0.9375rem; font-weight: 500; letter-spacing: normal; }
.sub-search-wrap .btn-search{ position: absolute; top: 50%; left: 0; width: 48px; height: 48px; transform: translateY(-50%); padding: 12px; background: url("/images/common/icon-comm-gnb-search.png") no-repeat center center; background-size: 24px;}
.common-board-wrap .sub-search-wrap .btn-cancle{ display: none; width: 24px; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; background: url("/images/common/icons/search-icon-cancle.png") no-repeat center center / cover; }
.board-section{ position: relative; width: 81%; }
.board-list-wrap{ min-height: 780px; /*Layoutshift*/}
.board-list-wrap .tab-strip{ border-bottom: none; }
.board-list-wrap .acc-list-item button{ display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 16px 10px; color: #fff; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: -0.32px; text-align: left; box-sizing: border-box; border-bottom: 1px solid #404040; }
.board-list-wrap .acc-list-item button.active{ border-bottom: none; }
.board-list-wrap .acc-list-item button > div{ display: flex; flex-direction: column; gap: 4.5px; font-weight: 500; }
.board-list-wrap .acc-list-item button .acc-ctgr{ color: #d2d2d2; font-size: 15px; font-weight: normal; }
.board-list-wrap .acc-list-item button .icon-acc-arrow{ margin-left: auto; display: inline-block; width: 28px; height: 28px; background: url("/images/common/icons/icon-acc-arrow.png") no-repeat center center / cover; transition: all var(--transition-speed) var(--transition-linear); }
.board-list-wrap .acc-list-item button.active .icon-acc-arrow{ transform: rotate(180deg); }
.board-list-wrap .acc-item-content{ display: none; padding: 18px 20px; color: #d2d2d2; font-size: 15px; font-weight: normal; line-height: 1.65; letter-spacing: -0.3px; text-align: left; border-radius: var(--pd-bdrs-base4); background-color: #2a2a2a; }
.board-list-wrap .acc-item-content.active{ display: block; }
.board-list-wrap .no-data{ width: 100%; text-align: center; padding: 20.77vw 0; }
.noti-list-wrap{ margin-top: 80px; }
.common-table{ position: relative; }
.common-table.for-pc{ display: table !important; }
.common-table caption{ position: absolute; width: 0; height: 0; top: 0; left: 0; border: none; }
.common-table thead tr td, .common-table tbody tr td{ color: #d2d2d2; font-weight: normal; line-height: 1.4; letter-spacing: -0.32px; word-break: keep-all; }
.common-table thead tr th{ padding: 22px; font-weight: bold; text-align: center; border-top: 1px solid #404040; border-bottom: 1px solid #404040;}
.common-table tbody tr td{ padding: 23px 22px; text-align: center; font-size: 16px; border-bottom: 1px solid #404040; }
.common-table tbody tr td button{ width: 100%; height: 100%; padding: 23px 22px; text-align: left; }
.common-table tbody tr td button.noti-title-btn{ display: flex; align-items: center; padding: 0;}
.common-table tbody tr td p a { text-decoration: underline;}
.noti-btn-wrap{ display: flex; align-items: center; gap: 12px;}
.txt-impt{ color: #e50814; }
.noti-tag{ flex-shrink: 0; display: inline-block; padding: 0 8px; min-width: 56px; height: 24px; border-radius: 4px; line-height: 24px; font-size: 13px; font-weight: normal; letter-spacing: normal; text-align: center; }
.noti-tag.all{ color: #a9dab4; background-color: #0e2012; }
.noti-tag.brand{ color: #ffc95c; background-color: #241800; }
.noti-tag.member{ color: #b1cefb; background-color: #0c1e40; }
.noti-title{ padding: 10px 0 22px; display: flex; gap: 40px; align-items: center; justify-content: space-between; color: var(--white); font-size: 25px; font-weight: bold; line-height: 1.4; letter-spacing: -1.25px; text-align: left; }
.noti-title span{ flex-shrink: 0; color: #d2d2d2; font-size: 16px; font-weight: normal; line-height: 1.4; letter-spacing: -0.32px; }
.noti-conts{ max-height: 480px; color: var(--white); overflow-y: auto; }
#notiDescWindow .popup-btn{ margin-top: 20px; }
#notiDescWindow .popup-btn button{ width: 140px; }


/*
*--------------------------------------------*
|                   강의 상세                  |
*--------------------------------------------*
*/
.prdct-info-dtl-top { width: 100%; padding: 28px 0 38px; background: #181818;}
.container { position: relative; width: 1200px; margin: 0 auto;}
.prdct-info-dtl-top .prdct-info,
.prdct-dtl-container { display: flex; flex-direction: column; gap: 25px; width: 790px;}
.prdct-info .prdct-title { font-size: 34px; font-weight: bold; line-height: 1.35; color: #fff;}
.prdct-info-dec { font-size: 16px; line-height: 1.6; color: #d2d2d2;}
.prdct-dtl-category { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 5px;}
.prdct-dtl-category .category-badge { display: inline-flex; justify-content: center; align-items: center; height: 42px; padding: 0 18px; border-radius: 1000px; border: 1px solid rgba(255, 255, 255, 0.15); font-size: 14px; line-height: 1.5; color: #dcdcdc;}
.prdct-dtlBtn-wrap { display: flex; align-items: center; gap: 10px;}
.prdct-info .prdct-baner .pdBtn-icon { display: none;}
/*.prdct-dtlBtn-wrap > li:first-child { height: 40px; padding: 8px 15px; border-radius: 8000px; background: #2f2f2f;}*/
/*.prdct-dtlBtn-wrap > li:first-child button { background: #2f2f2f;}*/
/*.prdct-dtlBtn-wrap > li:first-child button i { width: 24px; height: 24px; background-size: contain;}*/
/*.prdct-dtlBtn-wrap > li:first-child span { font-size: 15px; font-weight: bold; line-height: 1.5; color: #fff;}*/
.prdct-dtlBtn-wrap > li button { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 8000px; background: #2f2f2f;}
.prdct-dtlBtn-wrap > li button i { width: 20px; height: 20px;}
.prdct-dtlBtn-wrap > li button:hover { background-color: #414141;}
.prdct-dtlBtn-wrap > li > ul { display: flex; align-items: center; gap: 11px;}
.prdct-dtlBtn-wrap > li > ul li { display: flex; align-items: center; gap: 4px; position: relative;}
.prdct-dtlBtn-wrap > li > ul li button { width: 24px; height: 24px;}
.prdct-dtlBtn-wrap > li > ul li:first-child { padding-right: 11px;}
.prdct-dtlBtn-wrap > li > ul li:first-child:after { content: ''; position: absolute; top: 4px; right: 0; width: 1px; height: 15px; background: #545454;}
.score-tot-wrap li { flex-shrink: 0; position: relative;}
.score-tot-wrap li button { font-size: 15px; font-weight: 500; line-height: 1.5; color: #fff;}
.score-tot-wrap > li:first-child { display: inline-flex; align-items: center; gap: 10px; padding-right: 15px;}
.score-tot-wrap > li:first-child:after { content: ''; position: absolute; top: 4px; right: 0; width: 1px; height: 15px; background: #545454;}

.prdct-dtl-cont-wrap .prdct-dtl-container { gap: 50px; position: relative; padding: 20px 0;}
.prdct-dtl-cont-wrap .prdct-dtl-cont { display: flex; gap: 50px;}
.sticky-container { position: sticky; top: 68px; z-index: 2;}
.prdct-dtl-cont-wrap .tab-nav-wrap { gap: 40px; width: 790px; background: var(--pd-bg-base);}
.prdct-dtl-cont-wrap .tab-nav-wrap li { width: 100%;}
.prdct-dtl-cont-wrap .tab-nav-wrap li .tab-btn { min-width: 128px; height: 60px; padding: 0;}

.prdct-dtl-tab-cont { display: flex; flex-direction: column; gap: 60px;}
.tab-cont-cont { display: flex; flex-direction: column; gap: 60px;}
.tab-cont-cont h3 {padding-bottom: 20px; border-bottom: 1px solid #404040; font-size: 20px; font-weight: bold; line-height: 1.6; letter-spacing: -0.4px; color: #fff;}
.tab-cont-cont .cont { border-bottom: 1px solid #404040;}
.tab-cont-cont .cont > p { padding: 20px 8px; font-size: 16px; line-height: 1.6; color: #d2d2d2; word-break: keep-all;}

[class*="dl-line-"] { display: flex; align-items: center; width: 100%;}
[class*="dl-line-"] > div { display: flex; align-items: center; gap: 10px; width: 100%;}
[class*="dl-line-"] dt { width: 110px; font-size: 16px; font-weight: 500; line-height: 1.6; color: #e5e5e5;}
[class*="dl-line-"] dd { font-size: 16px; line-height: 1.6; color: #d2d2d2;}
.dl-line-2 { border-top: 1px solid #404040;}
.dl-line-2:nth-of-type(1) { border-top: 0;}

.prdct-dtl-tab-cont [class*="dl-line-"] > div { padding: 20px 8px;}
.curricul-clip-list { display: flex; flex-direction: column; gap: 4px; }
.curricul-clip-list li { display: flex; align-items: center; justify-content: space-between;}
.curricul-clip-list li p,
.curricul-clip-list li span { font-size: 14px; line-height: 1.6; color: #bcbcbc;}
.curricul-clip-list li span { min-width: 70px; text-align: center;}

.tab-cont-cont .title-box { align-items: flex-start; border-bottom: 1px solid #404040;}
.title-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.title-box h3 { margin-bottom: 0 !important; border-bottom: 0;}
.title-box .btn-border { display: inline-flex; justify-content: center; align-items: center; height: 32px; padding: 0 10px;}
.tab-cont-cont .pdBtn-more-wrap { margin-top: 20px;}
.pdBtn-more-wrap .btn-default { width: 220px; height: 48px; line-height: 1;}
.tab-cont-cont .cont h4 { margin-bottom: 4px; padding: 20px 8px 0; font-size: 16px; font-weight: 500; line-height: 1.6; color: #e5e5e5;}
.tab-cont-cont .cont02 p { padding: 0 8px 20px; font-size: 14px; line-height: 1.6; color: #bcbcbc;}
.tab-cont-cont .cont03 { padding: 16px;}
.tab-cont-cont .cont .cont-top-box { display: flex; align-items: center; gap: 20px; margin-bottom: 15px;}
.tab-cont-cont .cont .cont-top-box p { font-size: 16px; font-weight: 500; line-height: 1.6; color: #e5e5e5;}
.instr-img { overflow: hidden; flex-shrink: 0; width: 80px; height: 80px; border-radius: 50%; background: rgba(255, 255, 255, 0.1);}
.instr-img img { object-fit: cover; width: 100%; height: 100%;}
.tab-cont-cont .cont03 > p { padding: 0;}

.prdct-right { /*top: -360px; right: 0;*/ width: 360px;}
.prdct-dtl-cont .prdct-item { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 80px; z-index: 2; transform: translateY(-306px); transition: all .3s ease-in-out;}
.prdct-item img { object-fit: cover; width: 100%; aspect-ratio: 16 / 9; border-radius: 10px;}
.prdct-item > .box { display: flex; align-items: center; gap: 20px; width: 100%; padding: 20px; border-radius: 10px; background: #2f2f2f;}
.prdct-info-dtl-wrap .prdct-baner { display: flex; align-items: center; gap: 20px;}
.prdct-info-dtl-wrap .prdct-baner img { width: 60px; height: 60px; border-radius: 50%;}
.prdct-info-dtl-wrap .prdct-baner .prdct-brand-info { display: flex; flex-direction: column; gap: 5px;}
.prdct-info-dtl-wrap .prdct-baner .first-box { display: flex; align-items: center; gap: 8px;}
.prdct-info-dtl-wrap .prdct-baner .baner-title { font-size: 18px; font-weight: bold; line-height: 1.3; color: #fff;}
.prdct-info-dtl-wrap .prdct-baner .review-area img { width: 15px; height: 15px;}
.prdct-item .prdct-pay { display: flex; flex-direction: column; gap: 20px; align-items: flex-start;}
.prdct-pay .prdct-pay-solo { display: flex; align-items: center; justify-content: space-between; width: 100%;}
.prdct-pay .prdct-pay-solo .prdct-pay-nor { display: flex; flex-direction: column; gap: 3px;}
.prdct-pay .prdct-pay-solo .prdct-pay-nor > span { font-size: 14px; font-weight: 500; color: #bcbcbc; text-decoration: line-through;}
.prdct-pay .prdct-pay-solo .prdct-pay-nor > strong { font-size: 24px; font-weight: bold; line-height: 1.3; color: #fc1c49;}
.prdct-pay .prdct-pay-solo > strong { font-size: 28px; font-weight: bold; color: #fff;}
.prdct-pay .prdct-pay-compl { font-size: 15px; line-height: 1.6; letter-spacing: -0.3px;}
.prdct-pay .prdct-pay-premium { width: 100%;}
.prdct-pay .prdct-pay-premium > p { margin-bottom: 16px; font-size: 15px; line-height: 1.6; letter-spacing: -0.3px;}
.prdct-pay .prdct-pay-premium .brand-badge { justify-content: space-between;}

/* 강의 구매하기 팝업 */
.sel-pay-box { padding-top: 25px; border-top: 1px solid #404040;}
.sel-pay-box .pdBtn-wrap { display: flex; align-items: center; gap: 10px; padding-bottom: 15px;}
.sel-pay-box .btn-sub-default { display: inline-flex; align-items: center; justify-content: center; width: auto; height: 48px; padding: 0 12px; border-radius: 6px; font-size: 16px; line-height: 1.5;}
.sel-pay-box .btn-sub-default.active { background: #e50814; color: #fff;}
.sel-pay-box .dropdown { height: 42px; margin-bottom: 15px;}
.prdct-item.type-B .prdct-pay .prdct-pay-solo { justify-content: flex-end;}

/* QA 작성하기 팝업 */
.prdct-qa-item-wrap { display: flex; flex-direction: column; gap: 20px;}
.prdct-qa-item-wrap img { object-fit: cover; width: 100%; aspect-ratio: 16 / 9; border-radius: 10px;}
.prdct-title,
.blend-item-wrap .blend-title { font-size: 30px; font-weight: bold; line-height: 1.3; color: #fff;}
.prdct-qa-item-wrap .common-textarea { height: 160px;}

/* 채널 구동하기 팝업 */
.blend-item-wrap { display: flex; flex-direction: column; gap: 20px; margin-bottom: 20px;}
.blend-item-wrap > div { display: flex; gap: 28px;}
.blend-item-wrap > div > div { display: flex; flex-direction: column; gap: 20px; width: 100%;}
.prdct-blend-pay-wrap .prdct-blend-pay-cont { width: 100%;}
.prdct-blend-pay-wrap .blendImg,
.prdct-blend-pay-wrap .blendImg img { flex-shrink: 0; width: 70px; height: 70px; border-radius: 50%; object-fit: cover;}
.prdct-blend-pay-wrap .blendImg { cursor: pointer;}
.blend-item-wrap .blend-info-dec { padding-left: 98px; font-size: 16px; line-height: 1.6; color: #d2d2d2;}
.blend-item-wrap .blendDate { font-size: 15px; line-height: 1.5; color: #fff;}
.prdct-blend-pay-wrap { display: flex; gap: 28px;}
.prdct-item.type-B { position: relative; top: 0; padding-left: 98px; transform: translateY(0);}

/*
*--------------------------------------------*
|                    관심/시청/가입 리스트       |
*--------------------------------------------*
*/
.sub-sec-container { width: 1280px; margin: 0 auto; padding: 0;}
/* .sub-sec-container .common-tit-wrap { padding: 16px 0;} */
.sub-sec-container .common-tit-wrap .common-tit { font-size: 38px; font-weight: 500; line-height: 1;}
.myshelf-list-wrap.watched { flex-direction: column; gap: 18px; padding: 30px 0; list-style: none;}
.myshelf-list-wrap.watched .brand-item { display: flex; align-items: center; gap: 16px; width: 100%;}
.myshelf-list-wrap.watched .brand-item .brand-item-info { display: flex; flex-direction: column; gap: 8px;}
.myshelf-list-wrap.watched .brand-item .brand-img { flex-shrink: 0; overflow: hidden; width: 124px; height: 124px; border-radius: 50%;}
.myshelf-list-wrap.watched .brand-item .brand-img img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.myshelf-list-wrap.watched .brand-item .brand-item-title { font-size: 18px; font-weight: 500; line-height: 1.22;}
.myshelf-list-wrap.watched .brand-item .dot-list li { font-size: 12px; line-height: 1.5;}
.myshelf-list-wrap.watched .brand-item .brand-item-info > p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 12px; line-height: 1.5; color: #b3b3b3;}

/* 관심 */
.sub-sec-container.myshelfHart, 
.sub-sec-container.myshelf { width: 100%;}
.sub-sec-container.myshelfHart .common-tit-wrap, 
.sub-sec-container.myshelf .common-tit-wrap { padding: 15px 60px;}
.sub-sec-container .tab-nav-wrap { margin-top: 24px; margin-bottom: 56px; padding: 0 60px;}
/* .tab-cont-wrap .common-list-wrap.brand-wrap,
.common-list-wrap.myshelf-watching-wrap { padding: 0 16px;} */
.tab-cont-wrap .common-list-wrap.inst-wrap { gap: 40px 27px; padding: 0;}
.brand-tab-cont .common-list-wrap.inst-wrap .common-item { padding-top: 0; padding-bottom: 0;}

/* 시청 */
.contents-store-wrap .common-tit { font-size: 38px; font-weight: 500; line-height: 1;}
/* 게시중단 팝업 */
.k-window .rlst-info { margin-bottom: 4px;}

/*
*--------------------------------------------*
|                    강사 프로필       |
*--------------------------------------------*
*/
.instr-dtl-wrap .instr-title { display: flex; align-items: center; gap: 15px; margin-bottom: 12px;}
.instr-dtl-wrap .brand-info-wrap .brand-desc-wrap .instr-title .brand-nm { margin-bottom: 0;}
.instr-dtl-wrap .instr-title a { font-size: 16px; color: #e5e5e5;}
.instr-dtl-wrap .instr-title a:hover { cursor: pointer;}
.instr-info-cont { display: flex; align-items: flex-end; width: 700px; margin-top: 12px;}
.instr-info-cont .brand-intro { width: 650px; height: 21px; font-size: 14px; color: #d2d2d2;}
.instr-dtl-wrap .pdBtn-text { flex-shrink: 0;}
.instr-dtl-wrap .brand-btn-wrap { flex-shrink: 0; width: 210px;}
.instr-his-cont { padding: 20px 8px; border-top: 1px solid #404040; border-bottom: 1px solid #404040; font-size: 14px; line-height: 1.6; color: #bcbcbc;}
.instr-cont .content-category-wrap { padding-left: 0; padding-right: 0;}
.instr-cont .common-list-wrap { margin-top: 40px;}

/*
*--------------------------------------------*
|                    강사/기업계정 신청                   |
*--------------------------------------------*
*/
.authAply-cont-wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
.authAply-sel-cont > div { display: flex; flex-direction: column; align-items: center; gap: 50px;}
.authAply-txt { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px;}
.authAply-label-wrap { display: flex; flex-direction: column; gap: 15px; width: 500px;}
.authAply-label-wrap li input:checked + label { border: 1px solid #fff;}
.authAply-label-wrap li label { display: flex; align-items: center; gap: 20px; padding: 17px 20px 18px; border-radius: 8px; border: solid 1px #404040; background-color: rgba(255, 255, 255, 0.2);}
.authAply-label-wrap li label > span { display: flex; flex-direction: column; gap: 4px;}
.authAply-label-wrap li label > span { font-size: 14px; line-height: 1.6; color: #d2d2d2;}
.authAply-label-wrap li label strong { display: inline-flex; align-items: center; gap: 4px; font-size: 18px; font-weight: 500; line-height: 1.33; color: #fff;}
.authAply-label-wrap li label strong span { font-size: 12px; line-height: 1.6; letter-spacing: -0.24px; color: #d2d2d2;}
.authAply-txt strong { font-size: 25px; font-weight: bold; line-height: 1.35; letter-spacing: -0.5px; color: #fff;}
.authAply-txt span { line-height: 2; letter-spacing: -0.32px; color: #fff;}
.radio-box { position: relative;}
.radio-box input[type="radio"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.authAply-cont-wrap .btn-default.btn-red { min-width: 160px; padding: 12px 24px;}
.authAply-sel-cont .step-wrap { gap: 120px;}
.authAply-sel-cont .step-wrap .step-inner-wrap::after { width: 120px;}
.authAply-sel-cont .step-wrap .step-inner-wrap strong { width: 120px; text-align: center; white-space: nowrap;}
.authAply { height: 100%;}
.authAply .step-cont .step-text-cont { border-top: 0;}
.authAply .step-cont .step-text-cont .text-box { gap: 15px; margin-bottom: 50px;}
.authAply .join-form-wrap { display: flex; flex-direction: column; gap: 30px; width: 100%;}

.authAply .form-group-wrap{ gap: 30px; padding-right: 20px; }
.authAply .form-group-wrap .form-group{ display: flex; flex-direction: column; gap: 10px; }
.authAply .form-group-wrap .form-group .radio-box-wrap { gap: 30px;}
.authAply .form-group input{ padding: 0 16px; height: 54px; line-height: 54px; border-radius: var(--pd-bdrs-base4); border: solid 1px #808080; background-color: rgba(0, 0, 0, 0.5); box-sizing: border-box; }
.authAply .form-group input:focus[type="text"],
.authAply .form-group input:focus[type="password"],
.authAply .form-group input:focus[type="email"],
.authAply .form-group input:focus[type="search"]{ border-color: #eb3942; }
.authAply .form-group label > span,
.authAply .form-group .label > span { color: #eb3942; }
.authAply .inner-df-wrap{ display: flex; gap: 10px; align-items: center; }
.authAply .form-group .btn-border{ width: 150px; flex-shrink: 0; color: var(--white); }
.authAply .form-group .radio-box-wrap{ flex-direction: row !important; }
.authAply .form-group .radio-box-wrap input[type="radio"]{ display: none; }
.authAply .form-group .radio-box-wrap label{ display: flex; align-items: center; gap: 8px; cursor: pointer; font-weight: normal;}
.authAply .form-group .right-wrap{ width: 77%; }
.authAply .form-group .inner-df-wrap{ display: flex; align-items: center; gap: 10px; }
.authAply .form-group .cert-wrap > div{ position: relative; width: 100%; }
.authAply .form-group .cert-wrap > div .btnGroup { display: inline-flex; align-items: center; gap: 10px; position: absolute; top: 50%; right: 16px; transform: translateY(-50%);}
.authAply .runningTimer,
.authAply .runningTimerJoinPg{ color: #e50814; font-size: 14px; font-weight: 500; line-height: 1.71; letter-spacing: normal; }
.authAply .pdBtn-text.text-underline { text-decoration: underline;}
.authAply .form-group .cert-wrap > div .btnGroup .pdBtn-text { flex-shrink: 0;}
.authAply .form-group .cert-wrap > div .btnGroup span { flex-shrink: 0; position: relative; top: auto; right: 0; transform: none;}
.authAply .form-group input.certNum { padding-right: 118px;}
.authAply .form-group .inner-df-wrap .btn-border { height: 54px;}
.authAply .form-group-wrap .form-group > div { display: flex; flex-direction: column; gap: 10px;}

.authAply .join-agree-wrap { display: flex; flex-direction: column; gap: 8px; margin-bottom: 35px;}
.authAply .join-agree { display: flex; flex-direction: column; gap: 4px;}
.authAply .join-agree li { display: flex; align-items: center; gap: 4px;}
.authAply .join-agree li label { font-size: 14px; color: #ffffff;}
.authAply .join-agree .callout { margin-top: 15px;}

.authAply .form-group .input-icon-box { display: flex; align-items: center; gap: 10px; padding: 0 16px; height: 54px; border-radius: var(--pd-bdrs-base4); border: solid 1px #808080; background-color: #ffffff0c; box-sizing: border-box;}
.authAply .form-group .input-icon-box input { height: auto; padding: 0; border: 0; background: transparent !important; line-height: 1;}

.authAply .step-cont .form-group-wrap { display: flex; flex-direction: column; gap: 30px; padding-right: 0;}
.authAply .step-cont .common-scroll { height: calc(66.69vh / 1.5);}

.authAply .form-group .join-category-wrap .btn-border { width: 90px; height: 54px;}
.authAply .join-category-wrap .inner-df-wrap { width: 100%;}
.authAply .join-category-wrap .dropdown { height: 54px;}
.authAply .join-category-wrap .selected-area { margin-top: 2px;}
.authAply .join-category-wrap .selected-chip { animation: none;}
.authAply .form-group-wrap .form-group .profile-file-upload { display: flex; flex-direction: column;}
.authAply .wrong-message { margin-top: 0;}
.authAply-comply { width: 582px; height: auto;}
.authAply-comply .rlst-info { margin-bottom: 0;}
.authAply-comply .callout { padding: 18px 24px;}
.authAply-comply .callout p { font-size: 15px; line-height: 1.9; letter-spacing: -0.3px;}
.authAply .step-cont .mo { display: none;}


/*
*--------------------------------------------*
|                    카테고리                   |
*--------------------------------------------*
*/


/* Dummy Content */
/* .common-tit { font-size: 20px; margin-bottom: 10px; color: #fff; } */



/*
*--------------------------------------------*
|                  서브 홈                    |
*--------------------------------------------*
*/
/* Hero section: main-section 커스텀 */
.hero-section {  }


/* Home Title: 강의홈, 채널홈, 강사홈 - 탭메뉴 포함 */
.home-tit-wrap { width: 100%; display: flex; align-items: center; gap: 40px; position:absolute; left: 50%; transform: translateX(-50%); z-index: 3; padding: 15px 60px; margin-top: 68px; }
.home-tit-wrap .home-tit { font-size: 40px; font-weight: 500; color: #fff }
.home-tit-wrap .tab-nav-wrap { border: none;padding: 0; }
.home-tit-wrap .tab-nav-wrap li { position: relative; display: flex; align-items: center;}
.home-tit-wrap .tab-nav-wrap li:after { content: "";display: block; width: 1px; height: 16px; background-color:  #ffffff73;position: relative; margin: 0 16px; }
.home-tit-wrap .tab-nav-wrap li:last-child:after { display: none; }
.home-tit-wrap .tab-nav-wrap .tab-btn { color: #ffffffa8; font-size: 16px; padding: 20px 5px; height: auto; line-height: normal; font-weight: normal;}
.home-tit-wrap .tab-nav-wrap .tab-btn.active { color: #fff; font-weight: 500; }

/* Sub Search: 강의탐색, 채널탐색, 강사탐색 */
.home-tit-wrap.sub-search { position: relative; left: auto; transform: none;margin-top: 0; }
.sub-search-wrap { padding: 0 60px; }
.sub-search-wrap .common-list-wrap{ padding: 24px 0 !important;} 
/*
*--------------------------------------------*
|                    Media                   |
*--------------------------------------------*
*/
@media screen and (max-width: 1280px) {
    /* Common */
    .tab-strip{ width: 100%; margin-bottom: 20px; padding: 0 16px !important;}
    .k-tabstrip.k-tabstrip-scrollable>.k-tabstrip-items-wrapper>.k-tabstrip-items{ overflow-x: auto !important; }

    .common-info-wrap{ padding: 0.8571rem 0.9375rem; }
    .common-info-wrap .common-info-inner{ flex-direction: column; gap: 12px; align-items: flex-start; }
    .common-info-wrap .info-desc{ width: 100%; }
    .common-info-wrap .info-desc h3{ margin-bottom: 0.5rem; width: 100%; font-size: 0.9375rem; white-space: unset; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
    .common-info-wrap .btn-sub-default{ height: 2.375rem; line-height: 2.375rem; font-size: 0.875rem; }

    /* 페이지 제목 */
    .sub-sec-container .common-tit-wrap .common-tit { font-size: 24px; }

    /* .mid-wrap .notice-wrap strong, .mid-wrap .mylevel-wrap strong, .myshelf .common-tit{ font-size: inherit; margin-bottom: 0.5em;} */
    /* .myshelf.contents-store-wrap .common-tit,
    .myshelf.subscription-brnd .common-tit,
    .myshelf.brand-apply .common-tit,
    #prgphForApply,
    .myshelf.rprt-his .common-tit{ width: 100%; text-align: left;} */

    /* 251210 슬라이드 레이아웃으로 변경 */
    .body-container{ padding-top: 10px; min-height: 410px;}

    /* Search */
    .content-category-wrap { padding: 24px 36px 0;} 
    .sub-sec-container .tab-nav-wrap {padding: 0 36px;}
    .common-rslt-txt {padding: 16px 36px 0;}
    .inti-search-wrap .common-rslt-txt{ padding-right: 4.1vw; }
    .inti-search-wrap .common-list-wrap.brand-wrap .common-item{ width: fit-content; }
    .inti-search-wrap .common-list-wrap.brand-wrap .common-item img{ width: 20vw; height: 20vw; }

    .common-sub-section-wrap .common-list-wrap.brand-wrap { /*grid-template-columns: repeat(3, minmax(0, 1fr));*/}
    /*.brand-wrap .brand-item { aspect-ratio: 426 / 437;}*/

    /* 강의 상세 */
    .prdct-info-dtl-top,
    .prdct-dtl-cont-wrap { padding-left: 20px; padding-right: 20px; }

    /* Brand 상세 */
    .brand-container .brand-section { padding: 0;}
    .brand-container .brand-banner{ height: 180px;}
    .brand-container .brand-info-wrap { flex-direction: column; padding: 22px 16px 15px;}
    .brand-container .brand-info-wrap .brand-img-desc-wrap{ position: relative; gap: 20px; width: 100%;}
    .brand-container .brand-info-wrap .brand-img-desc-wrap .brand-logo{ flex-shrink: 0; width: 70px; height: 70px;}
    .brand-container .brand-info-wrap .brand-desc-wrap{ width: 100%; }
    .brand-container .brand-info-wrap .brand-desc-wrap .brand-nm{ width: 100%; margin-top: 8.5px; margin-bottom: 4px; font-size: 20px;}
    .brand-container .brand-info-wrap .brand-desc-wrap span{ font-size: 0.875rem; }
    .brand-container .brand-info-wrap .brand-desc-wrap .brand-intro{ margin-top: 1.25rem; }
    .brand-container .brand-btn-wrap{ margin-top: 22px; width: 100%; }
    .brand-container .brand-btn-wrap .btn-alert{ order: 2; }
    .brand-container .brand-btn-wrap .btn-copy{ order: 3; }

    .k-tabstrip-items { gap: 18px;}
    .k-tabstrip-items .k-link { padding-right: 0 !important; padding-left: 0 !important;}
    .tab-cont { padding: 0 16px;}

    .sort-option-wrap{ flex-direction: column; gap: 0.625rem; margin-bottom: 0.9375rem; }
    .sort-option-wrap > div{ gap: 1.125rem; }
    .sort-option-wrap > div:first-child{ order: 2; width: 100%; }
    .sort-option-wrap .common-search-wrap{ order: 1; width: 100%; }
    .common-search-wrap .input-search{ min-width: 100%; width: 100%; height: 2.625rem; }
    /* .common-search-wrap .input-search::placeholder{ font-size: 0.875rem; } */

    .brand-container .brand-info-wrap .brand-desc-wrap .btn-more,
    .brand-container .brand-info-wrap .brand-desc-wrap .btn-less{ font-size: 0.8125rem; }
    .sort-option-wrap .btn-sort.active::before{ width: 1.125rem; height: 1.125rem; background-position: -12px -12px; }

    /* 공지사항 / FAQ */
    .common-board-wrap{ width: 100%; padding: 0 4.1vw; }
    .common-board-wrap .content-search-top{ top: 3.25rem; }
    .board-list-wrap.faq-wrap{ margin-top: 3.25rem; }
    .txt-center{ padding: 12.9px 0; font-size: 1.25rem; text-align: left; }
    .content-search-top{ width: 100%; height: 40px; line-height: 40px; }
    .common-board-wrap .sub-search-wrap,
    .common-board-wrap .sub-search-wrap .input-search{ width: 100%; height: 100%; }
    /* .common-board-wrap .sub-search-wrap .input-search::placeholder{ font-size: 0.9375rem; } */
    .board-list-wrap{ margin-bottom: 1.25rem; }
    .board-list-wrap .acc-list-item button .acc-ctgr{ font-size: 0.875rem; }
    .brd-noti-faq{ flex-direction: column; gap: 0; }
    .brd-noti-faq .common-tit-wrap{ padding-right: unset; }
    .brd-noti-faq.common-sub-section-wrap{ padding: 0 4.1vw; }
    .brd-noti-faq .dropdown , .brd-noti-faq .dropdown .dropdown-btn{ width: 100%; }
    .brd-noti-faq .dropdown .dropdown-btn{ height: 100%; }
    .brd-noti-faq .board-section{ width: 100%; }
    .brd-noti-faq .side-navigation{ display: none; }
    .brd-noti-faq .mobile-side-navi{ display: block !important; padding: 0; height: 2.625rem; line-height: 2.625rem; }
    .common-board-wrap .content-search-top{ top: 3.25rem; }
    .item-value{ display: flex; flex-direction: column; }
    .item-value-inner{ display: flex; align-items: center; margin-bottom: 8px; }
    .item-value .noti-tag{ background-color: transparent; padding: 0; }
    .noti-title-btn{ margin-bottom: 4px; text-align: left; }
    .icon-deco{ margin: 0 6px; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background-color: #808080; }

    /* Common */
    .rlst-info{ margin-top: 156px; padding-top: 72px; }

    /* myshelf - Common */
    /*.myshelf{ flex-direction: column; gap: 0; }*/
    .sub-sec-container.myshelfHart .common-tit-wrap,
    .sub-sec-container.myshelf .common-tit-wrap { padding: 16px 36px;}

    /* 서브 홈 */
    /* Home Title: 강의홈, 채널홈, 강사홈 - 탭메뉴 포함 */
    .home-tit-wrap { padding: 16px 36px; margin-top: -64px; }
    .home-tit-wrap .home-tit { font-size: 32px; }
    .home-tit-wrap .tab-nav-wrap {}
    /* 서브 검색 */
    .sub-search-wrap { padding: 0 36px; }

    .myshelfInfo.common-sub-section-wrap { flex-direction: column; gap: 0; padding: 0 16px;}
    .myshelfInfo .common-tit-wrap{ display: none; margin-top: 0; padding-right: unset; flex-direction: column !important; }
    .myshelfInfo .dropdown , .myshelfInfo .dropdown .dropdown-btn{ width: 100%; background-position: 98% center;}
    .myshelfInfo .dropdown .dropdown-btn{ height: 100%; border: 1px solid #808080;}
    .myshelfInfo .sub-section{ width: 100%; padding-top: 20px;}
    .myshelfInfo .side-navigation{ display: none; }
    .myshelfInfo .mobile-side-navi{ display: block !important; padding: 0;}
    .myshelfInfo .mobile-side-navi .common-tit { font-size: 18px; font-weight: 500;}
    .myshelfInfo .common-list-wrap, .myshelfInfo .purchase-history-list-wrap, .myshelfInfo .mid-wrap{ padding-right: unset; }
    .myshelfInfo .mid-wrap .notice-wrap, .myshelfInfo .mid-wrap .mylevel-wrap{ width: 100%; font-size: 1.4vw; }
    .myshelfInfo .mid-wrap .notice-wrap .box-wrap a, .myshelfInfo .mid-wrap .mylevel-wrap .box-wrap > li{ width: 100%; font-size: 14px; }
    .mid-wrap .notice-wrap .btn-more, .mid-wrap .mylevel-wrap .btn-more{ font-size: 13px;}
    .myshelfInfo .mid-wrap{ flex-direction: column; }
    .myshelfInfo .common-list-wrap .common-item .info{ width: 100%; border-radius: 0 0 var(--pd-bdrs-base6) var(--pd-bdrs-base6);}
    .common-list-wrap .common-item .info .ctgr-nm{ font-size: 0.8125rem; }
    .common-list-wrap .common-item .info h3{ font-size: 1.1429rem; }
    .common-table.for-pc{ display: none !important; }
    .common-tit-wrap{ /*margin-bottom: 14.2px;*/ flex-direction: column; align-items: flex-start; padding-right: 0; }
    /* .content-right-top{ flex-direction: column; margin: unset; width: 100%; height: fit-content; align-items: flex-start; gap: 10px; }
    .content-right-top .sub-search-wrap{ width: 100%; }
    .content-right-top .sub-search-wrap .input-search{ width: 100%; height: 42px; line-height: 42px; }
    .content-right-top .btn-border{ width: 100%; height: 42px; line-height: 42px; } */
    .myshelf-info-modify-wrap .label-wrap.btn-wrap { flex-direction: row;}

    /* myshelf - main */
    .myshelf-main .common-tit-wrap{ flex-direction: row !important; padding-right: unset; }
    .myshelf-main .common-tit-wrap .common-tit{ width: fit-content; margin-bottom: 0; }
    .top-wrap.myshelf-top-wrap > div{ width: 100%; flex-direction: row; gap: 12px; }
    .myshelf-main .common-tit-wrap .btn-more{ padding-right: 0;}

    /* myshelf - 회원정보 수정 */
    .top-wrap{ display: flex; align-items: center; justify-content: space-between; padding-top: 0; gap: 1.142rem; }
    .top-wrap > div{ display: flex; flex-direction: column; gap: 2px; width: calc(100% - 76px); }
    .top-wrap strong{ margin-right: 0; padding-right: 0; font-size: 1.142rem; line-height: 1.35; }
    .top-wrap strong::after{ display: none; }
    .top-wrap span{ margin-right: 0; font-size: 14px; }
    .myshelf-info-modify-wrap.confirm-wrap{ width: 100%; }
    .myshelf-info-modify-wrap .common-tit-wrap{ padding: 0.9375rem 0; margin-bottom: 0; }
    .myshelf-info-modify-wrap .label-wrap{ flex-direction: column; align-items: flex-start; padding: 1.1429rem 0.3125rem; }
    .myshelf-info-modify-wrap .label-wrap dt{ margin-bottom: 0.5rem; width: 100%; font-size: 14px; line-height: 1.71; }
    .myshelf-info-modify-wrap .label-wrap dd{ padding-left: 0; font-size: 14px; }
    .myshelf-info-modify-wrap .label-wrap .btn-inner-wrap{ display: flex; align-items: center; gap: 10px; }
    .myshelf-info-modify-wrap .label-wrap .btn-border{ font-size: 14px; }
    .myshelf-info-del-wrap .rlst-info{ margin-top: 6.25rem; margin-bottom: 1.5625rem;}
    .myshelf-info-del-wrap .del-check-wrap{ width: 100%; }
    .myshelf-info-del-wrap .del-info-wrap li{ font-size: 14px; }
    .myshelf-info-del-wrap .btn-wrap{ margin-top: 1.875rem; }
    .myshelf-info-del-wrap .btn-wrap button{ flex: 1; max-width: 160px; }
    .brand-manage-wrap .label-wrap{ display: flex; flex-direction: column; padding-left: 0; padding-right: 0; }
    .brand-manage-wrap .label-wrap dt,
    .brand-manage-wrap .label-wrap dd{ width: 100%; padding-left: 0; }

    /* Myshelf > 브랜드 신청 */
    .brand-intro-wrap .intro-inner-wrap{ width: 80% }
    .brand-manage-wrap .banner-outer .preview-wrap{ width: 100%;}

    /* Myshelf > 브랜드 신청 > 브랜드 심사(승인대기/미승인), 폐쇄 */
    .brand-apply .common-tit-wrap{ flex-direction: column; align-items: flex-start; }
    .brand-rslrt-wrap{ padding-top: 0; }
    .brand-rslrt-wrap .mn-info-wrap{ width: 100%; }
    .brand-rslrt-wrap .mn-info-wrap > strong{ font-size: 0.9375rem; }
    .brand-rslrt-wrap .mn-info-wrap ul li{ font-size: 14px; line-height: 1.9; letter-spacing: -0.28px; }
    .brand-rslrt-wrap .mn-info-wrap .cont-box{ font-size: 0.875rem; line-height: 1.9; letter-spacing: -0.28px; }
    .rslrt-ing-wrap{ padding-top: 6.25rem; }
    .rslrt-ing-wrap .step-info{ margin-bottom: 1.5625rem; font-size: 1.5rem; letter-spacing: -0.48px; }


    /* 신고이력 */
    .rprt-his .content-right-top .dropdown.dropdown-style2{ width: 100%; }

    /* Myshelf > 결제완료 페이지 > 입금 대기중 화면 */
    .waiting-deposit-wrap .mn-info-wrap{ width: calc(100% - 32px); }

    /* 결제완료 */
    .pay-cmplt-wrap{ padding: unset; }
    .pay-cmplt-wrap .btn-wrap{ padding: 0 3.13vw; }
    .pay-cmplt-wrap .btn-wrap button{ min-width: 33%; flex: 1; }

    /* Myshelf > 결제이력 */
    .purchase-history .common-tit-wrap .common-tit{ width: 100%; }

    /* Myshelf > 결제이력 > 결제상세 팝업 */
    .payment-info-pop .fixed-actions button{ width: 100% !important; }

    /* 구독중인 브랜드 */
    .brand-badge { justify-content: space-between;}

/*  관심/시청/가입 리스트  */
    .sub-sec-container { width: 1024px;}
    /* 강사 */
    .common-sub-section-wrap .brand-tab-cont .common-list-wrap { gap: 27px;}
    .tab-cont-wrap .common-list-wrap.inst-wrap { gap: 20px 16px;}
    .common-init-pg .common-list-wrap.inst-wrap .common-list-inner { width: calc((100% - (27px * 3)) / 4);}

/*  강사프로필  */
    .instr-dtl-wrap .brand-info-wrap .brand-desc-wrap .instr-title .brand-nm { width: auto; margin-top: 0;}
    .instr-cont:nth-of-type(1) { padding-top: 0;}
    .instr-cont { padding: 30px 16px;}
}

@media screen and (max-width: 1100px) {
    /* 서브 홈 */
    /* Hero section: main-section 커스텀 */
    .hero-section {}
    /* Home Title: 강의홈, 채널홈, 강사홈 - 탭메뉴 포함 */
    .home-tit-wrap { position: relative; justify-content: space-between; padding: 0 24px; margin: -10px 0 10px; }
    .home-tit-wrap .home-tit { font-size: 24px; }
    .home-tit-wrap .tab-nav-wrap { font-size: 18px; gap: 8px; }

    .home-tit-wrap .tab-nav-wrap .tab-btn { padding: 12px 8px; }
    .home-tit-wrap .tab-nav-wrap li:after { display: none; }
}

@media (min-width: 1018px) and (max-width: 1183px) {
    /* Myshelf > 결제이력 */
    .purchase-history .common-tit-wrap{ flex-direction: column; }
    .purchase-history .common-table tbody tr td{ padding: 23px 10px; }
}

@media (min-width: 769px) and (max-width: 1017px) {
    /* Myshelf > 결제이력 */
    .purchase-history .common-tit-wrap{ flex-direction: column; align-items: flex-start; }
    .purchase-history .content-right-top{ margin-left: unset; }
    .purchase-list-wrap{ width: 100%; overflow-x: auto; white-space: nowrap; }
    .purchase-list-wrap .common-table{ table-layout: auto; white-space: normal; min-width: 800px; }
}

/* 강의 상세 */
@media screen and (max-width: 1024px) {
    .prdct-info-dtl-wrap { margin-top: 0 !important;}
    .prdct-info-dtl-top, .prdct-dtl-cont-wrap { padding: 0;}
    .container { width: 100%;}
    .prdct-info-dtl-top .prdct-info,
    .prdct-dtl-container { width: 100%;}
    /*.prdct-info-dtl-top .prdct-info { max-width: 761px; margin: 0 auto;}*/
    .prdct-info-dtl-top { padding: 0 16px; background: transparent;}
    .prdct-info-dtl-top .mobile { display: block !important;}
    .prdct-info-dtl-top img { aspect-ratio: 16 / 9; border-radius: 10px;}
    .prdct-info .prdct-title { margin-top: -5px; font-size: 25px; font-weight: bold; line-height: 1.3;}
    .score-tot-wrap li button { font-size: 14px; font-weight: bold;}
    .prdct-dtlBtn-wrap > li button { width: 37px; height: 37px;}
    .prdct-info-dec { font-size: 14px;}
    .prdct-dtl-category .category-badge { height: 40px; margin-top: 0;}

    .prdct-info-dtl-wrap .prdct-baner { gap: 16px;}
    .prdct-info-dtl-wrap .prdct-baner img { width: 54px; height: 54px;}
    .prdct-info-dtl-wrap .prdct-baner .prdct-brand-info { gap: 4px;}
    .prdct-info-dtl-wrap .prdct-baner .baner-title { font-size: 16px;}

    .prdct-dtl-cont-wrap .sticky-container { top: 54px; z-index: 1; width: 100%; margin-top: 20px;}
    .prdct-dtl-cont-wrap .tab-nav-wrap { gap: 18px; width: 100%;}
    .prdct-dtl-cont-wrap .tab-nav-wrap li .tab-btn { gap: 18px; min-width: 30px;}
    .prdct-dtl-cont-wrap .prdct-dtl-container { gap: 30px; padding-bottom: 150px;}
    .prdct-dtl-tab-cont { gap: 30px; padding: 0 16px;}
    .tab-cont-cont { gap: 30px;}
    .tab-cont-cont h3 { padding-bottom: 10px;}
    [class*="dl-line-"] dt,
    [class*="dl-line-"] dd { font-size: 14px;}
    .tab-cont-cont .cont > p { font-size: 14px;}
    .tab-cont-cont .cont .cont-top-box { gap: 15px;}
    .instr-img { width: 50.7px; height: 54.9px;}
    .title-box .btn-border { font-size: 13px;}

    .prdct-right { position: fixed; top: auto; bottom: 0; z-index: 1; width: 100%;}
    .prdct-right .prdctImg,
    .prdct-right .prdctBaner { display: none;}
    .prdct-item,
    .prdct-dtl-cont .prdct-item  { position: relative; top: auto; z-index: 2; transform: translateY(0);}
    .prdct-item .prdct-pay { gap: 15px; border-radius: 0; border-top: solid 1px #404040; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);}
    #prdctPayWindow .prdct-item .prdct-pay { border-top: 0;}
    .blend-item-wrap > div { gap: 16px;}
    .prdct-blend-pay-wrap .blendImg,
    .prdct-blend-pay-wrap .blendImg img { width: 54px; height: 54px;}
    .blend-item-wrap > div > div { gap: 8px;}
    .prdct-item.type-B,
    .blend-item-wrap .blend-info-dec{ padding-left: 0;}
    .blend-item-wrap .blend-title { font-size: 16px;}
    .blend-item-wrap .blendDate { font-size: 14px;}

    .total-count { font-size: 16px; line-height: 1.5;}
    .prdct-title { font-size: 25px;}

    /* 채널 상세 */
    .mobile.brand-info-dl02 { display: flex !important;}
    .mobile.brand-btnGroup { display: flex !important;}
    .brand-container { margin-top: 0 !important;}
    .brand-container .brand-info-wrap { margin-bottom: 0;}
    .brand-container .brand-info-wrap .brand-desc-wrap .brand-info-dl { gap: 8px;}
    .brand-info-wrap .brand-desc-wrap .brand-btnGroup { display: none;}
    .brand-info-wrap .brand-btnGroup { margin-top: 0;}
    .brand-info-wrap .brand-desc-wrap .brand-info-dl dl:nth-of-type(0),
    .brand-info-wrap .brand-desc-wrap .brand-info-dl dl:nth-of-type(1),
    .brand-info-wrap .brand-desc-wrap .brand-info-dl dl:nth-of-type(2),
    .brand-info-wrap .brand-desc-wrap .brand-info-dl dl:nth-of-type(3) { display: none;}
    .brand-container .brand-info-wrap .brand-desc-wrap .brand-info-dl dl:nth-of-type(4):before { display: none;}
    .brand-container .brand-info-wrap .brand-desc-wrap .brand-info-dl dl:last-child:before { width: 4px; height: 4px; margin-right: 8px; border-radius: 50%; background-color: #808080;}
    .brand-badge { justify-content: space-between;}
    .brand-container .brand-section { padding: 0;}
    .brand-tab-cont { padding: 0 16px;}
    .brand-tab-cont > div:nth-of-type(1) { padding-top: 0;}
    .brand-tab-cont > div { padding: 30px 0;}
    .brand-tab-cont .cont-title { margin-bottom: 0; padding: 16px 0 15px; font-size: 16px; line-height: 1; letter-spacing: -0.64px;}
    .brand-about-wrap .about-cont { flex-direction: column; gap: 25px;}
    .brand-about-wrap .about-cont .video-box { width: 100%; aspect-ratio: 16 / 9;}
    .brand-about-wrap .about-cont .about-box h4 { padding-top: 0; padding-bottom: 16px; font-size: 18px;}
    .about-cont .brand-intro { width: 100%; height: 92px;}
    .brand-about-wrap .about-cont .about-box p { font-size: 14px;}
    .brand-category .category-wrap { margin-top: 8px;}
    .brand-img-desc-wrap .brand-img-box { gap: 20px;}
    .brand-container .brand-info-wrap .brand-desc-wrap .brand-nm { display: flex; flex-direction: column-reverse; align-items: flex-start; gap: 12px;}
    .brand-container .brand-info-wrap .brand-desc-wrap span.brand-status { min-width: 83px; height: 28px; margin-left: 0; padding: 0 15px; font-size: 12px;}

    .category-wrap .category-badge { height: 40px;}

    .k-tabstrip-items { gap: 18px;}

/*    관심/시청/가입 리스트 */
    .sub-sec-container { width: 100%;}
    .sub-sec-container.myshelfHart .common-tit-wrap,
    .sub-sec-container.myshelf .common-tit-wrap { padding: 16px 24px;}

    /* 서브 홈 */
    /* Home Title: 강의홈, 채널홈, 강사홈 - 탭메뉴 포함 */
    .home-tit-wrap { padding: 0 16px;}
    .home-tit-wrap .home-tit {  }
    .home-tit-wrap .tab-nav-wrap {}

    /* 서브 검색 */
    .sub-search-wrap { padding: 0 16px; }
    .sub-search-wrap .filter-mobile-result {padding: 0;}

    /* .sub-sec-container .common-tit-wrap { padding: 5.5px 15.6px;} */
    /* .sub-sec-container .common-tit-wrap { padding: 16px;} */
    .sub-sec-container .common-tit-wrap .common-tit { font-size: 18px;}
    .myshelf-list-wrap.watched {padding: 12px 16px;}
    .myshelf-list-wrap.watched .brand-item .brand-img { width: 80px; height: 80px;}
    .myshelf-list-wrap.watched .brand-item .brand-item-title { font-size: 16px; line-height: normal;}
    .myshelf-list-wrap.watched .brand-item .dot-list { flex-direction: column; align-items: flex-start;}
    .myshelf-list-wrap.watched .brand-item .dot-list li:before { display: none;}
    .myshelf-list-wrap.watched .brand-item .brand-item-info > p { display: none;}

    /* .sub-sec-container.myshelfHart .common-tit-wrap { padding: 10.5px 24px;} */
    /* .sub-sec-container.myshelfHart .common-tit-wrap .common-tit { padding: 0;} */
    .sub-sec-container .tab-nav-wrap { margin: 0 0 20px; padding: 0 16px;}
    .common-list-wrap.myshelf { padding: 0 24px;}

    /* 시청 리스트 */
    .myshelf .sub-section { padding: 0 16px;}
    .myshelf .common-tit-wrap { padding: 0 16px 20px;}
    /* .myshelf .common-tit-wrap .common-tit { display: none;} */
    .content-right-top{ flex-direction: column; margin: unset; width: 100%; height: fit-content; align-items: flex-start; gap: 10px; }
    .content-right-top .sub-search-wrap{ width: 100%; }
    .content-right-top .sub-search-wrap .input-search{ width: 100%; height: 42px; line-height: 42px;}
    .content-right-top .btn-border{ width: 100%; height: 42px; line-height: 42px; }
    .content-right-top .dropdown.dropdown-style2 { width: 100%;}
    .myshelf .common-list-wrap.myshelf-watching-wrap { padding: 0;}
    .common-list-wrap .common-list-inner .info .prdct-date, .common-swiper-wrap .swiper-slide .info .prdct-date { font-size: 11px;}
    .tab-cont-wrap .tab-cont-padding { padding: 0 16px;}
    .tab-cont-wrap .tab-cont-padding .common-list-wrap.brand-wrap { padding: 0;}
    .tab-cont-wrap .tab-cont-padding .common-list-wrap.inst-wrap { padding: 0;}

/*  강사  */
    .tab-cont-wrap .common-list-wrap.inst-wrap { padding: 0 24px;}
    .brand-container .inst-wrap.common-list-wrap { flex-direction: column; gap: 16px !important;}
    .brand-container.common-init-pg .inst-wrap.common-list-wrap .common-list-inner {
        flex-direction: row; justify-content: flex-start; align-items: center; gap: 16px;
        width: 100% !important; padding: 0; background-color: transparent;}
    .inst-wrap .pdBtn-tech-dtl { display: flex;}
    .brand-container .common-list-wrap.inst-wrap .common-item { flex-shrink: 0; width: 40px; height: 40px;}
    .brand-container .common-list-wrap .common-item .common-cont-img { width: 100%; height: 100%;}
    .brand-container .common-list-wrap.inst-wrap .info { align-items: flex-start; width: 100%;}
    .brand-container .common-list-wrap.inst-wrap .info .common-item-title { font-size: 14px;}
    .brand-container .common-list-wrap.inst-wrap .info span { font-size: 12px;}
    /* 강사 프로필 */
    .brand-desc-wrap .mo-title-cont { display: flex; align-items: center; gap: 20px;}
    .brand-container .brand-info-wrap .brand-img-desc-wrap .brand-logo.for-pc-tb { display: none;}
    .brand-container .brand-info-wrap .brand-img-desc-wrap .brand-logo.for-mo { display: inline-block !important;}
    .instr-dtl-wrap .instr-title { flex-direction: column; align-items: flex-start; gap: 4px; margin-bottom: 0;}
    .instr-dtl-wrap .instr-title a { font-size: 15px;}
    .instr-dtl-wrap .brand-info-wrap .brand-desc-wrap { display: flex; flex-direction: column; gap: 20px;}
    .instr-dtl-wrap .brand-info-wrap .brand-desc-wrap .brand-info-dl { flex-direction: column; align-items: flex-start; gap: 4px;}
    .instr-dtl-wrap .brand-info-wrap .brand-desc-wrap .brand-info-dl dl:before { display: none;}
    .instr-dtl-wrap .brand-info-wrap .brand-desc-wrap .brand-info-dl dl { display: flex; gap: 10px;}
    .instr-dtl-wrap .brand-info-wrap .brand-desc-wrap .brand-info-dl dl dt { flex-shrink: 0; width: 94px; font-size: 14px;}
    .instr-dtl-wrap .brand-info-wrap .brand-desc-wrap .brand-info-dl dl dd { font-size: 14px;}
    .brand-container .brand-info-wrap .brand-desc-wrap .brand-info-dl dl dt.for-mo { display: inline-block !important;}
    .instr-info-cont { margin: 0;}
    .instr-dtl-wrap .brand-info-wrap .brand-desc-wrap .brand-intro { margin-top: 0;}
    .instr-dtl-wrap .about-cont .brand-intro { height: 18px; font-size: 12px;}
    .instr-dtl-wrap .about-cont .brand-intro.expanded { height: auto;}
    .instr-dtl-wrap .pdBtn-text { font-size: 12px;}
    .instr-dtl-wrap .brand-desc-wrap .brand-btnGroup { display: flex;}
    .instr-dtl-wrap .brand-btn-wrap { margin-top: 20px;}
    .common-row-item .common-item-info .common-item-dec { display: block; width: 100%;}
    .instr-cont { padding: 0;}
    .instr-cont .filter-mobile-result { padding: 0;}
    .common-row-item .common-item-info { width: 100%;}
    .instr-cont .content-category-wrap { display: none;}
    .instr-cont .content-category-wrap.show { display: block;}
    .instr-cont .common-list-wrap { margin-top: 0;}

    /* .tab-cont-wrap .common-list-wrap.brand-wrap { padding: 0 24px;} */

    .content-category-wrap { padding: 12px 24px;}

    .common-btn-wrap .btn-more { width: 120px; height: 42px; font-size: 15px;}

/*  권한신청  */
    .authAply-sel-cont { padding: 0 16px;}
    .authAply-sel-cont.first-cont { padding: 100px 0;}

    /* 통합검색 */
    .common-rslt-txt { padding: 16px;}
}

@media screen and (max-width: 768px) {
    /* Common */
    .mid-wrap .notice-wrap strong, .mid-wrap .mylevel-wrap strong, .myshelf .common-tit{ font-size: 16px;}

    /* 공지사항 */
    .noti-title{ flex-direction: column; gap: 10px; }
    .noti-title h3 { width: 100%; font-size: 20px; line-height: 1.4; letter-spacing: -1px; text-align: left; }
    .noti-title span{ display: inline-block; width: 100%; font-size: 14px; line-height: 1.4; letter-spacing: -0.28px; text-align: left; }
    .noti-conts{ font-size: 14px; }
    .file-list{ font-size: 14px; }

    /* 문의 내역 상세 팝업 */
    .inqr-info-wrap { padding: 0;}
    .inqr-info-top { flex-direction: column; align-items: flex-start; margin-bottom: 30px;}
    .inqr-info-top img,
    .inqr-info-top .img-box { width: 100%;}
    .inqr-info-top .inqr-top-cont { gap: 0;}
    .inqr-info-top .inqr-top-cont .inqr-state-text { margin-bottom: 12px; font-size: 15px; line-height: 1.33; color: #e5e5e5;}
    .inqr-info-top .inqr-top-cont .inqr-title { margin-bottom: 20px; font-size: 25px;}
    .inqr-info-top .inqr-top-cont .inqr-date { margin-bottom: 20px; font-size: 15px; line-height: 1.5;}
    .inqr-cont-wrap { display: flex; flex-direction: column; gap: 20px;}
    .inqr-cont-wrap .inqr-cont > p { margin-bottom: 8px; font-size: 14px; font-weight: 500; line-height: 1.71; color: #fff;}
    .inqr-cont-wrap .inqr-cont > p strong { display: inline-block; margin-right: 4px; font-size: 16px;}
    .inqr-cont-wrap .inqr-cont textarea.k-textarea { height: 100px; padding: 10px; font-size: 14px; letter-spacing: -0.28px;}

    .common-sub-section-wrap .common-list-wrap.myshelf { grid-template-columns: repeat(2, 1fr); }
    .common-sub-section-wrap .common-list-wrap.brand-dtl-wrap { grid-template-columns: repeat(2, 1fr); }

    /* Myshelf > 브랜드 신청 */
    .myshelf-info-del-wrap .del-check-wrap, .myshelf-info-del-wrap .sub-info-text { width: 100%;}
    .brand-intro-wrap .intro-inner-wrap{ width: 100%; padding-left: 20px; padding-right: 20px; }

    .common-sub-section-wrap .common-list-wrap.brand-wrap { /*grid-template-columns: repeat(2, minmax(0, 1fr));*/ gap: 20px 16px !important; padding: 0 7px;}
    /*.brand-wrap .brand-item { aspect-ratio: 171 / 206.26;}*/

    /* 브랜드 상세 */
    .status-unsubs-area, .status-rejected-area{ padding: 15px 0; }
    .status-unsubs-area .rlst-info, .status-rejected-area .rlst-info{ margin-top: 15px;}
    .brand-tab-cont .review-grid { max-height: none !important; min-height: 500px !important;}

/*  강의 상세  */
    .prdct-dtl-cont-wrap .tab-nav-wrap li { width: auto;}
    .prdct-dtl-cont-wrap .tab-nav-wrap li .tab-btn { min-width: auto; white-space: nowrap;}

/*  관심/시청/가입 리스트  */
    .sub-sec-container .tab-nav-wrap { gap: 18px;}
    .sub-sec-container .tab-nav-wrap li { width: 100%;}
    .sub-sec-container .tab-nav-wrap li .tab-btn { display: flex; justify-content: center; align-items: center; width: 100%; padding: 0;}
    /* .tab-cont-wrap .common-list-wrap.brand-wrap { padding: 0 24px;} */

/*  시청 리스트  */
    .myshelf .common-tit-wrap { margin: 20px 0;}
    .common-list-wrap.myshelf { padding: 0;}
    /* .myshelf .common-tit-wrap .common-tit { display: none;} */

/*  관심/시청/가입 리스트  */
    .myshelf-list-wrap.watched {gap: 0 !important;}
    .myshelf-list-wrap.watched .brand-item { gap: 15px; padding: 8px 0;}
    .myshelf-list-wrap.watched .brand-item .brand-img { width: 36px; height: 36px;}
    .myshelf-list-wrap.watched .brand-item .brand-item-info { gap: 0;}
    .myshelf-list-wrap.watched .brand-item .brand-item-title { font-size: 14px; line-height: normal;}
    .myshelf-list-wrap.watched .brand-item .dot-list { flex-direction: column; gap: 0; align-items: flex-start;}
    .myshelf-list-wrap.watched .brand-item .dot-list li { font-size: 11px; line-height: normal;}
    .myshelf-list-wrap.watched .brand-item .dot-list li:before { display: none;}
    .myshelf-list-wrap.watched .brand-item .brand-item-info > p { display: none;}

/*  통합검색  */
    .rslt-not-data > div p { font-size: 16px;}
    .rslt-not-data > div > span { font-size: 14px;}

    .common-rslt-txt { padding: 10px 16px 0;}
    .inti-search-wrap .common-list-wrap { padding: 0 16px;}
    .inti-search-wrap .sub-sec-container .common-tit-wrap .common-tit { font-size: 16px;}

/*  강사프로필  */
    .common-row-item { flex-direction: column; gap: 25px;}
    .common-row-item .common-item-img { width: 100%;}
    .common-row-item .common-item-info .common-item-title { margin-bottom: 16px; font-size: 18px;}
    .common-row-item .common-item-info .common-item-dec { margin-bottom: 12px; font-size: 14px;}
    .common-row-item .common-item-info .review-area { margin-bottom: 8px; font-size: 14px;}
    .common-row-item .common-item-info .common-item-instr { margin-bottom: 12px; font-size: 14px;}
    .instr-info-cont { width: 100%;}
    .common-row-item .price-wrap .price-discount { font-size: 20px;}
    .common-row-item .price-wrap .price-amount p { font-size: 20px;}
    .common-row-item .price-wrap .price-origin-wrap,
    .common-row-item .price-wrap .price-origin,
    .common-row-item .price-wrap .price-origin-wrap .price-unit { font-size: 14px;}

/*   계정신청 */
    .myshelfInfo .dropdown { background-position: 96% center;}
    .authAply-sel-cont { width: 100%; padding: 0;}
    .authAply-sel-cont > div { gap: 30px;}
    .authAply-txt { gap: 10px;}
    .authAply-txt strong { font-size: 24px; letter-spacing: -0.48px;}
    .authAply-txt span { width: 250px; text-align: center; line-height: 1.6; letter-spacing: -0.28px; word-break: keep-all; color: #d2d2d2;}
    .authAply-label-wrap { width: 100%;}
    .authAply-label-wrap li label { gap: 15px; padding: 15px;}
    .authAply-label-wrap li label strong { font-size: 16px; line-height: 1.5;}
    .authAply-label-wrap li label strong span { font-size: 12px; line-height: 1.6;}

    .authAply-sel-cont .step-wrap { gap: clamp(20px, 7vw, 54.3px); margin-bottom: 20px;}
    .authAply-sel-cont .step-wrap .step-inner-wrap strong { width: auto;}
    .authAply-sel-cont .step-wrap.act-3::before { width: 100%;}

    .authAply-sel-cont .step-cont { border-top: 1px solid #404040;}
    .authAply-sel-cont .step-cont.first { padding: 100px 0;}
    .authAply-sel-cont .step-cont.two { border-top: 0;}
    .authAply .step-cont .step-text-cont { padding: 0;}
    .authAply .step-cont .mo { display: block;}
    .authAply .step-cont .step-text-cont .text-box { gap: 10px; margin-bottom: 30px;}
    .step-cont .step-text-cont .text-box strong { word-break: keep-all;}
    .step-cont .step-text-cont .text-box span { word-break: keep-all;}

    .authAply .form-group-wrap { gap: 25px;}
    .authAply .form-group-wrap .form-group { gap: 6px; font-size: 14px;}
    .authAply .form-group-wrap .form-group > div { gap: 6px;}
    .authAply .form-group .inner-df-wrap { flex-direction: column; gap: 6px; width: 100%;}
    .authAply .form-group .inner-df-wrap.cert-wrap { flex-direction: row;}
    .authAply .form-group-wrap .form-group label,
    .authAply .form-group-wrap .form-group .label { font-size: 14px;}
    .authAply .form-group .btn-border { width: 100%;}
    .authAply .form-group-wrap .certNum-group > div { flex-direction: row; gap: 6px; width: 100%;}
    .authAply .form-group-wrap .certNum-group { width: 100%;}
    .authAply .form-group-wrap .certNum-group .btn-border { flex-shrink: 0; width: 90px;}
    .authAply .form-group-wrap .form-group .radio-box-wrap { gap: 20px;}
    .authAply .form-group .input-icon-box { height: 42px;}
    .authAply .join-category-wrap .dropdown { height: 42px;}
    .authAply .join-category-wrap .icon-arrow-right { display: none;}
    .authAply .form-group .join-category-wrap .btn-border { width: 100%;}
    .authAply .common-textarea.join { height: 130px;}
    .authAply .join-agree-wrap { margin-bottom: 0;}

    .authAply .form-group .inner-df-row-wrap { flex-direction: row;}
    .authAply .form-group .inner-df-row-wrap .btn-border { width: 90px;}
    .authAply .step-cont .common-scroll .pdBtn-wrap-center .btn-red { margin-bottom: 20px;}

    .authAply-comply { border-top: solid 1px #404040;}
    .authAply-comply .rlst-info { margin-top: 100px;}

    .k-tabstrip-items { overflow-x: auto;}
    .k-tabstrip-items .k-link { white-space: nowrap;}


    /* 서브 홈 */
    /* 서브 검색 */
    .sub-search-wrap .common-list-wrap { padding: 24px 0 !important; }
}

/* 작은 사이즈 */
@media screen and (max-width: 375px) {
    .prdct-dtl-cont-wrap .tab-nav-wrap { gap: 10px;}
}