@charset "utf-8";


#content_wrap{position:relative; padding-top:50px; overflow:hidden; min-width:640px}




/*new*/



.sub_content {width:640px; background:#fff; margin:0 auto;}

/*#sub_portal {width:640px; margin: 0 auto; padding:60px 0 0 0; background:#FFF;}
#sub_portal p {text-align:center; width:638px; margin:0 auto; border:1px solid #6F6F6F;}
#sub_portal p .select_wrap {width:100%;display:block;height:50px; border:0px solid #000; background:#eee;}
#sub_portal p .select_wrap select {font-size:25px; color:#4e4f5d; width:100%; height:50px; padding:0 0 0 25px; border:0; background:transparent url('/new2019/mobile/images/menu_arrow.gif') no-repeat right top; background-size:60px 50px;-webkit-background-size:60px 50px;-webkit-appearance:none; border-radius:0; webkit-border-radius:0;  }*/


#sub_portal {width:640px; margin: 0 auto; background:#FFF; padding-top:62px;}
#sub_portal p {text-align:center; width:638px; margin:0 auto; border:1px solid #6F6F6F;}
#sub_portal p .select_wrap {width:100%;display:block;height:70px; border:0px solid #000; background:#eee;}
#sub_portal p .select_wrap select {font-size:30px; color:#4e4f5d; width:100%; height:70px; padding:0 0 0 25px; border:0; background:transparent url('/new2020/mobile/images/arrow_down.gif') no-repeat right top; background-size:70px 70px;-webkit-background-size:70px 70px;-webkit-appearance:none; border-radius:0; webkit-border-radius:0;  }




/*visual*/
#sub_visual {width:640px ; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f3f3f3; position: relative; padding: 60px 0; margin-bottom: 50px; }
#sub_visual .visual_text {position:relative; text-align:center; font-weight:100; font-size:35px; color:#444; letter-spacing:-0.5px; line-height:45px; }
#sub_visual p.txt1 {font-family:'S-CoreDream-3Light';font-size: 25px; padding-bottom: 30px;}
#sub_visual h2{font-family:'S-CoreDream-5Medium';font-size:60px; color:#222; font-weight:600; line-height:100%; text-align:center;letter-spacing:-1.5px; padding-bottom: 40px;}
#sub_visual p.txt2 {font-family:'S-CoreDream-3Light';font-size: 23px; }

/* sub_common */
.mb50 {margin-bottom: 60px;}
.mb0 {margin-bottom: 0 !important;}

/* sub_content */
.cnt {margin-bottom: 50px;}
.cnt h3{font-family:'S-CoreDream-5Medium'; width: 604px; margin: 0 auto;font-size: 35px; line-height: 120%; border-bottom: 1px solid #000; margin-bottom: 30px;}



























/*서브탭 */

/*tab common style*/
.tab_area {position:relative; width:640px; height:70px; margin:auto;}
.sub_tabs {position:absolute; left:50%; top:0; z-index:3; margin-left:-320px; width:640px;}

/*.sub_tabs {width:1200px; margin:30px auto; border:solid 1px #d9d9d9;}*/
.sub_tabs ul {border:solid 1px #d9d9d9;}
.sub_tabs ul:after {clear:both; display:block; content:"";}
.sub_tabs ul li {float:left; height:45px;width:20%;}
.sub_tabs ul li a {display:block; text-align:center; font-size:21px; line-height:45px; color:#666; border-left:solid 1px #d9d9d9; background:#fff; cursor:pointer;}
.sub_tabs ul li:first-child a {border-left:none;}
.sub_tabs ul li a:hover, .sub_tabs ul li a:focus, .sub_tabs ul li a.on {color:#fff; background:#4d4d4d;}


 

/* 지점안내 */


/* 탭 */
.area_wrap{width:100%; margin:0 auto; text-align:center;}
.area_wrap ul{width:640px; margin:0 auto}
.area_wrap li{float:left; width:9%; padding:10px 0; margin-right:1px; border-top:2px solid #333; background-color: #eee}
.area_wrap li.on{background-color:#333; color:#fff}
.area_wrap li:hover{color:#fff; cursor:pointer}
.area_wrap li:last-child{margin-right:0}
.area_wrap li .active{float:left; width:9%; padding:10px 0; margin-right:1px; border-top:2px solid #333; background-color: #eee;color:#fff}



/* 이벤트배너 */
#event {height:100%; overflow:hidden; position:relative;  margin:0px 0; border-top:2px solid #222;}
#event .event {width:100%; text-align:center;}
#event .event div{width:640px; margin:0 auto; padding:0; overflow:hidden}
#event a{padding-right:10px}
#event a:last-child{padding-right:0}
#event .event  .slider_wrap {width:200px; text-align:center;float:left;}
#event .event  .slider_wrap img{width:200px; text-align:center;}

#event .bx-wrapper .bx-prev {position:absolute; width:40px; height:70px; left:0; margin-top:-215px; background:url('/new2018/images/prev_btn.gif') no-repeat; text-indent:-5000px}
#event .bx-wrapper .bx-next {position:absolute; width:40px; height:70px;; right:0; margin-top:-215px;  background:url('/new2018/images/next_btn.gif') no-repeat; text-indent:-5000px;}
#event .tit{font-size:25px; padding-top:20px}
#event .s_txt{font-size:20px; color:#8586b4}


#info_wrap{width:100%; background-color:#f4f4f6; overflow:hidden; margin:0 auto; padding:50px 0}
#info_wrap .info_grey{width:100%; background-color: #f4f4f6; overflow:hidden}
#info_wrap .grey_wrap{width:640px; padding:50px 0 50px 0; margin:0 auto; clear:both;}
#info_wrap .grey_wrap .text01{text-align:center; padding:50px 0; background:url(../images/info_bar.gif) no-repeat 620px 30px}
#info_wrap .grey_wrap .text01 span{font-size:25px}
.Red{color:#d20000!important}


#info_wrap .info_white{width:100%; background-color: #fff}
#info_wrap .white_wrap{width:640px; padding:50px 0 100px 0; margin:0 auto; clear:both}
#info_wrap .white_wrap .text01{text-align:center; padding:50px 0;  background:url(../images/info_bar.gif) no-repeat 620px 30px}

/*둘러보기*/
#gallery {margin-top:45px;}

#thumb {position:relative; padding: 40px 60px;}
.gallery-thumbs {margin-top:20px;}
.gallery-thumbs img {width:100%;}
#thumb .swiper-slide {position:relative;}
#thumb .swiper-slide:after {position:absolute; top:0; left:0; right:0; bottom:0; border:10px solid #ffd8ab; opacity:0; transition:opacity 0.4s; content:'';}
#thumb .swiper-slide-thumb-active:after {opacity:1;}
#thumb .swiper-button-prev,
#thumb .swiper-button-next {width:30px; height:50px; background:no-repeat center;}
#thumb .swiper-button-prev {background-image:url('../images/gallery_btn_prev.png');}
#thumb .swiper-button-next {background-image:url('../images/gallery_btn_next.png');}

/*footer*/
#footer_wrap {position:relative; z-index:11; clear:both; width:640px; height: 666px; background:#a09f9e; margin: 0 auto;}
#footer-wrap dl {margin: 0 auto; width: 90%; text-align: center;}
#footer_wrap dl dt {padding-top: 24px; padding-bottom: 34px; text-align: center;}
#footer_wrap a:link {color: #fff;}
#footer_wrap dl dd {padding-bottom: 50px; font-size: 23px; font-weight: 400; color: #d6d6d5; text-align: center;}
#footer_wrap #footer {margin: 0 auto; width: 90%; text-align: center;}
#footer address {font-size: 23px; font-weight: 400; color: #d6d6d5; font-style: normal;}
#footer address a {font-size: 23px; font-weight: 400; color: #d6d6d5; font-style: normal;}
#footer address span {display: inline-block; padding-top: 20px; padding-bottom: 160px; font-size: 23px; font-weight: 400; color: #c9c9c9;}



.btm_btns {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 11;
    width: 100%;
    height: 120px;
    background: rgba(206,157,121,0.8);}

.btm_btns li.tel { background-image: url(../images/f01.png);}
.btm_btns li.kakao { background-image: url(../images/f02.png);}
.btm_btns li.map { background-image: url(../images/f03.png);}
.btm_btns li.Review { background-image: url(../images/f04.png);}
.btm_btns li.cafe { background-image: url(../images/f05.png);}
.btm_btns li.equip { background-image: url(../images/f06.png);}
.btm_btns li.time { background-image: url(../images/f07.png);}



.btm_btns li { float: left; width: 20%; height: 120px; background-position: center center; background-repeat: no-repeat;}
.btm_btns li a {display: block; height: 100%; font-size:0px; border-left: solid 1px #fff;}
.btm_btns li:first-child a {border: none;}