.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.bt_gray {
  border-top: 2px solid #279e51;
}

.mopark_list .box_bo{ box-sizing: border-box;}

.mopark_list{margin-top:20px;}
.mopark_list li {
  padding: 30px 0;
  height: 240px;
  position: relative;
}

.b_bom {
  border-bottom: 1px solid #cdcdcd;
}

.mopark_list li>* {
  float: left;
}

.mopark_list .thumb {
  width: 278px;
  height: 177px;
  border: 1px solid #dedede;
  box-sizing: border-box;
}

.img_wrap {
  width: 276px;
  margin-right:40px;
}

.mopark_cont {
  width: calc(100% - 316px);
}

.mopark_cont h3 {
  font-size: 2.462em;
  font-weight: 500;
  color: #333;
  margin-bottom:0.406em;
}
.mopark_cont .act_txt{
  font-size:16px;
  color:#454545;
  line-height: 1.563;
}
.mopark_cont .info_txt {
  margin:2.308em 0 1.692em;
  position: relative;
  width: calc(100% - 140px);
}

.mopark_cont .info_txt .txt {
  position: relative;
  font-size: 1.133em;
}

.mopark_cont .info_txt strong {
  font-size:15px;
  color: #333;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
}

.mopark_cont .info_txt dt.inquiry {
  letter-spacing: 27px;
}

.mopark_cont .info_txt p {
  padding-left:105px;
  color: #666;
  font-weight: 300;
}
.mopark_cont .info_txt .letterFar{
  letter-spacing: 2.1rem;
}
.mopark_cont .info_txt .txt:not(:last-child){
  margin-bottom:0.333em;
}


