/*메인 a타입 메인b타입 비주얼 슬라이드 부분 텍스트 영역*/

.main .visual-list .txt-area,
.indexB .visual-list .visual-box .txt-area{  width:100%; height:auto !important; position:absolute; top:265px; text-align: center; }
    @media screen and (max-width:1600px) {
       .main .visual-list .txt-area,
       .indexB .visual-list .visual-box .txt-area{ position:absolute; top:230px;  }
    }

.main .visual-list .txt-area .tit{
	font-size:52px; font-family: 'Open Sans','Spoqa Han Sans', 'sans-serif', 'Arial';  font-weight: 800; line-height: 1.3; letter-spacing: 6px; color:#fff; text-align: center;}

.indexB .visual-list .visual-box .txt-area .tit{
	font-size:52px; font-weight: 800; line-height: 1.1; color:#fff; text-align: center;}

.main .visual-list .txt-area .txt,
.indexB .visual-list .visual-box .txt-area .txt{
	margin-top:15px; font-size:25px; color:#fff; font-family: 'Open Sans','Spoqa Han Sans', 'sans-serif', 'Arial'; text-align: center;}


.main .visual-list .txt-area .btn-box,
.indexB .visual-list .visual-box .txt-area .btn-box{margin-top:30px; text-align: center;}

.main .visual-list .txt-area .btn-box a.btn_mma.typeTW{
    padding: 8px 18px 0;
    width: 100px;
    height: 21px;
    border: 3px solid #fff;
}

.main .keyvisual .m-video { overflow: hidden; }
.main .keyvisual .m-video >div { position: relative; }
.main .keyvisual .m-video >div > img {  }
.main .keyvisual .m-video .video-control{position:absolute; top:40%; left:0;  width:100%; height:auto !important; text-align: center;  z-index:100;}
.main .keyvisual .m-video .video-control a{ display: inline-block;}

.main .visual-list .txt-area .btn-box a.btn_mma {
    font-size: 12px;
    font-family: 'Open Sans','Spoqa Han Sans','sans-serif', 'Arial';}


.main #header, .main #header .header_inner{ height:84px;}
.main #contents { width: 1504px;  padding: 0; }
@media screen and (max-width:1600px) {
	.main #contents  { width: 1184px }
	/*.reserve-wrap {margin:0 -560px 0 0;}*/
	.reserve-wrap1 {margin:0 -560px 0 0;}
}
.main #contents .inner {  background-color: #e1e3e4; }

/* 메인 겔러리  */
.main #contents .keyvisual .bx-controls.bx-has-pager .bx-pager { z-index: 100;}
.main #contents .keyvisual .visual-list li {position: relative;}
.main #contents .keyvisual .visual-list li >div{width: 100%; height: 100%; }
.main #contents .keyvisual .visual-list li >.youtube { height:817px  }

@media screen and (max-width:1600px) {
	.main #contents .keyvisual .visual-list li >.youtube { height:643px  } }

.main #contents .keyvisual .bx-controls-btn {}
.main #contents .keyvisual .bx-controls-btn .btn-prev {
    display: block; width: 24px; height: 57px;
    position: absolute; left: 20px; top: 390px;
    background: url('../images/renewal/btn-arrow_24-57.png') no-repeat 0 0;
    font: 0/0 serif;
    z-index: 100;}
.main #contents .keyvisual .bx-controls-btn .btn-next {
    display: block; width: 24px; height: 57px;
    position: absolute; right:20px; top: 390px;
    font: 0/0 serif;
    background: url('../images/renewal/btn-arrow_24-57.png') no-repeat -24px 0;
    z-index: 100;}
    @media screen and (max-width:1600px) {
    .main #contents .keyvisual .bx-controls-btn .btn-prev {
         position: absolute; left: 20px; top: 300px;
        }
    .main #contents .keyvisual .bx-controls-btn .btn-next {
        position: absolute; right:20px; top: 300px;
        }
    }
.main #contents .keyvisual .bx-controls-btn .btn-prev:hover { background-position: 0 -57px }
.main #contents .keyvisual .bx-controls-btn .btn-next:hover { background-position: -24px -57px }

