연결된 게시판이(가) 없습니다.
연결된 게시판이(가) 없습니다.
10.14.(금) | 10.15.(토) |
박범태 고주기 MC류태현 | 박범태 고주기 MC류태현 |
일자 | 10.14.(금) | 10.15.(토) | 10.16.(일) | 10.17.(월) | 10.18.(화) |
출연진 | 박범태 고주기 MC류태현 | 박범태 고주기 MC류태현 | 박범태 고주기 MC류태현 | 박범태 고주기 | 박범태 고주기 |
일자 | 10.19.(수) | 10.20.(목) | 10.21.(금) | 10.22.(토) | 10.23.(일) |
출연진 | 박범태 고주기 | 박범태 고주기 | 박범태 고주기 MC류태현 | 박범태 고주기 MC류태현 | 박범태 고주기 MC류태현 |
일자 | 10.15.(토) | 10.16.(일) | 10.22.(토) | 10.23.(일) |
출연진 | 손비 | 손비 | 손비 | 손비 |
※ 상기 일정은 상황에 따라 변경될 수 있습니다.
<meta name="naver-site-verification" content="152e4820efa64cb0bedbbdbd3061fc7f835566a8" />
<style>
/*폰트세팅 시작*/
@font-face {
font-family: '양진체';
src: url('https://cdn.jsdelivr.net/gh/supernovice-lab/font@0.9/yangjin.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.font-b{font-family: '양진체';}
.main-font-title{
font-family: '양진체';
font-size: 4.5vmin;;
color: #2d2d2d;
}
.main-title-txt{
font-size: 2.5vmin;
line-height: 2.5vmax;
}
@media ( max-width: 480px ) {
.main-title-txt{
font-size: 4.0vmin;
line-height: 3.0vmax;
}
}
/*폰트세팅 끝*/
/*----공통 세팅 시작----*/
.btn-font{font-size: 1.5vmax;}
@media ( max-width: 1173px ) {
.top-call{display: none;}
}
/*플로팅 배너*/
.main-floatingBanner{position: fixed; bottom: 30px; right: 2px; z-index: 99;}
.main-floatingBanner ul {}
.main-floatingBanner ul li {display: block; margin: 11px;}
.main-floatingBanner ul li img{max-width: 13vw; min-width: 99px;}
@media ( max-width: 480px ) {
.main-floatingBanner{position: fixed; bottom: 22px; right: 12%; z-index: 99; width:99px}
.main-floatingBanner ul {}
.main-floatingBanner ul li {display: block; margin: 5px;}
.main-floatingBanner ul li img{max-width: 13vw; min-width: 99px;}
}
.footer-txt{font-weight: 300;}
}
/*----공통 세팅 끝----*/
/*-----메인 시작----*/
.main-banner-img{width:694px;}
@media ( max-width: 980px ) {
.main-banner-img{
width:80%;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
}
}
.main-banner-txt{/*메인 배너 로고*/
position: absolute;
width: 100%;
height: 900px;
left: 50%;
transform: translate(-50%);
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.main-banner-txt img{}
@media ( max-width: 980px ) {
.main-banner-txt{/*메인 배너 로고*/
position: absolute;
width: 77vmin;
height: 400px;
left: 50%;
transform: translate(-50%);
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.top-call{display: none;
}
}
.jujubeGirl{/*메인 2d 캐릭터 여자*/
position: absolute;
top: 358px;
left: 50%;
margin-left: -650px;
z-index: 2;
pointer-events: none;
}
.jujubeGirl2{/*메인 3d 캐릭터 여자*/
position: absolute;
top: 403px;
left: 50%;
margin-left: 530px;
z-index: 2;
pointer-events: none;
}
.jujubeBoy{/*메인 2d 캐릭터 남자*/
position: absolute;
width: 240px;
top: 365px;
left: 50%;
margin-left: 450px;
z-index: 2;
pointer-events: none;
}
.jujubeBoy2{/*메인 3d 캐릭터 남자*/
position: absolute;
width: 240px;
top: 366px;
left: 50%;
margin-left: -650px;
z-index: 2;
pointer-events: none;
}
.btn-wrap{}
.btn-btn1{}
#main-center-btn1{/*2뎁 메인 슬라이드 배너 버튼*/
padding: 11px 52px;
border-radius: 40vw;
background-color: #B43838;
font-size: 1.5rem;
font-weight: bold;
display: inline-block;
margin-top: 30px;
border: none;
}
#main-center-btn1:hover {background-color: #942626; color:#fff}
#main-center-btn1 a{color: white;}
#main-center-btn2{
padding: 11px 52px;
border-radius: 40vw;
background-color: rgb(59, 164, 137);
font-size: 1.5rem;
font-weight: bold;
display: inline-block;
margin-top: 30px;
border: none;
}
#main-center-btn2:hover {background-color: rgb(38 123 101); color:#fff}
#main-center-btn2 a{color: white;}
/*2뎁 메인 슬라이드 텍스트 옵션*/
#w2021090966ba850890f2f .slide_01 .item_gallary .text_wrap .title, #w2021090966ba850890f2f .slide_03 .item_gallary .text_wrap .title{font-size: 5vmin;}/*title*/
#w2021090966ba850890f2f .slide_01 .item_gallary .text_wrap .body, #w2021090966ba850890f2f .slide_03 .item_gallary .text_wrap .body{font-size: 3vmin;}/*sub*/
#container_w2021090966ba850890f2f > div > div.item_container._item_container{border-radius: 15px;}/*모서리 라운드*/
/*----메인 끝----*/
/*----서브 시작----*/
/*----네비 시작----*/
.suv-nav {
width: 100%;
height: 7vmin;
background-color: #fff;
border-radius: 100px;
box-shadow: 0px 0px 20px #00000029;
display: flex;
align-items: center;
top: -37px;
position: absolute;
}
.suv-nav ul{
display: flex;
align-items: center;
margin-top: 5px;
}
.suv-nav li{
display: inline;
margin: 0px 3vmin;
font-size: 1.8vmin;
}
.suv-nav-icon{ } /*네비 홈버튼*/
.suv-nav-icon img{width: 2.8vmin;}
.suv-nav-next { }
.suv-nav-next img{ width: 1vmin;}
@media ( max-width: 720px ) {.suv-nav{display:none;}}
/*----네비 끝----*/
/*----서브 끝----*/
/*----축제연혁 시작----*/
.titleH2{color:#2d2d2d}
.commonH2{font-size:1.5rem; font-weight:900; margin-bottom:25px;}
.commonDescription{font-size:2.9rem}
#historyCont{padding-top:50px; padding-bottom:50px;}
#listWrap{width:100%; border-left:2px solid #e5e5e5; padding-left:20px; position:relative;}
#listWrap::after{content:""; clear:both; display:block;}
#listWrap li{position:relative; margin-bottom:55px;}
#listWrap li img{max-width:200px; border:1px solid #e5e5e5; margin-top:25px;}
.year{font-weight:700; margin-bottom:15px;}
.year span{display:block; line-height:24px;}
.text{color:#7d7d7d; font-size:0.9rem;}
.circle{width:20px; height:20px; left:-31.5px; top:50%; position:absolute;background:#fff; border-radius:50%; border:3px solid #b43838}
@media (min-width:768px){
.commonH2{font-size:2.25rem; font-weight:900; margin-bottom:25px;}
.cont{margin-bottom:100px;}
#historyCont{width:768; height:4550px; margin:0 auto; margin-top:70px; margin-bottom:70px;}
#listWrap li{width:calc(50% - 1px); position:absolute;}
#listWrap li:nth-child(1){left:0; top:0;}
#listWrap li:nth-child(2){right:0; top:450px;}
#listWrap li:nth-child(3){left:0; top:900px;}
#listWrap li:nth-child(4){right:0; top:1350px;}
#listWrap li:nth-child(5){left:0; top:1800px;}
#listWrap li:nth-child(6){right:0; top:2250px;}
#listWrap li:nth-child(7){left:0; top:2700px;}
#listWrap li:nth-child(8){right:0; top:3150px;}
#listWrap li:nth-child(9){left:0; top:3600px;}
#listWrap li:nth-child(10){right:0; top:4050px;}
#listWrap li:nth-child(11){right:0; top:4500px;}
#listWrap li:nth-child(12){right:0; top:4950px;} /*연혁 한줄씩 늘어날때 마다 450px 추가*/
#listWrap li:nth-child(odd){text-align:right; padding-right:85px; list-style-type : none;}
#listWrap li:nth-child(even){text-align:left; padding-left:50px; list-style-type : none;}
.circle{left:auto;}
#historyBar{width:2px; height:calc(100% - 390px); background:#e5e5e5; position:absolute; left:50%; margin-left:-1px;}
#listWrap li:nth-child(odd) .circle{right:1px;}
#listWrap li:nth-child(even) .circle{left:-23px;}
}
@media (min-width:1024px){
.commonDescription{font-size:1rem;}
.year{font-size:1.4rem;}
.year span{font-size:1.1rem; line-height:34px}
.text{font-size:1rem;}
}
/*----축제연혁 끝----/
/*----일정표 시작----*/
#calendarWrap{width:100%;}
.calendar_sec{width:100%; border:1px solid #e5e5e5; margin-bottom:15px; overflow:hidden;}
.calendar_item{width:50%; float:left; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.calendar_item:nth-child(2n){border-right:0;}
.calendar_date{width:100%; height:40px; line-height:40px; font-weight:600; background:#f7f7f7; padding-left:15px; font-size:1.6rem;}
.calendar_cont{padding:15px;}
.calendar_contItem{margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e5e5e5}
.calendar_contItem:last-child{border-bottom:none; padding-bottom:0; margin-bottom:0;}
.calendar_time{font-size:1.5rem; margin-bottom:5px; font-weight:600;}
.calendar_text{font-size:1.5rem;}
.calendar_text p:first-child{ margin-bottom:5px;}
.calendar_text p:last-child{color:#7d7d7d}
.calendar_common{width:100%; line-height:20px; font-size:0.9rem; background:#f7f7f7; clear:both; padding:15px;}
.calendar_common span{font-weight:600;}
@media (min-width:768px) {
.commonH2{font-size:2.25rem; font-weight:900; margin-bottom:25px;}
.cont{margin-bottom:100px;}
.calendar_sec{margin-bottom:20px;}
.calendar_item{width:calc(25%)}
.calendar_item:nth-child(2n){border-right:1px solid #e5e5e5;}
.calendar_item:nth-child(4n){border-right:0;}
}
@media (min-width:1024px) {
.commonDescription{font-size:1rem;}
.calendar_sec{margin-bottom:30px;}
.calendar_item{width:calc(20%)}
.calendar_item:nth-child(4n){border-right:1px solid #e5e5e5;}
.calendar_item:nth-child(5n){border-right:0;}
.calendar_contItem{margin-bottom:20px; padding-bottom:20px;}
.calendar_date{font-size:1.rem; height:50px; line-height:50px;}
.calendar_time{font-size:1.5rem; margin-bottom:10px;}
.calendar_text{font-size:1.5rem;}
.calendar_text p:first-child{margin-bottom:15px;}
.calendar_text p:last-child{font-size:1.5rem;}
.calendar_common{font-size:1.5rem;}
}
/*----일정표 시작----*/
/*----인사말 시작----*/
.titleH2{color:#2d2d2d;}
.commonH2{font-size:2.2rem; font-weight:900; margin:15px 0 25px 0; line-height:30px; text-align:right;}
.commonDescription{font-size:2.9rem;}
.commonDescription h3{font-size:2.2rem; line-height:27.5px; margin-bottom:10px; font-weight:600}
.commonDescription h3 span{color:#b43838}
.cont{width:100%; overflow:hidden; margin-bottom:50px;}
.text{width:100%;}
.profileImg{width:100%; margin-bottom:20px; border-radius:5px;}
#greetings_topCont{margin-top:50px;}
@media (min-width:768px){
.commonH2{font-size:2.6rem; font-weight:900; margin-bottom:25px; line-height:45px;}
.cont{margin-bottom:100px;}
.profileImg{width:200px;}
.text{width:calc(100% - 200px);}
/* #greetings_1{width:100% !important; padding-left:0 !important; border-bottom:1px solid #e5e5e5; padding-bottom:100px !important;} */
#greetings_topCont{margin-top:100px;}
#greetings_topCont .profileImg, #greetings_topCont .text{float:right;}
#greetings_bottomCont .profileImg, #greetings_bottomCont .text{float:left;}
#greetings_topCont .text{padding:0 35px 0 0;}
#greetings_bottomCont .text{padding:0 0 0 35px;}
.commonDescription h3{font-size:2.8rem; line-height:40px;}
#greetings_topCont .commonH2{text-align:left;}
}
@media (min-width:1024px){
.commonDescription{font-size:2.1rem; line-height:35px;}
.profileImg{width:350px;}
.text{width:calc(100% - 350px);}
.cont{margin-bottom:100px;}
}
/*----인사말 끝----*/
/*----축제연혁 시작----*/
.titleH2{color:#2d2d2d}
.commonH2{font-size:1.5rem; font-weight:900; margin-bottom:25px;}
.commonDescription{font-size:0.9rem}
#historyCont{padding-top:50px; padding-bottom:50px;}
#listWrap{width:100%; border-left:2px solid #e5e5e5; padding-left:20px; position:relative;}
#listWrap::after{content:""; clear:both; display:block;}
#listWrap li{position:relative; margin-bottom:55px;}
#listWrap li img{max-width:200px; border:1px solid #e5e5e5; margin-top:25px;}
.year{font-weight:700; margin-bottom:15px;}
.year span{display:block; line-height:24px;}
.h-text{color:#7d7d7d; font-size:1.4rem;}
.circle{width:20px; height:20px; left:-31.5px; top:50%; position:absolute;background:#fff; border-radius:50%; border:3px solid #b43838}
@media (min-width:768px){
.commonH2{font-size:2.25rem; font-weight:900; margin-bottom:25px;}
.cont{margin-bottom:100px;}
#historyCont{width:768; height:5230px; margin:0 auto; margin-top:70px; margin-bottom:70px;}
#listWrap li{width:calc(50% - 1px); position:absolute;}
#listWrap li:nth-child(1){left:0; top:0;}
#listWrap li:nth-child(2){right:0; top:450px;}
#listWrap li:nth-child(3){left:0; top:900px;}
#listWrap li:nth-child(4){right:0; top:1350px;}
#listWrap li:nth-child(5){left:0; top:1800px;}
#listWrap li:nth-child(6){right:0; top:2250px;}
#listWrap li:nth-child(7){left:0; top:2700px;}
#listWrap li:nth-child(8){right:0; top:3150px;}
#listWrap li:nth-child(9){left:0; top:3600px;}
#listWrap li:nth-child(10){right:0; top:4050px;}
#listWrap li:nth-child(11){left:0; top:4530px;}
#listWrap li:nth-child(odd){text-align:right; padding-right:85px;}
#listWrap li:nth-child(even){text-align:left; padding-left:50px;}
.circle{left:auto;}
#historyBar{width:2px; height:calc(100% - 390px); background:#e5e5e5; position:absolute; left:50%; margin-left:-1px;}
#listWrap li:nth-child(odd) .circle{right:-10px;}
#listWrap li:nth-child(even) .circle{left:-12px;}
}
@media (min-width:1024px){
.commonDescription{font-size:1rem;}
.year{font-size:2.4rem;}
.year span{font-size:2.0rem; line-height:34px}
.h-text{font-size:2rem;}
}
/*----축제연혁 끝----*/
/*----상품구입 시작----*/
.shoping-img{}
@media ( max-width: 480px ) {
.shoping-img{
width: 80%;
position: relative;
left: 50%;
transform: translate(-50%, 0%);
}
}
/*----기존----*/
#s20210823d51e40a514f57 > div.section_bg_color._section_bg_color.fixed_transform{
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
#s20210823dde55d17125ec > div.inline-inside._inline-inside {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
</style>