.acc{color: orangered;}
.hd-extra-bold{font-size: 34px; font-weight: bolder;}
.hd-bold{font-size: 28px; font-weight: bold;}
.hd-regular{font-size: 26px; font-weight: normal;}

/* TABLE-ORDER   */
/* 키오스크 */
.tableorder .visual_area .bg {background-image:url('../images/restaurant/table_order/sld/sld-main-tablet3.png');}

.col_area .inner {position:relative;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.col_area .inner > .img_2x2 {width: 621px;margin-bottom: 65px;}
.col_area .inner > .img_2x2 > img{height:415px}

.tableorder .banner_type .detail {padding-top: 138px;}
.tableorder .easy_setup .banner_type .detail {padding-top: 118px;}
.tableorder .banner_type .img_cnt{padding-right: 0px;}
.tableorder .banner_type .img_cnt .img_cbox {width: 704px;height: 500px;position: relative;z-index: 2;overflow: hidden;}
.tableorder .portable_cond .banner_type .img_cnt .img_cbox {border-radius: 30px;} 

.banner_type .img_cnt .img_cbox_pos{position: absolute;}

.easy_setup .banner_type .img_cnt .img_cbox_pos{left: 109px;top: 93px;}
.tablet_setup .banner_type .img_cnt .img_cbox_pos{left: 84px;top: 101px;width: 459px; height: 362px;}

.tableorder .banner_type .img_cnt .img_cbox_pos.icp_type_1{left: 73px;top: 72px;width: 585px; height: 356px;}
/*
.lang_translate .banner_type .img_cnt .img_cbox_pos{left: 73px;top: 72px;width: 585px; height: 356px;}
.aws_cond .banner_type .img_cnt .img_cbox_pos{left: 73px;top: 72px;width: 585px; height: 356px;}
.perf_int_pos .banner_type .img_cnt .img_cbox_pos{left: 73px;top: 72px;width: 585px; height: 356px;}
.schd_onoff .banner_type .img_cnt .img_cbox_pos{left: 73px;top: 72px;width: 585px; height: 356px;}
*/
.portable_cond .banner_type .img_cnt .img_cbox_pos{position: relative;}
.portable_cond .banner_type .img_cnt .img_cbox_pos img{height: 500px;  position: absolute;left: 72px; top: 0px; object-fit: cover;}
.multi_payment .banner_type .img_cnt .img_cbox_pos{width: 637.32px; height: 418px; left: 33px; top: 33px;}
.dut_pay .banner_type .img_cnt .img_cbox_pos{width: 597px; height: 430px; left: 48px; top: 57px;}
	
.tableorder .banner_area.easy_setup .banner_type .img_cnt .img_cnt_bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/restaurant/table_order/sld/step1-2-3-bg.png) 100% 0 no-repeat;background-size: contain;mix-blend-mode: luminosity;/* opacity: .2; */}	



@media screen and (max-width:620px) {
	.tableorder .visual_area .bg {background-position-x: 56%;}
	.col_area .inner {flex-wrap:wrap;}
    .col_area .inner > .img_2x2 {width:100%; padding-left:0 !important; padding-right:0 !important; text-align:center;}
    .col_area .inner > .img_2x2 img {width:100%; height: 100%;}
    .col_area .inner > .img_2x2 ~ .img_2x2 {margin-top:10px;}
	.sub_wrap .title .line_break{display: flex;justify-content: center;}
	.tableorder .banner_type .detail, .tableorder .easy_setup .banner_type .detail {padding-top: 40px;} 
	.tableorder .banner_type .img_cnt .img_cbox {width: 85vw; height: 45vw;display: flex;justify-content: center;}
	.tableorder .banner_area.easy_setup .banner_type .img_cnt .img_cnt_bg{background-position-y: 255px;background-position-x: 128px;}
	.banner_type .img_cnt .img_cbox_pos{position: sticky;left: 0px !important;top: 0px !important;width: 94% !important;height: 100% !important;}
	.tableorder .easy_setup .banner_type .img_cnt .img_cbox{height: fit-content;}
	.portable_cond .banner_type .img_cnt .img_cbox_pos img {width: 100%;height: 100%;position: sticky;}
	.tableorder .portable_cond .banner_type .img_cnt .img_cbox{border-radius: unset;}
}
 
