.naple_main_top_banner_box_01 { width: 100%; height: 380px;}
.naple_main_top_banner_box_02 { margin: 0 auto; width: 1200px;}
/*
.naple_main_top_banner_001 { float: left; margin-left: 94px; padding-top: 36px;}
.naple_main_top_banner_001 .top_banner_title_01 { font-size: 46px; line-height: 56px; font-weight: 100;}
.naple_main_top_banner_001 .top_banner_title_02 { font-size: 46px; font-weight: bold; }
.naple_main_top_banner_001 .top_notice_title_01 { font-size: 32px; line-height: 42px; font-weight: bold; width: 420px; height: 100px; }
.naple_main_top_banner_001 .top_banner_text { margin: 30px 0 20px 0; font-size: 20px; font-weight: 500; line-height: 28px;}
.naple_main_top_banner_001 .top_notice_text { margin: 30px 0 20px 0; font-size: 20px; font-weight: 500; line-height: 28px; width: 420px; }
.naple_main_top_banner_001 button { width: 85px; height: 36px; font-size: 16px; line-height: 36px; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 4px;}
 */
.naple_main_top_banner_002 { float: right; margin: 20px; height: 360px;}
.naple_wrapper { position: relative; width: 100%; height: 380px;}
.naple_wrapper input { display: none;}
.inner { width: 700%; line-height: 0;}
article { float: left; position: relative; width: 14.28571428571429%;}
article img { width: 100%; height: 360px; }
.slider_prev_next_control { 
    position: absolute; margin-top: -20px; margin-left: -600px; top: 50%; left: 50%; width: 1200px; height: 50px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slider_prev_next_control label { display: none; width: 50px; height: 80px; opacity: .5; cursor: pointer;}
.slider_prev_next_control label:hover { opacity: 1;}
.slider_dot_control { position: absolute; width: 100%; bottom: 10px; text-align: center;}
.slider_dot_control label { display: inline-block; margin: 0 2px; width: 10px; height: 10px; cursor: pointer; border-radius: 5px; 
    background-color: rgba( 255, 255, 255, 0.5 );
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.slider_dot_control label:hover { background-color: #fff;}
.slider_wrapper {
  width: 100%;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}
.slider_wrapper .inner {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
}

.naple_main_top_banner_01 { background-color: #97d6d8;}
.naple_main_top_banner_01_001, .naple_main_top_banner_01_001 span { color: #014947;}
.naple_main_top_banner_02 { background-color: #e9bf5a;}
.naple_main_top_banner_02_001, .naple_main_top_banner_02_001 span { color: #53441e;}
.naple_main_top_banner_03 { background-color: #e7d686;}
.naple_main_top_banner_03_001, .naple_main_top_banner_03_001 span { color: #50441a;}
.naple_main_top_banner_04 { background-color: #b0d0ee;}
.naple_main_top_banner_04_001, .naple_main_top_banner_04_001 span { color: #1e417d;}
.naple_main_top_banner_05 { background-color: #c9c8bb;}
.naple_main_top_banner_05_001, .naple_main_top_banner_05_001 span { color: #484741;}
.naple_main_top_banner_06 { background-color: #b793c4;}
.naple_main_top_banner_06_001, .naple_main_top_banner_06_001 span { color: #3f3246;}
.naple_main_top_banner_07 { background-color: #e5b5b5;}
.naple_main_top_banner_07_001, .naple_main_top_banner_07_001 span { color: #473232;}

#slide1:checked ~ .slider_prev_next_control label:nth-child(7)::after, 
#slide7:checked ~ .slider_prev_next_control label:nth-child(6)::after, 
#slide6:checked ~ .slider_prev_next_control label:nth-child(5)::after, 
#slide5:checked ~ .slider_prev_next_control label:nth-child(4)::after, 
#slide4:checked ~ .slider_prev_next_control label:nth-child(3)::after, 
#slide3:checked ~ .slider_prev_next_control label:nth-child(2)::after, 
#slide2:checked ~ .slider_prev_next_control label:nth-child(1)::after, 

#slide7:checked ~ .slider_prev_next_control label:nth-child(1)::after,
#slide6:checked ~ .slider_prev_next_control label:nth-child(7)::after,
#slide5:checked ~ .slider_prev_next_control label:nth-child(6)::after, 
#slide4:checked ~ .slider_prev_next_control label:nth-child(5)::after, 
#slide3:checked ~ .slider_prev_next_control label:nth-child(4)::after, 
#slide2:checked ~ .slider_prev_next_control label:nth-child(3)::after, 
#slide1:checked ~ .slider_prev_next_control label:nth-child(2)::after {
  margin: 0;
  display: block;
}

#slide7:checked ~ .slider_prev_next_control label:nth-child(1)::after, 
#slide6:checked ~ .slider_prev_next_control label:nth-child(7)::after, 
#slide5:checked ~ .slider_prev_next_control label:nth-child(6)::after, 
#slide4:checked ~ .slider_prev_next_control label:nth-child(5)::after, 
#slide3:checked ~ .slider_prev_next_control label:nth-child(4)::after,
#slide2:checked ~ .slider_prev_next_control label:nth-child(3)::after, 
#slide1:checked ~ .slider_prev_next_control label:nth-child(2)::after {
    content: ''; width: 50px; height: 80px;
    background-image: url('/public/images/naple/main_top_banner_btn_right.png'); background-repeat: no-repeat;
}

#slide7:checked ~ .slider_prev_next_control label:nth-child(1), 
#slide6:checked ~ .slider_prev_next_control label:nth-child(7), 
#slide5:checked ~ .slider_prev_next_control label:nth-child(6), 
#slide4:checked ~ .slider_prev_next_control label:nth-child(5), 
#slide3:checked ~ .slider_prev_next_control label:nth-child(4), 
#slide2:checked ~ .slider_prev_next_control label:nth-child(3), 
#slide1:checked ~ .slider_prev_next_control label:nth-child(2) {
  display: block;  float: right;}

#slide1:checked ~ .slider_prev_next_control label:nth-child(7),
#slide7:checked ~ .slider_prev_next_control label:nth-child(6), 
#slide6:checked ~ .slider_prev_next_control label:nth-child(5), 
#slide5:checked ~ .slider_prev_next_control label:nth-child(4), 
#slide4:checked ~ .slider_prev_next_control label:nth-child(3),
#slide3:checked ~ .slider_prev_next_control label:nth-child(2), 
#slide2:checked ~ .slider_prev_next_control label:nth-child(1) {
  display: block; float: left;}

#slide1:checked ~ .slider_prev_next_control label:nth-child(7)::after, 
#slide7:checked ~ .slider_prev_next_control label:nth-child(6)::after, 
#slide6:checked ~ .slider_prev_next_control label:nth-child(5)::after, 
#slide5:checked ~ .slider_prev_next_control label:nth-child(4)::after, 
#slide4:checked ~ .slider_prev_next_control label:nth-child(3)::after,
#slide3:checked ~ .slider_prev_next_control label:nth-child(2)::after, 
#slide2:checked ~ .slider_prev_next_control label:nth-child(1)::after {
  content: ''; width: 50px; height: 80px;
  background-image: url('/public/images/naple/main_top_banner_btn_left.png'); background-repeat: no-repeat;
}
#slide7:checked ~ .slider_dot_control label:nth-child(7), 
#slide6:checked ~ .slider_dot_control label:nth-child(6), 
#slide5:checked ~ .slider_dot_control label:nth-child(5), 
#slide4:checked ~ .slider_dot_control label:nth-child(4), 
#slide3:checked ~ .slider_dot_control label:nth-child(3), 
#slide2:checked ~ .slider_dot_control label:nth-child(2), 
#slide1:checked ~ .slider_dot_control label:nth-child(1) {
  background-color: #fff;
}
#slide7:checked ~ .slider_wrapper article:nth-child(7) .info, 
#slide6:checked ~ .slider_wrapper article:nth-child(6) .info, 
#slide5:checked ~ .slider_wrapper article:nth-child(5) .info, 
#slide4:checked ~ .slider_wrapper article:nth-child(4) .info, 
#slide3:checked ~ .slider_wrapper article:nth-child(3) .info,
#slide2:checked ~ .slider_wrapper article:nth-child(2) .info,
#slide1:checked ~ .slider_wrapper article:nth-child(1) .info {
  opacity: 1;
}

#slide1:checked ~ .slider_wrapper .inner {
  margin-left: 0%;
}
#slide2:checked ~ .slider_wrapper .inner {
  margin-left: -100%;
}
#slide3:checked ~ .slider_wrapper .inner {
  margin-left: -200%;
}
#slide4:checked ~ .slider_wrapper .inner {
  margin-left: -300%;
}
#slide5:checked ~ .slider_wrapper .inner {
  margin-left: -400%;
}
#slide6:checked ~ .slider_wrapper .inner {
  margin-left: -500%;
}
#slide7:checked ~ .slider_wrapper .inner {
  margin-left: -600%;
}

.naple_main_best_box     { margin-top: 60px;}
.naple_main_best_box h2  { font-weight: 600;}
.naple_main_best_list    { margin: 17px 0 10px 0;}
.naple_main_best_list li {
  float: left; display: inline; margin-right: 26px; margin-bottom: 26px; padding: 0px; width: 280px; height: 427px; border-radius: 7px; border-width: 1px; border-style: solid; border-color: #efefef; border-collapse: separate; background-color: #f7f8fc; box-shadow : 0px 1px 1px 1px #fafafa;
}
.naple_main_best_list li:hover { cursor: pointer;}
.naple_main_best_list li:last-child { margin-right: 0px;}
.naple_main_best_list li label { margin-left: 3px; text-align: left; font-size: 18px; color: #121212; }
.naple_main_best_list li h     { padding: 3px 0px 0px 17px; text-align: left; color: #212121; font-weight:700;  font-size:17px;}
.naple_main_best_list li p     { padding: 3px 0px 0px 17px; text-align: left; color: #323232; }
.naple_main_best_list li b     { padding: 3px 0px 0px 20px; text-align: left; color: #121212; font-size: 23px; font-weight:900;}
.naple_main_best_list li img   { width: 278px; height: 260px; border-radius: 7px 7px 0 0; object-fit: cover; margin-bottom: 28px; }


.naple_main_second_box     { margin-top: 60px;}
.naple_main_second_box h2  { font-weight: 600;}
.naple_main_second_list    { margin: 17px 0 10px 0;}
.naple_main_second_list li {
  float: left; display: inline; margin-right: 26px; margin-bottom: 26px; padding: 0px; width: 382px; height: 427px; border-radius: 7px; border-width: 1px; border-style: solid; border-color: #efefef; border-collapse: separate; background-color: #f7f8fc; box-shadow : 0px 1px 1px 1px #fafafa;
}
.naple_main_second_list li:hover { cursor: pointer;}
.naple_main_second_list li:last-child { margin-right: 0px;}
.naple_main_second_list li label { margin-left: 3px; text-align: left; font-size: 18px; color: #121212; }
.naple_main_second_list li h     { padding: 3px 0px 0px 17px; text-align: left; color: #212121; font-weight:700;  font-size:17px;}
.naple_main_second_list li p     { padding: 3px 0px 0px 17px; text-align: left; color: #323232; }
.naple_main_second_list li b     { padding: 3px 0px 0px 20px; text-align: left; color: #121212; font-size: 23px; font-weight:900;}
.naple_main_second_list li img   { width: 380px; height: 260px; border-radius: 7px 7px 0 0; object-fit: cover; margin-bottom: 28px; }


.naple_main_tabmenu_box { margin: 30px auto 0 auto; height:635px; padding:60px 0; background:#f1f6fc}
/*
.naple_main_tab_img_box tbody tr td { padding-right: 22px; vertical-align: top;}
.naple_main_tab_img_box tbody tr td:last-child { padding-right: 0px;}
.naple_main_tab_img_box_01 { padding-bottom: 20px;}
.naple_main_tab_img_01 { width: 590px; height: 450px; overflow: hidden;}
.naple_main_tab_img_02 { width: 282px; height: 215px; overflow: hidden; cursor: pointer;}
*/
.naple_tab               { margin-bottom: 15px; overflow: hidden; display:flex; width: 1200px; height: 92px; margin:0 auto; }
.naple_tab button        { display:flex;justify-content:space-around;align-items: center;cursor:pointer; color:#fff; font-size:18px; height:48px; line-height:48px; border-radius:30px; padding:0 26px;background:#b2b2b2; margin-right:15px }
.naple_tab button:hover  { color: #fff;font-weight:600; background:#000}
.naple_tab button.active { color: #fff;font-weight:600; background:#000}

.tabcontent { display: none; overflow: hidden; display:flex; width: 1200px; margin:0 auto; }
.tabcontent_item01    { margin: 0px 0 10px 0; }
.tabcontent_item01 li {
  float: left; display: inline; margin-right: 0px; margin-bottom: 26px; padding: 238px 26px 26px 790px; width: 1198px; height: 427px; border-radius: 7px; border-width: 1px; border-style: solid; border-color: #efefef; border-collapse: separate; background-color: #ffffff; box-shadow : 0px 1px 1px 1px #fafafa;
}
.tabcontent_item01 li:hover { cursor: pointer;}
.tabcontent_item01 li h1    { padding: 0px 0px 30px 17px; text-align: left; color: #121212; font-weight:600; font-size:31px; }
.tabcontent_item01 li h     { padding: 3px 0px 0px 17px;  text-align: left; color: #212121; font-weight:700; font-size:17px;}
.tabcontent_item01 li label { margin-left: 3px; text-align: left; font-size: 18px; color: #121212; }
.tabcontent_item01 li p     { padding: 3px 0px 0px 17px;  text-align: left; color: #323232; }
.tabcontent_item01 li b     { padding: 3px 0px 0px 20px;  text-align: left; color: #121212; font-weight:900; font-size: 23px;}
.tabcontent_item01 li img   { width: 1196px; height: 260px; border-radius: 7px 7px 0 0; object-fit: cover; margin-bottom: 28px; }

.tabcontent_item02    { margin: 0px 0 10px 0; }
.tabcontent_item02 li {
  float: left; display: inline; margin-right: 26px; margin-bottom: 26px; padding: 0px; width: 586px; height: 427px; border-radius: 7px; border-width: 1px; border-style: solid; border-color: #efefef; border-collapse: separate; background-color: #ffffff; box-shadow : 0px 1px 1px 1px #fafafa;
}
.tabcontent_item02 li:hover { cursor: pointer;}
.tabcontent_item02 li:last-child { margin-right: 0px;}
.tabcontent_item02 li label { margin-left: 3px; text-align: left; font-size: 18px; color: #121212; }
.tabcontent_item02 li h     { padding: 3px 0px 0px 17px; text-align: left; color: #212121; font-weight:700;  font-size:17px;}
.tabcontent_item02 li p     { padding: 3px 0px 0px 17px; text-align: left; color: #323232; }
.tabcontent_item02 li b     { padding: 3px 0px 0px 20px; text-align: left; color: #121212; font-size: 23px; font-weight:900;}
.tabcontent_item02 li img   { width: 584px; height: 260px; border-radius: 7px 7px 0 0; object-fit: cover; margin-bottom: 28px; }

.tabcontent_item03    { margin: 0px 0 10px 0; }
.tabcontent_item03 li {
  float: left; display: inline; margin-right: 26px; margin-bottom: 26px; padding: 0px; width: 382px; height: 427px; border-radius: 7px; border-width: 1px; border-style: solid; border-color: #efefef; border-collapse: separate; background-color: #ffffff; box-shadow : 0px 1px 1px 1px #fafafa;
}
.tabcontent_item03 li:hover { cursor: pointer;}
.tabcontent_item03 li:last-child { margin-right: 0px;}
.tabcontent_item03 li label { margin-left: 3px; text-align: left; font-size: 18px; color: #121212; }
.tabcontent_item03 li h     { padding: 3px 0px 0px 17px; text-align: left; color: #212121; font-weight:700;  font-size:17px;}
.tabcontent_item03 li p     { padding: 3px 0px 0px 17px; text-align: left; color: #323232; }
.tabcontent_item03 li b     { padding: 3px 0px 0px 20px; text-align: left; color: #121212; font-size: 23px; font-weight:900;}
.tabcontent_item03 li img   { width: 380px; height: 260px; border-radius: 7px 7px 0 0; object-fit: cover; margin-bottom: 28px; }
     
.naple_main_review_box          { width:1200px; margin:0 auto; background:#fff; color:#fff;  padding:20px; }
.naple_main_review_box p.link   { padding-top:10px; font-size:12px; }
.naple_main_review_box p.link a { color:#fff; }
.naple_main_review_box h2       { color:#000; font-size:46px; font-weight:400; margin:60px auto 30px;text-align:center;}
.naple_main_review_box p        { display:block; margin:20px 0 0; color:#333; text-align:center; font-size:16px; }
.naple_main_review_box h3       { background:#fff;color:#3498db;font-size:36px;line-height:100px;margin:10px;padding:2%;position:relative;text-align:center;}
.naple_main_review_box .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}
.naple_main_review_box { overflow: hidden; }
.naple_main_review_list    { margin: 18px 0 10px 0; white-space: nowrap; position: relative;}
.naple_main_review_list li {
  display: inline-block; vertical-align: top; margin-right: 32px; padding: 0px; width: 268px; height: 440px; border-radius: 7px; border-width: 1px; border-style: solid; border-color: #efefef; border-collapse: separate; background-color: #ffffff; box-shadow : 0px 1px 1px 1px #fafafa;
}
.naple_main_review_list li:hover { cursor: pointer;}
.naple_main_review_list li:last-child { margin-right: 32px;}
.naple_main_review_list li img   { width: 266px; height: 210px; border-radius: 7px 7px 0 0; object-fit: cover; margin-bottom: 28px; }
/* CSS 별점 시스템 */
.star-rating { display: flex; margin-left: 10px; margin-right: 10px; }
.star-rating .star {
    font-size: 20px;
    color: #ddd;
    margin-right: 2px;
    line-height: 1;
    font-family: 'Arial', sans-serif;
}
.star-rating .star.filled { color: #ffd700; }

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

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

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

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

.naple_main_review_list li .icon_star1 { display: flex; float: left; margin-left: 10px; margin-right: 10px; }
.naple_main_review_list li .icon_star1::before { content: "★☆☆☆☆"; font-size: 24px; color: #ffd200; line-height: 1; letter-spacing: -2px; }
.naple_main_review_box .naple_main_review_list li .name{ display:flex; justify-content:space-between; clear:both; margin-left:10px; margin-right:10px; font-size:15px; color:#707070; line-height:100%; margin-top:35px; }
.naple_main_review_box .naple_main_review_list li .date{ font-size:13px; color:#707070; }
.naple_main_review_list li .txt{
    display: -webkit-box;
    margin: 18px 10px 20px;
    font-size: 13px;
    color: #666;
    line-height: 160%;
    text-align: justify;
    overflow: hidden;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 150px;
}
.naple_main_review_list li .txt .tit{ display:block; margin-bottom:10px; font-weight:500; font-size:16px; color:#000; }

/* 리뷰 하단 네비게이션 */
.review-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.review-nav-btn {
    background: transparent;
    border: none;
    font-size: 21px;
    color: #707070;
    cursor: pointer;
    padding: 0px 20px;
    transition: color 0.3s;
}

.review-nav-btn:hover {
    color: #555;
}

.s_sticker_wrap     { position:relative; margin:60px auto; padding-bottom:25px; background:#fff;}
.s_sticker_wrap h2  { color:#000; font-size:46px; font-weight:400; margin:60px auto 30px; text-align:center;}
.s_sticker_wrap p   { display:block; margin:0px 0 0; color:#333; text-align:center; font-size:16px; }
.s_sticker_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}
.s_sticker_wrap .business_d    { width:1200px; margin: 0 auto; overflow:hidden;}
.s_sticker_wrap .business_d li { width:220px; height:220px;  float:left; margin-right:25px; margin-bottom:25px; cursor: pointer; z-index:1000;}
.s_sticker_wrap .business_d li:nth-child(5n){ margin-right:0px; }

/* 팝업 */
.stickerPopup          {
  position: fixed; z-index: 3000; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; display: none;
	background: rgba(0,0,0,.5); transition: all .0s ease-in-out; -moz-transition: all .0s ease-in-out; -webkit-transition: all .0s ease-in-out;
}
.stickerPopup .box          { width:580px; position: relative;  background:#fff; left: 35%; top: 10%; padding:30px; }
.stickerPopup .box .close   { width:24px; height:24px; margin-bottom: 24px; }
.stickerPopup .box .title   { width:100%; text-align:right !important; font-weight:300; }
.stickerPopup .box .title a { right:0; text-align:right !important ; color:#fff; border:0; font-weight:100;}

.stickerPopup .box .con .img{ display:block}
.stickerPopup .box .con .txt{ display:block; margin-top:12px; background:#494848; padding:30px; color:#fff; text-align:left; font-weight:100;}
.stickerPopup .box .con .txt .tit  {  display:block; font-weight:700; color:#fff; padding-bottom: 8px; }
.stickerPopup .box .con .txt .msg  {  display:block; color:#efefef; }