@charset "utf-8";


/* PC이하 */
@media all and (max-width:1199px) {

	.t-block { display: none; }

	/* 멤버십 */
	.ship-wrap .right { display: block; margin-top: 20px; width: 100%; }
	.mbTable { margin-top: 30px; }
	.membership .box .txt { padding: 30px 20px; }
	.mem-btn button { width: 100px; font-size: 12px; margin-right: 0; }
	.mem-btn .btn--red{margin-left: 5px;width: 100px;font-size: 12px;}

	/* 등급&포인트 */
	.point-cal .select, .point-cal .calender { display: block; }
	.point-cal .select { margin-bottom: 10px; }
	.point-cal .calender { margin-left: 0; }
	.point-cal .select li:last-child  { margin-left: 10px; }

	/* 공통 탭 */
	.evTab li { float: left; width: 33.333%; margin-top: -1px; }

	/* 메뉴 */
	.menuSub > div { float: none; }
	.menuSub .img, .menuSub .txt { width: 100%; }
	.menuPop { width: 95%;height: 500px; }
	.menuPop .slider-for li, .menuPop .slider-for li img { height: 500px; }
	.menuPop .detail_slide .big, .menuPop .detail_slide .small { float: left; }
	.menuPop .detail_slide .big { width: 60%; }
	.menuPop .detail_slide .small { width: 40%; padding: 60px 30px 0; margin: 0; }
	.menuPop .txt { padding: 0 0 25px; }
	.slider-nav { height: 320px; }
	.slider-nav a { height: auto; }

	/* 지점 */
	.map .left, .map .right { width: 50%; }

	/* 멤버십 카드등록 */
	.m_card_wrap .bg .nemo .top > div { float: none; width: 100%; }
	.m_card_wrap .bg .nemo .top .img { width: 100%; margin-right: 0; margin-bottom: 10px; text-align: center; }

	/* 아이디 찾기 */
	.myFind .my_box, .myFind .my_box.pad { padding: 40px 50px; }

	.bene_card li .left { width: 40%; }
	.bene_card li .right { width: 60%; }

	.store .box .txt { top: 37%;padding-top: 0; }

}

/* 타블렛 세로 */
@media all and (max-width:1023px) {

	.pageTit { font-size: 35px; }
	.pageTit:after { height: 30px; margin: 15px auto 30px; }

	/* 멤버십 */
	.ship-wrap { margin: 50px 30px; }

	#target1 { margin-left: 0; }
	.storyTxt { padding: 40px 50px 60px; }
	.storyTxt th { width: 200px; font-size: 22px; }
	.storyTxt td { font-size: 15px; }
	.brand { margin-bottom: 50px; }
	.brand .box { padding: 40px 0; font-size: 14px; }
	.brand .box .tit { font-size: 17px; }
	.brand .box .tit:after { height: 20px; margin: 15px auto; }

	/* 예약하기 */
	.reser th { width: 140px; }
	.reser td input, .reser td select { width: 180px; }
	.reser td select { padding-left: 10px; }
	.reser td .pm:first-child { margin-right: 10px; }

	.join00 .bg { padding: 40px 20px; }
	.join_tab li {
    width: 90px;
    height: 90px;     font-size: 14px;
    padding: 24px 0;
    line-height: 20px;    margin-right: 25px;}
	.join_tab li:after {     width: 30px;     right: -30px;
    top: 45px; }

	/* 아이디 찾기 */
	.myFind .my_box { height: auto; }
	.id_inj { margin-top: 40px; }
	.myFind .ban { float: none; width: 100%; }
	.myFind .ban:first-child { margin-right: 0; margin-bottom: 60px; }

	.bene_card li .left { width: 50%; }
	.bene_card li .right { width: 50%; }

	.membership.food .box { height: auto; }
	.membership.food .box .img, .membership.food .box .txt { float: none; width: 100%; }
	.membership.food .box .img img { width: 100%; }

	.gift li { padding: 20px 25px 20px 90px; font-size: 14px; background-size: 45px !important; }
	.gift li.g01 { background: url('/en/image/sub/f01.png') no-repeat 25px; }
	.gift li.g02 { background: url('/en/image/sub/f02.png') no-repeat 25px; }


}


