@charset "utf-8";
body, td, tr {

font-style: normal;



color: #333;

}
body, td, tr {margin:0; padding:0;}
li{list-style:none;}
ul{padding:0; margin:0}
.panel {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  position: absolute;
  z-index: 9999;
  top: 0;
  height: 100%;
  width: 80%;
 /*background-color: #fff;*/
}

.panel .ninja-btn {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  display: inline-block;
  float: left;
  cursor: pointer;
  padding: 13.285714px 20px;
  position: absolute;
  z-index: 2;
  top: 0;
  width: 30px;
  height: 20.18181818px;
}
.panel .ninja-btn span,
.panel .ninja-btn span:before,
.panel .ninja-btn span:after {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  width: 30px;
  height: 2px;
  background-color: #000;
}
.panel .ninja-btn span {
  position: relative;
  display: inline-block;
  float: left;
  margin-top: 9.09090909px;
  height:3px;
  width:30px;
}
.panel .ninja-btn span:before,
.panel .ninja-btn span:after {
  content: "";
  position: absolute;
  left: 0;
}
.panel .ninja-btn span:before {
  top: 8.909091px;
  width: 30px;
  height: 3px;
}
.panel .ninja-btn span:after {
  top: 18.090909px;
  width: 30px;
  height: 3px;
}

