@charset "utf-8";
@import url('../font/font.css');

/* 변경색상 Root*/
:root {
    --main-color: #ff6600; /******* var(--main-color);   *******/
    --main-backround: #ffffff; /******* var(--main-backround);   *******/
    --text-white: #ffffff; /******* var(--text-white);   *******/
    --text-black: #000000; /******* var(--text-black);   *******/
    --text-darkgray: #5c5c5c; /******* var(--text-darkgray);   *******/
    --text-middlegray: #898989; /******* var(--text-middlegray);   *******/
    --text-lightgray: #f7f7f7; /******* var(--text-lightgray);   *******/
}
/* 변경색상 Rmx */
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;font-family:"Noto Sans KR",serif;}/* [수정] 2020-06-18 */
html,body,p,ul,ol,header,footer,h1, h2, h3, h4, h5, h6 {margin:0;padding:0}
html,body {font-size:1rem;line-height:1rem}
body {overflow-x:hidden;overflow-y:auto;}
html,body {position:relative;min-height:100vh;color: var(--text-black);font-family:"Noto Sans KR",serif;font-weight:400;/* Noto Sans KR Regular */background-color:var(--main-backround);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;}
ul,ol {list-style:none}
a {color:inherit;text-decoration:none}
button {background:none;border:none;padding: 0;outline:none;}
::placeholder {color: var(--text-middlegray);}
input[type="radio"],input[type="checkbox"] {width:0;height:0;opacity:0;position:absolute;}
img {display: block;}

.f_montserrat,header .back,.selectedMenu .menuList .menu .name button,.selectedMenu .menuList .menu .quantity button,.selectedMenu .menuList .menu .quantity input,.selectedMenu .menuList .menu .price span,.menuArea .paging button,.menuArea .food_list .item .price span,.menuArea .food_category .slick-slide span,.selectedMenu .priceArea p,.selectedMenu .priceArea .price span,.layout.mileage input.phone,.layout.mileage .numberWrap button,.layout.mileage .tabCon.use .row .point span,.layout.payinfo .pay_detail .row .value,.layout.pay .price,.layout .receipt .order_number span,.error .img,.layerPopup .menu_option .option label,.intro .swich_lang button.en {font-family: 'Montserrat', sans-serif;}
.f_nanum,.selectedMenu .menuList .menu .price,.menuArea .food_list .item .price,.selectedMenu .priceArea .price,.layout.payinfo .pay_detail .row .value span,.layout.pay .price span {font-family: 'NanumGothicBold', sans-serif;}

.intro .swich_lang {position: fixed;top: 40px;right: 40px;}
.intro .swich_lang button {display: inline-block;width: 70px;height: 70px;font-size: 18px;font-weight: bold; line-height: 70px;border-radius: 30px;}/*[수정] 2020-07-15*/
.intro .swich_lang button.kr {color: var(--text-black);background-color: var(--main-backround);}
.intro .swich_lang button.en {color: var(--text-black);background-color: var(--main-backround);margin-left: 16px;} /* 2020-12-22 추가 한국어,eng 누를 때마다 css변경되도록 하기 위해*/
.intro .swich_lang button.krSel {color: var(--text-white);background-color: var(--main-color);} /* 2020-12-22 추가 한국어,eng 누를 때마다 css변경되도록 하기 위해*/
.intro .swich_lang button.enSel {color: var(--text-white);background-color: var(--main-color);margin-left: 16px;} /* 2020-12-22 수정. enSel로 명칭 변경.*/

/*HS: 2021-06-03 영역분리*/
.intro .store_selection{
    position: fixed;
    bottom:0;
    width: 100%;
    height: 800px;
    margin: 0 auto;
    background: var(--text-white);
    background-color: rgba( 255, 255, 255, 0.5 );
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    overflow: hidden;
}
.intro .store_selection.not{
    display: none;
}

.intro .store_selection ul{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    overflow: hidden;
    margin:20px auto;
    padding:0 50px;
}

.intro .store_selection ul.h_50{
    margin-bottom:15px;
}
.intro .store_selection ul.h_50:first-of-type{
    margin:0;
}

/* JS:2021-08-09 [index화면] 코너사업자 이미지 수정 추가 */
.intro .store_selection ul button i img{
	width:160px;
	height:160px;
}
.intro .store_selection ul.h_50 button i img{
	width:314px;
	height:314px;
}
.intro .store_selection ul.h_100 button i img{
	width:314px;
	height:314px;
}

