/*===============================================================*/
/*======================= Mobile 520 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:520px){
.pct {display:none !important;}
.tablet {display:none !important;}
.mobile {display:block !important;}
img.tablet_img {display:none;}
img.pct_img {display:none;}
img.mobile_img {display:block;}
table.mobile {display:table;}

.inner {padding:0 4%;}

/*header*/
#header {height:15vw; overflow:hidden;}
.headerWrap {padding:0 4%;}
.headerWrap h1 {top:0; width:40%; margin-left:-20%;}
.headerWrap .btn_menu {width:9%; padding-top:5.2%;}
.headerWrap .UtilWrap {padding-top:5%;}
.headerWrap .UtilWrap .top_util ul li {margin-left:5vw;}
.headerWrap .UtilWrap .top_util li img {height:6vw;}
.headerWrap .UtilWrap .SearchArea {height:15vw;}
.headerWrap .UtilWrap .SearchArea input.text {height:15vw; padding-left:6vw; padding-right:34vw; font-size:3.6vw; line-height:15vw;}
.headerWrap .UtilWrap .SearchArea .btn_search {width:15vw; height:15vw; right:16vw;}
.headerWrap .UtilWrap .SearchArea .btn_search_close {width:15vw; height:15vw;}

/* AllMenu */
#Menu .menu_util {}
#Menu .menu_util ul li {line-height:15vw;}
#Menu .menu_util ul li img {height:4vw; margin-right:2%;}
#Menu .mem_profile {padding:8% 2%;}
#Menu .mem_profile p {padding-top:4%;}
#Menu .mem_profile p br {display:inline-block;}
#Menu .menuWrap > ul > li {font-size:3.4vw; line-height:12vw;}
#Menu .menuWrap ul li a {margin:0 8%;}
#Menu .menuWrap .submenu {padding:4% 0;}
#Menu .menuWrap .submenu li {font-size:2.8vw; line-height:8vw;}
#Menu .btn_menu_close {right:-15vw; width:15vw; height:15vw;}
#Menu .btn_logout {padding:6% 8%;}
#Menu .btn_logout a{font-size:2.8vw; line-height:7vw;}

/*메인비주얼 블릿*/
#mainVisual .bx-pager {bottom:5px;}
#mainVisual .bx-pager-item .bx-pager-link {width:5px; height:5px; margin:0 5px;}

/*main contents*/
.mainvisualCon .main_banner ul li img {height:61.3vw;}

.mainConWrap h2 {padding-bottom:4%; font-size:4.5vw;}
.mainConWrap .mainProducts {padding-bottom:12%;}
.mainConWrap .section {padding-top:12%;}
.mainConWrap .slider_section .tablet {display:none !important;}
.mainConWrap .slider_section .mobile {display:block !important;}
.mainConWrap #shop.thumb .swiper-button {top:12vw; width:4vw; height:8vw; z-index:10;}
.mainConWrap #shop.thumb .swiper-button.swiper-button-prev {left:-2%; background-image:url('/images/main/slide_l_m.png');}
.mainConWrap #shop.thumb .swiper-button.swiper-button-next {right:-2%; background-image:url('/images/main/slide_r_m.png')}
.mainConWrap .slider_section #shop .prd_info {padding-left:1px;}

/* 검색영역 */
.prdSearchArea {padding:4%;}
.prdSearchArea select,
.prdSearchArea input.text,
.prdSearchArea .select_facility .selectType01 {padding-left:3vw; height:10vw; border-radius:2px; font-size:3.4vw;}
.prdSearchArea .dateWrap {width:49.5%; margin-top:1%;}
.prdSearchArea .dateWrap .ui-datepicker-trigger {width:4vw; padding:3vw;}
.prdSearchArea .select_facility {width:100%; margin-left:0; margin-top:1%;}
.prdSearchArea .select_facility .selectType01 {line-height:10vw;}
.prdSearchArea .btn_search, 
.prdSearchArea .btn_map {margin-top:1%;}
.prdSearchArea .checkArea {top:calc(49.5vw + 1px); padding:0;}
.prdSearchArea .checkArea .inner {padding:0;}
.prdSearchArea .checkArea dl {margin-top:0;}
.prdSearchArea .checkArea dl dt {padding:0 4%; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; font-size:3.6vw; line-height:5vw; line-height:11vw;}
.prdSearchArea .checkArea dl dd {padding:2% 4%; font-size:3.4vw; line-height:8vw; box-sizing:border-box;}
.prdSearchArea .checkArea dl dd label {float:none; display:inline-block; width:auto; padding-right:4%;}

