/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */
.hide_headline .headline-short {
        display: none;
}
.img-responsive {
        margin: 0 auto;
}
.img-responsive_login {
        margin: 0 width:50%;
}
.homepage-shop-widget .row.product-main-30 > div { display: none; }
.homepage-shop-widget .row.product-main-30 > div:nth-child(1) { display: inherit; }
.homepage-shop-widget .row.product-main-30 > div:nth-child(2) { display: inherit; }
@media (min-width: 767px) {
        .homepage-shop-widget .row.product-main-30 > div:nth-child(3) { display: inherit; }
        .homepage-shop-widget .row.product-main-30 > div:nth-child(4) { display: inherit; }
}

.sweet-alert .sa-confirm-button-container button.confirm { background-color: #8244ad !important; }
.header-topbar .flag-container { padding-right: 10px; }
.header-topbar .flag-container a { float: left; margin-left: 10px; }
.header-topbar .flag-container img { width: 24px; box-shadow: 1px 1px 2px rgba(0,0,0,0.4); }

.tab-scroll-page-category #tab-mobile-menu {position:relative;overflow:hidden;height:35px;line-height:25px;z-index:1}
.tab-scroll-page-category .page-category-list { width: 1870px !important; }
.tab-scroll-page-category #tab-mobile-menu .page-category-list span {padding:0 10px;color:#858585;text-align:center;cursor:pointer;display:inline-block}
.tab-scroll-page-category #tab-mobile-menu .page-category-list span a {color:#fff;display:inline-block;height:35px}
.tab-scroll-page-category #tab-mobile-menu .page-category-list span.active a {color:#fff;font-weight:bold;height:35px;border-bottom:0px solid #000;z-index:1}

.square {position: relative;width: 100%;}
.square:after {content: "";display: block;padding-bottom: 75%;}
.square .content {position: absolute;width: 100%;height: 100%;background-size:cover;background-position:center center;border:1px solid #e5e5e5;cursor: pointer;display: flex; justify-content: center; align-items: center;}
.square .content .no-image-text { display: none; color: #666; }
.square .content.no-image .no-image-text {display: block;}
.square .image-cover { background: linear-gradient(    to bottom,    hsla(0, 0%, 0%, 0) 40%, hsla(0, 0%, 0%, 0.5) 100%  ); position:absolute; left:0;right:0;top:0;bottom:0; display:flex; align-items: flex-end; color:#e5e5e5; padding: 5px;}

.square.member { cursor: pointer; }
.page-dating .member-list .row { margin: 0; }
.page-dating .member-list .row .col { padding: 2px; }

.mobile-header-sticky-bar { display: none; }


.onOff { position: absolute; right: 5%; top: 7%; font-size: 0.5em; }
.onOff.on i { color: #26C281; }
.onOff.off i { color: gray; }

.bbs-top-banner .eb-slider-basic { display: flex; }
.bbs-top-banner .eb-slider-basic .eb-slider-list-item { flex: 1; }
.mobile-nav-trigger { text-align: right; font-size: 1.313rem; }
.mobile-nav-trigger .btn-login { margin: 6px 10px 0 0; }
.mobile-nav-trigger a { float: right; }

/* 폰트 키우기 */
//.eyoom-form { font-size:.815rem; }
//.eyoom-form .label { font-size:.875rem; }
//.eyoom-form .checkbox, .eyoom-form .radio { font-size:.815rem; }

/* 게시판 제목 클릭 되도록 */
//.td-subject { cursor:auto; }

@media (max-width: 576px) {
.square .image-cover { padding: 5px; font-size: 0.8em; }
.header-title .header-title-in {margin-top: 0; height:50px;}
.mobile-header-sticky-bar { display: block; }
.header-title .header-title-in .title-image-left { margin-top: 5px; }
.basic-body-page .tab-scroll-page-category { margin-top: 0; }
.queer-news-widget .gallery-item:nth-child(3) { display: none; }
.queer-news-widget .gallery-item:nth-child(4) { display: none; }
.dropdown-menu > li > a.menu013002 { display: none; }
.dropdown-menu > li > a.menu013001 { display: none; }
.dropdown-menu > li > a.menu013004 { display: none; }
.page-title-wrap { display: none;}

.tab-scroll-page-category .controls .btn { background: none; color: white; }
.sv_wrap .sv a { font-size: .875rem; }
.member-list-wide { margin-left: -11px; margin-right: -11px; }
}
@media (min-width: 992px) {
.page-title-wrap { display: none;}
}
@media (min-width: 1200px) {
.page-title-wrap { display: none;}
}

/* ========================================
   바로가기 아이콘 pill 박스 — aside 오른쪽 외부 배치
   ======================================== */
.side-nav-pill-box {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 10px;
    width: 64px;
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,0.09);
    box-shadow: 0 4px 16px rgba(0,0,0,0.09);
    padding: 6px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    z-index: 10;
}
.side-nav-pill-box a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 3px;
    color: #555555;
    text-decoration: none !important;
    transition: color 0.15s ease, background-color 0.15s ease;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    line-height: 1;
}
.side-nav-pill-box a:last-child {
    border-bottom: none;
}
.side-nav-pill-box a:hover {
    color: #00a29a;
    background-color: rgba(0,162,154,0.07);
    text-decoration: none !important;
}
.side-nav-pill-box a i {
    font-size: 1.2rem;
    margin-bottom: 4px;
    display: block;
}
.side-nav-pill-box a span {
    font-size: 0.63rem;
    line-height: 1.2;
    text-align: center;
    color: inherit;
    word-break: keep-all;
    letter-spacing: -0.02em;
}

/* 다크모드 */
.dark-mode .side-nav-pill-box {
    background: #252525;
    border-color: rgba(255,255,255,0.1);
    box-shadow: 0 3px 14px rgba(0,0,0,0.25);
}
.dark-mode .side-nav-pill-box a {
    color: #aaaaaa;
    border-bottom-color: rgba(255,255,255,0.06);
}
.dark-mode .side-nav-pill-box a:hover {
    color: #00a29a;
    background-color: rgba(0,162,154,0.1);
}

/* 공간이 부족한 화면 폭에서는 숨김 */
@media (max-width: 1299px) {
    .side-nav-pill-box {
        display: none;
    }
}

/* 메인 메뉴바 다크모드 토글 버튼 */
@media (max-width:991px) {
    .nav-wrap .nav-darkmode-btn {display:none}
    .nav-wrap .navbar {min-height:0;height:0;overflow:hidden}
}
.nav-darkmode-btn {
    margin-left: auto;
    color: #fff !important;
    font-size: 1.1rem;
    padding: 0 14px !important;
    height: 100%;
    opacity: 0.85;
    transition: opacity 0.15s ease;
}
.nav-darkmode-btn:hover {
    opacity: 1;
}
.nav-darkmode-btn .fa-moon {
    color: #fff !important;
}
.nav-darkmode-btn .fa-sun {
    color: #ffd700 !important;
}