.mopark_list li .mopark_btn {
  padding: 3.215em 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.mopark_btn a {
  display: block;
  text-align: center;
  color: #fff;
  /* padding: 0.813em 1.688em; */
  font-size: 1.154em;
}

.mopark_btn a:first-child {
  margin-bottom: 6px;
}

/* .gray_btn {
  width:139px;
  background:url("../images/click.png")#04950c no-repeat left 28px center;
  padding:14px 0 14px 20px;
  line-height: 1;
} */
.gray_btn {
  width:139px;
  background:#04950c;
  padding:14px 0;
  line-height: 1;
}



.mopark_btn .bg_no {
  border: 1px solid #555;
  color: #333;
  padding: 13px 0;
  line-height: 1;
  width:139px;
}

.loc_btn {
  display: inline-block;
  margin-left:0.538em;
  width:85px;
  background:url("../../images/parks/loc_mark.png")#eb5937 no-repeat left 10px center;
  padding: 6px 0 6px 15px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 40px;
  color:#fff;
  line-height: 1;
  border:0;
}

.mopark_view .photo_list {
  padding: 2.308em 0 3.077em;
  box-sizing: border-box;
}

.photo_list>div {
  float: left;
}
.photo_list > .img{
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom:25.182%;
  width:395px;
  border: 1px solid #dedede;
  box-sizing: border-box;
}
.photo_list .img .thumb {
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  margin:0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}

.photo_list .mopark_cont {
  width:calc(100% - 395px);
  padding:0.923em 0 0 3.846em;
}

.mp_libtn a {
  font-size:15px;

  display: inline-block;
  /* height: 42px;
  line-height: 42px; 
  padding: 0px 10px;*/
  width: 139px;
  vertical-align: middle;
  box-sizing: border-box;
}

.mp_libtn a:first-child {
  margin-bottom: 0;
}

.mp_tabmenu{
  position: relative; 
  border-bottom: 1px solid #aeaeae;
  margin: 3.231em 0 4.615em;
  margin-bottom:0;
}

.mp_tabmenu li {
  position: relative;
  float:left;
  width:190px;
  background: #f7f7f7;
  text-align: center;
  cursor: pointer;
  font-size: 1.154em;
}
.mp_tabmenu li::before{
  content: '';
  position: absolute;
  left: -1px;
  top: 0;
  right: 0;
  bottom: -1px;
  border: 1px solid #aeaeae;
  border-bottom-color: #aeaeae;
  
}
.mp_tabmenu li.active{background:#fff;}
.mp_tabmenu li.active::before{
  border-top: 1px solid #aeaeae;
  border-left: 1px solid #aeaeae;
  border-right: 1px solid #aeaeae;
  border-bottom-color: #fff;
}
.mp_tabmenu li.active:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #33353e;
}
.mp_tabmenu li a{display: block;padding:10px;}


/* .mp_view_cont .view_cont {
  margin: 0 3.077em;
}
 */
.mp_view_cont .view_cont .document {
  /*border-top: 1px solid #454545;*/
  border-bottom: 1px solid #ccc;
  padding: 3.077em 0;
}

/*.view_cont img{max-width: 100%;}*/
.view_cont h3 {
  color: #111;
  /* font-size: 2.308em; */
  font-weight: 500;
  /*padding-bottom: 0.762em;*/
}
.view_cont .document dl{
position: relative;
}
.view_cont .document dl:not(:last-child) {
  margin-bottom: 2em;
}

.view_cont .document dt {
  position: absolute;
  top: 0;
  left: 0;
  color: #04950c;
  font-weight: 500;
  font-size: 1.538em;
}

.view_cont .document dd {
  padding-left: 7em;
  color: #555;
  font-size: 1.231em;
}

.more_btn {
  text-align: center;
  padding-top: 2.308em;
}

.more_btn a {
  display: inline-block;
  width: 198px;
  color: #fff;
  background: url(../../images/parks/mp_morebtn.png) #606372 left 2.8em center no-repeat;
  font-size: 1.154em;
  padding: 0.895em 0;
}

.more_btn a span {
  padding-left: 1.8em;
}

.care li {
  float: left;
  display: table;
  width: 50%;
  height: 86px;
  position: relative;
  margin-bottom: 1.538em
}

.care li:last-child {
  margin-bottom: 0
}

.care li p {
  position: absolute;
  left: 100px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}



.look_txt {
  padding-top: 2.308em;
}

.look_txt h4 {
  padding-top: 1.232em;
  font-weight: 500;
  font-size: 1.8rem;
  color: #04950c;
}

.look_txt p {
  font-size: 1.2rem;
  color: #555;
  padding-top: 0.5em;
}

.info_map {
  padding: 3.462em 0;
  border: 1px solid #cdcdcd;
  text-align: center;
}


/* .thumb_slider_top{float: left;width:830px;margin-right:20px;}
.thumb_slider_thumbWrap{float: left;width:calc(50% - 850px);}
.thumbVisual .arrows{display: none;} */

/*  */
.boderBox *{
box-sizing: border-box;
}
.mp_view_cont .document .thumbVisual {
  font-size: 0;
}

.mp_view_cont .document .thumbVisual svg {
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_top {
  position: relative;
  width: 830px;
  margin-right: 20px;
  float: left;
}

.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_top .item .img {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 67.470%;
}

.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_top .item .img img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
}




.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_thumbWrap {
  position: relative;
  overflow: hidden;
  float: left;
  width: calc(100% - 850px);
  height: 700px;
}

.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_thumbWrap .thumb_slider_thumb  .slick-list{
margin: 67px 0;
}

.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_thumbWrap .thumb_slider_thumb .slick-slide {
  margin: 4px 0;
}

.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_thumbWrap .thumb_slider_thumb .slick-slide.slick-current .img:before {
  display: none;
}

.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_thumbWrap .thumb_slider_thumb .item .img {
  display: block;
  position: relative;
  overflow: hidden;
}

.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_thumbWrap .thumb_slider_thumb .item .img:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(1, 1, 1, 0.3);
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}

.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_thumbWrap .thumb_slider_thumb .item .img img {
  width: 100%;
}