.main #contents .gallery-wrap { padding-top: 60px; position: relative; }
.main #contents .gallery-wrap .bx-controls-slide  { width: 100%; }
.main #contents .gallery-wrap .bx-controls-slide .btn-prev {  z-index: 5; font: 0/0 serif; position: absolute; left: 20px; top: 170px; width: 24px; display: block; height: 57px; background: url('../images/renewal/btn-arrow_24-57.png') no-repeat 0 0;}
.main #contents .gallery-wrap .bx-controls-slide .btn-next {  z-index: 5; font: 0/0 serif; position: absolute; right:20px; top: 170px; width: 24px; display: block; height: 57px; background: url('../images/renewal/btn-arrow_24-57.png') no-repeat -24px 0;}
.main #contents .gallery-wrap .bx-controls-slide .btn-prev:hover { background-position: 0 -57px }
.main #contents .gallery-wrap .bx-controls-slide .btn-next:hover { background-position: -24px -57px }
.main #contents .gallery-wrap .typo { padding: 20px;}
.main #contents .gallery-wrap .typo .tit { margin-bottom: 7px;text-align: center; font-size: 14px; color: #000000;}
.main #contents .gallery-wrap .typo .desc { text-align: center; font-size: 14px;
	font-family: 'Spoqa Han Sans', 'Open Sans', 'sans-serif', 'Arial';  color: #000000; }
.main #contents .gallery-wrap .over-area .overinner { top:0; height: 100%;  margin-top:0;
	background-color:rgba(0,0,0, 0.5 );
	opacity :0;filter: alpha(opacity=0);
 }
.main #contents .gallery-wrap .over-area:hover .overinner { opacity :1;filter: alpha(opacity=100); }
.main #contents .gallery-wrap .over-area p {position: relative;text-align: center;color: #fff;}
.main #contents .gallery-wrap .over-area .name {margin:100px 0 10px;font-family:'Spoqa Han Sans';font-size:17px;opacity:0; filter:alpha(opacity=0);}
.main #contents .gallery-wrap .over-area .notice {margin:40px 0 20px;font-weight: normal; font-size: 13px; color: #fff;filter: alpha(opacity=0);}
.main #contents .gallery-wrap .over-area .link {margin:40px 0 0;width:100%;text-align:center;color:#fff;opacity:0;filter:alpha(opacity=0);}

.main #contents .section { margin-bottom: 60px; }
.main #contents .section ul, .main #contents .section li { overflow: hidden; }
.main #contents .section ul .zoombg { position: relative; }
.main #contents .section ul img { width: 100%; }
.main #contents .section li ,.main #contents .section ul.d50  { position: relative; float: left;   }
.main #contents .section li.d33  { width: 33.643617%;  }
.main #contents .section li.d33-2 { width: 67.287234%;  }
.main #contents .section li.d32  { width: 32.712765%;  }
.main #contents .section li.d16  { width: 16.356384%;  }
@media screen and (max-width:1600px) {
	.main #contents .section  .section1n-list  li.d100 { height: 193.5px }
	.main #contents .section  .section2-list > li { height: 649px }
	.main #contents .section ul .zoombg { transform: matrix(1.00, 0, 0, 1.00, 0, 0); }
    .main #contents .section .section1-list>li:nth-child(1),
    .main #contents .section .section1-list>li:nth-child(2){height:387px;}
}
.main #contents .section li.d50, .main #contents .section ul.d50  {width:50%;}

.main #contents .section .section4-list li.d50:nth-child(n+2) {height:348px;}
.main #contents .section .section4-list li.d50:nth-child(n+2) .zoombg {height:100%;}
.main #contents .section .section4-list li.d50:nth-child(n+2) .zoombg img {height:100%;}

.main #contents .section li.d100 { width: 100%; }
/*.main #contents .section ul .inner:hover>img.zoomin { transform: scale(1.2,1.2); }*/
.main #contents .section li.d33 { width: 33.643617%;  }
.main #contents .section li.d32 { width: 32.712765%;  }
.main #contents .section li.d25 { width: 25%; }

