/* nanum-squeare */
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
/* tmon */
@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* ³ª´®¸íÁ¶ */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@800&display=swap');
/* ³ª´® ¼Õ±Û¾¾ */
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
/* ·¹À̾ƿô */
#mNav {display: none; position: absolute; top: 10px; right: 14px;}
header {width:100%; z-index: 90; position: fixed; background-color: #fffffff7; border-bottom: 0px solid #ccc;}
#banner {position: relative;}
/*ÄÁÅ×À̳Ê*/
.headercontainer {position: relative; max-width: 1440px; margin: 0 auto; overflow: hidden;}
.container {position: relative; max-width: 1200px; margin: 0 auto; }
/* header */
#header{/* height: 90px; background-color: #3f51b5;*/}
.header h1{display: inline-block; float: left;}
.header ul li{float: left; /* line-height: 90px; */ font-size: 22px; /* padding-right: 30px; */}
.header ul li a{color:#000;}
nav{display: inline-block; width: 100%;}
.btn_nav {display: none;}
.header h1 em{padding:17px 10px; display:inline-block;}
 nav .side_menu{float: right;}
.hide{opacity: 0;}
.header nav p{text-align: right; padding-top: 65px; line-height: 22px; font-family: 'NanumSquare', sans-serif; font-weight: 400; font-size: 18px; color: #505050;}
.header nav p img{width: 21px; margin-left: 16px; margin-right: 9px; margin-bottom:-5px;}
.header nav ul li{float: left; text-align: center; padding-top:8px;}
.header nav ul li a{font-size:24px; font-family: 'NanumSquare', sans-serif; color: #000; font-weight: 800;}
.header nav .clearfix li a:after {display: inline-block; content: ''; width: 2px; height: 25px; background: #000; margin: 0 20px; vertical-align: middle; margin-bottom: 5px;}
.header nav .clearfix li:last-of-type a::after{content: none;}
/* header 
header{z-index:90; position:fixed; background-color: #fffffff7; border-bottom: 0px solid #ccc;}
.header h1{float:left;}
.header h1 em {padding:17px 10px; display: inline-block;}
.header .nav{float: right;}
.header .nav p{text-align: right; padding-top: 65px; line-height: 22px; font-family: 'NanumSquare', sans-serif; font-weight: 400; font-size: 18px; color: #505050;}
.header .nav p img{width: 21px; margin-left: 16px; margin-right: 9px;}
.header .nav ul li{float: left; text-align: center; padding-top:8px;}
.header .nav ul li a{font-size:24px; font-family: 'NanumSquare', sans-serif; color: #000; font-weight: 800;}
.header .nav .clearfix li a:after {display: inline-block; content: ''; width: 2px; height: 25px; background: #000; margin: 0 20px; vertical-align: middle; margin-bottom: 5px;}
.header .nav .clearfix li:last-of-type a::after{content: none;}
*/

/* swiper */
#slider .swiper {
    width: 100%;
    height: 1000px;
  }
  #place .swiper {
    width: 100%;
    height: 365px;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .swiper-slide img {
    display: block;
    width: 90%;
    object-fit: cover;
    padding-top: 100px;
    margin: 0 auto;
  }
  .swiper {
    margin-left: auto;
    margin-right: auto;
  }
  :root {--swiper-theme-color: #fff !important;}
  #slider .swiper-button-prev:after{position: absolute; top: 50px; left: 50px; color:#fff;}
  #slider .swiper-button-next:after{position: absolute; top: 50px; right: 50px; color:#fff;}
 
  #place .swiper-button-prev{left: -100px; top: 415px; color:#aaaaaa;}
  #place .swiper-button-next{right: -100px; top: 415px; color:#aaaaaa;}
.place_slider .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#000; background:#000;}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:-3px;}
/* menu_btn */
.header .menu_btn{display:none; line-height: 100px; margin-right:30px; float: right; cursor: pointer;}
.header .menu_close{display:none; line-height: 100px; margin-right:30px; float: right; cursor: pointer;}
/* mobile_hader */
#mb_header{background-color: #ffffff8a; display: none;}
#mb_header.active{display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; background: #1b1515c2; height: 400px;}
#mb_header .header_mb .m_nav ul li{font-size: 20px; text-align: center; font-family: "nanum Gothic"; padding: 10px 0; font-weight: bold;}
#mb_header .header_mb .m_nav ul li a{color:#fff;}
#mb_header.active .header_mb .m_nav ul{margin: 100px 0;}
/* main slider */
#slider{height: 1000px;}
#slider .sw1{position:relative; background: url(../img/main01.jpg) no-repeat center center; height: 1000px;}
#slider .sw2{position:relative; background: url(../img/main02.jpg) no-repeat center center; height: 1000px;}
#slider .sw3{position:relative; background: url(../img/main03.jpg) no-repeat center center; height: 1000px;}
#slider .sw4{position:relative; background: url(../img/main04.jpg) no-repeat center center; height: 1000px;}
/* #slider .inner{transform: translate(-50%,-50%);left: 50%; top: 52%; position: absolute;}*/
#slider .slider_logo{width: 182px; height: 160px; margin: auto; margin-bottom: 30px;}
#slider h3{color: #fff; font-size: 33px; font-weight: 400; text-align: center; line-height: 30px;}
#slider h2{color: #fff; font-size: 41px ;font-weight: 900; text-align: center; margin-bottom: 10px;}
#slider .inner .numberbtn{background-color: #fff; padding: 5px 35px; border-radius: 20px; font-family: 'TmonMonsori'; font-size: 26px; text-align: center; display: table; margin:0 auto;}
/* service */
#service{padding-top: 115px;}
#service .contents{width: 100%; height: auto; text-align: center;}
#service .contents .contenticon{width: 51px; height: 50px; margin: 0 auto;}
#service .contents h3{font-size: 50px; font-family: 'Nanum Myeongjo', serif; font-size: 72px; font-weight: 900; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 4px; letter-spacing: 7px;}
#service .contents p{font-size: 20px; font-family: 'NanumSquare', sans-serif; font-weight: 400; margin:20px 0px 40px; color: #000;}
#service .service_list{display: flex; justify-content: space-between;}
#service .service_list img{width: 295px; height: 469px;}
#service .service_list .hovericon{text-align: center;}
#service .service_list .hovericon img{width: 97px; height: 20px;}
/* guide */
#guide{padding-top: 115px; padding-bottom: 80px;}
#guide .contents{width: 100%; height: auto; text-align: center;}
#guide .contents .contenticon{width: 51px; height: 50px; margin: 0 auto;}
#guide .contents h3{font-size: 50px; font-family: 'Nanum Myeongjo', serif; font-size: 72px; font-weight: 900; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 4px; letter-spacing: 7px;}
#guide .contents p{font-size: 20px; font-family: 'NanumSquare', sans-serif; font-weight: 400; margin:20px 0; color: #000;}
#guide .procedure {width: 761px; height:184px; margin: 0 auto;}
#guide .info{margin-top: 30px;}
#guide .info p{font-size: 16px; color: #000; font-family: 'NanumSquare', serif; text-align: center; font-weight: 400;}
/* customer01 */
#customer01{background: url(../img/customer01_bg2.gif)no-repeat center center; width: 100%; height: 500px; overflow: hidden; margin: 0 0 0px 0; background-attachment: fixed; background-size: cover; color: #fff; text-align: center; position: relative;}
#customer01 .inner{transform: translate(-50%,-50%); left: 50%; top: 50%; position: absolute;}
#customer01 .inner .inner_img{display:flex; justify-content: space-evenly; width:700px}
#customer01 .inner h2 {font-size: 36px; font-family: '±¼¸²',serif;}
#customer01 .inner h4 {font-size: 18px; font-family: 'NanumSquare', sans-serif; margin-bottom: 15px;}
#customer01 .inner .customerlist{display: flex; width: 700px; justify-content: space-between;}
#customer01 .inner .tel{width: 225px; height: 120px; background-color: #fff; display: flex; color: #000; align-items: center;}
#customer01 .inner .customerlist .tel img{width: 52px; height: 61px; margin-left: 25px;}
#customer01 .inner .katalk{width: 225px; height: 120px; background-color: #fff; display: flex; color: #000; align-items: center;}
#customer01 .inner .customerlist .katalk img{width: 52px; height: 61px; margin-left: 25px;}
#customer01 .inner .online{width: 225px; height: 120px; background-color: #fff; display: flex; color: #000; align-items: center;}
#customer01 .inner .customerlist .online img{width: 52px; height: 61px; margin-left: 25px;}
#customer01 .inner .customerlist .txt{font-family: 'NanumSquare', sans-serif; font-size: 15px; text-align: left; margin-left: 10px; font-weight: bold; line-height: 18px;}
#customer01 .inner .customerlist .txt span{font-size: 18px; font-weight: 900;}
#customer01 .inner .bank{margin-top: 20px; font-size: 18px; font-family: 'NanumSquare', sans-serif;}
/* cafe */
#cafe{padding-top: 115px; padding-bottom: 80px;}
#cafe .contents{width: 100%; height: auto; text-align: center;}
#cafe .contents .contenticon{width: 51px; height: 65px; margin: 0 auto;}
#cafe .contents h3{font-size: 50px; font-family: 'Nanum Myeongjo', serif; font-size: 72px; font-weight: 900; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 4px; letter-spacing: 7px;}
#cafe .contents p{font-size: 20px; font-family: 'NanumSquare', sans-serif; font-weight: 400; margin:20px 0; color: #000;}
#cafe .info{margin-top: 30px;}
#cafe .info p{font-size: 16px; color: #000; font-family: 'NanumSquare', serif; text-align: center; font-weight: 400;}
/* party */
#party{background: url(../img/packageimg.gif)no-repeat center center; width: 100%; height: 970px; overflow: hidden; margin: 0 0 0px 0; background-attachment: fixed; background-size: cover; color: #fff; text-align: center; position: relative;}
#party .inner{text-align: left; position: absolute; top: 40%; text-align: left; left: 28%;}
#party .title{font-size: 20px; letter-spacing: 15px; font-family: 'NanumSquare', sans-serif; }
#party .inner h2{font-size: 36px; font-family: 'Nanum Myeongjo', serif; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 2px; font-weight: 900; margin-bottom: 10px;}
#party .inner h3{font-size: 22px; font-family: 'NanumSquare', sans-serif; font-weight: 900;}
#party .inner .txt{font-size: 18px; font-family: 'NanumSquare', sans-serif; }
#party .inner a{display:inline-block;}
 
.triangleline{width:70px;height:40px;margin:0 auto;}
         
/* BBQ package */
#bbqpackage{padding-top: 115px; padding-bottom: 80px;}
#bbqpackage .contents{width: 100%; height: auto; text-align: center;}
#bbqpackage .contents .contenticon{width: 87px; height: 50px; margin: 0 auto;}
#bbqpackage .contents h3{font-size: 50px; font-family: 'Nanum Myeongjo', serif; font-size: 72px; font-weight: 900; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 4px;}
#bbqpackage .contents p{font-size: 20px; font-family: 'NanumSquare', sans-serif; font-weight: 500; margin:10px 0 15px; color: #000; text-align: center; line-height: 27px;}
#bbqpackage .contents p span{color:#ff7777;}
#bbqpackage .info{margin-top: 30px;}
#bbqpackage .contents .icon img{width: 146px; height: 30px;}
#bbqpackage .contents .bbq_list h2{font-size: 40px; font-family: 'TmonMonsori'; margin-top: 50px;}
#bbqpackage .contents .bbq_list p{}
/* foodmenu */
#foodmenu{padding-top: 115px; padding-bottom: 80px;}
#foodmenu .contents{width: 100%; height: auto; text-align: center;}
#foodmenu .contents .contenticon{width: 95px; height: 76px; margin: 0 auto;}
#foodmenu .contents h3{font-size: 50px; font-family: 'Nanum Myeongjo', serif; font-size: 72px; font-weight: 900; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 4px;}
#foodmenu .contents p{font-size: 20px; font-family: 'NanumSquare', sans-serif; font-weight: 500; margin:10px 0 15px; color: #000; text-align: center; line-height: 27px;}
#foodmenu .contents p span{color:#ff7777;}
#foodmenu .info{margin-top: 30px;}
#foodmenu .contents .icon img{width: 146px; height: 30px;}
#foodmenu .contents .food_list{margin-top: 20px;}
#foodmenu .contents .food_list h2{font-size: 40px; font-family: 'TmonMonsori'; margin-top: 50px;}
#foodmenu .contents .food_list p{}
#foodmenu .contents .foodlist2{width: 135px; height: 45px; margin: 0 auto;}
/* customer02 */
#customer02{background: url(../img/customer02_bg.gif)no-repeat center center; width: 100%; height: 500px; overflow: hidden; margin: 0 0 0px 0; background-attachment: fixed; background-size: cover; color: #fff; text-align: center; position: relative;}
#customer02 .inner{transform: translate(-50%,-50%); left: 50%; top: 50%; position: absolute;}
#customer02 .inner .inner_img{display:flex; justify-content: space-evenly; width:700px}
#customer02 .inner h2 {font-size: 40px; font-family: 'Nanum Myeongjo', serif; font-weight: bold;}
#customer02 .inner h4 {font-size: 18px; font-family: 'NanumSquare', sans-serif; margin-bottom: 15px;}
#customer02 .inner .customerlist{display: flex; width: 700px; justify-content: space-between;}
#customer02 .inner .tel{width: 225px; height: 120px; background-color: #fff; display: flex; color: #000; align-items: center;}
#customer02 .inner .customerlist .tel img{width: 52px; height: 61px; margin-left: 25px;}
#customer02 .inner .katalk{width: 225px; height: 120px; background-color: #fff; display: flex; color: #000; align-items: center;}
#customer02 .inner .customerlist .katalk img{width: 52px; height: 61px; margin-left: 25px;}
#customer02 .inner .online{width: 225px; height: 120px; background-color: #fff; display: flex; color: #000; align-items: center;}
#customer02 .inner .customerlist .online img{width: 52px; height: 61px; margin-left: 25px;}
#customer02 .inner .customerlist .txt{font-family: 'NanumSquare', sans-serif; font-size: 17px; text-align: left; margin-left: 10px; font-weight: bold; line-height: 18px;}
#customer02 .inner .customerlist .txt span{font-size: 18px; font-weight: 900;}
#customer02 .inner .bank{margin-top: 20px; font-size: 20px; font-family: 'NanumSquare', sans-serif; font-weight: 400;}
/* place */
#place{padding-top: 115px; padding-bottom: 80px;}
#place .contents{width: 100%; height: auto; text-align: center;}
#place .contents .contenticon{width: 64px; height: 62px; margin: 0 auto;}
#place .contents h3{font-size: 50px; font-family: 'Nanum Myeongjo', serif; font-size: 72px; font-weight: 900; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 4px; letter-spacing: 7px;}
#place .contents p{font-size: 20px; font-family: 'NanumSquare', sans-serif; font-weight: 500; margin:20px 0; color: #000;}
#place .info{margin-top: 30px;}
#place .info p{font-size: 16px; color: #000; font-family: 'NanumSquare', serif; text-align: center; font-weight: 400;}
/* placeslider
.swiper-slide.ss2{background: url(../img/place02.gif) no-repeat;}
.swiper-slide.ss3{background: url(../img/place03.gif) no-repeat;}
.swiper-slide.ss4{background: url(../img/place04.gif) no-repeat;}
.swiper-slide.ss5{background: url(../img/place05.gif) no-repeat;}
.swiper-slide.ss6{background: url(../img/place06.gif) no-repeat;}
*/
/* question */
#question{padding-top: 140px; padding-bottom: 160px;}
#question .contents{width: 100%; height: auto; text-align: center;}
#question .contents .contenticon{width: 55px; height: 75px; margin: 0 auto;}
#question .contents h3{font-size: 50px; font-family: 'Nanum Myeongjo', serif; font-size: 72px; font-weight: 900; text-decoration: underline; text-underline-position: under; text-decoration-thickness: 4px;}
#question .contents p{font-size: 20px; font-family: 'NanumSquare', sans-serif; font-weight: 400; margin:20px 0 40px; color: #000;}
#question .icon{text-align: center; margin-top: 25px;}
#question .icon img{width: 146px; height: 30px;}
#question .info{margin-top: 30px; display: table; margin: 0 auto; padding: 15px 200px; background: #fff; border: 3px solid #000; border-radius: 10px;}
#question .info span{font-weight: 900; font-size: 20px;}
#question .info p{font-size: 20px; font-weight: bold; color: #000; font-family: 'NanumSquare', serif; text-align: center;}
#question .qna{margin-top: 70px;}
#question .qnatxt01{width:100%; text-align: center; color: #000; font-size: 36px; font-family: 'Nanum Pen Script', cursive; background-color: #eeeeee; padding: 5px 0;}
#question .qnatxt02{padding:20px 0 30px; font-size: 18px; font-weight: bold; font-family: 'NanumSquare', sans-serif; text-align: center; border-top: 1px solid; border-bottom: 1px solid;}
/* map */
#map{line-height:0;}
/* footer */
 footer {padding-top: 70px; padding-bottom: 70px; background-color: #000; color: #fff;}
 .footer_inner h2{font-family: 'Nanum Myeongjo', serif; font-size: 36px; text-align: center; font-weight:bold;}
.footer_inner .footer_text { padding-top: 5px; font-weight: bold; text-align: center;}
.footer_inner .footer_text a {padding-bottom: 5px;display: inline-block; color: #fff; font-size: 16px;}
.footer_inner .footer_text a:after { display: inline-block; content: ''; width: 2px; height: 15px; background: #fff; margin: 0 1rem; vertical-align: middle;}
.footer_inner .footer_text a:nth-of-type(6)::after{content:none;}
.footer_inner .footer_text a:last-of-type::after{content:none;}
.sns_link ul li { display: inline-block;}
.footer_text ul li { display: inline; font-size: 14px; font-family: 'KoPub Dotum';}
.footer_text ul {margin-bottom: 10px; color: #dadada; font-size: 12; margin-top: 10px; font-weight: lighter;}
.footer_text ul li::after { display: inline-block; content: ''; width: 1px; height: 15px; background: #dadada; margin: 0 10px; vertical-align: middle; }
.footer_text ul li:nth-of-type(4):after{content: none;}
.footer_text ul li:last-of-type:after{content: none;}
.footer_text p { font-size: 12px; font-weight: lighter; font-family: 'KoPub Dotum'; color: #dadada;}
.footer_text img{width: 123px; height: 48px; margin-top: 26px;}
.top-btn{position: fixed; right: 10%; bottom: 15%; width: 42px; height: 42px; outline: none; cursor: pointer; border: none; background:#484848; display: none;}

/* responsive */
@media (max-width:1400px){
#place .swiper-button-next{top: 95%; right: 0; display:none;}
#place .swiper-button-prev{top: 95%; left: 0; display:none;}
}
@media (max-width:1300px){
 
  /* slider btn */
.slider .ss1 .slider_btn a img{width: 100%;}
#section01 .slider .slider_text01{top:22%;}
#section05 .content04 .customer .cus4 {height: auto; flex-direction: row;}
#section05 .content04 .customer .cus4 .checkbox{width: 15px; height: 15px; margin: 0 10px;}
#service .service_list img{width: 100%; height: 100%;}
.place_slider{height:auto;}
#place .swiper{height:auto;}
}
@media (max-width:1240px){
  .container{width: 95%;}
  .header h1 em img{width: 270px;}
  .header h1 em {padding: 5px 10px;} 
  .header .menu_btn{display:block; color: #000;}
  .header .menu_btn.active{display:none; color: #fff;}
  header.small .header .menu_btn{color: #000;}
  .header .menu_close{display:none; color: #fff;}
  .header .menu_close.active{display:block; color: #fff;}
  header.small .header .menu_close{color: #fff;}
  .header .nav{display: none;}
#customer01 .inner .inner_img{width:100%;}
#customer02 .inner .inner_img{width:100%;}
#slider .swiper-button-prev{color:#fff; display:none;}
#slider .swiper-button-next{color:#fff; display:none;}

nav{width: 100%; margin: 0 auto;}
.header nav p{padding-top:70px;}
nav .btn_nav {display: block; position: relative;}
nav .btn_nav.open{position:absolute; right: 0; top: 0; width: 45px; height: 45px; margin-top: 30px; margin-right: 10px; background: url(../img/btn_nav_open.png) no-repeat 0 0; cursor: pointer;}
nav.on .btn_nav.closed{position:absolute; right: 0; top: 0; width: 45px; height: 45px; margin-top: 35px; margin-right: 10px; background: url(../img/btn_nav_closed.png) no-repeat 0 0; cursor: pointer;}
nav .side_menu{position: fixed; z-index: 100; top: 0; right: -280px; bottom: 0; left: auto; width: 240px; background: #fff; border: 0px solid #f00; padding-top: 40px; padding:15px;}
nav.on .side_menu{right:0;}
nav.on .side_menu p a{display:block;}
nav .bgoverlay{display: block; position: fixed; z-index: 99; top: 0; right: -100%; bottom: 0; left: 100%; background: #000; opacity: 0.0; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out;  -o-transition: opacity 0.5s ease-out; transition: all 0.3s ease-out;}
nav.on .bgoverlay{display: block; right: 0; left: -2000%; opacity: 0.8; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
.header ul{padding-top:25px;}
.header ul li{float: none; line-height:0; border-bottom: 1px solid #e5e5e5; width: 100%; text-align: left !important;}
.header ul li:first-child{border-top: 1px solid #e9eff5;}
.header nav .clearfix li a:after{content:none;}
.header ul li a{padding: 5px 40px 0 20px; font-size: 15px; text-align: left; line-height: 40px!important; font-family: 'NanumSquare', sans-serif; font-weight: 600;}
}
@media (max-width:1024px){
#slider .inner .numberbtn{font-size: 20px;}
/* slider btn */
.slider .ss1 .slider_btn a img{width: 100%;}
/* swiper bullet */
span.swiper-pagination-bullet.swiper-pagination-bullet{width: 10px; height: 10px; margin-bottom: 0 !important;}
/* banner-text size */
#section01 .slider .slider_text01 h2{font-size: 70px;}
#section01 .slider .slider_text01 .txt01{font-size: 24px;}
#section01 .slider .slider_text01 .txt02{font-size: 26px;}
/* banner-btn size */
.slider_btn{width: 100%; position: absolute; left: 15px; font-size: 2.0rem;}
.slider_plan{width: 100%; position: absolute; right: 15px; font-size: 2.0rem;}
/* customer */
#section05 .content04 .customer{width: 100%; height: auto;}
#section05 .content04 .customer input{width: 60%;}
#section05 .content04 .customer .cus1 .title{font-size: 26px; width: 40%;}
#section05 .content04 .customer .cus2 .name{font-size: 26px; width: 40%;}
#section05 .content04 .customer .cus3 .tel{font-size: 26px; width: 40%;}
#section05 .content04 .customer .cus4{height: auto; flex-direction: column;}
#section05 .content04 .customer .cus4 .blog{font-size: 26px; width: 100%; border-bottom: 3px solid #000;}
/* customer-input */
#section05 .content04 .customer .cus4 .checkbox{margin: 10px;}
}

/* Çì´õ »ó´Ü ¸ð¹ÙÀÏ Äü¸Þ´º
@media screen and (max-width: 992px){
nav{width: 100%; margin: 0 auto;}
.header nav p{padding-top:70px;}
nav .btn_nav {display: block; position: relative;}
nav .btn_nav.open{position:absolute; right: 0; top: 0; width: 45px; height: 45px; margin-top: 35px; margin-right: 10px; background: url(../img/btn_nav_open.png) no-repeat 0 0; cursor: pointer;}
nav.on .btn_nav.closed{position:absolute; right: 0; top: 0; width: 45px; height: 45px; margin-top: 35px; margin-right: 10px; background: url(../img/btn_nav_closed.png) no-repeat 0 0; cursor: pointer;}
nav .side_menu{position: fixed; z-index: 100; top: 0; right: -280px; bottom: 0; left: auto; width: 240px; background: #fff; border: 0px solid #f00; padding-top: 40px; padding:15px;}
nav.on .side_menu{right:0;}
nav.on .side_menu p a{display:block;}
nav .bgoverlay{display: block; position: fixed; z-index: 99; top: 0; right: -100%; bottom: 0; left: 100%; background: #000; opacity: 0.0; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out;  -o-transition: opacity 0.5s ease-out; transition: all 0.3s ease-out;}
nav.on .bgoverlay{display: block; right: 0; left: -2000%; opacity: 0.8; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;}
.header ul{padding-top:25px;}
.header ul li{float: none; line-height:0; border-bottom: 1px solid #e5e5e5; width: 100%; text-align: left !important;}
.header ul li:first-child{border-top: 1px solid #e9eff5;}
.header nav .clearfix li a:after{content:none;}
.header ul li a{padding: 5px 40px 0 20px; font-size: 15px; text-align: left; line-height: 40px!important; font-family: 'NanumSquare', sans-serif; font-weight: 600;}
}
*/

@media (max-width:860px){
  #question .info{padding: 15px 50px;}
  #customer01 .inner .customerlist{flex-direction: column; align-items: center; width:100%;}
  #customer02 .inner .customerlist{flex-direction: column; align-items: center; width:100%;}
  #guide .procedure{width: 100%;}
#slider h2{font-size: 36px;}
#slider h3{font-size: 26px;}
.container{width: 95%;}
#section01 .slider .slider_text01{top:25%;}
/* slider btn */
.slider_btnwrap{margin-top: 50px;}
.slider_btn{position: absolute; left: 15px; font-size: 1.8rem;}
.slider_plan{position: absolute; right: 15px; font-size: 1.8rem;}
.slider .ss1 .slider_btn a img{width: 100%; margin-right: 15px;}
/* customer */
#section05 .content04 .customer{width: 100%; height: auto;}
#section05 .content04 .customer input{width: 60%;}
#section05 .content04 .customer .cus1 .title{font-size: 26px; width: 40%;}
#section05 .content04 .customer .cus2 .name{font-size: 26px; width: 40%;}
#section05 .content04 .customer .cus3 .tel{font-size: 26px; width: 40%;}
#section05 .content04 .customer .cus4{height: auto; flex-direction: column;}
#section05 .content04 .customer .cus4 .blog{font-size: 26px; width: 100%; border-bottom: 3px solid #000;}
/* customer-input */
#section05 .content04 .customer .cus4 .checkbox{margin: 10px;}
}
@media (max-width:600px){
/*title */
#service .contents h3{font-size:52px;}
#guide .contents h3{font-size:52px;}
#cafe .contents h3{font-size:52px;}
#bbqpackage .contents h3{font-size:52px;}
#foodmenu .contents h3{font-size:52px;}
#place .contents h3{font-size: 52px;}
#question .contents h3{font-size:52px;}
#slider .swiper{height:500px;}
#slider{height:500px;}
#slider .sw1{height:500px;}
#slider .sw2{height:500px;}
#slider .sw3{height:500px;}
#slider .sw4{height:500px;}
#customer01{height:300px;}
#customer01 .inner .online{width:100%;height:100%;}
#customer01 .inner .katalk{width:100%;height:100%;}
#customer01 .inner .tel{width:100%;height:100%;}
#customer01 .inner{transform: translate(0,0); left:0;top:0; width:95%; margin:0 auto; position: inherit;}
#customer02{height:300px;}
#customer02 .inner .online{width:100%;height:100%;}
#customer02 .inner .katalk{width:100%;height:100%;}
#customer02 .inner .tel{width:100%;height:100%;}
#customer02 .inner{transform: translate(0,0); left:0;top:0; width:95%; margin:0 auto; position: inherit;}
#party{height:350px;}
#party .inner{left:15%; top:15%;}
#slider h2{font-size: 30px;}
#slider h3{font-size: 20px;}
.container{width: 95%;}
/* slider-text */
#section01 .slider .slider_text01 .txt{padding: 0 100px;}
/* slider-btn */
.slider_btn{position: absolute; left: 10px; font-size: 1.1rem;}
.slider_plan{position: absolute; right: 10px; font-size: 1.1rem;}
.slider .ss1 .slider_btn a img{width: 100%; margin-right: 15px;}
/* customer */
#section05 .content04 .customer{width: 100%; height: auto;}
#section05 .content04 .customer input{width: 60%;}
#section05 .content04 .customer .cus1 .title{font-size: 26px; width: 40%;}
#section05 .content04 .customer .cus2 .name{font-size: 26px; width: 40%;}
#section05 .content04 .customer .cus3 .tel{font-size: 26px; width: 40%;}
#section05 .content04 .customer .cus4{height: auto; flex-direction: column;}
#section05 .content04 .customer .cus4 .blog{font-size: 26px; width: 100%; border-bottom: 3px solid #000;}
/* customer-input */
#section05 .content04 .customer .cus4 .checkbox{margin: 10px;}
#customer01 .inner .inner_img {width: 95%; margin: 0 auto;}
#customer01 > .inner > .inner_img > a{margin:0 1%;}
#customer02 .inner .inner_img {width: 95%; margin: 0 auto;}
#customer02 > .inner > .inner_img > a{margin:0 1%;}
#foodmenu{padding-top:0;}
#place{padding-bottom:0;}
#question{padding-bottom:60px;}
}
@media (max-width:420px){
/*title */
#service .contents h3{font-size:52px;}
#guide .contents h3{font-size:52px;}
#cafe .contents h3{font-size:52px;}
#bbqpackage .contents h3{font-size:52px;}
#foodmenu .contents h3{font-size:52px;}
#place .contents h3{font-size: 52px;}
#question .contents h3{font-size:52px;}
/* banner-img */
#slider .swiper{height:500px;}
#slider{height:500px;}
#slider .sw1{height:500px;}
#slider .sw2{height:500px;}
#slider .sw3{height:500px;}
#slider .sw4{height:500px;}
/* container width */
.container{width: 95%;}
#section01 .slider .slider_text01 h2{font-size: 45px;}
#section01 .slider .slider_text01 .txt01{font-size: 14px;}
#section01 .slider .slider_text01 .txt02{font-size: 16px;}
/* slider btn */
.slider_btn{position: absolute; left: 5px; font-size: 14px; height: auto;}
.slider_btn > img{width: 30px; height: 30px;}
.slider_plan{position: absolute; right: 5px; font-size: 14px; height: auto;}
.slider .ss1 .slider_btn a img{width: 15%; margin-right: 5px;}
/*section icon  */
#section02 .content_icon{width: 30%; height: auto;}
#section03 .content_icon{width: 30%; height: auto;}
#section03 .content_icon{width: 30%; height: auto;}
#section04 .content_icon{width: 30%; height: auto;}
#section05 .content_icon{width: 30%; height: auto;}
/* section text */
#section02 .content01 h2{font-size: 40px;}
#section02 .content01 p{font-size: 16px;}
#section03 .content02 h2{font-size: 40px;}
#section03 .content02 p{font-size: 16px;}
#section04 .content03 h2{font-size: 40px;}
#section04 .content03 p{font-size: 16px;}
#section05 .content04 h2{font-size: 40px;}
#section05 .content04 p{font-size: 16px;}
/* customer */
#section05 .content04 .customer{width: 100%; height: auto;}
#section05 .content04 .customer input{width: 60%;}
#section05 .content04 .customer .cus1 .title{font-size: 26px; width: 40%;}
#section05 .content04 .customer .cus2 .name{font-size: 26px; width: 40%;}
#section05 .content04 .customer .cus3 .tel{font-size: 26px; width: 40%;}
#section05 .content04 .customer .cus4{height: auto; flex-direction: column;}
#section05 .content04 .customer .cus4 .blog{font-size: 26px; width: 100%; border-bottom: 3px solid #000;}
#customer01{height:300px;}
#customer01 .inner{transform: translate(0,0); left:0;top:0; width:95%; margin:0 auto; position: inherit;}
#customer01 .inner .inner_img {width: 95%; margin: 0 auto;}
#customer01 > .inner > .inner_img > a{margin:0 1%;}
/* customer-input */
#section05 .content04 .customer .cus4 .checkbox{margin: 10px;}
#party{height:500px;}
#party .inner{left:15%; top:15%;}
#slider .swiper-button-prev{color:#fff; display:none;}
#slider .swiper-button-next{color:#fff; display:none;}
#customer02{height:300px;}
#customer02 .inner .inner_img {width: 95%; margin: 0 auto;}
#customer02 > .inner > .inner_img > a{margin:0 1%;}
}