/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {

	.m-block { display: block; }
	.quick { right: 10px; bottom: 45px; }
	.quick > p { displaY: none; }
	.quick .img img { height: 70px; }
	.quick .quick__reserve .reserve__list {left: -145px;top: 105px;}
	/* 탭 */
	.evTab li a { height: 45px; line-height: 45px; }
	.evTab.menuTab li a { font-size: 13px; }

	/* 멤버십 */
	.membership .box {  width: 100%; float: none; height: auto; }
	.membership .box:first-child { border-right: 0;  }
	.memTab li a { height: 50px; line-height: 50px; font-size: 14px; }
	.ship-wrap { margin: 40px 0; padding: 25px 20px 0}
	.ship-wrap .name { font-size: 22px; }
	.ship-wrap .right .title { font-size: 16px; }
	.ship-wrap .right .sub li { font-size: 14px; word-break: keep-all;}
	.ship-wrap .bg p { font-size: 14px; }
	.ship_img1209 img {width: 100%;}
	.shipTable th, .shipTable td { font-sizE: 14px; }

	.memb-bg { margin-top: 35px; }

	/* 등급&포인트 */
	.point-col3 { padding: 0 20px; }
	.point-col3 li { width: 100%; border-right: 0; border-bottom: 1px solid #ddd; padding: 20px 15px; }
	.point-col3 li:last-child { border-bottom: 0; }
	.point-col3 li .num { margin-top: 10px; }
	.point-col3 li .num b { font-size: 25px;  }
	.pointTable th p { font-size: 14px; line-height: 1.6em; }
	.pointTable th p strong { font-size: 17px; }
	.pointTable td { font-size: 14px; }
	.pointTable td .dh_red strong { font-size: 25px; }

	/* 메뉴 */
	.menuPop { height: auto; top: 5%; bottom: 5%; overflow: auto; }
	.menuPop .detail_slide { overflow-y: auto;}
	.menuPop .bx-viewport { min-height: 200px; }
	.menuPop .slider-for li, .menuPop .slider-for li img { height: auto; }
	.menuPop .detail_slide .big { width: 100%; }
	.menuPop .detail_slide .small { width: 100%; padding: 25px 20px; height: auto; overflow: unset; }
	.menuPop .txt { padding: 0 0 20px; }
	.menuPop .txt .tit { font-size: 22px; }
	.menuPop .txt .sub { font-size: 13px; }
	.slider-nav { height: auto; }
	.slider-nav a { height: auto; width: 48%; margin-right: 2%; margin-bottom: 10px; }

	/* 지점 */
	.map .left, .map .right { width: 100%; }
	.map .left { position: static; }
	#map { height: 350px; }
	.map .right { padding-left: 0; margin-top: 20px;}
	.map .right .tit { font-size: 25px; }
	.st-wrap { top: auto; bottom: 45px; min-height: auto; padding: 30px; }

	/* 브랜드 소개 */
	.storyTxt { padding: 30px 25px 55px; }
	.storyTxt th { display: block;width: 100%; font-size: 20px; }
	.storyTxt td { display: block;width: 100%; margin-top: 15px; font-size: 14px; }
	.brand { padding: 40px 0 170px; }
	.brand .boxWrap { margin-top: 40px; }
	.brand .title { font-size: 32px; line-height: 35px; }
	.brand .box { font-size: 12px; line-height: 1.25em; }
	.brand .box .tit { font-size: 15px; }
	.brand .box .tit:after {  height: 15px; margin: 10px auto; }

	/* 예약하기 */
	.reser th { width: 100px; font-size: 14px; }
	.reser td input.small { width: 53px; }
	.reser td.email select { display: block; margin-top: 10px; width: 178px; }
	.reser td.email input { width: 80px; }
	.reser td .pm span { width: 140px; }
	
	.sig_img.pt20 {padding-top: 0px !important;}
	.sig_img > span { float: none; margin-bottom: 10px; }
	.sig_img.col2 > span { width: 100%; }
	.sig_img.col3 > span { float: left; width: 50%; margin-top: 0 !important;}
	.sig_img.col3 > span:nth-child(1) {margin-top: 23px !important;}
	.sig_img.col3 > span:nth-child(2) {margin-top: 23px !important;}

	.m_card_wrap .bg .nemo { padding: 50px 30px; }
	.card_num th, .card_num td { padding: 15px; font-size: 14px; }

	/* 회원정보 변경 */
	.my_wrap { width: 90%; }
	.my_wrap .box, .my_box { padding: 30px 40px; }
	.my_wrap .tit { font-size: 27px; line-height: 30px;}
	.my_wrap .sub { font-size: 14px; }
	.my_btn { font-size: 14px; height: 45px; }

	.bene_card li .left,
	.bene_card li .right { width: 100%; }
	.bene_card li > div { float: none; }
	.bene_card li .right { margin-top: 15px; }

	.menuSub .txt { padding: 25px 20px; }
	.menuSub .txt .tit { margin: 15px 0 5px; }

	.gift { padding: 0; }
	.gift li { width: 100%; float: none; }
	.gift li:first-child { border-right: 0; border-bottom: 1px solid #ddd; }

	.store .box { width: 49%; }
	.store .box:nth-child(2n) { margin-right: 0; }
	.store .box:nth-child(3) { margin-right: 2%; }

    /* 운영시간 */
    .ship-wrap .time_box0105 {
        display: block;
        justify-content: start;
    }
    
    .ship-wrap .time_box0105 .time_box_item {
        width: 100%;
    }

}

/* 모바일 상세 */
@media all and (max-width:640px) {

	.reser td .pm:first-child { margin-right: 0; margin-bottom: 10px; }

	.join_tab li {
		width: 70px;
		height: 70px;
		font-size: 12px;
		padding: 16px 0;
		line-height: 18px;
		margin-right: 10px;
	}
	.join_tab li:after {
    width: 15px;
    right: -15px;
    top: 35px;
	}

	.my_input input, .myFind .my_input input { height: 40px; }
	.my_input p { font-size: 13px; }

	.basic_btn { width: 130px; height: 45px; font-size: 14px; }

	.mapSlide .slick-arrow { top: 40%; width: 35px; height: 45px; background-size: 100% !important; }
	.evTab li { width: 50%; }

}

/* 모바일 가로 */
@media all and (max-width:568px) {

	.pageTit { font-size: 30px; }
	.pageTit:after { height: 25px; margin: 10px auto 25px; }
	.content { padding: 30px 0 180px;  }

	.membership .box .b_tit { font-size: 22px; }

	#map { height: 300px; }
	.map .right .tit { font-size: 22px; }
	.map .right th { font-size: 16px; width: 85px; }
	.map .right td { font-size: 14px; }

	/* 브랜드 소개 */
	.brand { padding: 40px 0; }
	.brand .boxWrap { position: relative; }
	.brand .box { width: 100%; display: block; margin-right: 0; margin-bottom: 10px; }

	.reser th { padding: 12px 15px; }
	.reser td { padding: 12px 0 12px 10px; }

	/* .join00 .all input[type=checkbox] + label { padding-left: 30px; font-size: 14px; background-size: 20px; } */
	.join00 .check li a { font-size: 12px; }
	.check_pop { width: 90%; }
	.check_pop .sub { height: 300px; }
	.j_wrap > div { width: 100%; float: none !important; margin-bottom: 10px; }

	.join00 .bg .ver2 .nemo { width: 100%; float: none; margin-bottom: 10px; }

	.m_card_wrap .bg .nemo { padding: 30px 15px; }
	.card_num td input, .card_num td select { width: 100%; }

	/* 아이디 찾기 */
	.myFind .my_box, .myFind .my_box.pad { padding: 40px 20px; }
	.id_inj li:first-child { padding-right: 5%; }
	.id_inj li:last-child { padding-left: 5%; }
	.my_box .title { font-size: 20px; }
	.my_box .sub { font-size: 14px; }

	.menuSub .txt .sub { font-size: 13px; }
	.menuSub .txt .eg { font-size: 23px; }
	.menuSub .txt .eg span { font-size: 14px; }
	.menuSub .txt .redBtn { width: 140px; height: 40px; font-size: 13px; margin-top: 20px; }
	.menuMap .tit { font-size: 25px; }
	.menuMap .tit span { font-size: 14px; display: block; margin-top: 5px; }

	.evTab li a { height: 40px; line-height: 40px; }
	.evTab.menuTab li a { font-size: 12px; }

	.store .box .txt { top: 28%; }
	.store .box .txt .tit { font-size: 23px; margin-bottom: 10px; }
	.store .box .txt .sub { font-size: 13px; padding: 0 5px; }

}

@media all and (max-width:425px) {

	.mem-btn.store__btn{justify-content: space-between;}
	.mem-btn.store__btn button{width: 49%;}
	.mem-btn.store__btn .btn--red{width: 49%;}
	/* 멤버십 */
	.mem-btn button { width: 100%; margin-bottom: 5px; }
	.membership .box .b_sub { font-size: 15px; }
	.membership ul > li { font-size: 14px; }
	.shipTable th, .shipTable td { font-size: 12px; }

	.card_num th { width: auto; }
	.card_num th, .card_num td { padding: 10px; font-size: 12px; }

}

@media all and (max-width:375px) {

	.reser th { padding: 12px 10px;  width: 75px; font-size: 13px;}
	.gold-mb > p {margin-bottom: 5px; margin-right: 0;}
}

@media all and (max-width:320px) {

}