/* ListStyle */
.ListType01 li {line-height:5vw;}

.ListType02 {margin-top:-3%;}
.ListType02 li {width:48.5%; margin-left:3%; margin-top:3%;}
.ListType02 li:nth-child(3n-2) {margin-left:3%;}
.ListType02 li:nth-child(2n-1) {margin-left:0;}
.ListType02 li span {font-size:3.2vw; line-height:7vw;}

.ListType03 {margin-top:-3%;}
.ListType03 li {width:48.5%; margin-left:3%; margin-top:3%;}
.ListType03 li:nth-child(3n-2) {margin-left:3%;}
.ListType03 li:nth-child(2n-1) {margin-left:0;}
.ListType03 li:after {top:calc(100% - 7vw);}
.ListType03 li span {font-size:3.2vw; line-height:7vw;}
.ListType03 li:hover span {bottom:50%; margin-bottom:-20%;}
.ListType03 li:hover span:before {height:8vw; background-size:16%; background-image:url('/images/common/icon/icon_more_m.png'); background-size:16%;}

/* SelectStyle */
.selectType01 {padding-left:3vw; background-image:url('/images/common/icon/icon_select_arrow_m.png'); background-size:3vw; background-position:calc(100% - 2vw) center;}
.selectType01.on {background-image:url('/images/common/icon/icon_select_arrow_m_on.png');}

/* LayerStyle */
.LayerType01 {top:10%; left:4%; width:92%; height:70%; margin-left:0; margin-top:0;}
.LayerType01 .LayerTitleArea {padding:0 4%; line-height:12vw;}
.LayerType01 .LayerTitleArea strong {font-size:4.5vw;}
.LayerType01 .LayerTitleArea .btn_close {right:4%; width:3vw; background-size:100%;}
.LayerType01 .LayerContents {height:calc(100% - 16vw); padding:4%;}
.LayerType01 .LayerContents p {padding-top:3%; font-size:3.2vw; line-height:4.5vw;}

/* TableStyle */
.TableType01 {margin-top:2%;}
.TableType01 .category-check-box {padding:3% 4%;}
.TableType01 .category-check-box label,
.TableType01 .category-check-box strong {font-size:3.5vw;}
.TableType01 .category-check-box label input.checkbox {margin-right:5px;}
.TableType01 .table-list {padding:4%;}
.TableType01 .table-list .checkarea {padding-right:11px;}
.TableType01 .table-list .prdBox .prd_thumb {display:block; width:100%;}
.TableType01 .table-list .prdBox .prd_thumb img {height:auto;}
.TableType01 .table-list .prdBox .prd_info {display:block; width:100%; padding-top:3%; padding-left:0;}
.TableType01 .table-list .prdBox .prd_info dl {padding-top:3%; line-height:5.5vw;}
.TableType01 .table-list .prdBox .prd_info dl dt {width:20%;}
.TableType01 .table-list .prdBox .prd_info dl dd {width:80%;}
.TableType01 .table-list .priceWrap {padding-top:2%; padding-left:24px;}
.TableType01 .table-list .priceWrap .priceCon {display:block; overflow:hidden;}
.TableType01 .table-list .priceWrap .amountWrap {float:left; display:block; width:auto;}
.TableType01 .table-list .priceWrap .point {float:right; display:block; font-size:3.5vw; font-weight:600; line-height:5.5vw;}
.TableType01 .table-list .nodata {padding:20vw 0;}

.TableType03 thead th,
.TableType03 tbody td,
.TableType03 tfoot td,
.TableType04 thead th,
.TableType04 tbody td {padding:3% 0; line-height:5vw;}
.TableType04 tbody td {font-size:3.2vw;}