.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_thumbWrap .arrows>* {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 40px;
  text-indent: -9999px;
  font-size: 10px;
  font-size: 1rem;
}

.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_thumbWrap .arrows .left_arrow {
  top: 0;
  background: #858585 url("../../images/parks/thumb_prev.png") no-repeat center center;
}

.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_thumbWrap .arrows .right_arrow {
  bottom: 0;
  background: #858585 url("../../images/parks/thumb_next.png") no-repeat center center;
}
@media all and (max-width:1024px){
  .mp_view_cont .view_cont{margin:0;padding:0.769rem;}
  .photo_list>div{float:none;}
  .photo_list > .img{width:100%;padding-bottom:73.124%;}
   #sub_title{display: block!important;line-height:normal!important;margin:0 0 10px 0!important;}
   .title_Area{height:auto;}
   .title_Area h2{float:none;height:auto!important;line-height: 1.25!important;}
   .title_Area:before,
.title_Area:after {
  content: "";
  display: table;
}
.title_Area:after {
  clear: both;
}

/* .thumbVisual{position: relative;} */

.photo_list .mopark_cont{width:100%;padding:0.769rem;}
.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_top{width:100%;margin-right:0;float: none;}
.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_thumbWrap{width:100%;height:auto;float: none;  margin-top: 1.5rem;  /*position: absolute;top: calc(50% + 186px);*/}
.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_thumbWrap .thumb_slider_thumb .slick-slide{margin:0 auto;}
.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_thumbWrap .thumb_slider_thumb .slick-list{margin:0 30px;}
.thumbVisual .thumb_slider .thumb_slider_thumbWrap .arrows .left_arrow{width:30px;left:0;height:100%;
background:#858585 url("../../images/parks/thumb_prev_m.png") no-repeat center center;
}
.mp_view_cont .document .thumbVisual .thumb_slider .thumb_slider_thumbWrap .arrows .right_arrow{width:30px;right:0;height:100%;
  background:#858585 url("../../images/parks/thumb_next_m.png") no-repeat center center;}
  .mp_tabmenu li{
    display: table;
    width:25%;
  }
  .mp_tabmenu li a{
    display: table-cell;
    vertical-align: middle;
  }
  /* .look_txt{    padding-top: calc(50% - 320px);} */
}
@media all and (max-width:768px){
  .mopark_list li>*{float:none;}
  .mopark_list li{height:auto;}
  .img_wrap{float:none;width:100%;text-align: center;    margin-right: 0;}
  .mopark_cont{width:100%}
  .mopark_list li .mopark_btn{position: static; transform: none; padding: 0;    text-align: center;}
  .mopark_cont .info_txt{width:100%}
  .mopark_btn a{display:inline-block;}
  .mopark_cont h3{text-align: center;}
  .mopark_cont .info_txt p{padding-left:5em;}
  

  .mp_tabmenu li{width:25%}
  img.info{max-width: 100%;}
}
@media all and (max-width:640px){
  .care li{width:100%}
  .care li img{display: block;margin:0 auto;}
  .care li p{position:static;transform: none;margin:10px 0;text-align: center;}
  .mp_tabmenu li{font-size: 1em;}
}
@media all and (max-width:480px){
  .mopark_cont .info_txt strong{
    position: static;
    display:block;
  } 
  .mopark_cont .info_txt p{padding-left: 0;}
  .view_cont .document dt{position: static;display: block;    margin-bottom: 0.5em;}
  .view_cont .document dd{padding-left:0;}
  .mp_tabmenu li{font-size: 0.7em;}
  .mp_tabmenu li{height:51px;}
}
@media all and (max-width:425px){
}
.parkTour-table{width:auto;}
.parkTour-table td img{display:block;max-width:100%;max-height:100%;} 

/* 매력가든,동행가든 */
.content-info {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    /* border: 1px solid #ddd; /* Add border to visualize the container */
}

.content-image {
    max-width: 50px;
    height: auto;
    margin-right: 10px;
}

.content-details {
    display: flex;
    /* flex-direction: column; */
    width: 100%;
}

.content-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    position: relative; /* relative 포지셔닝을 사용하여 before의 위치를 기준으로 설정 */
 	padding-left: 45px; /* 이미지 너비만큼 왼쪽 패딩 추가 */
 	display: flex; /* Flexbox 사용 */
 	align-items: center; /* 아이템을 세로 가운데 정렬 */
 	width:30%;
}
.content-title::before {
  content: ''; /* 이미지 삽입을 위한 빈 콘텐츠 */
  display: inline-block; /* 이미지 요소를 inline-block으로 설정 */
  background: url('../../images/sub/content_mng.png') no-repeat center center; /* 이미지 URL을 넣고 가운데 정렬 */
  width: 40px; /* 이미지 너비 */
  height: 40px; /* 이미지 높이 */
  position: absolute; /* 절대 위치를 사용하여 텍스트 앞에 이미지 배치 */
  left: 0; /* 왼쪽에서 0 위치에 이미지 배치 */
  top: 50%; /* 세로 가운데 정렬을 위해 50% 설정 */
  transform: translateY(-50%); /* 세로 가운데 정렬 */
}

