/* 리뷰*/
.review_wrap                  { width:100%;  background:#fff; padding-bottom:25px; padding-top:22px; }

/* 헤더 이미지 */
.review_wrap .review_header   { width:1200px; height:300px; margin:0 auto 30px; overflow:hidden; }
.review_wrap .review_header img { width:100%; height:100%; display:block; object-fit:cover; }

.review_wrap .review_tit      { position:relative; height:50px; border-bottom:2px solid #000}
.review_wrap .review_tit h2   { margin: 15px 0 0px 0; float:left; width:70%; }
.review_wrap .review_tit p    { float:right; text-align:right; width:30%; font-size:14px; font-weight:400; margin:0; line-height:50px; }
.review_wrap .review_tit p .on{ font-weight:800; }

.review_wrap #wrap { width:1200px; margin:0 auto; background:#fff; color:#fff;  padding:20px; }
.review_wrap #wrap p.link { padding-top:10px; font-size:12px; }
.review_wrap #wrap p.link a { color:#fff; }
.review_wrap #wrap h2{ color:#000; font-size:46px; font-weight:400; margin:60px auto 10px;text-align:center;}
.review_wrap p{ display:block; margin:20px 0 0; color:#333; text-align:center; font-size:16px; }
.review_wrap #wrap h3{ background:#fff;color:#3498db;font-size:36px;line-height:100px;margin:10px;padding:2%;position:relative;text-align:center;}
.review_wrap #wrap div.variable-width p { background: #fff; height: 100px; color:#3498db; margin: 5px; line-height: 100px; font-size:16px; text-align:center; }
.review_wrap #wrap .slick-slide img{/*border:5px solid #FFF;*/display:block;width:100%;}
.review_wrap #wrap .slick-slide img.slick-loading{border:0 }
.review_wrap #wrap .slick-slide .image { padding:10px; }
/*.review_wrap #wrap .button{background:#3498db;color:#fff;display:inline-block;font-size:16px;margin:10px auto;padding:20px 2%;text-align:center;text-decoration:none;width:44%;background:#FFF;color:#3498db; margin-bottom: 40px;}*/
.review_wrap #wrap .button{background:#404040;color:#fff;display:inline-block;font-size:16px;margin:10px auto;padding:20px 2%;text-align:center;text-decoration:none;width:20%;margin: 20px 40% 40px 40%;}
.review_wrap #wrap .center .slick-center h3{-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);-webkit-transform:scale(1.08);color:#e67e22;opacity:1;transform:scale(1.08);}
.review_wrap #wrap .center h3{opacity:0.8;transition:all 300ms ease;}
.review_wrap .review_btn{ margin:25px auto 50px; display:block; width:170px; height:45px; line-height:45px; font-size:20px; text-align:center; border:2px solid #222; border-radius: 30px}
.slick-dots{ display:none}
.autoplay .box{border:1px solid #dcddde; margin-right:18px}
.autoplay .box:last-child{margin-right:0px}
.review_wrap .img{ display:block; border:0; margin-bottom:25px}
.review_wrap .img img{ border:0}
.review_wrap .icon_star5{ display:flex; float:left; margin-left:10px; }
.review_wrap .icon_star5::before{ content:"★★★★★"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }

.review_wrap .icon_star4{ display:flex; float:left; margin-left:10px; }
.review_wrap .icon_star4::before{ content:"★★★★☆"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }

.review_wrap .icon_star3{ display:flex; float:left; margin-left:10px; }
.review_wrap .icon_star3::before{ content:"★★★☆☆"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }

.review_wrap .icon_star2{ display:flex; float:left; margin-left:10px; }
.review_wrap .icon_star2::before{ content:"★★☆☆☆"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }

.review_wrap .icon_star1{ display:flex; float:left; margin-left:10px; }
.review_wrap .icon_star1::before{ content:"★☆☆☆☆"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }
.review_wrap .name{ display:block; float:right; margin-right:10px; ; font-size:9px; color:#aaa; line-height:100%; margin-top:8px}
.review_wrap .txt{ display:block;  margin:55px 10px 35px; font-size:12px; color:#666; line-height:160%; text-align:justify}
.review_wrap .txt .tit{ display:block; margin-bottom:10px; font-weight:500; font-size:16px; color:#000; }
.review_wrap .txt .txt_content{ white-space: pre-wrap; line-height: 1.5; }

/* 팝업 */
/* #reviewPopup 스타일은 modal-common.js에서 관리 */
#reviewPopup .naple-modal-container {
    background: #fff;
    padding: 20px;
    border: none;
}

#reviewPopup .naple-modal-content {
    overflow-y: visible;
    max-height: none;
}

#reviewPopup button     { cursor:pointer;}
/* .title 스타일은 modal-common.js에서 공통 처리 */

#reviewPopup .tit{position:relative; height:105px; padding-left:20px}
#reviewPopup .tit h6{ color:#000; font-weight:600; margin-bottom:5px; font-size:18px}
#reviewPopup .tit .name{float:none;  font-size:16px; text-align:left}
#reviewPopup .tit .icon_star5{ display:flex; float:none; margin-bottom:10px; }
#reviewPopup .tit .icon_star5::before{ content:"★★★★★"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }

#reviewPopup .tit .icon_star4{ display:flex; float:left; margin-left:10px; }
#reviewPopup .tit .icon_star4::before{ content:"★★★★☆"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }

#reviewPopup .tit .icon_star3{ display:flex; float:left; margin-left:10px; }
#reviewPopup .tit .icon_star3::before{ content:"★★★☆☆"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }

#reviewPopup .tit .icon_star2{ display:flex; float:left; margin-left:10px; }
#reviewPopup .tit .icon_star2::before{ content:"★★☆☆☆"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }

#reviewPopup .tit .icon_star1{ display:flex; float:left; margin-left:10px; }
#reviewPopup .tit .icon_star1::before{ content:"★☆☆☆☆"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }

#reviewPopup .con      {position:relative; text-align:center !important;}
#reviewPopup .con .img { display:inline-block; margin:0 auto 25px; position:relative; width:675px; height:450px;}
#reviewPopup .con .img img { width:675px; height:450px; object-fit:contain; display:block; }
#reviewPopup .con .con_txt{ display:block; border-top:2px solid #000000; padding:20px; color:#000; line-height:1.5; text-align:left; white-space: pre-wrap; max-height: 150px; overflow-y: auto; }
#reviewPopup .con .button{ background:#404040; color:#fff;display:inline-block;font-size:16px;margin:10px auto;padding:15px 20px 2%;text-align:center;text-decoration:none;width:20%;margin: 20px 40% 0} 

.review_wrap .list_tab{ position:relative; background:#f6f6f6; height:40px; padding:28px 30px 50px; margin-top:10px}
.review_wrap .list_tab p{display:block; float:left; margin:0 10px}
.review_wrap .list_tab .on{ font-weight:600; color:#222}
.review_table{ position:relative;overflow:hidden; padding-bottom:150px}
.review_table .tbl-basic{ width:100%}
.review_table table td{border-bottom:1px solid #d7d8d9; padding:15px; vertical-align:middle;}
.review_table table td img{width:100px; height:100px; object-fit:cover;}
.review_table .icon_star5{ display:flex; }
.review_table .icon_star5::before{ content:"★★★★★"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }

.review_table .icon_star4{ display:flex; }
.review_table .icon_star4::before{ content:"★★★★☆"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }

.review_table .icon_star3{ display:flex; }
.review_table .icon_star3::before{ content:"★★★☆☆"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }

.review_table .icon_star2{ display:flex; }
.review_table .icon_star2::before{ content:"★★☆☆☆"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }

.review_table .icon_star1{ display:flex; }
.review_table .icon_star1::before{ content:"★☆☆☆☆"; font-size:24px; color:#ffd200; line-height:1; letter-spacing:-2px; }
.review_table .con_txt{font-size:14px; color:#333; line-height: 1.5; text-align: left; }
.review_table .stit{ font-weight:600; font-size:16px; margin-bottom:5px; display:inline-block; text-align: left; }
.review_table .data{color:#666; font-size:13px; padding-left:50px; vertical-align:middle;}
.review_table .review_content{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1.5;
    max-height: 4.2em;
    white-space: normal;
    user-select: none;
    text-align: left;
}

.paging{position:absolute; padding:50px 0 ;left: 50%;transform: translate(-50%);}
.paging p{ float:left; margin:3px; border:1px solid #0f0f0f; width:25px; height:25px; line-height:25px; text-align:center;}
.paging .on{border:1px solid #f36f21; color:#f36f21}

/* 리뷰 슬라이더 네비게이션 화살표 - 리뷰 카드 아래 중앙 */
.naple_main_review_box {
    position: relative;
    padding-bottom: 80px; /* 아래 여백 확보 */
}

.review_nav {
    position: absolute;
    bottom: 20px;
    background-color: transparent;
    border: none;
    color: #222;
    font-size: 30px;
    cursor: pointer;
    z-index: 10;
    transition: color 0.3s ease;
}

.review_nav:hover {
    color: #f36f21;
}

.review_nav_prev {
    left: 50%;
    margin-left: -40px;
}

.review_nav_next {
    left: 50%;
    margin-left: 20px;
}