.bo_fx { padding:0 !important; }
.login_tit { border-bottom:1px solid #ddd; padding:14px 15px; text-align:center; position:relative; }
.login_tit a.prev_btn { position:absolute; top:10px; left:15px; }
.login_tit h2 {font-size: 18px; font-weight: bold; background: #fff;
    border: none;
    display: inline-block;
    vertical-align: middle; }
.login_wrap ul { margin-top:15px; text-align:center; }
.login_wrap ul li { display:inline-block;  }
.login_wrap ul li a { color:#7c7878; font-weight:bold; }
.login_wrap ul li span { margin:0 5px;}
.login_wrap ul li.on a { color:#f6416c; }
a.btn_b02 { background:#ffb9ca; color:#fff; width:100%; text-align:center; font-size:16px; border:0;}
	
/* tnb */
#tnb{position:relative;width:100%;height:46px;margin:0;background:#fff; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
#tnb ul{position:relative;width:100%;margin:0 auto}
#tnb ul li{float:left; width:22%; line-height:46px; border-right:1px solid #dedede}
#tnb ul li.home{padding:0 13px 0 13px;width:19px; height:46px; line-height:46px; border-left:1px solid #dedede;}
#tnb ul li.tnb_dep01{background:url('/lenstown/images/tnb_arrow01.gif')no-repeat 200px}
#tnb ul li.tnb_dep02{background:url('/lenstown/images/tnb_arrow02.gif')no-repeat 200px}
#tnb ul li.tnb_dep01 a, #tnb ul li.tnb_dep02 a{display:block; font-size:16px;letter-spacing:0.5px; padding:0 15px;}
#tnb ul li.tnb_dep01 a{color:#acacac}
#tnb ul li.tnb_dep02 a.select{color:#333; font-weight:400;}

#tnb ul li dl.dep01_under, #tnb ul li dl.dep02_under{position:absolute;z-index:999;top:45px;width:230px;/*padding:10px 25px;*/background:#fff;opacity:0.95; border-bottom:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede;}
#tnb ul li dl.dep01_under{top:46px; left:46px}
#tnb ul li dl.dep02_under{top:46px; left:277px}
#tnb ul li dl.dep01_under dd, #tnb ul li dl.dep02_under dd{border-top:1px solid #dedede;}
#tnb ul li dl.dep01_under dd:first-child, #tnb ul li dl.dep02_under dd:first-child{border-top:1px solid #dedede;}
#tnb ul li dl.dep01_under dd a, #tnb ul li dl.dep02_under dd a{font-size:14px;color:#acacac; padding:0 15px;}
#tnb ul li dl.dep01_under dd a:hover, #tnb ul li dl.dep02_under dd a:hover{color:#333; background:#f9f9f9; font-weight:500;}

ul.tab_menu02_mo {
	display: flex;
    padding: 30px 0px 16px 0px;
    gap:0 10px;
}

ul.tab_menu02_mo li {
	width: 50%;
}

ul.tab_menu02_mo li.on {
	;
}

ul.tab_menu02_mo li a {
	display: flex;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 0px;
    padding: 16px;
    font-size: 15px;
    font-weight: 600;
    font-weight: normal;
}

ul.tab_menu02_mo li.on a {
	color: #fff;
    border: 0;
    background: #a9b44b;
}


.paging{
    display: flex;
    justify-content: center;
    gap: 0 5px;
    align-items: center;
}
.paging a{
    display:block;
    width:24px;
    height:24px;
    border-radius:12px;
    line-height: 24px;
    text-align: center;
}
.paging a.on{
    background:#a9b44b;
    color:#fff;
    font-weight: 500;
}
/*new*/

/* =====================================
   THE PIEL - MOBILE REVIEW LIST 2.0
===================================== */

.event_wrap_mo .review-list-item {
    padding: 22px 16px;
    background: #fff;
    border-bottom: 1px solid #edf0f2;
    font-weight: 400;
    transition: background-color .2s ease;
}

/* 상단: 작성자 / 상품명 */
.event_wrap_mo .review-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 0 16px;
}

.event_wrap_mo .review-list-user {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    cursor: pointer;
}

.event_wrap_mo .review-list-nickname {
    font-size: 13px;
    font-weight: 600;
    color: #222;
}

.event_wrap_mo .review-list-user .star img {
    display: block;
    width: auto;
    height: 12px;
    margin: 0;
}

.event_wrap_mo .review-list-product {
    max-width: 45%;
    font-size: 11px;
    line-height: 1.5;
    color: #9298a0;
    text-align: right;
    overflow-wrap: anywhere;
}

/* 본문: 텍스트 + 썸네일 */
.event_wrap_mo .review-list-body {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    cursor: pointer;
}

.event_wrap_mo .review-list-content {
    flex: 1;
    min-width: 0;
    padding: 0;
}

.event_wrap_mo .review-list-subject {
    padding: 0;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: #242424;
    overflow-wrap: anywhere;
}

.event_wrap_mo .review-list-description p {
    margin: 0;
    color: #686d73;
    font-size: 13px;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.event_wrap_mo .review-list-date {
    padding: 0;
    margin-top: 14px;
    font-size: 11px;
    color: #a0a5ac;
}

/* 정사각형 썸네일 */
.event_wrap_mo .review-list-thumbnail {
    flex: 0 0 96px;
    width: 96px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 12px;
    background: #f5f5f5;
}

.event_wrap_mo .review-list-thumbnail .pho_re {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

/* 탭 */
.event_wrap_mo .tab_menu02_mo {
    margin-bottom: 8px;
}

/* 페이징 */
.event_wrap_mo .review-list-paging {
    margin: 28px 0 48px;
}

/* 작은 모바일 */
@media (max-width: 360px) {
    .event_wrap_mo .review-list-item {
        padding: 18px 12px;
    }

    .event_wrap_mo .review-list-body {
        gap: 12px;
    }

    .event_wrap_mo .review-list-thumbnail {
        flex-basis: 80px;
        width: 80px;
    }

    .event_wrap_mo .review-list-subject {
        font-size: 14px;
    }
}

/* ========================================
   MOBILE REVIEW MODAL
======================================== */

/* 배경 스크롤 잠금 */
body.review-modal-open {
    overflow: hidden;
}

/* 전체 모달 */
.review-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}

.review-modal.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

/* 어두운 배경 */
.review-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 18, 24, .7);
}

/* 팝업 본체 */
.review-modal-dialog {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 480px;
    max-height: calc(100dvh - 32px);
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .18);
    transform: translateY(14px);
    transition: transform .25s ease;
}

.review-modal.is-open .review-modal-dialog {
    transform: translateY(0);
}

/* 헤더 */
.review-modal-header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
}

.review-modal-title {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    color: #222;
}

/* 닫기 */
.review-modal-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #444;
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
}

/* AJAX 콘텐츠 */
.review-modal-content {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

/* 기존 상세 레이아웃과 연결 */
.review-modal-content #m_oh_review_detail_box {
    position: static;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: visible;
}

.review-modal-content #m_oh_review_detail {
    position: static;
    width: 100%;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    transform: none;
    overflow: visible;
}

/* 이전 상세 닫기 버튼은 사용하지 않음 */
.review-modal-content .review_detail_close {
    display: none;
}

/* 로딩 */
.review-modal-loading {
    padding: 70px 20px;
    text-align: center;
    font-size: 13px;
    color: #888;
}

/* 작은 화면 */
@media (max-width: 360px) {
    .review-modal {
        padding: 10px;
    }

    .review-modal-dialog {
        max-height: calc(100dvh - 20px);
        border-radius: 14px;
    }
}