@charset "utf-8";
.left_column {float:left;width:530px;margin:0px 40px 0px 0px;}
.right_column {float:left;width:530px;}
/* 예약 */
.reserv_time {position:relative;overflow:hidden;margin:0px 0px 30px 0px;padding:30px 40px;border:5px solid #eee;}
.reserv_time ul {width:75%;}
.reserv_time li {float:left;width:25%;font-size:14px;}
.reserv_time li h3 {padding:0px 0px 10px 0px;}
.reserv_time .input_area {position:absolute;right:30px;top:25px;padding:0px 100px 0px 0px;}
.reserv_time .input_area input {display:block;margin:2px;padding:0px 10px;width:150px;border:1px solid #CCC;height:25px;line-height:25px;}
.reserv_time .input_area a {position:absolute;right:0px;top:0px;line-height:55px;height:55px;width:80px;border:1px solid #cd5500;color:#FFF;text-align:center;border-radius:2px;background:#eb6100;}
.reserv_time .input_area a:hover {color:#FFF !important;background:#cd5500;}

.reserve_modify {position:relative;overflow:hidden;margin:0px 0px 30px 0px;padding:30px 40px;border:5px solid #eee;text-align:center;}
.reserve_modify h1 {padding:0px 0px 30px 0px;}
.reserve_modify input {margin:2px;padding:0px 10px;width:150px;border:1px solid #CCC;height:30px;line-height:30px; vertical-align:middle;}
.reserve_modify a {display:inline-block;line-height:30px;height:30px;width:80px;border:1px solid #cd5500;color:#FFF !important;text-align:center;border-radius:2px;background:#eb6100; vertical-align:middle;}
.reserve_modify a:hover {color:#FFF !important;background:#cd5500;}
.reserve_modify a + a {background:#555;border:1px solid #333}

.day_wrap {overflow:hidden;margin-bottom:30px;border:1px solid #ccc;border-top:none;}
.day_wrap li {float:left;padding:10px 0px;width:7.1%;text-align:center;font-size:14px;}
.day_wrap li dl {margin:0px auto;width:80%;}
.day_wrap li dl dt {padding-top:10px;}
.day_wrap li dl dd {padding-bottom:10px;}
.day_wrap li .dt_on, .day_wrap li .dd_on, .day_wrap li a:hover dl .dt_on, .day_wrap li a:hover dl .dd_on {background:#eb6100 !important;color:#FFF !important;}
.day_wrap li.color_blue dt, .day_wrap li.color_blue dd {color:#0068b7;}
.day_wrap li.color_red dt, .day_wrap li.color_red dd {color:#e60012;}
.day_wrap li a:hover dl dt, .day_wrap li a:hover dl dd {background:#eee !important;color:#000;}

.info_reserv li {padding:0px 0px 10px 0px;text-align:right;}
.info_reserv li .reserv_end {display:inline-block;padding:7px 10px;color:#006100;background:#c6efce;}

.tbl_schedule {border:1px solid #aaa;width:100%;}
.tbl_schedule thead th {padding:10px 0px;border-bottom:1px solid #999;text-align:center;line-height:20px;background:#f6f6f6;}
.tbl_schedule th + th, .tbl_schedule td, .border_left {border-left:1px solid #aaa;}
.tbl_schedule td {height:43px;line-height:110%;border-bottom:1px solid #aaa;text-align:center;}
.tbl_schedule tbody th {position:relative;}
.tbl_schedule tbody th span {position:absolute;left:0px;top:-7px;display:block;width:100%;}
.tbl_schedule tbody td {font-size:12px;line-height:20px;}
.tbl_schedule tr:hover td, .tbl_schedule tr:hover th {background:#ededed;}
.tbl_schedule tr:hover th span {color:#e60012;}
.tbl_schedule .reserve_time_off, .tbl_schedule .reserve_time_on {cursor:pointer;}
.tbl_schedule tr:hover .reserve_time_on, .tbl_schedule .reserve_time_on {background:#eb6100 !important;color:#FFF !important;}
.tbl_schedule tr:hover .ok, .tbl_schedule .ok {color:#006100;background:#c6efce;cursor:inherit;}
.tbl_schedule tr:hover .thisadmin, .tbl_schedule .thisadmin {cursor:pointer !important;}

/* tab */
ul.tabs {margin:0px 0px 20px 0px;padding:0;float:left;list-style:none;height:40px;border-bottom:1px solid #eee;border-left:1px solid #eee;width:100%;font-size:12px;}
ul.tabs li {float:left;text-align:center;cursor:pointer;padding:0px 20px;height:39px;line-height:39px;border:1px solid #eee;border-left:none;font-weight:bold;background:#fafafa;overflow:hidden;position:relative;font-size:14px;}
ul.tabs li.active {background:#FFFFFF;border-bottom:1px solid #FFFFFF;color:#F60;}
.tab_container {clear:both;float:left;}
.tab_content {display:none;}

/* 소개 */
.reserve_btn {clear:both;text-align:center;padding:50px;margin:20px 0px;}
.reserve_btn a {display:inline-block;line-height:60px;height:60px;width:200px;border:1px solid #cd5500;color:#FFF !important;text-align:center;border-radius:5px;background:#eb6100; vertical-align:middle;font-size:25px !important;}
.reserve_btn a:hover {color:#FFF !important;background:#cd5500;}

.intro_wrap {overflow:hidden;width:1100px;}
.intro_wrap .brown_wrap div {padding:30px;font-size:16px; line-height:30px;}
.intro_wrap .brown_wrap div .num {display:inline-block;width:30px;height:30px;line-height:30px;border-radius:100px;text-align:center;color:#FFF;background:#F63;}
.intro_wrap .brown_1 {position:relative;height:180px;padding-top:80px !important;text-align:center;font-size:20px !important;font-weight:bold;background:url(/images/sub/brown_1.png) left bottom no-repeat #ededed;}
.intro_wrap .brown_2 {background:url(/images/sub/brown_2.png) left top no-repeat;height:140px;}
.intro_wrap .brown_3 {background:url(/images/sub/brown_3.png) left top no-repeat #ededed;}
.intro_wrap .brown_4 {background:url(/images/sub/brown_4.png) left top no-repeat;}
.intro_wrap .brown_5 {background:url(/images/sub/brown_5.png) left top no-repeat #ededed;}
.intro_wrap .brown_6 {background:url(/images/sub/brown_6.png) left top no-repeat;}
.intro_wrap .brown_7 {background:url(/images/sub/brown_7.png) left top no-repeat #ededed;}
.intro_wrap .brown_4, .intro_wrap .brown_5, .intro_wrap .brown_6, .intro_wrap .brown_7 {height:40px !important;line-height:40px !important;}
.intro_wrap .brown_1 h1 {font-size:25px;padding:0px 0px 10px 0px;}
.intro_wrap .brown_1 .info_room {width:200px;position:absolute;right:0px;top:0px;}
.intro_wrap .brown_1 .info_room img {width:100%;}
.intro_wrap P {font-size:16px; line-height:30px;}
.intro_wrap > ul > li {position:relative;padding:50px 250px 50px 50px;min-height:150px;}
.intro_wrap > ul > li .icon {position:absolute;right:50px;top:25%;width:150px;height:150px;border-radius:300px;}
.intro_wrap .intro_01, .intro_wrap .intro_02 {background-color:#eee;}
.intro_wrap .intro_04 {border:1px solid #ededed;}
.intro_wrap .intro_01 .icon {background:url(/images/mobile/info_04.png) center center no-repeat #cc691e;}
.intro_wrap .intro_02 .icon {background:url(/images/mobile/info_01.png) center center no-repeat #d1c0a2;}
.intro_wrap .intro_03 .icon {background:url(/images/mobile/info_02.png) center center no-repeat #6c5341;}
.intro_wrap .intro_04 .icon {background:url(/images/mobile/info_03.png) center center no-repeat #a0a0a0;}
.intro_wrap h2 {padding:0px 0px 30px 0px;font-size:25px;}
.intro_wrap > ul > li ul {margin:20px 0px;}
.intro_wrap > ul > li li {overflow:hidden;padding:5px 0px;font-size:16px;}
.intro_wrap li h3 {float:left;width:90px;font-size:16px;}
.intro_wrap li .cont {float:left;width:690px;}
.intro_wrap li .button_area {clear:both;padding:0px;margin:30px 0px 0px 0px;}
.intro_wrap li .button_area a {display:inline-block;line-height:40px;height:40px;width:150px;border:1px solid #cd5500;color:#FFF !important;text-align:center;border-radius:5px;background:#eb6100; vertical-align:middle;font-size:20px !important;}
.intro_wrap li .button_area a:hover {color:#FFF !important;background:#cd5500;}


/* 가격안내 */
.price_info {margin-bottom:10px;border:1px solid #e5e5e5;width:100%;}
.price_info + table {margin-top:20px;}
.price_info thead th {padding:10px 0px;border-bottom:1px solid #999;text-align:center;font-size:16px;background:#f6f6f6;}
.price_info th + th, .price_info td, .price_info.border_left {padding:0px 20px;border-left:1px solid #e5e5e5;font-size:16px;}
.price_info td {height:43px;line-height:110%;border-bottom:1px solid #e5e5e5;text-align:center;font-size:16px;}
.price_info tbody th {background:#f6f6f6;border-bottom:1px solid #e5e5e5;font-size:16px;}
.price_info .align_left {text-align:left;}

.box_info {padding:20px;background:#f6f6f6;font-size:14px;}
.box_info li {margin:0px 0px 5px 0px;}
.box_info dl {margin:0px 0px 20px 0px;}
.box_info dt {color:#C30;font-size:20px;font-weight:bold;padding:0px 0px 10px 0px;}
.box_info dd {color:#C30;margin:0px 0px 10px 0px;}
.box_info h4 {font-size:20px;padding:0px 0px 10px 0px;}

/* 오시는 길 */
.map_all {margin-bottom:40px;width:1100px;height:400px;}
.address_wrap {padding:20px;background:#f6f6f6;}
.address_wrap li.title {font-size:20px;font-weight:bold;}
.address_wrap li.address {font-size:14px;padding:10px 0px 0px 0px;}
.address_wrap li.info {font-size:14px;padding:5px 0px 0px 0px;}
.address_wrap + div {margin:0px 0px 30px 0px;}

/* main */
.mainVisual {position:relative;width:100%;height:550px;background:url(/images/main/mainVisual.png) center top no-repeat;}
.banner_wrap {position:absolute;left:0px;bottom:0px;width:100%;height:150px;background:url(/images/main/bg_banner.png) left top repeat;}
.banner_wrap ul {margin:0px auto;overflow:hidden;width:1100px;}
.banner_wrap li {float:left;width:366px;margin-right:0px;}
.banner_wrap li a {display:block;width:100%;padding:0px !important;margin:0px !important;height:150px;text-indent:-10000em;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;}
/* .banner_wrap .banner_01 a {background:url(/images/main/banner.png) no-repeat 0px 0px;}
.banner_wrap .banner_02 a {background:url(/images/main/banner.png) no-repeat -183px 0px;}
.banner_wrap .banner_03 a {background:url(/images/main/banner.png) no-repeat -366px 0px;}
.banner_wrap .banner_04 a {background:url(/images/main/banner.png) no-repeat -549px 0px;}
.banner_wrap .banner_05 a {background:url(/images/main/banner.png) no-repeat -732px 0px;}
.banner_wrap .banner_06 a {background:url(/images/main/banner.png) no-repeat -915px 0px;}
.banner_wrap .banner_01 a:hover {background:url(/images/main/banner.png) no-repeat 0px -300px;}
.banner_wrap .banner_02 a:hover {background:url(/images/main/banner.png) no-repeat -183px -300px;}
.banner_wrap .banner_03 a:hover {background:url(/images/main/banner.png) no-repeat -366px -300px;}
.banner_wrap .banner_04 a:hover {background:url(/images/main/banner.png) no-repeat -549px -300px;}
.banner_wrap .banner_05 a:hover {background:url(/images/main/banner.png) no-repeat -732px -300px;}
.banner_wrap .banner_06 a:hover {background:url(/images/main/banner.png) no-repeat -915px -300px;} */


.banner_wrap .banner_01 a {background:url(/images/main/banner.png) no-repeat 0px 0px;}
.banner_wrap .banner_02 a {background:url(/images/main/banner.png) no-repeat -366px 0px;}
.banner_wrap .banner_03 a {background:url(/images/main/banner.png) no-repeat -732px 0px;}
.banner_wrap .banner_01 a:hover {background:url(/images/main/banner.png) no-repeat 0px -300px;}
.banner_wrap .banner_02 a:hover {background:url(/images/main/banner.png) no-repeat -366px -300px;}
.banner_wrap .banner_03 a:hover {background:url(/images/main/banner.png) no-repeat -732px -300px;}

.banner_middle {margin:30px 0px;overflow:hidden;border:1px solid #dcdcdc;}
.banner_middle li {float:left;padding:30px;width:339px;}
.banner_middle li + li {border-left:1px solid #dcdcdc;}
.banner_middle li h1 {font-size:18px;font-weight:normal;}
.banner_middle li p {padding:15px 0px 0px 0px;font-size:13px;}
.banner_middle li.last {width:237px;}
.banner_middle li a {display:block;position:relative;}
.banner_middle li a .more {position:absolute;right:30px;top:0px;display:block;width:35px;height:100%;background:url(/images/main/more.png) left center no-repeat;}
.banner_middle li a:hover .more {background:url(/images/main/more.png) -35px center no-repeat;}
.banner_middle .icon_01 {display:block;position:absolute;right:85px;top:0px;width:80px;height:100%;background:url(/images/main/icon_banner_middle.png) left center no-repeat;}
.banner_middle .icon_02 {display:block;position:absolute;right:85px;top:0px;width:80px;height:100%;background:url(/images/main/icon_banner_middle.png) -80px center no-repeat;}
.banner_middle .icon_03 {display:block;position:absolute;right:85px;top:0px;width:80px;height:100%;background:url(/images/main/icon_banner_middle.png) -160px center no-repeat;}

.board {overflow:hidden;}
.board > li {float:left;padding:30px;width:339px;height:120px;}
.board .qna { display: none; border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#eeeeee;}
.board .notice { width:488px; border:1px solid #dcdcdc;}
.board li h1 {margin:0px 0px 15px 0px;font-size:18px;font-weight:normal;}
.board .notice li a, .board .qna li a {line-height:25px;}
.board .customer {width:490px;height:122px;color:#FFF;background:url(/images/main/bg_customer.png) right bottom no-repeat #291d11;}
.board .customer ul {margin:15px 0px 0px 0px;}
.board .customer li { display: inline-block; margin:0 10px 5px 0; font-weight:bold;font-size:20px;letter-spacing:-1px;}
.board .customer li.brown {font-weight:bold;font-size:20px;letter-spacing:2px;}
.board .customer span {display:inline-block;margin:0px 5px 0px 0px;padding:0px 0px 2px 0px;width:60px;line-height:20px;letter-spacing:0px;color:#291d11;font-size:11px;text-align:center;font-weight:normal;vertical-align:middle;border-radius:20px;background:#FFF;}

/* 달력reset */
#datepicker {margin:0px !important;;padding:0px !important;;}
#datepicker div {font-size:16px !important;}
#datepicker > div {margin:0px auto !important;;position:relative !important;;}
.ui-datepicker {padding:20px 30px !important;width:770px !important;}
.ui-widget-content {border:1px solid #ccc !important;border-radius:0px !important;}
.ui-widget-header {border:none !important;background:none !important;}
.ui-widget-content .ui-state-default {border:none !important;background:none !important;text-align:center !important;width:30px !important;padding:0px !important;height:30px !important; line-height:30px !important;}
.ui-widget-content .ui-datepicker-week-end:first-child a.ui-state-default, .ui-widget-content th.ui-datepicker-week-end:first-child span {color:#e60012 !important;}
.ui-widget-content .ui-datepicker-week-end a.ui-state-default, .ui-widget-content th.ui-datepicker-week-end span {color:#0068b7 !important;}
.ui-widget-content .ui-state-active.ui-state-highlight, .ui-widget-content .ui-state-highlight {background:#eb6100 !important;border-radius:100px !important;color:#FFF !important;}
.ui-widget-content .ui-state-active {background:#00a0e9 !important;border-radius:100px !important;color:#FFF !important;}
.ui-datepicker-group + .ui-datepicker-group {border-left:1px solid #eee !important;width:33% !important;}
.ui-datepicker .ui-datepicker-prev {left:-20px !important;top:110px !important;width:15px !important;height:30px !important;background:url(/images/common/arrow.png) left top no-repeat !important;cursor:pointer !important;}
.ui-datepicker .ui-datepicker-next {right:-20px !important;top:110px !important;width:15px !important;height:30px !important;background:url(/images/common/arrow.png) left -30px no-repeat !important;cursor:pointer !important;}
.ui-widget-content .ui-datepicker-prev.ui-state-hover {border:none !important;background:url(/images/common/arrow.png) -15px top no-repeat !important;}
.ui-widget-content .ui-datepicker-next.ui-state-hover {border:none !important;background:url(/images/common/arrow.png) -15px -30px no-repeat !important;}
.ui-datepicker .ui-icon {background:none !important;}