.intro .store_selection ul.h_100{
    height:100%;
    margin:0;
} 
.intro .store_selection ul li{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.intro .store_selection ul li button{
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;

    /*2021-09-16 [index화면] 코너사업자 버튼 영역 이미지 수정 추가 **/
    padding: 20px 20px;
    width: 25vw;
    height: 25vw;
    /* min-height: 222px; */
    /* max-height: 390px; */
    /* [수정] 2021-09-16 끝 */
    border-radius: 50px;
    background: var(--main-color);
    margin: 0 20px;
    font-size: 38px;
    font-weight: bold;
    overflow: hidden;
    color:var(--text-white);
    border:solid 4px var(--main-color);
    display: inline-block;
}
.intro .store_selection ul li button.on{
    background: var(--text-white);
    color:var(--main-color);
}
.intro .store_selection ul li button:before {content: "";
    background-color: rgb(255, 255, 255,.3);
    height: 100%;
    width: 130px;
    display: block;
    position: absolute;
    top: 0;
    left: -300px;
    -webkit-transform: skewX(-45deg) translateX(0);
            transform: skewX(-45deg) translateX(0);
    -webkit-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    animation-duration: 3s;
    animation-name: shine;
    animation-iteration-count: infinite;
    animation-delay:2s
}
.intro .store_selection ul li button.on:before{
    background-color: rgb(255, 102, 0,.3);
}
.intro .store_selection ul li button i{
    display: block;
    width: 100%;
    /*HS: 2021-06-09 - 이미지영역 기본 세로 영역 최대/ 세로 영역 추가 */

    /* [추가] 2021-09-16 시작 : 코너 사업자 이미지 사이즈 조정 */
    height: 100%;
    /* min-height: 50px; */
    /* max-height: 50%;   */
    border-radius: 30px;
    overflow: hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    /* [추가] 2021-09-16 끝 */
    }
    
    /* [추가] 2021-09-16 시작 : 코너사업자 버튼 영역 중, Fiserv 로고 가려짐 해결 */ 
    .intro .store_selection ul li button i img{
        width:100% !important;
        height:100% !important;
        display:inline-block;
        object-fit:fill !important;
    }
    /* [추가] 2021-09-16 끝 */

.store_next{right:30px  !important;}
.store_prev{left:30px !important;}

.store_prev::after,
.store_next::after{color:var(--main-color) !important;font-size: 60px !important;}

/*[수정] 2020-8-25*/
.intro .order_btn {position: fixed;bottom: 120px;left: 50%;width: 700px;margin-left: -350px;display: flex;justify-content: space-between;}/* [수정] 2020-06-22 */
.intro .order_btn button {position: relative;display: inline-block;width: 334px;height: 390px; background-color: var(--text-white);border-radius: 50px;}
.intro .order_btn button span {position: absolute;left: 0;right: 0;bottom: 60px; display: block;padding-top: 83px; font-size: 40px;line-height: 45px;font-weight: bold; text-align: center;}
.intro .order_btn button.meal {border: 4px solid var(--main-color);background-color: var(--main-color);}/* [수정] 2020-06-22 */
.intro .order_btn button.meal span {color: var(--text-white);}
.intro .order_btn button.takeout {border: 4px solid var(--text-white);background-color: var(--text-white);} /* [수정] 2020-06-22 */
.intro .order_btn button.takeout span {color: var(--main-color);}
.intro .order_btn button:after {content: "";position: absolute;left: 50%;margin-left:-68px;top:85px}
.intro .order_btn button.meal:after {width: 136px;height: 136px;background: url("../images/mainIco1.png") 0 0 no-repeat;}
.intro .order_btn button.takeout:after {width: 136px;height: 136px;background: url("../images/mainIco2.png") 0 0 no-repeat;}
/*//[수정] 2020-8-25*/

/* [수정] 2020-12-09 백종기 추가. 버튼이 하나일 때 가운데 정렬하도록 order_btn_center 추가*/
.intro .order_btn_center {position: fixed;bottom: 120px;left: 50%;width: 700px;margin-left: -350px;text-align: center; justify-content: space-between;}
.intro .order_btn_center button {position: relative;display: inline-block;width: 334px;height: 390px; background-color: var(--text-white);border-radius: 50px;}
.intro .order_btn_center button span {position: absolute;left: 0;right: 0;bottom: 60px; display: block;padding-top: 83px; font-size: 40px;line-height: 45px;font-weight: bold; text-align: center;}
.intro .order_btn_center button.meal {border: 4px solid var(--main-color);background-color: var(--main-color);}/* [수정] 2020-06-22 */
.intro .order_btn_center button.meal span {color: var(--text-white);}
.intro .order_btn_center button.takeout {border: 4px solid var(--text-white);background-color: var(--text-white);} /* [수정] 2020-06-22 */
.intro .order_btn_center button.takeout span {color: var(--main-color);}
.intro .order_btn_center button:after {content: "";position: absolute;left: 50%;margin-left:-68px;top:85px}
.intro .order_btn_center button.meal:after {width: 136px;height: 136px;background: url("../images/mainIco1.png") 0 0 no-repeat;}
.intro .order_btn_center button.takeout:after {width: 136px;height: 136px;background: url("../images/mainIco2.png") 0 0 no-repeat;}
/* [수정] 065313 매장 대기화면 하드코딩 향후제거 */
.intro .order_btn_center button.meal_for_065313 {border: 4px solid var(--text-white);background-color: var(--text-white);}
.intro .order_btn_center button.meal_for_065313 span {color: var(--main-color);}
.intro .order_btn_center button.meal_for_065313:after {width: 136px;height: 136px;background: url("../images/mainIco3.png") 0 0 no-repeat;}
/* [수정] 065313 매장 대기화면 하드코딩 향후제거 */

/* [수정] 065313 매장 대기화면 하드코딩 향후제거 */
.intro .order_btn_center button.orderbtnblank3 {border: 4px solid var(--main-color);background-color: var(--main-color);}
.intro .order_btn_center button.orderbtnblank3 span {position: absolute;left: 0;right: 0;bottom: 166px; display: block; font-size: 60px;line-height: 45px;font-weight: bold; text-align: center;color: var(--text-white);}
.intro .order_btn_center button.orderbtnblank3:after {width: 136px;height: 136px;}
/* [수정] 065313 매장 대기화면 하드코딩 향후제거 */

/* [수정] 빈화면 추가 */
.intro .order_btn button.orderbtnblank {border: 4px solid var(--main-color);background-color: var(--main-color);}
.intro .order_btn button.orderbtnblank span {position: absolute;left: 0;right: 0;bottom: 166px; display: block; font-size: 60px;line-height: 45px;font-weight: bold; text-align: center;color: var(--text-white);}
.intro .order_btn button.orderbtnblank2 {border: 4px solid var(--text-white);background-color: var(--text-white);} /* [수정] 2020-06-22 */
.intro .order_btn button.orderbtnblank2 span {position: absolute;left: 0;right: 0;bottom: 166px; display: block; font-size: 60px;line-height: 45px;font-weight: bold; text-align: center;color: var(--main-color);}
.intro .order_btn button.orderbtnblank:after {width: 136px;height: 136px;}
.intro .order_btn button.orderbtnblank2:after {width: 136px;height: 136px;}

/*.intro .order_btn_center button.orderbtnblank:after {width: 136px;height: 136px;background: url("../images/mainIcoblank.png") 0 0 no-repeat;}*/
/* [수정]  */

/*HS: 실서버에서 영상 깨짐으로 수정 요청 2021-0609*/
/*클래스 추가 half*/

/*.intro .videoWrap {transform: rotate(-90deg) translate(-420px, -420px);width: 1920px;height: 1080px;}
.intro .videoWrap video {width:100%;}*/

.intro .half {transform: rotate(-90deg) translate(-420px, -420px);width: 1920px;height: 1080px;}
.intro .half video{width:100%;}


header {position: relative;width: 100%; height: 150px;}
header h1 {position: absolute;left: 40px;top: 50%; display: inline-block;width: 96px;height: 50px;color: transparent;font-size: 0; background: url("../images/sprite.png") right top no-repeat;transform: translateY(-50%);}
header .close_black {position: absolute;right: 40px;top: 50%; display: inline-block;width: 70px;height: 70px;color: transparent;font-size: 0;background-color: var(--text-black);border-radius: 100%;transform: translateY(-50%);}
header .close_black::before,header .close_black::after {content: ""; position: absolute;top: 50%;left: 50%;margin: -19px 0 0  -3px;width: 6px;height: 40px;border-radius: 3px; background-color: var(--text-white);}
header .close_black::before {transform: rotate(45deg);}
header .close_black::after {transform: rotate(-45deg);}
header .back {position: absolute;left: 40px;top: 50%;color: var(--text-black);font-size: 36px;font-weight: bold;transform: translateY(-50%);}
header .back::before {content: "";display: inline-block;width: 14px;height: 14px;border-left: 3px solid var(--text-black);border-bottom: 3px solid var(--text-black);transform: rotate(45deg);vertical-align: middle;margin-top: -5px;margin-right: 12px;}
header .home {position: absolute;right: 40px;top: 50%; display: inline-block;width: 70px;height: 70px;color: transparent;font-size: 0;background-color: var(--main-color);border-radius: 30px;transform: translateY(-50%);}/*[수정] 2020-07-15*/
header .home::before {content: "";position: absolute;left: 50%;top: 50%;width: 34px;height: 40px;background: url("../images/sprite.png") -153px 0 no-repeat; transform: translate(-50%,-50%);}

/* textType */
.text1 {color: var(--text-black);font-size: 64px;line-height: 69px;font-weight: bold;}
.text2 {color: var(--text-middlegray);font-size: 50px;line-height: 55px;}
.text3 {color: var(--text-black);font-size: 40px;line-height: 45px;font-weight: bold;}
.text4 {color: var(--text-black);font-size: 58px;line-height: 100px;font-weight: bold;}
.c_org {color: var(--main-color) !important;}
.c_black {color: #000000 !important;}
.b_org{background: var(--main-color) !important; pointer-events: auto !important;}
.b_black{background: #000000 !important; pointer-events: auto !important;}
.g_white{background: var(--text-middlegray); color:var(--text-white);} /* 2021-05-27 */


/* buttonType */
.btnWrap {text-align: center;}
button {display: inline-block;}
button.org {color: var(--text-white);background-color: var(--main-color);font-weight: bold;border-radius: 30px;}
button.org:disabled {background-color: var(--text-lightgray);}
button.black {color: var(--text-white);background-color: var(--text-black);font-weight: bold;border-radius: 30px;}
button.white {color: var(--main-color);background-color: var(--text-white);border:3px solid var(--text-lightgray); font-weight: bold;border-radius: 30px;box-shadow: 7px 7px 18px 4px rgba(0,0,0,.1);}


.tab {text-align: center;}
.tab button {display: inline-block;height: 120px;padding: 0 102px;margin: 0 13px; color: var(--text-darkgray);font-size: 40px;font-weight: bold; background-color: var(--text-lightgray);border: 3px solid var(--text-lightgray);border-radius: 60px;}
.tab button.on {color: var(--main-color);background-color: var(--text-white);border-color: var(--main-color);}
.tab_cont .tabCon {display: none;}
.tab_cont .tabCon.on {display: block;}

.layout .bottom {position: absolute;left: 0;right: 0;bottom: 120px;text-align: center;}
.layout.veri21_code .bottom {position:static; left:initial; right:initial; bottom:initial; text-align: center;} /* [추가] 2021-02-15 */

.layout.select_menu .btn {margin: 55px 40px 0; border-bottom: 1px solid var(--text-lightgray);padding-bottom: 14px;}
.layout.select_menu .btn .reset { color: var(--main-color);font-size: 20px;font-weight: bold;}
.layout.select_menu .btn .reset i {display: inline-block;width: 20px;height: 20px;border: 2px solid var(--main-color);border-radius: 100%;overflow: hidden;position: relative;vertical-align: middle;margin: -4px 8px 0 0;}
.layout.select_menu .btn .reset i::before {content: "";position: absolute;left: 50%;top: 0;width: 2px;
height: 20px;background-color: var(--main-color);transform: rotate(-45deg);}

/* [수정] 2020-06-26 */
.menuArea .food_categoryWrap {margin:0 auto;padding:0 50px;position: relative;width:calc(100% - 50px);height:60px;} /* 2021-05-27 */
.menuArea .food_categoryWrap .swiper-slide button {width:100%;text-align: center;}

/* 2020-12-09 백종기 수정. width 90%에서 70%으로 수정, 중메뉴가 길면 범위를 벗어나서 변경. */
/*HS : 2021-06-15  상단 분류 명 카테고리 디자인  / 기본값 , 선택값 변경 */
.menuArea .food_categoryWrap .swiper-slide button span {
    position: relative;
    display: inline-block;
    color: var(--main-color);
    font-size: 23px;
    font-weight: bold;
    line-height: 28px;
    text-transform: uppercase;
    max-width: 70%;
    word-break: break-word;
    padding: 3px 15px;
    border-radius: 15px;
}

/*[수정] 2020-11-17, 2020-12-09 백종기 word-break break-all을 break-word로 수정*/
.menuArea .food_categoryWrap .swiper-slide button.on span {color: var(--main-color);}/*[수정] 2020-07-15*/
/* 2021-05-27 HS: ON before _비활성화 변경. */
/* .menuArea .food_categoryWrap .swiper-slide button.on span::before {content: ""; position: absolute;left: 50%;bottom: -2px;width: 28px;height: 3px;background-color: var(--main-color);margin-left: -14px;} */
.menuArea .food_categoryWrap .category_prev,
.menuArea .food_categoryWrap .category_next {position: absolute;width: 60px;height: 60px;top: 0;color: transparent;font-size: 0;background-color:var(--text-white);z-index:5;}
.menuArea .food_categoryWrap .category_prev {left: 0px;}
.menuArea .food_categoryWrap .category_next {right: 0px;}
.menuArea .food_categoryWrap .category_prev::before,
.menuArea .food_categoryWrap .category_next::before {content: "";position: absolute;left: 50%;top: 50%; width: 11px;height: 11px;border-bottom: 3px solid var(--text-black);}
.menuArea .food_categoryWrap .category_prev::before {border-left: 3px solid var(--text-black);transform: rotate(45deg);margin: -6px 0 0 -5px;}
.menuArea .food_categoryWrap .category_next::before {border-right: 3px solid var(--text-black);transform: rotate(-45deg);margin: -6px 0 0 -9px;}

/*HS : 2021-06-15 content-box 추가 밑에 item이 보일수 있도록 요청 */
.menuArea .uiType1.food_listWrap {position:relative;margin-top: 50px;width:calc(100% - 75px);height: 1100px; padding-bottom: 50px; box-sizing: content-box;}
/*[수정] 2020-09-09*/
.menuArea .uiType1 .food_list .item {position:relative;width: 234px;height: 280px;text-align: center; background-color: var(--text-white);border-radius: 40px;overflow: hidden;}
.menuArea .uiType1 .food_list .item::after {content:"";position:absolute;left:0;top:0;width: 228px;height: 260px;border-radius: 40px;border:3px solid var(--text-lightgray);}
.menuArea .uiType1 .food_list .item .img {height: 150px; display: flex;justify-content: center;align-items: center;margin:0 3px;}
/* .menuArea .uiType1 .food_list .item .img img {max-height: 150px;max-width: 100%;} */
.menuArea .uiType1 .food_list .item .img img {height: 130px;width: 130px;} /* 위에 주석으로 처리하고 해당 css로 변경. 메뉴목록 이미지 정사각형 처리*/
.menuArea .food_list .item .name {color: var(--text-middlegray);font-size: 24px;font-weight: bold;line-height: 30px;word-break:keep-all;max-height: 60px;display: flex;align-items: flex-start;justify-content: center;overflow: hidden;}

/*백종기 nameSmall 추가 2020-12-31. 메뉴명이 3라인으로 넘어가면 보이지 않아 폰트를 줄여 메뉴명이 모두 보일 수  있게 추가. */
.menuArea .food_list .item .nameSmall {color: var(--text-middlegray);font-size: 24px;font-weight: bold;line-height: 1.2;height:58px; word-break:keep-all;max-height: 60px;display: flex;align-items: flex-start;justify-content: center;overflow: hidden;}
/*//[수정] 2020-09-09, 2020-12-16 name의 word-break:break-all에서 break-word로 수정 백종기. */

.menuArea .food_list .item .price {margin-top: 9px; color: var(--text-black);font-size: 20px;font-weight: bold;line-height: 30px;}
.menuArea .food_list .item .price span {color: inherit;}
.menuArea .uiType1 .food_list .item.active::after{border-color:cadetblue;}
.menuArea .uiType1 .food_list .item.on::after {border-color: var(--main-color);box-shadow: 0px 5px 3px 0px rgba(0,0,0,.15);}/*[수정] 2020-07-15*/


.menuArea .food_list .item.on .name,.menuArea .food_list .item.on .price {color: var(--main-color);}
.menuArea .paging {text-align: center;padding-top: 20px; z-index:10;}

.menuArea .food_prev,.menuArea .food_next {margin: 0 15px;position: relative; padding-left: 30px; display: inline-block;width: 135px; height: 60px;font-size: 18px;font-weight: bold;text-align: left; border-radius: 30px;}
.menuArea .food_prev {color: var(--text-white);background-color: var(--main-color);}
.menuArea .food_next {color: var(--text-black);background-color: var(--text-lightgray);}
.menuArea .food_prev::after,.menuArea .food_next::before {content: "";position: absolute;top: 50%;right: 20px; width: 16px;height: 10px;transform: translateY(-50%);}
.menuArea .food_prev::after {background: url('../images/ico_menu_up.png') center center no-repeat;}
.menuArea .food_next::before {background: url('../images/ico_menu_down.png') center center no-repeat;}
.menuArea .food_prev.swiper-button-disabled,
.menuArea .food_next.swiper-button-disabled {opacity:.3;}
/*//[수정] 2020-07-15*/

.selectedMenu {margin: 10px 40px 0;display: flex;justify-content: space-between;}
.selectedMenu .menuList {position: relative;width: 70%;}
/*HS:2021-07-27 주문내역시 키오스크에서 해당 ITEM에 스크롤 auto값이여도 영역을 못잡고 스크롤이 생성되어 발생되는 오류*/
.selectedMenu .selectedWrap {margin:0 !important; width:calc(100% - 60px);height: 293px;}
.selectedMenu .selectedWrap .menu {position:relative;margin-right:60px;overflow:hidden;}
.selectedMenu .selectedWrap .menu + .menu {margin-top:20px;} /* 백종기 수정. 2020-12-31. 45px에서 20px로 변경. 메뉴목록을 많이 보여주기 위해 줄임. */
.selectedMenu .selectedWrap .menu .name {float:left;width: 350px;color: var(--text-black);font-size: 20px;font-weight: bold;line-height: 40px;} /*백종기 수정 2020-12-30 메뉴리스트에 스크롤이 없을 때 최초 295px에서 350px로 width 수정. 메뉴명을 길게 볼수 있도록 빈 공간 제거 */
.selectedMenu .selectedWrap .menu .nameShot {float:left;width: 280px;color: var(--text-black);font-size: 20px;font-weight: bold;line-height: 40px;} /*백종기 추가 2020-12-30 메뉴리스트에 스크롤이 생길 때 메뉴명이 가려지는 문제로 스크롤이 생겼을 때 280px로 줄어들게 width 수정*/
.selectedMenu .selectedWrap .menu .quantity {position:absolute;top:0;right:180px;overflow:hidden;width:160px;}
.selectedMenu .selectedWrap .menu .quantity button {float:left;display: inline-block;width: 50px;height: 40px; color: var(--text-black);font-size: 20px;font-weight: bold;border: 2px solid var(--text-lightgray);background-color: var(--text-white);border-radius: 10px;vertical-align: middle;}
.selectedMenu .selectedWrap .menu .quantity input {float:left;display: inline-block;width: 60px; height: 40px;text-align: center;color: var(--text-black);font-size: 20px;font-weight: bold;vertical-align: middle;border: none;background-color:var(--main-backround);}
.selectedMenu .selectedWrap .menu .price {position:absolute;top:0;right:10px;width: 170px; color: var(--text-black);font-size: 20px;font-weight: bold;line-height: 40px;text-align: right;}
.selectedMenu .selectedWrap .menu .price span {color: inherit;}
.selectedMenu .selectedWrap .addSide {padding-left:40px;}
.selectedMenu .selectedWrap .addSide .side {display:none;}
.selectedMenu .selectedWrap .addSide.on .side {display:block;}
/* 백종기 추가. addSide(사이드 버튼 생겼을 때)와 오른쪽 스크롤이 생겼을 때 메뉴명의 영역이 초과되어 nameShot 클래스를 추가하여 width를 240px으로 줄어들도록 수정 */
.selectedMenu .selectedWrap .addSide .menu .nameShot {float:left;width: 240px;color: var(--text-black);font-size: 20px;font-weight: bold;line-height: 40px;}
/* 백종기 추가. addSide(사이드 버튼 생겼을 때)만 생겼을 때 메뉴명의 영역이 초과되어 name 클래스를 추가하여 width를 350px에서 320px로 수정 */
.selectedMenu .selectedWrap .addSide .menu .name {float:left;width: 320px;color: var(--text-black);font-size: 20px;font-weight: bold;line-height: 40px;}
.selectedMenu .selectedWrap .addSide button.sideBtn {position:absolute;left:0;top:5px;display: inline-block;width: 30px;height: 30px;background-color: var(--main-color);margin-right: 15px;border-radius: 10px;vertical-align: middle;}
.selectedMenu .selectedWrap .addSide button.sideBtn i {position:absolute;left:50%;top:50%;margin:-5px 0 0 -5px;width:10px;height:10px;}
.selectedMenu .selectedWrap .addSide button.sideBtn i::before,.selectedMenu .menuList button.sideBtn i::after {content:"";position:absolute;background-color:var(--text-white);border-radius:2px}
.selectedMenu .selectedWrap .addSide button.sideBtn i::before {width:2px;height:10px;top:0;left:50%;margin-left:-1px;}
.selectedMenu .selectedWrap .addSide button.sideBtn i::after {width:10px;height:2px;top:50%;left:0;margin-top:-1px;}
/* .selectedMenu .selectedWrap .addSide.on button.sideBtn i {transform: rotate(-45deg);} [삭제] 2020-10-07*/
.selectedMenu .selectedWrap .scroll_up,
.selectedMenu .selectedWrap .scroll_down {position: absolute;right:0;width: 50px;height: 50px;background-color: var(--text-lightgray);border-radius: 15px;color: transparent;font-size: 0;z-index:5;}
.selectedMenu .selectedWrap .scroll_up {top: 0;}
.selectedMenu .selectedWrap .scroll_down {bottom: 0;}
.selectedMenu .selectedWrap .scroll_up::before ,
.selectedMenu .selectedWrap .scroll_down::before {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 11px;height: 11px;border-style: solid;border-color: var(--main-color);border-top-width: 2px;border-bottom-width: 0px; margin-left: -6px;}
.selectedMenu .selectedWrap .scroll_up::before {border-left-width: 2px;border-right-width: 0px;transform: rotate(45deg);margin-top: -3px;}
.selectedMenu .selectedWrap .scroll_down::before {border-left-width: 0px;border-right-width: 2px;transform: rotate(135deg);margin-top: -9px;}
/* .selectedMenu .selectedWrap .swiper-button-disabled::before {opacity:.3;} [삭제] 2020-07-15*/
/* //[수정] 2020-06-26 */
.selectedMenu .menuList .no_menu {width: 100%;height: 293px;display: flex;align-items: center;justify-content: center;color: var(--text-middlegray);font-size: 40px;line-height: 45px;}

.selectedMenu .priceArea {width: 25%;text-align: right; padding-top: 24px;}
.selectedMenu .priceArea p {color: var(--text-middlegray);font-size: 24px;font-weight: bold;line-height: 30px;}
.selectedMenu .priceArea .price {margin-top: 5px;margin-bottom: 20px; color: var(--text-black);font-size: 20px;font-weight: bold;} /* [수정] 2021-05-27 */
.selectedMenu .priceArea .price span {color: inherit;font-size: 40px;line-height: 45px;}
.selectedMenu .priceArea button {width: 200px;height: 120px;font-size: 34px; margin-bottom: 20px; float:right} /* [수정] 2021-05-27 / /JS:[추가] 2021-08-06 [메뉴선택화면] 결제버튼, 쿠폰버튼 간격 오차 요청*/

.layout.mileage {position: relative;height: calc(100vh - 140px);margin-top: -10px;}
.layout.mileage input.phone {margin-top: 118px; width: 100%;color: var(--text-black);font-size: 70px;font-weight: bold;text-align: center;border: none;background-color:var(--main-backround);}
/* [수정] 2020-07-16 */
.layout.mileage .numberWrap {margin: 79px auto 0;}
.numberWrap {margin: 0 auto;width: 650px;display: flex;flex-direction: row;flex-wrap: wrap;}
.numberWrap button {width: 170px;height: 170px;color: var(--text-darkgray);font-size: 58px;font-weight: bold;text-align: center;border: 2px solid var(--text-lightgray);border-radius: 100%;margin: 0 22px 36px;}
.numberWrap button:active {border-color:var(--main-color);color:var(--main-color);}
.numberWrap button.reset,.numberWrap button.delete {color: transparent;font-size: 0;position: relative;}
.numberWrap button.reset i,.numberWrap button.delete i {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-image: url("../images/sprite.png");background-repeat: no-repeat;}
.numberWrap button.reset i {width: 41px;height: 50px;background-position: -160px -80px;}
/*.numberWrap button.delete i::before,.numberWrap button.delete i::after {content: ""; position: absolute;top: 50%;left: 50%;margin: -25px 0 0  -3px;width: 5px;height: 56px;border-radius: 5px; background-color: var(--text-middlegray);}
.numberWrap button.delete i::before {transform: rotate(45deg);}
.numberWrap button.delete i::after {transform: rotate(-45deg);}[삭제] 2020-10-07*/
.layout.mileage .bottom button {width: 760px;height: 170px;font-size: 48px;}
/* [수정] 2020-07-22 */
.layout.mileage .pointInfo.row {margin-bottom: 55px;}
.pointInfo.row {display: flex;align-items: flex-start;justify-content: center;position: relative;height: 130px;}
.pointInfo.row .point {width: 380px; color: var(--text-middlegray);font-size: 28px;font-weight: bold; text-align: center;line-height: 33px;}
.pointInfo.row .point span {display:inline-block;color: var(--text-darkgray);font-size: 40px;line-height: 45px;margin-top: 20px;font-family: 'Montserrat', sans-serif;}
.pointInfo.row::before {content: "";position: absolute;left: 50%;top: 50%; width: 2px;height: 100px;transform: translate(-50%,-50%);background-color: var(--text-lightgray);}
.pointInfo.row .point.c_org span {color: var(--text-black);border-bottom: 3px solid var(--text-black);}
.pointInfo.row .point.c_org span + button {display: inline-block;width: 30px;height: 48px;color: transparent;font-size: 0; vertical-align: middle;background: var(--text-white) url('../images/ico_pen.png') center 40% no-repeat;}
.pointInfo.row .point.c_org span + button:active {background-color: var(--text-middlegray);}
/* //[수정] 2020-07-22 */
/* //[수정] 2020-07-16 */



.layout.payinfo {padding: 80px 100px 0;}
.layout.payinfo .pay_detail .row {display: flex;align-items: center;justify-content: space-between;padding: 0 62px; width: 100%;height: 140px;border-radius: 40px;background-color: var(--text-lightgray);}
.layout.payinfo .pay_detail .row .item {color: var(--text-middlegray);font-size: 34px;line-height: 39px;font-weight: bold;}
.layout.payinfo .pay_detail .row .value {color: var(--text-middlegray);font-size: 50px;line-height: 55px;font-weight: bold;}
.layout.payinfo .pay_detail .row .value span {color:inherit;font-size: 33px;line-height: 38px;font-weight: bold;}
.layout.payinfo .pay_detail .row + .row {margin-top: 30px;}
.layout.payinfo .payment {margin-top: 70px;} /* 2021-05-24 백종기 수정. */

/*HS: 2021-05-24 버튼 라인과 기본색상 생성*/
.layout.payinfo .payment button {position: relative; display: block; width: 100%; height: 170px; padding-left: 120px; text-align: left; font-size: 34px; border-radius: 30px;font-weight: bold;} /* 2021-05-27 */
.layout.payinfo .payment button + button {margin-top: 30px;}
.layout.payinfo .payment button::before {content: "";position: absolute;left: 35px;top: 50%; display:block;background-image: url("../images/sprite.png");background-repeat: no-repeat;vertical-align: middle;transform: translateY(-50%);}
.layout.payinfo .payment button.mileage::before {width: 57px;height: 57px;background-position: 0 -80px;}
.layout.payinfo .payment button.creditcard::before {width: 60px;height: 44px;background-position: -57px -80px;}
.layout.payinfo .payment button.simplepay::before {width: 43px;height: 57px;background-position: -117px -80px;}



/* [추가] 2021-03-03 이통사 css 시작*/
.layout.payinfo .payment button.alliance::before {width:57px; height:57px; background-position:0 -313px;}
.layout.payinfo .payment.payment_type3 button.mileage {position:relative; display:inline-block; width:48%; height:170px; margin-right:30px;}
.layout.payinfo .payment.payment_type3 button.alliance {position:relative; display:inline-block; width:48%; height:170px;}
.layout.payinfo .payment.payment_type3 .textDiv {margin-top:30px; font-size: 30px; font-weight: bold; line-height: 36px; margin-bottom: 20px; color: var(--main-color)} /* 2021-05-24 백종기 추가. */

/* HS:2021-05-24*/
.layout.payinfo .payment.payment_type3 ul {position:relative; display: flex; justify-content: center;align-items: center;margin-bottom:30px;}
.layout.payinfo .payment.payment_type3 ul::before{content:''; position: absolute; display:block; width:100%; height:100%;}
.layout.payinfo .payment.payment_type3 ul li{position:relative; width:100%; height:170px; padding:0 60px; display: flex; flex: 1; margin-right: 20px; justify-content: center; align-items: center; text-align: center; font-size: 3vw; font-weight: bold; line-height: 120%; border-radius: 2.5vw; box-shadow: 7px 7px 18px 4px rgba(0,0,0,.1);}
.layout.payinfo .payment.payment_type3 ul li:last-child{margin:0;}
.layout.payinfo .payment.payment_type3 ul li input{ width:100%; height: 100%;}
.layout.payinfo .payment.payment_type3 ul li input:checked + label{ position: absolute; display: flex; justify-content: center; align-items: center; border: 0.5vw solid var(--main-color); border-radius: 2.5vw; width: 100%; height: 100%; padding: inherit;color: var(--main-color);}
.layout.payinfo .payment.payment_type3 ul li input:checked{background:#ccc;}


.layout.payinfo .payment.payment_type3 button + button {margin-top:0;}
.layout.payinfo .payment.payment_type3 button:nth-child(n+3) {margin-top:15px;} /* 2023-05-24 수정 */

.layout.paycard{width:100%; height:auto;}
.layout.paycard .alliance_choice_wrap{width:100%; height:auto; box-sizing:border-box; padding:3.093vw 9.26vw 0;}
.layout.paycard .alliance_choice_wrap::after{content:""; display:block; clear:both;}
.layout.paycard .alliance_choice_wrap .left_box{width:24%; height:auto; float:left; display:table;}
.layout.paycard .alliance_choice_wrap .left_box .category_title{height:13.15vw; font-size:3.2vw; line-height:3.5vw; font-weight:bold; display:table-cell; vertical-align:middle;}
.layout.paycard .alliance_choice_wrap .right_box{width:76%; height:auto; float:left;}
.layout.paycard .alliance_choice_wrap .right_box .card_con_wrap{width:100%; height:auto;}
.layout.paycard .alliance_choice_wrap .right_box .card_con_wrap::after{content:""; display:block; clear:both;}

/* 카드 */
.card_con{display:block; position:relative; cursor:pointer; font-size:3vw; background:var(--text-lightgray); width:13.85vw; height:13.15vw; text-align:center; line-height:13.15vw; margin-right:2vw; margin-bottom:2vw;
    float:left; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border-radius:2.5vw; overflow:hidden;}
.card_con:nth-child(4n){margin-right:0;}
.card_con:nth-last-child(-n+4){margin-bottom:0;}
.card_con input {position:absolute; opacity:0; cursor:pointer;} /* input 숨김 */
.checkmark {position:absolute; top:0; left:0; height:100%; width:100%; background-color:var(--text-lightgray);} /* radio 버튼 기본 */
.card_con input:checked ~ .checkmark {background:var(--text-white); border:0.5vw solid var(--main-color); border-radius:2.5vw;} /* 선택된 radio 버튼 효과 */
.checkmark:after {content:""; position:absolute; display:none;} /* input 과 span 좌우정렬 */
.card_con .name_box{width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:var(--text-middlegray); font-weight:bold; font-size:4vw;}
.card_con input:checked ~ .name_box{color:var(--main-color);}

.layout.paycard .alliance_cardnumber_wrap{width:100%; height:auto; box-sizing:border-box; padding:5.093vw 9.26vw 0;}
.layout.paycard .alliance_cardnumber_wrap::after{content:""; display:block; clear:both;}
.layout.paycard .alliance_cardnumber_wrap .left_box{width:24%; height:auto; float:left; display:table;}
.layout.paycard .alliance_cardnumber_wrap .left_box .category_title{height:13.15vw; font-size:3.2vw; line-height:3vw; font-weight:bold; display:table-cell; vertical-align:middle;}
.layout.paycard .alliance_cardnumber_wrap .right_box{width:76%; height:auto; float:left;}
.layout.paycard .alliance_cardnumber_wrap .right_box .card_con_wrap{width:100%; height:auto;}
.layout.paycard .alliance_cardnumber_wrap .right_box .card_con_wrap .card_input_wrap{width:100%; height:13.15vw;}
.layout.paycard .in_input_line_bg{background:var(--text-white); width:100%; height:100%; margin:0 auto; display:table; border:0.5vw solid var(--text-lightgray); border-radius:2.5vw;}
.layout.paycard .in_input_line_bg .in_input_line_center_box{width:100%; height:100%; display:table-cell; vertical-align:middle; margin:0 auto; position:relative;}
.layout.paycard .in_input_line_bg .in_input_line_center_box .input_wrap{position:absolute; top:50%; left:50%; width:90%; transform:translate(-49%, -50%); margin:0 auto; z-index:2;}
.layout.paycard .in_input_line_bg .in_input_line_center_box .input_wrap::after{content:""; display:block; clear:both;}
.layout.paycard .in_input_line_bg .in_input_line_center_box .input_wrap .card_inputs{width:50.5vw; height:7vw; margin:0 auto; display:block; font-size:3.5vw; float:left; margin:0 1.55vw; border:none; letter-spacing:0.5vw;}
.layout.paycard .in_input_line_bg .in_input_line_center_box .input_wrap .card_inputs:focus{outline:none;}
.layout.paycard .in_input_line_bg .in_input_line_center_box .divider_wrap{position:absolute; top:50%; left:50%; width:90%; height:auto; transform:translate(-49.8%, -46%); z-index:1; box-sizing:border-box;}
.layout.paycard .in_input_line_bg .in_input_line_center_box .divider_wrap::after{content:""; display:block; clear:both;}
.layout.paycard .in_input_line_bg .in_input_line_center_box .divider_wrap .card_input_divider{width:10.4vw; height:3vw; line-height:3.2vw; text-align:center; float:left; margin:0 1.55vw; position:relative;}
.layout.paycard .in_input_line_bg .in_input_line_center_box .divider_wrap .card_input_divider::after{content:"-"; display:block; position:absolute; top:50%; right:0; width:3.1vw; transform:translate(3.1vw, -50%); font-size:3vw;}

.layout.paycard .mypoint_information_wrap{width:100%; height:auto; box-sizing:border-box; padding:5.093vw 9.26vw 0;}
.layout.paycard .mypoint_information_wrap .inner_wrap{width:100%; height:25vw; border:0.3vw solid var(--text-lightgray); box-sizing:border-box; padding:3.7vw; background:var(--text-lightgray);}
.layout.paycard .mypoint_information_wrap .inner_wrap::after{content:""; display:block; clear:both;}
.layout.paycard .mypoint_information_wrap .inner_wrap .left_box{width:70%; height:100%; float:left; display:table;}
.layout.paycard .mypoint_information_wrap .inner_wrap .left_box .center_box{width:100%; height:auto; display:table-cell; vertical-align:middle;}
.layout.paycard .mypoint_information_wrap .inner_wrap .left_box .center_box .info_inner_box{width:100%; height:auto;}
.layout.paycard .mypoint_information_wrap .inner_wrap .left_box .center_box .info_inner_box .mypoint_info_line{width:100%; height:auto; margin-bottom:0.5vw;}
.layout.paycard .mypoint_information_wrap .inner_wrap .left_box .center_box .info_inner_box .mypoint_info_line:last-child{margin-bottom:0;}
.layout.paycard .mypoint_information_wrap .inner_wrap .left_box .center_box .info_inner_box .mypoint_info_line::after{content:""; display:block; clear:both;}
.layout.paycard .mypoint_information_wrap .inner_wrap .left_box .center_box .info_inner_box .mypoint_info_line .left_info{width:65%; float:left; color:var(--text-darkgray); font-size:3vw; line-height:5vw;}
.layout.paycard .mypoint_information_wrap .inner_wrap .left_box .center_box .info_inner_box .mypoint_info_line .right_info{width:35%; float:right; color:var(--text-darkgray); font-size:3vw; line-height:5vw; text-align:right;}

.layout.paycard .mypoint_information_wrap .inner_wrap .right_box{width:30%; height:100%; float:left; display:table;}
.layout.paycard .mypoint_information_wrap .inner_wrap .right_box .center_box{width:100%; height:auto; display:table-cell; vertical-align:middle;}
.layout.paycard .mypoint_information_wrap .inner_wrap .right_box .center_box .button_wrap{width:15vw; height:15vw; background:var(--main-color); margin:0 auto; border-radius:2.5vw; overflow:hidden;}
.layout.paycard .mypoint_information_wrap .inner_wrap .right_box .center_box .button_wrap button{width:100%; height:100%; cursor:pointer;}
.layout.paycard .mypoint_information_wrap .inner_wrap .right_box .center_box .button_wrap button .button_icon_box{width:5.186vw; height:5.186vw; margin:0 auto; background: url("../images/sprite.png") no-repeat; background-position:-60px -313px; margin-bottom:0.7vw;}
.layout.paycard .mypoint_information_wrap .inner_wrap .right_box .center_box .button_wrap button .button_name_box{width:100%; height:auto; margin:0 auto; font-size:2.5vw; font-weight:bold; line-height:2.8vw; color:var(--text-white);}


/** 2021.06.01 백종기 추가. MP포인트**/
.layout.paycard .mpPoint_information_wrap{width:100%; height:auto; box-sizing:border-box; padding:5.093vw 9.26vw 0;}
.layout.paycard .mpPoint_information_wrap .inner_wrap{width:100%; height:40vw; border:0.3vw solid var(--text-lightgray); box-sizing:border-box; padding:3.7vw; background:var(--text-lightgray);}
.layout.paycard .mpPoint_information_wrap .inner_wrap::after{content:""; display:block; clear:both;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .left_box{width:70%; height:50%; float:left; display:table;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .left_box .center_box{width:100%; height:auto; display:table-cell; vertical-align:middle;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .left_box .center_box .info_inner_box{width:100%; height:auto;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .left_box .center_box .info_inner_box .mypoint_info_line{width:100%; height:auto; margin-bottom:0.5vw;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .left_box .center_box .info_inner_box .mypoint_info_line:last-child{margin-bottom:0;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .left_box .center_box .info_inner_box .mypoint_info_line::after{content:""; display:block; clear:both;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .left_box .center_box .info_inner_box .mypoint_info_line .left_info{width:65%; float:left; color:var(--text-darkgray); font-size:3vw; line-height:5vw;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .left_box .center_box .info_inner_box .mypoint_info_line .right_info{width:35%; float:right; color:var(--text-darkgray); font-size:3vw; line-height:5vw; text-align:right; border-radius: 1vw;}


.layout.paycard .mpPoint_information_wrap .inner_wrap .keyPad{font-size: 3vw; height:60px; font-weight: bold; cursor: pointer; background: var(--main-color); box-sizing: border-box; padding: 0.3vw 2vw; color: var(--text-white); border-radius: 2vw; margin-right: 9px; margin-left: 9px; margin-top: 20px;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .keyPadEtc{font-size: 3vw; height:60px; font-weight: bold; cursor: pointer; background: var(--text-black); box-sizing: border-box; padding: 0.3vw 2vw; color: var(--text-white); border-radius: 2vw; margin-right: 9px; margin-left: 25px; margin-top: 20px;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .delete {width: 20px; height: 15px; background: url(../images/ico_delete.png) center center no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

.layout.paycard .mpPoint_information_wrap .inner_wrap .bottom_box{width: 65%; height: 50%; float: right; display: table; margin-top: 20px;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .left_info_keypad{width: 35%; float: left; color: var(--text-darkgray); font-size: 3vw; line-height: 5vw; margin-top: 30px;}

.layout.paycard .mpPoint_information_wrap .inner_wrap .right_box{width:30%; height:50%; float:left; display:table;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .right_box .center_box{width:100%; height:auto; display:table-cell; vertical-align:middle;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .right_box .center_box .button_wrap{width:15vw; height:15vw; background:var(--main-color); margin-left: 60px; border-radius:2.5vw; overflow:hidden;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .right_box .center_box .button_wrap button{width:100%; height:100%; cursor:pointer;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .right_box .center_box .button_wrap button .button_icon_box{width:5.186vw; height:5.186vw; margin:0 auto; background: url("../images/sprite.png") no-repeat; background-position:-60px -313px; margin-bottom:0.7vw;}
.layout.paycard .mpPoint_information_wrap .inner_wrap .right_box .center_box .button_wrap button .button_name_box{width:100%; height:auto; margin:0 auto; font-size:2.5vw; font-weight:bold; line-height:2.8vw; color:var(--text-white);}
/** 2021.06.01 백종기 추가 끝. **/

.layout.paycard .number_pad_wrap{width:100%; height:auto; box-sizing:border-box; padding:5.093vw 9.26vw 0;}
.layout.paycard .number_pad_wrap{display:none;}
.layout.paycard .number_pad_wrap .number_pad_inner{width:100%; height:auto;}
.layout.paycard .number_pad_wrap .number_pad_inner .button_wrap {margin:0 auto; width:100%; height:auto; display:flex; flex-direction:row; flex-wrap:wrap;}
.layout.paycard .number_pad_wrap .number_pad_inner .button_wrap button {width:33.33%; height:12vw; color:var(--text-darkgray); font-size:5.37vw; font-weight:bold; text-align:center; border:2px solid var(--text-lightgray);}
.layout.paycard .number_pad_wrap .number_pad_inner .button_wrap button:active {border-color:var(--main-color); color:var(--text-black);}
.layout.paycard .number_pad_wrap .number_pad_inner .button_wrap button.reset,
.layout.paycard .number_pad_wrap .number_pad_inner .button_wrap button.delete {color:transparent; font-size:0; position:relative;}
.layout.paycard .number_pad_wrap .number_pad_inner .button_wrap button.reset i,
.layout.paycard .number_pad_wrap .number_pad_inner .button_wrap button.delete i {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-image:url("../images/sprite.png"); background-repeat:no-repeat;}
.layout.paycard .number_pad_wrap .number_pad_inner .button_wrap button.reset i {width:41px; height:50px; background-position:-160px -80px;}
.layout.paycard .number_pad_wrap .number_pad_inner .button_wrap button.delete i {width:44px; height:26px; background:url('../images/ico_delete.png') center center no-repeat;}
.layout.paycard .number_pad_wrap .number_pad_inner .button_wrap button:nth-child(1){border-radius:3vw 0 0 0;}
.layout.paycard .number_pad_wrap .number_pad_inner .button_wrap button:nth-child(3){border-radius:0 3vw 0 0;}
.layout.paycard .number_pad_wrap .number_pad_inner .button_wrap button:nth-child(10){border-radius:0 0 0 3vw;}
.layout.paycard .number_pad_wrap .number_pad_inner .button_wrap button:nth-child(12){border-radius:0 0 3vw 0;}

.layout.paycard .inquiry_btn_wrap{width:100%; height:auto; box-sizing:border-box; padding:5.093vw 9.26vw;}
.layout.paycard .inquiry_btn_wrap .inquiry_btn_inner{width:100%; height:15vw; border-radius:2.5vw; overflow:hidden; margin-bottom:30px;}
.layout.paycard .inquiry_btn_wrap .inquiry_btn_inner button{width:100%; height:100%; background:var(--main-color); cursor:pointer;}
.layout.paycard .inquiry_btn_wrap .inquiry_btn_inner button span{font-size:4vw; font-weight:bold; color:var(--text-white);}

/* // [추가] 2021-03-03 이통사 css 끝 */


.layout.pay {position: relative;height: calc(100vh - 150px);padding-top: 74px; text-align: center;}
.layout.pay .price_txt {color: var(--main-color);font-size: 40px;line-height: 45px;font-weight: bold;}
.layout.pay .price {margin-top: 29px; color: var(--text-black);font-size: 100px;line-height: 105px;font-weight: bold;}
.layout.pay .price span { color: var(--text-black);font-size: 45px;line-height: 50px;font-weight: bold;}
.layout.pay img {margin: 103px auto 133px;}
.layout.pay .text2 {margin-top: 63px;}
.layout.pay .bottom button {width: 620px;height: 170px;font-size: 48px;}
.layout.pay .bottom .progress {width: calc(100vw - 160px);margin: 0 auto;}
.layout.pay .bottom .progress .bar {position: relative;width: 100%;height: 25px;/*margin-top: 78px;[삭제] 2002-09-14*/ background-color: var(--text-lightgray);overflow: hidden;border-radius: 25px;}
.layout.pay .bottom .progress .bar i {display: block;position: absolute;left: 0;top: 0;height: 25px;background-color: var(--main-color);}

.layout .receipt {text-align: center;padding-top: 74px;}
.layout .receipt .order_number {margin-top: 76px; color: var(--text-darkgray);font-size: 24px;line-height: 29px;}
.layout .receipt .order_number span {display: block;margin-top: 8px; color: var(--main-color);font-size: 108px;font-weight: bold;line-height: 113px;}
.layout .receipt img {margin: 103px auto 0;}
.layout .receipt .text1 {margin-top: 133px;}
.layout .receipt .text2 {margin-top: 63px;}
.layout .receipt .text4 {margin-top: 120px;}

/* error */
.error {display: flex;width: 100vw; height: 100vh; flex-direction: column;align-items: center;justify-content: center;}
.error .img {width: 510px;height: 510px;color: var(--text-black);font-size: 90px;font-weight: bold;text-align: center; line-height: 510px; border-radius: 50em;background-color: #f7f7f7;}
.error .img span {color: var(--main-color);}
.error .text {margin-top: 172px; color: var(--text-middlegray);font-size: 50px;line-height: 55px;text-align: center;}
.error .text span {display: block;margin-bottom: 62px; color: var(--main-color);font-size: 64px;line-height: 69px;font-weight: bold;}

/* layerPopup */
.layerPopup {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.6);display: none;z-index:1000;} /* [수정] 2020-06-26 */
.layerPopup .layerContent {position: fixed;left: 40px;right: 40px; top: 50%;padding-left: 70px;padding-right: 70px; transform: translate(0,-50%);border-radius: 50px;overflow: hidden;background-color: var(--text-white);}
.layerPopup .layerContent .close {position: absolute;top: 40px;right: 40px; display: inline-block;width: 40px;height: 40px;color: transparent;font-size: 0;}
.layerPopup .layerContent .close::before,.layerPopup .layerContent .close::after {content: ""; position: absolute;top: 50%;left: 50%;margin: -28px 0 0  -2px;width: 4px;height: 56px;border-radius: 3px; background-color: var(--text-black);}
.layerPopup .layerContent .close::before {transform: rotate(45deg);}
.layerPopup .layerContent .close::after {transform: rotate(-45deg);}
.layerPopup .layerContent .btnWrap button {margin: 0 8px; width: 340px;height: 120px;font-size: 34px;}

.layerPopup .layerContent.menu_option {transform: translate(0,0);top: 150px;bottom:40px}
.layerPopup .menu_option .layer_con {padding-top: 115px;}
/* .layerPopup .menu_option .layer_con {height:1660px; position:relative;} */

.layerPopup .menu_option .menu_info {text-align: center;}
.layerPopup .menu_option .menu_info .img {display: flex;align-items: center;justify-content: center;height: 430px;}

/* [수정] 2020-06-26 */
.layerPopup .menu_option .optionListWrap {width:100%;height: 720px;}
.layerPopup .menu_option .option {display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px; min-height:165px; height: auto !important;}
.layerPopup .menu_option .option .name {width: 17%; color: var(--text-black);font-size: 26px;font-weight: bold;line-height: 30px;word-break: keep-all;}/*[수정] 2020-11-17, 2020-12-18 break-word로 수정 백종기*/
.layerPopup .menu_option .option .button_wrap {width: 80%;height:auto;position: relative;padding: 0 40px;}
.layerPopup .menu_option .option .button_wrap .chk_wrap {display: inline-block;width: 162px; flex:0; margin-right:10px;}
.layerPopup .menu_option .option label {position: relative;display: flex;align-items: center;justify-content: center; width: 142px;height: 128px;color: var(--text-middlegray);font-size: 24px;font-weight: bold;line-height: 28px; text-align: center; border: 3px solid var(--text-lightgray);background-color: var(--text-lightgray);border-radius: 20px;word-break: break-word;}

.layerPopup .menu_option .option label.soldout::before{
    content: 'SOLDOUT';
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(0,0,0,0.7);
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    border-radius: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-white);
    font-size: 1.5rem;
    transform: translate(-50%,-50%);
    z-index: 10;
}
.layerPopup .menu_option .quantity_check{
	position: relative;
    display: flex;
    margin-top: 5px;
    width: 100%;
    justify-content: center;

}
.layerPopup .menu_option .quantity_check .dec,
.layerPopup .menu_option .quantity_check .inc{

	height: 30px;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    width: 40px;
}


.layerPopup .menu_option .quantity_check .outcome{
	border: 1px solid #ccc;
    border-width:0;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 20px;
    color: #351f66;
    font-weight: bold;
}

.layerPopup .menu_option .option .chk_wrap input:checked + label {color: var(--main-color);border-color: var(--main-color);background-color: var(--text-white);}
.layerPopup .menu_option .option .option_prev,
.layerPopup .menu_option .option .option_next {position: absolute;width: 40px;height: 128px;top: 0;color: transparent;font-size: 0;z-index:5;background-color:var(--text-white);}
.layerPopup .menu_option .option .option_prev {left: -2px;}
.layerPopup .menu_option .option .option_next {right:-2px;}
.layerPopup .menu_option .option .option_prev::before,
.layerPopup .menu_option .option .option_next::before {content: "";position: absolute;top: 50%; width: 11px;height: 11px;border-bottom: 3px solid var(--text-black);}
.layerPopup .menu_option .option .option_prev::before {left: 40%; border-left: 3px solid var(--text-black);transform: rotate(45deg);margin: -6px 0 0 0;}
.layerPopup .menu_option .option .option_next::before {right: 50%; border-right: 3px solid var(--text-black);transform: rotate(-45deg);margin: -6px 0 0 0;}
.layerPopup .menu_option .option .option_prev.swiper-button-disabled,
.layerPopup .menu_option .option .option_next.swiper-button-disabled {cursor:default;}
.layerPopup .menu_option .option .option_prev.swiper-button-disabled::before,
.layerPopup .menu_option .option .option_next.swiper-button-disabled::before {opacity:.3;}
.layerPopup .menu_option .move_wrap {text-align: center;margin-top: 20px;}
.layerPopup .menu_option .move_wrap button {position: relative; display: inline-block;width: 80px;height: 80px;color: transparent;font-size: 0; background-color: var(--text-white);border-radius: 100%;box-shadow: 4px 4px 15px 2px rgba(0,0,0,.15);margin: 0 13px;}
.layerPopup .menu_option .move_wrap button::before {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 15px;height: 15px;border-style: solid;border-color: #333;border-top-width: 2px;border-bottom-width: 0;margin-left: -9px;}
.layerPopup .menu_option .move_wrap button.option_up::before {border-left-width: 2px;border-right-width: 0;transform: rotate(45deg);margin-top: -3px;}
.layerPopup .menu_option .move_wrap button.option_down::before {border-left-width: 0;border-right-width: 2px;transform: rotate(135deg);margin-top: -9px;}
.layerPopup .menu_option .move_wrap button.swiper-button-disabled::before {opacity:.3;}

/* //[수정] 2020-06-26 */
.layerPopup .menu_option .bottom_btn {text-align: center; position: absolute; left: 50%; transform: translate(-50%,0); bottom: 60px;}
.layerPopup .menu_option .bottom_btn button {width: 340px;height: 120px;font-size: 34px;}

.layerPopup .sign_pad {text-align: center;height: 1470px;}
.layerPopup .sign_pad .text3 {margin: 108px 0 110px; line-height: 60px;}
.layerPopup .sign_pad .padWrap {height: 750px; padding: 120px 0 0; border-radius: 30px; background-color: var(--text-lightgray);}
.layerPopup .sign_pad .padWrap p {color: var(--text-middlegray);font-size: 34px;line-height: 40px;margin-top: 54px;}
.layerPopup .sign_pad .padWrap .pad { margin: 0 auto; width: 760px;height: 380px; border: 1px solid var(--text-lightgray);border-radius: 20px; background-color: var(--text-white);}
.layerPopup .sign_pad .btnWrap {margin-top: 120px;}

.layerPopup .noti_message {position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50px;overflow: hidden;width: 780px;}
.layerPopup .noti_message .noti_head {display: flex;align-items: center;justify-content: space-between;height: 110px;padding: 0 60px; background-color: var(--main-color);}
.layerPopup .noti_message .noti_head h1 {color: var(--text-white);font-size: 36px;font-weight: bold;}
.layerPopup .noti_message .noti_head .close {position: relative; display: inline-block;width: 40px;height: 40px;color: transparent;font-size: 0;}
.layerPopup .noti_message .noti_head .close::before,.layerPopup .noti_message .noti_head .close::after {content: ""; position: absolute;top: 50%;left: 50%;margin: -28px 0 0  -2px;width: 4px;height: 56px;border-radius: 3px; background-color: var(--text-white);}
.layerPopup .noti_message .noti_head .close::before {transform: rotate(45deg);}
.layerPopup .noti_message .noti_head .close::after {transform: rotate(-45deg);}
.layerPopup .noti_message .noti_cont {padding: 46px 60px 80px;background-color: var(--text-white);}
.layerPopup .noti_message .noti_cont .message {color: var(--text-darkgray);font-size: 22px;line-height: 43px;margin-bottom: 60px;}/*[수정] 2020-07-15*/
.layerPopup .noti_message .noti_cont .message p {word-break: keep-all;}
.layerPopup .noti_message .noti_cont .btnWrap button {width: 230px;height: 80px;font-size: 28px;border-radius: 15px;margin: 0 8px;}

.menuArea .food_list::-webkit-scrollbar {display: none;}

/*[추가] 2020-07-15*/
.layerPopup .noti_message .noti_cont.style2 {padding-top: 76px;}
.layerPopup .noti_message .noti_cont.style2 .message {margin-bottom: 76px;}
.layerPopup .noti_message .noti_cont.style2 .message p {color: var(--text-darkgray);font-size: 46px;line-height: 51px;text-align: center;}
.intro .btnSet {position: fixed;top: 40px;left: 40px;width: 70px;height: 70px;font-size: 0;color: transparent;border-radius: 30px; background-color:var(--main-color); background-image: url("../images/ico_setting.png"); background-position:center center; background-repeat:no-repeat;} /* [수정] 2021-09-29 */

/*[추가] 2021-09-02 상품상태 변경 팝업을 보여주기위한 숨겨진 버튼*/
.intro .ghost-button {position: fixed;top: 40px;left: 120px;width: 70px;height: 70px;align-items: center; display: inline-block; color: #d9cbb3; text-align: center;}

.menuArea .food_list .item .tag {position:absolute;left:20px;top:20px;height:26px;padding: 0 10px; color:var(--text-white);font-family:'Roboto', sans-serif;font-size:14px;line-height:26px;font-weight:bold;border-radius: 4px;background-color:var(--main-color);}
.menuArea .food_list .item .tag.soldout{
    content: 'SOLDOUT';
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    background: rgba(0,0,0,0.7) !important;
    width: calc(100% - 10%) !important;
    height: calc(100% - 20%) !important;
    border-radius: 100% !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-white) !important;
    font-size: 2rem !important;
    transform: translate(-50%,-50%);
    z-index: 10;
}
.menuArea .food_list .item .tag.soldout2{
    content: 'SOLDOUT';
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(0,0,0,0.85);
    width: 100%;
    height: 100%;
    /* border-radius: 100%; */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-white);
    font-size: 2rem;
    transform: translate(-50%,-50%);
    z-index: 10;
    border-radius: 35px;
}

/*HS : 2021-06-15 content-box 추가 밑에 item이 보일수 있도록 요청 */
.menuArea .uiType2.food_listWrap {position:relative;margin-top: 0px;width:calc(100% - 80px);height: 1030px; padding-bottom: 50px; box-sizing: content-box;}
.menuArea .uiType2 .food_list .item {position:relative;width: 234px;height: 368px;text-align: center; background-color: var(--text-white);}
.menuArea .uiType2 .food_list .item .img {position: relative; width: 100%;height: 234px; display: flex;justify-content: center;align-items: center;border-radius: 30px;overflow: hidden;}
.menuArea .uiType2 .food_list .item .img img {width: 234px;height: 234px;}
.menuArea .uiType2 .food_list .item.on .img::after {content:"";position:absolute;left:0;top:0;right: 0;bottom: 0; border-radius: 30px;border:3px solid var(--main-color) !important; background: url('../images/ico_menu_check.png') right 20px top 20px no-repeat;}
/*HS : 2021-07-20 color:변경*/
.menuArea .uiType2 .food_list .item.active .img::after {content:"";position:absolute;left:0;top:0;right: 0;bottom: 0; border-radius: 30px;border:3px solid cadetblue; background:none;}

/*HS : 2021-06-25 이전에 클릭했던 CLASS ACTIVE 처리 */
.menuArea .uiType2 .food_list .item .name {margin-top: 10px;}
/* 2021-05-13 백종기 추가. uiType2일 때 nameSmall인 경우에 margin-top: 20px*/
.menuArea .uiType2 .food_list .item .nameSmall {margin-top: 10px;}
.menuArea .food_list .item .price {margin-top: 9px; color: var(--text-black);font-size: 20px;font-weight: bold;line-height: 30px;}
.menuArea .food_list .item .price span {color: inherit;}
.menuArea .uiType2 .food_list .item.on::after {border-color: var(--main-color);box-shadow: 0px 5px 3px 0px rgba(0,0,0,.15);}/*[수정] 2020-07-15*/
/* 상품 아이콘이 중간 하단에 나오게만들어서 주석처리 2021-04-28*/
/* .menuArea .uiType2 .food_list .item .tag {top:188px;left: 50%;transform: translateX(-50%);} */
[role=button] {outline: none;}
.selectedMenu .selectedWrap .scroll_up:active,
.selectedMenu .selectedWrap .scroll_down:active,
.menuArea .food_categoryWrap .category_prev:active, .menuArea .food_categoryWrap .category_next:active,
.menuArea .food_next:active,button.black:active,button.org:active,button.orange:active,
button.b_org:active,button.b_black:active {background-color: var(--text-middlegray) !important;}
.selectedMenu .selectedWrap .addSide button.sideBtn:active,
.menuArea .food_prev:active,button.org:active{background-color: #993300;}
.swiper-button-disabled {opacity: .3 !important;}
/*//[추가] 2020-07-15*/

/*[추가] 2020-07-15*/
.pointTit {display:flex;text-align: center;align-items: center;justify-content:center; height: 120px;color: var(--main-color);font-size: 64px;font-weight: bold;line-height: 69px;}
.pointTit .icon {margin-right: 30px;}

.layerPopup .barcode {text-align: center;height: 1470px;}
.layerPopup .barcode .text3 {margin: 108px 0 160px; line-height: 60px;}
.layerPopup .barcode input.codeNum {margin-bottom: 60px; width: 100%;color: var(--text-black);font-size: 50px;font-weight: bold;text-align: center;border: none;}
.layerPopup .barcode .numberWrap {width: 537px;}
.layerPopup .barcode .numberWrap button {width: 145px;height: 145px;font-size: 50px;margin: 0 17px 30px;}
.layerPopup .barcode .btnWrap {padding-top: 80px;}
.layerPopup .barcode .btnWrap button {width: 400px;height: 120px;font-size: 34px;}
/*//[추가] 2020-07-15*/

/*[추가] 2020-07-22*/
.ui_checkBox {position: relative;}
.ui_checkBox input {position: absolute;width: 0;height: 0;opacity: 0;}
.ui_checkBox label {color: var(--text-black);font-size: 20px;font-weight: bold; line-height: 34px;}
.ui_checkBox input + label::before {content: "";margin-right: 14px;display: inline-block;width: 34px;height: 34px;background: url('../images/uncheck.png') center center no-repeat;vertical-align: middle;}
.ui_checkBox input:checked + label {color: var(--main-color);}
.ui_checkBox input:checked + label::before {background-image: url('../images/check.png');}
.layerPopup .stampUse {text-align: center;height: 1720px;}
.layerPopup .stampUse .text3 {margin: 108px 0 110px; line-height: 60px;}
.layerPopup .stampUse .menuList .menuselectedWrap {height: 680px;}
.layerPopup .stampUse .menuList { margin-top:150px;padding:20px 0;border-top: 1px solid var(--text-lightgray);border-bottom: 1px solid var(--text-lightgray);}
.layerPopup .stampUse .menuList .ui_checkBox {padding: 25px 0;}
.layerPopup .stampUse .menuList label {display: table;width: 100%;text-align: left;}
.layerPopup .stampUse .menuList label::before,.layerPopup .stampUse .menuList label .name,.layerPopup .stampUse .menuList label .price,.layerPopup .stampUse .menuList label .stamp {display: table-cell;vertical-align: middle;}
.layerPopup .stampUse .menuList label .name {padding-left: 20px;}
.layerPopup .stampUse .menuList label .price {font-family: 'NanumGothicBold', sans-serif;text-align: right;width: 230px;}
.layerPopup .stampUse .menuList label .price span {font-family: 'Montserrat', sans-serif;}
.layerPopup .stampUse .menuList label .stamp {font-family: 'Montserrat', sans-serif;text-align: right;width: 230px;}
.layerPopup .stampUse .scrollbtn {text-align: center;margin-top: 40px;}
.layerPopup .stampUse .scrollbtn button {position: relative; display: inline-block;width: 80px;height: 80px;color: transparent;font-size: 0; background-color: var(--text-white);border-radius: 100%;box-shadow: 4px 4px 15px 2px rgba(0,0,0,.15);margin: 0 13px;}
.layerPopup .stampUse .scrollbtn button::before {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 15px;height: 15px;border-style: solid;border-color: var(--text-darkgray);border-top-width: 2px;border-bottom-width: 0;margin-left: -9px;}
.layerPopup .stampUse .scrollbtn button.scroll_up::before {border-left-width: 2px;border-right-width: 0;transform: rotate(45deg);margin-top: -3px;}
.layerPopup .stampUse .scrollbtn button.scroll_down::before {border-left-width: 0;border-right-width: 2px;transform: rotate(135deg);margin-top: -9px;}
.layerPopup .stampUse .scrollbtn button.swiper-button-disabled::before {opacity:.3;}
.layerPopup .stampUse .bottom_btn {text-align: center;margin-top: 80px;}
.layerPopup .stampUse .bottom_btn button {width: 340px;height: 120px;font-size: 34px;}
/*//[추가] 2020-07-22*/

/*[추가] 2020-07-30*/
.layout.mileage .bottom .btnWrap button {width: 420px;margin: 0 19px;}
/*//[추가] 2020-07-30*/

/*//[추가] 2020-08-25*/
.intro {width: 100vw;height: 100vh;}
.intro .videoWrap {position: relative;}
.intro .videoWrap::before {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: var(--text-black);opacity: .6;}
.intro .videoWrapClean {position: relative;}
.intro .videoWrapClean::before {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: var(--text-black);opacity: 0;}
.intro .img_txt {position: fixed;left: 50%;transform: translate(-50%,0);top: 460px;}

@-webkit-keyframes shine {
    0% {
        left:-300px;
    }
    30% {
        left:500px;
    }
    100% {
        left:500px
    }
}
@keyframes shine {
    0% {
        left:-300px;
    }
    30% {
        left:500px;
    }
    100% {
        left:500px
    }
}
.intro .order_btn button {position: relative;overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
.intro .order_btn.motion1 button:before {content: "";
    background-color: rgb(255, 255, 255,.3);
    height: 100%;
    width: 130px;
    display: block;
    position: absolute;
    top: 0;
    left: -300px;
    -webkit-transform: skewX(-45deg) translateX(0);
            transform: skewX(-45deg) translateX(0);
    -webkit-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    animation-duration: 3s;
    animation-name: shine;
    animation-iteration-count: infinite;
    animation-delay:2s
}
.intro .order_btn.motion1 button.takeout:before {background-color: rgb(255, 102, 0,.3);}
.intro .order_btn.motion1.delay button.meal:before {animation-delay:2s}
.intro .order_btn.motion1.delay button.takeout:before {animation-delay:3s;}

.intro .order_btn.motion2.delay button:after {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 1
    }
    15% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    45% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    60% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 1
    }
    15% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    45% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    60% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.intro .order_btn.motion2.delay button.takeout:after {animation-delay:1s;}
/*//[추가] 2020-08-25*/

/*[추가] 2020-09-14*/
.introLogo {position: fixed;left: 50%;top: 670px;transform: translate(-50%,0);}/*[수정] 2020-10-07*/
.introProgress {position: fixed;left: 50%;bottom:200px;transform: translate(-50%,0);width: 100%;}
.introProgress p {color: var(--text-black);font-size: 48px;font-weight: bold;font-family: 'Noto Sans KR';text-align: center;line-height: 54px;}
.introProgress .progressCont {width: 810px;margin: 0 auto;}
.introProgress .progressCont .info {display: flex;justify-content: space-between;margin:60px 0 22px;}
.introProgress .progressCont .info .words {color: var(--text-middlegray);font-size: 32px;font-weight: bold;font-family: 'Noto Sans KR';line-height: 38px;}
.introProgress .progressCont .info .rate {color: var(--main-color);font-size: 32px;font-weight: bold;font-family: 'Montserrat';line-height: 38px;}
.introProgress .progressCont .barBg {position: relative;width: 100%;height: 6px;background-color: var(--text-lightgray);}
.introProgress .progressCont .barBg .bar {position: absolute;left: 0;top: 0;height: 6px;background-color: var(--main-color);}
.layout.pay .bottom {bottom:222px;position: fixed;}
.layout.pay .bottom .progress .rate {color: var(--main-color);font-size: 36px;font-weight: bold;font-family: 'Montserrat';line-height: 40px;margin-bottom: 25px;}
.layout.pay .bottom .progress .rate.zero {color: var(--text-darkgray);}
.layout.pay .infoWords {position: fixed;bottom: 100px;width: 100%;color: var(--main-color);font-size: 50px;font-family: 'Noto Sans KR';line-height: 55px;text-align: center;}
.layout.pay .bottom .progress .bar.error {background-color: var(--text-middlegray);}
.gif_insert {width: 160px;height: 160px;margin: 0 auto 70px;background:var(--text-white) url("../images/insert.gif") 0 0 no-repeat;}
.gif_pull {width: 160px;height: 160px;margin: 0 auto 70px;background:var(--text-white) url("../images/pull.gif") 0 0 no-repeat;}
/*//[추가] 2020-09-14*/

/*[추가] 2020-09-25*/
.pointInfo.row .point {display:inline-block;color: var(--text-darkgray);font-size: 40px;line-height: 48px;margin-top: 20px;font-family: 'Montserrat', sans-serif;}
.pointInfo.row::before {content: "";position: absolute;left: 50%;top: 50%; width: 2px;height: 100px;transform: translate(-50%,-50%);background-color: var(--text-lightgray);}
.pointInfo.row .point.c_org {overflow: hidden;}
.pointInfo.row .point.c_org .usePoint {padding:0;margin-top:20px;display:inline-block;width:190px;color: var(--text-black);font-family: 'Montserrat', sans-serif;font-size: 40px;line-height: 45px;text-align:center;border:none;border-bottom: 3px solid var(--text-black); background-color:var(--main-backround);}
.pointInfo.row .point.c_org .usePoint + button {display: inline-block;width:30px;height: 48px;color: transparent;font-size: 0; vertical-align: middle;background: var(--text-white) url('../images/ico_pen.png') center 40% no-repeat;}
.pointInfo.row .point.c_org .usePoint + button:active {background-color: var(--text-middlegray);}

/*[추가] 2021-07-28*/
.layout.mileage .cashReceiptsInfo.row {margin-bottom: 25px;}
.cashReceiptsInfo.row {position: relative;height: 230px;}
.cashReceiptsInfo.row .point {display:inline-block;color: var(--text-darkgray);font-size: 40px;line-height: 60px;margin-top: -20px; font-weight: bold;font-family: 'Montserrat', sans-serif;}
.cashReceiptsInfo.row .point.c_org {overflow: hidden;}
.cashReceiptsInfo.row .point.c_org .usePoint {padding:0;margin-top:20px;display:inline-block;width:190px;color: var(--text-black);font-family: 'Montserrat', sans-serif;font-size: 40px;line-height: 45px;text-align:center;border:none;border-bottom: 3px solid var(--text-black);}
.cashReceiptsInfo.row .point.c_org .usePoint + button {display: inline-block;width:30px;height: 48px;color: transparent;font-size: 0; vertical-align: middle;background: var(--text-white) url('../images/ico_pen.png') center 40% no-repeat;}
.cashReceiptsInfo.row .point.c_org .usePoint + button:active {background-color: var(--text-middlegray);}
.cashReceiptsInfo.row .cashTxt {display: inline-block; color: var(--main-color); font-size: 30px; line-height: 40px; margin-top: 30px; font-weight: bold; font-family: 'Montserrat', sans-serif;}
.layout .bottom2 {position: absolute;left: 0;right: 0;bottom: 70px;text-align: center;}
.layout.mileage .bottom2 button {width: 760px;height: 170px;font-size: 48px;}

.cashReceiptsInfo.row .cashReceiptsField{position: relative;margin-top:30px;}
.cashReceiptsInfo.row .cashReceiptsField ul{color: var(--text-darkgray); font-size: 30px;
    line-height: 40px;display: flex;
    justify-content: center;
    align-items: center;
    font-weight:bold
    }
    .cashReceiptsInfo.row .cashReceiptsField ul li{
    position: relative;
    margin: 0 20px;
    }
     .cashReceiptsInfo.row .cashReceiptsField ul li label{
	    cursor: pointer;
     }
     .cashReceiptsInfo.row .cashReceiptsField ul li label span{
	border-radius: 100%;
    border: solid 3px var(--text-black);
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: top;
    margin-right: 10px;
     }
     
    .cashReceiptsInfo.row .cashReceiptsField ul li input[type=radio]:checked+label span {
    position: relative;

}
.cashReceiptsInfo.row .cashReceiptsField ul li input[type=radio]:checked+label span:before,
.cashReceiptsInfo.row .cashReceiptsField ul li input[type=radio]:checked+label span:after{
position: absolute;
    top: 55%;
    left: 35%;
    width: 20px;
    height: 7px;
    content: '';
    background: var(--text-black);
    transform: rotate( 
45deg
 )translate(-50%,75%);
}
.cashReceiptsInfo.row .cashReceiptsField ul li input[type=radio]:checked+label span:after{
    transform: rotate( 
125deg
 )translate(-25%,60%);
    height: 7px;
    left: 25%;
    width: 30px;
}
.cashReceiptsInfo.row .cashReceiptsField ul li .cashReceiptsCalcelBtn{
	width:auto;
	height:auto;
    font-size: 30px;
    font-weight: bold;
    color: var(--main-color);
    }





    

.layout.select_menu .btn {margin-top: -35px !important;} /* 백종기 수정 35px에서 -35px로 처리 메뉴리스트 영역을 넓히기 위해 margin을 줄임.*/
.selectedMenu .selectedWrap {position: relative;height: 420px;width: 100%;}
.selectedMenu .selectedWrap .swiper-wrapper {display: flex;flex-direction:column;}
.selectedMenu .selectedWrap .swiper-wrapper .swiper-slide {height: auto;margin-top: 20px;} /* 백종기 수정 45px에서 20px로 변경. 메뉴를 많이 보여주기 위해*/
.selectedMenu .selectedWrap .swiper-wrapper .swiper-slide:first-child {margin-top: 0;}
.selectedMenu .selectedWrap .swiper-wrapper .swiper-slide:last-child {margin-bottom: 20px;}
.selectedMenu .selectedWrap .menu {margin-right: 0px;} /*백종기 2020-12-30 메뉴리스트에 스크롤 생길때 메뉴명이 잘리는 현상때문에 margin-right 30px를 0으로 변경*/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {position: relative;overflow: hidden;}
.jspPane {position: absolute;}
.jspVerticalBar {position: absolute;right:0;top: 0;width: 50px;height: 100%;background: transparent;}
.jspCap{display: none;}
.jspTrack {position: relative;background: var(--text-white);}
.jspDrag {position: relative;left: 0;top: 0;cursor: pointer;background: transparent;}/*[수정]2020-10-16*/
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag {float: left;height: 100%;}
.jspArrow {display: block;direction: ltr;margin: 0;padding: 0;text-indent: -20000px;cursor: pointer;background: #50506d;}
.jspDisabled {cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow {height: 16px;}
.jspCorner {float: left;height: 100%;background: var(--text-lightgray);}
.selectedMenu .jspArrow.jspArrowUp, .selectedMenu .jspArrow.jspArrowDown {position: relative; width: 50px;height: 50px;background-color: var(--text-lightgray);border-radius: 15px;color: transparent;font-size: 0;/*border: 1px solid #dadada;*/}
.selectedMenu .jspArrow.jspArrowUp::before ,
.selectedMenu .jspArrow.jspArrowDown::before {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 11px;height: 11px;border-style: solid;border-color: var(--main-color);border-top-width: 2px;border-bottom-width: 0px; margin-left: -6px;}
.selectedMenu .jspArrow.jspArrowUp::before {border-left-width: 2px;border-right-width: 0px;transform: rotate(45deg);margin-top: -3px;}
.selectedMenu .jspArrow.jspArrowDown::before {border-left-width: 0px;border-right-width: 2px;transform: rotate(135deg);margin-top: -9px;}
.intro .imageWrap {position: relative;}
.intro .imageWrap::before {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: var(--text-black);opacity: .6;}
/*//[추가] 2020-09-25*/

/* [추가] 2020-10-07 */
.layerPopup .menu_option .menu_info .img img {max-height: 400px;}
.selectedMenu .selectedWrap .addSide.on button.sideBtn i::before {background-color: transparent;}
.numberWrap button.delete i {width: 44px;height: 26px;background: url('../images/ico_delete.png') center center no-repeat;}
.intro .loaderTxt {position: fixed;left: 0;right: 0;bottom: 120px; color: var(--text-black);font-size: 34px;font-weight: bold;font-family: 'Noto Sans KR';text-align: center;line-height: 40px;}
.intro .spinLoader {position: fixed;left: 50%;top: 50%;width: 120px;height: 120px;margin-left: -60px; border: 14px solid var(--text-white);border-left-color: var(--main-color);border-right-color: var(--main-color);border-top-color: var(--main-color);border-radius: 100%;-webkit-animation: spin 1s infinite linear;animation: spin 1s infinite linear;}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
                transform: rotate(359deg);
    }
}
/* //[추가] 2020-10-07 */

/*[추가] 2020-10-08*/
.menuArea .food_categoryWrap .category_prev, .menuArea .food_categoryWrap .category_next {background-color: var(--text-lightgray);border-radius: 24px;}
.menuArea .food_categoryWrap .category_prev.swiper-button-disabled, .menuArea .food_categoryWrap .category_next.swiper-button-disabled {opacity: 1 !important;}
.menuArea .food_categoryWrap .category_prev::before,.menuArea .food_categoryWrap .category_next::before {border-color: var(--main-color);}
.menuArea .food_categoryWrap .category_prev.swiper-button-disabled::before,.menuArea .food_categoryWrap .category_next.swiper-button-disabled::before {border-color: var(--text-middlegray); }

.menuArea .food_categoryWrap.uiType1 .swiper-slide button.on span::before {left: 0;margin-left: 0;background-color: var(--text-black);}
.menuArea .food_categoryWrap.uiType2 .swiper-slide button.on span::before {background-color: var(--main-color);}
.menuArea .food_categoryWrap.uiType3,.menuArea .food_categoryWrap.uiType4 {height: 120px;padding: 0 80px;}
.menuArea .food_categoryWrap.uiType3::before,.menuArea .food_categoryWrap.uiType3::after,
.menuArea .food_categoryWrap.uiType4::before,.menuArea .food_categoryWrap.uiType4::after {content: "";position: absolute;top:50%;width:80px;height:120px;margin-top:-60px;background-color: var(--main-backround); z-index: 4;}
.menuArea .food_categoryWrap.uiType3::before,.menuArea .food_categoryWrap.uiType4::before {left: 0;}
.menuArea .food_categoryWrap.uiType3::after,.menuArea .food_categoryWrap.uiType4::after {right: 0;}
.menuArea .food_categoryWrap.uiType3 .swiper-slide {height: 111px;display: flex;flex-direction: column;justify-content: space-between;}
.menuArea .food_categoryWrap.uiType3 .swiper-slide button,.menuArea .food_categoryWrap.uiType4 .swiper-slide button {height: 50px;border-radius: 16px;}
.menuArea .food_categoryWrap.uiType3 .swiper-slide button span,
.menuArea .food_categoryWrap.uiType4 .swiper-slide button span {/* line-height:50px */ padding: 5px 15px;}


/*HS: 2021-06-15 상단분류명 카테고리 디자인  / 기본값 , 선택값 변경*/
.menuArea .food_categoryWrap.uiType3 .swiper-slide button.on span,
.menuArea .food_categoryWrap.uiType4 .swiper-slide button.on span,
.menuArea .food_categoryWrap .swiper-slide button.on span {color: var(--text-white); display: block; text-align: center; margin: 0 auto; border-radius: 16px; padding: 5px 15px;}
/* 2021-05-27 end */
.menuArea .food_categoryWrap.uiType3 .swiper-slide button.on span::before,.menuArea .food_categoryWrap.uiType4 .swiper-slide button.on span::before {display: none;}
.menuArea .food_categoryWrap.uiType3 .category_prev, .menuArea .food_categoryWrap.uiType3 .category_next,
.menuArea .food_categoryWrap.uiType4 .category_prev, .menuArea .food_categoryWrap.uiType4 .category_next  {top:50%;margin-top: -30px;}
.menuArea .food_categoryWrap.uiType3 + .food_listWrap,.menuArea .food_categoryWrap.uiType4 + .food_listWrap  {margin-top: 30px;}
.selectedMenu.heiType2 {margin-top: 30px;}
.selectedMenu.heiType2 .selectedWrap {height: 270px;}
.menuArea .food_categoryWrap.uiType4 .swiper-wrapper {flex-direction: column;justify-content: space-between;}
.menuArea .food_categoryWrap.uiType4 .swiper-slide {display: flex;justify-content: center;align-items: center;height: 50px;text-align: center;}
/*//[추가] 2020-10-08*/

/*[추가] 2020-10-12*/
.selectedMenu .jspArrow.jspDisabled::before {border-color: var(--text-middlegray); }
.layout.payinfo.orderList {padding-top: 20px;}
.layout.payinfo.orderList .orderTitle {display: flex;align-items:flex-start;justify-content: space-between;height: 80px;}
.layout.payinfo.orderList .orderTitle div {font-size: 30px;font-weight: bold;line-height: 36px;}
.layout.payinfo.orderList .orderTitle div:first-child {color: var(--text-black);}
.layout.payinfo.orderList .orderTitle div:last-child {color: var(--main-color);}
.layout.payinfo.orderList .orderListWrap {border-top: 1px solid var(--text-lightgray);border-bottom: 1px solid var(--text-lightgray);}
.layout.payinfo.orderList .orderListWrap .selectedMenu .selectedWrap {height: auto;min-height: 525px;}/*[수정] 2020-10-30::min-height 속성 추가*/
.layout.payinfo.orderList .orderListWrap .selectedMenu {margin: 30px 0 40px;height: 525px;}/*[수정] 2020-10-27::height 속성 추가*//*[수정] 2020-10-23*/
.layout.payinfo.orderList .orderListWrap .selectedMenu .menuList {width: 100%;max-height: 525px;}/*[수정] 2020-10-27::height를 max-height로 수정(기존 속성으로 rollback)*//*[수정] 2020-10-27::max-height를 height로 수정*//*[수정] 2020-10-23*/
.layout.payinfo.orderList .orderListWrap .selectedMenu .menuList .item{margin-bottom:20px;}
.layout.payinfo.orderList .orderListWrap .selectedMenu .menuList .item .menu {display: flex;margin-right: 0;}
.layout.payinfo.orderList .orderListWrap .selectedMenu .menuList .item div {color: var(--text-black);font-size: 20px;font-weight: bold; align-items: center;}
.layout.payinfo.orderList .orderListWrap .selectedMenu .menuList .item .menu .name {float: none; width: 55%; overflow: hidden; text-overflow: ellipsis;}
.layout.payinfo.orderList .orderListWrap .selectedMenu .menuList .item .menu.side{line-height: 50px; padding-top:10px;}
.layout.payinfo.orderList .orderListWrap .selectedMenu .menuList .item .menu.side .name{color:var(--text-darkgray);}
.layout.payinfo.orderList .orderListWrap .selectedMenu .menuList .item .menu .quantity {width: 20%;text-align: center;position: static;font-family: 'Montserrat', sans-serif;}
.layout.payinfo.orderList .orderListWrap .selectedMenu .menuList .item .menu .price {width: 25%;}
.layout.payinfo.orderList .orderListWrap .selectedMenu .selectedWrap .addSide {position: relative;padding-left: 0;}
.layout.payinfo.orderList .orderListWrap .selectedMenu .selectedWrap .addSide .menu .name {padding-left: 50px;}
.layout.payinfo.orderList .orderListWrap .selectedMenu .menuList .item .menu + .menu {margin-top: 0;}

.layout.payinfo.orderList .orderListWrap .selectedMenu .selectedWrap .addSide button.sideBtn {z-index: 5;top:5px;}
.layout.payinfo.orderList .orderListWrap .selectedMenu .menuList .item .menu.side {display: none;}
.layout.payinfo.orderList .orderListWrap .selectedMenu .selectedWrap .addSide.on .menu.side {display: flex;}
/* .layout.payinfo.orderList .payment {position: fixed;left: 100px;right: 100px;bottom: 100px;} */ /*[수정] 2020-10-23*/
.layout.payinfo.orderList .payment {left: 100px;right: 100px;bottom: 100px;}/*[수정] 2020-10-23*/
.layout.payinfo.orderList .payment button + button {margin-top: 15px;} /* 2023-05-24 수정 */
.layout.payinfo.orderList .jspDrag {background-color: transparent;}
.layout.payinfo.orderList .orderPrice {display: flex;align-items:center;justify-content: space-between;height: 100px;padding: 0 90px 0 50px;border: 1px solid var(--text-lightgray);border-top:none;border-radius: 0 0 10px 10px;}/*[수정] 2020-10-23*/
.layout.payinfo.orderList .orderPrice div {font-size: 20px;color: var(--text-black); font-weight: bold;line-height: 26px;}
.layout.payinfo.orderList .orderPrice div span {color: var(--main-color);font-size: 40px;font-weight: bold;line-height: 46px;font-family: 'Montserrat', sans-serif;}
.layout.payinfo.orderList .orderPrice div .f_nanum {font-style: normal;}
/*//[추가] 2020-10-12*/

/*[추가] 2020-10-13*/
.layout.pay .imgPay {margin: 103px auto 133px;display: flex;width: 860px;justify-content: space-between;}
.layout.pay .imgPay img {margin: 0;}
/*//[추가] 2020-10-13*/

/*[추가] 2020-10-23*/
.layout.payinfo.orderList .orderListWrap .selectedMenu {padding-left: 50px;}
.layout.payinfo.orderList .totalInfo {padding: 25px 90px 25px 50px; border: 1px solid var(--text-lightgray); background-color: var(--text-lightgray);}
.layout.payinfo.orderList .totalInfo .info {display: flex;align-items:center;justify-content: space-between;height: 50px;}
.layout.payinfo.orderList .totalInfo .info div {color: var(--text-darkgray);font-size: 20px;font-weight: bold;}
.layout.payinfo.orderList .totalInfo .info div:last-child {font-family: 'Montserrat', sans-serif;}
.layout.payinfo.orderList .totalInfo .info div:last-child i {display: inline-block;font-style: normal;margin-left: 10px;}
/*button.white:active,.numberWrap button:active {border-color: var(--text-black);} 이 부분이 주석으로 되어있음. 기존에는 주석 아니었음. 혹시 문제시 확인필요 bjk 2021-05-24 */
/*//[추가] 2020-10-23*/

/*[추가] 2020-10-27*/
.layout.pay .bottom.loadingBox {bottom:220px;text-align:center;}
.layout.pay .bottom.loadingBox img {display:inline-block;}
/*//[추가] 2020-10-27*/

/*[추가] 2020-11-17*/
.menuArea .food_categoryWrap .swiper-slide {display: flex;}

/*[추가] 2020-11-19*/
.loadingCon {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.7);display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 200;}
.loadingCon p {color: var(--text-white);font-size: 50px;line-height: 41px;display: block;margin-bottom: 35px;font-weight: bold;}
.loadingCon .round {width: 182px;height: 182px;background:url('../images/loading.png') center center no-repeat ;border-radius: 50%;-webkit-animation: 1s spin linear infinite;animation: 1s spin linear infinite;}

/*[추가] 백종기 2020-12-17 카드를 제거해주세요 창에 대한 css 정의*/
.loadingConCard {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.8);display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 200;}
.loadingConCard p {color: var(--text-white);font-size: 50px;line-height: 41px;display: block;margin-bottom: 35px;font-weight:bold;}
.loadingConCard .round {width: 182px;height: 182px;background:url('../images/loading.png') center center no-repeat ;border-radius: 50%;-webkit-animation: 1s spin linear infinite;animation: 1s spin linear infinite;}
.loadingConCard .close {position: absolute; top: 17px; right: 20px; width: 58px; height: 54px; color: transparent; font-size: 0; background: var(--main-color); border-radius: 5px; z-index: 2;}
.loadingConCard button.close::before,button.close::after {content: ""; position: absolute;top: 50%;left: 50%;margin: -15px 0 0 -1.5px;width: 3px;height: 30px;border-radius: 3px; background-color: var(--text-white);}
.loadingConCard button.close::before {transform: rotate(45deg);}
.loadingConCard button.close::after {transform: rotate(-45deg);}
/*******************************************************
 *[admin 비밀번호 입력칸 css 추가] 2020-11-19
 * 주문화면의 전체취소버튼에 영향이 간다.
 * 따라서 btn 클래스를 btn_auth 로변경한다.
 ******************************************************/
.btn_auth {position: relative;width: 126px;height: 60px;color: var(--text-white);font-size: 24px;font-weight: bold;border-radius: 5px;letter-spacing:-2px;box-shadow: 0px 4px 3px -1px rgba(0,0,0,.3),inset 0px 0px 5px 1px rgba(255,255,255,.5);}/*[수정] 2020-07-17*//*[수정] 2020-07-03*/
.btn_auth::before {content: "";position: absolute;left: 8px;top: 10px;width: 0;height: 0;border-right: 10px solid transparent;}
.btn_blue {border: 1px solid #62a9bd;background-color: #70bed5;text-shadow: 1px 0 8px #318eb2;}
.btn_blue::before {border-top: 10px solid #318eb2;}
.btn_blue:active:enabled {background-color:#318eb2;} /* [수정] 2020-07-03 *//* [추가] 2020-06-22 */
.btn_green {border: 1px solid #718e20;background-color: #aac365;text-shadow: 1px 0 8px #719528;}
.btn_green::before {border-top: 10px solid #719528;}
.btn_green:active:enabled {background-color:#719528;} /* [수정] 2020-07-03 *//* [추가] 2020-06-22 */
.btn_org {border: 1px solid #c04400;background-color: #e59e39;text-shadow: 1px 0 8px #ce620d;}
.btn_org::before {border-top: 10px solid #ce620d;}
.btn_org:active:enabled {background-color:#ce620d;} /* [수정] 2020-07-03 *//* [추가] 2020-06-22 */
.ta_center {text-align: center !important;}

.inputWrap {display:block;position: relative;}
.itemWrap .row .con input[type="text"],.itemWrap .row .con input[type="password"],.inputWrap input[type="text"],.inputWrap input[type="password"] {padding: 0 10px; width: 100%; height: 44px;border: 1px solid #bbbbbb;border-radius: 5px;box-shadow: inset 0px 0px 8px -1px rgba(0,0,0,0.2);color: var(--text-darkgray);font-size: 20px;}

.pageMenu .numberBox {flex-direction: column;align-items: center;justify-content: center;width: 42%;padding: 0 8px;z-index:2;}
.pageMenu .numberBox button,.layerPopup .numberBox button,.inquiry_number_wrap .numberBox button {margin-bottom: 3px; height: 80px;color: var(--text-white); border: 1px solid #5ba6bf;background-color: #64b7d2;box-shadow: 0px 3px 0px 0px rgba(197,197,197,1), inset 0px 0px 7px 0px rgba(255,255,255,1);}
.pageMenu .numberBox button:active,.layerPopup .numberBox button:active,.inquiry_number_wrap .numberBox button:active {background-color:#3490ae;} /* [추가] 2020-06-22 */
.pageMenu .numberBox button span {text-shadow: 1px 0 8px #3490ae;}
.pageMenu .numberBox button.btn_delete i,.layerPopup .numberBox button.btn_delete i,.inquiry_number_wrap .numberBox button.btn_delete i {width: 35px;height: 28px;background: url('../images/sprite.png') -298px -80px no-repeat;}
.pageMenu .numberBox button.btn_enter {height:163px;margin-right: 0;}

.numberBox {display: flex;flex-direction: row;flex-wrap: wrap;}
.numberBox button {width: 80px;font-size: 22px;border-radius: 7px;}
.numberBox button.btn_delete {color: transparent;font-size: 0;}
.numberBox button.btn_delete i {display: inline-block;width: 29px;height: 22px;}
.numberBox.type_row {flex-direction: row-reverse !important;align-items: center !important;justify-content: center !important;padding:33px 60px 50px !important;}
.numberBox.type_row button {margin:0 0 9px 11px !important;}
.numberBox.type_row button.btn_enter {width:169px;height: 80px;}

.inquiry_number_wrap {position:relative;display: flex; border-radius: 10px;overflow: hidden;background-color: var(--text-lightgray);}
.inquiry_number_wrap::before {content:"";position:absolute;top:0;bottom:0;right:0;width:430px;background-color: var(--text-lightgray);}
.inquiry_number_wrap::after {content:"";position:absolute;top:0;bottom:0;right:0;left:0;box-shadow: inset 2px 2px 30px 0px rgba(0,0,0,.1);z-index:1;}
.inquiry_number_wrap .inquiry_field {width:calc(100% - 430px);z-index:2;border-right:1px solid #ccc;}/* [수정] 2020-07-03 *//* [수정] 2020-06-22 */
.inquiry_number_wrap .numberBox {width:430px;z-index:2;}

.inquiry_number_wrap.inLayer {border-radius: 0; background-color: transparent;}
.inquiry_number_wrap.inLayer .numberBox {padding: 0 !important;}
.inquiry_number_wrap.inLayer .numberBox button {margin:5px !important}
.inquiry_number_wrap.inLayer::before,
.inquiry_number_wrap.inLayer::after {display: none;}


/*[수정] 2020-08-06*/
.layerPopup2 {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.3);z-index: 100;}
.layerPopup2 .layerContent {position: fixed;left: 50%; top: 50%;transform: translate(-50%,-50%);padding: 10px; outline:4px solid #007198;border:5px solid #dcdcdc;overflow: hidden;background-color: var(--text-lightgray);box-shadow:0px 7px 17px 6px rgba(0,0,0,.5)}
.layerPopup2 .layerContent::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;border: 2px solid var(--text-white);}
.layerPopup2 .layerContent .layerHead {position:relative;border: 1px solid #009bc4;border-radius: 3px;background: linear-gradient(180deg, rgba(103,197,222,1) 0%, rgba(103,197,222,1) 49%, rgba(33,170,206,1) 50%, rgba(33,170,206,1) 100%); box-shadow: 0px 4px 0px 0px rgba(196,196,196,1);height: auto;padding: 0;}
.layerPopup2 .layerContent .layerHead h1 {padding-left: 16px;color:var(--text-white);font-size:30px;font-weight:bold;line-height: 57px;border: none;background-color: transparent;width: auto;text-align: left;height: 57px;}
.layerPopup2 .layerContent .layerHead h1 span {font-size:30px;font-weight:bold;line-height: 57px;}
.layerPopup2 .layerContent .layerHead h1::before {content: ""; display: inline-block;margin-top: -3px; margin-right: 12px; width: 24px;height: 24px;vertical-align: middle;background: url('../images/sprite.png') -361px -80px no-repeat;vertical-align: middle;}
.layerPopup2 .layerContent .layerHead .layerClose {position: absolute;right: 0;top: 0;width: 57px;height: 57px; color: transparent;font-size: 0;border-left: 1px solid #0e7baf;background: rgba(25,152,196,1);background: linear-gradient(180deg, rgba(88,181,212,1) 0%, rgba(88,181,212,1) 49%, rgba(25,152,196,1) 50%, rgba(25,152,196,1) 100%);}
.layerPopup2 .layerContent .layerHead .layerClose:active {background: rgba(0,121,152,1);}
.layerPopup2 .layerContent .layerHead .layerClose::before {content: "";position: absolute;left: 50%;top: 50%;width: 25px;height: 25px;background: url('../images/sprite.png') -298px -112px no-repeat;transform: translate(-50%,-50%);}
.layerPopup2 .layerContent .layerCon.gline {border: 1px solid #ccc;}
.layerPopup2 .layerContent .layerCon .btnWrap {padding-right: 0;padding-top: 30px;}
.layerPopup2 .layerContent .layerHead::before,.layerPopup2 .layerContent .layerHead::after {display: none;}
.layerPopup2 .layerContent .layerHead .close {position: absolute;right: 0;top: 0;width: 57px;height: 57px; color: transparent;font-size: 0;border:none;border-left: 1px solid #0e7baf;background: rgba(25,152,196,1);background: linear-gradient(180deg, rgba(88,181,212,1) 0%, rgba(88,181,212,1) 49%, rgba(25,152,196,1) 50%, rgba(25,152,196,1) 100%);transform: translate(0,0);border-radius: 0;}
/*//[수정] 2020-08-06*/
#userRights .layerContent {width: 420px;}
#userRights .layerCon {padding: 20px;}
#userRights .roundBox {padding: 30px 38px; border-radius: 8px; border: 1px solid #ccc;background-color: var(--text-lightgray);}
#userRights .inputWrap {margin: 0 5px 15px;}

/*[수정] 2020-07-17 
2020.11.30 outline 을 적용안되도록 명칭 수정.
*/
.layerContent {position: fixed;left: 75px;right: 75px; top: 50%;transform: translate(0,-50%);outline2:4px solid #1a5fa0;border:1px solid #0d2f50;overflow: hidden;background-color: var(--text-white);box-shadow:0px 7px 17px 6px rgba(0,0,0,.5)}
.layerContent .layerHead {position:relative;padding:18px;background: url('../images/bg_pattern.png') 0 0 repeat;box-shadow: inset 0px 12px 7px -3px rgba(255,255,255,.5);}
.layerContent .layerHead::before,
.layerContent .layerHead::after {content:"";position:absolute;left:0;right:0;width:100%;height:1px;opacity:.3;}
.layerContent .layerHead::before {bottom:1px;background-color:var(--text-black);}
.layerContent .layerHead::after {bottom:0px;background-color:var(--text-white);}
.layerContent .layerHead .layerTit {display: flex;justify-content: space-between;}
.layerContent .layerHead h1 {width:45%;height:74px;text-align:center;border:1px solid #084a94;background-color:#195d9e;border-radius: 10px;}
.layerContent .layerHead h1 span {color:var(--text-white);font-size:36px;font-weight:bold;line-height:70px;}
.layerContent .layerHead h1::before {content:"";display:inline-block;margin-right:8px;width:40px;height:44px;vertical-align:middle;background: url('../images/sprite.png') 0 -275px no-repeat;}
.layerContent .layerHead .layerTit .box {width:54%;border:1px solid #084a94;border-radius: 10px;}
.layerContent .layerHead .close {position: absolute;top: 50%;right: 30px; width: 58px;height: 54px;color: transparent;font-size: 0; border: 2px solid var(--text-black);background: rgb(139,139,139);background: linear-gradient(180deg, rgba(151,151,151,1) 0%, rgba(55,55,55,1) 60%, rgba(55,55,55,1) 40%, rgba(112,112,112,1) 100%);border-radius: 5px;z-index: 2;transform: translate(0,-50%);}
.layerContent .layerCon {padding:14px 18px;background-color:var(--text-lightgray);}
.layerContent .contentBox {position:relative;border:4px solid var(--text-white);border-radius: 10px;box-shadow: 0px 0px 0px 1px rgba(0,0,0,.15);overflow:hidden;}
.layerContent .contentBox::before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius: 8px;border:1px solid #aaaaaa;box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,.15);z-index:1;}/* [수정] 2020-06-22 */
.layerContent .contentBox > div {z-index:2;position: relative;}/* [수정] 2020-07-03 *//* [추가] 2020-06-22 */
/*//[수정] 2020-07-17*/

.bgWhite {background-color: var(--text-white);}
.mb10 {margin-bottom: 10px;}
input {outline: none;}
.layout.main .inputBox .row input {padding: 0 10px;}
.layout.main .inputBox .row input:focus {border-color: var(--text-black);}
.layout.main .inputBox button.login:active {background-color: #993300;}
.layout.main .numberBox button:active {background-color: #dcdcdc;}
/*//[admin 비밀번호 입력칸 css 추가] 2020-11-19 */

/* [수정] 2021-02-19 */

/* [추가] 2021-02-15 */
.verification_code_popup .card_wrap{width:100%; height:auto; background:var(--text-white); border-radius:5vw; padding:12vw 6vw 0;}
.verification_code_popup .card_wrap .card_maintitle_wrap{width:100%; height:7vw; line-height:7vw; font-size:6vw; color:var(--main-color); font-weight:bold; text-align:center; box-sizing:border-box; margin:2vw 0 4vw; letter-spacing:0.1vw;}
.verification_code_popup .card_wrap .card_subtitle_wrap{width:100%; height:7vw; line-height:7vw; box-sizing:border-box; margin:0 0 2vw; text-align:center;}
.verification_code_popup .card_wrap .card_subtitle_wrap .main_text{display:inline-block; font-size:4vw; color:var(--text-black); font-weight:bold;}
.verification_code_popup .card_wrap .card_subtitle_wrap .sub_text{display:inline-block; font-size:4vw; color:var(--text-middlegray); font-weight:bold; margin-left:2vw;}

.verification_code_popup .card_wrap .card_input_wrap{width:100%; height:13vw; box-sizing:border-box; margin:0 auto;}
.verification_code_popup .card_wrap .card_input_wrap .in_input_line_bg{background:var(--text-white); width:75%; height:100%; margin:0 auto; display:table; border-radius:3vw; border:1px solid #cccccc;}
.verification_code_popup .card_wrap .card_input_wrap .in_input_line_bg .in_input_line_center_box{width:80%; height:100%; display:table-cell; vertical-align:middle; margin:0 auto;}
.verification_code_popup .card_wrap .card_input_wrap .in_input_line_bg .in_input_line_center_box .input_wrap{width:80%; margin:0 auto;}
.verification_code_popup .card_wrap .card_input_wrap .in_input_line_bg .in_input_line_center_box .input_wrap::after{content:""; display:block; clear:both;}
.verification_code_popup .card_wrap .card_input_wrap .in_input_line_bg .in_input_line_center_box .input_wrap .card_inputs{width:12%; height:7vw; margin:0 auto; display:block; font-size:5vw; text-align:center; float:left; margin:0 6.5%; border:none;}
.verification_code_popup .card_wrap .card_input_wrap .in_input_line_bg .in_input_line_center_box .input_wrap .card_inputs:focus{outline:none;}
.verification_code_popup .card_wrap .card_input_wrap .in_input_line_bg .in_input_line_center_box .underbar_wrap{width:80%; margin:0 auto; padding-top:0.7vw;}
.verification_code_popup .card_wrap .card_input_wrap .in_input_line_bg .in_input_line_center_box .underbar_wrap::after{content:""; display:block; clear:both;}
.verification_code_popup .card_wrap .card_input_wrap .in_input_line_bg .in_input_line_center_box .underbar_wrap .card_input_underbar{display:block; width:12%; height:0.5vw; background:#555; border-radius:0.3vw; float:left; margin:0 6.5%;}

.verification_code_popup .card_wrap .card_time_wrap{width:100%; height:auto; line-height:6vw; font-size:4vw; text-align:center; color:var(--main-color); padding:2vw 0 3vw; margin-bottom:2vw; font-weight:bold;}

.verification_code_popup .card_wrap .card_inner{width:100%; height:auto;}
.verification_code_popup .card_wrap .card_inner .popup_numberWrap {margin:0 auto; width:100%; height:auto; display:flex; flex-direction:row; flex-wrap:wrap;}
.verification_code_popup .card_wrap .card_inner .popup_numberWrap button {width:33.33%; height:12.5vw; color:var(--text-darkgray); font-size:5.37vw; font-weight:bold; text-align:center; border:2px solid var(--text-lightgray);}
.verification_code_popup .card_wrap .card_inner .popup_numberWrap button:active {border-color:var(--main-color); color:var(--text-black);}
.verification_code_popup .card_wrap .card_inner .popup_numberWrap button.reset,
.verification_code_popup .card_wrap .card_inner .popup_numberWrap button.delete {color:transparent; font-size:0; position:relative;}
.verification_code_popup .card_wrap .card_inner .popup_numberWrap button.reset i,
.verification_code_popup .card_wrap .card_inner .popup_numberWrap button.delete i {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-image:url("../images/sprite.png"); background-repeat:no-repeat;}
.verification_code_popup .card_wrap .card_inner .popup_numberWrap button.reset i {width:41px; height:50px; background-position:-160px -80px;}
.verification_code_popup .card_wrap .card_inner .popup_numberWrap button.delete i {width:44px; height:26px; background:url('../images/ico_delete.png') center center no-repeat;}
.verification_code_popup .card_wrap .card_inner .popup_numberWrap button:nth-child(1){border-radius:3vw 0 0 0;}
.verification_code_popup .card_wrap .card_inner .popup_numberWrap button:nth-child(3){border-radius:0 3vw 0 0;}
.verification_code_popup .card_wrap .card_inner .popup_numberWrap button:nth-child(10){border-radius:0 0 0 3vw;}
.verification_code_popup .card_wrap .card_inner .popup_numberWrap button:nth-child(12){border-radius:0 0 3vw 0;}

/* .verification_code_popup .card_wrap .card_btn_wrap{width:100%; height:auto; margin-top:6vw;}
.verification_code_popup .card_wrap .card_btn_wrap .btn_box{width:80%; height:auto; margin:0 auto;}
.verification_code_popup .card_wrap .card_btn_wrap .btn_box::after{content:""; display:block; clear:both;}
.verification_code_popup .card_wrap .card_btn_wrap .btn_box .cancel_btn{width:26vw; height:11vw; line-height:11vw; text-align:center; font-size:3vw; font-weight:bold; border-radius:2vw; background:var(--text-black); color:var(--text-white); float:left; cursor:pointer;}
.verification_code_popup .card_wrap .card_btn_wrap .btn_box .confirm_btn{width:26vw; height:11vw; line-height:11vw; text-align:center; font-size:3vw; font-weight:bold; border-radius:2vw; background:var(--main-color); color:var(--text-white); float:right; cursor:pointer;} */

.verification_code_popup .layerContent{height:auto;}
.verification_code_popup .btnWrap{margin-top:70px !important; padding-bottom:12vw;}

/* 번호 확인 팝업 */
.layerPopup2.verification_number_popup .noti_message {position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:5vw; overflow:hidden; width:72.223vw;}
.layerPopup2.verification_number_popup .noti_message .noti_head {display:flex; align-items:center; justify-content:space-between; height:10.186vw; padding:0 5.555vw; background-color:var(--main-color);}
.layerPopup2.verification_number_popup .noti_message .noti_head h1 {color:var(--text-white); font-size:3.334vw; font-weight:bold;}
.layerPopup2.verification_number_popup .noti_message .noti_head .close {position:relative; display:inline-block; width:3.705vw; height:3.705vw; color:transparent; font-size:0;}
.layerPopup2.verification_number_popup .noti_message .noti_head .close::before,
.layerPopup2.verification_number_popup .noti_message .noti_head .close::after {content:""; position:absolute; top:50%; left:50%; margin:-2.592vw 0 0 -0.185vw; width:0.37vw; height:5.18vw; border-radius:0.277vw; background-color:var(--text-white);}
.layerPopup2.verification_number_popup .noti_message .noti_head .close::before {transform:rotate(45deg);}
.layerPopup2.verification_number_popup .noti_message .noti_head .close::after {transform:rotate(-45deg);}

.layerPopup2.verification_number_popup .noti_message .noti_cont {padding:4.26vw 5.186vw 7.408vw; background-color:var(--text-white);}
.layerPopup2.verification_number_popup .noti_message .noti_cont .phone_number_line{width:100%; height:auto; line-height:7vw; text-align:center; font-size:5vw; font-weight:bold; padding:2vw 0; box-sizing:border-box;}
.layerPopup2.verification_number_popup .noti_message .noti_cont .message {color:var(--text-darkgray); font-size:2.037vw; line-height:4vw; box-sizing:border-box; display:table; margin:0 auto 5.555vw;}
.layerPopup2.verification_number_popup .noti_message .noti_cont .message p {word-break:keep-all; font-size:2.2vw;}
.layerPopup2.verification_number_popup .noti_message .noti_cont .message p::before{content:"*"; padding-right:0.8vw; font-size:3vw;}

.layerPopup2.verification_number_popup .noti_message .noti_cont .btnWrap button {width:21.296vw; height:7.407vw; font-size:2.592vw; border-radius:1.388vw; margin:0 0.74vw;}


.layout.phone_info{padding:4.3vw 9.26vw 0;}
.layout.phone_info .notice_message{width:100%; height:auto; line-height:6vw; font-size:4vw; text-align:center; color:var(--main-color); font-weight:bold;}
.layout.phone_info input.phone{width:100%; color:var(--text-black); background-color:var(--main-backround); font-size:7.5vw; font-weight:bold; text-align:center; border:none; padding:4vw 0 3vw;}
.layout.phone_info .payment {margin-top:5.555vw; position:relative;}
.layout.phone_info .payment button {position:relative; display:block; width:100%; height:15.74vw; font-size:4vw;}
.layout.phone_info .payment button.btn1:active{color:var(--main-color);}
.layout.phone_info .payment button.btn1 strong{}
.layout.phone_info .payment button.btn2 {margin-top:2.777vw;}

.layout.phone_info .payment .alert_message_wrap{position:absolute; top:-6vw; left:8vw; height:auto; box-sizing:border-box; display:none; text-align: center;}
.layout.phone_info .payment .alert_message_wrap .message_box{width:100%; height:auto; line-height:4vw; font-size:3vw; color:var(--main-color); font-weight:bold;}

.layout.phone_info .check_btn_box{position:absolute; top:3.9vw; left:14.4vw; width:8vw; height:8vw; border-radius:100%; overflow:hidden;}
.layout.phone_info .check_btn_box.eng{left:3.4vw;}

.layout.phone_info .container{display:block; position:relative; width:100%; height:100%; cursor:pointer;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

/* Hide the browser's default checkbox */
.layout.phone_info .container input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}

/* Create a custom checkbox */
.layout.phone_info .checkmark{position:absolute; top:0; left:0; height:100%; width:100%; background-color:var(--text-white);}

/* On mouse-over, add a grey background color */
.layout.phone_info .container:hover input ~ .checkmark {background-color:var(--text-white);}

/* When the checkbox is checked, add a blue background */
.layout.phone_info .container input:checked ~ .checkmark {background-color:var(--text-white);}

/* Create the checkmark/indicator (hidden when not checked) */
.layout.phone_info .checkmark:after {content:""; position:absolute; display:none;}
.layout.phone_info .checkmark{position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: var(--text-white); border-radius: 100%;}
.layout.phone_info .checkmark:active{border-color:var(--main-color);}
.layout.phone_info .checkmark:active::after{ border: solid var(--main-color) !important; border-width: 0 1vw 1vw 0 !important;}

/* Show the checkmark when checked */
.layout.phone_info .container input:checked ~ .checkmark:after {display:block;}
.layout.phone_info .container .checkmark{border-radius: 100%; border: solid 3px var(--text-black);}
/* Style the checkmark/indicator */
.layout.phone_info .container .checkmark:after {
    left:50%; top:50%; width:1.666vw; height:2.777vw; border:solid var(--text-black); border-width:0 1vw 1vw 0;
    -webkit-transform:rotate(45deg) translate(-92%, -15%); -ms-transform:rotate(45deg) translate(-92%, -15%); transform:rotate(45deg) translate(-92%, -15%);
}


.information_agreement_popup .layerContent{width:75%; height:auto; padding:0; box-sizing:border-box; left:50%; top:50%; transform:translate(-50%, -50%); word-break:keep-all;}
.information_agreement_popup .card_wrap{width:100%; height:auto; background:var(--text-white); box-sizing:border-box; padding:11vw 0 0;}
.information_agreement_popup .card_inner{width:100%; height:auto; background:var(--text-lightgray); box-sizing:border-box; padding:5vw 7vw;}
.information_agreement_popup .card_inner .number_list{width:100%; height:auto; list-style:decimal; padding-left:3.888vw;}
.information_agreement_popup .card_inner .number_list .number_list_li{height:auto; line-height:initial; font-size:3vw; font-weight:bold; margin-bottom:2vw;}
.information_agreement_popup .card_inner .dotted_list{width:100%; height:auto; position:relative;}
.information_agreement_popup .card_inner .dotted_list .dotted_list_li{width:100%; height:auto; line-height:3.7vw; font-weight:normal; color:#777;}
.information_agreement_popup .card_inner .dotted_list .dotted_list_li::before{content:"-"; position:absolute; left:-3.4vw;}
.information_agreement_popup .card_bottom{width:100%; height:auto; background:var(--text-white); box-sizing:border-box; padding:5vw 8vw 6vw;}
.information_agreement_popup .card_bottom .description_message{width:100%; height:auto; font-size:2.3vw; line-height:3.5vw; color:var(--text-darkgray); font-weight:bold;}
.information_agreement_popup .card_bottom .description_message::before{content:"*"; font-size:3vw; margin-right:-0.6vw;}
.information_agreement_popup .card_bottom .description_message span{width:100%; height:auto; color:#777777;}

/* // [추가] 2021-02-15 */

/* 2021-03-11 이통사 이미지 및 문구 css 추가. */
.layout.paycard .direct_input_btn_wrap{width:100%; height:auto; box-sizing:border-box; padding:4.093vw 9.26vw 0;}
.layout.paycard .direct_input_btn_wrap::after{content:""; display:block; clear:both;}
.layout.paycard .direct_input_btn_wrap .btn_box{width:auto; height:auto; float:right; padding:0 2vw;}
.layout.paycard .direct_input_btn_wrap .btn_box button.direct_btn{font-size:3.2vw; font-weight:bold; cursor:pointer; background:var(--main-color); box-sizing:border-box; padding:1.2vw 2.4vw; color:var(--text-white); border-radius:10vw;} /* [수정] 2021-04-07 */

.layout.paycard .number_scanner_wrap{width:100%; height:auto; box-sizing:border-box; padding:2vw 9.26vw 2.019vw;}
.layout.paycard .number_scanner_wrap .number_scanner_inner{width:100%; height:auto;}
.layout.paycard .number_scanner_wrap .number_scanner_inner .wrap_line1{width:100%; height:auto;}
.layout.paycard .number_scanner_wrap .number_scanner_inner .wrap_line1::after{content:""; display:block; clear:both;}
.layout.paycard .number_scanner_wrap .number_scanner_inner .wrap_line1 .image_box1{width:39vw; height:auto; float:left; background:var(--text-white); box-sizing:border-box; overflow:hidden;} /* [수정] 2021-04-07 */
.layout.paycard .number_scanner_wrap .number_scanner_inner .wrap_line1 .image_box1 img{width:100%;} /* [수정] 2021-04-07 */
.layout.paycard .number_scanner_wrap .number_scanner_inner .wrap_line1 .image_box2{width:39vw; height:auto; float:right; background:var(--text-white); box-sizing:border-box; overflow:hidden;} /* [수정] 2021-04-07 */
.layout.paycard .number_scanner_wrap .number_scanner_inner .wrap_line1 .image_box2 img{width:100%;} /* [수정] 2021-04-07 */

.layout.paycard .number_scanner_wrap .number_scanner_inner .wrap_line2{width:100%; height:auto; padding-top:3vw;}
.layout.paycard .number_scanner_wrap .number_scanner_inner .wrap_line2 .information_box{width:100%; height:auto; font-size:3.5vw; line-height:4vw; text-align:center; font-weight:bold;}
/* .layout.paycard .number_scanner_wrap .number_scanner_inner .wrap_line2 .information_box span{color:var(--main-color);} */ /* [수정] 2021-04-07 */
/* 2021-03-11 이통사 이미지 및 문구 css 추가 끝. */

 /* [추가] 2021-03-23 메뉴 상단 2줄일경우 css 추가 */


 /* [수정] 2021-04-23 메뉴 한줄일 경우 - 시작 */
 .food_list_menu_wrap.menu_list_line1{width:100%; height:130px; position:relative; padding-top:30px;} /* [수정] 2021-04-29 */
 .food_list_menu_wrap.menu_list_line1::after{content:""; display:block; clear:both;}
 .food_list_menu{width:100%; height:auto; box-sizing:border-box; padding:0;}
 
 /* 음식선택 카테고리 변경 코드 */
 .food_list_menu_wrap.menu_list_line1 .food_categoryWrap.food_list_menu {margin:0 auto; padding:0; position:relative; width:calc(100% - 270px); height:auto; float:left;}
 .food_list_menu_wrap.menu_list_line1 .food_categoryWrap.food_list_menu .swiper-slide .button_wrap{width:100%; height:100%; padding:1px 5px;}
 .food_list_menu_wrap.menu_list_line1 .food_categoryWrap.food_list_menu .swiper-slide .button_wrap button {width:100%; height:70px; text-align:center; border-radius:25px; overflow:hidden; box-sizing:border-box; border:solid 3px var(--main-color);} /* [수정] 2021-04-29 */
 .food_list_menu_wrap.menu_list_line1 .food_categoryWrap.food_list_menu .swiper-slide .button_wrap button.on{width:100%; height:70px; background:var(--main-color);} /* [수정] 2021-04-29 */
 .food_list_menu_wrap.menu_list_line1 .food_categoryWrap.food_list_menu .swiper-slide .button_wrap button.category_button_line2{display:none;}
 .food_list_menu_wrap.menu_list_line1 .food_categoryWrap.food_list_menu .swiper-slide .button_wrap button span {position:relative; display:inline-block; font-size:24px; font-weight:bold; line-height:28px; text-transform:uppercase; max-width:90%; word-break:break-all;}
 .food_list_menu_wrap.menu_list_line1 .food_categoryWrap.food_list_menu .swiper-slide .button_wrap button.on span {color:var(--text-white);}
 .food_list_menu_wrap.menu_list_line1 .food_categoryWrap.food_list_menu .swiper-slide .button_wrap button.on span::before {content:""; position:absolute; left:50%; bottom:-2px; width:28px; height:3px; background-color:var(--main-color); margin-left:-14px;}
 
 .food_list_menu_wrap.menu_list_line1 .food_list_menu_prev_box{width:auto; height:100%; display:table; float:left; padding-bottom:30px;} /* [수정] 2021-04-29 */
 .food_list_menu_wrap.menu_list_line1 .food_list_menu_prev_box_inner{width:100%; height:auto; display:table-cell; vertical-align:middle;}
 .food_list_menu_wrap.menu_list_line1 .food_list_menu_next_box{width:auto; height:100%; display:table; float:left; padding-bottom:30px;} /* [수정] 2021-04-29 */
 .food_list_menu_wrap.menu_list_line1 .food_list_menu_next_box_inner{width:100%; height:auto; display:table-cell; vertical-align:middle;}
 
 .food_list_menu_wrap.menu_list_line1 .category_prev,
 .food_list_menu_wrap.menu_list_line1 .category_next {/* position:absolute; top:50%; transform:translateY(-50%); */ width:70px; height:70px; color:transparent; font-size:0; background-color:var(--text-white); z-index:5; position:relative; margin:0 32.5px;}  /* [수정] 2021-04-29 */
 .food_list_menu_wrap.menu_list_line1 .category_prev::before,
 .food_list_menu_wrap.menu_list_line1 .category_next::before {content:""; position:absolute; left:50%; top:50%; width:11px; height:11px; border-bottom:3px solid var(--text-black);}
 .food_list_menu_wrap.menu_list_line1 .category_prev::before {border-left:3px solid var(--text-black); transform:rotate(45deg); margin:-6px 0 0 -5px;}
 .food_list_menu_wrap.menu_list_line1 .category_next::before {border-right:3px solid var(--text-black); transform:rotate(-45deg); margin:-6px 0 0 -9px;}
 
 .food_list_menu_wrap.menu_list_line1 .category_prev, 
 .food_list_menu_wrap.menu_list_line1 .category_next {background-color: var(--text-lightgray);border-radius: 24px;}
 .food_list_menu_wrap.menu_list_line1 .category_prev.swiper-button-disabled, 
 .food_list_menu_wrap.menu_list_line1 .category_next.swiper-button-disabled {opacity: 1 !important;}
 .food_list_menu_wrap.menu_list_line1 .category_prev::before, 
 .food_list_menu_wrap.menu_list_line1 .category_next::before {border-color: var(--main-color);}
 .food_list_menu_wrap.menu_list_line1 .category_prev.swiper-button-disabled::before, 
 .food_list_menu_wrap.menu_list_line1 .category_next.swiper-button-disabled::before {border-color: var(--text-middlegray); }
 
 .food_list_menu_wrap.menu_list_line1.uiType1 .swiper-slide button.on span::before {left: 0;margin-left: 0;}
 .food_list_menu_wrap.menu_list_line1.uiType2 .swiper-slide button.on span::before {background-color: var(--main-color);}
 
 .food_list_menu_wrap.menu_list_line1 .food_list_menu .menu_category button span{font-size:30px; font-weight:bold;}
 .food_list_menu_wrap.menu_list_line1 .food_list_menu .menu_category button.on span{color:var(--text-white);}
/* [수정] 2021-04-23 메뉴 한줄일 경우 - 끝 */

 
 /* [수정] 2021-04-23 메뉴 두줄일 경우 - 시작 */
 .food_list_menu_wrap.menu_list_line2{width:100%; height:130px; position:relative; padding-top:3px;} /* [수정] 2021-04-29 */
 .food_list_menu_wrap.menu_list_line2::after{content:""; display:block; clear:both;}
 .food_list_menu{width:100%; height:auto; box-sizing:border-box; padding:0;}
 
 /* 음식선택 카테고리 변경 코드 */
 .food_list_menu_wrap.menu_list_line2 .food_categoryWrap.food_list_menu {margin:0 auto; padding:0; position:relative; width:calc(100% - 270px); height:130px; float:left;}
 .food_list_menu_wrap.menu_list_line2 .food_categoryWrap.food_list_menu .swiper-slide .button_wrap{width:100%; height:100%; padding:0 5px;
 display:flex;justify-content:space-between;flex-direction: column;}
 
 .food_list_menu_wrap.menu_list_line2 .food_categoryWrap.food_list_menu .swiper-slide .button_wrap button {width:100%; height:60px; text-align:center; border-radius:20px; overflow:hidden; box-sizing:border-box; border: solid 3px var(--main-color);} /* [수정] 2021-04-29 */
 .food_list_menu_wrap.menu_list_line2 .food_categoryWrap.food_list_menu .swiper-slide .button_wrap button.on{width:100%; height:60px; background:var(--main-color); } /* [수정] 2021-04-29 */
 .food_list_menu_wrap.menu_list_line2 .food_categoryWrap.food_list_menu .swiper-slide .button_wrap button span {position:relative; display:inline-block; font-size:24px; font-weight:bold; line-height:1; text-transform:uppercase; max-width:90%; word-break:break-all;}
 .food_list_menu_wrap.menu_list_line2 .food_categoryWrap.food_list_menu .swiper-slide .button_wrap button.on span {color:var(--text-white); border:none;background:none;}
 /*.food_list_menu_wrap.menu_list_line2 .food_categoryWrap.food_list_menu .swiper-slide .button_wrap button.on span::before {content:""; position:absolute; left:50%; bottom:-2px; width:28px; height:3px; background-color:var(--main-color); margin-left:-14px;}*/

 .food_list_menu_wrap.menu_list_line2 .food_list_menu_prev_box{width:auto; height:100%; display:table; float:left; padding-bottom:3px;} /* [수정] 2021-04-29 */
 .food_list_menu_wrap.menu_list_line2 .food_list_menu_prev_box_inner{width:100%; height:auto; display:table-cell; vertical-align:middle;}
 .food_list_menu_wrap.menu_list_line2 .food_list_menu_next_box{width:auto; height:100%; display:table; float:left; padding-bottom:3px;} /* [수정] 2021-04-29 */
 .food_list_menu_wrap.menu_list_line2 .food_list_menu_next_box_inner{width:100%; height:auto; display:table-cell; vertical-align:middle;}
 
 .food_list_menu_wrap.menu_list_line2 .category_prev,
 .food_list_menu_wrap.menu_list_line2 .category_next {/* position:absolute; top:50%; transform:translateY(-50%); */ width:70px; height:70px; color:transparent; font-size:0; background-color:var(--text-white); z-index:5; background:pink; position:relative; margin:0 32.5px;} /* [수정] 2021-04-29 */
 .food_list_menu_wrap.menu_list_line2 .category_prev::before,
 .food_list_menu_wrap.menu_list_line2 .category_next::before {content:""; position:absolute; left:50%; top:50%; width:11px; height:11px; border-bottom:3px solid var(--text-black);}
 .food_list_menu_wrap.menu_list_line2 .category_prev::before {border-left:3px solid var(--text-black); transform:rotate(45deg); margin:-6px 0 0 -5px;}
 .food_list_menu_wrap.menu_list_line2 .category_next::before {border-right:3px solid var(--text-black); transform:rotate(-45deg); margin:-6px 0 0 -9px;}
 
 .food_list_menu_wrap.menu_list_line2 .category_prev, 
 .food_list_menu_wrap.menu_list_line2 .category_next {background-color: var(--text-lightgray);border-radius: 24px;}
 .food_list_menu_wrap.menu_list_line2 .category_prev.swiper-button-disabled, 
 .food_list_menu_wrap.menu_list_line2 .category_next.swiper-button-disabled {opacity: 1 !important;}
 .food_list_menu_wrap.menu_list_line2 .category_prev::before, 
 .food_list_menu_wrap.menu_list_line2 .category_next::before {border-color: var(--main-color);}
 .food_list_menu_wrap.menu_list_line2 .category_prev.swiper-button-disabled::before, 
 .food_list_menu_wrap.menu_list_line2 .category_next.swiper-button-disabled::before {border-color: var(--text-middlegray); }
 
 .food_list_menu_wrap.menu_list_line2.uiType1 .swiper-slide button.on span::before {left: 0;margin-left: 0;}
 .food_list_menu_wrap.menu_list_line2.uiType2 .swiper-slide button.on span::before {background-color: var(--main-color);}
 
 .food_list_menu_wrap.menu_list_line2 .food_list_menu .menu_category button span{font-size:30px; font-weight:bold;}
 .food_list_menu_wrap.menu_list_line2 .food_list_menu .menu_category button.on span{color:var(--text-white);}
/* [수정] 2021-04-23 메뉴 두줄일 경우 - 끝 */

 /* // [추가] 2021-03-23 메뉴 상단 2줄일경우 css 추가 */




/* [추가] 2021-03-23 */
.layout.logo_view{background:var(--text-white); width:100vw; height:163.888vw; position:relative;}
.layout.logo_view .powerd_by_box{position:absolute; top:776px; left:245px;}
.layout.logo_view .logo_text_box{position:absolute; top:837px; left:628px;}
/* // [추가] 2021-03-23 */




/* [수정] 2021-04-15 */

.select_menu_double_line .menuArea .uiType1.food_listWrap {position:relative; margin-top:30px; width:calc(100% - 75px); height:1000px;}
.select_menu_double_line .selectedMenu {margin:15px 40px 0; display:flex; justify-content:space-between;}

 
.select_menu_double_line .menuArea .uiType1 .food_list .item {width:234px; height:234px !important; overflow:hidden;}
.select_menu_double_line .menuArea .uiType1 .food_list .item::after{width:224px; height:224px;}
.select_menu_double_line .menuArea .uiType1 .food_list .item .img {height: 130px; margin:5px 3px 5px; overflow:hidden;}
.select_menu_double_line .menuArea .uiType1 .food_list .item .img img {max-height:150px; max-width: 100%;}

.select_menu_double_line .menuArea .uiType1 .food_list .item {width:230px; height:230px !important; overflow:hidden; margin:0 !important; padding:0 !important; margin:10px !important;}
.select_menu_double_line .menuArea .uiType1 .food_list .item::after{width:224px; height:224px;}
.select_menu_double_line .menuArea .uiType1 .food_list .item .img {height: 130px; margin:0 3px 5px; overflow:hidden;}
.select_menu_double_line .menuArea .uiType1 .food_list .item .img img {max-height:150px; max-width: 100%;}




.select_menu_double_line .menuArea .uiType2.food_listWrap{height:970px;}

.select_menu_double_line .menuArea .uiType2 .food_list .item {width:234px; height:234px !important; overflow:hidden;}
.select_menu_double_line .menuArea .uiType2 .food_list .item .img {height: 130px; margin:5px 3px 5px; overflow:hidden;}
.select_menu_double_line .menuArea .uiType2 .food_list .item .img::after{width:218px; height:221px; border:6px solid var(--main-color); margin:-1px;}
.select_menu_double_line .menuArea .uiType2 .food_list .item .img img {max-height:150px; max-width: 100%;}

.select_menu_double_line .menuArea .uiType2 .food_list .item .name {margin-top:10px;}
/* 2021-05-13 백종기 추가. menu_double_line-uiType2인 경우 nameSmall일 때 margin-top 10px */
.select_menu_double_line .menuArea .uiType2 .food_list .item .nameSmall {margin-top:10px;}

.select_menu_double_line .menuArea .uiType2 .food_list .item {width:230px; height:313px !important; overflow:hidden; margin:0 !important; padding:0 !important; margin:10px !important;}
.select_menu_double_line .menuArea .uiType2 .food_list .item::after{width:224px; height:224px;}
.select_menu_double_line .menuArea .uiType2 .food_list .item .img {height:230px; margin:0 3px 5px; overflow:hidden;}
.select_menu_double_line .menuArea .uiType2 .food_list .item .img img {max-height:initial; height: auto; max-width: 100%;}


.select_menu_double_line .menuArea .uiType2 .food_list .item .tag {position:absolute;left:45px;top:20px;height:26px;padding: 0 10px; color:var(--text-white);font-family:'Roboto', sans-serif;font-size:14px;line-height:26px;font-weight:bold;border-radius: 4px;background-color:#ff7931;}
.select_menu_double_line .menuArea .uiType2 .food_list .item .tag.soldout {background-color:var(--text-black); left:65px;}
.select_menu_double_line .menuArea .uiType2 .food_list .item .tag.check{position:absolute; left:initial; right:20px; top:20px; width:0; height:0; padding:0; color:var(--text-white); font-family:'Roboto', sans-serif; font-size:0; line-height:0; font-weight:bold; border-radius:0; background-color:#ff7931;}
.select_menu_double_line .menuArea .uiType2 .food_list .item .tag.check::after{content:""; display:block; position:absolute; top:0; right:0; width:40px; height:40px; background:url("../images/check.png") no-repeat center center; background-size:contain;}
.select_menu_double_line .menuArea .uiType2 .food_list .item.on .img::after {background:none;}




.select_menu_double_line .menuArea .food_list .item .name{font-size: 22px; line-height:24px; height:48px; max-height:48px; align-items:center;}

.select_menu_double_line .menuArea .food_list .item .price{margin-top:0;}

.select_menu_double_line .selectedMenu.heiType2 .selectedWrap{height: 402px;}
.select_menu_double_line .selectedMenu .menuList .no_menu{height:402px;}


.select_menu_double_line .menuArea .food_list .item .tag {position:absolute;left:20px;top:20px;height:26px;padding: 0 10px; color:var(--text-white);font-family:'Roboto', sans-serif;font-size:14px;line-height:26px;font-weight:bold;border-radius: 4px;background-color:#ff7931;}
.select_menu_double_line .menuArea .food_list .item .tag.soldout {background-color:var(--text-black);}

.select_menu_double_line .menuArea .food_list .item .tag.check{position:absolute; left:initial; right:20px; top:20px; width:0; height:0; padding:0; color:var(--text-white); font-family:'Roboto', sans-serif; font-size:0; line-height:0; font-weight:bold; border-radius:0; background-color:#ff7931;}
.select_menu_double_line .menuArea .food_list .item .tag.check::after{content:""; display:block; position:absolute; top:0; right:0; width:20px; height:20px; background:url("../images/check.png") no-repeat center center; background-size:contain;}



.select_menu_big.select_menu_double_line .menuArea .uiType1.food_listWrap {position:relative; margin-top:30px; width:calc(100% - 75px); height:1000px;}

.select_menu_big.select_menu_double_line .menuArea .uiType1 .food_list .item:nth-child(-n+2){width:480px; height:480px !important;}
.select_menu_big.select_menu_double_line .menuArea .uiType1 .food_list .item:nth-child(-n+2)::after{width:474px; height:474px;}
.select_menu_big.select_menu_double_line .menuArea .uiType1 .food_list .item:nth-child(-n+2) .img {height:320px; margin:0 3px 5px; overflow:hidden;}
.select_menu_big.select_menu_double_line .menuArea .uiType1 .food_list .item:nth-child(-n+2) .img img {width:initial; height:initial; max-height:initial; max-width:initial; width:250px !important; height:auto !important;}


.select_menu_big.select_menu_double_line .menuArea .uiType2.food_listWrap{height:975px;}

.select_menu_big.select_menu_double_line .menuArea .uiType2 .food_list .item:nth-child(-n+2){width:480px; height:615px !important;}
.select_menu_big.select_menu_double_line .menuArea .uiType2 .food_list .item:nth-child(-n+2)::after{width:474px; height:474px;}
.select_menu_big.select_menu_double_line .menuArea .uiType2 .food_list .item:nth-child(-n+2) .img {height:480px; margin:0 3px 5px; overflow:hidden;}
.select_menu_big.select_menu_double_line .menuArea .uiType2 .food_list .item:nth-child(-n+2) .img img {width:initial; height:initial; max-height:initial; max-width:initial; width:100% !important; height:auto !important;}

.select_menu_big.select_menu_double_line .menuArea .uiType2 .food_list .item:nth-child(-n+2).on .img::after {border:8px solid var(--main-color); width:463px; height:467px;}


.select_menu_big.select_menu_double_line .menuArea .food_list .item:nth-child(-n+2) .name{font-size:32px; line-height:35px; height:70px; max-height:70px; align-items:center;}
.select_menu_big.select_menu_double_line .menuArea .food_list .item:nth-child(-n+2) .price{font-size:35px; line-height:37px; margin-top:10px;}

.select_menu_big.select_menu_double_line .menuArea .food_list .item:nth-child(-n+2) .tag.check{position:absolute; left:initial; right:20px; top:20px; width:0; height:0; padding:0; color:var(--text-white); font-family:'Roboto', sans-serif; font-size:0; line-height:0; font-weight:bold; border-radius:0; background-color:#ff7931;}
.select_menu_big.select_menu_double_line .menuArea .food_list .item:nth-child(-n+2) .tag.check::after{content:""; display:block; position:absolute; top:0; right:0; width:40px; height:40px; background:url("../images/check.png") no-repeat center center; background-size:contain;}




/* .select_menu_double_line_popup.layerPopup .menu_option .layer_con{padding-top:85px;} */ /* [삭제] 2021-05-06 */
.select_menu_double_line_popup.layerPopup .menu_option .menu_info .text3{margin-bottom:15px;} /* [수정] 2021-05-06 */
.select_menu_double_line_popup.layerPopup .menu_option .menu_info .img{width:360px; height:360px; box-sizing:border-box; margin:0 auto; border-radius:20px; overflow:hidden;} /* [수정] 2021-05-06 */
.select_menu_double_line_popup.layerPopup .menu_option .menu_info .img img{width:100%; max-height:none;} /* [수정] 2021-05-06 */
/* .select_menu_double_line_popup.layerPopup .menu_option .menu_info .info{background:var(--text-lightgray); width:100%; height:260px; box-sizing:border-box; padding:35px; margin:20px 0; border-radius:25px;} *//* [수정] 2021-05-06 */
.select_menu_double_line_popup.layerPopup .menu_option .menu_info .info{width:100%; height:260px; box-sizing:border-box; padding:35px; margin:20px 0; border-radius:25px;} /* [수정] 2021-05-06 */

.select_menu_double_line_popup.layerPopup .menu_option .menu_info .info .info_text_wrap{width:100%; height:auto; font-size:22px; line-height:24px; font-weight:bold;}

.select_menu_double_line_popup.layerPopup .menu_option .optionListWrap{height:540px;} /* [수정] 2021-05-06 */

/* .select_menu_double_line_popup.layerPopup .menu_option .bottom_btn{margin-top:40px;} */ /* [삭제] 2021-05-06 */

.select_menu_double_line_popup.layerPopup .menu_option .option .option_prev,
.select_menu_double_line_popup.layerPopup .menu_option .option .option_next {position: absolute; width:43px; height:128px; top:0; color:transparent;font-size:0; z-index:5; background-color:var(--text-white);}
.select_menu_double_line_popup.layerPopup .menu_option .option .option_prev {left: -2px;}
.select_menu_double_line_popup.layerPopup .menu_option .option .option_next {right: -2px;}
.select_menu_double_line_popup.layerPopup .menu_option .option .option_prev::before,
.select_menu_double_line_popup.layerPopup .menu_option .option .option_next::before {content: "";position: absolute;top: 50%; width: 11px;height: 11px;border-bottom: 3px solid var(--text-black);}
.select_menu_double_line_popup.layerPopup .menu_option .option .option_prev::before {left: 40%; border-left: 3px solid var(--text-black);transform: rotate(45deg);margin: -6px 0 0 0;}
.select_menu_double_line_popup.layerPopup .menu_option .option .option_next::before {right: 50%; border-right: 3px solid var(--text-black);transform: rotate(-45deg);margin: -6px 0 0 0;}
.select_menu_double_line_popup.layerPopup .menu_option .option .option_prev.swiper-button-disabled,
.select_menu_double_line_popup.layerPopup .menu_option .option .option_next.swiper-button-disabled {cursor:default;}
.select_menu_double_line_popup.layerPopup .menu_option .option .option_prev.swiper-button-disabled::before,
.select_menu_double_line_popup.layerPopup .menu_option .option .option_next.swiper-button-disabled::before {opacity:.3;}


/* .select_menu_double_line_popup2.layerPopup .menu_option .layer_con{padding-top:85px;} */ /* [삭제] 2021-05-06 */
.select_menu_double_line_popup2.layerPopup .menu_option .menu_info{width:100%; height:auto; word-break: keep-all;} /* [수정] 2021-05-06 */
.select_menu_double_line_popup2.layerPopup .menu_option .menu_info::after{content:""; display:block; clear:both;}
.select_menu_double_line_popup2.layerPopup .menu_option .menu_info .img{float:right; width:360px; height:360px; box-sizing:border-box; border-radius:20px; overflow:hidden;} /* [수정] 2021-05-06 */
.select_menu_double_line_popup2.layerPopup .menu_option .menu_info .img img{width:100%; max-height:initial; max-width:none; max-height:none;} /* [수정] 2021-05-06 */
/* .select_menu_double_line_popup2.layerPopup .menu_option .menu_info .menu_text_info_wrap{float:left; width:395px; height:335px; display:table; padding-left:25px;} */ /* [삭제] 2021-05-06 */
/* .select_menu_double_line_popup2.layerPopup .menu_option .menu_info .menu_text_info_wrap_inner{width:100%; height:auto; display:table-cell; vertical-align:middle;} */ /* [삭제] 2021-05-06 */
.select_menu_double_line_popup2.layerPopup .menu_option .menu_info .text3{margin-bottom:15px; text-align:left; width:100%; height:auto;}
.select_menu_double_line_popup2.layerPopup .menu_option .menu_info .info{float:left;border-radius:5px; width:450px; height:360px; box-sizing:border-box; margin:15px 0; padding-top:10px; text-align:left; word-break:break-all; overflow:hidden;}
.select_menu_double_line_popup2.layerPopup .menu_option .menu_info .info .info_text_wrap{width:100%; height:auto; font-size:22px; line-height:24px; font-weight:bold;}

.select_menu_double_line_popup2.layerPopup .side_menu_title{position:absolute; top:520px; width: 100%; height:auto; font-size:35px; line-height:37px; text-align:center; font-weight:bold;} /* [수정] 2021-05-06 */
.select_menu_double_line_popup2.layerPopup .menu_option .optionListWrap{height:850px;} /* [수정] 2021-05-06 */
/* .select_menu_double_line_popup2.layerPopup .menu_option .option{height: auto !important;} */ /* [삭제] 2021-05-06 */
/* .select_menu_double_line_popup2.layerPopup .menu_option .option .button_wrap{width:100%; height: 310px;} */ /* [삭제] 2021-05-06 */

/* 05-10 18시 퍼블 수정사항 변경
.select_menu_double_line_popup2.layerPopup .menu_option .option label{width: 180px; height: 180px;} */
.select_menu_double_line_popup2.layerPopup .menu_option .option label{width: 180px; height: 180px;  overflow: hidden;}
.select_menu_double_line_popup2.layerPopup .menu_option .option label img {width:100%; height:100%; object-fit:cover;} /* 2022-03-02 추가 */

/* HS: 07-13 수정*/ 
.select_menu_double_line_popup2.layerPopup .menu_option .option .menu_info_dsc{padding:0 20px; width:180px; height:50px; margin:5px; font-size:22px; line-height:30px; text-align: center; overflow: hidden; display: flex; justify-content: center; align-items: center;}

/* .select_menu_double_line_popup2.layerPopup .menu_option .option .label_background{position:absolute; top:10px; left:10px; width:210px; height:210px; border-radius:10px; overflow: hidden;} */ /* [삭제] 2021-05-06 */
.select_menu_double_line_popup2.layerPopup .menu_option .option .label_background img{width: 100%;}
.select_menu_double_line_popup2.layerPopup .menu_option .option .label_text{    position: absolute; top: 240px; left: 0; width: 220px; height: auto; box-sizing: border-box;}

.select_menu_double_line_popup2.layerPopup .menu_option .option .option_prev,

/* 05-10 18시 퍼블 수정사항 변경
.select_menu_double_line_popup2.layerPopup .menu_option .option .option_next {position: absolute; width:40px; height:182px; top:0px; color:transparent;font-size:0; z-index:5; background-color:var(--text-white);} *//* [수정] 2021-05-06 */
.select_menu_double_line_popup2.layerPopup .menu_option .option .option_next {position: absolute; width:40px; height: 250px; top:0px; color:transparent;font-size:0; z-index:5; background-color:var(--text-white);} /* [수정] 2021-05-06 */

.select_menu_double_line_popup2.layerPopup .menu_option .option .option_prev {left: -2px;}
.select_menu_double_line_popup2.layerPopup .menu_option .option .option_next {right: -2px;}
.select_menu_double_line_popup2.layerPopup .menu_option .option .option_prev::before,
/* 05-10 18시 퍼블 수정사항 변경
.select_menu_double_line_popup2.layerPopup .menu_option .option .option_next::before {content: "";position: absolute;top: 50%; width: 11px;height: 11px;border-bottom: 3px solid var(--text-black);} */
.select_menu_double_line_popup2.layerPopup .menu_option .option .option_next::before {content: "";position: absolute;top: 37%; width: 11px;height: 11px;border-bottom: 3px solid var(--text-black);}

.select_menu_double_line_popup2.layerPopup .menu_option .option .option_prev::before {left: 40%; border-left: 3px solid var(--text-black);transform: rotate(45deg); margin: -6px 0 0 0;}
.select_menu_double_line_popup2.layerPopup .menu_option .option .option_next::before {right: 50%; border-right: 3px solid var(--text-black);transform: rotate(-45deg); margin: -6px 0 0 0;}
.select_menu_double_line_popup2.layerPopup .menu_option .option .option_prev.swiper-button-disabled,
.select_menu_double_line_popup2.layerPopup .menu_option .option .option_next.swiper-button-disabled {cursor:default;}
.select_menu_double_line_popup2.layerPopup .menu_option .option .option_prev.swiper-button-disabled::before,
.select_menu_double_line_popup2.layerPopup .menu_option .option .option_next.swiper-button-disabled::before {opacity:.3;}


.select_menu_horizontal .menuArea .uiType1.food_listWrap{width:100%; height: 1030px; margin-top:0;} /* [수정] 2021-04-29 */

.select_menu_horizontal .menuArea .uiType1 .food_list .item{width:100%;}
.select_menu_horizontal .menuArea .uiType1 .food_list .item::after{content:""; display:block; clear:both; left:123px; width: 226px;
    height: 226px; border-radius: 100%;}
.select_menu_horizontal .menuArea .uiType1 .food_list .item .number{float:left; width:100px; height: 230px; margin-right:20px; display: table;}
.select_menu_horizontal .menuArea .uiType1 .food_list .item .number .number_inner{width:100%; height:auto; display:table-cell; vertical-align:middle;}
.select_menu_horizontal .menuArea .uiType1 .food_list .item .number .number_inner .number_color_box{width:100%; height:65px; line-height:65px; background:var(--text-middlegray); color:var(--text-white); font-size:26px; border-radius: 0 33px 33px 0;}
.select_menu_horizontal .menuArea .uiType1 .food_list .item.on .number .number_inner .number_color_box{background:var(--main-color);}
.select_menu_horizontal .menuArea .uiType1 .food_list .item .img{float:left; width: 230px; height: 230px; border-radius: 100%; overflow: hidden;}
.select_menu_horizontal .menuArea .uiType1 .food_list .item .img img{width:100%; height:auto;} /* [수정] 2021-04-22 */
.select_menu_horizontal .menuArea .uiType1 .food_list .item .info_wrap{float:left; width:660px; height: 230px; display:table;}
.select_menu_horizontal .menuArea .uiType1 .food_list .item .info_wrap .info_wrap_center{width:100%; height:auto; display:table-cell; vertical-align:middle; padding-left:35px;}
.select_menu_horizontal .menuArea .uiType1 .food_list .item .info_wrap .info_wrap_center::after{content:""; display:block; clear:both;}
.select_menu_horizontal .menuArea .uiType1 .food_list .item .price{float:right; width:180px; margin-top:0; text-align:right; font-size:25px;}
.select_menu_horizontal .menuArea .uiType1 .food_list .item .name{float:left; width:auto; max-width:330px; text-align: left;}
.select_menu_horizontal .menuArea .uiType1 .food_list .item .name span{width:100%;}
.select_menu_horizontal .menuArea .uiType1 .food_list .item .tag{position: sticky; float:left; width:auto; height:auto; margin-left:10px;}
.select_menu_horizontal .menuArea .uiType1 .food_list .item .desc{float:left; width:100%; height:auto; margin-top:12px; border-top:1px solid #bbb; padding-top:12px; font-size:22px; line-height:25px; text-align:left; color:var(--text-middlegray);}

.select_menu_horizontal .selectedMenu .selectedWrap .menu .quantity button{cursor:pointer;} /* [추가] 2021-04-22 */

.overflow_text_line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.2em;
    height:auto;
    max-height: 2.4em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}

/* // [수정] 2021-04-15 */



 /* [추가] 2021-04-29 시작 */

 .fixed_top{position:fixed; top:150px; width:100%; height:auto;}

 .fixed_mid{position:fixed; top:300px; width:100%; height:auto;} /* [수정] 2021-04-30 */
 
 /*HS:fixed 2021-05-13 TYPE2 soldout 탑  위치 수정:S */
 .fixed_bot{position: fixed; bottom: 45px; width: 100%;}
 
 .fixed_bot .selectedMenu.heiType2 .selectedWrap {height: 300px;} /* [수정] 2021-04-30 */
 
 .fixed_bot .btn.custom21btn {margin:0px 40px 20px; border-bottom:1px solid var(--text-lightgray); padding-bottom:0px;}
 .fixed_bot .btn.custom21btn .reset {color: var(--main-color); font-size:20px; font-weight:bold;}
 .fixed_bot .btn.custom21btn .reset i {display:inline-block; width:20px; height:20px; border:2px solid var(--main-color); border-radius:100%; overflow:hidden; position:relative; vertical-align:middle; margin:-4px 8px 0 0;}
 .fixed_bot .btn.custom21btn .reset i::before {content:""; position:absolute; left:50%; top:0; width:2px; height:20px; background-color:var(--main-color); transform:rotate(-45deg);}
 .fixed_bot .btn.custom21btn {margin-top:0px !important; padding-bottom:15px;}
 
 /* [수정] 2021-05-03 시작 */
 .fixed_bot .selectedMenu.heiType2{margin-top:20px; height:100%;}
 .fixed_bot .selectedMenu .priceArea{padding-top:0; }
 .fixed_bot .selectedMenu .priceArea .price{margin-bottom:30px;}
 .fixed_bot .selectedMenu .priceArea button{height:100px; border-radius:15px;}
 .fixed_bot .selectedMenu .priceArea .coupon{height:70px; margin-top:15px;}
 /* [수정] 2021-05-03 끝 */
 
 
  /* [추가] 2021-04-29 끝 */
 
 
 
  /* [추가] 2021-04-30 시작 */
  .select_menu_default .menuArea .uiType1.food_listWrap{width:100%; height: 1080px; margin-top:0; padding:0 15px;} 
  .select_menu_default .menuArea .uiType1 .food_list .item{width:247.5px; height:247.5px !important;}
  .select_menu_default .menuArea .uiType1 .food_list .item::after{width:242px; height:242px;}
  /* JS:fixed 2021-05-13:S */
  .select_menu_default .menuArea .food_list .item .name{padding: 0 5px; line-height: 30px;}
  /* JS:fixed 2021-05-13:E */
  .select_menu_default .menuArea .food_list .item .price{position: absolute; margin-top: 2px; left: 50%; bottom: 0px; transform: translate(-50%, 0); width: 100%;}
 /* // [추가] 2021-04-30 끝 */
 
 
 
 /* [추가] 2021-05-01 시작 */
 .select_menu_bigmenu .menuArea .uiType1.food_listWrap{width:100%; height: 1080px; margin-top:0; padding:0 15px;} 
 .select_menu_bigmenu .menuArea .uiType1 .food_list .item{width:247.5px; height:247.5px !important;}
 .select_menu_bigmenu .menuArea .uiType1 .food_list .item::after{width:242px; height:242px;}
 .select_menu_bigmenu .menuArea .food_list .item .name{word-break:break-all; padding:0 5px; height:60px; align-items:center;}
 /* [추가] 2021-05-10 메뉴명3줄일때 글씨체를 줄이는 클래스를 추가 */
 .select_menu_bigmenu .menuArea .food_list .item .nameSmall{word-break:break-all; padding:0 5px; height:60px; align-items:center;}
 /* [추가] 2021-05-10 메뉴명3줄일때 글씨체를 줄이는 클래스를 추가 */
 .select_menu_bigmenu .menuArea .food_list .item .price{margin-top:2px;}
 .select_menu_bigmenu .menuArea .food_list .item.big1{position:absolute; top:0; left:0; width:515px; height:523px !important; z-index:1;}
 .select_menu_bigmenu .menuArea .food_list .item.big1::after{width:508px; height:517px;}
 .select_menu_bigmenu .menuArea .food_list .item.big1 .img{width:330px; height:330px; margin:0 auto;}
 .select_menu_bigmenu .menuArea .food_list .item.big1 .img img{width:100%; height:auto;}
 .select_menu_bigmenu .menuArea .food_list .item.big1 .name{font-size:32px; line-height:35px; height:70px; max-height:70px; align-items:center; padding:0 10px; margin-top:25px;}
 .select_menu_bigmenu .menuArea .food_list .item.big1 .price{font-size:35px; line-height:37px; margin-top:10px;}
 
 .select_menu_bigmenu .menuArea .food_list .item.big2{position:absolute; top:0; left:515px; width:515px; height:523px !important; z-index:1;}
 .select_menu_bigmenu .menuArea .food_list .item.big2::after{width:508px; height:517px;}
 .select_menu_bigmenu .menuArea .food_list .item.big2 .img{width:330px; height:330px; margin:0 auto;}
 .select_menu_bigmenu .menuArea .food_list .item.big2 .img img{width:100%; height:auto;}
 .select_menu_bigmenu .menuArea .food_list .item.big2 .name{font-size:32px; line-height:35px; height:70px; max-height:70px; align-items:center; padding:0 10px; margin-top:25px;}
 .select_menu_bigmenu .menuArea .food_list .item.big2 .price{font-size:35px; line-height:37px; margin-top:10px;}
 
 .select_menu_bigmenu .menuArea .food_list .item.big1_sub1{ margin-left:267.5px !important;} /* [수정] 2021-05-03 */
 .select_menu_bigmenu .menuArea .food_list .item.big2_sub1{ margin-left:267.5px !important;} /* [수정] 2021-05-03 */
 /* [추가] 2021-05-01 끝 */
 
 
 
 /* [추가] 2021-05-03 시작 */
 .layerContent.option_list_disable{}
 .layerContent.option_list_disable .option_list_wrap{display:none;}
 .layerContent.option_list_disable .move_wrap{display:none;}
 
 /* .layerContent.option_list_disable .layer_con{padding-top:145px !important;} */ /* [삭제] 2021-05-06 */
 /* .layerContent.option_list_disable .layer_con .menu_info .text3{font-size:45px; margin-bottom:25px;} */ /* [삭제] 2021-05-06 */
 .layerContent.option_list_disable .layer_con .menu_info .info{height:550px; margin-top:50px;} /* [수정] 2021-05-06 */
 .layerContent.option_list_disable .layer_con .menu_info .info .info_text_wrap{font-size:32px; line-height:40px;}
 
 /* [추가] 2021-05-03 끝 */
 
 
 
/* [추가] 2021-05-04 시작 */

/* .couponPopup .layer_con{padding-top:125px !important;} */ /* [삭제] 2021-05-06 */
.couponPopup .card_input_wrap{margin-top:30px;}
.couponPopup .card_input_wrap .in_input_line_bg{background:var(--text-white); width:100%; height:140px; margin:0 auto; display:table; border:0.5vw solid var(--text-lightgray); border-radius:2.5vw;}
.couponPopup .card_input_wrap .in_input_line_bg .in_input_line_center_box{width:100%; height:100%; display:table-cell; vertical-align:middle; margin:0 auto; position:relative;}
.couponPopup .card_input_wrap .in_input_line_bg .in_input_line_center_box .input_wrap{position:absolute; top:50%; left:50%; width:90%; transform:translate(-49%, -50%); margin:0 auto; z-index:2;}
.couponPopup .card_input_wrap .in_input_line_bg .in_input_line_center_box .input_wrap::after{content:""; display:block; clear:both;}
.couponPopup .card_input_wrap .in_input_line_bg .in_input_line_center_box .input_wrap .card_inputs{width:20.5%; height:75px; margin:0 auto; display:block; font-size:50px; float:left; margin:0 1.55vw; border:none; letter-spacing:0.5vw;}
.couponPopup .card_input_wrap .in_input_line_bg .in_input_line_center_box .input_wrap .card_inputs:focus{outline:none;}
.couponPopup .card_input_wrap .in_input_line_bg .in_input_line_center_box .divider_wrap{position:absolute; top:50%; left:50%; width:90%; height:auto; transform:translate(-50%, -50%); z-index:1; box-sizing:border-box;}
.couponPopup .card_input_wrap .in_input_line_bg .in_input_line_center_box .divider_wrap::after{content:""; display:block; clear:both;}
.couponPopup .card_input_wrap .in_input_line_bg .in_input_line_center_box .divider_wrap .card_input_divider{width:20.5%; height:32px; line-height:32px; text-align:center; float:left; margin:0 1.55vw; position:relative;}
.couponPopup .card_input_wrap .in_input_line_bg .in_input_line_center_box .divider_wrap .card_input_divider::after{content:"-"; display:block; position:absolute; top:50%; right:0; width:3.1vw; transform:translate(3.1vw, -50%); font-size:3vw;}


.couponPopup .direct_input_btn_wrap{width:100%; height:auto; box-sizing:border-box;}
.couponPopup .direct_input_btn_wrap::after{content:""; display:block; clear:both;}
.couponPopup .direct_input_btn_wrap .info_image_box{width:330px; height:210px; overflow:hidden; float:left; border-radius:20px; margin:20px 0;}
.couponPopup .direct_input_btn_wrap .info_image_box img{width:100%;}

.couponPopup .direct_input_btn_wrap .btn_box{width:auto; height:auto; float:right; padding-top:148px;}
.couponPopup .direct_input_btn_wrap .btn_box button.direct_pad_btn{font-size:3.2vw; font-weight:bold; cursor:pointer; background:var(--main-color); box-sizing:border-box; padding:1.2vw 2.4vw; color:var(--text-white); border-radius:10vw;}
.couponPopup .direct_input_btn_wrap .btn_box button.direct_couponList_btn{font-size:3.2vw; font-weight:bold; cursor:pointer; background:var(--main-color); box-sizing:border-box; padding:1.2vw 2.4vw; color:var(--text-white); border-radius:10vw; display:none;}

.couponPopup .coupon_option_list{margin-top:50px;}


.couponPopup .option{display:initial !important; align-items:initial !important; justify-content:initial !important;}
.couponPopup .option::after{content:""; display:block; clear:both;}
.couponPopup .option .check_btn_box{width:60px; height:100%; border-radius:0; display:table; float:left;}
.couponPopup .option .check_btn_box .check_btn_box_center{display:table-cell; vertical-align:middle;}
.couponPopup .option .check_btn_box .check_btn_box_center .container{ width:60px; height:60px; display:initial !important; align-items:initial !important; justify-content:initial !important; display:block !important; border:3px solid #ddd; position:relative; border-radius:100%; overflow:hidden;}

/* Hide the browser's default checkbox */
.couponPopup .option .check_btn_box .check_btn_box_center .container input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}

/* Create a custom checkbox */
.couponPopup .option .check_btn_box .check_btn_box_center .container .checkmark{position:absolute; top:0; left:0; width:100%; height:100%; background-color:var(--text-white);}

/* On mouse-over, add a grey background color */
.couponPopup .option .check_btn_box .check_btn_box_center .container:hover input ~ .checkmark {background-color:var(--text-white);}

/* When the checkbox is checked, add a blue background */
.couponPopup .option .check_btn_box .check_btn_box_center .container input:checked ~ .checkmark {background-color:var(--text-white);}

/* Create the checkmark/indicator (hidden when not checked) */
.couponPopup .option .check_btn_box .check_btn_box_center .container .checkmark:after {content:""; position:absolute; display:none;}

/* Show the checkmark when checked */
.couponPopup .option .check_btn_box .check_btn_box_center .container input:checked ~ .checkmark:after {display:block;}

/* Style the checkmark/indicator */
.couponPopup .option .check_btn_box .check_btn_box_center .container .checkmark:after {
    left:50%; top:50%; width:1vw; height:2vw; border:solid var(--main-color); border-width:0 0.8vw 0.8vw 0;
    -webkit-transform:rotate(45deg) translate(-92%, -15%); -ms-transform:rotate(45deg) translate(-92%, -15%); transform:rotate(45deg) translate(-92%, -15%);}


.couponPopup .option .name{display:table; float:left; width:440px !important; height:100%; margin-left:25px; font-size:30px !important;}
.couponPopup .option .name .name_center{display:table-cell; vertical-align:middle;}

.couponPopup .option .coupon_price{display:table; float:right; width:170px !important; height:100%; margin-right:50px; color:var(--text-black); font-size:28px; font-weight:bold; word-break:break-word; text-align:center;}
.couponPopup .option .coupon_price .coupon_price_center{display:table-cell; vertical-align:middle;}

.couponPopup .option .coupon_count{display:table; float:right; width:auto !important; height:100%; color:var(--text-black); font-size:28px; font-weight:bold; word-break:break-word;}
.couponPopup .option .coupon_count .coupon_count_center{display:table-cell; vertical-align:middle;}


.couponPopup .number_pad_wrap{width:100%; height:auto; box-sizing:border-box; padding:5.093vw 9.26vw 0;}
.couponPopup .number_pad_wrap{display:none;}
.couponPopup .number_pad_wrap{padding:90px 0 0;}
.couponPopup .number_pad_wrap .number_pad_inner{width:100%; height:auto;}
.couponPopup .number_pad_wrap .number_pad_inner .button_wrap {margin:0 auto; width:100%; height:auto; display:flex; flex-direction:row; flex-wrap:wrap;}
.couponPopup .number_pad_wrap .number_pad_inner .button_wrap button {width:33.33%; height:12vw; color:var(--text-darkgray); font-size:5.37vw; font-weight:bold; text-align:center; border:2px solid var(--text-lightgray);}
.couponPopup .number_pad_wrap .number_pad_inner .button_wrap button:active {border-color:var(--main-color); color:var(--text-black);}
.couponPopup .number_pad_wrap .number_pad_inner .button_wrap button.reset,
.couponPopup .number_pad_wrap .number_pad_inner .button_wrap button.delete {color:transparent; font-size:0; position:relative;}
.couponPopup .number_pad_wrap .number_pad_inner .button_wrap button.reset i,
.couponPopup .number_pad_wrap .number_pad_inner .button_wrap button.delete i {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-image:url("../images/sprite.png"); background-repeat:no-repeat;}
.couponPopup .number_pad_wrap .number_pad_inner .button_wrap button.reset i {width:41px; height:50px; background-position:-160px -80px;}
.couponPopup .number_pad_wrap .number_pad_inner .button_wrap button.delete i {width:44px; height:26px; background:url('../images/ico_delete.png') center center no-repeat;}
.couponPopup .number_pad_wrap .number_pad_inner .button_wrap button:nth-child(1){border-radius:3vw 0 0 0;}
.couponPopup .number_pad_wrap .number_pad_inner .button_wrap button:nth-child(3){border-radius:0 3vw 0 0;}
.couponPopup .number_pad_wrap .number_pad_inner .button_wrap button:nth-child(10){border-radius:0 0 0 3vw;}
.couponPopup .number_pad_wrap .number_pad_inner .button_wrap button:nth-child(12){border-radius:0 0 3vw 0;}

.couponPopup .bottom_btn{margin-top:80px !important;}

.menuArea .food_list .item .badge_box{width:0; height:0;}
.menuArea .food_list .item.badgeClass{position:relative;}
.menuArea .food_list .item.badgeClass .badge_box{position:absolute; top:0; left:0; width:90px !important; height:90px !important; background:pink; border-radius:0; z-index:1;}
.menuArea .food_list .item{overflow:initial !important;}

.menuArea .food_list .item.badgeClass.badgeNew .badge_box{background:url("../images/badge_new.png"); background-repeat:no-repeat; background-position:center center; background-size:contain;}
.menuArea .food_list .item.badgeClass.badgeSale .badge_box{background:url("../images/badge_sale.png"); background-repeat:no-repeat; background-position:center center; background-size:contain;}
.menuArea .food_list .item.badgeClass.badgeBest .badge_box{background:url("../images/badge_best.png"); background-repeat:no-repeat; background-position:center center; background-size:contain;}
/* JS:fixed 2021-05-13 height 수정:S */
.menuArea .food_list .item.badgeClass.badgeSoldout .badge_box{background:url("../images/badge_soldout.png"); background-repeat:no-repeat; background-position:center center; background-size:contain; width:90% !important; height:90% !important; top:5% !important; left:5% !important;}
/* HS:fixed 2021-05-13 TYPE2 soldout 탑  위치 수정:S */
.menuArea .food_list .item.badgeClass.badgeSoldout .badge_line3{top: -12% !important;}
/* JS:fixed 2021-05-13 height 수정:E */

/* [추가] 2021-05-04 끝 */

/* [추가] 2021-05-06 시작, 2021-05-10 수정. */
/* bjk 수정. 1: line-height:60px, 2: line-height:90px, 3 : width:858px */
/* .select_menu_double_line_popup.layerPopup .menu_option .option .name{font-size:32px; height:100%; line-height:60px; background:var(--text-lightgray); text-align:center; border-radius:20px;} */
.select_menu_double_line_popup.layerPopup .menu_option .option .name{font-size: 32px; height: 100%; line-height: 50px; text-align: center; border-radius: 20px; padding: 20px; display: flex; justify-content: center; align-items: center;}
.select_menu_double_line_popup.layerPopup .menu_option .option .font26{font-size: 26px;}

/* 05-10 18시 퍼블 수정
.select_menu_double_line_popup2.layerPopup .menu_option .option .name{font-size: 32px; height: 100%; line-height: 65px; text-align: center; border-radius: 20px; padding: 20px; display: flex; justify-content: center; align-items: center;} */
.select_menu_double_line_popup2.layerPopup .menu_option .option .name{font-size: 32px; height: 100%; line-height: 80px; text-align: center; border-radius: 20px; padding: 20px; display: flex; justify-content: center;}



.layerPopup .menu_option .menu_info .info .info_text_center{display:table; width:100%; height:100%;}
.layerPopup .menu_option .menu_info .info .info_text_center .info_text_wrap{display:table-cell; vertical-align:middle;}

.layerPopup .menu_option .menu_detail_option_list_type1{width:100%; box-sizing:border-box;}
.layerPopup .menu_option .menu_detail_option_list_type2{width:100%; box-sizing:border-box;}


.select_menu_double_line_popup2.layerPopup .menu_option .option .button_wrap .chk_wrap:first-child{margin-left:10px;}
/*05-10 18시 퍼블 수정
.select_menu_double_line_popup2.layerPopup .menu_option .option .button_wrap{height:182px;} */
.select_menu_double_line_popup2.layerPopup .menu_option .option .button_wrap{height:auto;}

.menuArea .food_list .item.badgeClassB{position:relative;}
.menuArea .food_list .item.badgeClassB .badge_box{position:absolute; top:0; left:123px; width:90px !important; height:90px !important; border-radius:0; z-index:1;}
.menuArea .food_list .item{overflow:initial !important;}

.menuArea .food_list .item.badgeClassB.badgeNew .badge_box{background:url("../images/badge_new.png"); background-repeat:no-repeat; background-position:center center; background-size:contain;}
.menuArea .food_list .item.badgeClassB.badgeSale .badge_box{background:url("../images/badge_sale.png"); background-repeat:no-repeat; background-position:center center; background-size:contain;}
.menuArea .food_list .item.badgeClassB.badgeBest .badge_box{background:url("../images/badge_best.png"); background-repeat:no-repeat; background-position:center center; background-size:contain;}
.menuArea .food_list .item.badgeClassB.badgeSoldout .badge_box{background:url("../images/badge_soldout.png"); background-repeat:no-repeat; background-position:center center; background-size:contain; width:232px !important; height:232px !important; top:0 !important; left:123px !important;}


.select_menu_bigmenu .menuArea .uiType2.food_listWrap{width:100%; height: 1030px; margin-top:0; padding:0 15px; padding-bottom:50px;} 
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item{width:247.5px; height:247.5px !important;}
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item::after{width:242px; height:242px;}
.select_menu_bigmenu .menuArea .uiType2 .food_list .item .img img{width:100%; height:auto;}


.select_menu_bigmenu .menuArea .food_list .item.big1{position:absolute; top:0; left:0; width:515px; height:523px !important; z-index:1;}
.select_menu_bigmenu .menuArea .food_list .item.big1::after{width:508px; height:517px;}
.select_menu_bigmenu .menuArea .food_list .item.big1 .img{width:330px; height:330px; margin:0 auto;}
.select_menu_bigmenu .menuArea .food_list .item.big1 .img img{width:100%; height:auto;}
.select_menu_bigmenu .menuArea .food_list .item.big1 .name{font-size:32px; line-height:35px; height:70px; max-height:70px; align-items:center; padding:0 10px; margin-top:25px;}
.select_menu_bigmenu .menuArea .food_list .item.big1 .price{font-size:35px; line-height:37px; margin-top:10px;}

.select_menu_bigmenu .menuArea .food_list .item.big2{position:absolute; top:0; left:515px; width:515px; height:523px !important; z-index:1;}
.select_menu_bigmenu .menuArea .food_list .item.big2::after{width:508px; height:517px;}
.select_menu_bigmenu .menuArea .food_list .item.big2 .img{width:330px; height:330px; margin:0 auto;}
.select_menu_bigmenu .menuArea .food_list .item.big2 .img img{width:100%; height:auto;}
.select_menu_bigmenu .menuArea .food_list .item.big2 .name{font-size:32px; line-height:35px; height:70px; max-height:70px; align-items:center; padding:0 10px; margin-top:25px;}
.select_menu_bigmenu .menuArea .food_list .item.big2 .price{font-size:35px; line-height:37px; margin-top:10px;}

.select_menu_bigmenu .menuArea .food_list .item.big1_sub1{ margin-left:267.5px !important;} /* [수정] 2021-05-03 */
.select_menu_bigmenu .menuArea .food_list .item.big2_sub1{ margin-left:267.5px !important;} /* [수정] 2021-05-03 */

.select_menu_bigmenu .menuArea .food_list .item.big1.badgeClass.badgeNew .badge_box,
.select_menu_bigmenu .menuArea .food_list .item.big1.badgeClass.badgeSale .badge_box,
.select_menu_bigmenu .menuArea .food_list .item.big1.badgeClass.badgeBest .badge_box{position:absolute; top:0; left:0; width:160px !important; height:160px !important; border-radius:0; z-index:1;}
.select_menu_bigmenu .menuArea .food_list .item.big2.badgeClass.badgeNew .badge_box,
.select_menu_bigmenu .menuArea .food_list .item.big2.badgeClass.badgeSale .badge_box,
.select_menu_bigmenu .menuArea .food_list .item.big2.badgeClass.badgeBest .badge_box{position:absolute; top:0; left:0; width:160px !important; height:160px !important; border-radius:0; z-index:1;}



.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big1{position:absolute; top:0; left:0; width:515px; height:523px !important; z-index:1;}
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big1::after{width:508px; height:517px;}
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big1 .img{width:515px; height:515px; margin:0 auto; overflow:hidden;} /* 2022-03-25 수정 */
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big1 .img img{width:100%; height:100%; object-fit:contain;} /* 2022-03-25 수정 */
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big1 .name{font-size:32px; line-height:40px; height:80px; max-height:80px; align-items:center; padding:0 10px; margin-top:25px;}

/* 05-10 18시 퍼블 수정
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big1 .price{font-size:35px; line-height:37px; margin-top:10px;} */
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big1 .price{font-size:35px; line-height:40px; margin-top:10px;}

.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big2{position:absolute; top:0; left:515px; width:515px; height:523px !important; z-index:1;}
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big2::after{width:508px; height:517px;}
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big2 .img{width:515px; height:515px; margin:0 auto; }
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big2 .img img{width:100%; height:auto;}
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big2 .name{font-size:32px; line-height:40px; height:80px; max-height:80px; align-items:center; padding:0 10px; margin-top:25px;}
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big2 .price{font-size:35px; line-height:37px; margin-top:10px;}

.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big1_sub1{ margin-left:267.5px !important;} /* [수정] 2021-05-03 */
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big2_sub1{ margin-left:267.5px !important;} /* [수정] 2021-05-03 */

.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big1.badgeClassB.badgeNew .badge_box,
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big1.badgeClassB.badgeSale .badge_box,
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big1.badgeClassB.badgeBest .badge_box{position:absolute; top:0; left:123px; width:160px !important; height:160px !important; border-radius:0; z-index:1;}
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big2.badgeClassB.badgeNew .badge_box,
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big2.badgeClassB.badgeSale .badge_box,
.select_menu_bigmenu .menuArea .uiType2.food_listWrap .food_list .item.big2.badgeClassB.badgeBest .badge_box{position:absolute; top:0; left:123px; width:160px !important; height:160px !important; border-radius:0; z-index:1;}

/* [추가] 2021-05-06 끝 */


header .hLogo {position: absolute;top: 0px;left: 20px; width: 142px;height: 86px;z-index: 2;top: 32px;}
.hLogo {display: flex;align-items: center;justify-content: center;}
.hLogo img {display: block;max-width: 100%;height: auto;}


 /* HS:테이블 선택 페이지 2021-05-12 시작 */
 
 .tableMark_title{ width: 100%; height: auto; line-height: 6vw; font-size: 3.2vw; text-align: center; font-weight: bold; margin-top:50px; margin-bottom: 100px;}
 .table_guid span{ color: var(--main-color); font-weight: bold; text-align: center; display: block; margin: 50px; font-size: 35px; line-height:1;}
 .tableArea .food_listWrap { position: absolute; margin: 120px auto 50px; width: calc(100% - 200px); height: 900px; justify-content: center; left: 50%; transform: translate(-50%,0);} 
 .tableArea .food_list {flex-wrap:wrap; justify-content: center; align-items: center;}
 .tableArea .food_list .item {position:relative; width: 111px;height: 111px; text-align: center; 
 background-color: var(--text-lightgray);border-radius: 30px; margin:0 auto; display: flex;justify-content: center; align-items: center; margin:20px;}
 .tableArea .food_list .item::after {content:"";position:absolute;left:0;top:0;width: 100%; height: 100%; border-radius: 30px; border:3px solid transparent; box-sizing: border-box;}
 .tableArea .uiType1 .food_list .item.on::after { border-color: var(--main-color);}    
 .tableArea .food_list .item .img {height: 150px; display: flex;justify-content: center;align-items: center;margin:0 3px;}
 
 .tableArea .food_list .item .name {color: var(--text-middlegray);font-size: 2.5rem;font-weight: bold;line-height: 100%;max-height: 60px;display: flex;align-items: flex-start;justify-content: center;overflow: hidden;}
 .tableArea .food_list .item .nameSmall {color: var(--text-middlegray);font-size: 1.8rem;font-weight: bold;line-height: 30px;max-height: 60px;display: flex;align-items: flex-start;justify-content: center;overflow: hidden;}
 
 .tableArea .food_list .item .price {margin-top: 9px; color: var(--text-black);font-size: 20px;font-weight: bold;line-height: 30px;}
 .tableArea .food_list .item .price span {color: inherit;}
 
 .tableArea .food_list .item.on .name,
 .tableArea .food_list .item.on .price {color: var(--main-color);}
 .tableArea .paging {text-align: center;padding-top: 20px; position: absolute; bottom:260px; left:50%; transform: translate(-50%,0);}
 
 .tableArea .food_prev,.tableArea .food_next {margin: 0 15px;position: relative; padding-left: 30px; display: inline-block;width: 135px; height: 60px;font-size: 18px;font-weight: bold;text-align: left; border-radius: 30px;}
 .tableArea .food_prev {color: var(--text-white);background-color: var(--main-color);}
 .tableArea .food_next {color: var(--text-black);background-color: var(--text-lightgray);}
 .tableArea .food_prev::after,.tableArea .food_next::before {content: "";position: absolute;top: 50%;right: 20px; width: 16px;height: 10px;transform: translateY(-50%);}
 .tableArea .food_prev::after {background: url('../images/ico_menu_up.png') center center no-repeat;}
 .tableArea .food_next::before {background: url('../images/ico_menu_down.png') center center no-repeat;}
 .tableArea .food_prev.swiper-button-disabled,
 .tableArea .food_next.swiper-button-disabled {opacity:.3;}
 
 
 /*HS: 2021-0608 테이블 상단분류 4개로 수정*/
 .tableArea .store{ position: relative; width: 100%; height: 100%; margin: 0 auto; position: relative; padding: 0px 100px;}
 .tableArea .store .swiper-container{ width: calc(100% - 100px); height: 100%; padding: 0 50px; }
 /*HS: 2021-0608 테이블 상단분류 4개로 수정 */

 .tableArea .store ul{ position: relative; width: 100%;height: 100%; display: flex; justify-content: flex-start; align-items: center; margin:0 auto; padding:0 10px;}
 .tableArea .store ul .asd{ position: relative; width:100%; height: 100%; }
 .tableArea .store ul li button span{ width: 145px; height: 130px; margin-right: 20px; border-radius: 30px; display: flex; justify-content: center; align-items: center; font-size: 30px; font-weight: bold; color: #c7c7c7; background: var(--text-lightgray); padding:10px;}
 .tableArea .store ul li button.on span{border: solid 3px var(--main-color);background: var(--text-white);}
 
 .tableArea .food_categoryWrap .category_prev,
 .tableArea .food_categoryWrap .category_next {position: absolute;width: 50px;height: 100%;top: 50%;color: transparent;font-size: 0;background-color:var(--text-white);z-index:5; transform: translate(0,-50%);}
 .tableArea .food_categoryWrap .category_prev {left: -5px;}
 .tableArea .food_categoryWrap .category_next {right: -5px;}
 .tableArea .food_categoryWrap .category_prev::before,
 .tableArea .food_categoryWrap .category_next::before {content: "";position: absolute;left: 50%;top: 50%; width: 11px;height: 11px;border-bottom: 3px solid var(--text-black);}
 .tableArea .food_categoryWrap .category_prev::before {border-left: 3px solid var(--text-black);transform: rotate(45deg);margin: -6px 0 0 -5px;}
 .tableArea .food_categoryWrap .category_next::before {border-right: 3px solid var(--text-black);transform: rotate(-45deg);margin: -6px 0 0 -9px;}
 
 
 
.delivery_coupon_wrap{ position: relative; width: 100%; margin: 70px auto 100px;}
.delivery_coupon_wrap input{ width: 100%; color: var(--text-black); font-size: 30px; font-weight: bold; text-align: center; border: transparent 5px solid; border-bottom: solid 5px var(--main-color); padding: 10px 0; background-color:var(--main-backround);}
.delivery_coupon_content{ width:55%; height: 100%; margin:0 auto;}
.delivery_coupon_wrap input:focus{ border: solid 5px var(--main-color); border-radius: 40px;}
.delivery_coupon_wrap input::placeholder{ font-size:30px;line-height: 70px;}
 
.order_notice{margin: 50px auto;font-size: 30px;line-height: 60px;}

/* 2022-05-10 추가  - 일회용 보증금컵 선택 팝업 */
.layerPopup .layerContent#disposable_layer {padding-left:0; padding-right:0;}
.layerPopup .layerContent#disposable_layer .layer_con {border-top:110px solid #ff6600;} /* 2022-05-23 수정 */
/* .layerPopup .layerContent#disposable_layer .close {top:25px;} */ /* 2022-05-23 수정 */
.layerPopup .layerContent#disposable_layer .close::before, 
.layerPopup .layerContent#disposable_layer .close::after {background-color:#fff;}

.disposable_box {padding:0 0 30px;}
.disposable_box .txt_disposable {line-height:1.8; padding:55px 0 45px; text-align:center; font-size:24px;} /* 2022-05-23 수정 */
.disposable_box .txt_disposable strong {padding-bottom:5px; border-bottom:1px solid #a2a2a2;}
.disposable_box .disposable_list {width:700px; margin:0 auto;} /* 2022-05-23 수정 */
.disposable_box .disposable_list:after {content:""; display:block; clear:both;}
.disposable_box .disposable_list li {box-sizing:border-box; float:left; width:calc((100% - 40px) / 3); height:180px; margin-left:20px;} /* 2022-05-23 수정 */
.disposable_box .disposable_list li:first-child {margin-left:0;}
.disposable_box .disposable_list li button {display:block; width:100%; height:100%; line-height:180px; text-align:center; background:#f6f6f4; border-radius:15px; font-size:22px; font-weight:700; color:#939394;} /* 2022-05-23 수정 */
.disposable_box .disposable_list li.line2 button {line-height:1.2;} /* 2022-05-23 수정 */
.disposable_box .disposable_list li button.on {border:2px solid #ff6600; background:#fff; color:#ff6600;}
.btn_disposable {box-sizing:border-box; display:block; width:230px; height:80px; line-height:80px; margin:35px auto 0; text-align:center; border-radius:7px; background:#ff6600; font-size:30px; font-weight:700; color:#fff; } /* 2022-05-23 수정 */

/* 2022-07-29 추가 */
button.yellow {background:#f6e04f;}
button.red {background:#ec2e2a; color:#fff;} /* 2023-05-23 추가 */
.layout.payinfo .payment button.creditcard,
.layout.payinfo .payment button.simplepay,
.layout.payinfo .payment button.tollgate,
.layout.payinfo .payment button.coupon {padding-left:158px;} /* 2023-05-23 추가 */

.layout.payinfo .payment button.creditcard::before {left:60px;}
.layout.payinfo .payment button.simplepay::before {left:60px;}
.layout.payinfo .payment button.tollgate::before {left:45px; width:78px; height:73px; background:url('../images/ico_tollgate.png') no-repeat 0 0;}
.layout.payinfo .payment button.coupon::before {left:51px; width:65px; height:54px; background:url('../images/ico_coupon.png') no-repeat 0 0;} /* 2023-05-23 추가 */

.layout.tollgate .bottom button {width:620px; height:170px; font-size:48px;}
.tollgate_close {position:absolute; right:39px; top:40px; display:inline-block; width:71px; height:71px; background:url('../images/ico_close.png') no-repeat 0 0; text-indent:-9999px;}
.tollgate_txt {line-height:1; padding:145px 0 100px; text-align:center; font-family: 'Montserrat', sans-serif; font-size:64px; font-weight:700; color:#000;}
.tollgate_txt span {font-family: 'Noto Sans KR', sans-serif; font-size:54px;}

.tollgate_img {width:320px; margin:0 auto; padding-bottom:100px; text-align:center;}

.tollgate_list {width:calc(100% - 200px); margin:0 auto;}
.tollgate_list li {margin-top:30px; background:#f6f6f4; border-radius:30px;}
.tollgate_list li:first-child {margin-top:0;}
.tollgate_list li > span {box-sizing:border-box; display:inline-block; width:50%; height:140px; line-height:140px; padding-left:60px; font-family: 'Noto Sans KR', sans-serif; font-size:34px; font-weight:700; color:#000;}
.tollgate_list li > span:nth-child(2) {padding-left:0; padding-right:60px; text-align:right; font-family: 'Montserrat', sans-serif; font-size:36px; font-weight:700; color:#000;}
.tollgate_list li > span:nth-child(2) span{font-family: 'Noto Sans KR', sans-serif; font-size:24px; font-weight:700; color:#000;}

@media only screen and (max-width : 1024px) {
	.payment_type3_box {margin-top:40px; font-size:0;}
	.payment_type3_box:after {content:""; display:block; clear:both;}
	.layout.payinfo .payment.payment_type3 .payment_type3_box button + button {margin-top:0; margin-left:20px;}
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.creditcard,
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.simplepay,
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.tollgate, 
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.coupon {float:left; display:inline-block; width:calc((100% - 60px) / 4); height:220px;} /* 2023-05-23 추가 */
	
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.creditcard::before {top:50px; left:25px; width:42px; height:30px; background:url('../images/ico_creditcard02.png') no-repeat 0 0; transform:translateY(0);}
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.simplepay::before {top:45px; left:25px; width:30px; height:40px; background:url('../images/ico_simplepay02.png') no-repeat 0 0; transform:translateY(0);}
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.tollgate::before {top:45px; left:20px; width:52px; height:48px; background:url('../images/ico_tollgate02.png') no-repeat 0 0; transform:translateY(0);}
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.coupon::before {top:45px; left:21px; width:46px; height:38px; background:url('../images/ico_coupon02.png') no-repeat 0 0; transform:translateY(0);} /* 2023-05-23 추가 */
	
	.layout.payinfo .payment.payment_type3 .payment_type3_box button {padding-left:25px; font-size:24px;}
	.layout.payinfo .payment.payment_type3 .payment_type3_box button span {display:inline-block;}
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.tollgate > span {padding-top:27px;}
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.creditcard > span {padding-top:39px;}
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.creditcard > span > span {display:block; font-size:12px;}
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.simplepay > span {padding-top:36px;}
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.simplepay > span > span {display:block; font-size:12px;}
	
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.coupon > span {padding-top:66px;} /* 2023-05-23 추가 */
	.layout.payinfo .payment.payment_type3 .payment_type3_box button.coupon > span > span {display:block; /*line-height:1.2;*/} /* 2023-05-23 추가 */
	
}

/* 2023-05-18 추가  */
header h1.receipt_logo {width:238px; height:42px; background:none;}
.pb80 {padding-bottom:80px;}