@charset "utf-8";

.t_box{border: 1px solid #dadada; padding: 30px 30px 10px 200px; background: url("//dangam/images/sub/t_box_i01.png") 50px center no-repeat;}
.t_box .line{padding-left:30px; border-left:1px dotted #dadada;}
.t_box_info{font-size:13px; line-height:24px; }

/* 주요시설  */
.con50 > li{width:49%; margin-right:2%; margin-bottom:5%; float:left;}
.con50 > li:nth-child(2n){margin-right:0;}
.indent{margin:10px 0 10px 20px;}
.indent_i{margin:00px 0 10px 20px;}

/* img */
    /* 이용안내 */
    .subpage_img {width: 100%; max-width: 400px;}
    /* 오감체험 */
    .subpage_img2 {width: 100%;}


/* 이용안내 */
.facilities_lists {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.facilities_lists > li {width:48%; margin-bottom:5%;}
.facilities_lists > li img {width: 100%;}
.facilities_lists .indent{margin:10px 0 10px 20px;}
.facilities_lists .indent_i{margin:00px 0 10px 20px;}


/* .con01_03{padding:20px 0 180px 0; background:url("..//dangam/images/sub/con01_03.jpg") right 0 no-repeat;} */
.con02_04{position:relative;min-height:234px; }
.con02_04 ul{width:60%;}
.con02_04 span.img{display:block; position:absolute; top:0; right:0;}
.con05_01 img{border:1px solid #dadada;}
.con_strong{display:block; color:#2753c1; line-height:24px; font-size:14px;}
/*.con07_01{min-height:450px; background:url("//dangam/images/sub/con07_01.png") right bottom no-repeat;} */
.con07_01 > p.bon{width:720px;}
.con07_03{position:relative;min-height:650px; background:url("//dangam/images/sub/con07_03.png") center -30px no-repeat;}
.con07_03 > p.leaflet{width:640px; height:451px; position:absolute; top:105px; left:50%; margin:0 0 0 -320px;}
.con03_01{background:url("https://culture.changwon.go.kr//dangam/images/photo/BBSMSTR_000000000141/customFile_10713_photo.png") right 0 no-repeat;}
/*.con03_02{padding:0 0 30px 0; background:url("https://culture.changwon.go.kr//dangam/images/photo/BBSMSTR_000000000141/customFile_9748_photo.jpg") right 0 no-repeat;background-size: 40%;}*/
/*.con03_03{padding:0 0 291px 0; background:url("http://culture.changwon.go.kr//dangam/images/photo/BBSMSTR_000000000141/customFile_10190_photo.png") 0 237px no-repeat;}*/
.con03_04{padding:0 0 30px 0; background:url("//dangam/images/sub/con03_04.png") right 0 no-repeat;}


/* 일정 캘린더 */
.cal_month{margin-top:20px;}
.cal_month > span{font-size:30px;text-align:center;display:block;padding-top:5px;font-weight: 700;color: #333;letter-spacing: -1px;}
.monthly_bar { background:#32445e; position:relative; vertical-align:middle; margin:25px 0; height:53px; }
.nav_calendar { display:inline-block;}

.nav_calendar > span > a { background:#32445e; display:inline-block; font-size:20px; color:#fff; padding:16px 30px; }
.nav_calendar > span > a:hover { background:#2576f0; text-decoration:none; }

.nav_calendar a.month_prev { background: transparent url("//dangam/images/culturalCenter/contents/btn_month_prev.png") no-repeat center; display: inline-block; text-indent:-9999px; height: 53px; margin:0; vertical-align: top; width:60px; }
.nav_calendar a.month_next { position:absolute; right:0; top:0; background: transparent url("//dangam/images/culturalCenter/contents/btn_month_next.png") no-repeat center; display: inline-block; text-indent:-9999px; height: 53px; margin:0; vertical-align: top; width:60px; }
.nav_calendar a span {padding:0 !important;}

.page_total { padding:15px 0; font-size:16px; }

.calender { width:100%; border-top:2px solid #2576f0; margin-bottom:50px; border-spacing:0;}
.calender th { background:#f9f9f9; color:#222; font-size:16px; font-weight:600; padding:11px 0; }
.calender td { text-align:center; height:120px; padding:10px; vertical-align:top; font-size:14px; }
.calender th, .calender td { border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; }
.calender .sun { color:#f02525; }
.calender .sun a { color:#f02525; }
.calender .sat { color:#0d6edb; }
.calender .sat a { color:#0d6edb; }
.calender .b_left { border-left:1px solid #d2d2d2; }

.iw_inner{text-align:center; padding:10px 0;}
.iw_inner h3{font-size:17px; color:#333; margin-top:10px;}
.iw_inner p{font-size:13px; padding:5px 10px;}



ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 42px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    width: 100%;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:13%;
    height: 41px;
    line-height: 41px;
    border: 1px solid #eee;
    border-left: none;
    font-weight: 500;
	font-size:16px;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #2b569a;
	color:#fff;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
	padding:20px 0;
    background: #FFFFFF;
}
.tab_content {
    padding: 5px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}
.month_con{
    border:1px solid #eee;
	padding:30px 50px;
	text-align:center;
	background:#f5f7fd;
	font-size:22px;
	color:#314aa9;
	margin-bottom:30px;
}

.cal_con{display:inline-block;}
.cal_con time{font-size:13px; display:block; margin:10px 0 0 0; color:#666; font-weight:500;}

/* 창원독뫼농업 */
.sampling {display: block;}
.sampling_m {display: none;}

/* 정감체험 */
.warm_imgbox {display: flex; flex-wrap: wrap; justify-content: space-between;}
.warm_imgbox img {width: 49%; margin: 8px 0;}

    /* 정감체험 슬라이드 */
    .warmgallery {
  max-width: 1000px;
  margin: auto;
}

.warmgallery .main-image-wrapper {
  position: relative;
  overflow: hidden;
}

.warmgallery .main-image-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.warmgallery .main-image-wrapper img.fade-out {
  opacity: 0;
}

.warmgallery .nav-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 3rem;
  color: white;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 10px;
  cursor: pointer;
  display: none;
  z-index: 10;
  border-radius: 50%;
  user-select: none;
}

.warmgallery .nav-arrow.prev {
  left: 10px;
}

.warmgallery .nav-arrow.next {
  right: 10px;
}

.warmgallery .main-image-wrapper:hover .nav-arrow {
  display: block;
}

.warmgallery .thumbnails {
  margin-top: 10px;
  display: flex;
  gap: 10px;
  overflow-x: auto;
}

.warmgallery .thumbnails img {
  width: 100px;
  height: 60px;
  object-fit: cover;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 4px;
}

.warmgallery .thumbnail.active {
  border-color: #007bff;
}

.warmgallery .pagination {
  text-align: center;
  margin-top: 10px;
}

.warmgallery .dot {
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 4px;
  background-color: #ccc;
  border-radius: 50%;
  cursor: pointer;
}

.warmgallery .dot.active {
  background-color: #007bff;
}





@media (max-width: 1050px) {
 /* 단감나무 분양 */
 .con03_01 {background-size: 350px;}
}
@media (max-width: 960px) {
    /* 단감상식 */
    .con02_04 {display: flex; flex-wrap: wrap;}
    .con02_04 ul {width: 100%;}
    .con02_04 span.img {position: static;}
}

@media (max-width: 870px) {
 /* 단감나무 분양 */
 .con03_01 {background-size: 240px;}
}
@media (max-width: 670px) {
 /* 단감나무 분양 */
 .con03_01 {background: none;}
}
@media (max-width: 620px) {
    /* 주요시설 */
    .facilities_lists > li {width:96%; margin: 0 auto 5%;}

    /* 창원독뫼농업 */
    .sampling {display: none;}
    .sampling_m {display: block;}
    
    /* 정감체험 */
    .warm_imgbox img {width: 100%; margin: 8px 0;}
}
@media (max-width: 600px) {

        /* 정감체험 슬라이드 */
  .warmgallery .thumbnails img {
    width: 70px;
    height: 50px;
  }

  .warmgallery .nav-arrow {
    font-size: 2rem;
  }
}