/* 시연용 */
.tabletWrap{width:100%; margin: 0 auto;}

.wrap{width: 100%; overflow: hidden; }


/* 로그인 */
.orderIntro{}
.orderIntro a{position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: url(../images/intro.png) no-repeat center / cover;}

.loginForm_wrap{display: flex; align-items: center; position: absolute; width: 100%; height: 100%;}
.loginForm{width: 420px; margin: 0px auto;}
.loginForm:not(.focus){width: 420px; margin: 0px auto;}
.loginForm .loginLogo{text-align: center; margin-bottom: 30px;}
.loginForm .loginInput{position: relative; margin-bottom:15px;}
.loginForm .loginInput label{position: absolute; left: 12px; top: 0; line-height: 50px; color: #989ca9; transition: all 0.2s;}
.loginForm .loginInput input{width: 100%; height: 50px;}
.loginForm .loginInput input.on + label,
.loginForm .loginInput input:focus + label{left:12px ; top: -15px; background: #fff; padding: 0 10px; line-height: 30px;}
.loginForm button[type="submit"]{width: 100%; margin-top: 20px;}
.loginDesc{font-size: 14px; color: var(--mainColor); margin-top: 10px;}
.orderDesc{font-weight: 800; font-size: 16px; margin-top: 30px; color: var(--mainColor); text-align: center;}

.loginFooter{ position: absolute; bottom: 20px; width: 100%; text-align: center; font-size: 13px; }
.loginFooter p{}
.loginFooter p span:after{content: ""; display: inline-block; height: 10px; width: 1px; background: #ccc; margin: 0 13px; }
.loginFooter p span:last-child:after{display: none}
.loginFocus{display:block !important; top:50px;}

/* 상, 하단 */
.subHeader{line-height: 60px; text-align: center; font-size: 2.4rem; background: var(--mainColor); color: #fff;}
.subHeader .back{position: absolute; float: left; display: inline-block; width: 60px; height: 60px; left: 0; text-align: center;}
.subHeader .back::after{content: "\e317"; font-family: 'Material Icons'; color: #fff; font-size:30px}
.subHeader .cartClose{position: absolute; display: inline-block; width: 60px; height: 60px; left: 0; text-align: center;}
.subHeader .allDelete{position: absolute; display: inline-block; width: 60px; height: 60px; right: 0; text-align: center;}
.subHeader .cartClose::after{content: "\e317"; font-family: 'Material Icons'; color: #fff; font-size:30px}
.subHeader .allDelete::after{content: "\e928"; font-family: 'Material Icons'; color: #fff; font-size:30px}
.footBtn {position: absolute; bottom: 0; padding: 0; left: 0; right: 0; background: #fff;  }
.footBtn a{height: 65px !important; line-height: 65px !important; font-size: 2.4rem; border-radius: 0;}


/* 버튼 */
.btn{border-radius: 4px; text-align: center; display: inline-block; position: relative;}
.btn.sizeSS{padding: 0 12px; height: 26px; line-height: 26px;}
.btn.sizeS{padding: 0 12px; height: 32px; line-height: 32px;}
.btn.sizeM{padding: 0 20px; height: 40px; line-height: 40px;}
.btn.sizeL{padding: 0 28px; height: 48px; line-height: 48px;}

.btn.bgMain{background: var(--mainColor); color: #fff;}
.btn.bgMain:hover{background: var(--subColor); box-shadow: 0 0 10px rgba(39, 91, 235, 0.2);}
.btn.bgMain:disabled{background: #edf0f9; color: #bbbec8;}
.btn.bgMain:disabled:hover{box-shadow: none;}

.btn.bdMain{background: #fff; color: var(--subColor); border:1px solid var(--mainColor);}
.btn.bdMain:hover{background: #fff; box-shadow: 0 0 10px rgba(39, 91, 235, 0.2);}
.btn.bdMain:disabled{background: #dfe2ed; color: #c3c6cf;}
.btn.bdMain:disabled:hover{box-shadow: none;}

.btn.bdGray{background: #fff; color: #777; border:1px solid #dfe2ed;}
.btn.bdGray.on,
.btn.bdGray:hover{background: #fff; box-shadow: 0 0 10px rgba(39, 91, 235, 0.2);}
.btn.bdGray:disabled{background: #dfe2ed; color: #c3c6cf;}
.btn.bdGray:disabled:hover{box-shadow: none;}

.btn.bgGreen{background: #328343; color: #fff;}
.btn.bgGreen:hover{background: #38a24e; box-shadow: 0 0 10px rgba(39, 235, 114, 0.2);}
.btn.bgGreen:disabled{background: #edf0f9; color: #bbbec8;}
.btn.bgGreen:disabled:hover{box-shadow: none;}

.btn.bgGray{background: #989ca9; color: #fff;}
.btn.bgGray.on,
.btn.bgGray:hover{background: #bbbec9; box-shadow: 0 0 10px rgba(51, 51, 51, 0.2);}
.btn.bgGray:disabled{background: #dfe2ed; color: #fff;}
.btn.bgGray:disabled:hover{box-shadow: none;}


/* 목록 */
.tblBasic{width:100%; word-break:break-all; border-top:2px solid #2f1b34}
.tblBasic th, .tblBasic td{ vertical-align:middle; text-align:center; border-bottom:1px solid #d6d6d6; background:#fff;}
.tblBasic th{border-bottom:1px solid #c6c6c6; background:#e5e5e5; padding:10px 5px; text-align:center; vertical-align:middle;}
.tblBasic td{padding:15px;}
.tblBasic .noData td{padding: 40px 0; background: #f7f7f7}




.tumblerPop .swal2-modal{width: 700px;}
.tumblerBox > div{font-weight: bold; font-size: 2rem; line-height: 1;}
.tumblerBox > p.check_txt{word-break: keep-all;margin-top: 20px;font-size: 18px;}
.tumblerBox > .descList{margin-top: 30px;}
.tumblerBox > .descList li{text-align: left; font-size: 1.4rem; position: relative; padding-left: 8px; }
.tumblerBox > .descList li + li{margin-top: 8px;}
.tumblerBox > .descList li:before{content: ""; position: absolute; width: 2px; height: 2px; background: #8d8d8d; border-radius: 50%; left: 0; top: 10px;}

@media (orientation: landscape) {
    /* 가로모드일 때 적용할 CSS */

    /* 상세 */
    .productsView{max-width:1024px; margin:0 auto; padding:0 20px; }
    .productsView_top{padding: 50px 0; }
    .productsView_top .productsView_inner{display: flex; justify-content: space-between;}
    .productsView_top .viewImg{width: 300px; height: 300px; border-radius: 20px; overflow: hidden;}
    .productsView_top .viewImg img{ width:100%; }
    .productsView_top .viewInfo {width: calc( 100% - 350px);}
    .viewInfo .stat{font-weight: 700; font-size: 2rem; }
    .viewInfo .title{font-weight: 500; font-size: 2rem; margin-top: 10px;}
    .viewInfo .desc{font-size: 1.4rem; color: #9b9b9b; margin-top: 10px;}
    .viewInfo .itemCounter_wrap{display: flex; justify-content: space-between; padding-top: 25px; margin-top: 40px; border-top: 1px solid #eef0f5;}
    .viewInfo .itemCounter_wrap .itemCounter{ overflow: hidden; border-radius: 8px; border: 1px solid #d3d5dc; font-size:0;}
    .viewInfo .itemCounter_wrap .itemCounter input{border: none; width: 80px; text-align: center; font-size: 1.8rem;}
    .viewInfo .itemCounter_wrap .itemCounter button {width: 40px;  height: 40px; font-size: 2.2rem;}
    .viewInfo .itemCounter_wrap .itemCounter button.countM{border-right : 1px solid #d3d5dc;}
    .viewInfo .itemCounter_wrap .itemCounter button.countP{border-left : 1px solid #d3d5dc;}
    .viewInfo .itemCounter_wrap .itemCounter button.countM:disabled{color: #999;}
    .viewInfo .itemCounter_wrap .itemPrice{}
    .viewInfo .itemCounter_wrap .itemPrice input{border: 0; font-size: 2.2rem; text-align: right; font-weight: 900; color: #9353a4;}
    .viewInfo .viewBtn{margin-top: 25px; display: flex; justify-content: space-between;}
    .viewInfo .viewBtn a,
    .viewInfo .viewBtn button{height: 56px; line-height: 56px; text-align: center; border-radius: 8px;}
    .viewInfo .viewBtn .cart{border: 1px solid #110d64; width: 45%; }
    .viewInfo .viewBtn .order{width: 53%; background: #110d64; font-weight: 700; color: #fff;}
    .productsView_bottom {padding: 50px 0; text-align:center;  overflow:hidden; padding:0 20px;}
    .productsView_bottom.open{height:auto;}
    .productsView_bottom img{}
    .prodict_more{text-align:center; background:#fafafa; height:60px; line-height:60px; border-top:1px solid #ddd; margin-top:5px;}

    /* 레이어팝업 */
    .layerPopupWrap{display: none; position: fixed; z-index: 50; top: 0; left: 0; right: 0; bottom: 0;  background: rgba(37, 39, 43, 0.4); }
    .layerPopup{position: relative; overflow: hidden; border-radius: 8px;  background: #fff; width: 80%;  top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .layerPopup .title{text-align: center; margin-top: 30px; font-size: 20px;}
    .layerPopup .content{padding: 20px;}
    .layerPopup .popupClose{position: absolute; width: 40px; height: 40px; top: 30px; right: 20px; color: #696d76;}

    /* gnb */
    .gnb{ width: 190px; height: 800px; float: left;  text-align: left;  background: #0a0a0c; position: relative;}
    .gnb h1{text-align: left; height: 80px; line-height: 80px; padding:0 20px; color: #fff; font-size: 23px; font-weight: 600; border-bottom: 1px solid #2a2a2a;}
    .gnb h1 img{height: 30px; margin-right: 10px; filter: brightness(0) invert(1); vertical-align: middle;}
    .gnb .gnb_wrap > div{height: 60px; line-height: 60px; width: 100%; padding:0 20px;  font-size: 2rem; color: #ccc;}
    .gnb .gnb_wrap > div + div{border-top: 1px solid #2a2a2a;}
    .gnb .gnb_wrap > div.on{background: #9353a4; color: #fafafa;}
    .gnb .odList{position: absolute; bottom: 0; width:100%; height: 50px; line-height: 50px; text-align: center; font-size: 1.8rem; background: #d7d7d7}

    /* 주문메인 */
    .productList_wrap{float: left; width: calc(100% - 500px); height: 800px;  background: #161620; overflow-y: auto}
    .userInfo{height: 50px; line-height: 50px; position: fixed; width: 100%; background: #161620; padding: 0 10px; box-sizing: border-box; color: #ccc; font-size: 2rem; top: 0;}
    .userInfo span{font-weight: bold}
    .productList{ padding:10px;      margin-top: 40px;}
    .productList li:not(.show){display:none;}
    .productList li.show{float: left;  width: calc( (100% - 20px ) / 4 ); padding:10px; overflow: hidden; background: #fff; margin:0 5px 5px 0;}
    /*.productList .show:nth-of-type(4n+4){margin-right: 0;}*/
    .productList li .img{ }
    .productList li .img img{ width: 100%; }
    .productList li .cart{margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; text-align: right;}
    .productList li .txt{font-size: 1.9rem;  font-weight:600;padding: 5px 0;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .productList li .cost{font-size: 1.6rem; font-weight: 600; color: #bc2626 ;}
    .productList li .cost button{background: #9353a4; color: #fff;float: right;font-size: 14px; margin-top: 2px; padding:0 20px;}

    /* 장바구니 */
    .cartWrap{width: 310px; height: 800px; float: right; position: relative;}
    .cartWrap .cartList{  background: #0a0a0c;  }
    .cartItemList_wrap{overflow: auto; position: relative}
    .cartItemList_wrap .allDelete{height: 40px; position: absolute; bottom: 0; width: 100%; background: #d7d7d7; font-weight: 500; font-size: 1.8rem;}
    .cartItemList{ overflow-y: auto;  }
    .cartItemList li{display: flex; position: relative; padding: 10px; position: relative; border-bottom: 1px solid #2a2a2a;}
    .cartItemList li > div{justify-content: space-between;}
    .cartItemList li .img{width: 100px; height: 100px; margin-right: 20px; border-radius: 5px; overflow: hidden;}
    .cartItemList li .img img{width: 100%;}
    .cartItemList li .txt{font-size: 1.7rem;font-weight: 500; color: #fff; padding-right:5px;}
    .cartItemList li .txt .tumbler{background: url(../images/tumbler.svg) no-repeat center; text-indent: -9999px; display: inline-block; width: 20px; }
    .cartItemList li .cartItemBottom{margin-top: 15px; display: flex; justify-content: space-between;}
    .cartItemList li .cartItemBottom .itemCounter{font-size: 0; border: 1px solid #2a2a2a;}
    .cartItemList li .cartItemBottom .itemCounter input{border: none; width: 40px; height: 30px; text-align: center; font-weight: 500;font-size: 1.6rem; padding: 0; border-radius: 0; background: #0a0a0c; color: #fff;}
    .cartItemList li .cartItemBottom .itemCounter button {width: 30px;  height: 30px;  line-height: 30px; font-size: 1.8rem; background: #0a0a0c; color: #ccc;}
    .cartItemList li .cartItemBottom .itemCounter button.countM{}
    .cartItemList li .cartItemBottom .itemCounter button.countM:disabled{color: #999;}
    .cartItemList li .cartItemBottom .itemPrice{width: calc(100% - 130px); }
    .cartItemList li .cartItemBottom .itemPrice input{border: 0; font-size: 1.8rem; width: 100%; height: 30px; background: transparent; text-align: right; padding: 0; background: #0a0a0c; color: #fff;}
    .cartItemList li .del{ width: 35px; height: 35px;  position: absolute; right: 5px; top: 5px; color: #ccc;}
    .cartItemList li .del::after{content: "\e5cd"; font-family: 'Material Icons'; font-size: 2rem}

    .cartBottom{ border-top: 5px solid #2a2a2a; padding: 10px; height: 155px;}
    .orderCost{font-size: 2.4rem; overflow: hidden; text-align: right;}
    .orderCost span{ font-weight: 600; color: #bc2626;}
    .orderCost input{border: none; padding: 0; font-size: 2.5rem; text-align: right; vertical-align: baseline; font-family: 'notoSansB';}
    .cartBottom textarea{ height:60px; line-height: 1; min-height: 60px; border-radius: 0; padding: 5px; font-size: 1.4rem;}
    .cartBottom .payType{padding: 10px 5px; font-size: 1.4rem;}
    .cartBottom .cartbtn{display: flex; justify-content: space-between}
    .cartBottom .cartbtn button{width: 60px; height: 50px; background: #fff;  color: #2f1b34; text-align: center}
    .cartBottom .cartbtn button i{font-size: 50px;}
    .cartBottom .cartbtn a{display: inline-block; width:100%; height: 75px !important; line-height: 75px !important; font-size: 2.2rem; border-radius: 0; text-align: center; background: #2f1b34; color: #fff; font-weight: 600;}
    .callTextarea{line-height: 2; height: 150px;}

}



@media (orientation: portrait) {
    /* 세로모드일 때 적용할 CSS */
    body{overflow: hidden}

    .gnb{ width: 100%;  background: #0a0a0c; position: relative;}
    .gnb h1{text-align: left; height: 50px; line-height: 50px; padding:0 20px; color: #fff; font-size: 23px; font-weight: 600; border-bottom: 1px solid #2a2a2a;}
    .gnb h1 img{height: 30px; margin-right: 10px; filter: brightness(0) invert(1); vertical-align: middle;}
    .gnb .gnb_wrap{font-size: 0; height: 50px; width: 100%; overflow: hidden; overflow-x: auto; white-space: nowrap; padding: 0;}
    .gnb .gnb_wrap div{display:inline-block; height: 50px; padding: 0 20px; line-height: 50px;  padding:0 20px;  font-size: 1.8rem; color: #ccc;}
    .gnb .gnb_wrap div + div{border-top: 1px solid #2a2a2a;}
    .gnb .gnb_wrap div.on{background: #9353a4; color: #fafafa;}
    .gnb .odList{position: absolute; right: 0; top: 0; padding: 0 10px; height: 50px; line-height: 50px; text-align: center; font-size: 1.8rem; background: #d7d7d7}


    .productList_wrap{  background: #161620; overflow-y: auto}
    .userInfo{height: 36px; line-height: 36px; width: 100%; background: #161620; padding: 0 10px; box-sizing: border-box; color: #ccc; font-size: 1.4rem; text-align: right}
    .userInfo span{font-weight: bold}
    .productList{ padding:0 10px 10px 10px; overflow: hidden}
    .productList li:not(.show){display:none;}
    .productList li.show{float: left;  width: calc( (100% - 20px ) / 3 ); padding:10px; overflow: hidden; background: #fff; margin:0 10px 10px 0;}
    /* .productList li.show:nth-of-type(3n + 3){margin-right:0;} */
    .productList li .img{ }
    .productList li .img img{ width: 100%; min-height: 100%}
    .productList li .cart{margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; text-align: right;}
    .productList li .txt{font-size: 1.9rem; font-weight:600; padding: 5px 0;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .productList li .cost{font-size: 1.6rem; font-weight: 600; color: #bc2626 ;}
    .productList li .cost button{background: #9353a4; color: #fff;float: right;font-size: 14px; margin-top: 2px; padding:0 5px;}



    .cartWrap{width: 100%; height: 210px; position: relative; }
    .cartWrap .cartList{  background: #0a0a0c; display: flex;  justify-content: space-between; }
    .cartItemList_wrap{overflow: auto; position: relative; width: calc( 100% - 250px); height: 210px; overflow-y: auto}
    .cartItemList_wrap .allDelete{height: 40px; position: absolute; bottom: 0; width: 100%; background: #d7d7d7; font-weight: 500; font-size: 1.8rem;}
    .cartItemList{ overflow-y: auto;  height: 170px;}
    .cartItemList li{position: relative; padding: 10px; position: relative; border-bottom: 1px solid #2a2a2a; display: flex;}
    .cartItemList li > div{justify-content: space-between; width: calc( 100% - 40px); }
    .cartItemList li .img{width: 100px; height: 100px; margin-right: 20px; border-radius: 5px; overflow: hidden;}
    .cartItemList li .img img{width: 100%;}
    .cartItemList li .txt{font-size: 1.6rem; color: #ccc; padding-right:5px; display: flex; align-items: center;}
    .cartItemList li .txt .tumbler{background: url(../images/tumbler.svg) no-repeat center; text-indent: -9999px; display: inline-block; width: 14px; margin-right: 3px; }
    .cartItemList li .txt span{width: calc( 100% - 220px);  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
    .cartItemList li .txt br{display: none}
    .cartItemList li .cartItemBottom{width: 212px; display: flex;}
    .cartItemList li .cartItemBottom .itemCounter{font-size: 0; border: 1px solid #2a2a2a; width: 102px;}
    .cartItemList li .cartItemBottom .itemCounter input{border: none; width: 40px; height: 30px; text-align: center; font-size: 1.6rem; padding: 0; border-radius: 0; background: #0a0a0c; color: #ccc;}
    .cartItemList li .cartItemBottom .itemCounter button {width: 30px;  height: 30px;  line-height: 30px; font-size: 1.8rem; background: #0a0a0c; color: #ccc;}
    .cartItemList li .cartItemBottom .itemCounter button.countM{}
    .cartItemList li .cartItemBottom .itemCounter button.countM:disabled{color: #999;}
    .cartItemList li .cartItemBottom .itemPrice{width: 110px; }
    .cartItemList li .cartItemBottom .itemPrice input{border: 0; font-size: 1.8rem; width: 100%; height: 30px; background: transparent; text-align: right; padding: 0; background: #0a0a0c; color: #ccc;}
    .cartItemList li .del{ width: 35px; height: 35px;  position: absolute; right: 5px; top: 50%; color: #ccc;     transform: translateY(-50%)}
    .cartItemList li .del::after{content: "\e5cd"; font-family: 'Material Icons'; font-size: 2rem}

    .cartBottom{ padding: 10px; height: 210px; width: 250px; box-sizing: border-box; position: static}
    .orderCost{font-size: 2.4rem; overflow: hidden; text-align: right;}
    .orderCost span{ font-weight: 600; color: #bc2626;}
    .orderCost input{border: none; padding: 0; font-size: 2.5rem; text-align: right; vertical-align: baseline; font-family: 'notoSansB';}
    .cartBottom textarea{ height:60px; line-height: 1; min-height: 60px; border-radius: 0; padding: 5px; font-size: 1.4rem;}
    .cartBottom .payType{padding: 10px 5px; font-size: 1.4rem;}
    .cartBottom .cartbtn{display: flex; justify-content: space-between}
    .cartBottom .cartbtn button{width: 60px; height: 50px; background: #fff;  color: #2f1b34; text-align: center}
    .cartBottom .cartbtn button i{font-size: 50px;}
    .cartBottom .cartbtn a{display: inline-block; width:100%; height: 50px !important; line-height: 50px !important; font-size: 2rem; border-radius: 0; text-align: center; background: #2f1b34; color: #fff; font-weight: 600;}
    .callTextarea{line-height: 2; height: 150px;}


}


/* ---------- 로그인, 메인, 인트로 화면 ---------- */
.install_wrap{display: flex; justify-content: space-between; width: 1200px; }
.install_wrap{width: 100%; height: 800px; position: relative; }

.install_wrap .download_wrap{ width: 100%; position: fixed; display:flex; z-index: 1000; justify-content: center; bottom:45%;align-items:center; flex-wrap: wrap; }
.install_wrap .download_wrap a{display: flex; align-items: center; justify-content: center; color: #fff; font-size: 28px; width: 250px; height: 120px; text-align: center; }
.install_wrap .download_wrap a span{display: block; width: 50px; height: 50px; margin:30px auto 15px; font-size: 50px;}
.install_wrap .download_wrap a:nth-of-type(1){background: url(/common/order/images/mainBtn1.png) no-repeat center; margin-bottom: 3px; margin-right: 3px;}
.install_wrap .download_wrap a:nth-of-type(2){background: url(/common/order/images/mainBtn2.png) no-repeat center; margin-bottom: 3px; }
.install_wrap .download_wrap a:nth-of-type(3){background: url(/common/order/images/mainBtn3.png) no-repeat center / contain; margin-right: 3px;}
.install_wrap .download_wrap a:nth-of-type(4){background: url(/common/order/images/mainBtn4.png) no-repeat center / contain; }


.install_wrap .visualTxt{position: absolute; z-index: 1000; top: 230px; left: 40px;}
.install_wrap .visualLogo{position: absolute; z-index: 1000; top: 30px; left: 50%; transform: translateX(-50%)}
.install_wrap .visualLogo img{width:125px;}
.detailPop{max-height: 500px; overflow-y: auto;}
.swiper-slide img{width: 1400px;height: auto;}
.swiper-slide .visualTxt img{width: auto; height: auto;}
.swiper-slide a{display: block}

/* bx */
.bx-wrapper {position: relative;margin: 0 auto 60px;padding: 0;*zoom: 1;width:100%; }
.bx-wrapper img {width: 100%;display: block; }
.bx-wrapper .bx-viewport {-webkit-transform: translatez(0);-moz-transform: translatez(0);    -ms-transform: translatez(0);    -o-transform: translatez(0);    transform: translatez(0); }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%; }

/* PAGER */
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 10px;background: url(images/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next {right: 10px;background: url(images/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover {background-position: 0 0; }
.bx-wrapper .bx-next:hover {background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled {display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(images/controls.png) -86px -11px no-repeat;margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(images/controls.png) -86px -44px no-repeat;margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: rgba(80, 80, 80, 0.75);width: 100%; }
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px; }

.bxslide_wrap{width:100%; /*max-width: 1280px;*/ height: 1000px;}


/* ------------------------------------------------------------ */

/* 주문완료 */
.formWrap{overflow-y: auto; height: 900px;}
.formWrap .rowWrap{border-bottom: 10px solid #e7e7e7;}
.formWrap .rowWrap:nth-last-child(1){border-bottom: 0;}
.formWrap .rowWrap.orderResult{border-bottom: 0;}
.formWrap .row input, .formWrap .row textarea,
.formWrap .row{ font-size: 2rem;}
.formWrap .rowWrap.price{ padding:15px 20px;}
.formWrap .rowWrap.price .row{ display: flex;  justify-content: space-between;  font-size: 2rem;}
.formWrap .rowWrap.price .row + .row {margin-top: 15px;}
.formWrap .rowWrap.price .row:nth-last-child(1){font-size:2.4rem; font-family: 'notoSansB'; padding-top: 15px; border-top: 1px solid #333;}
.formWrap .row .title{background: #f5f5f5;  font-family: 'notoSansB'; padding: 15px 20px;}
.formWrap .row .cont{padding: 20px;}
.formWrap .row .cont div + div{margin-top: 10px;}
.formWrap .row .cont.item{}
.formWrap .row .cont.item + .cont{border-top: 1px solid #ddd;}
.formWrap .row .cont.item div{display: flex; justify-content: space-between;}
.formWrap .row .cont.item div + div{margin-top: 5px;}
.orderResult{padding: 20px; color: var(--mainColor); font-size: 3rem; text-align: center; font-family: 'notoSansB';}