/* 제품 리스트 갤러리형 */
#shop.thumb ul {margin-top:-8vw;}
#shop.thumb li {width:49%; margin-top:8vw;}
#shop.thumb li:nth-child(3n) {margin-right:2%;}
#shop.thumb li:nth-child(2n) {margin-right:0;}
#shop .prd_info {padding-top:7%;}
#shop .prd_info .category .icon_area {padding:0 1.5vw; height:5vw; font-size:3vw; line-height:4.8vw;}
#shop .prd_info .prd_name {padding-top:3%; font-size:3.4vw; line-height:4.5vw;}
#shop .prd_info .price {padding-top:6%; font-size:3.6vw;}
#shop .prd_info .detail {padding-top:2%; font-size:2.7vw;}
#shop.thumb .main_prd_slider .prd_info {padding-bottom:1px;}
#shop.thumb li.swiper-slide:nth-child(3n),
#shop.thumb li.swiper-slide:nth-child(2n) {margin-right:2%;}
#shop.thumb li.nodata {padding:5% 0; font-size:3.5vw;}

/* pagearea */
.PageArea {margin-top:6%;}
.PageArea a {width:8.5vw; height:8.5vw; font-size:3vw; line-height:8.5vw;}
.PageArea a.arrow_p {margin-right:5%;}
.PageArea a.arrow_n {margin-left:5%;}
.PageArea a img {width:100%;}

#shop .PageArea {margin-top:6%;}

/* 제품 상세 */
#shop.view .ProductView .prdthumbArea {position:relative;}
#shop.view .ProductView .prdthumbArea .prdthumbWrap {float:none; width:100%;}
#shop.view .ProductView .prdthumbArea .gallery-thumbs li.swiper-slide-thumb-active:after {border-width:2px;}
#shop.view .ProductView .PrdInfo {padding:6% 0 0 0;}
#shop.view .ProductView .PrdInfo .PrdInfoCon {padding-bottom:5%;}
#shop.view .ProductView .PrdInfo .itemIcon .icon_area02 {height:5vw; padding:0 1.5%; font-size:3vw; line-height:5vw;}
#shop.view .ProductView .PrdInfo .prdSubject {padding-top:2%; font-size:4.5vw;}
#shop.view .ProductView .PrdInfo .prdDeatilTxt {padding-top:1%; font-size:3.4vw;}
#shop.view .ProductView .PrdInfo .price {padding-top:4%; font-size:4.5vw; font-weight:600;}
#shop.view .ProductView .PrdInfo .InfoSection {padding:5% 0;}
#shop.view .ProductView .PrdInfo .InfoSection table tbody th {width:30%;} 
#shop.view .ProductView .PrdInfo .InfoSection table tbody th,
#shop.view .ProductView .PrdInfo .InfoSection table tbody td {padding-top:3%; font-size:3.2vw; line-height:5vw;}
#shop.view .ProductView .PrdInfo .InfoSection table tbody th span {padding-left:6vw;}
#shop.view .ProductView .PrdInfo .InfoSection table tbody th.address span {background-image:url('/images/common/icon/icon_address_m.png'); background-size:4vw;}
#shop.view .ProductView .PrdInfo .InfoSection table tbody th.phone span {background-image:url('/images/common/icon/icon_phone_m.png'); background-size:4vw;}
#shop.view .ProductView .PrdInfo .InfoSection table tbody th.time span {background-image:url('/images/common/icon/icon_checkinout_m.png'); background-size:4vw;}

#shop.view .ReservationTable {margin-top:6%;}
#shop.view .ReservationTable .tbl_res {margin:-2vw 0; border-spacing: 0 2vw;}
#shop.view .ReservationTable .tbl_res > tbody > tr > td {padding:2%; font-size:3vw; line-height:4.5vw;}
#shop.view .ReservationTable .tbl_res > tbody > tr > td > em {width:30%; font-size:3.2vw;}
#shop.view .ReservationTable .tbl_res > tbody > tr > td.res_booking_wrap {margin-top:-2vw; margin-bottom:2vw; padding:2%;}