/* section1, section2, 오버 버튼 스타일  */
.over-area { position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.01); }
.over-area .overinner { position:absolute; width: 100%; top:50%; margin-top:-60px; }
.over-area p { position: relative; text-align: center;  color:#fff; }
.over-area .micon { margin: 20px auto 10px;   width: 50px; height: 50px; opacity: 0; filter:alpha(opacity=0); }
.over-area .micon.bread { background:url(../images/main/m-icon_brand.png) 0 0 no-repeat; }
.over-area .micon.pasta { background:url(../images/main/m-icon_pasta.png) 0 0 no-repeat; }
.over-area .micon.pizza { background:url(../images/main/m-icon_pizza.png) 0 0 no-repeat; }
.over-area .micon.ricerisotto { background:url(../images/main/m-icon_ricerisotto.png) 0 0 no-repeat; }
.over-area .micon.starter { background:url(../images/main/m-icon_starter.png) 0 0 no-repeat; }
.over-area .micon.steak { background:url(../images/main/m-icon_steak.png) 0 0 no-repeat; }
.over-area .micon.garlic { background:url(../images/main/m-icon_garlic.png) 0 0 no-repeat; }
.over-area .micon.store { background:url(../images/main/m-icon_store.png) 0 0 no-repeat; }
.over-area .micon.membership { background:url(../images/main/m-icon_membership.png) 0 0 no-repeat; }
.over-area .micon.history { background:url(../images/main/m-icon_history.png) 0 0 no-repeat; }
.over-area .micon.dessert { background:url(../images/main/m-icon_dessert.png) 0 0 no-repeat; }
.over-area .micon.wine { background:url(../images/main/m-icon_wine.png) 0 0 no-repeat; }
.over-area .micon.beverage { background:url(../images/main/m-icon_beverage.png) 0 0 no-repeat; }


.over-area .name {margin:20px 0 10px;font-family:'Open Sans', 'sans-serif', 'Arial'; font-weight:600;font-size:17px;}
.over-area .notice {margin:20px 0 24px;font-size:12px;opacity:0;filter:alpha(opacity=0);}
.over-area .link{margin:20px 0 0;width:100%;text-align:center;color:#fff;opacity:0;filter:alpha(opacity=0);}


.section1-list .over-area .overinner { top:40%;}

.main #contents .section2-list .over-area .overinner>p img{ width: auto; }
.section2-list .d50 .over-area .overinner { top:60%;  }
.section2-list .over-area .overinner { top:40%;  }

/* FOR GALIIC */
.section3-list .over-area { position: absolute; top:0; left:0; width: 100%; height: 100%; }
.section3-list .over-area .overinner { position:absolute; width: 100%; top:40%; margin-top:-60px; }
.section3-list .over-area p { position: relative; text-align: center;  color:#fff; }
.section3-list .over-area .name   { margin:0px 0 10px; font-weight: bold; font-size: 17px;
					font-family: 'Open Sans', 'sans-serif', 'Arial'; font-weight:800;}
.section3-list .over-area .notice { margin:0px 0 24px; font-weight:normal; font-size:12px;
					font-family: 'Open Sans', 'sans-serif', 'Arial';
					opacity: 1; filter:alpha(opacity=1);}
.section3-list .over-area .link{  }
.section3-list .zoombg { overflow: hidden; }
.section3-list #CanvasW { position: absolute; top: 0; left: 0; width: 1360px; height: 520px;  }

.main #contents .section.typo-banner { text-align: center; }
	.section.typo-banner p {text-align: center; font-family: 'Open Sans', 'sans-serif', 'Arial';  	font-size:11px; line-height: 1.5; }
	.section.typo-banner p.b-logo { margin-bottom:13px; }
	.section.typo-banner h2 { display: inline-block; margin-bottom:10px; font-size:13px; font-weight: bold; }

.section4-list .over-area { position: absolute; top:0; left:0; width: 100%; height: 100%; }
.section4-list .over-area .overinner { position:absolute; width: 100%; top:40%; margin-top:-60px; }
.section4-list .over-area p { position: relative; text-align: center;  color:#fff; }
.section4-list .over-area .name   { margin:0px 0 10px; font-weight: bold; font-size: 17px;
					font-family: 'Open Sans', 'sans-serif', 'Arial'; font-weight:800;}
.section4-list .over-area .notice { margin:0px 0 24px; font-weight:normal; font-size:12px;
					font-family: 'Open Sans', 'sans-serif', 'Arial';
					opacity: 1; filter:alpha(opacity=1);}
.section4-list .over-area .link{  }
.inpired-garlic { padding: 15px 0 100px; font-style: italic;font-weight: bold;text-align: center;
	background-color: #e1e2e2; }


/* ====================================================================================================================================================== */
/* ==================================================================== mianB.html 메인 b타입 ============================================================ */
/* ====================================================================================================================================================== */
.indexB .visual-list { height: 599px;}
.indexB .visual-list li{overflow: hidden; float: none !important;}
.indexB .visual-list .visual-box.banner{position:relative; height:599px;}

.indexB .visual-list .visual-box.banner.bg01{
    background: url(../images/main/b_visual-banner01.jpg) 0 0 no-repeat; background-size:cover; }
.indexB .visual-list .visual-box.banner.bg02{
    background: url(../images/main/b_visual-banner02.jpg) 0 0 no-repeat; background-size:cover; }
.indexB .visual-list .visual-box.banner.bg03{
    background: url(../images/main/b_visual-banner03.jpg) 0 0 no-repeat; background-size:cover; }

.indexB .visual-list .visual-box .txt-area{  width:100%;  position:absolute; top:230px; text-align: center; }
.indexB .visual-list .visual-box .txt-area .tit{
	font-size:52px; font-weight: 800; line-height: 1.3; color:#fff; text-align: center;}
.indexB .visual-list .visual-box .txt-area .btn-box{margin-top:30px;}


.indexB #contents .section ul.thumbnails-list .zoombg {
	-ms-transform:matrix(1.30, 0, 0, 1.30, 0, 0);
	transform: matrix(1.30, 0, 0, 1.30, 0, 0); }
@media screen and (max-width:1600px) {
	.indexB #contents .section ul.thumbnails-list .zoombg {
	-ms-transform:matrix(1.30, 0, 0, 1.30, 0, 0);
	transform: matrix(1.30, 0, 0, 1.30, 0, 0); }
}


.indexB .visual-list .visual-box .txt-area{  width:100%;  position:absolute; top:230px; text-align: center; }
.indexB .visual-list .visual-box .txt-area .tit{
	font-size:52px; font-weight: 800; line-height: 1.3; color:#fff; text-align: center;}
.indexB .visual-list .visual-box .txt-area .btn-box{margin-top:30px;}
.indexB #contents .thumbnails-wrap { position: relative; }
.indexB #contents .thumbnails-wrap .bx-controls-mainB  { width: 100%; }
.indexB #contents .thumbnails-wrap .bx-controls-mainB .btn-prev { display: block; width: 24px; height: 57px;
	position: absolute; left: 30px; top: 35%;
	font: 0/0 serif;
	background: url('../images/common/btn-arrow_24-57.png') no-repeat 0 0;   z-index: 5;}
.indexB #contents .thumbnails-wrap .bx-controls-mainB  .btn-next { display: block;  width: 24px; height: 57px;
	position: absolute; right:30px; top: 35%;
	font: 0/0 serif;
	background: url('../images/common/btn-arrow_24-57.png') no-repeat -24px 0; z-index: 5;}
.indexB #contents .thumbnails-wrap .bx-controls-mainB .btn-prev:hover { background-position: 0 -57px }
.indexB #contents .thumbnails-wrap .bx-controls-mainB .btn-next:hover { background-position: -24px -57px }

.indexB #contents .thumbnails-list li{float: left; width:364px;}
.indexB #contents .thumbnails-list li a{display:block; width:100%; height:100%;}
.indexB #contents .thumbnails-wrap .over-area{ display:block; width: 100%;height: 100%;
    position: absolute;top: 0;left: 0;
    z-index: 1;  }
.indexB #contents .thumbnails-list .zoombg{display:block;}
.indexB #contents .thumbnails-list .zoombg .txt-inner{display:block; width:100%;  margin-top:-20px;
	position:absolute; top:50%;  text-align: center;  }

/*마우스 오버활성화*/
	.indexB #contents .thumbnails-wrap .over-area .overinner{   position: absolute; top:0; left: 0; margin: 0;
		width: 100%; height: 100%;
		background-color: rgba(0, 0, 0, 0.0); }
	.indexB #contents .thumbnails-wrap a:hover .over-area .overinner{ background-color: rgba(0, 0, 0, 0.5); }

	.indexB #contents .thumbnails-wrap .over-area .overinner .tit{ display:block; margin-bottom:10px;
		font-family: 'Open Sans', 'sans-serif', 'Arial';  color:#fff; font-weight: bold; }
	.indexB #contents .thumbnails-wrap a:hover .over-area .overinner .tit{  color:#bc9b69;  }

	.indexB #contents .thumbnails-wrap .over-area .overinner .txt{ display:block; color: #fff;}
	.indexB #contents .thumbnails-wrap a:hover .over-area .overinner .txt{color:#bc9b69}


