html, body{width:100%; min-height:100%;}
html{overflow-y:auto; overflow-x:hidden; filter:expression(document.execCommand("BackgroundImageCache", false, true));}
body{background:#fff; overflow-x:hidden; -webkit-text-size-adjust:none;}
#wrap {position:relative; width:100%; overflow:hidden;}
.overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url('/images/common/overlay.png') repeat; z-index:500;}
.overlay02 {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url('/images/common/overlay.png') repeat; z-index:250;}
/* .overlay03 {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url('/images/common/overlay_03.png') repeat; z-index:500;} */

#header, #mainVisual, #subVisual, #container, #foot{width:100%; position:relative;}
.inner {position:relative; width:100%; padding:0 5vw; margin:0 auto; box-sizing:border-box;}
.inner:after {content:""; display:block; clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;}
.pc {display:block !important;}
.tablet {display:none !important;}
.mobile {display:none !important;}
.tabmo {display:none !important;}
img.tablet_img {display:none;}
img.tabmo_img {display:none;}
img.mobile_img {display:none;}

/*header*/
#header {width:100%; /*height:88px;*/ z-index:300;}
#header:after {content:""; display:block; clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;}
.headerWrap {position:relative; max-width:1820px; padding:0 2.5vw;}
.headerWrap .btn_menu {display:none;}
.headerWrap h1 {position:absolute; top:0; left:0; width:200px; padding:20px 10px}
.headerWrap h1 .logo_b {display:block;width:100%}
.headerWrap h1 .logo_s {display:none;}
.headerWrap .UtilWrap {float:right; padding-top:25px;}
.headerWrap .UtilWrap .mem_profile {float:left; margin-right:40px; line-height:35px;}
.headerWrap .UtilWrap .mem_profile p {display:inline-block; padding-left:25px; font-size:14px; font-weight:600; color:#222; vertical-align:middle;}
.headerWrap .UtilWrap .mem_profile p:first-child {padding-left:0;}
.headerWrap .UtilWrap .SearchArea {position:relative; float:left; width:275px; border-bottom:1px solid #000;}
.headerWrap .UtilWrap .SearchArea input.text {width:100%; height:35px; padding-right:20px; border:none;}
.headerWrap .UtilWrap .SearchArea input.text::placeholder {opacity:0;}
.headerWrap .UtilWrap .SearchArea input.text::-moz-placeholder { /* Firefox 19+ */ opacity:0;}
.headerWrap .UtilWrap .SearchArea input.text:-moz-placeholder { /* Firefox 4 - 18 */ opacity:0;}
.headerWrap .UtilWrap .SearchArea input.text::-webkit-input-placeholder { /* Chrome, Safari, Opera */ opacity:0;}
.headerWrap .UtilWrap .SearchArea input.text::-ms-input-placeholder { /* Edge */ opacity:0;}
.headerWrap .UtilWrap .SearchArea input.text:-ms-input-placeholder { /* Edge */ opacity:0;}
.headerWrap .UtilWrap .SearchArea .btn_search {position:absolute; top:0; right:0; width:20px; height:35px; padding:0; background:url('/images/common/btn/btn_search.png') no-repeat center center; font-size:0; line-height:0; text-indent:-9999px; z-index:10; cursor:pointer;}
.headerWrap .UtilWrap .SearchArea .btn_search_close {display:none;}
.headerWrap .UtilWrap .top_util {float:left; padding-left:40px;}
.headerWrap .UtilWrap .top_util ul:after {content:""; display:block; clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;}
.headerWrap .UtilWrap .top_util ul li {float:left; margin-left:30px; font-size:14px; font-weight:600; line-height:35px;}
.headerWrap .UtilWrap .top_util ul li:first-child {margin-left:0;}
.headerWrap .UtilWrap .top_util ul li a {color:#222;}
.headerWrap .UtilWrap .top_util ul li.myorder {padding-left:18px; background:url('/images/common/icon/icon_buy.png') no-repeat 0 center;}
.headerWrap .UtilWrap .top_util ul li.myinfo {padding-left:19px; background:url('/images/common/icon/icon_mem.png') no-repeat 0 center;}
.headerWrap .UtilWrap .top_util ul li.logout {padding-left:20px; background:url('/images/common/icon/icon_logout.png') no-repeat 0 center;}

/* AllMenu */
#Menu {position:absolute; top:0; left:0; width:220px; height:100%; background:#fff; border-right:1px solid #e5e5e5; vertical-align:top; z-index:250;}
#Menu .menuWrap {padding-top:200px; }
#Menu .menuWrap ul > li {line-height:41px; font-size:17px; font-weight:600; margin:0 18px 0 50px;}
#Menu .menuWrap > ul > li > a {color:#222;}
#Menu .menuWrap > ul > li:hover > a,
#Menu .menuWrap > ul > li.on > a {color:#1b67a6; text-decoration:underline;}
#Menu .menuWrap ul li a {display:block; margin:0 18px 0 50px;}

#Menu .menu_util,
#Menu .mem_profile,
#Menu .btn_logout,
#Menu .btn_menu_close {display:none;}

/* 메인비주얼 */
#mainVisual {float:left; width:63.5%; height:29.9vw; position:relative; overflow:hidden;}
#mainVisual li img {width:100%; height:29.9vw; vertical-align:top;}

/*메인비주얼 블릿*/
#mainVisual .bx-pager {position:absolute; bottom:20px; width:100%; text-align:center; z-index:99;}
#mainVisual .bx-pager-item {display:inline-block; zoom:1; *display:inline; }
#mainVisual .bx-pager-item .bx-pager-link {font-size:0; line-height:0; display:inline-block; width:7px; height:7px; margin:0 6px; background:#fff; border-radius:100%; vertical-align:top; opacity: 0.5; filter:alpha(opacity=50); -mox-opacity:0.5;}
#mainVisual .bx-pager-item .bx-pager-link.active {opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}

/*main contents*/
.mainvisualCon {border-bottom:1px solid #dfdfdf; overflow:hidden;}
.mainvisualCon .main_banner {float:left; width:36.5%;}
.mainvisualCon .main_banner ul li {width:100%;}
.mainvisualCon .main_banner ul li img {width:100%; height:14.95vw; vertical-align:top;}

.mainConWrap h2 {padding-bottom:30px; font-size:30px; font-weight:700; text-align:center; color:#222;}
.mainConWrap .mainProducts {padding-bottom:5vw;}
.mainConWrap .section {padding-top:5vw;}
.mainConWrap .section.bg {background:#f0f0f0;}
.mainConWrap #shop {position:relative;}
.mainConWrap #shop.thumb .swiper-button {position:absolute; top:50%; display:block; width:21px; height:40px; margin-top:-20px; font-size:0; line-height:0; text-indent:-9999px; z-index:50;}
.mainConWrap #shop.thumb .swiper-button.swiper-button-prev {left:-50px; background:url('/images/main/slide_l.png') no-repeat 0 0;}
.mainConWrap #shop.thumb .swiper-button.swiper-button-next {right:-50px; background:url('/images/main/slide_r.png') no-repeat 0 0;}

/* 검색영역 */
.prdSearchArea {position:relative; padding:32px 5vw; background:#f3f3f7; border-bottom:1px solid #dfdfdf; text-align:center; font-size:0; z-index:60;}
.prdSearchArea select,
.prdSearchArea input,
.prdSearchArea > div {display:inline-block; vertical-align:top;}
.prdSearchArea select,
.prdSearchArea input.text,
.prdSearchArea .select_facility .selectType01 {padding:0 0 0 20px; height:55px; border-color:#dfdfdf; border-radius:4px; font-size:16px; color:#555;}
.prdSearchArea > select,
.prdSearchArea > input,
.prdSearchArea .dateWrap,
.prdSearchArea .select_facility {margin-left:0.5%;}
.prdSearchArea select.category {width:11%; margin-left:0;}
.prdSearchArea select.area {width:13.5%;}
.prdSearchArea select.num {width:8%;}
.prdSearchArea .dateWrap {width:13%;}
.prdSearchArea input.text {width:100%; margin-left:0;}
.prdSearchArea .dateWrap {position:relative;}
.prdSearchArea .dateWrap .ui-datepicker-trigger {position:absolute; top:0; right:0; width:20px; padding:18px; cursor:pointer;}
.prdSearchArea .select_facility {width:17%;}
.prdSearchArea .select_facility .selectType01 {display:inline-block; width:100%; border:1px solid #dfdfdf; text-align:left; line-height:55px; box-sizing:border-box;}

.prdSearchArea .checkArea {display:none; position:absolute; left:0; top:120px; width:100%; padding:30px 0; background:#f3f3f7; border-bottom:1px solid #dfdfdf; z-index:50;}
.prdSearchArea .checkArea dl {margin-top:30px; text-align:left; overflow:hidden;}
.prdSearchArea .checkArea dl:first-child {margin-top:0;}
.prdSearchArea .checkArea dl dt {float:left; width:100px; font-size:16px; color:#000; line-height:28px;}
.prdSearchArea .checkArea dl dd {float:left; width:calc(100% - 100px); font-size:14px; color:#555; overflow:hidden; line-height:28px;}
.prdSearchArea .checkArea dl dd label {float:left; width:11.111111111111%;}
.prdSearchArea .checkArea dl dd input {margin-left:0; vertical-align:middle;}

/* ListStyle */
.ListType01 li {position:relative; padding-left:10px; line-height:24px;}
.ListType01 li:before {content:'-'; position:absolute; top:0; left:0;}

.ListType02 {margin-top:-1.5%; margin-bottom:100px; overflow:hidden;}
.ListType02 li {position:relative; float:left; width:32.33333333333%; margin-left:1.5%; margin-top:1.5%;}
.ListType02 li:nth-child(3n-2) {margin-left:0;}
.ListType02 li img {width:100%;}
.ListType02 li span {position:absolute; left:0; bottom:0; display:block; width:100%; background-color:rgba(0,0,0,0.4); font-size:16px; font-weight:600; text-align:center; color:#fff; z-index:1; line-height:36px;}

.ListType03 {margin-top:-1.5%; margin-bottom:100px; overflow:hidden;}
.ListType03 li {position:relative; float:left; width:32.33333333333%; margin-left:1.5%; margin-top:1.5%; overflow:hidden; cursor:pointer;}
.ListType03 li:nth-child(3n-2) {margin-left:0;}
.ListType03 li img {width:100%;}
.ListType03 li span {position:absolute; left:0; bottom:0; display:block; width:100%; font-size:16px; font-weight:600; text-align:center; color:#fff; z-index:1; line-height:36px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.ListType03 li:after {content:''; position:absolute; top:calc(100% - 36px); left:0; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.4); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;} 
.ListType03 li:hover:after {top:0;}
.ListType03 li:hover span {bottom:50%; margin-bottom:-45px;}
.ListType03 li:hover span:before {content:''; display:block; width:100%; height:45px; background:url('/images/common/icon/icon_more.png') no-repeat center top;}

/* SelectStyle */
.selectType01 {background:#fff url('/images/common/icon/icon_select_arrow.png') no-repeat; background-position:calc(100% - 18px) center; border-radius:0; -webkit-border-radius:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; cursor:pointer;}
.selectType01::-ms-expand {display: none;}
.selectType01.on {background-image:url('/images/common/icon/icon_select_arrow_on.png');}

/* LayerStyle */
.LayerType01 {display:none; position:fixed; top:50%; left:50%; width:740px; height:715px; margin-left:-370px; margin-top:-357.5px; background:#fff; z-index:550;}
.LayerType01 .LayerTitleArea {position:relative; padding:0 30px; background:#f5f5f5; line-height:58px;}
.LayerType01 .LayerTitleArea strong {display:block; font-size:21px; font-weight:600; color:#222;}
.LayerType01 .LayerTitleArea .btn_close {position:absolute; top:50%; right:30px; display:block; width:13px; height:13px; margin-top:-6.5px; background:url('/images/common/btn/btn_close.png') no-repeat 0 0; font-size:0; line-height:0; z-index:-9999px;}
.LayerType01 .LayerContents {height:calc(100% - 88px); padding:30px; box-sizing:border-box; overflow-y:auto;}
.LayerType01 .LayerContents img {width:100%;}
.LayerType01 .LayerContents p {padding-top:25px; line-height:24px; letter-spacing:-0.2px;}

/* TableStyle */
.TableType01 {width:100%; margin-top:20px; background:#fff; border:1px solid #dfdfdf; border-top:1px solid #000; box-sizing:border-box;}
.TableType01:first-child {margin-top:0;}
.TableType01 .category-check-box {padding:20px; text-align:left;}
.TableType01 .category-check-box label,
.TableType01 .category-check-box strong {font-size:18px; font-weight:600; color:#222;}
.TableType01 .category-check-box label input.checkbox {margin-right:10px;}
.TableType01 .category-check-box .btn_refresh {float:right;}
.TableType01 .table-list {position:relative; display:table; width:100%; padding:20px; border-top:1px solid #dfdfdf; box-sizing:border-box; table-layout:fixed; text-align:left;}
.TableType01 .table-list.checked {background:#fcf4f4;}
.TableType01 .table-list .prdWrap {display:table-cell; width:60%; vertical-align:top;}
.TableType01 .table-list .checkarea {display:table-cell; width:13px; padding-right:15px; vertical-align:top;}
.TableType01 .table-list .prdBox {display:table-cell; padding-right:15px; vertical-align:top; box-sizing:border-box;}
.TableType01 .table-list .prdBox .prdCon {display:table; width:100%; table-layout:fixed;}
.TableType01 .table-list .prdBox .prd_thumb {display:table-cell; width:210px; vertical-align:top;}
.TableType01 .table-list .prdBox .prd_thumb img {width:100%; height:144px;}
.TableType01 .table-list .prdBox .prd_info {display:table-cell; padding-left:50px; vertical-align:top;}
.TableType01 .table-list .prdBox .prd_info dl {width:100%; overflow:hidden; line-height:36px;}
.TableType01 .table-list .prdBox .prd_info dl dt {float:left; width:108px;}
.TableType01 .table-list .prdBox .prd_info dl dd {float:left; width:calc(100% - 108px); color:#222;}
.TableType01 .table-list .priceWrap {display:table-cell; width:40%; padding-top:10px; vertical-align:top;}
.TableType01 .table-list .priceWrap .amountWrap {display:table-cell; width:180px; vertical-align:top;}
.TableType01 .table-list .priceWrap .amountWrap p {font-size:16px; text-align:center; color:#222; line-height:32px;}
.TableType01 .table-list .priceWrap .point {display:table-cell; font-size:18px; color:#222; font-weight:600; text-align:center; vertical-align:top; line-height:32px;}
.TableType01 .table-list .btn_delete01 {position:absolute; top:10px; right:20px;}
.TableType01 .table-list .nodata {padding:175px 0; text-align:center;}

.TableType03 {width:100%; border:1px solid #e1e1e1; border-top-color:#000;}
.TableType03 thead th,
.TableType03 tbody td {padding:15px 0; border-bottom:1px solid #eee; border-left:1px solid #eee; text-align:center; line-height:25px;}
.TableType03 thead th:first-child,
.TableType03 tbody td:first-child {border-left:none;}
.TableType03 thead th {font-weight:600; color:#222;}
.TableType03 tfoot td {padding:15px 0; background:#f8f8f8; text-align:center; color:#222; line-height:25px;} 

.TableType04 {width:100%; border-top:1px solid #000;}
.TableType04 thead th,
.TableType04 tbody td {padding:15px 0; border-bottom:1px solid #eee; text-align:center; line-height:25px;}
.TableType04 thead th {font-weight:600; color:#222;}
.TableType04 tbody td {font-size:15px;}

/* 제품 리스트 갤러리형 */
#shop.thumb ul {margin-top:-50px; font-size:0;}
#shop.thumb ul:after {content:""; display:block; clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;}
#shop.thumb li {display:inline-block; width:23.5%; margin-right:2%; margin-top:50px; vertical-align:top;}
#shop.thumb li:nth-child(4n) {margin-right:0;}
#shop.thumb li .prd_thumb {position:relative; width:100%; overflow:hidden;height:180px;}
#shop.thumb li .prd_thumb a {display:block; width:100%; height:100%;}
#shop.thumb li img {width:100%; height:100%; transition: all 2.0s ease; -moz-transition: all 2.0s ease; -ms-transition: all 2.0s ease; -webkit-transition: all 2.0s ease; -o-transition: all 2.0s ease;object-fit: cover;}
#shop.thumb li:hover .prd_thumb img,
#shop.thumb li:hover .prd_thumb img {transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=2.0, M12=0, M21=0, M22=2.0, SizingMethod='auto expand')"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=2.0, M12=0, M21=0, M22=2.0, SizingMethod='auto expand'); /* IE6 and 7 */}
#shop.thumb li .prd_thumb:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/common/prd_over_txt.png') no-repeat center center; background-color:rgba(27, 103, 166, 0.6); transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; opacity: 0; filter:alpha(opacity=0); -mox-opacity:0;}
#shop.thumb li:hover .prd_thumb:after { opacity: 1; filter:alpha(opacity=1); -mox-opacity:1;}
#shop .prd_info {padding-top:20px;}
#shop .prd_info .category {display:block;}
#shop .prd_info .category .icon_area {display:inline-block; height:23px; padding:0 7px; background:#0f6cb6; font-size:14px; color:#fff; text-align:center; line-height:22px; border-radius:2px; vertical-align:top;}
#shop .prd_info .prd_name {padding-top:10px; font-size:16px; color:#555;}
#shop .prd_info .price {display:block; padding-top:12px; font-size:17px; font-weight:500; color:#ff2a2a;}
#shop .prd_info .detail {display:block; padding-top:5px; font-size:14px; color:#999;}
#shop.thumb li:hover .prd_name {text-decoration:underline;}
#shop.thumb li.swiper-slide:nth-child(4n) {margin-right:2%;}
#shop.thumb li.nodata {display:block; width:100%; padding:20px 0; text-align:center; font-size:16px;}

/* pagearea */
.PageArea {margin-top:50px; text-align:center; font-size:0;}
.PageArea a {position:relative; display:inline-block; width:48px; height:48px; border:1px solid #e5e5e5; margin-left:-1px; font-size:15px; line-height:48px; color:#888; vertical-align:top; overflow:hidden;}
.PageArea a.on {border:1px solid #000; margin-right:1px; color:#000;}
.PageArea a.arrow_p {margin-right:20px;}
.PageArea a.arrow_n {margin-left:20px;}

#shop .PageArea {margin-top:100px;}

/* 제품 상세 */
#shop.view .ProductView {border-top:1px solid #000; overflow:hidden;}
#shop.view .ProductView .prdthumbArea {float:left; width:46%; overflow:hidden;}
#shop.view .ProductView .prdthumbArea .prdthumb li img {width:100%;}
#shop.view .ProductView .prdthumbArea .gallery-thumbs {position:relative; margin-top:1.2%;}
#shop.view .ProductView .prdthumbArea .gallery-thumbs li {position:relative; cursor:pointer;}
#shop.view .ProductView .prdthumbArea .gallery-thumbs li:after {content:''; position:absolute; top:0; right:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.6); box-sizing:border-box;}
#shop.view .ProductView .prdthumbArea .gallery-thumbs li.swiper-slide-thumb-active:after {border:3px solid #1b67a6; background:none;}
#shop.view .ProductView .prdthumbArea .gallery-thumbs li img {width:100%;}
#shop.view .ProductView .prdthumbArea .gallery-thumbs .prd_thumb_button {position:absolute; top:0; width:2vw; height:100%; z-index:10; cursor:pointer;}
#shop.view .ProductView .prdthumbArea .gallery-thumbs .prd_thumb_button.prd-button-prev {left:0; background:url('/images/common/btn/prd_thumb_prev.png') no-repeat center center; background-size:100%;}
#shop.view .ProductView .prdthumbArea .gallery-thumbs .prd_thumb_button.prd-button-next {right:0; background:url('/images/common/btn/prd_thumb_next.png') no-repeat center center;background-size:100%;}
#shop.view .ProductView .prdthumbArea #mainThumb {max-height:430px;}
#shop.view .ProductView .prdthumbArea #carouselThumb {
    max-height: 100px;
}
#shop.view .ProductView .PrdInfo {float:right; width:54%; padding:50px 0 0 7%; box-sizing:border-box;}
#shop.view .ProductView .PrdInfo .PrdInfoCon {padding-bottom:30px; border-bottom:1px solid #eee;}
#shop.view .ProductView .PrdInfo .itemIcon {padding-top:0;}
#shop.view .ProductView .PrdInfo .itemIcon .icon_area02 {display:inline-block; height:26px; padding:0 8px; background:#0f6cb6; font-size:16px; color:#fff; text-align:center; line-height:25px; border-radius:2px; vertical-align:top;}
#shop.view .ProductView .PrdInfo .prdSubject {display:block; padding-top:10px; font-size:30px; font-weight:600; color:#222;}
#shop.view .ProductView .PrdInfo .prdDeatilTxt {display:block; padding-top:5px; color:#555;}
#shop.view .ProductView .PrdInfo .price {display:block; padding-top:22px; font-size:30px; font-weight:500; color:#ff2a2a;}
#shop.view .ProductView .PrdInfo .InfoSection {padding:35px 0;}
#shop.view .ProductView .PrdInfo .InfoSection table {width:100%; table-layout:fixed;}
#shop.view .ProductView .PrdInfo .InfoSection table tbody th,
#shop.view .ProductView .PrdInfo .InfoSection table tbody td {padding-top:15px; font-weight:400; text-align:left; vertical-align:middle; line-height:24px;}
#shop.view .ProductView .PrdInfo .InfoSection table tbody tr:first-child th,
#shop.view .ProductView .PrdInfo .InfoSection table tbody tr:first-child td {padding-top:0;}
#shop.view .ProductView .PrdInfo .InfoSection table tbody th {width:130px;}
#shop.view .ProductView .PrdInfo .InfoSection table tbody th span {padding-left:24px;}
#shop.view .ProductView .PrdInfo .InfoSection table tbody th.address span {background:url('/images/common/icon/icon_address.png') no-repeat 0 center;}
#shop.view .ProductView .PrdInfo .InfoSection table tbody th.phone span {background:url('/images/common/icon/icon_phone.png') no-repeat 0 center;}
#shop.view .ProductView .PrdInfo .InfoSection table tbody th.time span {background:url('/images/common/icon/icon_checkinout.png') no-repeat 0 center;}
#shop.view .ProductView .PrdInfo .InfoSection table tbody td {color:#222;}
#shop.view .ProductView .PrdInfo .InfoSection table tbody td.FacilityIconArea {font-size:0;}

#shop.view .ReservationTable {margin-top:100px;}
#shop.view .ReservationTable .tbl_res {width:100%; border-top:1px solid #000; table-layout:fixed;}
#shop.view .ReservationTable .tbl_res > thead th {padding:15px 0; border-bottom:1px solid #eee; font-weight:600; text-align:center; color:#222; line-height:24px;}
#shop.view .ReservationTable .tbl_res > thead th.name {width:15%;}
#shop.view .ReservationTable .tbl_res > thead th.num {width:10%;}
#shop.view .ReservationTable .tbl_res > thead th.type {width:22%;}
#shop.view .ReservationTable .tbl_res > thead th.btn {width:11%;}
#shop.view .ReservationTable .tbl_res > tbody > tr > td {padding:17px 0; border-bottom:1px solid #eee; font-size:15px; color:#666; text-align:center; line-height:22px;}
#shop.view .ReservationTable .tbl_res > tbody > tr > td > em {display:none;}
#shop.view .ReservationTable .tbl_res > tbody > tr > td.subject {font-weight:600;}
#shop.view .ReservationTable .tbl_res > tbody > tr > td .fee li {display:inline-block; padding:0 12px; vertical-align:middle;}
#shop.view .ReservationTable .tbl_res > tbody > tr > td.res_booking_wrap {display:none; padding:40px 4%;}
#shop.view .ReservationTable .tbl_res > tbody > tr.on > td {background:#f3f3f7;}

#shop.view .ReservationTable .res_booking {position:relative; display:block; overflow:hidden;}
#shop.view .ReservationTable .res_detail {width:68%; border-top:1px solid #000;}
#shop.view .ReservationTable .res_detail .preview_img {position:relative; overflow:hidden;}
#shop.view .ReservationTable .res_detail .preview_img li {vertical-align:top;}
#shop.view .ReservationTable .res_detail .preview_img li img {width:100%; vertical-align:top;}
#shop.view .ReservationTable .res_detail .preview_wrap {position:absolute; left:50%; bottom:20px; width:370px; margin-left:-185px; z-index:50;}
#shop.view .ReservationTable .res_detail .room-preview-thumbs .slick-slide {padding:4px;}
#shop.view .ReservationTable .res_detail .room-preview-thumbs li {position:relative; height:46px; cursor:pointer; vertical-align:top;}
#shop.view .ReservationTable .res_detail .room-preview-thumbs li:after {content:''; position:absolute; top:0; right:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.6); box-sizing:border-box;}
#shop.view .ReservationTable .res_detail .room-preview-thumbs .slick-current li:after {border:2px solid #093488; background:none;}
#shop.view .ReservationTable .res_detail .room-preview-thumbs li img {width:100%; height:100%; vertical-align:top;}
#shop.view .ReservationTable .res_detail .preview_wrap .slick-arrow {position:absolute; top:50%; width:11px; height:20px; margin-top:-10px; font-size:0; line-height:0; text-indent:-9999px; z-index:10; cursor:pointer;}
#shop.view .ReservationTable .res_detail .preview_wrap .slick-arrow.slick-prev {left:-22px; background:url('/images/common/btn/btn_fac_prev.png') no-repeat center center; background-size:100%;}
#shop.view .ReservationTable .res_detail .preview_wrap .slick-arrow.slick-next {right:-22px; background:url('/images/common/btn/btn_fac_next.png') no-repeat center center;background-size:100%;}

#shop.view .ReservationTable .res_detail .TableType01 {overflow:hidden;}
#shop.view .ReservationTable .res_detail .TableType01.mg0 {margin-top:0; border-top:none;}
#shop.view .ReservationTable .res_detail .add_mem_info {font-size:14px; line-height:20px;}
#shop.view .ReservationTable .res_detail .add_mem_info ul {padding-bottom:10px;}
#shop.view .ReservationTable .res_detail .add_mem_info ul li {display:inline-block; padding-left:35px; font-size:16px; color:#222; vertical-align:top;}
#shop.view .ReservationTable .res_detail .add_mem_info ul li:first-child {padding-left:0;}

#shop.view .ReservationTable .res_detail .calendar {float:left; width:49%;}
#shop.view .ReservationTable .res_detail .calendar .Date {margin-bottom:20px; text-align:center;}
#shop.view .ReservationTable .res_detail .calendar .Date b {display:inline-block; padding:0 30px; font-size:24px; font-weight:600; vertical-align:middle;}
#shop.view .ReservationTable .res_detail .calendar .Date a {display:inline-block; width:30px; height:30px; border:1px solid #c6c6c6; font-size:13px; font-family:'돋움', Dotum, Sans-serif; text-align:center; vertical-align:middle; box-sizing:border-box; line-height:30px;}
#shop.view .ReservationTable .res_detail .calendar .Date a.month_prev {text-indent:-3px;}
#shop.view .ReservationTable .res_detail .calendar .Date a.month_next {text-indent:3px;}
#shop.view .ReservationTable .res_detail .calendar .Date a:hover {background:#1b67a6; color:#fff;}
#shop.view .ReservationTable .res_detail .calendar_table {width:100%;}
#shop.view .ReservationTable .res_detail .calendar_table thead th {width:14.2857142857%; border-top:1px solid #ececec; border-bottom:1px solid #ececec; background:#f1f1f1; font-size:13px; font-weight:500; text-align:center; line-height:24px;}
#shop.view .ReservationTable .res_detail .calendar_table .sun,
#shop.view .ReservationTable .res_detail .calendar_table .sun a {color:#eb160c;}
#shop.view .ReservationTable .res_detail .calendar_table .sat,
#shop.view .ReservationTable .res_detail .calendar_table .sat a {color:#005bac;}
#shop.view .ReservationTable .res_detail .calendar_table tbody td {border-bottom:1px solid #ececec; border-right:1px solid #ececec; font-size:14px; color:#222; text-align:center; line-height:45px;}
#shop.view .ReservationTable .res_detail .calendar_table tbody td:first-child {border-left:1px solid #ececec;}
#shop.view .ReservationTable .res_detail .calendar_table tbody td a {display:block; color:#222;}
#shop.view .ReservationTable .res_detail .calendar_table tbody td.none a {opacity: 0.3; filter:alpha(opacity=30); -mox-opacity:0.3;}
#shop.view .ReservationTable .res_detail .calendar_table tbody td.on a,
#shop.view .ReservationTable .res_detail .calendar_table tbody td:hover a {background:#1b67a6; color:#fff;}
#shop.view .ReservationTable .res_detail .calendar_table tbody td.none:hover a {background:inherit; color:inherit;}
#shop.view .ReservationTable .res_detail .reser_form {float:right; width:42%; padding-top:60px;}
#shop.view .ReservationTable .res_detail .reser_form table {width:100%;}
#shop.view .ReservationTable .res_detail .reser_form table th {width:104px; padding-top:10px; font-weight:400; text-align:left; vertical-align:middle;}
#shop.view .ReservationTable .res_detail .reser_form table td {padding-top:10px; vertical-align:middle;}
#shop.view .ReservationTable .res_detail .reser_form table tr:first-child th,
#shop.view .ReservationTable .res_detail .reser_form table tr:first-child td {padding-top:0;}
#shop.view .ReservationTable .res_detail .reser_form table td input.text,
#shop.view .ReservationTable .res_detail .reser_form table td select {width:100%;}
#shop.view .ReservationTable .res_detail .reser_form table td input::placeholder {color:#999;}
#shop.view .ReservationTable .res_detail .reser_form table td input::-moz-placeholder { color:#999;}
#shop.view .ReservationTable .res_detail .reser_form table td input:-moz-placeholder {color:#999;}
#shop.view .ReservationTable .res_detail .reser_form table td input::-webkit-input-placeholder {color:#999;}
#shop.view .ReservationTable .res_detail .reser_form table td input::-ms-input-placeholder {color:#999;}
#shop.view .ReservationTable .res_detail .reser_form table td input:-ms-input-placeholder {color:#999;}
#shop.view .ReservationTable .res_detail .reser_form table td select {padding-right:40px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#shop.view .ReservationTable .res_detail .reser_check_area .table-list {padding:30px 20px;}

#shop.view .ReservationTable .payment_info_box {width:30.5%; padding-left:0; margin-left:1.5%;}
#shop.view .ReservationTable .payment_info_box.bottom {top:inherit !important; bottom:0 !important;}
#shop.view .ReservationTable .payment_info_box table tbody th {padding-left:20px; background:#f8f8f8; font-size:15px; font-weight:400; color:#666; text-align:left;}
#shop.view .ReservationTable .payment_info_box table tbody td {padding-left:0; font-size:15px; text-align:left; color:#222;}
#shop.view .ReservationTable .payment_info_box table tfoot td {font-size:30px;}

.prdBtnBox {margin-top:2%; font-size:0;}
.prdBtnBox a,
.prdBtnBox input {width:49.5%; margin-left:1%;}
.prdBtnBox a:first-child,
.prdBtnBox input:first-child {margin-left:0;}

#shop.view .BookDetail .prdsection {margin-top:75px;}
#shop.view .BookDetail .PrdQuick {margin-bottom:40px;}
#shop.view .BookDetail .PrdQuick ul {border-bottom:1px solid #eee; overflow:hidden;}
#shop.view .BookDetail .PrdQuick ul li {float:left; width:25%; border-top:1px solid #eee; font-weight:400; text-align:center; line-height:60px;}
#shop.view .BookDetail .PrdQuick ul li.on {border-color:#222; font-weight:600;}
#shop.view .BookDetail .PrdQuick ul li a {display:block;}
#shop.view .BookDetail .PrdQuick ul li.on a {color:#222;}
#shop.view .BookDetail .prdsection .DetailBox {line-height:24px;}
#shop.view .BookDetail .prdsection .DetailBox img {width:100%; vertical-align:top;}
#shop.view .BookDetail .prdsection .location_detail .lc_info {margin-bottom:20px; overflow:hidden;}
#shop.view .BookDetail .prdsection .location_detail .lc_info li {float:left; padding-left:25px; margin-left:40px;}
#shop.view .BookDetail .prdsection .location_detail .lc_info li:first-child {margin-left:0;}
#shop.view .BookDetail .prdsection .location_detail .lc_info li.address {background:url('/images/common/icon/icon_address.png') no-repeat 0 center;}
#shop.view .BookDetail .prdsection .location_detail .lc_info li.phone {background:url('/images/common/icon/icon_phone.png') no-repeat 0 center;}
#shop.view .BookDetail .prdsection .locationArea #map {width:100%; height:405px;}

/*sub contents*/
#container {width:100%; border-top:1px solid #eee;}
#contents {position:relative; padding-left:221px;}

/* 서브메뉴 */
#SNB {margin-bottom:55px;}
#SNB ul {border-bottom:1px solid #222;}
#SNB ul:after {content:""; display:block; clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;}
#SNB ul li {float:left; width:220px; height:50px; background:#f8f8f8; border:1px solid #f8f8f8; border-bottom:none; text-align:center; line-height:50px; box-sizing:border-box;}
#SNB ul li a {display:block; font-weight:600;}
#SNB ul li.on {border-color:#222;}
#SNB ul li.on a {background:#fff; padding-bottom:1px; color:#222;}

/*contents*/
.contentsWrap {/* max-width:1700px; */ padding:60px 5vw; margin:0 auto;}
.contentsArea {padding:0px; min-height:500px}
.TitleArea {position:relative; margin-bottom:35px; overflow:hidden;}
.TitleArea h3 {float:left; font-size:30px; font-weight:600; color:#222;}
.TitleArea02 {position:relative; margin-bottom:16px;}
.TitleArea02 h4 {font-size:24px; font-weight:600; color:#222;}
.TitleArea02 .selectType01 {position:absolute; right:0; bottom:-5px; width:125px;}
.TitleArea .info {float:left; padding-left:5px; padding-top:15px; font-size:14px;}

.contentsArea .section {padding-top:45px;}
.contentsArea .section:after {content:""; display:block; clear:both; font-size:0; line-height:0; width:0; height:0; visibility:hidden;}
.contentsArea .section .info_txt02 {padding-top:10px; font-size:14px; line-height:22px;}
.section_TitleArea {margin-bottom:15px; overflow:hidden;}
.section_TitleArea h4 {float:left; font-size:24px; font-weight:600; color:#222;}
.section_TitleArea .btnarea {float:right;}

/* 장바구니 */
.OrderStep {float:right; padding-top:15px;}
.OrderStep ul {overflow:hidden;}
.OrderStep ul li {float:left; padding-left:10px; font-size:14px; font-weight:800; color:#999; letter-spacing:0.25px;}
.OrderStep ul li:first-child {padding-left:0;}
.OrderStep ul li.on {color:#222;}
.OrderStep ul li.dots {letter-spacing:1px;}

#order {position:relative;}
#order .orderInfo {width:72%;}

#order .payment_info_box {position:absolute; top:0; right:0; width:27%; padding-left:5px; box-sizing:border-box;}
#order .payment_info_box table {width:100%; border:1px solid #dfdfdf; border-top-color:#000; box-sizing:border-box;}
#order .payment_info_box table thead th {padding:19px 20px; border-bottom:1px solid #dfdfdf; background:#fff; font-size:18px; font-weight:600; text-align:left; color:#222;}
#order .payment_info_box table tbody tr:first-child th,
#order .payment_info_box table tbody tr:first-child td,
#order .payment_info_box table tbody tr td.pdt {padding-top:15px;}
#order .payment_info_box table tbody tr:last-child th,
#order .payment_info_box table tbody tr:last-child td,
#order .payment_info_box table tbody td.point_info {padding-bottom:15px;}
#order .payment_info_box table tbody td {padding:0 20px; background:#f8f8f8; line-height:35px; vertical-align:top;}
#order .payment_info_box table tbody td.pay_guide {font-size:14px;}
#order .payment_info_box table tbody td ul {padding-top:5px;}
#order .payment_info_box table tbody td ul li {padding-top:15px; font-size:14px; color:#222; line-height:20px;}
#order .payment_info_box table tbody td ul li:first-child {padding-top:0;}
#order .payment_info_box table tbody td.point_info {border-bottom:1px solid #dfdfdf;}
#order .payment_info_box table tbody td.point_info dl {width:100%; overflow:hidden;}
#order .payment_info_box table tbody td.point_info dl dt {float:left; width:115px; color:#222;}
#order .payment_info_box table tbody td.point_info dl dd {float:left; width:calc(100% - 115px); color:#222;}
#order .payment_info_box table tbody td.point_info dl dd input.text {width:100%;}
#order .payment_info_box table tfoot th,
#order .payment_info_box table tfoot td {padding:22px 20px; border-top:1px solid #dfdfdf; background:#fff;}
#order .payment_info_box table tfoot th {width:100px; padding-right:0 !important; font-weight:600; color:#222; text-align:left;}
#order .payment_info_box table tfoot td {padding-left:0 !important; font-size:24px; font-weight:600; color:#ff2a2a; text-align:right;}
#order .payment_info_box .payment-btnarea p {padding-top:10px; font-size:14px; text-align:center; line-height:20px;}
#order .payment_info_box .payment-btnarea a,
#order .payment_info_box .payment-btnarea input {margin-top:10px;}
#order .prdBtnBox {display:none;}

/*구매약관*/
#order .payment_info_box .payment-agree-box {padding:20px 0 10px;margin-top:10px; border:1px solid #dfdfdf;}
#order .payment_info_box .payment-agree-box label {display:block; margin:0 0 10px 10px; font-size:15px; font-weight:400; color:#333; line-height:1;}
#order .payment_info_box .payment-agree-box textarea.textarea {margin:0 10px; width:95%; height:83px; background:#f7f7f7; font-size:14px; line-height:22px; resize:none; padding:0;}

/* 주문/결제 */
.TableType02_wrap {padding:30px; border:1px solid #dfdfdf;}
.TableType02_wrap label {margin-right:20px; font-size:14px; line-height:1;}
.TableType02_wrap label input.radio {margin-right:5px;}
.TableType02_wrap .TableType02 {width:100%; table-layout:fixed;}
.TableType02 tbody th {width:110px; font-weight:500;}
.TableType02 tbody th,
.TableType02 tbody td {padding-top:15px; text-align:left; line-height:40px; vertical-align:top;}
.TableType02 tbody tr:first-child th,
.TableType02 tbody tr:first-child td {padding-top:0;}
.TableType02 tbody td {color:#222;}
.TableType02 tbody td input.text {width:415px;}
.TableType02 tbody td input.text.disabled {background:#f8f8f8;}
.TableType02 tbody td textarea {width:100%;}
.TableType02 tbody td .NumArea {font-size:0;}
.TableType02 tbody td .NumArea select.phone,
.TableType02 tbody td .NumArea input.phone {width:125px;}
.TableType02 tbody td .NumArea select.selectType01 {background-position:calc(100% - 10px) center;}
.TableType02 tbody td .NumArea .hyp {display:inline-block; width:20px; font-size:14px; text-align:center; color:#222; vertical-align:middle;}
.TableType02 tbody td .EmailArea {font-size:0;}
.TableType02 tbody td .EmailArea input.text {width:195px;}
.TableType02 tbody td .EmailArea .at {display:inline-block; width:25px; font-size:14px; text-align:center; color:#222; vertical-align:middle;}
.TableType02 tbody td .EmailArea select {display:block; width:415px; margin-top:10px;}
.TableType02 tbody td input.mem_post {width:125px;}
.TableType02 tbody td input.btn_address {margin:0 4px;}
.TableType02 tbody td input.mem_add1 {width:344px;}
.TableType02 tbody td input.mem_add2 {width:566px; margin-top:10px;}
.TableType02 tbody td .info_txt {padding-top:8px; color:#888;}
.TableType02.view tbody th {width:155px; line-height:inherit;}
.TableType02.view tbody td {line-height:inherit;}
.TableType02.view {padding:20px 0; border-top:1px solid #dfdfdf;}
.TableType02.view:first-child {padding-top:0; border-top:none;}
.TableType02.view:last-child {padding-bottom:0;}

.AddressList li {margin-top:5px; border:1px solid #dfdfdf;}
.AddressList li:first-child {margin-top:0;}
.AddressList li label {position:relative; display:block; padding:20px; margin-right:0;}
.AddressList li label.radio_on:after {content:''; position:absolute; top:-1px; left:-1px; width:100%; height:100%; border:1px solid #000;}
.AddressList li .AddressArea {display:inline-block; width:450px; padding-left:10px; vertical-align:top;}
.AddressList li .AddressArea strong {display:block; padding-bottom:10px; font-size:16px; color:#222;}

#order.payment .TableType02 tbody th, 
#order.payment .TableType02 tbody td {padding-top:10px;}
#order.payment .TableType02 tbody tr:first-child th,
#order.payment .TableType02 tbody tr:first-child td {padding-top:0;}
#order.payment .agree_con {padding:20px; border:1px solid #dfdfdf; font-size:15px; line-height:24px; box-sizing:border-box;}
#order.payment .agree_check_area {padding-top:15px; overflow:hidden;}
#order.payment .agree_check_area .All_check {color:#000;}
#order.payment .agree_check_area label {padding-left:25px;}
#order.payment .agree_check_area label:first-child {padding-left:0;}

/* 주문완료 / 주문실패 */
#order.order_complete .orderInfo {width:100%;}
#order .TableType02_wrap.bg {background:url('/images/common/table_bg.png') no-repeat right bottom;}
.precautions {margin-top:15px;}
.precautions ul li {padding-left:24px; margin-top:4px; background:url('/images/common/icon/icon_caut.png') no-repeat 0 4px; color:#222; line-height:22px;}
.precautions ul li:first-child {margin-top:0;}

.InfoBox_01 {padding:75px 20px; border:1px solid #dfdfdf; border-top-color:#000; text-align:center;}
.InfoBox_01 p {font-size:18px; color:#222; line-height:24px;}
.InfoBox_01 p.complete_txt {padding-top:90px; background:url('/images/common/icon/icon_complete.png') no-repeat center top;}

#order.order_fail .orderInfo {width:100% !important;}
.InfoBox_01 p.fail_txt {padding-top:90px; background:url('/images/common/icon/icon_fail.png') no-repeat center top;}

/* 예약내역 */
.order_table_wrap .table_header {border-top:1px solid #000;}
.order_table_wrap .table_header ul {display:table; width:100%; table-layout:fixed;}
.order_table_wrap .table_header ul li {display:table-cell; font-size:16px; font-weight:600; text-align:center; color:#222; line-height:60px;}
.order_table_wrap .table_header ul li.col2 {width:142px;}
.order_table_wrap .table_header ul li.col3 {width:245px;}
.order_table_wrap .table_header ul li.col4 {width:180px;}
/* .order_table_wrap .table_header ul li.col6 {width:135px;}
.order_table_wrap .table_header ul li.col7 {width:95px;} */


.my_order_state .order_state_box {display:table; margin-top:5px; border:1px solid #dfdfdf; width:100%; box-sizing:border-box; table-layout:fixed;}
.my_order_state .order_state_box:first-child {margin-top:0;}
.my_order_state .order_state_box .nodata {text-align:center; line-height:410px;}
.my_order_state .order_state_box .prdWrap {display:table-cell; vertical-align:middle;}
.my_order_state .order_state_box .prdWrap .prdBox {display:table; width:100%; padding:10px 0; border-top:1px solid #eee; font-size:15px; line-height:22px; table-layout:fixed;}
.my_order_state .order_state_box .prdWrap .prdBox:first-child {border-top:none;}
.my_order_state .order_state_box .prdWrap .prdBox .prdCon {display:table-cell; padding:0 10px; vertical-align:middle;}
.my_order_state .order_state_box .prdWrap .prdBox .prdDetail {display:table; width:100%; table-layout:fixed;}
.my_order_state .order_state_box .prdWrap .prdBox .prd_thumb {display:table-cell; width:162px; vertical-align:middle;}
.my_order_state .order_state_box .prdWrap .prdBox .prd_thumb img {width:100%; height:111px; vertical-align:middle;}
.my_order_state .order_state_box .prdWrap .prdBox .prd_info {display:table-cell; padding-left:30px; vertical-align:middle; box-sizing:border-box;}
.my_order_state .order_state_box .prdWrap .prdBox .prd_info .prd_name {padding-bottom:10px; font-size:16px; font-weight:600; color:#222;}
.my_order_state .order_state_box .prdWrap .prdBox .prd_info .point {display:none;}
.my_order_state .order_state_box .prdWrap .prdBox .prd_info .c_date {display:none;}
.my_order_state .order_state_box .prdWrap .price {display:table-cell; width:142px; text-align:center; vertical-align:middle;}
.my_order_state .order_state_box .prdWrap .period {display:table-cell; width:245px; text-align:center; vertical-align:middle;}
.my_order_state .order_state_box .prdWrap .date {display:table-cell; width:135px; font-weight:600; text-align:center; vertical-align:middle;}
.my_order_state .order_state_box .prdWrap .apply_state {display:table-cell; width:95px; font-weight:600; text-align:center; color:#222; vertical-align:middle;}
.my_order_state .order_state_box .prdWrap .order_state {display:table-cell; width:160px; padding:0 10px; text-align:center; vertical-align:middle;}
.my_order_state .order_state_box .prdWrap .order_state strong {display:block; padding-bottom:5px;}
.my_order_state .order_state_box .prdWrap .order_state a,
.my_order_state .order_state_box .prdWrap .order_state input {margin:2px auto 0;}

/* 예약내역 - 상세보기 */
#order.myorderdetail .orderInfo {width:100%;}
#order .orderInfo .prd_order_num {width:100%; padding:0 20px; margin-bottom:-20px; background:#f3f3f3; line-height:60px; box-sizing:border-box; overflow:hidden;}
#order .orderInfo .prd_order_num p {font-size:18px; font-weight:600; color:#222;}
#order .orderInfo .prd_order_num p span {display:inline-block; padding-right:8px; font-size:14px; font-weight:400; color:#666; vertical-align:top;}
#order .orderInfo .prd_order_num p.info {float:right; font-size:14px;}

#Member .TableType01 .table-list .prdWrap {width:58%;}
.TableType01 .table-list .order_state {display:table-cell; width:150px; padding-top:15px; padding-right:30px; text-align:center;}
.TableType01 .table-list .order_state strong {display:block; font-size:15px; padding-bottom:5px;}
.TableType01 .table-list .order_state a, 
.TableType01 .table-list .order_state input {margin:2px auto 0;}
.TableType01 .table-list .order_state .c_date {display:block; padding-top:5px; font-size:14px;}
.TableType01 .reason {width:96%; background:#fafafa; padding:10px 2%; font-size:14px; line-height:22px;}

/* 내 정보 */
#Member.meminfo .TableType01 {border-bottom:none;}
#Member.meminfo .TableType02 tbody th, 
#Member.meminfo .TableType02 tbody td {padding-top:10px;}
#Member.meminfo .TableType02 tbody tr:first-child th, 
#Member.meminfo .TableType02 tbody tr:first-child td {padding-top:0;}
#Member.meminfo .TableType02 tbody th {width:140px;}

/* 내 포인트현황 */
#Member.mypoint .point_box {float:left; width:48.5%; margin-left:3%;}
#Member.mypoint .point_box:first-child {margin-left:0;}
#Member.mypoint .total_point {padding:20px; border-top:1px solid #dfdfdf;}
#Member.mypoint .total_point dl {overflow:hidden; line-height:34px;}
#Member.mypoint .total_point dl dt {float:left; width:120px; font-weight:600; color:#222;}
#Member.mypoint .total_point dl dt b{display:block;margin-bottom:5px;color:#222;font-size:16px;font-weight:600}
#Member.mypoint .total_point dl dt img{top: 60%;left:70px;width:45px;height:29px;margin-top:0px;}
#Member.mypoint .total_point dl dd {float:left; width:calc(100% - 160px); color:#222;}
#Member.mypoint .total_point .usable {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dfdfdf;}
#Member.mypoint .total_point .usable dl dt {font-weight:600; color:#222;}
#Member.mypoint .total_point .usable dl dt img{top: 60%;left:70px;width:45px;height:29px;margin-top:0px;}
#Member.mypoint .total_point .usable dl dt b{display:block;margin-bottom:5px;color:#222;font-size:16px;font-weight:600}
#Member.mypoint .total_point .usable dl dd {font-weight:300;}
#Member.mypoint .TableType03 thead th.date {width:200px;}
#Member.mypoint .TableType04 thead th.date {width:20%; min-width:200px;}
#Member.mypoint .TableType04 thead th.point {width:20%; min-width:200px;}

/* 로그인 */
.LoginWrap {width:100%; height:100%; background:url('/images/common/login_bg.jpg') no-repeat center center; background-size:cover;}
.LoginWrap .LoginBox {position:fixed; left:50%; top:50%; width:400px; margin-left:-155px; margin-top:-140px;}
.LoginWrap .LoginBox .logo {width:100%;}
.LoginWrap .LoginBox .logo2 {font-size:28px; font-weight:600; color:#fff;}
.LoginWrap .LoginBox table {width:100%; margin-top:30px;}
.LoginWrap .LoginBox table td {padding-top:10px;}
.LoginWrap .LoginBox table tr:first-child td {padding-top:0;}
.LoginWrap .LoginBox table td input.text,
.LoginWrap .LoginBox table td button {width:100%;}
.LoginWrap .LoginBox table td input.text {height:50px; background:none; border-color:#bbb; color:#fff;}
.LoginWrap .LoginBox table td input::placeholder {color:#ddd;}
.LoginWrap .LoginBox table td input::-moz-placeholder {color:#ddd;}
.LoginWrap .LoginBox table td input:-moz-placeholder {color:#ddd}
.LoginWrap .LoginBox table td input::-webkit-input-placeholder {color:#ddd;}
.LoginWrap .LoginBox table td input::-ms-input-placeholder {color:#ddd;}
.LoginWrap .LoginBox table td input:-ms-input-placeholder {color:#ddd;}
.LoginWrap .LoginBox table td .btn_login {height:56px; border:none; background:#fbac2d; font-size:18px; font-weight:600; text-align:center; color:#fff; line-height:56px;}
.LoginWrap .LoginBox table td .blue_login {height:56px; border:none; background:#fbac2d; font-size:18px; font-weight:600; text-align:center; color:#fff; line-height:56px;}
.LoginWrap .LoginBox table td .sky_login {height:56px; border:none; background:#db4734; font-size:18px; font-weight:600; text-align:center; color:#fff; line-height:56px;}
.LoginWrap .LoginBox table td label {font-size:14px; color:#fff;}

/* 예약확인 로그인 */
.LoginWrap2 {width:100%; height:100%; background:url('/images/common/login_bg2.jpg') no-repeat center center; background-size:cover;}
.LoginWrap2 .LoginBox {position:fixed; left:50%; top:50%; width:400px; margin-left:-155px; margin-top:-140px;}
.LoginWrap2 .LoginBox .logo {width:100%;}
.LoginWrap2 .LoginBox .logo2 {font-size:28px; font-weight:600; color:#fff;}
.LoginWrap2 .LoginBox table {width:100%; margin-top:30px;}
.LoginWrap2 .LoginBox table td {padding-top:10px;}
.LoginWrap2 .LoginBox table tr:first-child td {padding-top:0;}
.LoginWrap2 .LoginBox table td input.text,
.LoginWrap2 .LoginBox table td button {width:100%;}
.LoginWrap2 .LoginBox table td input.text {height:50px; background:none; border-color:#bbb; color:#fff;}
.LoginWrap2 .LoginBox table td input::placeholder {color:#ddd;}
.LoginWrap2 .LoginBox table td input::-moz-placeholder {color:#ddd;}
.LoginWrap2 .LoginBox table td input:-moz-placeholder {color:#ddd}
.LoginWrap2 .LoginBox table td input::-webkit-input-placeholder {color:#ddd;}
.LoginWrap2 .LoginBox table td input::-ms-input-placeholder {color:#ddd;}
.LoginWrap2 .LoginBox table td input:-ms-input-placeholder {color:#ddd;}
.LoginWrap2 .LoginBox table td .btn_login {height:56px; border:none; background:#fbac2d; font-size:18px; font-weight:600; text-align:center; color:#fff; line-height:56px;}
.LoginWrap2 .LoginBox table td .blue_login {height:56px; border:none; background:#fbac2d; font-size:18px; font-weight:600; text-align:center; color:#fff; line-height:56px;}
.LoginWrap2 .LoginBox table td .sky_login {height:56px; border:none; background:#db4734; font-size:18px; font-weight:600; text-align:center; color:#fff; line-height:56px;}
.LoginWrap2 .LoginBox table td label {font-size:14px; color:#fff;}


/* 검색결과 */
#search .result_txt {display:block; font-size:30px; font-weight:600; color:#222;}
#search .prd_list_section {margin-top:60px;}

/* 이용약관/개인정보처리방침 */
.policy .policy_box {height:800px; padding:30px; border:1px solid #dfdfdf; background:#f8f8f8; line-height:25px; overflow-y:scroll;}

.agreementbox {margin:10px auto 0;}
.agreementbox th,
.agreementbox td {padding:8px 10px; border-right:1px solid #666; border-bottom:1px solid #666; font-size:14px; font-weight:500;}
.agreementbox tr:first-child th,
.agreementbox tr:first-child td {border-top:1px solid #666;}
.agreementbox tr th:first-child,
.agreementbox tr td:first-child {border-left:1px solid #666;}
.agreementbox tr th {width:20px; text-align:center;}
.agreementbox.agreementbox02 tr th {width:40px;}

/*foot*/
#footer {width:100%; border-top:1px solid #eee;}
.footerWrap {position:relative; padding:45px 5vw; font-size:14px; overflow:hidden;}
.footerWrap h2 {float:left;}
.footerWrap .footCon {float:left; width:calc(100% - 237px); padding:0 40px; line-height:24px; box-sizing:border-box;}
.footerWrap .footCon h2 {display:none;}
.footerWrap .f_util ul {padding-bottom:20px; overflow:hidden;}
.footerWrap .f_util ul li {float:left; padding-left:13px;}
.footerWrap .f_util ul li:first-child {padding-left:0;}
.footerWrap .f_util ul li:last-child a {font-weight:600; color:#222;}
.footerWrap .f_util ul li strong {padding-left:2px; font-weight:800;}
.footerWrap address span {padding-right:12px;}
.footerWrap address span:last-child {padding-right:0;}
.footerWrap .copy {font-size:12px; font-weight:300; color:#999;}
.footerWrap .btn_top {position:absolute; top:50%; right:5vw; display:block; width:19px; height:35px; margin-top:-17.5px; background:url('/images/common/btn/btn_top.png') no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px;}






/*============================================================*/
/*======================= PC 1750 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1750px){


}


/*============================================================*/
/*======================= PC 1700 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1700px){

/* 예약내역 - 상세보기 */
.TableType01 .table-list .order_state {padding-right:0;}

}


/*============================================================*/
/*======================= PC 1600 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1600px){

/* 검색영역 */
.prdSearchArea > select, 
.prdSearchArea > input, 
.prdSearchArea .dateWrap, 
.prdSearchArea .select_facility {margin-left:0.5%;}
.prdSearchArea select.category {width:20%;}
.prdSearchArea select.area {width:21%;}
.prdSearchArea select.num {width:14%;}
.prdSearchArea .dateWrap {width:21%;}
.prdSearchArea .select_facility {width:62%; margin-left:0; margin-top:5px;}
.prdSearchArea .btn_search, 
.prdSearchArea .btn_map {margin-top:5px;}
.prdSearchArea .checkArea {top:180px;}
.prdSearchArea .checkArea dl dd label {width:20%;}

/* 제품 상세 */
#shop.view .ReservationTable .res_detail {width:62%;}
#shop.view .ReservationTable .res_detail .calendar {float:none; width:100%;}
#shop.view .ReservationTable .res_detail .reser_form {float:none; width:100%; padding-top:30px;}
#shop.view .ReservationTable .res_detail .calendar_table tbody td {line-height:4vw;}
#shop.view .ReservationTable .payment_info_box {width:36.5%;}

/* 장바구니 */
#order .orderInfo {width:65%;}
#order .payment_info_box {width:35%; padding-left:20px;}

.TableType01 .table-list .prdBox .prd_info {padding-left:30px;}
.TableType01 .table-list .prdBox .prd_info dl dt {width:90px;}
.TableType01 .table-list .prdBox .prd_info dl dd {width:calc(100% - 90px);}
.TableType01 .table-list .prdWrap {display:table; width:100%; table-layout:fixed;}
.TableType01 .table-list .priceWrap {display:block; width:100%; padding-left:28px; box-sizing:border-box;}
.TableType01 .table-list .priceWrap .point {text-align:right;}
.TableType01 .table-list .btn_delete01 {top:20px;}

/* 주문/결제 */
.TableType02 tbody td input.mem_add1 {display:block; width:415px; margin-top:10px;}
.TableType02 tbody td input.mem_add2 {width:415px;}

/* 예약내역 */
.order_table_wrap .table_header ul li.col2,
.order_table_wrap .table_header ul li.col3,
.my_order_state .order_state_box .prdWrap .price,
.my_order_state .order_state_box .prdWrap .period,
.my_order_state .order_state_box .prdWrap .apply_state {display:none;}
.my_order_state .order_state_box .prdWrap .prdBox .prd_info .point {display:block;}
.order_table_wrap .table_header ul li.col4, 
.my_order_state .order_state_box .prdWrap .order_state {width:140px; padding:0;}

/* 예약내역 - 상세보기 */
#Member .TableType01 .table-list .prdBox {padding-right:105px;}
#Member .TableType01 .table-list .prdWrap {width:100%;}
#Member .TableType01 .table-list .priceWrap02 {width:100%;}

.TableType01 .table-list .order_state {position:absolute; top:30px; right:0; display:block; width:130px; padding-top:0;}


}

/*============================================================*/
/*======================= PC 1400 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1400px){

/*header*/
.headerWrap .UtilWrap {padding-top:38px;}
.headerWrap .UtilWrap .mem_profile {position:absolute; top:0; right:2.5vw; margin-right:0;}

}


/*============================================================*/
/*======================= PC 1280 px ~ =======================*/
/*============================================================*/
@media only screen and (max-width:1280px){

/* 메인비주얼 */
#mainVisual {float:none; width:100%; height:auto;}
#mainVisual li img {height:auto;}

/*main contents*/
.mainvisualCon .main_banner {width:100%;}
.mainvisualCon .main_banner ul {overflow:hidden;}
.mainvisualCon .main_banner ul li {float:left; width:50%;}
.mainvisualCon .main_banner ul li img {height:19.4vw;}

.mainConWrap .slider_section .pc {display:none !important;}
.mainConWrap .slider_section .tablet {display:block !important;}
.mainConWrap #shop.thumb .swiper-button.swiper-button-prev {left:-40px;}
.mainConWrap #shop.thumb .swiper-button.swiper-button-next {right:-40px;}

/* 제품 리스트 갤러리형 */
#shop.thumb ul {margin-top:-50px;}
#shop.thumb li {width:32%; margin-top:50px;}
#shop.thumb li:nth-child(4n) {margin-right:2%;}
#shop.thumb li:nth-child(3n) {margin-right:0;}
#shop.thumb li.swiper-slide:nth-child(4n),
#shop.thumb li.swiper-slide:nth-child(3n) {margin-right:2%;}

/* pagearea */
.PageArea a {width:45px; height:45px; line-height:45px;}
.PageArea a img {width:100%;}

/* 제품 상세 */
#shop.view .ProductView .prdthumbArea {width:60%;}
#shop.view .ProductView .PrdInfo {float:left; width:100%; padding:30px 0 0 0;}
#shop.view .ProductView .PrdInfo .prdDeatilTxt {padding-top:20px;}

#shop.view .ReservationTable .tbl_res > thead th.num {width:18%;}
#shop.view .ReservationTable .tbl_res > thead th.type {width:25%;}
#shop.view .ReservationTable .res_detail {width:100%;}
#shop.view .ReservationTable .res_detail .calendar_table tbody td {line-height:5vw;}

#shop.view .ReservationTable .payment_info_box {width:100%; margin-left:0; margin-top:20px;}

/* 서브메뉴 */
#SNB ul li {width:25%;}

/* 장바구니 */
#order .orderInfo {width:100%;}
#order .payment_info_box {position:inherit; width:100%; top:0 !important; margin-top:45px; padding-left:0;}
#order .payment_info_box .payment-btnarea {margin-top:10px; overflow:hidden;}
#order .payment_info_box .payment-btnarea a, 
#order .payment_info_box .payment-btnarea input {float:right; width:49.5%; height:60px; margin-top:0; margin-left:1%; font-size:18px; line-height:58px;}
#order .payment_info_box .payment-btnarea .btn_grayLine {margin-left:0;}

/* 주문/결제 */
#order .payment_info_box .payment-btnarea p {padding:10px 0 20px;}

/* 예약내역 */
.my_order_state .order_state_box .prdWrap .prdBox .prd_info .c_date {display:inline-block;}

}



/* 멤버십 서비스 목록 */
#membership ul li {width:94%; border:1px solid #999; padding:20px; overflow: hidden;}
#membership .mbship_thumb {width:260px; height:185px; border:1px solid red; float:left; overflow:hidden}
#membership .mbship_thumb img {width:100%;}
#membership .mbship_txt {width:55%; float:left; padding:15px 30px}
#membership .mbship_txt .mbship_name {font-size:24px; font-weight: bold; margin-bottom:20px}




/* 통이미지 페이지 */
.mbship_view .mobile_img {display:none}

.popup {
    position:absolute;
    width:500px;
    box-sizing: border-box;
    background-color: #fff;
    border:3px solid #666;;
    top:10%;
    left:50%;
    margin-left:-250px;
    z-index:79;
    padding:25px;    
    line-height: 1.7em;
    border-radius: 10px;
    color:#222

}
.popup .close_popup {
    width:100%; height:30px;
    background:#005bac; color:#fff;
    text-align: center;
    border-radius: 6px;
    margin-top:16px;
    transition: all .3s;
}
.popup .close_popup:hover {background-color: #093488;}