/* 2025.06.05 업데이트 */
.visual_area .tx_area {text-shadow: 0 4px 20px rgb(60 71 25);}
.tableorder .visual_area .bg {
    background-image: url(../images/restaurant/table_order/sld-2/sld-main-tablet3.png);
}
div.navy_area2 {background:#001f52;}
.navy_area2 .title {color:#fff;}
.navy_area2 .inner {display:flex; flex-wrap:wrap; justify-content:space-between;}
.navy_area2 .box {width: 22.6%;height: 320px;margin-bottom: 40px;border-radius: 19px;background-size: 160px;}
.navy_area2 .box {padding: 58px 35px 30px 50px;}
.navy_area2 .box > strong {display:block;margin-bottom:10px;font-size:28px;font-weight:bold;color:#000;letter-spacing: -0.3px;}
.navy_area2 .box  .uls > li {font-size:18px;color:rgba(0, 0, 0, 0.5);}
.navy_area2 .box:nth-child(3) ~ .box {margin-bottom:0;}

.navy_area2 .box:nth-child(1){
    background: #fff url(../images/restaurant/table_order/sld-2/img-c2-1.png) bottom 0px right 0% no-repeat;
    background-size: 145px !important;
}
.navy_area2 .box:nth-child(2){
    background: #fff url(../images/restaurant/table_order/sld-2/img-c2-2.png) bottom 0px left 99% no-repeat;
    background-size: 160px !important;
}
.navy_area2 .box:nth-child(3){
	background: #fff url(../images/restaurant/table_order/sld-2/img-c2-3.png) bottom 0px left 55% no-repeat;
	background-size: 165px !important;
}
.navy_area2 .box:nth-child(4){
    background: #fff url(../images/restaurant/table_order/sld-2/img-c2-4.png) bottom 15px left 95% no-repeat;
    background-size: 92px !important;
}
.navy_area2 .box:nth-child(5){
    background: #fff url(../images/restaurant/table_order/sld-2/img-c2-5.png) bottom 34px left 99% no-repeat;
    background-size: 92px;
}
.navy_area2 .box:nth-child(6){
    background: #fff url(../images/restaurant/table_order/sld-2/img-c2-6.png) bottom 34px left 100% no-repeat;
    background-size: 92px;
}
.navy_area2 .box:nth-child(7){
    background: #fff url(../images/restaurant/table_order/sld-2/img-c2-7.png) bottom 0px left 2% no-repeat;
    background-size: 100%;
}
.navy_area2 .box:nth-child(8){
    background: #fff url(../images/restaurant/table_order/sld-2/img-c2-8.png) bottom 0px left 60% no-repeat;
    background-size: 170px;
}
.navy_area2 .box:nth-child(4) > strong, .navy_area2 .box:nth-child(7) > strong {
    letter-spacing: -0.5px;
}
@media screen and ( min-height: 500px) {
	.visual_area .tx_area {padding-bottom: 170px;}
}
@media screen and ( max-width: 1200px) {
 .navy_area2 .inner {
	display: flex;
	overflow-x:scroll;
	white-space: nowrap;
	scrollbar-width: thin; /* Ff */
	scrollbar-color: #ff0055 #000;
	gap: 10px;
	flex-wrap: nowrap;
	justify-content: initial;
	max-width: 1100px;
	width: 100%;
 }
  .navy_area2 .box {
	flex: 0 0 auto;
	width: 270px;
	height: 280px;
	margin: 0 15px 0 0;
	padding: 40px 20px 0 30px;
	vertical-align: top;
	white-space: normal;
  }
  .navy_area2 .box > strong {
	font-size: 20px;
  }
  .navy_area2 .box .uls > li {
	font-size: 16px;
  }
  .navy_area2 .box:nth-child(8) > strong { letter-spacing: -0.5px; }
}