/**************************************************
* 버전관리
* version : v=1
* Last Update : 
**************************************************/

/********************************************************
■ 공통
********************************************************/
.con {width:100%; max-width:72rem;padding:0 1rem; margin:0 auto; font-size:1rem;}
#content_body:has(.cloud_bg_deco) {position:relative;}
.cloud_bg_deco {position:absolute; top:0; left:50%; width:100vw; height:100%; transform:translateX(-50%); z-index:-5;}
.cloud_bg_deco [class*='cloud'] {position:absolute;}

/*-----서브타이틀 스타일-----*/
.sub_title {display: flex; flex-direction: column;  align-items: center; justify-content: center; gap: 0.15rem; margin-bottom:3rem; font-family: 'Paperlogy', serif; font-size:2.5rem; color:var(--dmain); text-align: center; position: relative;  z-index: 1;}
.sub_title h4 {display: flex; flex-direction: column;  align-items: center; justify-content: center; font-weight:800;}
.sub_title .sub_tit_eng {color:var(--gray33); font-size:1rem; font-weight:600;}
.sub_title .sub_title_text {font-size:0.85rem; color:var(--black); font-weight:500;}


/* 서브타이틀 타입1 */
.sub_title:is(.type1) { text-align: left;}
.sub_title:is(.type1) h4 { gap: 0.3rem; align-items: flex-start; padding-bottom:1.3rem; margin-bottom:1.15rem; width: 100%; border-bottom:2px solid #C0C0C0;}
.sub_title:is(.type1) h4 span {font-weight:500; color:var(--main)}
.sub_title:is(.type1) .sub_text {width: 100%; color:var(--gray33); font-size:1rem; font-family:'Pretendard GOV', serif;}

/* 서브타이틀 타입1 - 배경 추가 */
.sub_title:is(.type1.bg) {padding:2.5rem 3rem 2.3rem; text-align: left; background:#F6F6F6; border-radius:0.6rem;}

/* 서브타이틀 타입2 */
.sub_title:is(.type2) .sub_title_text {margin-top:1.75rem; font-size:1rem; color:var(--gray33);}
.sub_title .scroll_icon{display:flex; align-items: center;  margin-top: 2.5rem; color:#f00; font-size:0.8rem; gap:0.5rem; letter-spacing: 0;}
.sub_title .scroll_icon .scroll{position:relative; display:inline-block;display:block;  width:2px; height:2.7rem; background:#C0C0C0; }
.sub_title .scroll_icon .scroll .wheel{position:absolute; left:0px; top:0px;display:block;  width:2px; height:0.55rem; background:var(--dmain); animation: scroll 4s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite;}

@keyframes scroll {
  0%   { top:0}
  50%   { top:2.15rem}
  100%   { top:0}
}


/*-----불렛 스타일-----*/

/* 꽃모양 불렛 */
.bullet01{display:flex; align-items: center; gap:0.3rem !important;}
.bullet01:before {content:''; display:block; flex-shrink: 0; width:0.7rem; height:0.7rem; background:url('/images/default/content/bullet01.svg') no-repeat center center; background-size:100% auto;}
.bullet01:is(.big) {gap:0.55rem !important; font-weight:800; color:var(--gray33);}
.bullet01:is(.big):before {width:1.4rem; height:1.4rem;}


/*-----테이블 스타일-----*/
.info_list {border-top:2px solid #121212;}
.info_list li:has(.th,.td) {display:flex; height:auto; border-bottom:1px solid #C0C0C0;}
.info_list li:is(.only_th) .th {background:#F6F6F6;}
.info_list .th {display: flex; justify-content: center; align-items: center; flex-shrink: 0; padding: 0.83rem 0.8rem; width:19.91%; text-align:center; color:var(--gray33); font-weight:700; border-right:1px solid #C0C0C0;}
.info_list .td {display: flex; align-items: center; flex:1; padding: 0.83rem 0.8rem; color:var(--gray6A); text-align: left;}

.info_list:is(.style2) {border-color:var(--dmain);}

/*-----중앙 포커스 슬라이드 스타일-----*/
.center_focused {margin-bottom:4rem;}
.center_focused .swiper-slide {width:auto; border-radius:0.6rem; overflow:hidden;}
.center_focused .swiper-slide img {opacity:0; width: 100%;}
.center_focused .swiper-slide.swiper-slide-prev img,
.center_focused .swiper-slide.swiper-slide-next img,
.center_focused .swiper-slide.swiper-slide-active img {opacity:1;}

/* 스와이퍼 페이지네이션 */
.cf_prev,
.cf_next {display: flex; align-items: center; justify-content: center; margin-top:0; width:3.7rem; height:3.7rem; aspect-ratio:1; color:var(--main); font-size:1.11rem; border-radius:100%; border:2px solid #fff; background:rgba(255,255,255,0.7); backdrop-filter:blur(9.25px); top:50%; transform:translateY(-50%); box-shadow: 0px 3.700000047683716px 9.25px 0px rgba(0, 0, 0, 10%)}
.cf_prev {left:auto; right:98.5%;}
.cf_next {right:auto; left:98.5%;}


/*----- 버튼 스타일 -----*/
.btn_style01,
.btn_style02 {display: flex; align-items: center;  gap: 0.35rem;  padding: 0.5rem 0.45rem;  border-radius: 0.2rem; color: #fff;}

.btn_style01 {background: #371D10;}
.btn_style02 {background: #1F3328;}



@media (max-width:1400px){
	/* 스와이퍼 페이지네이션 */
	.cf_prev {right:auto; left:0rem;}
	.cf_next {left: auto; right:0rem;}
}     
@media (max-width:768px){
	/* 스와이퍼 페이지네이션 */
	.cf_prev,
	.cf_next {width:2.5rem; height:2.5rem;}
	.cf_prev {left:-0.5rem;}
	.cf_next {right:-0.5rem;}


	/*-----서브타이틀 스타일-----*/
	.sub_title {font-size: 2.47rem;}
	.sub_title .sub_tit_eng {font-size:1rem;}
	.sub_title .sub_title_text {font-size:1rem;}

	/* 서브타이틀 타입1 */
	.sub_title:is(.type1) .sub_text {font-size:1.11rem; line-height:1.5;}


	/* 서브타이틀 타입1 - 배경 */
	.sub_title:is(.type1.bg) {padding:2rem 1.5rem;}


	/*-----테이블 스타일-----*/
	.info_list .th {width: 25%}
}


.btn_default {display: flex;  justify-content: center;  align-items: center; gap: 0.5rem; padding: 0.6rem 1rem;  width: 100%;  font-size: 0.85rem;  font-weight: 600;  border-radius: 0.4rem !important;  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) inset; transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86); border:none; cursor:pointer; overflow: hidden;position: relative; z-index: 0;}
.btn_default.navy { color: #fff; background:#112B45;}
.btn_default.navy:is(:hover,:focus) {background:#2563EB;}

/********************************************************
■ 축제소개 - 소개의 글
********************************************************/

/*-----행사개요-----*/

/* 포스터 영역 */
.fes_info {display:flex; gap:1.88rem 8.64vw; justify-content: space-between; align-items: center;}
.fes_info .img_box {padding:2.6rem 3rem 0 0; width:38.57%;  max-width: 22.3rem; text-align: center; color: #fff; position:relative; z-index:0;  box-sizing: content-box;}
.fes_info .img_box:after {content:''; display:block; width:100%; max-width: 22.3rem; height:auto; aspect-ratio:1; border-radius:100%; background:var(--gradiant); position:absolute; top:0; right:0; z-index: -1;}
.fes_info .img_box .info_poster { display: flex;  align-items: center;  justify-content: center; max-width: 22.3rem; width: 100%; height:auto; aspect-ratio:1;  font-weight: 700; border-radius:100%; background:url('/images/default/content/poster_mask.png') no-repeat center center; background-size:cover;}
.fes_info .img_box .stick {width:12.85rem; height:2rem; border-radius:5rem; background:var(--dmain); transform:rotate(6deg); position: absolute; bottom: 1.5rem; right: 0;}
 
/* 개요 영역 */
.fes_info .txt_box {flex: 1;}
.fes_info .txt_box .info_logo {width:100%; max-width:18.35rem;}
.fes_info .txt_box h5 {padding:0.55rem 0 1.1rem; font-size: clamp(1rem, 0.96rem + 0.25vw, 1.2rem); color:var(--black); font-weight:700; position:relative;}

.fes_info .logo_wrap {display:flex; gap: 0.5rem; align-items: flex-end;flex-wrap: wrap;}
.fes_info .logo_wrap .host2 {display:flex; align-items: center; gap:0.65rem;}
.fes_info .logo_wrap .slash {width:1px; height:1.2rem; background:#c0c0c0; transform:rotate(23deg)}
.fes_info .logo_wrap img {height:1.6rem;}

/* 날짜 영역 */
.fes_info .fes_date {display:inline-flex; align-items: center;  justify-content: space-between; gap:1rem 0.75rem; margin-top:1.55rem;position:relative;}
.fes_info .fes_date .line {padding:0; width:3.55rem; height:1.09rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='22' fill='none'%3E%3Cg fill='%236E2809' clip-path='url(%23a)'%3E%3Cpath d='M22.4 1.3a9.6 9.6 0 1 0 6.8 16.5l6.3-6.4a.7.7 0 0 0 0-.9l-6.3-6.3a9.6 9.6 0 0 0-6.8-2.9Zm0 18A8.3 8.3 0 1 1 28.2 5l6 5.9-6 5.8a8.3 8.3 0 0 1-5.8 2.5Z'/%3E%3Cpath d='M49 1.3A9.6 9.6 0 0 0 42 4.2l-6.3 6.3a.7.7 0 0 0 0 1l6.3 6.3A9.6 9.6 0 1 0 49 1.3ZM37.1 11 43 5a8.3 8.3 0 1 1 0 11.8L37.2 11Z'/%3E%3Cpath d='M35.6 0a.7.7 0 0 0-.4.3L24.9 10.5a.7.7 0 0 0 0 1l10.3 10.2a.7.7 0 0 0 1 0l10.2-10.3a.7.7 0 0 0 0-.9L36 .3a.7.7 0 0 0-.5-.2Zm-9.3 11 9.3-9.4L45 11l-9.4 9.3-9.3-9.3ZM5 6.4a4.5 4.5 0 1 0 0 9.1 4.5 4.5 0 0 0 0-9Zm0 7.8a3.2 3.2 0 1 1 0-6.5 3.2 3.2 0 0 1 0 6.5Z'/%3E%3Cpath d='M22.6 8a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm0 4.7a1.7 1.7 0 1 1 0-3.5 1.7 1.7 0 0 1 0 3.5ZM49 8a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm0 4.7a1.7 1.7 0 1 1 0-3.5 1.7 1.7 0 0 1 0 3.5ZM66.3 6.4a4.5 4.5 0 1 0 0 9.1 4.5 4.5 0 0 0 0-9Zm0 7.8a3.2 3.2 0 1 1 0-6.5 3.2 3.2 0 0 1 0 6.5Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.2 21.9h71V0H.2z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; background-size: contain;}
.fes_info .fes_date p {display:flex; flex-direction:column; justify-content: center; align-items: center; gap: 0.35rem;  padding: 1.575rem 1rem; width:8rem; font-size:0.85rem; color:var(--gray6A); line-height: 1; border-radius:2.5rem;  background:#FFF5EA;}
.fes_info .fes_date p strong {color:var(--brown); letter-spacing: -0.06em;}


/*-----비전-----*/
.fes_vision {margin-top:5rem; padding:5rem 0; position:relative;}
.fes_vision:after {content:''; display:block; width:100vw; height:100%; border-top-left-radius:20rem; background:url('/images/default/content/fes_vision_bg.webp') no-repeat right center; background-size:cover; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:-1;}

/* 슬라이드 (에러나서 css 클래스 분리하여 적용) */
.fes_vis_swiper .swiper-slide {width:auto;  border-radius:0.6rem; overflow:hidden;}
.fes_vis_swiper .swiper-slide img {width: 100%; opacity:0;}
.fes_vis_swiper .swiper-slide.swiper-slide-prev img,
.fes_vis_swiper .swiper-slide.swiper-slide-next img,
.fes_vis_swiper .swiper-slide.swiper-slide-active img {opacity:1;}


/*-----추진목표-----*/
.fes_goal {margin-top:5rem; position:relative;}
.fes_goal:after {content:''; display:block; width:17.7rem; height:17.3rem; background:url('/images/default/content/bg_article3.svg') no-repeat right center; background-size:cover; position:absolute; bottom: 55vh; left: -15vw; z-index:-1;}

/* 섹션 타이틀*/
.fes_goal .sub_title {align-items: flex-start;}

.fes_goal .goal_wrap {display:flex; gap: 2rem 6.75rem; justify-content: space-between; position:relative;}
.fes_goal .goal_wrap:after {content:"";display:block; width:2px; height:150%; background:var(--dmain); position:absolute; top:50%; left:46.7%; transform:translate(-50%,-50%); z-index:-2;}
.fes_goal .goal_wrap .goal_img_web {max-width:100%;}

@media (max-width:1440px){
	.fes_goal .goal_wrap:after {left:48.2%;}
}
@media (max-width:1030px){
	/* 포스터 영역 */
	.fes_info {flex-direction:column}
	.fes_info .txt_box {width:100%; text-align: center;}
	.fes_info .img_box {padding-top:0; width: 50%;}
	.fes_info .img_box:after {top: 50%; transform: translateY(-50%);}
}
@media (max-width:768px){
	/* 포스터 영역 */
	.fes_info .img_box {width: 100%; box-sizing: border-box;}
	.fes_info .img_box:after {width: 85%;}
	.fes_info .logo_wrap .host2 {flex-wrap: wrap;}

	/* 개요 영역 */
	.fes_info .txt_box .info_logo { max-width: 14.35rem;}
	.fes_info .txt_box h5 {font-size:1.27rem;}
	.fes_info .logo_wrap img {height:2rem;}

	
	/* 날짜 영역 */
	.fes_info .fes_date {margin-top: 1.41rem; width:100%;}
	.fes_info .fes_date .line {flex-shrink:0;}
	.fes_info .fes_date p {width:100%; font-size:0.88rem;}

	/*-----비전-----*/
	.fes_vision:after {border-top-left-radius: 5rem; left: -1rem; transform: translate(0, 0);}


	/*-----추진목표-----*/
	.fes_goal .goal_wrap {display:block;}
	.fes_goal .goal_wrap:after {top: 10%;transform: translate(-50%, 0);}
	.fes_goal .goal_wrap .goal_img_web {display:none;}

	/* 추진목표 모바일 레이아웃 */
	.goal_wrap .mob_layout {padding:0;}
	.goal_wrap .mob_layout ul {display:flex; flex-direction:column; align-items: center; justify-content: center; gap: 1.88rem;}
	.goal_wrap .mob_layout ul li {width:100%;}
	.goal_wrap .goal {display: flex; position:relative;}
	.goal_wrap .goal .img_box { max-width: 70%; position:relative; overflow:hidden; border-radius: 100%; aspect-ratio:1; border:2px solid var(--dmain);}
	.goal_wrap .goal .img_box:before {content:''; display:block; width:100%; height:100%;  background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; }
	.goal_wrap .goal1,
	.goal_wrap .goal3,
	.goal_wrap .goal5{justify-content: flex-end;}
	.goal_wrap .goal_text { padding: 0.5rem; width: 100%; text-align:center; color: #fff; line-height: 1.3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
	.goal_wrap .goal_text strong {margin-bottom: 0.5rem; display: inline-block; line-height:1.3}
	.goal_wrap .goal_text span {font-size:0.88rem !important; letter-spacing: -0.05em;}
	.goal_wrap .mob_layout .goal img {max-width:100%;}
}
@media (max-width:540px){
	/* 추진목표 모바일 레이아웃 */
	.goal_wrap .goal .img_box {max-width: 100%;}
}


/********************************************************
■ 축제소개 - 축제 홍보대사
********************************************************/
#content_body:has(.singer_profile) {padding-bottom:0;}
.con:has(.singer_profile) {position:relative; padding-bottom:8rem;}
.singer_bg {width:100vw; height:70%; background:url('/images/default/content/singer_bg.webp') no-repeat center top; background-size:cover; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:-1;}
.singer_prof_pic {position:relative;}
.singer_prof_pic:after {content:''; display:block; width:13.4rem; height:12.7rem; background:#fff url('/images/default/content/bg_article2.svg') no-repeat right top; background-size:100% auto; position: absolute; top: -5rem; right: -5rem; background-blend-mode: exclusion; z-index:-1; opacity:0.5;}

/*-----가수 프로필-----*/
.singer_profile {display:flex; gap:1.6rem 2.4rem;}
.singer_profile .singer_name {display:flex;  align-items: baseline; gap:0.5rem; margin-bottom:2.5rem; color:var(--black); font-size:1.5rem; font-weight:600;}
.singer_profile .singer_name span {font-size:1rem; color: var(--dmain);}
.singer_profile .txt_box {flex:1;}

.singer_profile .info_list .th {justify-content: flex-start; gap: 0.25rem; padding:0.83rem 1.5rem; color:var(--gray33); width: 35%;}
.singer_profile .fanCafe_hyperLink {display:flex; gap:0.5rem; align-items: center; color:var(--gray6A); font-weight:500; line-height: 1;}
.singer_profile .fanCafe_hyperLink img {width:1.25rem; height:auto; aspect-ratio:1;}

/*-----가수 사진-----*/
.singer_img {display:flex; flex:1; gap:1rem;}
.singer_img > ul {display: flex; flex-direction: column; gap: 1rem; width:calc((100% - 1rem * 1)/2);}
.singer_img > ul li div {border-radius:0.2rem; overflow:hidden;}
.singer_img .img_r .top {flex:1;}
.singer_img .img_r .btm {display:flex; gap:1rem;}


/* 사진별 스타일 */
.singer_img .singer_img01,
.singer_img .singer_img02 {padding-top:100%; width:100%;}
.singer_img .singer_img03 { width: 100%; height: 100%;}
.singer_img .singer_img04,
.singer_img .singer_img05 {padding-top:0;  width: 100%; height:auto; aspect-ratio:1;}


@media (max-width:1400px){
	/*-----가수 프로필-----*/
	.singer_profile .info_list .th {padding:0.83rem 0.5rem;  text-align: left;}
}
@media (max-width:1030px){
	/*-----가수 프로필-----*/
	.singer_profile {flex-direction:column;}

	/*-----가수 사진-----*/
	.singer_img {flex-direction: column;}
	.singer_img .img_l,
	.singer_img .img_r {width:100%; flex-direction: row;}
	.singer_img .img_l > li,
	.singer_img .img_r > li{width:100%;}
	.singer_img .img_r .btm {flex-direction: column;}
	.singer_img .img_r .top {flex:unset;}
}
@media (max-width:768px){
	.con:has(.singer_profile) {padding-bottom:5rem;}

	.singer_profile .info_list .th .bullet01 {align-items: baseline;}
	.singer_profile .info_list .th .bullet01:before {flex-shrink:0;}
}

/********************************************************
■ 유래/연혁
********************************************************/

/*----- 유래 -----*/
.fes_origin img {max-width:100%;}


/*----- 연혁 -----*/
.fes_his {margin-top: 5rem; padding-top: 5rem; position:relative; z-index:0;}
.fes_his:after{content: ''; display: block; width: 100vw; height: 100%; border-top-left-radius: 20rem; background: #FFF5EA url(/images/default/content/fes_vision_bg.webp) no-repeat left top; background-size: 100% auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%) scaleX(-1); z-index: -3;}
.fes_his .sub_title {align-items: flex-start;}

/* 연혁 내용 */
.his {display:flex; align-items: stretch; gap:2rem 3rem; margin-top: 3rem; padding: 2.75rem 3rem; background:#fff;box-shadow: 0px 0px 50px 0px rgba(74, 45, 0, 6%); border-radius:0.6rem;}
.his:is(.first) {margin-top:0;}
.his:is(.reverse) {flex-direction:row-reverse;  background:#fff url('/images/default/content/bg_article1.svg') no-repeat right -5% bottom -10%; background-size:auto; background-blend-mode: difference;}

.his_tit {display: flex; flex-direction: column; gap:0.45rem; margin-bottom:2rem;}
.his_tit span {color:var(--dmain);}
.his_tit strong { font-size:1.5rem; font-weight:700}
.his_tit span em {color: var(--gray6A); font-weight:400;}
.his .img_wrap {flex-shrink:0; width:28.21%; height:auto; border-radius:0.6rem; overflow:hidden}
.his .img_wrap .his_img {width:100%; height: 100%;}


/* 연혁 맨 아래부분 */
.hisBg {display:block; position:relative; z-index:0; margin-top:5rem; padding:7.4rem 0 8.5rem !important}
.hisBg:after {content: ''; display: block;  width: 100vw;  height: 100%;  background: #FFF5EA url('/images/default/content/his_last_bg.webp') no-repeat center center; background-size: cover; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -2;}
.hisBg .hisBg_inner {padding: 3.3rem 3rem; background: var(--lmain); border-radius:2rem; position: relative; z-index: 1;}
.hisBg .hisBg_tit {margin-bottom:1.05rem; color:var(--dmain); font-weight:500; line-height:122%;}
.hisBg .hisBg_tit span {display: block;  margin-bottom: 1rem; font-weight:800;}
.hisBg .hisBg_tit strong {font-weight:700;font-size: 1rem;}

.fes_his .onlyText {display:flex; gap:1rem 5.464vw;}
.fes_his .onlyText > p {width:50%; margin:0; color:#391700; font-weight:500;}
.fes_his .onlyText strong {font-weight:700;}


/* 원 동작 애니메이션 */
.circle {display: flex; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; transform: translateX(-50%); z-index: -1;}
.circle .circle_l,
.circle .circle_r {height:100%; width:100%; position: relative;}
.circle .circle_l > div,
.circle .circle_r > div {height:auto; aspect-ratio:1; border-radius:100%;  position: absolute;}

.circle .c1 {width:30%; bottom:-8%; left:-5%; background:var(--dmain); min-width: 12rem;}
.circle .c2 {width:20%; bottom:40%; left:-10%; background:var(--lmain); min-width: 8rem;}
.circle .c3 {width:15%; bottom:-9%; left:30%; background:var(--lmain); min-width: 7rem;}
.circle .c4 {width:20%; bottom:8%; left:75%; background:#D25400; min-width: 8rem;}
.circle .c5 {width:20%; bottom:-8%; right:3%; background:#D25400; min-width: 8rem;}
.circle .c6 {width:15%; bottom:2%; right:-5%; background:var(--dmain); min-width: 7rem;}
.circle .c7 {width:20%; bottom:55%; right:10%; background:#D25400; min-width: 8rem;}


@keyframes wiggle {
  0%   { transform: translate(0, 0); }
  50%  { transform: translate(var(--dx), var(--dy)); }
  100% { transform: translate(0, 0); }
}

.circle [class^="c"] {animation: wiggle var(--duration) ease-in-out infinite alternate; mix-blend-mode: screen;}

/* 개별 속성 지정 */
.c1 { --dx: 10px;  --dy: 5px;  --duration: 5s; }
.c2 { --dx: -8px;  --dy: 7px;  --duration: 6s; }
.c3 { --dx: 12px;  --dy: -6px; --duration: 4.5s; }
.c4 { --dx: -9px;  --dy: -8px; --duration: 5.5s; }
.c5 { --dx: 7px;   --dy: 10px; --duration: 6.5s; }
.c6 { --dx: -5px;  --dy: 9px;  --duration: 5.8s; }
.c7 { --dx: 11px;  --dy: -7px; --duration: 6.2s; }


@media (max-width:768px){
	.fes_his {padding-top:4rem;}
	.fes_his:after {border-top-left-radius: 5rem;}

	/* 연혁 내용 */
	.his,
	.his:is(.reverse){flex-direction: column; padding: 2rem 1.5rem;}
	.his:is(.reverse) {background-size: 50% auto; background-position: top -5% right -10%;}

	.his_tit strong { font-size:1.76rem;}
	.his .img_wrap {width:100%;}
	.his .img_wrap .his_img {padding-top: 80.10%;}
	.his .his_con {line-height:1.5;}

	
	/* 연혁 맨 아래부분 */
	.hisBg {padding:4rem 0 5rem !important}
	.hisBg .hisBg_inner {padding: 2rem 1.5rem; border-radius: 1rem;}
	.hisBg .hisBg_tit  {font-size:1.11rem; line-height: 1.4;}
	.hisBg .hisBg_tit span {margin-bottom:0;}
	.hisBg .hisBg_tit strong {font-size:1.11rem;}
	.fes_his .onlyText {flex-direction: column;}
	.fes_his .onlyText > p {width:100%;line-height: 1.5;}

	/* 원 동작 애니메이션 */
	.circle .c1 {bottom: -5%; left:-40%;}
	.circle .c3 {bottom:-4%; left:30%;}
	.circle .c4 {bottom:8%; left:75%;}
	.circle .c5 {bottom:-3%; right:-26%;}
	.circle .c6 {bottom:2%; right:-5%;}
	.circle .c7 {bottom:55%; right:-38%;}
}



/********************************************************
■ SNS
********************************************************/
#content_body:has(.sns_bg) {padding-bottom:0;}
.sns_bg {width:100%; padding:5rem 0 8rem; position:relative; z-index:0;}
.sns_bg:after {content: ''; display: block; width: 100vw; height: 100%; border-top-right-radius: 20rem; background: url(/images/default/content/fes_vision_bg.webp) no-repeat right top; background-size: cover; position: absolute; top: 0; left: 50%; transform: translateX(-50%) scaleX(-1); z-index: -1;}


/* 아이콘 리스트 */
.sns_bg ul {display:flex; gap:1rem 3.65rem; justify-content: center; flex-wrap: wrap; padding:2.5rem 15%; border-radius:0.6rem; background:#fff; box-shadow: 0px 0px 50px 0px rgba(74, 45, 0, 6%);}
.sns_bg ul li {flex: 1; font-weight:600; position:relative; font-size:1rem; font-weight:500; line-height: 122%; color:var(--black); cursor: pointer;}
.sns_bg ul li > a {display:flex; flex-direction:column; align-items: center; gap:1.45rem;}
.sns_bg ul li .sns_icon {width:8rem; height:auto; aspect-ratio:1; border-radius:100%; transition:all var(--basic_trans); background-size:100%;}

/* 아이콘 이미지 */
.sns_bg .sns_icon.youtube {background:#371D10 url('https://dgsmidc.negagea.kr/hive/images/default/content/sns01.svg') no-repeat center center;}
.sns_bg .sns_icon.blog {background:#371D10 url('https://dgsmidc.negagea.kr/hive/images/default/content/sns03.svg') no-repeat center center;}
.sns_bg .sns_icon.insta {background:#371D10 url('https://dgsmidc.negagea.kr/hive/images/default/content/sns02.svg') no-repeat center center;}
.sns_bg .sns_icon.facebook {background:#371D10 url('https://dgsmidc.negagea.kr/hive/images/default/content/sns04.svg') no-repeat center center;}

/* 호버시 이펙트 */
.sns_bg ul li:hover .sns_icon {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.sns_bg ul li:hover .sns_icon.youtube {background:#FFF5EA url('https://dgsmidc.negagea.kr/hive/images/default/content/sns01_ov.svg') no-repeat center center;}
.sns_bg ul li:hover .sns_icon.blog {background:#FFF5EA url('https://dgsmidc.negagea.kr/hive/images/default/content/sns03_ov.svg') no-repeat center center;}
.sns_bg ul li:hover .sns_icon.insta {background:#FFF5EA url('https://dgsmidc.negagea.kr/hive/images/default/content/sns02_ov.svg') no-repeat center center;}
.sns_bg ul li:hover .sns_icon.facebook {background:#FFF5EA url('https://dgsmidc.negagea.kr/hive/images/default/content/sns04_ov.svg') no-repeat center center;}


@media (max-width:1030px){
	.sns_bg:after {border-top-right-radius: 5rem; left: -1rem; transform: translate(0, 0) scaleX(-1);}

	/* 아이콘 리스트 */
	.sns_bg ul {gap: 1.88rem 2rem}
	.sns_bg ul li .sns_icon {width:5.5rem; background-size:50% 50% !important;}
}
@media (max-width:768px){
	.sns_bg {padding-top:4rem; padding-bottom:5rem;}

	/* 아이콘 리스트 */
	.sns_bg ul {padding: 1.5rem 0;}
	.sns_bg ul li {flex:unset; width: 100%;font-size: 1rem;}
	.sns_bg ul li > a {gap: 0.88rem;}
	.sns_bg ul li .sns_icon {width:3.5rem;}
}



/********************************************************
■ 행사장 안내도 및 위치
********************************************************/
.map_img {position:relative;}
.cloud_bg_deco:is(.forMap) .cloud1 {left:81.5%; top:15rem;}
.cloud_bg_deco:is(.forMap) .cloud1 img {width:19.6rem;}
.cloud_bg_deco:is(.forMap) .cloud3 {right:80%; bottom: 5rem;}
.cloud_bg_deco:is(.forMap) .cloud3 img {width:17.95rem;}


/* 안내도 이미지 */
.map_img img{max-width:100%;}
.map_img .cf_next{left:auto; right:1rem;}
.map_img .cf_prev{right:auto; left:1rem;}
.map_img .swiper-pagination{ display:none; position:relative; bottom: 0; margin-top: 1rem;}
.swiper-pagination-bullet{border-radius:0.3rem;  width: 0.6rem; height: 0.6rem;}
.map_img .swiper-pagination-bullet-active{background-color:var(--main);  width: 1.2rem;}

/* 안내도 이미지 */
.map_img .img_wrap {position:relative; width: fit-content; margin:0 auto; }
.map_img .img_wrap img {width:100%; }
.map_img .img_wrap .zoom {display: flex; flex-direction: column; align-items: center; padding: 0.5rem; text-align:center; position:absolute; bottom:0; left:0; color:#fff; background:var(--dmain);}
.map_img .img_wrap .zoom .xi-plus {font-size:1.5rem;  transition: transform var(--basic_trans)}
.map_img .img_wrap .zoom:hover .xi-plus {transform:rotate(-180deg);}
.map_img:not(:first-child){margin-top:3rem;}

@media (max-width:768px){
	.cloud_bg_deco:is(.forMap) .cloud1 {left:75.5%;}
	.cloud_bg_deco:is(.forMap) .cloud1 img {width:12.6rem}
	.cloud_bg_deco:is(.forMap) .cloud3 {right:75%; bottom: 1rem;}
	.cloud_bg_deco:is(.forMap) .cloud3 img {width:12.95rem;}
	
	.map_img .cf_next,
	.map_img .cf_prev{display:none;}
	.map_img .swiper-pagination{ display:block;}

	/* 안내도 이미지 */
	.map_img .img_wrap img {border-radius:1rem;}
}

/********************************************************
■ 행사일정
********************************************************/
/* 달력 */
.calendar table {width:100%; table-layout: fixed;}
.calendar table .week { height:2.5rem; background:#000; color:#fff; font-size:1.1rem;}
.calendar table .day td {padding: 1rem; height:6.5rem; border:1px solid #b6b6b6; font-family: "Lora", 'Pretendard', serif; font-weight:700; vertical-align: top;}
.calendar table .day .sun span {color:#df111a;}
.calendar table .day .sat span {color:#1b87ce;}

.calendar table .day .fes_sch {background:var(--lmain); position:relative; z-index:0;}
.calendar table .day .fes_sch:after {content:"";display:block; width:4.1rem; height:3.95rem; background:url('/images/default/content/sche_icon.svg') no-repeat center center; background-size:100% auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:0;}
.calendar table .day .fes_sch.fes_start:after {top:65%;}
.calendar table .day .fes_sch a {display: flex;  height: 100%; gap: 0 0.5rem; position:relative; z-index:1;}
.calendar table .day .fes_sch p {font-size:0.9rem; color:#1a688b;}
.calendar table .noDate {background:#f4f4f4; color:#aaaaaa;}
.cal_ps {float: right; margin-top: 1rem; display: inline-flex; flex-direction:column;  color:#555;}
.cal_ps > p {position:relative; padding-left:0.85rem; font-family: 'Pretendard';}
.cal_ps > p:before {content:"*";display:block; position:absolute; top:0.2em; left:0; font-size:1rem; color:#555;}
.cal_ps img {width:1.7rem; margin-right:0.4rem;}


@media (max-width:1030px){
	.calendar table .day .fes_sch:after {top:65%;}
}
@media (max-width:767px){
	.calendar table .week {font-size:1rem;}
	.calendar table .day td {padding: 0.5rem; height: 5rem; font-size:0.85rem;}
	.calendar table .day .fes_sch p {font-size:0.8rem;}

	.calendar table .day .fes_sch a {flex-direction: column;}
	.calendar table .day .fes_sch:after {left:auto; top:auto; right:0.2rem; bottom:-0.5rem; transform: translate(0, 0); width:1.5rem;}
	.calendar table .day .fes_sch.fes_start:after {top:auto;}
}
@media (max-width:450px){
	.calendar table .day td {padding:0.5rem 0.2rem;}
	.cal_ps {float:none; display:block;}
}


/* 프로그램 일정 */
.prog_list {position:relative; padding:3rem 0 8rem; margin-top:10rem; text-align: center;}
.prog_list.bgBlue:after {content:''; display:block; width:100vw; height:100%; background:url('https://dgsmidc.negagea.kr/hive/images/default/content/prog_bg01.jpg') repeat-y center center; position:absolute; top:0; left:50%; transform:translate(-50%,0); z-index:-2;}
.prog_list.bgOrange:after {content:''; display:block; width:100vw; height:100%; background:url('https://dgsmidc.negagea.kr/hive/images/default/content/prog_bg02.jpg') repeat-y center center; position:absolute; top:0; left:50%; transform:translate(-50%,0); z-index:-2;}
.prog_list h4 {display:inline-block; padding: 0 1.6rem; position:relative; font-size:1.7rem; font-weight:700; margin-bottom:2.1rem;}
.prog_list h4:after, .prog_list h4:before {content:''; display:block; width: 1.1rem; height: 1.5rem;  background: url('https://dgsmidc.negagea.kr/hive/images/default/content/star_bullet.svg') no-repeat center center; background-size: 100% auto; position: absolute;  top: 0.15em;   z-index: -1;}
.prog_list h4:before {left:0;}
.prog_list h4:after {right:0;}
.prog_list .subTit{margin:clamp(1.5rem, 1.4rem + 0.5vw, 2rem) 0; font-size: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);}

.prog_list > div{padding-top:4rem;}
.prog_list > div:not(:first-child) {margin-top:4rem;}

.prog_list ul {display:flex;  flex-wrap: wrap; gap:4rem 1.8rem;}
.prog_list ul li {width: calc((100% - 1.8rem * 3) / 4); display:flex; flex-direction: column; }
.prog_list ul li img {width: 100%; aspect-ratio:323 / 237; objetct-fit:cover;}
.prog_list ul li .txt_wrap {font-size:1rem; display:flex; flex-direction: column; flex:1;}
.prog_list ul li .txt_wrap .lineWrap {display:none;}
.prog_list ul li .txt_wrap h5 {margin: 1.35rem 0; height: 2.95rem;  display: flex;  align-items: center; flex-direction: column; justify-content: center;}
.prog_list ul li .txt_wrap span {display:block; font-weight:300; font-size: 0.85rem;}
.prog_list ul li .txt_wrap span > em {font-size:1rem;}
.prog_list ul li .txt_wrap p {flex:1; padding: 0.3rem 1rem; font-size:0.8rem; font-family: 'Pretendard'; font-weight:600; background:rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.prog_list ul li .txt_wrap .time em{font-size:0.7rem; color:#888; display:block; }

@media (max-width:1420px){
	.prog_list ul li img {width:100%; max-width: 16.35rem;}
	.prog_list ul li .txt_wrap p {font-size:0.85rem;}
	.prog_list ul li .txt_wrap p > span {display:block;}
	.prog_list ul li .txt_wrap .lineWrap {display:block;}
}
@media (max-width:1030px){
	.prog_list ul {flex-wrap:wrap;  gap:4rem 1rem;}
	.prog_list ul li {width:calc((100% - 1rem * 2)/3);}
	.prog_list ul li img {max-width: none;}
	.prog_list ul li .txt_wrap span > em {font-size:0.9rem;}
}
@media (max-width:750px){
	.prog_list ul li {width:calc((100% - 1rem * 1)/2);}
	.prog_list ul li .txt_wrap .lineWrap {display:none;}
}
@media (max-width:450px){
	.prog_list ul li {width:100%;}
	.prog_list ul li .txt_wrap .lineWrap {display:none;}
}


/********************************************************
■ 찾아오시는 길
********************************************************/
.cloud_bg_deco:is(.forDirection) .cloud1 {left:75%; top:7rem;}
.cloud_bg_deco:is(.forDirection) .cloud1 img {width:19.6rem;}
.cloud_bg_deco:is(.forDirection) .cloud2 {right:80%; top:56%;}
.cloud_bg_deco:is(.forDirection) .cloud2 img {width:21.75rem;}
.cloud_bg_deco:is(.forDirection) .cloud3 {left:80%; bottom: 8rem;}
.cloud_bg_deco:is(.forDirection) .cloud3 img {width:17.95rem;}


/*----- 지도 영역 -----*/
.map_box {position:relative;}
.map_box .root_daum_roughmap .wrap_map {height:77.19vh;}
.map_box .root_daum_roughmap .wrap_map .map_border {display:none;}


/* 지도 버튼 & 주소 및 연락처 */
.location_btn {min-width:30.57%; position:absolute; bottom:3rem; left:3rem; z-index: 1;}
.location_btn .contact {padding:2rem 2rem 1.65rem; background:#fff url('/images/default/content/bg_article1.svg') no-repeat right -20% top +120%; background-size:50% auto; border-radius:0.6rem; box-shadow: 0px 4px 30px 0px rgba(74, 45, 0, 15%); background-blend-mode: exclusion;}\
.contact li {display:flex;}
.contact .logo_img {padding-bottom:1.5rem; margin-bottom:1.4rem; border-bottom:2px solid #ddd;}
.contact .logo_img img {width: 100%; max-width: 12.05rem;}
.contact_con .item{display:flex; gap: 0.5rem; margin-bottom:0.9rem;}
.contact_con .item.last {margin-bottom:0;}
.contact_con .item span {font-weight:700; color:#33363D; line-height: 1;}
.contact_con .txt {display:flex; flex-direction: column; gap: 0.6rem;}
.contact_con .icon {display:block; width:1.2rem; height:1.2rem;}

.map_hyperlink {display:flex; gap:1rem; margin-top:1rem;}
.map_hyperlink button {flex:1; justify-content: center; padding:0.75rem 0.5rem; font-weight:300;}
.map_hyperlink .naver_icon,
.map_hyperlink .kakao_icon {width:1rem; height:1rem; background-size:100% auto; background-repeat:no-repeat; background-position:center center;}
.map_hyperlink .naver_icon {background-image:url('/images/default/content/naver_icon.svg');}
.map_hyperlink .kakao_icon {background-image:url('/images/default/content/kakao_icon.svg');}



/*----- 노선 정보 영역 -----*/
.add_wrap {margin-top:3rem;}
.add_wrap h5 {margin-bottom:1.5rem;}
.add_wrap .add {display: flex;align-items: center; gap: 1.88rem 0; margin-bottom:1rem; background:#fff; border:1px solid #ddd;}
.add_wrap .add:is(.last) {margin-bottom:0;}
.add_wrap .tit {flex-shrink: 0;  min-width:11.45rem; text-align: center;}
.add_wrap .tit [class*='icon_'] {display:block; margin:0 auto 1.2rem; width:4.3725rem; height:auto; aspect-ratio:1; font-weight:600; border-radius:100%;}
.add_wrap .tit .icon_car {background:var(--lmain) url('/images/default/content/icon_car.svg') no-repeat center center; background-size:40% auto;}
.add_wrap .tit .icon_bus {background:var(--lmain) url('/images/default/content/icon_bus.svg') no-repeat center center; background-size:50% auto;}
.add_wrap .tit .icon_train {background:var(--lmain) url('/images/default/content/icon_train.svg') no-repeat center center; background-size:50% auto;}


/* 노선 리스트 */
.add_course {padding:2.58rem 0;}
.add_course .course_info {display: inline-block; margin-bottom:1.05rem; padding:0.625rem 0.95rem; background:var(--lmain); color:var(--gray33); }
.add_course li {display: flex; align-items: flex-start; gap:0.45rem; color:var(--gray6A);}
.add_course li:not(:last-child) {margin-bottom: 0.725rem;}
.add_course li:before {content:''; display:block; flex-shrink:0; width:0.35rem; height:0.35rem; background:var(--main); transform:translateY(0.7em) rotate(-45deg);}
.add_course li strong {display:block;margin-bottom: 0.05rem;  color:#232323;}


@media (max-width:1030px){
	/*----- 지도 영역 -----*/
	
	/* 지도 버튼 & 주소 및 연락처 */
	.location_btn {left:1rem; bottom:1rem;}
	.location_btn .contact {padding: 1.5rem 1rem;}

}
@media (max-width:768px){
	.cloud_bg_deco:is(.forDirection) .cloud1 {left:70%; top:12rem;}
	.cloud_bg_deco:is(.forDirection) .cloud1 img {width:12.6rem}
	.cloud_bg_deco:is(.forDirection) .cloud2 {right:71%; top:51.5%;}
	.cloud_bg_deco:is(.forDirection) .cloud2 img {width:15rem;}
	.cloud_bg_deco:is(.forDirection) .cloud3 {left:60%; bottom: 3rem;}
	.cloud_bg_deco:is(.forDirection) .cloud3 img {width:12.95rem;}


	/*----- 지도 영역 -----*/
	.map_box .root_daum_roughmap .wrap_map {height:35vh;}
	
	/* 지도 버튼 & 주소 및 연락처 */
	.location_btn {margin-top: 1.41rem; position:static;}
	.contact .logo_img {text-align: center;}

	/*----- 노선 정보 영역 -----*/

	/* 노선 리스트 */
	.add_wrap .tit { display: flex; align-items: center; justify-content: center;  gap: 1rem; width:100%; padding-top:2rem;}
	.add_wrap .tit [class*='icon_'] {margin:0;}

	.add_course {padding:0 1rem 2rem; width: 100%;}
	.add_course .course_info {}
	.add_wrap .add {flex-direction: column;}
}
@media (max-width:390px){
}




/********************************************************
■ 입장료
********************************************************/

/*----- 입장료 안내 -----*/
.t_price_intro {align-items: flex-start; margin-bottom:5rem !important}
.t_price_intro  h4 span {color:var(--gray33) !important;}

.t_price {display:flex; gap:1.6rem 3vw;}
.t_price h5 {margin-bottom:1.05rem; color:var(--black); font-weight:700;}


/* 무료입장 */
.enter_free {width:37.42%;}
.enter_free h5 {display:flex; gap:0.25rem;}
.enter_free h5 span {display: inline-flex; align-items: center; gap:0.2rem; color:var(--dmain); position:relative;}
.enter_free h5 span:before {content:'*';font-size: 1.5rem;}
.enter_free ul {display: flex; flex-wrap: wrap; gap:0.93rem 0; padding:2.325rem 1.5rem 2.25rem; background:var(--lmain); border-radius:0.6rem;}
.enter_free ul li {align-items: baseline; width:calc(100%/2); color:var(--gray33); font-weight:600;}
.enter_free ul li:is(.long_text) {flex-basis:100%;}

/* 유료입장 */
.enter_fee {flex:1;  display: flex; flex-direction: column;}
.enter_fee .info_list {display: flex;  flex-direction: column; height: 100%;}
.enter_fee .info_list li:has(.th,.td) {flex:1;}
.enter_fee h5 {display:flex; flex-wrap: wrap; gap:0.5rem 0.25rem;}
.enter_fee h5 span {display: inline-flex; align-items: center; gap:0.2rem; color:var(--dmain); position:relative;}
.enter_fee h5 span:before {content:'*';font-size: 1.5rem;}
.enter_fee .booking_link{display:inline-block; background:var(--main); color:#fff; font-size:1rem; padding: 0.45rem 0.7rem;  font-weight:500; border-radius: 0.2rem;}
.enter_fee .th { padding: 0.83rem 0.5rem; width:35%;}
.enter_fee .th:has(.bullet01) {flex-direction:column; align-items: flex-start;text-align: left;}
.enter_fee .th .bullet01 {text-align: left; align-items: baseline;}
.enter_fee .only_th .th:nth-child(2){justify-content: flex-start; width: calc(100% - 35%); border-right:none;}
.enter_fee .td:has(.gongju_link) {gap:0.25rem 1.2rem;}
.enter_fee .gongju_link {padding:0.45rem 0.7rem; color:var(--main); background:var(--lmain); border-radius:0.2rem; }
.enter_fee .gongju_link a {color:var(--main); text-decoration:underline; }


/*----- 쿠폰 -----*/
.coupon {margin-top:5rem; padding:5rem 0 8rem; position:relative;}
.coupon:after {content: '';  display: block;  width: 100vw;  height: 100%;  border-top-left-radius: 20rem;  background: #FFF5EA url('/images/default/content/fes_vision_bg.webp') no-repeat left top;  background-size: 100% auto;  position: absolute;  top: 0;  left: 50%;  transform: translateX(-50%) scaleX(-1);  z-index: -3;}
.coupon .sub_title_text {font-size:1rem;}
.ast_notice{ margin-top: 0.25rem; font-size:0.85rem; color:var(--brown); font-weight:600;}


.coupon_area {display:flex; min-height: 15.95rem;}
.cp_l,
.cp_r {width:50%; box-shadow: 0px 0px 50px 0px rgba(74, 45, 0, 6%);}
.cp_l {padding:2.5rem 1rem 3rem 3rem; color:#fff; background: #FFF5EA url('/images/default/content/coupon_pic.webp') no-repeat left center;  background-size: cover;  border-radius:0.6rem 0 0 0.6rem;}
.cp_l h5 {margin-bottom:0.4rem;}

.cp_r {display: flex; align-items: center; justify-content: center; background: #fff url('/images/default/content/cp_r_bg.svg') no-repeat right top; border-radius:0 0.6rem 0.6rem 0; background-size: auto; position:relative; }
.cp_r .coupon_icon {display:block; width:1.35rem; height:1.35rem; background: url('/images/default/content/coupon_icon.svg') no-repeat center center;  background-size: 100% auto;}
.cp_r .deco_l {width:9.25rem; height:5.9rem; background: url('/images/default/content/cp_r_deco_l.svg') no-repeat left bottom;  background-size:100% auto; position:absolute; bottom:0; left:0;}
.cp_r .deco_r {width:9.15rem; height:5.1rem; background: url('/images/default/content/cp_r_deco_r.svg') no-repeat right bottom;  background-size: 100% auto; position:absolute; bottom:-0.75rem; right:-0.35rem;}


@media (max-width:1400px){
	/*----- 입장료 안내 -----*/
	.enter_fee .th,
	.enter_fee .td {max-height:unset; flex-wrap:wrap;}

	/* 유료입장 */
	.enter_fee .th {flex-direction: column; line-height: 1.4;}
	.enter_fee .th .bullet01 {display:inline-flex;}
	.enter_fee .only_th .th:nth-child(2) { justify-content: center; align-items: flex-start; }
}
@media (max-width:1030px){
	.t_price {flex-direction: column;}

	/*----- 입장료 안내 -----*/

	/* 무료입장 */
	.enter_free {width:100%;}
	.enter_free ul {padding: 1.5rem 1rem;}


	/*----- 쿠폰 -----*/
	.cp_l {padding: 1.5rem 1rem 3rem 1.5rem;}
}
@media (max-width:768px){
	/*----- 쿠폰 -----*/
	.coupon:after {border-top-left-radius: 5rem;}

	.coupon_area {flex-direction:column; min-height:unset;}
	.cp_l,
	.cp_r {padding: 1.5rem; width:100%;}
	.cp_l {border-radius:0.6rem 0.6rem 0 0;}
	.cp_l h5 {margin-bottom:1.41rem;}
	.cp_l p {line-height:1.5rem;}
	.cp_r {min-height: 10.58rem; border-radius:0 0 0.6rem 0.6rem; background-size: auto 70%;}
	.cp_r .deco_l {bottom: -25%; left: -1rem;}
	.cp_r .deco_r {bottom: -30%;}
}


/********************************************************
■ 주요관광지
********************************************************/
.s0401 {position:relative;padding:0 1rem clamp(2rem, 1.7rem + 1.875vw, 3.5rem);  z-index: 0;}
.s0401 .slide_slider {max-width:1000px; margin: 0 auto;}
.s0401 .ui-topbox.type1 .inner {min-height: 165px;}
.s0401 .ui-topbox.type1 .inner:after {bottom: -65px;}
.s0401 .ui-topbox.type1 .circle{top: 50%; transform: translateY(-50%);}
.s0401::before {position:absolute; left:55%; top:0;width:124px; height:122px; background:url('https://dgsmidc.negagea.kr/hive/images/default/content/sub0401_bg1.png'); content:"";z-index: -1;}
.s0401::after  {position:absolute; left:0; bottom:0; width:100%; height:82.60%;  background:#fbf7ec; content:"";z-index: -1;}
.s0401 .slide_slider .slider {position:relative;}
.s0401 .slider-for .inner {box-shadow: rgba(0, 0, 0, 0.16) 0px 9px 24px;}



/* 슬라이더 컨트롤 */
.s0401 .slider-for .control .prev, .s0401 .slider-for .control .next {position:absolute; top: 50%; transform: translate(0, -50%); width: 3rem;  height: auto; color:#fff; aspect-ratio: 1; background:rgba(0,0,0,0.4); border-radius:100%; border: 4px solid rgba(255,255,255,0.4); font-size:1.5rem; display: flex !important; justify-content: center;  align-items: center;}
.s0401 .slider-for .control .prev {left:1.75rem;}
.s0401 .slider-for .control .next {right:1.75rem;}
.s0401 .slider-for .play_btn {position: absolute; top: 50%;  right: 0.5rem; transform:translate(0,-50%); display: flex;}
.s0401 .slider-for .play_btn button {width: auto; height: auto;  padding: 0;  background: transparent;  min-width: 0;  line-height: 0; border:0; font-size:1rem; box-shadow:unset; color:#fff;}
.s0401 .slider-for .play_btn .stop {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}


/* 슬라이더 페이지 카운트 */
.s0401 .slider-for .control .slick-counter {position: absolute;left:50%; transform:translateX(-50%);bottom:0; padding:0.5rem 3rem 0.5rem 2rem; font-weight:800;font-size:16px; color:#fff; background:rgba(0,0,0,0.5); border-radius:25px 25px 0 0; letter-spacing:-0.045em;}
.s0401 .slider-for .control .slick-counter .total{position: relative; margin-left: 4px; padding-left: 9px;}
.s0401 .slider-for .control .slick-counter .total::before {content: '';display: block;position: absolute;left: 0;top: 6px;width: 2px;height: 10px;background-color: #fff;transform: skew(-20deg);transform-origin: center;}


/* 슬라이드 내용 */
.s0401 .slider-nav .item {margin-top:50px;padding:45px; background:#fff;  font-family: 'Pretendard'; font-size: 0.8rem;}
.s0401 .slider-nav .item .top {margin-bottom:25px; padding-bottom:25px; border-bottom:1px dotted #b2b2b2;}
.s0401 .slider-nav .item .tit{display:block; font-weight:800; font-size: clamp(1.2rem, 1.18rem + 0.125vw, 1.3rem);color:#333;line-height: 1.4;}
.s0401 .slider-nav .item .tit span { background:linear-gradient(to top, rgba(255,194,50,0.2) 20%, transparent 50%);line-height: 1.4;}
.s0401 .slider-nav .item .info_list {display: flex; flex-wrap: wrap;margin-top:15px; padding-top: 25px;}
.s0401 .slider-nav .item .info_list li {position:relative; padding-left:35px;}
.s0401 .slider-nav .item .info_list li:not(:last-child) {margin-right:20px;}
.s0401 .slider-nav .item .info_list .icon {position:absolute; left:0; width:26px; height:27px; background:#ffc232 url('https://dgsmidc.negagea.kr/hive/images/default/content/sub0401_ir.png') no-repeat; background-position:7px 6px; border-radius:50%;  top: -0.1em;}
.s0401 .slider-nav .item .info_list .icon2 {background-position:-12px 6px;}
.s0401 .slider-nav .item .btn {margin-top: 1.75rem; justify-content: center;}
.s0401 .slider-nav .item .btn i {transform:rotate(0deg);}


@media (max-width: 1060px){
	.s0401 {max-width:unset; margin: 0;}
}
@media (max-width: 1030px){
	.s0401 .slider-nav .item .info_list .icon {top:-0.3em;}
}
@media (max-width: 767px){
	.s0401 .slide_slider {padding: 40px 0 0;}
	.s0401 .slider-nav .item {margin-top: 30px; padding: 30px; font-size: 0.88rem;}
	.s0401 .slick-slider img {min-height: 350px;}
	.s0401 .slider-for .control .prev, .s0401 .slider-for .control .next {width: 5rem;}
	.s0401 .slider-for .control .prev {left:1rem;}
	.s0401 .slider-for .control .next {right:1rem;}
	.s0401 .slider-for .control .slick-counter {padding: 0.5rem 3rem 0.5rem 2rem; width: 40%;}

	.s0401 .slider-nav .item .info_list {flex-direction: column;  gap: 1rem;}
	.s0401 .slider-nav .item .info_list li:not(:last-child) {margin-right:0;}
	.s0401 .slider-for .control .slick-counter {padding: 3px 25px;border-radius: 20px 20px 0 0;}
}
@media (max-width: 450px){
	.s0401 .slider-nav .item {padding: 1.5rem 1rem;}
	.s0401 .slider-nav .item .tit {font-size:1rem;}
}