.main.indexB #contents .gallery-wrap { padding-top:0; }
.main.indexB #contents .gallery-wrap .bx-controls-slide .btn-prev { top:110px; }
.main.indexB #contents .gallery-wrap .bx-controls-slide .btn-next { top:110px; }


/* popup  */
.im.popupfixed-wrap.popup-main { top:20px; left: 20px; width: auto; height: auto;}
.im.popupfixed-wrap.popup-main .popup-layer.option {
    position: relative; width: auto;height: auto;
    text-align: left;
}
.im.popupfixed-wrap.popup-main .popup-layer.option .tit { padding: 10px; height: 40px;
    background-color: #57585a; }
.im.popupfixed-wrap.popup-main .popup-layer.option .tit h2 { padding: 6px; color:#fff; font-size:24px;  }
.im.popupfixed-wrap.popup-main .popup-layer.option a.btn-closeW {
	position: absolute; top:10px; right: 10px; z-index: 3}
.im.popupfixed-wrap.popup-main .popup-layer.option a.btn-appstore {
	display: block; width: 108px; height: 40px;
	position: absolute; top:390px; left: 20px; z-index: 3 }
.im.popupfixed-wrap.popup-main .popup-layer.option a.btn-googleplay {
	display: block; width: 108px; height: 40px;
	position: absolute; top:390px; right: 20px; z-index: 3}

.im.popupfixed-wrap.popup-main .bottom {
	padding: 17px 13px 17px;
    background-color: #231f20;
    text-align: right; }
.im.popupfixed-wrap.popup-main .bottom input { margin-right: 5px;}
.im.popupfixed-wrap.popup-main .bottom .title { color: #fff;}

/*
 * 2017.07.17
 * YOUTUBE 오버 이미지 처리
 */
 .main #contents .keyvisual .visual-list li >.youtube{position: relative;}
.main #contents .keyvisual .visual-list li >.youtube .youtube-img{position: absolute;left:0;top:0; width: 100%;}
.main #contents .keyvisual .visual-list li >.youtube .youtube-img .playbtn{position: absolute;left: 50%;top:30%;margin-left: -140px;padding:80px;cursor: pointer;background: url('../images/icons/ico_youtube_off.png') no-repeat center center;width: 113px;height:84px;z-index: 5;}
.main #contents .keyvisual .visual-list li >.youtube .youtube-img .playbtn:hover{background: url('../images/icons/ico_youtube_on.png') no-repeat center center;}
.main #contents .keyvisual .visual-list li >.youtube .youtube-img img{width: 100%;}
.main #contents .keyvisual .visual-list li >.youtube .youtube-img .impimg{width: 100%;z-index: 3;}

/* MAIN_예약버튼 */
.reserve-wrap1 {position:fixed;right:50%;bottom:71px;z-index:110;margin:0 -720px 0 0;}
.reserve-wrap1 .btn_reserve1 {
	width:100px;height:100px;background:#a3171b;
	-webkit-border-radius:50px;
	-moz-border-radiusp:50px;
	border-radius:50px;
	-webkit-box-shadow:0 2px 5px rgba(0,0,0,.35);
	-moz-box-shadow:0 2px 5px rgba(0,0,0,.35);
	box-shadow:0 2px 5px rgba(0,0,0,.35);
}
.btn_reserve1 span {display:block;width:100%;color:#ffffff;text-align:center;font-size:20px;}
.btn_reserve1 span:before {display:block;content:'';width:41px;height:40px;background:url('../images/renewal/ico_reverse.png') no-repeat top center;background-size:100%;margin:3px 0 1px 25px;}

@media screen and (max-width:1600px) {
	.reserve-wrap1 {margin:0 -560px 0 0;}
}