@charset "utf-8";

/****** 지점소개 목록 ******/
/* 배경 돌아가는 이미지 */
.rotate_cont {position: relative;}
.rotate_cont::before {content: ""; display: block; background: url('../images/board/boardList_bgText.png') no-repeat 100%; width: 545px; height: 545px; position: absolute; animation: rotate_bgImage 15s linear infinite;transform-origin: 50% 50%; background-size: cover; z-index: -1;}
/* list_animation */
#board_list_content::before {top: -20%; right: -14%;}
/* detail_animation */
#board_detail_content::before {top: 5%; right: -15%;}

@keyframes rotate_bgImage{
    100% {
        transform: rotate(360deg);
    }
}
/* tab */
.board_tab {display: flex; align-items: center; justify-content: center;}
  .board_tab li a {margin: 0 2.08vw; padding: 0.31vw 0; font-size: 1.30vw; font-weight: 500; color: #666; cursor: pointer;}
  .board_tab li.active a,
  .board_tab li a#bo_cate_on {color: #375623; font-weight: 800; border-bottom: 0.10vw solid #375623;}


/* title */
#board_list_content .title {text-align: center; padding-bottom: 4.74vw;}
#board_list_content .title h2 {font-size: 2.813rem; font-weight: 400; color: #375623; margin-bottom: 1.30vw;}
#board_list_content .title h2 strong {font-weight: 900;}
#board_list_content .title p {font-size: 1.25rem; line-height: 1.46vw; color: #666; font-weight: 500; word-break: keep-all;}
/* list */
#board_list_content .img_list_wrap {border-top: 0.10vw solid #000; border-bottom: 0.10vw solid #000;}
#board_list_content .list_item {display: flex; align-items: center; padding: 3.65vw 0; border-bottom: 0.05vw solid #dcdcdc;}
#board_list_content .list_item > div {flex: 1;}

#board_list_content .list_item .item_img {position: relative; width: 35.417vw; height: 24.219vw;}
    #board_list_content .list_item .item_img:hover {cursor: pointer;}
    #board_list_content .list_item .item_img:hover::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #375623; opacity: .9;}
    #board_list_content .list_item .item_img:hover::after {content: "\2b"; color: #fff; font-size: 2.55vw; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
    #board_list_content .list_item .item_img a {display: block; width: 100%; height: 100%;}
    #board_list_content .list_item .item_img img {width: 100%; height: 100%; object-fit: cover;}

#board_list_content .list_item .item_info {margin-left: 3.594vw;}
    #board_list_content .list_item .item_info .en_tit {font-size: 1.25rem; font-weight: 900; color: #375623; margin-bottom: 0.78vw;}
    #board_list_content .list_item .item_info h3 {font-size: 2.34vw; font-weight: 900; margin-bottom: 2.08vw;}
    #board_list_content .list_item .item_info .desc {font-size: 1.5rem; font-weight: 400; line-height: 1.49vw; margin-bottom: 2.34vw; color: #666; overflow: hidden; word-break: keep-all;}
    #board_list_content .list_item .item_info button a {width: 12.50vw; height: 3.65vw; background: #375623; color: #fff; font-size: 1.5rem; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center ;}
    #board_list_content .list_item .item_info button a li {margin-left: 0.52vw;}


/****** 지점소개 상세 ******/
#board_detail_content {margin-bottom: 5.21vw;}

.board_detail_wrap {margin-top: 4.17vw;}
.board_detail_wrap  h4 {font-size: 1.82vw; font-weight: 900; margin-bottom: 1.82vw;}

/* 지점소개 */
.board_detail_wrap .section1 {margin-bottom: 5.57vw;}
  .board_detail_wrap .section1 h3 {font-size: 2.34vw; font-weight: 900; color: #375623; margin-bottom: 1.15vw;}
  .board_detail_wrap .section1 .info_txt {font-size: 1.5rem; font-weight: 100; color: #666; margin-bottom: 1.72vw; overflow: hidden; padding: 0.26vw 0; word-break: keep-all; line-height: 1.4917vw;}
  .board_detail_wrap .section1 .time_info {display: flex; align-items: center; margin-bottom: 1.93vw;}
  .board_detail_wrap .section1 p {font-size: 1.25rem; font-weight: 400; color: #666; margin-right: 3.073vw; word-break: keep-all; display: flex;}
  .board_detail_wrap .section1 p:last-child {margin: 0;}
  .board_detail_wrap .section1 p strong {font-weight: 900; color: #000; /* margin-right: 0.99vw; */}
  .board_detail_wrap .section1 p:first-child strong {min-width: 5vw;}
  .board_detail_wrap .section1 p:last-child strong {min-width: 7.6vw;}
/* swiper */
.board_detail_wrap .slider_wrap {position: relative; overflow: hidden;}
  .board_detail_wrap .slider_wrap .main_swiper {width: 100%; height: 36.458vw; margin-bottom: 1.30vw; overflow: hidden;}
  .board_detail_wrap .slider_wrap .main_swiper .swiper-wrapper{height: 100%;}
  .board_detail_wrap .slider_wrap .main_swiper .slick-list {width: 100%; height: 100%;}
  .board_detail_wrap .slider_wrap .main_swiper .slick_list div{height: 100%;}
  .board_detail_wrap .slider_wrap .main_swiper img {width: 100%; height: 100%; object-fit: cover;}
  .board_detail_wrap .slider_wrap .slick-track {height: 100%;}
  /* dot */
  .board_detail_wrap .slider_wrap .sub_swiper {width: 100%; height: 6.771vw;}
  .board_detail_wrap .slider_wrap .sub_swiper .slick-list {margin: 0 -0.52vw;}
  .board_detail_wrap .slider_wrap .sub_swiper .slick-track a { position: relative; cursor: pointer; margin: 0 0.52vw;}
  .board_detail_wrap .slider_wrap .sub_swiper .slick-track a.slick-current::before,
  .board_detail_wrap .slider_wrap .sub_swiper .slick-track a:hover::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #375623; opacity: .9;}
  .board_detail_wrap .slider_wrap .sub_swiper .slick-track a.slick-current::after,
  .board_detail_wrap .slider_wrap .sub_swiper .slick-track a:hover::after {content: "\2b"; color: #fff; font-size: 1.82vw; font-weight: 200; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
  .board_detail_wrap .slider_wrap .sub_swiper img {width: 100%; height: 100%; object-fit: cover;}
/* btn */
.board_detail_wrap .swiper_btn {width: 3.65vw; height: 3.65vw; background-color: #fff; border-radius: 100%; cursor: pointer; top: 50% !important;}
  .board_detail_wrap .swiper_btn:hover {background: #375623;}
  .board_detail_wrap .swiper_btn::after {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
  .board_detail_wrap .swiper_btn:hover::after {mix-blend-mode: plus-lighter;}
  .board_detail_wrap .swiper-button-next:after,
  .board_detail_wrap .swiper-button-prev:after {color: transparent;}
  .board_detail_wrap .swiper-button-next {right: 1.56vw;}
  .board_detail_wrap .swiper-button-prev {left: 1.56vw;}

/* 편의시설 */
.board_detail_wrap .section2 {margin-bottom: 6.67vw;}
.board_detail_wrap .section2 .item_cont {display: flex; align-items: center; margin: -0.391vw;}
  .board_detail_wrap .section2 .item_cont li {width: 12.3vw; height: 10.417vw; padding: 0.391vw;}
  .board_detail_wrap .section2 .item_cont li > div {width: 100%; height: 100%; border: 0.05vw solid #999; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer;}
  .board_detail_wrap .section2 .item_cont li span {height: 3.13vw; display: inline-flex; align-items: center; justify-content: center;}
  .board_detail_wrap .section2 .item_cont li:hover > div {background: #375623;}
  .board_detail_wrap .section2 .item_cont li p {color: #000; font-size: 1.25rem; font-weight: 600; margin-top: 2vw;}
  .board_detail_wrap .section2 .item_cont li:hover p {color: #fff;}
  .board_detail_wrap .section2 .item_cont li:hover img {filter: invert(100%);}
  
  .board_detail_wrap .item_cont.detail_btn {display: flex; align-items: center;margin:1.30vw -0.391vw 0;}
  .board_detail_wrap .item_cont.detail_btn li {width: 12.3vw; padding: 0 0.391vw;}
  .board_detail_wrap .item_cont.detail_btn li a {display:block;text-align:center; font-size: 1.25rem; padding: 0.391vw 0; font-weight: 600;border:1px solid #375623;background:#fff;color:#000;}
  .board_detail_wrap .item_cont.detail_btn li a:hover {background:#375623;color: #fff;}
/* 지점위치 */
.board_detail_wrap .section3 #map {width:100%; height:35.417vw;}
  .board_detail_wrap .section3 .map_info {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 1.41vw;}
  .board_detail_wrap .section3 .map_info .addr p {font-size: 1.25rem; font-weight: 500; color: #666; margin-bottom: 0.47vw;}
  .board_detail_wrap .section3 .map_info .addr p strong {display: inline-block; font-weight: 900; color: #000; margin-right: 1.56vw; width: 2.71vw;}
  .board_detail_wrap .section3 .map_info .move_map a {background: #375623; width: 10.42vw; height: 2.86vw; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 0.94vw; font-weight: 800;}
  .board_detail_wrap .section3 .map_info .move_map img {width: 1.82vw; height: auto; margin-right: 0.31vw;}


  
@media screen and (max-width:1460px) {
  .board_detail_wrap .section1 p:first-child strong {min-width: 6vw;}
  .board_detail_wrap .section1 p:last-child strong {min-width: 9vw;}

  #board_list_content .title p {line-height: 2.46vw;}
  #board_list_content .list_item .item_info .desc {line-height: 2.49vw;}
  .gallery_list_wrap .list_item:hover .img_item::after {font-size: 2.82vw;}

  .gallery_list_wrap .list_item p {font-size: 1.2vw;}
}
/* 테블릿 */
@media screen and (max-width:1240px) {
  
  /* list */
  #board_list_content .list_item .item_info {margin-left: 3.594vw;}
  #board_list_content .title p {font-size: 2vw; line-height: 3.5vw;}
  #board_list_content .list_item .item_info .en_tit {line-height: 2.8vw; font-size: 2vw;}
  #board_list_content .list_item .item_info .desc {line-height: 2.8vw; font-size: 2vw;}
  #board_list_content .list_item .item_info button a {width: 15.5vw; height: 4.65vw; font-size: 2vw;}
  /* detail */
  .board_tab li a {font-size: 2.5vw;}
  .board_detail_wrap h4 {font-size: 2.73vw; margin-bottom: 1.95vw;}
  .board_detail_wrap .section1 {margin-bottom: 7.81vw;}
  .board_detail_wrap .section1 .time_info {display: inherit;}
  .board_detail_wrap .swiper_btn {width: 4.88vw; height: 4.88vw;}
  .board_detail_wrap .swiper-button-prev {left: 1.46vw;}
  .board_detail_wrap .swiper-button-next {right: 1.46vw;}
  .board_detail_wrap .slider_wrap .main_swiper {height: 36.458vw; margin-bottom: 1.46vw;}
  .board_detail_wrap .slider_wrap .sub_swiper {height: 7.5vw;}
  .board_detail_wrap .slider_wrap .sub_swiper .slick-list {margin: 0 -0.49vw;}
  .board_detail_wrap .slider_wrap .sub_swiper .slick-track a {margin: 0 0.49vw;}
  .board_detail_wrap .section1 .info_txt {font-size: 2vw;}
  .board_detail_wrap .section1 p {font-size: 2vw;}
  .board_detail_wrap .section3 #map {height: 35.677vw;}
  .board_detail_wrap .section2 {margin-bottom: 7.81vw;}
  .board_detail_wrap .section1 p:first-child strong {width: 9vw;}
  .board_detail_wrap .section1 p:last-child strong {width: 13vw;}

  .board_detail_wrap .section2 .item_cont {flex-wrap: wrap}
  .board_detail_wrap .section2 .item_cont {margin: -.5vw;}
  .board_detail_wrap .section2 .item_cont li {height: 18.40vw; width: 23.40vw; padding: 0.5vw;}
  .board_detail_wrap .section2 .item_cont li:last-child {margin-right: 0;}
  .board_detail_wrap .section2 .item_cont li:nth-of-type(4n) {margin-right: 0;}
  .board_detail_wrap .section2 .item_cont li p {margin-top: 3.5vw;}


  .board_detail_wrap .item_cont.detail_btn {margin:1.30vw -0.5vw 0;}
  .board_detail_wrap .item_cont.detail_btn li {width: 23.40vw; padding: 0 0.5vw;}
  .board_detail_wrap .item_cont.detail_btn li a {font-size: 1.25rem; padding: 0.391vw 0;}


  .board_detail_wrap .section3 .map_info .addr p {font-size: 2vw;}
  .board_detail_wrap .section3 .map_info .addr p strong {width: 5.71vw;}

  #board_gallery_content .pagination {padding: 5.89vw 0 8.87vw;}
}

/* 모바일 */
@media screen and (max-width:768px) {

  /* list */
  #board_list_content .title {padding-bottom: 6.51vw;}
  #board_list_content .title h2 {font-size: 4.56vw; line-height: 5.86vw;}
  #board_list_content .title p {font-size: 3.25vw; line-height: 5.46vw;}

  #board_list_content .list_item {padding: 5.21vw 0; display: inherit;}
  #board_list_content .list_item .item_img {width: 100%; height: auto;}    
  #board_list_content .list_item .item_info {margin: 0; margin-top: 3.91vw;}
  #board_list_content .list_item .item_info .en_tit {font-size: 3.8vw; margin-bottom: 1.30vw; line-height: 5.39vw;}
  #board_list_content .list_item .item_info .desc {font-size: 3.8vw; margin-bottom: 1.30vw; line-height: 5.39vw;}
  #board_list_content .list_item .item_info h3 {font-size: 5.56vw; margin-bottom: 3.91vw;}
  #board_list_content .list_item .item_info button a {width: 26.23vw; height: 9.7vw; font-size: 3.2vw;}
  #board_list_content .list_item .item_img:hover::after {font-size: 9.55vw;}
  .rotate_cont::before {width: 39.06vw; height: 39.06vw;}
  #board_list_content::before {top: -8%; right: -30%;}


  /* detail */
  #board_detail_content::before {top: -2%; right: -35%;}
  .board_tab {width: 100%;}
  .board_tab li a {font-size: 1.25rem; margin: 0 2.60vw;}
  .board_detail_wrap {margin-top: 6.51vw;}
  .board_detail_wrap h4 {font-size: 4.5vw; margin-bottom: 1.30vw;}
  .board_detail_wrap .section1 h3 {font-size: 3.26vw; margin-bottom: 2.34vw;}
  .board_detail_wrap .section1 .info_txt {font-size: 3.34vw; font-weight: 300; line-height: 5.34vw;}
  .board_detail_wrap .section1 .time_info {display: inherit; margin-bottom: 3.26vw;}
  .board_detail_wrap .section1 p {margin: 0; font-size: 3.34vw; margin-bottom: 1.30vw;}
  .board_detail_wrap .section1 p strong {display: block; font-size: 3.34vw;}
  .board_detail_wrap .section1 p:first-child strong {width: 14vw;}
  .board_detail_wrap .section1 p:last-child strong {width: 30vw;}
  
  .board_detail_wrap .slider_wrap .main_swiper {width: 100%; height: auto;}
  .board_detail_wrap .slider_wrap .sub_swiper {height: 14.55vw; overflow: hidden;}
  .board_detail_wrap .slider_wrap .sub_swiper .slick-list {margin: 0 -0.39vw;}
  .board_detail_wrap .slider_wrap .sub_swiper .slick-track a {margin: 0 0.39vw;}
  .board_detail_wrap .swiper_btn {display: none; width: 7.88vw; height: 7.88vw; top: 54% !important;}
  .board_detail_wrap .swiper_btn::after,
  .board_detail_wrap .swiper_btn:hover::after {width: 3.91vw; height: 3.91vw;}
  .board_detail_wrap .slider_wrap .sub_swiper .slick-track a.slick-current::after, .board_detail_wrap .slider_wrap .sub_swiper .slick-track a:hover::after {font-size: 6.82vw;}
  .board_detail_wrap .section1 {margin-bottom: 7.81vw;}

  .board_detail_wrap .section2 {margin-bottom: 7.81vw;}
  .board_detail_wrap .section2 .item_cont {flex-wrap: wrap;}
  
  .board_detail_wrap .section2 .item_cont li {width: 33.3%; height: 25.147vw; padding: 0.391vw;}
  .board_detail_wrap .section2 .item_cont li > div {width: 100%; height: 100%; border: 0.08vw solid #999; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer;}
  
  .board_detail_wrap .section2 .item_cont li img {width: 6.91vw; height: auto;}
  .board_detail_wrap .section2 .item_cont li span {font-size: 1.95vw; height: 7vw;}
  .board_detail_wrap .section2 .item_cont li p {margin-top: 4vw; font-size: 3.5vw;}

  .board_detail_wrap .item_cont.detail_btn {margin:1.30vw -0.391vw 0;}
  .board_detail_wrap .item_cont.detail_btn li {width: 33.3%; padding: 0 0.391vw;}
  .board_detail_wrap .item_cont.detail_btn li a {font-size: 3.5vw; padding: 0.391vw 0;}

  .board_detail_wrap .section3 {margin-bottom: 13.02vw;}
  .board_detail_wrap .section3 #map {height: 89.19vw;}
  .board_detail_wrap .section3 .map_info {display: inherit;}
  .board_detail_wrap .section3 .map_info .addr p,
  .board_detail_wrap .section3 .map_info .addr p strong {display: inherit; font-size: 3.34vw;}
  .board_detail_wrap .section3 .map_info .move_map {margin-top: 2.60vw;}
  .board_detail_wrap .section3 .map_info .move_map  {margin-top: 3.26vw;}
  .board_detail_wrap .section3 .map_info .move_map a {width: 23.44vw; height: 6.51vw; font-size: 2.08vw; margin: 0 auto;}
  .board_detail_wrap .section3 .map_info .move_map img {width: 3.26vw; height: auto;}

}


/****** 바디프로필 목록 ******/
.gallery_list_wrap {margin: 1.09vw 0 6vw;}
.gallery_list_wrap ul {display: flex; align-items: center; flex-wrap: wrap; margin: -0.521vw;}
.gallery_list_wrap .list_item {/* width: 18.26vw; */ width: 25%; height: auto; padding: 2.50vw 0.521vw 0;cursor: pointer;}
  .gallery_list_wrap .list_item .dpp_pci_chk {position: relative; top: -0.10vw; left: 0;}
  .gallery_list_wrap .list_item .img_item {position: relative; width: 100%; height: 22.14vw;}
  .gallery_list_wrap .list_item:hover .img_item::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #375623; opacity: 90%;}
  .gallery_list_wrap .list_item:hover .img_item::after {content: "\2b"; font-size: 1.82vw; font-weight: 500; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
  .gallery_list_wrap .list_item .img_item img {width: 100%; height: 100%; object-fit: cover;}
  .gallery_list_wrap .list_item p {text-align: center; font-size: 1.04vw; font-weight: 600; margin-top: 0.94vw;}
/* pagination */
#board_gallery_content .pagination {padding-top: 1.74vw; display: flex; align-items: center; justify-content: center;}
  #board_gallery_content .pagination li {width: 2.60vw; height: 2.60vw; margin: 0 0.52vw;}
  #board_gallery_content .pagination li a {font-size: 1.30vw; font-weight: 500; color: #868686; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
  #board_gallery_content .pagination li.active a {background: #000; color: #fff; font-weight: 700; border-radius: 100%;}
/* popup */
.popup_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 10000;}
  .popup_wrap .popup_cont {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto;}
  .popup_wrap .popup_cont .close_btn {display: flex; justify-content: flex-end;}
  .popup_wrap .popup_cont .close_btn i {width: 2.86vw; height: 2.86vw; background: #000; padding: 0.42vw 0.52vw 0.52vw 0.42vw; cursor: pointer; font-size: 2.08vw; color: #fff; font-weight: 100;}
  .popup_wrap .popup_cont .cont {width: 31.250vw; height: 42.448vw; overflow-y: scroll;}
  .popup_wrap .popup_cont .cont{-ms-overflow-style: none;}
 .popup_wrap .popup_cont .cont::-webkit-scrollbar{display:none;}
  .popup_wrap .popup_cont .cont img {width: 100%; height: 100%; object-fit: cover;}


/* 테블릿 */
@media screen and (max-width:1240px) {
.gallery_list_wrap {margin-bottom:8vw;}
  .gallery_list_wrap .list_item {/* width: 32vw; */ width: 33.3%;}
  .gallery_list_wrap .list_item .img_item {height: 37.26vw;}
  .gallery_list_wrap .list_item p {font-size: 2vw;}
  .gallery_list_wrap .list_item:hover .img_item::after {font-size: 5vw;}
  /* popup */
  .popup_wrap .popup_cont {}
  .popup_wrap .popup_cont .cont {width: 45.32vw; height: 57.65vw;}

}

/* 모바일 */
@media screen and (max-width:768px) {
    .gallery_list_wrap {margin-bottom:15vw;}
  .gallery_list_wrap ul {margin-top: 5vw;}
    .gallery_list_wrap ul {margin-left: -0.326vw;}
    .gallery_list_wrap .list_item {/* width: 45.8vw; */ width: 49.2%; margin:5vw 0.326vw 0; padding-top: 2vw;}
    .gallery_list_wrap .list_item p {margin-top: 2.8vw; font-size: 4.08vw;}
  
  .page_navigation {margin: 6.51vw 0;}
    #board_gallery_content .pagination li {width: 3.91vw; height: 3.91vw; margin: 0 0.39vw;}
    #board_gallery_content .pagination li a {font-size: 2.34vw;}
    
    .popup_wrap .popup_cont {width: 100%; height: 106.08vw; padding: 0 3.91vw; top: 50%;}
    .popup_wrap .popup_cont .close_btn  i {width: 5.91vw; height: 5.91vw; padding: 1.5vw 1.3vw 1.3vw; font-size: 3.34vw;}
    .popup_wrap .popup_cont .cont {width: 100%; height: 100%; margin: 0 auto;}
    .gallery_list_wrap .list_item .img_item {height: 55.8vw;}
    .popup_wrap .popup_cont .cont img {height: auto;}
}