@charset "utf-8";
/****************************************/
/*  Name: 스매싱볼
/*  PART: COMMON STYLE
/*  Version: 1.0
/*  Author: 임수경
/****************************************/

@import url('nanumgothic.css');
/*@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');*/



/* CSS 리셋 */
body,html,
header,footer,aside,nav,section,article,details,figure,figcaption,menu,command,
div,dl,dd,ol,ul,li,form,fieldset,legend,iframe,table,caption,thead,tfoot,tbody,tr,th,td, /* 블럭 요소 */
h1,h2,h3,h4,h5,h6,dt,summary,input,textarea,button,select,datalist,
img,embed,object,canvas,audio,video,meter,progress,keygen, /* 인라인 블럭 요소 */
a,label,output,dialog, /* 인라인 요소 */
address,blockquote, /* 텍스트 블럭 요소 */
p,pre,/* 텍스트 인라인 블럭 요소 */
span,b,strong,i,em,dfn,var,u,ins,s,del,q,mark,small,sub,sup,abbr,bdi,bdo,cite,time,ruby,rp,rt,code,kbd,samp, /* 텍스트 인라인 요소 */
acronym,big,frame,frameset,noframes,tt, /* HTML5에서 사용하지 않는 요소 */
map,option,hr,*{border:0;padding:0;margin:0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;vertical-align:top}
body{font-family:'Oswald', 'Nanum Gothic', sans-serif, 'Apple Gothic','DroidSansFallback',굴림,gulim,san-serif;font-size:24px;line-height:36px;color:#fff;}
header,footer,aside,nav,section,article,details,summary,figure,figcaption,menu,command{display:block} /* HTML5 블럭 요소 */
applet,basefont,dir,strike,center {display:none} /* XHTML4, HTML5 이후 사용하지 않는 요소 제거 */
q,blockquote{quotes:none;content:none}
li,menu{list-style:none; text-align:left;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;} /* 테이블 보더 변경 (겹칩지 않음 separate) */
caption{text-align:left}
th,td{text-align:center;vertical-align:middle}
address{font-style:normal}
label{display:inline-block;*zoom:1}
a{text-decoration:none;display:inline-block;*zoom:1} /* 접근성 포커싱을 위해 a요소 속성 변경 */
a:hover, a:active, a:focus{text-decoration:none;}
.png24 {tmp:expression(setPng24(this));}
table th a,table td a {text-decoration:none;}
table th a:hover, table th a:active, table th a:focus, table td a:hover, table td a:active, table td a:focus{text-decoration:none;}
.blind{position:absolute;width:0;height:0;left:0;top:0;font-size:0;line-height:0;overflow:hidden}
.hidden{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden} /* .blind를 적용할 수 없는 곳에 사용 (예, caption) */
em{font-style:normal;}
img{max-width:100%;}
.eng{font-family:'mont', arial sans-serif;}
th,h1,h2,h3,h4,h5{font-weight:normal;}
img {width:100%;}

html {background:#000;}
body {overflow:auto;-webkit-touch-callout:none;}

input[type=text],input[type=number],input[type=tel],input[type=password],input[type=email],input[type=search],select{border:1px solid #bebebf; color:#6a747c; background:#fff; font-size:13px; opacity: 1; -webkit-text-fill-color: #6a747c;} /* 20150806 Edit :jenny */
input[type=text],input[type=number],input[type=tel],input[type=password],input[type=email],input[type=search] {padding:8px 10px;height:14px;line-height:1;}
input[type=text]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder {line-height:normal;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
select{height:32px;}
input[type=text].log,input[type=password].log,input[type=email].log{width:90%; height:40px; padding:0 5%; font-size:13px;}
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled
input[type="email"]:disabled {background:#ecedee; color:#6a747c; opacity: 1; -webkit-text-fill-color: #6a747c;} 
input[type=checkbox]{width:20px;height:20px; -webkit-border-radius:0px;border:1px solid #aeb3bb; color:#232a32; background:#ecedee;}
input[type=checkbox]:checked{width:20px;height:20px; -webkit-border-radius:0px;border:1px solid #aeb3bb; color:#232a32;}
input[type=radio] {width:20px;height:20px;vertical-align:middle; -webkit-border-radius:10px;border:1px solid #aeb3bb; color:#232a32;}
input[type=radio]:checked {width:20px;height:20px;vertical-align:middle; -webkit-border-radius:10px; border:1px solid #aeb3bb; color:#232a32;}
input[type=radio]:disabled {opacity:0.3;}
input[type=checkbox]:disabled {background:#aeb3bb;}

/* layout */
.clear:after {content:"";display:block;clear:both;}
.fl {float:left;}
.fr {float:right;}
.tLeft {text-align:left;}
.tRight {text-align:right;}
.tColor1 {color:#17a1b6;}
.kr {font-family:"Nanum Gothic" !important;}
.swiper-container {position:relative;overflow:hidden;}
.swiper-wrapper {position:relative;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.swiper-slide {-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;}

.topNav {position:fixed;top:0;left:0;right:0;width:100%;padding:30px 0;transition:background 0.5s cubic-bezier(0.77,0.2,0.05,1.0);z-index:100;}
.topNav.scrolled {background:#000;}
.topNav h1 {text-align:center;}
.topNav nav {position:absolute;}
.topNav .topbook {position:absolute;text-align:right;top:50%;right:45px;}

.notice {width:100%;color:#fff;text-align:center;font-weight:600;vertical-align:middle;padding-bottom:10px;background-color:#7f7f7f;}
#menuToggle {display:block;position:absolute;top:55px;left:40px;-webkit-user-select: none;user-select: none;}
#menuToggle input {display:block;width:52px;height:32px;position:absolute;top:0;left:0;cursor:pointer;opacity:0;z-index:12; -webkit-touch-callout: none;}
#menuToggle input:checked {width:40px;height:42px;top:-10px;left:-5px;}
#menuToggle .btnLnb {position:relative;z-index:11;}
#menuToggle .btnLnb span {display:block;width:52px;height:8px;margin-top:4px;background:#fff;border-radius:4px;z-index:12;transform-origin:8px 0;transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}
#menuToggle .btnLnb span:first-child {margin-top:0;transform-origin: 0% 0%;}
#menuToggle .btnLnb span:nth-child(2) {transform-origin:0% 100%;}
#menuToggle input:checked ~ .btnLnb span {opacity:1;transform:rotate(45deg) translate(-2px, -5px);background:#232323;}
#menuToggle input:checked ~ .btnLnb span:nth-child(2) {opacity:0;transform:rotate(0deg) scale(0.2, 0.2);}
#menuToggle input:checked ~ .btnLnb span:last-child {transform:rotate(-45deg) translate(-5px, -3px);}
#menuToggle input:checked ~ #menu {transform:none;}
#menuToggle+.topSns {position:absolute;top:30%;right:40px;margin-top:-22px;}
#menuToggle+.topSns a {position:relative;display:inline-block;width:44px;height:44px;font-size:0;color:transparent;line-height:0;}
#menuToggle+.topSns a:after {content:"";display:block;width:100%;height:100%;background:url(../images/WZszuvg7WIVG.png) 0 0 no-repeat;}
#menuToggle+.topSns a.sns2:after {background-position:-44px 0;}
#menuToggle+.topSns a.sns3:after {background-position:-88px 0;}



/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{-webkit-font-smoothing:antialiased;
  position:fixed;width:300px;top:0;left:0;bottom:0;padding:162px 0 0 0;
  background:#f1f1f1;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  z-index:10;
}
#menu li {padding:5px 0;}
#menu li a {display:block;position:relative;z-index:1;}
#menu li ul {display:none;padding-top:10px;padding-bottom:20px;}
#menu>ul>li:first-child {border-top:1px solid #d9d9d9;}
#menu>ul>li {padding:10px 0 10px 30px;}
#menu>ul>li>ul {padding-left:20px;}
#menu>ul>li>ul>li>ul {padding-left:20px;}
#menu div {position:relative;}
#menu div.depth1:after {content:"";display:block;width:18px;height:10px;background:url(../images/3O18u4v0ZPEO.png) 0 0 no-repeat;position:absolute;top:50%;right:10px;margin-top:-5px;z-index:0;}
#menu div.open:after {transform:rotate(180deg);}
#menu li a {display:block;padding:5px 0;font-size:18px;color:#232323;line-height:18px;}
#menu li .topSns {position:fixed;bottom:0;left:0;width:100%;}
#menu .topSns {display:none;position:fixed;bottom:30px;left:30px;top:auto;right:auto;margin:0;}
#menu .topSns a {position:relative;display:inline-block;width:44px;height:44px;font-size:0;color:transparent;line-height:0;}
#menu .topSns a:after {content:"";display:block;width:100%;height:100%;background:url(../images/oqGfCY4OZRFp.png) 0 0 no-repeat;}
#menu .topSns a.sns2:after {background-position:-44px 0;}
#menu .topSns a.sns3:after {background-position:-88px 0;}

#footer {padding:15px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;margin:50px 0 0 0;font-family:'Nanum Gothic';}
#footer .inner {padding-left:20%;background:url(../images/daj8Rw6Fki24.png) 5% center no-repeat;background-size:172px 49px;}
#footer .inner:after {content:"";display:block;clear:both;}
#footer .inner .shop {float:left;width:52%;}
#footer .inner .shop .small_font {font-size:14px;}
#footer .inner .shop dl {padding:5px 0;}
#footer .inner .shop dl:after {content:"";display:block;clear:both;}
#footer .inner .shop dl dt {float:left;width:110px;font-size:18px;color:#6a6a6a;text-align:right;line-height:18px;}
#footer .inner .shop dl dt:after {content:":";display:inline-block;}
#footer .inner .shop dl dd {float:left;width:calc(100% - 130px);padding-left:20px;font-size:18px;color:#fff;line-height:18px;}
#footer .inner .shop dl dd div {float:right;}
#footer .inner .shop dl dd div a {display:none;}

#footer .inner .book {float:right;width:38%;padding:0 0 0 6%;font-size:30px;line-height:18px;padding-top:6px;}
#footer .inner .book .tit {margin-bottom:20px;}
#footer .inner .book dl {line-height:18px;padding:10px  0;}
#footer .inner .book dl:after {content:"";display:block;clear:both;}
#footer .inner .book dl dt {float:left;color:#6a6a6a;text-align:right;font-weight:600;}
#footer .inner .book dl dt:after {content:":";display:inline-block;}
#footer .inner .book dl dd {float:left;padding-left:20px;color:#fff;font-weight:600;}
#footer .inner .book .mail,
#footer .inner .book .copy {font-size:15px;}
#footer .inner .book .mail {font-size:18px;}




/* 메인 */
#mainCont {position:relative;font-weight:500;text-transform:uppercase;text-align:center;line-height:1;z-index:0}
#mainCont .mainVideo {position:relative;}
#mainCont .mainVideo .cont {position:absolute;bottom:40px;left:0;width:100%;text-align:center;font-size:32px;}
#mainCont .mainVideo .cont .tit {padding-bottom:25px;font-size:45px;font-weight:600;text-shadow: 2px 2px 1px black;}

#mainCont .mainVideo2 {position:relative;}
#mainCont .mainVideo2 .cont {position:absolute;bottom:40px;left:0;width:100%;text-align:center;font-size:32px;}
#mainCont .mainVideo2 .cont .tit {padding-bottom:25px;font-size:45px;font-weight:600;text-shadow: 2px 2px 1px black;}


#mainCont .mainLocation {position:relative;padding:0 0 20px 0;background:#000;}
#mainCont .mainLocation .cont {padding:80px 0 100px 0;margin-bottom:16px;background:#000 url(../images/igWYndUU2BNI.jpg) center 0 no-repeat;background-size:contain;text-align:center;font-size:24px;font-weight:400;}
#mainCont .mainLocation .cont .tit {padding-bottom:5px;font-size:50px;font-weight:500;padding:0 0 25px 0;}
#mainCont .mainLocation .cont .bre {padding:10px 0;}
#mainCont .mainLocation ul {padding:0 2%;}
#mainCont .mainLocation ul li {float:left;}
#mainCont .mainLocation ul:after {content:"";display:block;clear:both;}
#mainCont .mainLocation ul li a {position:relative;display:block;font-size:40px;text-align:center;}
#mainCont .mainLocation ul li a:before {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);z-index:1;}
#mainCont .mainLocation ul li a:hover:before {display:none;}
#mainCont .mainLocation ul li a span {display:block;}
#mainCont .mainLocation ul li a span.locTit {position:absolute;top:50%;left:0;width:100%;padding:10px 0;font-size:40px;z-index:2;}
#mainCont .mainLocation ul li a span.locTit span {font-size:60px;}
#mainCont .mainLocation ul.list1 {padding-bottom:4px;}
#mainCont .mainLocation ul.list1 li {width:calc(50% - 4px);margin:0 2px;}
#mainCont .mainLocation ul.list2 li {width:calc(20% - 4px);margin:0 2px;}
#mainCont .mainLocation ul.list1 li .locTit {margin-top:-60px;}
#mainCont .mainLocation ul.list2 li .locTit {margin-top:-40px;}

#mainCont .mainOffer {position:relative;padding:0;}
#mainCont .mainOffer .cont {padding:70px 0 70px 0;background:#000 url(../images/zoRKDJo0rhub.jpg) center 0 no-repeat;background-size:cover;text-align:center;font-size:24px;font-weight:400;}
#mainCont .mainOffer .cont .tit {padding-bottom:5px;font-size:50px;font-weight:500;padding:0 0 25px 0;}
#mainCont .mainOffer .cont .bre {padding:10px 0;}
#mainCont .mainOffer .cont2 {padding:15px 0 0 0;background:#000 url(../images/BesQr6u7vIsl.jpg) center 0 no-repeat;background-size:cover;}
#mainCont .mainOffer .cont3 {padding:50px 0;font-size:60px;}
#mainCont .mainOffer ul.list {padding:0 2%;}
#mainCont .mainOffer ul.list li {position:relative;float:left;width:calc(25% - 4px);margin:2px;}
#mainCont .mainOffer ul.list li a {position:relative;display:block;}
#mainCont .mainOffer ul.list li .locTit {position:absolute;top:0;left:0;width:100%;padding:24px 0;text-align:center;font-size:28px;background-color:rgba(182, 17, 12, 0.8);}
#mainCont .mainOffer ul.list li .btnBook {position:absolute;bottom:6px;left:50%;width:94px;margin-left:-47px;display:inline-block;padding:8px 0;text-align:center;border:1px solid #fff;background-color:rgba(0, 0, 0, 0.5);font-size:14px;z-index:10;}
#mainCont .mainOffer ul.list li.offer4 .locTit {padding:17px 0 16px 0;}
#mainCont .mainOffer ul.list li.offer4 .locTit em {display:block;font-size:15px;}

#mainCont .mainPromo .cont {background:#000 url(../images/gMDdI20FEuQW.jpg) center 0 no-repeat;background-size:cover;}
#mainCont .mainPromo .cont2 {background:#000;}
#mainCont .mainPromo ul.list {padding-bottom:25px;}

#mainCont .mainFood .cont {background:#000 url(../images/Ls5mdHmWf17q.jpg) center 0 no-repeat;background-size:cover;}
#mainCont .mainFood .cont .tit {padding-bottom:5px;font-size:50px;font-weight:500;padding:0 0 25px 0;}
#mainCont .mainFood .cont .bre {padding:10px 0;}
#mainCont .mainFood .cont2 {padding:15px 2% 0 2%;background:#000 url(../images/lbXyfw3QxVwG.jpg) center 0 no-repeat;background-size:cover;}
#mainCont .mainFood .cont2 .btnMenu {padding:30px 0 25px 0;}
#mainCont .mainFood .cont3 {padding:50px 0;font-size:60px;}
#mainCont .mainBtmBanner {padding:40px 2%;background:#000;}
#mainCont .mainBtmBanner a {position:relative;float:left;width:calc(50% - 4px);}
#mainCont .mainBtmBanner a.mBan2 {float:right;}
#mainCont .mainBtmBanner a span {display:block;}
#mainCont .mainBtmBanner a .banCont {position:absolute;top:0;left:0;right:0;bottom:0;padding:0 4%;}
#mainCont .mainBtmBanner a .banMid {font-size:30px;padding-bottom:24px;text-align:left;letter-spacing:-0.5px;text-shadow: 2px 2px 1px black;}
#mainCont .mainBtmBanner a.mBan1 .banTop {padding:20px 0 30px 0;font-size:56px;font-weight:bold;letter-spacing:3px;text-shadow: 2px 2px 1px black;}
#mainCont .mainBtmBanner a.mBan1 .banBtm {font-size:20px;text-align:left;line-height:30px;letter-spacing:-1.3px;text-shadow: 2px 2px 1px black;}
#mainCont .mainBtmBanner a.mBan2 .banTop {padding:23px 2% 30px 2%;font-size:56px;text-align:left;line-height:70px;letter-spacing:3px;text-shadow: 2px 2px 1px black;}
#mainCont .mainBtmBanner a.mBan2 .banMid {padding:0 2%;text-shadow: 2px 2px 1px black;text-shadow: 2px 2px 1px black;}
#mainCont .mainBtmBanner a .btnBook {position:absolute;bottom:8%;right:4%;width:126px;display:inline-block;line-height:12px;padding:7px 0 9px 0;text-align:center;border:1px solid #fff;background-color:rgba(0, 0, 0, 0.5);font-size:14px;z-index:10;}

#mainCont .mainBtm {padding:0 3%;}
#mainCont .mainBtm .tit {padding:20px 0 40px 0;font-size:32px;font-weight:500;text-align:center;}
#mainCont .mainBtm .mBoard {float:left;width:48%;}
#mainCont .mainBtm .mBoard ul li {position:relative;border-bottom:1px solid #fff;}
#mainCont .mainBtm .mBoard ul li a {display:block;width:calc(100% - 150px);padding:17px 0 14px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:18px;font-weight:200;font-family:"Nanum Gothic";}
#mainCont .mainBtm .mBoard ul li span {position:absolute;bottom:10px;right:0;font-size:18px;font-weight:200;font-family:gulim;}
#mainCont .mainBtm .mStory {float:right;width:48%;}
#mainCont .mainBtm .mStory .img {float:left;width:50%;}
#mainCont .mainBtm .mStory .cont {float:right;width:48%;font-size:18px;text-align:left;line-height:26px;}
#mainCont .mainBtm .mStory .cont .noti {color:#17a1b6;}


#container {font-family:"Oswald";font-weight:500;text-transform:uppercase;}

/* content */
#container .title {position:relative;text-transform:uppercase;}
#container .title h3 {position:absolute;bottom:40px;left:0;width:100%;margin-top:-120px;font-size:84px;line-height:120px;vertical-align:top;color:#fff;font-weight:500;text-align:center;text-shadow: 2px 2px 1px black;}

#container.branch .title h3 {width:74%;left:26%;bottom:50%;margin-bottom:-120px;}
#container.branch .title h3 .btnBook {display:block;width:94px;margin:0 auto;padding:8px 0;text-align:center;border:1px solid #fff;background-color:rgba(0, 0, 0, 0.5);font-size:14px;z-index:10;line-height:14px;}
#container.branch .title dl {position:absolute;top:140px;left:9%;text-shadow: 2px 2px 1px black;}
#container.branch .title dt {font-size:56px;padding-bottom:30px;text-shadow: 2px 2px 1px black;}
#container.branch .title dd a {display:block;font-size:36px;margin-top:18px;text-shadow: 2px 2px 1px black;}


#content {}
#content .contArea {}
#content .storyArea {padding:64px 2%;}
#content .storyArea h4 {font-size:50px;line-height:108px;}
#content .storyArea h4 span {padding-right:40px;}
#content .storyArea h4 img {width:514px;height:108px;}
#content .storyArea .storyCont {}
#content .storyArea .storyCont .cont {float:left;width:55%;font-size:20px;line-height:30px;}
#content .storyArea .storyCont .cont div {padding-top:40px;}
#content .storyArea .storyCont .cont .kr {font-size:16px;line-height:20px;}
#content .storyArea .storyCont .cont .noti {font-size:30px;color:#17a1b6;}
#content .storyArea .storyCont .img {float:left;width:45%;}
#content .pressArea {padding:0 2%;}
#content .onlyArea {padding-top:2%;text-transform:uppercase;}
#content .onlyArea>ul>li {padding:2%;}
#content .onlyArea>ul>li:after {content:"";display:block;clear:both;}
#content .onlyArea>ul>li:nth-child(odd) .img {float:right;}
#content .onlyArea>ul>li:nth-child(odd) .cont {float:left;text-align:left;}
#content .onlyArea>ul>li:nth-child(even) .img {float:left;}
#content .onlyArea>ul>li:nth-child(even) .cont {float:right;text-align:right;}
#content .onlyArea>ul>li>div {width:50%;}
#content .onlyArea>ul>li>div img {width:100%;}
#content .onlyArea>ul>li {font-family:"Nanum Gothic";font-weight:600;font-size:24px;}
#content .onlyArea>ul li .cont {}
#content .onlyArea>ul li .cont div {font-family:"Oswald";font-weight:500;}
#content .onlyArea>ul li .cont .contTit {font-size:40px;color:#17a1b6;padding-bottom:5px;}
#content .onlyArea>ul li .cont .contTit3 {font-size:40px;color:#ec12bb;padding-bottom:5px;}
#content .onlyArea>ul li .cont .contTxt {font-size:28px;padding:10px 0;}
#content .onlyArea>ul li .cont .contTxt2 {font-family:"Nanum Gothic";font-size:28px;padding:10px 0;}
#content .onlyArea>ul li .cont .contTxt div {padding-top:10px;}
#content .onlyArea>ul li.bg1 {background:url(../images/edRuM4eG5ESg.jpg) 0 0 no-repeat;background-size:cover;}
#content .onlyArea>ul li.bg2 {background:url(../images/IFIujkouCjOI.jpg) 0 0 no-repeat;background-size:cover;}
#content .onlyArea>ul li.bg3 {background:url(../images/U2sER1Ppkrz2.jpg) 0 0 no-repeat;background-size:cover;}
#content .onlyArea>ul li.bg4 {background:url(../images/DdMEbpDPwnCP.jpg) 0 0 no-repeat;background-size:cover;}
#content .offerArea>ul li .cont .contTit2 {padding:5px 0;font-size:34px;color:#fff;text-transform:capitalize;}
#content .offerArea>ul li .cont .contTxt {position:relative;width:98%;font-size:16px;color:#fff;font-family:"Nanum Gothic";font-weight:600;line-height:20px;}
 
#content .offerArea>ul li:nth-child(even) .cont .contTxt {margin-left:2%;}
#content .offerArea>ul li .cont .contTxt .btm {font-family:"Nanum Gothic";}
#content .offerArea>ul li .cont .contTxt .btm div {padding:0;}
#content .offerArea>ul li .cont .contTxt .btm a {font-family:"Oswald";position:absolute;right:2%;bottom:0;display:inline-block;width:128px;padding:8px 0;margin:0;text-align:center;border:1px solid #fff;background-color:rgba(0, 0, 0, 0.5);font-size:14px;z-index:10;line-height:14px;}
#content .offerArea>ul li:nth-child(even) .cont .contTxt .btm a {right:auto;left:2%;}
#content .offerArea>ul li.bg2 .cont .contTxt .btm {padding-top:40px;}
#content .promoArea>ul li .cont .contTxt div {padding:0;}
#content .promoArea>ul li .cont .contTxt {width:100%;}
#content .promoArea>ul li .cont .contTxt .contTxt_L {float:left;width:45%;}
#content .promoArea>ul li .cont .contTxt .contTxt_R {float:right;width:45%;}

#content .promoArea>ul li .cont .contTit2.kr {font-size:26px;}
#content .promoArea>ul li .cont .contTxt .btm {padding:20px 0 0 0;}
#content .promoArea>ul li .cont .contTxt .btm .benefit {font-family:"Nanum Gothic";padding:20px 0 0 0;}
#content .promoArea>ul li .cont .contTxt .btm .benefit .clear ul {font-family:"Nanum Gothic";float:right;margin-left:20px;}
#content .promoArea>ul li .cont .contTxt .btm .benefit .clear ul li {font-family:"Nanum Gothic";position:relative;text-align:right;}
#content .promoArea>ul li .cont .contTxt .btm .benefit ul li:before {content:"";display:inline-block;width:4px;height:1px;background:#fff;vertical-align:super;margin-right:5px;}
#content .promoArea>ul li.bg2 + li .cont .contTxt .btm .benefit ul {float:right;}
#content .promoArea>ul li.bg2 + li .cont .contTxt .btm .benefit ul li {text-align:right;}
#content .funArea {padding:100px 3%;margin:30px 0 -50px 0;background:url(../images/Aj8Cdn1f5z0U.jpg) 0 0 no-repeat;background-size:cover;}
#content .funArea ul li {float:left;width:33.33%;text-align:center;}
#content .funArea ul li span {display:block;width:99%;margin:0 auto;}
#content .funArea ul li div {padding:30px 0 60px 0;font-size:40px;color:#17a1b6;}
#content .foodArea {padding:0 2%;}
#content .foodArea li {padding:50px 0 72px 0;}
#content .foodArea li .foodTit {padding-bottom:36px;font-size:38px;font-weight:500;text-align:center;text-transform:uppercase;}
#content .foodArea li .foodTit:before,
#content .foodArea li .foodTit:after {content:"";display:inline-block;width:42px;height:42px;margin:0 26px;background:url(../images/1ltpPhqJalk9.png) 0 0 no-repeat;vertical-align:top;}
#content .branchArea {padding:0;}
#content .branchArea>ul>li {padding:0;}
#content .branchArea>ul>li .foodTit {padding-top:50px;}
#content .branchArea>ul>li.menu {background:url(../images/YUx6LFXxdXlq.jpg) center 0 no-repeat;}
#content .branchArea .swiper-container .swiper-button-prev {position:absolute;top:50%;left:1%;width:40px;height:70px;margin-top:-35px;z-index:10;background:url(../images/KcJFe9Rze3cD.png) 0 0 no-repeat;}
#content .branchArea .swiper-container .swiper-button-next {position:absolute;top:50%;right:1%;width:40px;height:70px;margin-top:-35px;z-index:10;background:url(../images/ddExFXuJn386.png) 0 0 no-repeat;}
#content .branchArea .swiper-container .swiper-button-prev:hover,
#content .branchArea .swiper-container .swiper-button-next:hover {cursor:pointer;}
#content .branchArea .swiper-container .swiper-button-disabled {opacity:0.6;}
#content .branchArea .btnMenu {padding:50px 0 40px 0;text-align:center;}
#content .branchArea .foodCont {position:relative;}
#content .branchArea .ameni {position:absolute;left:35%;top:50%;margin-top:-125px; text-shadow: 2px 2px 1px black;}
#content .branchArea .ameni ul {display:inline-block;padding-left:40px;}
#content .branchArea .ameni .chungdam {margin-top:-90px;letter-spacing:-0.5px;}
#content .branchArea .ameni li {font-size:30px;padding:10px 0;line-height:30px;}
#content .branchArea li.party {padding:0 2%;}
#content .branchArea li.party .foodTit:before,
#content .branchArea li.party .foodTit:after {display:none;}
#content .branchArea li.party .foodCont .tit {font-size:20px;font-weight:normal;text-align:center;}
#content .branchArea li.party .foodCont ul li {float:left;width:50%;}
#content .branchArea li.party .foodCont ul li:last-child {text-align:center;}
#content .branchArea li.party .foodCont ul li a {position:relative;display:inline-block;width:98%;text-align:center;}
#content .branchArea li.party .foodCont ul li a .partCont {position:absolute;width:100%;left:0;top:50%;margin-top:-70px;font-size:40px;line-height:48px;}
#content .branchArea li.party .foodCont ul li:first-child a .partCont {margin-top:-46px;}
#content .branchArea li.party .foodCont ul li a .partCont span {display:block;}
#content .branchArea li.party .foodCont ul li a .partCont span.view {display:block;width:128px;padding:8px 0;margin:30px 0 0 0;margin:12px auto 0 auto;text-align:center;border:1px solid #fff;background-color:rgba(0, 0, 0, 0.5);font-size:14px;z-index:10;line-height:14px;}

#content .branchArea li.location  {padding:0 2%;}
#content .branchArea li.location .mapArea {float:left;width:49%;}
#content .branchArea li.location .mapArea .root_daum_roughmap_landing {width:100% !important;}
#content .branchArea li.location .mapArea .wrap_controllers {display:none;}
#content .branchArea li.location .mapCont {font-family:"Nanum Gothic";float:left;padding:10px 0 0 40px;font-size:32px;font-weight:600;}
#content .branchArea li.location .mapCont .addrEn {font-family:"Oswald";padding:20px 0 0 0;}
#content .branchArea li.location .mapCont .addrEn div {font-family:"Oswald";padding:10px 0;}
#content .branchArea li.location .mapCont a {display:block;width:128px;padding:8px 0;margin:30px 0 0 0;text-align:center;border:1px solid #fff;background-color:rgba(0, 0, 0, 0.5);font-size:14px;z-index:10;line-height:14px;font-family:"Nanum Gothic";font-weight:600;}

#content .bookArea {padding:0 2%;font-family:"Nanum Gothic";font-weight:bold;font-size:20px;}



#content .bookArea .bookCont {position:relative;height:auto;margin:20px 0 0 0;border:1px solid #fff;}
#content .bookArea .bookCont:before {content:"";display:block;position:absolute;top:0;bottom:0;left:50%;width:1px;height:100%;background:#fff;}
#content .bookArea .bookCont .bookWrap {float:left;width:46%;padding:2%;}
#content .bookArea .bookCont .bookWrap .bookTit {padding:0;font-size:26px;}
#content .bookArea .bookCont .bookWrap dl {padding:5px;}
#content .bookArea .bookCont .bookWrap dl dt {padding:20px 0 0 0;color:#7c7c7c;font-size:22px;}
#content .bookArea .bookCont .bookWrap dl dd {}
#content .bookArea .bookCont .bookWrap dl dd ul li {position:relative;padding:0 0 0 14px;line-height:26px;}
#content .bookArea .bookCont .bookWrap dl dd ul li:after {content:"";display:block;width:4px;height:4px;border-radius:100%;background:#fff;position:absolute;top:10px;left:0;}

#content .bookArea .bookTit {padding:70px 0 0 0;font-size:32px;color:#17a1b6;}
#content .bookArea .book_tel {display:inline-block;font-size:36px;}
#content .bookArea .book_tel div {font-size:24px;color:#7c7c7c7;}
#content .bookArea .book_stit {font-size:24px;color:#7c7c7c;}
#content .bookArea .book_info {font-size:24px;color:#17a1b6;line-height:24px;padding-bottom:15px;}

#content .bookArea .bookMail {padding:16px;}
#content .bookArea .bookMail:before {display:none;}
#content .bookArea .bookMail>div {float:left;width:60%;}
#content .bookArea .bookMail:after {content:"";display:block;clear:both;}
#content .bookArea .bookMail dl:after {content:"";display:block;clear:both;}
#content .bookArea .bookMail dl dt {float:left;width:30%;color:#17a1b6;font-size:20px;line-height:44px;padding:8px 0;}
#content .bookArea .bookMail dl dt div {font-size:18px;line-height:22px;}
#content .bookArea .bookMail dl dd {position:relative;float:left;width:70%;font-size:18px;padding:8px 0;}
#content .bookArea .bookMail dl dd select {height:48px;border:1px solid #fff;width:100%;background:#000;color:#fff;-webkit-text-fill-color:#fff;line-height:48px;}
#content .bookArea .bookMail dl dd input[type=text] {height:46px;border:1px solid #fff;width:calc(98% - 2px);background:#000;color:#fff;-webkit-text-fill-color:#fff;line-height:44px;padding:0 1%;}
#content .bookArea .bookMail dl dd span {position:absolute;top:50%;right:3%;margin-top:-9px;height:18px;line-height:18px;}
#content .bookArea .bookMail dl dd input[type=radio] {margin:0 5px 0 15px;}
#content .bookArea .bookMail dl dd input[type=radio]:first-child {margin-left:0;}
#content .bookArea .bookMail dl:first-child dt,
#content .bookArea .bookMail dl:first-child dd {padding-top:0;}
#content .bookArea .bookMail>.noti {position:relative;width:calc(40% - 48px);padding:0 16px 16px 16px;margin:0 0 0 16px;}
#content .bookArea .bookMail:before {content:"";display:block;width:calc(40% - 34px);height:calc(100% - 38px);position:absolute;top:16px;bottom:16px;left:auto;right:16px;border:1px solid #fff;background:#000;}
#content .bookArea .bookMail>.noti .bookTit {font-size:28px;padding:20px 0 30px 0;}
#content .bookArea .bookMail>.noti .notiCont .box2 {padding:20px 0 0 0;color:#7c7c7c;font-family:"Oswald";}
#content .bookArea .btnArea {text-align:center;padding:50px 0 0 0;}
#content .bookArea .btnArea a {display:inline-block;width:290px;padding:12px 0;border:2px solid #fff;border-radius:2px;line-height:26px;font-size:26px;}
#content .boardArea {width:1200px;margin:0 auto;padding:20px 0 0 0;}
#content .boardArea .sortArea {padding:0 0 20px 0;}
#content .boardArea .sortArea a {float:left;width:100px;display:block;text-align:center;border:1px solid #fff;padding:0 0 5px 0;vertical-align:top;margin-right:10px;}
#content .boardArea .sortArea a.on {background:#fff;color:#000;}
#content .boardArea .sortArea a:last-child {margin:0;}
#content .boardArea .boardCont {border-top:2px solid #fff;border-bottom:0px solid #fff;}
#content .boardArea .boardCont table thead th {border-bottom:1px solid #fff;}
#content .boardArea .boardCont table tbody th+td {padding:0 10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#content .boardArea .boardCont.boardView table tbody td.content {text-align:left;padding:20px;}


@media all and (max-width:1500px) {
	#mainCont .mainLocation .cont {background-size:cover;}
	#footer .inner {padding:0;background:none;}
	/*
	#footer .inner .shop dl dd div {float:none;padding-top:5px;}
	#footer .inner .book .tit {font-size:26px;margin-bottom:20px;}
	#footer .inner .book dl dt {font-size:26px;}
	#footer .inner .book dl dd {padding-left:20px;font-size:26px;}*/
	#mainCont .mainBtmBanner a .banTop {font-size:52px !important;padding-bottom:40px !important;}
	#mainCont .mainBtmBanner a .banMid {font-size:26px;padding-bottom:44px;text-align:left;letter-spacing:-0.5px;}
	#mainCont .mainBtmBanner a.mBan2 .banTop {line-height:54px;}
	#mainCont .mainBtmBanner a.mBan1 .banBtm {font-size:15px;line-height:20px;}
}

@media all and (max-width:1200px) {
	#mainCont .mainLocation ul.list1 {padding-bottom:0;}
	#mainCont .mainLocation ul li a span.locTit {font-size:20px;}
	#mainCont .mainLocation ul li a span.locTit span {font-size:30px;}
	#mainCont .mainLocation ul.list1 li .locTit {margin-top:-35px;}
	#mainCont .mainLocation ul.list2 li .locTit {margin-top:-25px;}
	#mainCont .mainBtmBanner a .banTop {font-size:40px !important;padding:30px 0 !important;}
	#mainCont .mainBtmBanner a .banMid {font-size:26px;padding-bottom:26px;}
	#mainCont .mainBtmBanner a.mBan2 .banTop {line-height:40px;}

	/*#footer .inner {padding:100px 0 0 0;background:url(../images/daj8Rw6Fki24.png) center 10px no-repeat;background-size:172px 49px;}*/
	#footer .inner .shop {width:56%;}
	#footer .inner .shop dl dt {width:90px;font-size:16px;}
	#footer .inner .shop dl dd {width:calc(100% - 100px);padding-left:10px;font-size:16px;line-height:16px;}
	#footer .inner .book {padding-left:2%;}
	#footer .inner .book .tit {font-size:26px;margin-bottom:20px;}
	#footer .inner .book dl dt {font-size:26px;}
	#footer .inner .book dl dt {font-size:26px;}
	#footer .inner .book dl dd {padding-left:20px;font-size:26px;}

	#content .offerArea>ul li .cont .contTxt .btm a {position:relative;bottom:auto;left:auto;right:auto;display:block;margin-top:12px;}
	#container.branch .title dl {top:100px;left:12%;}
	#container.branch .title dt {font-size:40px;padding-bottom:20px;}
	#container.branch .title dd a {font-size:26px;margin-top:12px;}
	#content .branchArea .ameni {left:0;width:100%;text-align:center;margin-top:-100px;}
	#content .branchArea .ameni li {font-size:20px;line-height:20px;}
	#content .boardArea {width:100%;font-size:16px;}
}

@media all and (max-width: 800px) {
	.topNav {background:#000;}
	.topNav h1 a img {width:50%;}
	.topNav .topbook {position:absolute;text-align:right;top:38%;right:15px;}
	.topNav .topbook img {width:50%}
	.notice {padding:10px 0;width:100%;color:#fff;text-align:center;font-size:18px;font-weight:600;line-height:22px;}
	#menuToggle {top:40px;}
	#menuToggle+.topSns {display:none;}
	#menuToggle .btnLnb span {display:block;width:25px;height:4px;margin-top:4px;background:#fff;border-radius:4px;z-index:12;transform-origin:4px 0;transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),opacity 0.55s ease;}
	#menuToggle input:checked ~ .btnLnb span {opacity:1;transform:rotate(45deg) translate(0px, 2px);background:#232323;}
	#menuToggle input:checked ~ .btnLnb span:nth-child(2) {opacity:0;transform:rotate(0deg) scale(0.2, 0.2);}
	#menuToggle input:checked ~ .btnLnb span:last-child {transform:rotate(-45deg) translate(-3px, -3px);}
	#menu .topSns {display:block;}
	#wrap {padding-top:111px;}
	#mainCont .mainVideo .cont {font-size:16px;top:70%;}
	#mainCont .mainVideo .cont .tit {font-size:20px;padding-bottom:10px;}
	#mainCont .mainLocation .cont {font-size:12px;padding:30px 0 24px 0;}
	#mainCont .mainLocation .cont .tit {font-size:25px;}
	#mainCont .mainLocation ul li a:before {background-color:rgba(0, 0, 0, 0.3);}
	#mainCont .mainLocation ul.list2 li {width:calc(50% - 4px);margin-top:4px;}
    #mainCont .mainLocation ul.list1 li {width:calc(100% - 4px);margin:0 2px;}
	#mainCont .mainOffer .cont .tit {font-size:25px;}
	#mainCont .mainOffer .cont {padding:30px 0 40px 0;font-size:12px;background-size:100%;}
	#mainCont .mainOffer .cont3 {font-size:30px;}	
	#mainCont .mainPromo ul.list li {width:calc(50% - 4px);}
	#mainCont .mainOffer ul.list li {width:calc(50% - 4px);}
	#mainCont .mainOffer ul.list li.offer4 .locTit em {display:block;font-size:12px;}
	#mainCont .mainOffer ul.list li .locTit {position:absolute;top:0;left:0;width:100%;padding:22px 0;text-align:center;font-size:16px;background-color:rgba(182, 17, 12, 0.8);}
	#mainCont .mainFood .cont2 .btnMenu img {width:50%;}
	#mainCont .mainBtmBanner a {float:none;width:100%;}
	#mainCont .mainBtmBanner a.mBan2 {margin-top:20px;}
	.btnMenu img {width:70%;}
	#mainCont .mainBtm .mBoard,
	#mainCont .mainBtm .mStory {float:none;width:100%;}
	#mainCont .mainBtm .mStory .img {float:none;width:100%;}
	#mainCont .mainBtm .mStory .cont {float:left;font-size:14px;text-align:left;line-height:18px;width:100%;}
	#mainCont .mainBtm .mStory .cont span{letter-spacing:-0.7px;}
	#container .title h3 {font-size:42px;line-height:52px;}
	
	#content .storyArea .storyCont .img {float:none;width:100%;}
	#content .storyArea .storyCont .cont {float:none;width:100%;}
	#content .onlyArea>ul li>div {float:none;width:100%;}
	#content .onlyArea>ul li>div.cont {padding:20px 0 40px 0;font-size:20px;line-height:28px;}
	#content .onlyArea>ul li .cont .contTxt {font-size:20px;}
	#content .offerArea>ul li .cont .contTxt {font-size:16px;}
	#content .offerArea>ul li .cont .contTit2 {padding:5px 0;font-size:20px;color:#fff;text-transform:capitalize;}
	#content .promoArea>ul li .cont .contTit2.kr {font-size:20px;}
	#container.branch .title h3 {left:0;width:100%;bottom:40px;margin:0;}
	#container.branch .title dl {top:30px;left:5%;}
	#container.branch .title dt {font-size:30px;padding-bottom:10px;}
	#container.branch .title dd a {font-size:16px;margin-top:6px;line-height:26px;}
	#content .branchArea #branch2 .foodCont img {display:none;}
	#content .branchArea #branch2 .foodCont {height:240px;background-size:cover;}
	#content .branchArea.gangnam #branch2 .foodCont {background:url(../images/czwuRRciNiv9.jpg) center center no-repeat;background-size:cover;}
	#content .branchArea.chungdam #branch2 .foodCont {background:url(../images/Y3Ykf4eQrj9h.jpg) center center no-repeat;background-size:cover;}
	#content .branchArea.itaewon #branch2 .foodCont {background:url(../images/4zeLAYQnkhLy.jpg) center center no-repeat;background-size:cover;}
	#content .branchArea.hongdae #branch2 .foodCont {background:url(../images/bf2bJ3JCoxdo.jpg) center center no-repeat;background-size:cover;}
	#content .branchArea.jongno #branch2 .foodCont {background:url(../images/fth1zOwP3BbF.jpg) center center no-repeat;background-size:cover;}
	#content .branchArea.sadang #branch2 .foodCont {background:url(../images/PG3B4mHufK3o.jpg) center center no-repeat;background-size:cover;}
	#content .branchArea.busan #branch2 .foodCont {background:url(../images/sZSM8wv0rsoP.jpg) center center  no-repeat;background-size:cover;}
	#content .branchArea .ameni ul {padding:0;}
	#content .branchArea .ameni .chungdam {margin-top:-40px;}
	#content .branchArea .ameni .chungdam li {letter-spacing:-1px;}
	#content .branchArea .ameni ul:last-child {padding-left:20px;}
	#content .branchArea li.location .mapArea {float:none;width:100%;}
	#content .branchArea li.location .mapCont {float:none;width:100%;padding:20px 0 0 0;font-size:20px;line-height:24px;}
	#content .branchArea .swiper-container .swiper-button-prev {width:20px;height:35px;margin-top:-17px;background-size:20px 35px;}
	#content .branchArea .swiper-container .swiper-button-next {width:20px;height:35px;margin-top:-17px;background-size:20px 35px;}

	#content .funArea {padding:30px 3%;}
	#content .funArea ul li {float:none;width:100%;}
	#content .funArea ul li div {padding:15px 0 30px 0;font-size:20px;}

	#footer .inner .shop {float:none;width:100%;padding-bottom:15px;border-bottom:1px solid#fff;}
	#footer .inner .shop .small_font {font-size:11px; letter-spacing:-0.3px;}
	#footer .inner .shop dl {padding:5px 0 5px 10px;}
	#footer .inner .shop dl:after {content:"";display:block;clear:both;}
	#footer .inner .shop dl dt {float:left;width:auto;font-size:14px;color:#6a6a6a;text-align:right;line-height:18px;padding-bottom:10px;}
	#footer .inner .shop dl dt:after {content:":";display:inline-block;}
	#footer .inner .shop dl dd {float:left;width:calc(100% - 90px);text-align:left;padding-left:10px;font-size:14px;color:#fff;line-height:18px;letter-spacing:-1px;}
	#footer .inner .shop dl dd div {float:none;line-height:25px;padding-top:5px;}
	#footer .inner .shop dl dd div a {display:inline-block;width:25px;height:25px;margin-left:5px;font-size:1px;line-height:1px;color:transparent;background:url(../images/xfBABtnec6BX.png) 0 0 no-repeat;background-size:25px;}

	
	#footer .inner .book {float:right;width:98%;padding:15px 0 0 6%;font-size:30px;line-height:18px;}
	#footer .inner .book .tit {margin-bottom:8px; font-size:14px;line-height:14px;}
	#footer .inner .book dl {line-height:18px;padding:10px  0;}
	#footer .inner .book dl:after {content:"";display:block;clear:both;}
	#footer .inner .book dl dt {float:left;color:#6a6a6a;text-align:right;font-size:18px;line-height:14px;}
	#footer .inner .book dl dt:after {content:":";display:inline-block;}
	#footer .inner .book dl dd {float:left;padding-left:20px;color:#fff;font-size:18px;line-height:14px;}

	#footer .inner .book .mail,
	#footer .inner .book .copy {font-size:12px;word-break:break-all;}




#mainCont .mainLocation ul li a span.locTit {position:absolute;top:50%;left:0;width:100%;padding:10px 0;font-size:14px;z-index:2;}
#mainCont .mainLocation ul li a span.locTit span {font-size:16px;}
#content .storyArea h4 {font-size:30px;line-height:30px;}
#content .storyArea h4 img{width:150px;height:40px;}

/*
#content .onlyArea>ul>li:nth-child(odd) .img {float:left;}
#content .offerArea>ul li:nth-child(even) .cont .contTxt {margin-left:0%;}

#content .promoArea>ul li .cont .contTxt .btm .benefit .clear ul li {text-align:left;}
#content .promoArea>ul li.bg2 + li .cont .contTxt .btm .benefit ul {float:left;}
#content .promoArea>ul li.bg2 + li .cont .contTxt .btm .benefit ul li {text-align:left;}

#content .onlyArea>ul>li:nth-child(odd) .cont {float:left;text-align:left;}
#content .onlyArea>ul>li:nth-child(even) .img {float:left;}
#content .onlyArea>ul>li:nth-child(even) .cont {float:left;text-align:left;}

*/
#content .offerArea>ul li .cont .contTxt .btm {font-size:14px;}
#content .promoArea>ul li .cont .contTxt .btm .benefit .clear ul li {font-size:14px;}
#content .promoArea>ul li .cont .contTxt .btm .benefit {font-size:14px;letter-spacing:-1.0px;}
#content .onlyArea>ul li .cont .contTit {font-size:24px;color:#17a1b6;padding-bottom:5px;}
#content .onlyArea>ul li .cont .contTit3 {font-size:24px;color:#ec12bb;padding-bottom:5px;}
#content .onlyArea>ul li .cont .contTxt {font-size:16px;padding:10px 0;font-size:14px;line-height:20px;}
#content .onlyArea>ul li .cont .contTxt2 {font-family:"Nanum Gothic";font-size:14px;padding:2px 0;line-height:20px;}
#content .onlyArea>ul li .cont .contTxt div {padding-top:10px;font-size:16px;}





#container .title h3 {position:absolute;bottom:40px;left:0;width:100%;margin-top:-120px;font-size:34px;vertical-align:top;color:#fff;font-weight:500;text-align:center;text-shadow: 2px 2px 1px black;}


#container.branch .title dl {position:absolute;top:1px;left:9%;text-shadow: 2px 2px 1px black;}
#container.branch .title dt {font-size:20px;text-shadow: 2px 2px 1px black;margin-bottom:-15px;}

#container.branch .title dd a {display:block;font-size:14px;text-shadow: 2px 2px 1px black;margin-bottom:-15px;}

#content .foodArea li .foodTit {padding-bottom:16px;font-size:26px;font-weight:500;text-align:center;text-transform:uppercase;}
#content .foodArea li .foodTit:before,
#content .foodArea li .foodTit:after {content:"";display:inline-block;width:25px;height:25px;margin:6px 16px;background:url(../images/daZHGmjrZYC3.png) 0 0 no-repeat;vertical-align:top;}

#content .branchArea .ameni {position:absolute;left:2%;top:60%;margin-top:-125px; text-shadow: 2px 2px 1px black;}
#content .branchArea .ameni ul {display:inline-block;padding-left:5px;}
#content .branchArea .ameni li {font-size:14px;padding:2px 0;line-height:14px;}

#content .branchArea li.party {margin-bottom:-80px;}
#content .branchArea li.party .foodCont ul li a .partCont {position:absolute;width:100%;left:0;top:50%;margin-top:-40px;font-size:16px;line-height:18px;}
#content .branchArea li.party .foodCont ul li:first-child a .partCont {margin-top:-26px;}
#content .branchArea li.party .foodCont ul li a .partCont span {display:block;}
#content .branchArea li.party .foodCont ul li a .partCont span.view {display:block;width:68px;padding:3px 0;margin:30px 0 0 0;margin:12px auto 0 auto;text-align:center;border:1px solid #fff;background-color:rgba(0, 0, 0, 0.5);font-size:14px;z-index:10;line-height:14px;}



#mainCont .mainBtmBanner a .banMid {font-size:18px;padding-bottom:26px;}


#mainCont .mainBtmBanner a.mBan1 .banTop {font-size:22px !important;padding:10px 0 !important;}
#mainCont .mainBtmBanner a.mBan1 .banBtm {font-size:12px;text-align:left;line-height:15px;letter-spacing:-1.3px;}
#mainCont .mainBtmBanner a.mBan1 .banMid {font-size:16px;padding-bottom:10px;}


#mainCont .mainBtmBanner a.mBan2 .banTop {font-size:22px !important;padding:10px 0 !important;line-height:22px;}
#mainCont .mainBtmBanner a.mBan2 .banMid {font-size:16px;padding-bottom:10px;}

#mainCont .mainBtmBanner a.mBan1 .btnBook {position:absolute;bottom:80%;right:4%;width:60px;display:inline-block;line-height:12px;padding:7px 0 9px 0;text-align:center;border:1px solid #fff;background-color:rgba(0, 0, 0, 0.5);font-size:12px;z-index:10;}
#mainCont .mainBtmBanner a.mBan2 .btnBook {position:absolute;bottom:8%;right:4%;width:60px;display:inline-block;line-height:12px;padding:7px 0 9px 0;text-align:center;border:1px solid #fff;background-color:rgba(0, 0, 0, 0.5);font-size:12px;z-index:10;}


#content .branchArea li.party .foodCont .tit {font-size:16px;font-weight:normal;text-align:center;}


#content .bookArea .bookTit {padding:35px 0 0 0;}
#content .bookArea .bookCont .bookWrap {float:none;width:96%;}
#content .bookArea .bookCont .bookWrap:first-child {border-bottom:1px solid #fff;}
#content .bookArea .bookCont:before {display:none;}
#content .bookArea .bookMail>div {float:none;width:100%;}
#content .bookArea .bookMail>.noti {width:calc(100% - 34px);border:1px solid #fff;margin:20px 0 0 0;}
#content .bookArea .bookTel .tel {font-size:20px;}
#content .bookArea .bookTel .tel span {font-size:28px;padding:0 20px;}
#content .bookArea .bookMail dl dt,
#content .bookArea .bookMail dl dt div {font-size:14px;}

#content .bookArea .bookCont .bookWrap .bookTit {padding:0;font-size:18px;}
#content .bookArea .bookCont .bookWrap dl {padding:1px 0 0 5px;}
#content .bookArea .bookCont .bookWrap dl dt {padding:5px 0 0 0;color:#7c7c7c;font-size:16px;}
#content .bookArea .bookCont .bookWrap dl dd {}
#content .bookArea .bookCont .bookWrap dl dd ul li {position:relative;padding:0 0 0 12px;font-size:15px;line-height:18px;}
#content .bookArea .bookCont .bookWrap dl dd ul li:after {content:"";display:block;width:4px;height:4px;border-radius:100%;background:#fff;position:absolute;top:10px;left:0;}

#content .bookArea .bookTit {padding:20px 0 0 0;font-size:22px;color:#17a1b6;}
#content .bookArea .book_tel {display:block;font-size:36px;}
#content .bookArea .book_tel div {font-size:24px;color:#7c7c7c7;}
#content .bookArea .book_stit {font-size:20px;color:#7c7c7c;}
#content .bookArea .book_info {font-size:18px;color:#17a1b6;line-height:24px;padding-bottom:15px;}
#content .boardArea .sortArea {text-align:center;}
#content .boardArea .sortArea div {display:inline-block;}


.ui-datepicker {width:90%;left:5% !important;padding:0;}
.ui-datepicker .ui-datepicker-header,
.ui-datepicker table {width:90%;margin:0 auto;padding:0;}
}

@media all and (max-width: 375px) {

}
@media all and (max-width: 320px) {
	
}