/*메뉴 클릭후, 메뉴 버튼을 활성화 시켰을때 속성*/
.panel .ninja-btn.active span {
  background-color: transparent;
}
.panel .ninja-btn.active span:before,
.panel .ninja-btn.active span:after {
  top: 0;
  background:#000
}
.panel .ninja-btn.active span:before {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}
.panel .ninja-btn.active span:after {
  -webkit-transition-delay: 0.09s;
  -moz-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  -msa-transition-delay: 0.09s;
  transition-delay: 0.09s;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
.panel ul {
  width:100%;
  list-style-type: none;
  position: absolute;
  z-index: 1;
  margin: 0;
  padding: 0;
  top: 15%;
  left: 0;
  right: 60px;
  height: auto;
  text-align: left;
}

.panel ul li,
.panel ul a {
  display: inline-block;
  float: left;
  width: 100%;
  line-height: 1.4;
  padding: 0;
  font-weight: 200;
}
.panel ul li{
  height:100px;
  border-top: 1px solid #474a50;
}
.panel ul li.menu-label a{
  padding:11px 0 0 40px;
  height:100%;
  display:block;
  font-size: 46px;
  text-transform: lowercase;
}
.panel ul li.menu-label:first-child {
  border-top: 0;
}

.panel ul li.menu-contacts a {
  font-size: 16px;
  text-transform: inherit;
}

/* 안보이는 패널위치고정 */
.panel-overlay {
  position: fixed;
  top: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.panel.left {
  left: -1500px;
}
/*패널 버튼 부분 위치*/
.panel.left .ninja-btn {
  left: 1500px;
}
/* 패널이 활성화 되었을때 */
.panel.left.active {
  left: 0;
  overflow: scroll;
  background:#fff
}
.panel.left.active .ninja-btn {
  left: 100%;
  margin-left: -70px;
}

.panel ul li.sub-menu{
  background: #2e333c;
  padding:11px 0 0 50px;
}


@media screen and (max-width:720px){

.panel ul li,
.panel ul a {
  display: inline-block;
  float: left;
  width: 100%;
  line-height: 1.4;
  padding: 0;
  font-weight: 200;
}
.panel ul li{
  height:46px;
  border-top: 1px solid #474a50;
  border:none;
}
.panel ul li.menu-label a{
  padding:11px 0 0 25px;
  height:100%;
  display:block;
  font-size: 19px;
  text-transform: lowercase;
}
.panel ul li.menu-label:first-child {
  border-top: 0;
}

.panel ul li.menu-contacts a {
  font-size: 16px;
  text-transform: inherit;
}

/* 안보이는 패널위치고정 */
.panel-overlay {
  position: fixed;
  top: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.panel.left {
  left: -1500px;
}
/*패널 버튼 부분 위치*/
.panel.left .ninja-btn {
  left: 1500px;
}
/* 패널이 활성화 되었을때 */
.panel.left.active {
  left: 0;
  overflow: scroll;
  background:#fff
}
.panel.left.active .ninja-btn {
  left: 100%;
  margin-left: -70px;
}

.panel ul li.sub-menu{
  background: #2e333c;
  padding:11px 0 0 50px;
}


strong{font-weight:500}
.big_box{padding:15px; }

.festival_intro{width:100%;padding-top:50px}
.festival_intro strong{font-size:24px;display:block; text-align:center}

.bn_event{width:100%;padding-top:30px}
.bn_event strong{font-size:24px; display:block; text-align:center}

.restaurant{width:100%;padding-top:30px}
.restaurant strong{font-size:24px;display:block; text-align:center}

.travel{width:100%;padding-top:30px}
.travel strong{font-size:24px;display:block; text-align:center}

.specialties{width:100%;padding-top:30px}
.specialties strong{font-size:24px;display:block; text-align:center}


.big_box2{padding:15px; margin-top:30px}
.big_box2 h2{font-size: 30px; text-align:center; margin:0;padding-bottom:10px}
.big_box2 h2 span{color:#ec7d12}

.info_box{padding-bottom:10px}

.big_box3{padding:15px; margin-top:30px}
.big_box3 h2{font-size: 30px; text-align:center; margin:0;padding-bottom:10px}
.big_box3 h2 span{color:#ec7d12}
.big_box3 ul li div{text-align:center;padding-bottom:30px}

.big_box4{padding:15px; margin-top:30px}
.big_box4 h2{font-size: 30px; text-align:center; margin:0;padding-bottom:10px}
.big_box4 h2 span{color:#ec7d12}

.big_box4 ul li {float:left;width:32.3333%;padding:2px}

.foot_in{width:100%;padding:0}
.address{text-align:center; font-size:13px}
.address span .admin{padding:0px 8px}
.f_logo{width:100%;text-align:center;padding:12px 0;}

.address span.admin {
    background: #e40000;
    padding: 3px 8px;
    margin-left: 20px;
	color:#fff
}
.address span.admin a{color:#fff}
a{text-decoration:none;color:#000}

.res_box{padding:10px}
.res_box ul .res_name{font-size:26px;font-weight:900}

.tab_tit{width:100%;margin-top:15px}
.tab_tit .tab_subtit .on{background:red}
.tab_tit .tab_subtit{float:left; width:33%;text-align:center;padding:10px 0;font-size:18px;border:1px solid #9a9a9a}
.tab_tit .tab_subtit a{display:block}
.tab_tit .tab_subtit:nth-child(1){border-right:0}
.tab_tit .tab_subtit:nth-child(2){border-right:0}

}

/*font*/
@font-face {
    font-family: 'yg-jalnan';
    src: url('http://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.notosanskr * { 
 font-family: 'Noto Sans KR', sans-serif;
}

p,h1,h2,h3,h4,h5,h6,div,span{font-family: 'Noto Sans KR', sans-serif;}
/*기본*/
.cf::after{content:""; display:block; clear:both}

/*main*/
.main_slide{}
.main_slide ul{}
.main_slide ul li{width:100%;}
.main_slide ul li img{width:100%;}

.main_slide .slick-dots{text-align:center; position:absolute; bottom:30px; width:100%; left:0;}
.main_slide .slick-dots li{display:inline-block; width:auto;}
.main_slide .slick-dots li button{width:10px; height:10px; margin:0 8px; border-radius:50%; background:none; border:2px solid #fff; text-indent:-9999px; padding:0;}
.main_slide .slick-dots .slick-active button{background:#fff;}

/*ico btn*/
.icon{margin-top:20px; text-align:center; width:100%;}
.icon ul{text-align:center; display:inline-block;}
.icon ul:after{content:''; display:block; clear:both;}
.icon ul li{float:left; padding: 0 15px;}
.icon ul li:last-child{margin-right:0}
.icon ul li p{text-align:center; font-size:1rem; font-weight:500;}

/*상단 box*/
.big_box2{padding:0 3%;}
.big_box2 .tit{margin-bottom:24px; text-align:center;}
.big_box2 .tit h2{margin:0; font-family: 'yg-jalnan'; font-size:1.6rem;}
.big_box2 .tit p{margin:0; color:#666; font-size:.85rem;}

/*pension*/
.pansion_wrap{width:100%; padding:20px 3%; box-sizing:border-box; overflow:hidden;}

.m_pension{width:100%; box-sizing:border-box; margin-top:40px;}
.m_pension .tit{margin-bottom:24px; text-align:center;}
.m_pension .tit h2{margin:0; font-family: 'yg-jalnan'; font-size:1.6rem;}
.m_pension .tit p{margin:0; color:#666; font-size:.85rem;}
.m_pension .tit h2 font{position:relative; font-size:1.8rem; color:#4f6bff;}
.m_pension .tit h2 font::after{content:""; display:block; width:5px; height:5px; background:#4f6bff; border-radius:50%; position:absolute; top:-8px; left:50%; margin-left:-2px;}

.m_pension .list{}
.m_pension .list li{width:calc(33.333% - 4px); float:left; margin-right:6px; margin-bottom:16px;}
.m_pension .list li:nth-child(3n){margin-right:0;}
.m_pension .list li > a{width:100%; height:100px; display:block;}
.m_pension .list li .load{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.m_pension .list li a div{}
.m_pension .list li a div.img{position:relative; width:100%; box-sizing:border-box; overflow:hidden; border:1px solid #ddd;}
.m_pension .list li a div.img img{width:150%; position:absolute; top:50%; bottom:50%; left:50%; right:50%; transform:translate(-50%, -50%);}
.m_pension .list li a div.txt{margin-top:10px;}
.m_pension .list li a div.txt h3{margin:0; font-size:1rem; color:#2b56b2;}
.m_pension .list li a div.txt h4{margin:0; font-size:1rem;}
.m_pension .list li a div.txt p{margin:0; font-size:.8rem; color:#00a99d;}

/*맛집*/
.food_wrap_box{ margin-top:60px;}
.food_wrap_box .tit{margin-bottom:24px; text-align:center;}
.food_wrap_box .tit h2{margin:0; font-family: 'yg-jalnan'; font-size:1.6rem;}
.food_wrap_box .tit p{margin:0; color:#666; font-size:.85rem;}
.food_wrap_box .tit h2 font{position:relative; font-size:1.8rem; color:#ff383b;}
.food_wrap_box .tit h2 font::after{content:""; display:block; width:5px; height:5px; background:#ff383b; border-radius:50%; position:absolute; top:-8px; left:50%; margin-left:-2px;}


.food_wrap_box ul{width:100%; padding:20px 3%; box-sizing:border-box; overflow:hidden;}
.food_wrap_box ul li{width:calc(50% - 5px); float:left; margin-right:10px; margin-bottom:16px;}
.food_wrap_box ul li:nth-child(2n){margin-right:0;}
.food_wrap_box ul li div{}
.food_wrap_box ul li div > a{position:relative; display:block; width:100%; height:160px; box-sizing:border-box; overflow:hidden;}
.food_wrap_box ul li div > a img{width:100%; position:absolute; top:50%; bottom:50%; left:50%; right:50%; transform:translate(-50%, -50%);}

/*축제*/
.pension_list{padding:0;}
.pension02{background-position:right -240px bottom -140px;}

.festival_wrap{ margin-top:40px;}
.festival_wrap .tit{margin-bottom:24px; text-align:center;}
.festival_wrap .tit h2{margin:0; font-family: 'yg-jalnan'; font-size:1.6rem;}
.festival_wrap .tit p{margin:0; color:#666; font-size:.85rem;}


.festival_wrap ul{width:100%; padding:20px 3%; box-sizing:border-box; overflow:hidden;}
.festival_wrap ul li{width:calc(50% - 5px); float:left; margin-right:10px; margin-bottom:16px;}
.festival_wrap ul li:nth-child(2n){margin-right:0;}
.festival_wrap ul li div{}
.festival_wrap ul li div > a{position:relative; display:block; width:100%; height:160px; box-sizing:border-box; overflow:hidden;}
.festival_wrap ul li div > a img{width:100%; position:absolute; top:50%; bottom:50%; left:50%; right:50%; transform:translate(-50%, -50%);}

.address{float:none;}

/*gallery*/
.gallery{width:100%; margin-top:40px; padding:0 3%; box-sizing:border-box; overflow:hidden;}
.gallery .tit{width:100%; margin:0 auto; text-align:center; margin-bottom:16px;}
.gallery .tit h3{display:inline-block; font-size:1.6rem; font-family:'yg-jalnan';  margin:0;}
.gallery .tit p{display:inline-block; font-size:.85rem; font-family: 'Noto Sans KR', sans-serif; color:#999;  margin:0;}

.gallery .list li{float:left; width:calc(33.333333% - 4px); margin-bottom:8px; margin-right:6px; border-radius:3px; box-sizing:border-box; overflow:hidden;}
.gallery .list li:nth-child(2n){margin-right:6px;}
.gallery .list li:nth-child(3n){margin-right:0;}
.gallery .list li img{display:block; width:100%;}

.pansion01 li span{width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


footer{background:#333; padding:10px 0 20px; margin-top:80px;}
footer .bot_btn{padding:0 3%;}
footer .bot_btn li{display:inline-block; margin-right:12px;}
footer .bot_btn li a{display:block; padding:4px 0; color:#bdbdbd; font-size:.9rem;}

footer .info{border-top:1px solid #cdcdcd; padding:20px 3% 0; margin-top:10px; }
footer .info ul{margin-bottom:10px;}
footer .info ul li{display:inline-block; color:#bdbdbd; font-size:.9rem;}
footer .info ul li::after{content:""; display:inline-block; width:1px; height:16px; background:#ddd; margin:0 6px 0 10px; vertical-align:middle;}
footer .info ul li:last-child::after{display:none;}
footer .info span{color:#bdbdbd; font-size:.9rem;}
footer .info p{color:#bdbdbd; font-size:.9rem;}