@charset "UTF-8";

.ready_page {background:#f7f7f7;}

h4:not(.bod_view h4) {font-family: "SB Aggro", sans-serif; font-size: 36rem; font-weight: 500; margin: 80rem 0 20rem; color:#2D5A2D;}
h5 {font-family: "SB Aggro", sans-serif; font-size: 27rem; font-weight: 500; margin: 30rem 0 16rem;}
h4.first {margin-top: 0;}

/* 테이블 */
.scroll_txt { display:none; }
.tblWrap {overflow-x:auto; margin:20rem 0 25rem; border-top:1px solid #ddd;}
.tblWrap table {width:100%; text-align:center; margin-left:-1px; line-height:1.6;}
.tblWrap table thead th,
.tblWrap table tbody th {background: #FDF6E3; border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:14rem;}
.tblWrap table tbody th {background:#fbfbfb;}
.tblWrap table tbody td { padding:14rem; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.tblWrap.tdL table tbody td {text-align:left;}
@media all and (max-width:599px){
	.scroll_txt {display:block; text-align:center; font-size:14rem; font-weight: 500;}
	.scroll_txt span {padding:0 0 0 32px; background: url('/sjlife/2022_new/img/sub/scroll_txt.gif') no-repeat left center;}
	.tblWrap table {width:600rem;}
}
/* dep */
.dep01, .dep02 {margin:10rem 0;}
.dep01 > li{display: flex; flex-wrap: wrap; margin-bottom: 10rem; position: relative; padding-left: 15rem; }
.dep01 > li::before {content: ''; display: block; position: absolute; top: 7rem; left: 0; width: 4px; height: 18rem; background:#2D5A2D;}
.dep01 > li > strong {font-family: "SB Aggro", sans-serif; font-weight: 500; color:#2D5A2D; padding-top: 3rem; padding-right: 30rem;}
.dep01 > li > span{position: relative; margin-bottom: 3%; font-family: "SB Aggro", sans-serif; font-weight: 500; color: var(--y_color); padding-left: 16px;}
.dep01 > li > span::before{position: absolute; content: ""; width: 5px; height: 20rem; background:#2D5A2D; top: 2px; left: 0;}
.dep02 {width: 100%;}
.dep02 > li{padding-left: 20rem; position: relative; margin: 5rem 0 5rem 13rem; }
.dep02 > li::before{position: absolute; content: ""; width: 5px; height: 5px; border-radius: 50px; background: var(--y_color); top: 11rem; left: 0;}
.dep03 {margin: 5rem 0;}
.dep03 > li{position: relative; padding-left: 15rem; font-size: 18rem;}
.dep03 > li > span{position: absolute; left: 0; top: 5px; color: #fff; background: #168f38; border-radius: 50%; width: 23rem; height: 23rem; text-align: center; line-height: 23rem;}
.dep03 > li::before {position: absolute; left: 0; top: 12px; content: ""; width: 3px; height: 3px; background: rgba(255, 255, 255, 0.5);}



/* 축제개요 */
.overview_2025 .top {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.overview_2025 .mainImg {width: 460rem;}
.overview_2025 .mainImg .slick-list{box-shadow: 20rem 20rem 20rem 0 rgba(0, 0, 0, 0.1);}
.overview_2025 .mainImg .slick-dots {bottom:-60rem;}
.overview_2025 .mainImg .slick-dots li { width:30px; margin:0 5rem;}
.overview_2025 .mainImg .slick-dots button:before {display:none;}
.overview_2025 .mainImg .slick-dots button { background:#ddd; width:100%; ; height:8px; padding:0; }
.overview_2025 .mainImg .slick-dots .slick-active button {background:#2D5A2D; }
.overview_2025 .mainTxt {width: calc(100% - 520rem); max-width: 603px; padding: 40rem 0;}
.overview_2025 .no_img .mainTxt {width: 100%; max-width: none; padding: 0 0 40rem;}
.overview_2025 .mainTxt .tit {font-family: "SB Aggro", sans-serif; font-size: 40rem; font-weight: 500; color:#2D5A2D;margin-bottom: 25rem; }
.overview_2025 .mainTxt .intro p:not(.tit) {line-height: 1.8;}
.overview_2025 .mainTxt .info_detail {padding-top: 50rem;margin-top: 50rem;position: relative;}
.overview_2025 .mainTxt .info_detail::before {content: '';display: block;width: 50rem; height: 10rem; background: url(/design/sjlife/img/2025/sub/overview_top_obj.png) no-repeat left center/100%; position: absolute;top: -5rem; left: 0; }
.overview_2025 .mainTxt .info_detail::after {content: '';display: block;width: calc(100% - 63rem); height: 1px; background: rgba(255, 255, 255, 0.3); position: absolute;top: -0.5px; right: 0;}
.overview_2025 .mainTxt .info_detail > li {display: flex; flex-wrap: wrap; margin-bottom: 10rem; position: relative; padding-left: 15rem;}
.overview_2025 .mainTxt .info_detail > li::before {content: ''; display: block; position: absolute; top: 7rem; left: 0; width: 4px; height: 18rem; background:#2D5A2D;}
.overview_2025 .mainTxt .info_detail > li:last-child {margin-bottom: 0;}
.overview_2025 .mainTxt .info_detail strong {font-family: "SB Aggro", sans-serif; font-weight: 500; color:#2D5A2D; min-width: 123rem;padding-top: 3rem; padding-right: 30rem;}
.overview_2025 .gallery {margin-top: 100rem; }
.overview_2025.old .top:not(:first-child) {margin-top: 80rem;}
.overview_2025.modify230907 .mainTxt .info_detail > li {margin-bottom: 15rem;}
.overview_2025.modify230907 .mainTxt .info_detail strong {width: 100%; margin-bottom: 5rem;}
@media all and (max-width: 1074px) {
  .overview_2025 .mainTxt {padding: 20rem 0;}
}
@media all and (max-width: 980px) {
  .overview_2025 .mainImg {width: 360rem;}
  .overview_2025 .mainTxt {width: calc(100% - 420rem); padding: 0;}
  .overview_2025 .mainTxt .tit {font-size: 36rem;}
  .overview_2025 .mainTxt .info_detail {padding-top: 40rem;margin-top: 40rem;}
}
@media all and (max-width: 860px) {
  .overview_2025 .mainImg {width: 100%; max-width: 720rem; margin: 0 auto;}
  .overview_2025 .mainTxt {width: 100%; padding: 40rem 0; margin-top: 50rem;}
  .overview_2025 .no_img .mainTxt {margin-top: 0; padding: 0;}
	.overview_2025 .gallery {margin-top: 20rem; }
}
@media all and (max-width: 768px) {
  .overview_2025 .mainTxt .tit {font-size: 34rem;}
}
@media all and (max-width: 420px) {
  .overview_2025 .mainTxt .info_detail > li {margin-bottom: 15rem;}
  .overview_2025 .mainTxt .info_detail strong { width: 100%; margin-bottom: 5rem;}
}



.schedule_2025 h5 span { font-size:20rem; font-weight:400; margin-left:10rem;  }
.schedule_2025 .list { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:60rem 30rem; margin-bottom:70rem;}
.schedule_2025 .list div { position:relative; border-radius:20rem; padding:1px; background:linear-gradient(145deg, var(--y_color) 20%, var(--w_color) 70%); }
.schedule_2025 .list p.name { position:absolute; left:50%; bottom:-30rem; height:50rem; line-height:50rem; padding:0 20rem; background:#1b722f; color:#fff; border-radius:25rem; transform:translateX(-50%); font-weight:600; font-size:18rem; }
.schedule_2025 .list div img {border-radius:20rem;}
@media all and (max-width:768px){
  .schedule_2025 .list { grid-template-columns:1fr 1fr; gap:60rem 20rem; }
}
@media all and (max-width:480px){
  .schedule_2025 h5 span {display:block; margin-left:0; }
}

/* 행사장안내 */
.fes_eventhall img {border-radius: 10rem;}
.tblWrap2 {overflow-x:auto; margin-top: 3%;}
.tblWrap2 .scroll_txt {display: block;margin-top: 10px; text-align: center; font-size: 15px; padding: 10px; font-weight: 500; background: rgba(255, 255, 255, 0.8); color: var(--i_color); border-radius: 10rem; margin-bottom: 10px;}
.tblWrap2 .scroll_txt span {padding:0 0 0 32px;background: url('/sjlife/2022_new/img/sub/scroll_txt.gif') no-repeat left center;}
.tblWrap2 table {border-collapse: separate; width:100%; min-width: 1400px; margin-left:-1px; border-top:2px solid #145623; text-align:center;}
.tblWrap2 table thead th {padding:1%; font-weight:500; font-weight: bold; background: rgba(0, 0, 0, 0.2); color: #fff; border-left: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; font-size: 17rem;}
.tblWrap2 table tbody th,
.tblWrap2 table tbody td {padding:1%; border-bottom:1px solid var(--p_color); border-left:1px solid var(--p_color); background:#fff; color: var(--i_color); font-size: 16rem;}
.tblWrap2 table tbody td {vertical-align:top;}
.tblWrap2 table tbody th {background:#f8f8f8; font-weight:500;}
@media all and (max-width:1268px) {
	.tblWrap2 table thead th {font-size: 16rem;}
}
@media all and (max-width:768px){
	.tblWrap2.scroll table {width:768px;}
}
.num li { position:relative; padding: 4rem 0 4rem 30rem; font-weight: 500;}
.num li span{ position:absolute; left:0; top:7rem; width: 22rem; height: 22rem; background: #152649; border-radius: 50rem; color: #fff; text-align: center;font-weight: 500; font-size:15rem; line-height : 22rem;}
.co01 li span{background: #985ba1;}
.co02 li span{background: #ec7aad;}
.co03 li span{background: #f49600;}
.co04 li span{background: #6bbb5a;}
.co05 li span{background: #367cc1;}
.co06 li span{background: #ed7a68;}
.co07 li span{background: #fabd00}
.co08 li span{background: #38bfef;}
.num li em{display: inline-block; text-indent: -9999px; width: 30rem; height: 30rem; background: url('/design/sjlife/img/sub/info_icon01.png') no-repeat center left; background-size: contain; margin-right: 5rem;}
.num li.icon2 em{background-image: url('/design/sjlife/img/sub/info_icon02.png');}

.ad span{ background: #152649; color: #fff; padding: 8rem 16rem; border-radius: 60rem;}
.ad1 span{background: #985ba1;}
.ad2 span{background: #ec7aad;}
.ad3 span{background: #f49600;}
.ad4 span{background: #6bbb5a;}
.ad5 span{background: #367cc1;}
.ad6 span{background: #ed7a68;}
.ad7 span{background: #fabd00;}
.ad8 span{background: #38bfef;}
@media all and (max-width:1268px) {
	.ad span{padding: 0; border-radius: 0;}
	.tblWrap2 table thead th.ad1{background: #985ba1;}
	.tblWrap2 table thead th.ad2{background: #ec7aad;}
	.tblWrap2 table thead th.ad3{background: #f49600;}
	.tblWrap2 table thead th.ad4{background: #6bbb5a;}
	.tblWrap2 table thead th.ad5{background: #367cc1;}
	.tblWrap2 table thead th.ad6{background: #ed7a68;}
	.tblWrap2 table thead th.ad7{background: #fabd00;}
	.tblWrap2 table thead th.ad8{background: #38bfef;}
}

/*리플릿*/
.leaflet_2025 > div.poster {display: flex; flex-wrap: wrap;justify-content: space-between;margin-bottom: 60rem;}
.leaflet_2025 div {text-align: center;}
.leaflet_2025 > div.poster > div {width: 45%;}
.leaflet_2025 > div img {margin-bottom: 20rem; box-shadow: 20rem 20rem 20rem 0 rgba(0, 0, 0, 0.1);}
.leaflet_2025 > div a {display: block; width: 70%; padding: 8rem 20rem; background-color:#323232; border-radius: 10rem;margin: 20rem auto 0; color:#ffff;}
.leaflet_2025 > div a > span {padding-left: 28rem; font-size: 17rem;font-weight: 400;background:url('/design/sjlife/img/sub/down.png') no-repeat left center;}

.leaflet_2025 > div.poster.center {justify-content: center;}

@media all and (max-width: 768px) {
  .leaflet_2025 > div > div {width: 100% !important;margin-bottom: 60rem;}
}

/*메인프로그램*/
.program_2025 .top {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.program_2025 .top:not(:first-child) {margin-top: 80rem;}
.program_2025 .mainImg {width: 460rem;}
.program_2025 .mainImg .slick-list{ box-shadow: 20rem 20rem 20rem 0 rgba(0, 0, 0, 0.1);}
.program_2025 .mainImg .slick-dots {bottom:-40rem;}
.program_2025 .mainImg .slick-dots li { width:30px; margin:0 5rem;}
.program_2025 .mainImg .slick-dots button:before {display:none;}
.program_2025 .mainImg .slick-dots button { background: var(--w_color); width:100%; ; height:8px; padding:0; }
.program_2025 .mainImg .slick-dots .slick-active button {background:#2D5A2D; }
.program_2025 .mainTxt {width: calc(100% - 520rem); max-width: 603px; padding: 40rem 0;}
.program_2025 .no_img .mainTxt {width: 100%; max-width: none; padding: 0 0 40rem;}
.program_2025 .mainTxt .tit {font-family: "SB Aggro", sans-serif; font-size: 40rem; font-weight: 500; color:#2D5A2D;margin: 0 0 25rem; line-height:1.4;}
.program_2025 .mainTxt .intro p:not(.tit) {line-height: 1.8;}
.program_2025 .mainTxt .info_detail {padding-top: 50rem;margin-top: 50rem;position: relative;}
.program_2025 .mainTxt .info_detail::before {content: '';display: block;width: 50rem; height: 10rem; background: url(/design/sjlife/img/2025/sub/overview_top_obj.png) no-repeat left center/100%; position: absolute;top: -5rem; left: 0; }
.program_2025 .mainTxt .info_detail::after {content: '';display: block;width: calc(100% - 63rem); height: 1px; background: rgba(255, 255, 255, 0.3); position: absolute;top: -0.5px; right: 0;}
.program_2025 .mainTxt .info_detail > li {display: flex; flex-wrap: wrap; margin-bottom: 10rem; position: relative; padding-left: 15rem;}
.program_2025 .mainTxt .info_detail > li::before {content: ''; display: block; position: absolute; top: 7rem; left: 0; width: 4px; height: 18rem; background:#2D5A2D;}
.program_2025 .mainTxt .info_detail > li:last-child {margin-bottom: 0;}
.program_2025 .mainTxt .info_detail strong {font-family: "SB Aggro", sans-serif; font-weight: 500; color:#2D5A2D; min-width: 123rem;padding-top: 3rem; padding-right: 30rem;}
.program_2025 .mainTxt .info_detail > li.guestList ul {display: flex; flex-wrap: wrap;gap:20rem;}
.program_2025 .mainTxt .info_detail > li.guestList ul img {display: block;margin: 0 auto 8rem; border-radius: 10rem;}
.program_2025 .mainTxt .info_detail > li.guestList ul li { width:calc((100% - 60rem)/4);text-align: center;}
.program_2025 .mainTxt .info_detail > li.guestList > strong {width: 100%; margin-bottom: 20rem;}
.program_2025 .mainTxt .info_detail > li.guestList ul li > span {font-size: 17rem; font-weight: 500;border-radius: 20rem; }
.program_2025 .mainTxt .info_detail > li.guestList ul li > span::before {display: none !important;}
/*글씨체크게요청사항*/
.program_2025 .mainTxt .info_detail {font-size:20rem;}

@media all and (max-width: 1074px) {
  .program_2025 .mainTxt {padding: 20rem 0;}
}
@media all and (max-width: 980px) {
  .program_2025 .mainImg {width: 360rem;}
  .program_2025 .mainTxt {width: calc(100% - 420rem); padding: 0;}
  .program_2025 .mainTxt .tit {font-size: 36rem;}
  .program_2025 .mainTxt .info_detail {padding-top: 40rem;margin-top: 40rem;}
}
@media all and (max-width: 860px) {
  .program_2025 .mainImg {width: 100%; max-width: 720rem; margin: 0 auto;}
  .program_2025 .mainTxt {width: 100%; padding: 40rem 0; }
	.program_2025 .top:not(:first-child) {margin-top: 40rem;}
  .program_2025 .no_img .mainTxt {margin-top: 0; padding: 0;}
}
@media all and (max-width: 768px) {
  .program_2025 .mainTxt .tit {font-size: 34rem;}
}
@media all and (max-width:580px) {
  .program_2025 .mainTxt .info_detail > li.guestList ul {padding-left: 0;gap:0;justify-content: space-between;}
  .program_2025 .mainTxt .info_detail > li.guestList ul li {width: 45%;margin-bottom: 20rem;}
  .program_2025 .mainTxt .info_detail > li.guestList ul li > span {font-size: 15rem;}
}
@media all and (max-width: 420px) {
  .program_2025 .mainTxt .info_detail > li {margin-bottom: 15rem;}
  .program_2025 .mainTxt .info_detail strong { width: 100%; margin-bottom: 5rem;}
}

/*상설프로그램*/
.program .cont_wrap { padding:40rem; border-radius:10rem; margin:30rem 0; border:1px solid #ddd;}
.program .cont_wrap h4 { margin: 0 0 20rem !important; color:#2D5A2D;}
.program .cont_wrap .photo { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20rem; margin-top:40rem; }
.program .cont_wrap .photo img {border-radius:10rem; }
@media all and (max-width:768px){
  .program .cont_wrap .photo { gap:10rem; }
}
/*부대프로그램*/
.program .cont_wrap2 { display:flex; justify-content:space-between; padding:40rem; border-radius:10rem; margin:30rem 0; gap:20rem; border:1px solid #ddd;}
.program .cont_wrap2 dt { font-size: 36rem; line-height: 1; font-weight: 500; color:#2D5A2D; margin: 0 0 20rem !important; font-family:"SB Aggro", sans-serif}
.program .cont_wrap2 .photo img {border-radius:10rem; width:100%; }
@media all and (max-width:768px){
  .program .cont_wrap2 { flex-direction:column; }
}

.btn_align {display:flex; align-items:center; margin-top:30rem;}
.btn_align h5 {margin-bottom:0 !important; margin-top:0 !important; margin-right:20rem !important;}
.mapView {display:inline-block; background:#323232; padding:7rem 20rem; border-radius:10rem; font-weight:600; color:#fff;}
@media all and (max-width:1023px){
  .btn_align {flex-wrap:wrap;}
  .btn_align h5 {width:100%; margin-right:0 !important;}
  .mapView {margin-left:0; margin-top:20rem;}
}

.part01 .sitemap {display:flex; flex-wrap:wrap; margin:-10rem;}
.part01 .sitemap dl {width:calc(25% - 20rem); margin:10rem;}
.part01 .sitemap dt { position:relative; display:flex; align-items:center; justify-content:space-between; border:1px solid #fff; height:50rem; padding:0 20rem; border-radius:5rem; font-weight:600; font-size:1em; }
.part01 .sitemap dt::after { content:''; display:block; flex-shrink:0; width:8rem; height:8rem; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg); }
.part01 .sitemap dt a {display:block;}
.part01 .sitemap .sitemap_ul li {padding-top:20rem;}
.part01 .sitemap .sitemap_ul a {display:inline-block; position:relative; padding-left:25rem;}
.part01 .sitemap .sitemap_ul a::before {content:''; position:absolute; left:10px; top:14px; width:4rem; height:4rem; background:#fff; border-radius:50%;}}
@media all and (max-width:1023px){
  .part01 .sitemap {margin:-10rem;}
  .part01 .sitemap dl { width:calc(33.333% - 20rem);}
}
@media all and (max-width:768px){
  .part01 .sitemap {margin:-7rem;}
  .part01 .sitemap dl { width:calc(50% - 20rem); margin:7rem;}
}
@media all and (max-width:321px){
  .part01 .sitemap {margin:-7rem 0;}
  .part01 .sitemap dl {width:100%; margin:7rem 0;}
}




/*게시판*/
.bod_search select,
.bod_search input[type="text"],
.bod_search input[type="submit"] {height:40rem !important; border-radius:3rem;}
.bod_list th,
.bod_list td {font-size:17rem;}