.content-meta {
    display: flex;
    /* flex-wrap: wrap; */
    display: flex; /* flexbox 사용 */
	justify-content: space-between; /* 아이템 사이에 동일한 간격 배치 */
	align-items: center; /* 아이템을 수직 중앙에 배치 */
	margin: 0; /* 컨테이너의 기본 마진 제거 */
	padding: 0; /* 컨테이너의 기본 패딩 제거 */
	list-style: none; /* 리스트 스타일 제거 (ul/li 구조인 경우) */
	width:70%;
}

.content-meta-item {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    white-space: nowrap;
    flex: 1; /* 각 아이템이 동일한 비율로 공간을 차지하도록 설정 */
 	text-align: right;
    
   
}


@media (max-width: 768px) {
    .content-info {
        flex-direction: column;
        align-items: flex-start;
        border: 1px solid #ddd;
    }
    .content-details {
	    display: flex;
	    flex-direction: column;
	    width: 100%;
	}
	
	.content-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    position: relative; /* relative 포지셔닝을 사용하여 before의 위치를 기준으로 설정 */
 	padding-left: 45px; /* 이미지 너비만큼 왼쪽 패딩 추가 */
 	display: flex; /* Flexbox 사용 */
 	align-items: center; /* 아이템을 세로 가운데 정렬 */
 	width:100%;
	}

    .content-image {
        margin-bottom: 10px;
    }

    .content-meta {
        flex-direction: column;
        display: flex;
	    align-items: baseline;
   		margin: 0;
   		margin-top: 20px;
   		padding: 0;
   		list-style: none;
   		width:100%;
   		

    }

    .content-meta-item {
        flex: none;
        margin-bottom: 5px;
        font-size: 14px;
    }
}

.no-click {
	cursor:default;
}

/* 자주묻는질문 */
.gardenFaq {display:none;}
.div.qa_table{float: none;width: 100%;background: #fff;border-top: 2px solid #000;border-bottom: 1px solid #dfdfdf;}
.qa_table thead th{padding: 12px 3px;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;text-align: center;font-size: 15px;line-height: 1.1;color: #007468;}
.qa_table thead th:last-child{border-right: 0;}
.qa_table tbody th{padding: 12px 3px;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;text-align: center;font-size: 14px;line-height: 1.1;color: #007468;}
.qa_table tbody td{padding: 12px 3px;border-bottom: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;text-align: center;font-size: 14px;line-height: 1.1;color: #676767;}
.qa_table tbody td:last-child{border-right: 0;}

@media screen and (max-width:1024px){
	.div.qa_table{overflow-x: auto;}
	.div.qa_table table{width: 1000px;}
}