#shop.view .ReservationTable .res_detail .preview_wrap {width:60%; left:20%; margin-left:0;}
#shop.view .ReservationTable .res_detail .room-preview-thumbs .slick-slide {padding:1px;}
#shop.view .ReservationTable .res_detail .room-preview-thumbs li {height:7vw;}
#shop.view .ReservationTable .res_detail .room-preview-thumbs .slick-current li:after {border-width:1px;}
#shop.view .ReservationTable .res_detail .preview_wrap .slick-arrow {width:4vw; height:7vw; padding:0 1vw; margin-top:-3.5vw;}
#shop.view .ReservationTable .res_detail .preview_wrap .slick-arrow.slick-prev {left:-5vw; background-image:url('/images/common/btn/btn_fac_prev_m.png'); background-size:1.8vw;}
#shop.view .ReservationTable .res_detail .preview_wrap .slick-arrow.slick-next {right:-5vw; background-image:url('/images/common/btn/btn_fac_next_m.png'); background-size:1.8vw;}
#shop.view .ReservationTable .res_detail .TableType01 .category-check-box {padding:3%;}
#shop.view .ReservationTable .res_detail .TableType01 .table-list {padding:3%;}
#shop.view .ReservationTable .res_detail .reser_check_area .table-list {padding:4% 3%;}

#shop.view .ReservationTable .res_detail .calendar .Date {margin-bottom:5%;}
#shop.view .ReservationTable .res_detail .calendar .Date b {padding:0 6%; font-size:4.5vw; font-weight:700;}
#shop.view .ReservationTable .res_detail .calendar .Date a {width:5.5vw; height:5.5vw; font-size:2.5vw; line-height:5.5vw;}
#shop.view .ReservationTable .res_detail .calendar .Date a.month_prev {text-indent:-1px;}
#shop.view .ReservationTable .res_detail .calendar .Date a.month_next {text-indent:1px;}
#shop.view .ReservationTable .res_detail .calendar_table thead th {border-top-color:#999; font-size:2.5vw; font-weight:700; line-height:5.5vw;}
#shop.view .ReservationTable .res_detail .calendar_table tbody td {font-size:2.8vw; line-height:9vw;}
#shop.view .ReservationTable .res_detail .reser_form {padding-top:4%;}
#shop.view .ReservationTable .res_detail .reser_form table th {width:30%; padding-top:2%; font-size:3.2vw;}
#shop.view .ReservationTable .res_detail .reser_form table td {padding-top:2%;}
#shop.view .ReservationTable .res_detail .reser_form table td input.text, 
#shop.view .ReservationTable .res_detail .reser_form table td select {font-size:3vw;}
#shop.view .ReservationTable .res_detail .add_mem_info {font-size:2.8vw; line-height:4.5vw;}
#shop.view .ReservationTable .res_detail .add_mem_info ul {padding-bottom:2%;}
#shop.view .ReservationTable .res_detail .add_mem_info ul li {font-size:3.2vw;}

#shop.view .ReservationTable .payment_info_box table thead th {padding:3%;}
#shop.view .ReservationTable .payment_info_box table tbody th {padding-left:3%; font-size:3.2vw;}
#shop.view .ReservationTable .payment_info_box table tbody td {font-size:3vw;}
#shop.view .ReservationTable .payment_info_box table tfoot th, 
#shop.view .ReservationTable .payment_info_box table tfoot td {padding:3%;}
#shop.view .ReservationTable .payment_info_box table tfoot th {font-size:3.2vw;}
#shop.view .ReservationTable .payment_info_box table tfoot td {font-size:5.5vw;}
#shop.view .ReservationTable .payment_info_box .payment-btnarea {margin:2% 0 0 0;}

.prdBtnBox {position:fixed; width:100%; left:0; bottom:0; padding:2%; background:#eee; box-sizing:border-box; z-index:100;}
.prdBtnBox p {padding-left:2%; font-size:3.8vw; line-height:12vw; box-sizing:border-box;}

#shop.view .BookDetail .prdsection {margin-top:6%;}
#shop.view .BookDetail .PrdQuick ul li {font-size:3.2vw; line-height:9vw;}
#shop.view .BookDetail .prdsection .DetailBox {padding:0 4% 4% 4%; font-size:3.2vw; line-height:5vw;}
#shop.view .BookDetail .prdsection .location_detail .lc_info {margin-bottom:4%;}
#shop.view .BookDetail .prdsection .location_detail .lc_info li {float:none; margin-top:3%; padding-left:6vw; margin-left:0; font-size:3.2vw; line-height:4vw;}
#shop.view .BookDetail .prdsection .location_detail .lc_info li:first-child {margin-top:0;}
#shop.view .BookDetail .prdsection .location_detail .lc_info li.address {background-image:url('/images/common/icon/icon_address_m.png'); background-size:4vw;}
#shop.view .BookDetail .prdsection .location_detail .lc_info li.phone {background-image:url('/images/common/icon/icon_phone_m.png'); background-size:4vw;}
#shop.view .BookDetail .prdsection .locationArea #map {height:60vw;}

/*sub contents*/
.contentsWrap {padding:0;}
.contentsArea {padding:4% 4% 12% 4%; min-height:300px}
.TitleArea {margin-bottom:0;}
.TitleArea h3 {float:none; width:100%; padding:5% 0; font-size:5.5vw; box-sizing:border-box;}
.TitleArea02 {margin-bottom:4%;}
.TitleArea02 h4 {font-size:5vw;}
.TitleArea02 .selectType01 {width:28%;}
.TitleArea .info {padding:0 2% 3% 2%; font-size:3.2vw; box-sizing:border-box;}
.pd0 .contentsArea {padding:0 0 12% 0;}
.pd0 .TitleArea h3 {padding:7% 4% 4%; border-bottom:none;}
.section_TitleArea {padding:2% 4%; margin-bottom:0; border-top:1px solid #000;}
.section_TitleArea h4 {font-size:3.5vw; line-height:7vw;}
.contentsArea .section {padding-top:2%;}
.contentsArea .section .info_txt02 {padding-top:2%; font-size:3.2vw; line-height:4.5vw;}

/* 서브메뉴 */
#SNB {margin-bottom:0; border-bottom:1px solid #ccc;}
#SNB ul {padding:0 2%; background:#f8f8f8; border:none;}
#SNB ul li {height:inherit; font-size:3.2vw; background:none; border:none; line-height:10vw;}
#SNB ul li a {position:relative; display:inline-block; font-weight:300;}
#SNB ul li.on a {padding-bottom:0; background:none; font-weight:600;}
#SNB ul li.on a:after {content:''; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#222;}

/* 장바구니 */
#order .payment_info_box {margin-top:2%;}
#order .payment_info_box table thead th {padding:3% 4%; font-size:3.5vw;}
#order .payment_info_box table tbody td {padding:0 4%; font-weight:500; line-height:7vw; 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:3%;}
#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:3%;}
#order .payment_info_box table tbody td.point_info dl dt {width:25%;}
#order .payment_info_box table tbody td.point_info dl dd {width:75%;}
#order .payment_info_box table tfoot th, 
#order .payment_info_box table tfoot td {padding:4%;}
#order .payment_info_box table tfoot th {width:25%; font-size:3.5vw;}
#order .payment_info_box table tfoot td {font-size:5.5vw;}
#order .payment_info_box table tbody td.pay_guide {font-size:3.2vw;}
#order .payment_info_box table tbody td ul {padding-top:2%;}
#order .payment_info_box table tbody td ul li {padding-top:3%; font-size:3.2vw; line-height:4.5vw;}
#order .payment_info_box .payment-btnarea {margin:2% 2% 0 2%;}
#order .payment_info_box .payment-btnarea a, 
#order .payment_info_box .payment-btnarea input {height:11vw; font-size:3.8vw; font-weight:600; line-height:10vw;}
#order .payment_info_box .payment-btnarea p {padding:1% 0 2%; font-size:2.8vw; line-height:4.5vw;}

/* 주문/결제 */
.TableType02_wrap {padding:4%;}
.TableType02_wrap .CheckArea {padding-bottom:4%;}
.TableType02_wrap label {margin-right:5%; font-size:3.5vw;}
.TableType02 tbody th, 
.TableType02 tbody td {display:block; width:100%;}
.TableType02 tbody th {padding-top:6%; line-height:1;}
.TableType02 tbody tr:first-child th {padding-top:0;}
.TableType02 tbody tr td {padding-top:3% !important; line-height:5vw;}
.TableType02.view tbody td {padding-top:2% !important;}
.TableType02 tbody td input.name {width:50%;}
.TableType02 tbody td .NumArea select.phone, 
.TableType02 tbody td .NumArea input.phone {width:25%;}
.TableType02 tbody td .EmailArea select {margin-top:2%;}
.TableType02 tbody td input.mem_add2 {margin-top:2%;}
.TableType02 tbody td .EmailArea .at {font-size:3.5vw;}
.TableType02 tbody td input.text {padding:0 2vw;}
.TableType02 tbody td .selectType01 {padding-left:2vw;}
.TableType02.view {padding:4% 0;}

#order.payment .TableType01 .table-list .prdBox {padding-right:0;}
#order.payment .TableType01 .category-check-box {position:relative; padding-right:8%; background:url('/images/common/icon/icon_arrow02_m_rotate.png') no-repeat 96% center; background-size:3%; cursor:pointer;}
#order.payment .TableType01.off .category-check-box {background-image:url('/images/common/icon/icon_arrow02_m.png');}
#order .payment_info_box table tbody td.point_info dl dd input.text {padding:0 2vw;}
 
.AddressList li label {padding:4% 3%; font-size:3.2vw;}
.AddressList li .AddressArea {width:90%; padding-left:1%;}
.AddressList li .AddressArea strong {padding-bottom:2%; font-size:3.6vw;}
.AddressList li .AddressArea p {line-height:4.5vw;}

#order.payment .agree_con {padding:4%; font-size:3.2vw; line-height:5.5vw;}
#order.payment .agree_check_area {padding:2% 4%;}
#order.payment .agree_check_area > div {width:100%;}
#order.payment .agree_check_area .floatR {margin-top:2%;}
#order.payment .agree_check_area label {padding-left:4%; font-size:3.2vw;}

/* 주문완료 / 주문실패 */
#order.order_complete .BtnArea {margin-top:8%;}
#order .TableType02_wrap.bg {background-size:80%;}
.precautions {padding:0 4%; margin-top:4%;}
.precautions ul li {padding-left:5.5%; margin-top:2%; background-image:url('/images/common/icon/icon_caut_m.png'); background-position:0 0.7vw; background-size:3.5vw; line-height:5.5vw;}

.InfoBox_01 {padding:10% 4%;}
.InfoBox_01 p {font-size:3.8vw; line-height:5vw;}
.InfoBox_01 p.complete_txt {padding-top:16%; background-image:url('/images/common/icon/icon_complete_m.png'); background-size:13%;}
.InfoBox_01 p.fail_txt {padding-top:16%; background-image:url('/images/common/icon/icon_fail_m.png'); background-size:13%;}

/* 마이페이지 공통 */
#Member.contentsArea {padding:4% 2% 12% 2%;}
#Member.meminfo .TableType02 tbody th,
#Member.meminfo .TableType02 tbody td {padding-top:6%;}
#Member .BtnArea {margin:2% 0 0 0;}

/* 예약내역 */
.my_order_state .order_state_box .nodata {line-height:25vh;}
.my_order_state .order_state_box .prdWrap .prdBox {padding:2%; font-size:3.4vw; line-height:5.5vw;}
.my_order_state .order_state_box .prdWrap .prdBox .prd_thumb {display:block; width:100%;}
.my_order_state .order_state_box .prdWrap .prdBox .prd_thumb img {height:auto;}
.my_order_state .order_state_box .prdWrap .prdBox .prd_info {display:block; width:100%; padding-left:0;}
.my_order_state .order_state_box .prdWrap .prdBox .prd_info .prd_name {padding:4% 0 2%; font-size:3.6vw;}
.my_order_state .order_state_box .prdWrap .order_state {padding-top:2%;}
.my_order_state .order_state_box .prdWrap .order_state strong {padding-right:2%; line-height:7.5vw;}

/* 예약내역 - 상세보기 */
#order .orderInfo .prd_order_num {padding:0 2%; margin-bottom:-2%; line-height:11vw;}
#order .orderInfo .prd_order_num p {font-size:3.5vw; font-weight:500;}
#order .orderInfo .prd_order_num p span {padding-right:2%; font-size:3.2vw; font-weight:300; vertical-align:middle;}

#Member .TableType01 .table-list {padding:2%;}
#Member .TableType01 .table-list .prdBox .prd_info {padding-left:0;}
.TableType01 .table-list .order_state strong {padding-right:2%; font-size:3.5vw; line-height:7vw;}
#Member #order.payment .TableType01 .category-check-box {padding-left:2%;}
#Member .section_TitleArea {padding:2%; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
#Member .TableType02_wrap {padding:4% 2%;}
#Member #order .payment_info_box table thead th {padding:3% 2%;}
#Member #order .payment_info_box table tbody td {padding:0 2%;}
#Member #order .payment_info_box table tfoot th,
#Member #order .payment_info_box table tfoot td {padding:4% 2%;}
#Member #order .payment_info_box .payment-btnarea {margin:2% 0 0 0;}

/* 검색결과 */
#search .result_txt {padding-top:4%; font-size:5.5vw; text-align:center;}
#search .prd_list_section {margin-top:5%;}

/* 내 포인트현황 */
#Member.mypoint .section {padding-top:8%;}
#Member.mypoint .point_box {margin-top:8%;}
#Member.mypoint .total_point {padding:3% 4%;}
#Member.mypoint .total_point dl {line-height:6vw;}
#Member.mypoint .total_point .usable {padding-bottom:3%; margin-bottom:3%;}
#Member.mypoint .TableType03 thead th.date {width:32%;}
#Member.mypoint .TableType04 thead th.date {width:28%; min-width:inherit;}
#Member.mypoint .TableType04 thead th.point {width:28%; min-width:inherit;}

/* 로그인 */
.LoginWrap .LoginBox {left:10%; width:80%; margin-left:0; margin-top:-42vw;}
.LoginWrap .LoginBox table {margin-top:8%;}
.LoginWrap .LoginBox table td {padding-top:3%;}
.LoginWrap .LoginBox table td input.text {height:13vw;}
.LoginWrap .LoginBox table td .btn_login {height:15vw; font-size:4.8vw; line-height:15vw;}
.LoginWrap .LoginBox table td label {font-size:3.4vw;}

/* 로그인2 */
.LoginWrap2 .LoginBox {left:10%; width:80%; margin-left:0; margin-top:-42vw;}
.LoginWrap2 .LoginBox table {margin-top:8%;}
.LoginWrap2 .LoginBox table td {padding-top:3%;}
.LoginWrap2 .LoginBox table td input.text {height:13vw;}
.LoginWrap2 .LoginBox table td .btn_login {height:15vw; font-size:4.8vw; line-height:15vw;}
.LoginWrap2 .LoginBox table td label {font-size:3.4vw;}


/* 이용약관/개인정보처리방침 */
.policy .policy_box {height:150vw; padding:5% 4%; line-height:5.5vw;}

.agreementbox {width:100%; margin:3% auto; box-sizing:border-box;}
.agreementbox th,
.agreementbox td {padding:2%; font-size:3.2vw;}
.agreementbox tr th {width:11%;}
.agreementbox.agreementbox02 tr th {width:15%;}

/*foot*/
.footerWrap {padding:6% 5%; font-size:3.2vw;}
.footerWrap .f_util ul li {padding-left:3%;}
.footerWrap .footCon {line-height:4vw;}
.footerWrap .footCon  h2 {width:35%; margin-bottom:4%;}
.footerWrap address {font-size:3vw;}
.footerWrap address span {padding-right:4%;}
.footerWrap .copy {padding-top:1%; font-size:3vw; color:#888;}
.footerWrap .btn_top {top:6vw; width:4vw; height:8vw; background-image:url('/images/common/btn/btn_top_m.png'); background-size:100%;}


/* 멤버십 페이지 */
#membership ul li {width:87%; overflow:auto}
#membership .mbship_thumb {width:99%; float:none;overflow:hidden;align-items: center;
            justify-content: center;}
#membership .mbship_thumb img {
           
         }
#membership .mbship_txt {width:100%; margin-left:none; padding:15px 0}
#membership .mbship_txt .mbship_name {font-size:20px; margin-bottom:10px }

.mbship_view .mobile_img {display:block}
.mbship_view .web_img {display:none}

.popup {width:96%;left:3%;margin-left: 0;top:3%;}

}

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

}


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

}