.swal-button--cancel { color: #555 !important; background-color: #efefef !important; }
.swal-button{background-color:#4acad6; color: #fff;}
.swal-button:not([disabled]):hover{background-color:#4acad6; color: #fff;}

/* 폰트어썸 아이콘 */
i{margin:0 2px;}

/*가로스크롤*/
.scroll_x{overflow-x:scroll; padding:0px; -webkit-overflow-scrolling:touch;-ms-overflow-scrolling:touch;-mos-overflow-scrolling:touch;-o-overflow-scrolling:touch;}
.scroll_x ul{white-space:nowrap;}
.scroll_x li{display:inline-block; white-space:nowrap; margin-right:5px; vertical-align:top; position:relative;}

/*브라우저 상하단이동버튼*/
#gobtn{position:fixed; display:block; right:10px; bottom:20px; display:none; z-index:9999;}
.goHd, .goFt{width:30px; height:30px; background:#F7F7F7; z-index:9999; text-indent:-9999px; border:1px solid #CCC; position:relative;
	  transition:all 0.5s; box-shadow:0px 0px 3px RGBA(0, 0, 0, 0.5); border-radius:4px; display:block; margin-bottom:3px;}
.goHd span{position:absolute; top:60%; left:9px; display:block; width:10px; height:10px; border-left:2px solid #666; border-top:2px solid #666; border-radius:2px;
    transform:translateY(-50%) rotate(45deg);}
.goFt span{position:absolute; top:40%; left:9px; display:block; width:10px; height:10px; border-left:2px solid #666; border-top:2px solid #666; border-radius:2px;
    transform:translateY(-50%) rotate(-135deg);}
.goHd:hover, .goFt:hover{background:#333; border:1px solid #333}
.goHd:hover span, .goFt:hover span{border-left:2px solid #FFF; border-top:2px solid #FFF;}

/* 준비중페이지 */
#ready{text-align:center; background:url(../../img/common/ready.png) no-repeat 50% 0; margin:80px 0;
        padding-top:130px; font-size:1.5em; line-height:1.3em; color:#333;}
#ready strong{font-weight:600; color:#23B1BD;}
#ready p{font-size:0.8em; color:#666;}


/*페이징*/
.pagination>li>a, .pagination>li>span{display: inline-block; padding: 0 6px; background: #eee; color: #C3C3C3; border-radius: 6px; font-size: 0.9em; border: 0;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: #eee; color: #4acad6; font-weight: 600;}


/* 블랙 표
.tbl table{width:100%; margin:10px 0px 0px 0; font-size:0.95em; border-top:1px solid #E3E3E3; border-bottom:1px solid #E3E3E3; font-size:1.1em; line-height:1.8em; }
.tbl td, .tbl th{vertical-align:middle; border-bottom:1px solid #8C8C8C; padding:10px 15px; border-left:1px solid #8C8C8C; text-align:center;}
.tbl td{}
.tbl th{border-right:1px solid #8C8C8C; color:#FFF; background:#C4E6F6; font-weight:bold;}

.tbl thead th{border-bottom:1px solid #fff; background:#000;}
.tbl tbody th{background:#404040; border-bottom:1px solid #8C8C8C; font-weight:normal;}

.tbl tr th:first-child, .tbl tr td:first-child{border-left:0;}
.tbl tr:last-child th{border-right:0;}

.tbl table.td_left td{text-align:left;}*/

/* 화이트 표 */
.tbl table{width:100%; margin:10px 0px 0px 0; border-left:1px solid #CBCBCB; border-top:1px solid #CBCBCB; border-bottom:1px solid #E3E3E3; font-size:1em; line-height:1.5em; }
.tbl td, .tbl th{vertical-align:middle; border-bottom:1px solid #CBCBCB; padding:10px 5px; border-right:1px solid #CBCBCB; text-align:center;}
.tbl td{}
.tbl th{border-right:1px solid #CBCBCB; color:#333; background:#E3E3E3; font-weight:bold;}

.tbl thead th{border-bottom:1px solid #CBCBCB; background:#E0EEF8;}
.tbl tbody th{background:#FBFBFB; border-bottom:1px solid #CBCBCB; font-weight:normal;}

/*.tbl tr th:first-child,
.tbl tr td:first-child{border-left:0;}
.tbl tr td:last-child,
.tbl tr th:last-child{border-right:0;}*/

.tbl table.td_left td{text-align:left;}

/*리스트형 테이블*/
.tbl_list table{ width: 100%;}
.tbl_list table th,
.tbl_list table td{ border-bottom: 1px solid #eee; font-size: 0.95em; padding: 5px;}
.tbl_list table th:last-child,
.tbl_list table td:last-child{text-align: right;}
.tbl_list table a,
.tbl_list table button{all:unset;display: inline-block; width: auto; padding: 0px 5px; font-size: 0.9em; margin-left: 5px;
    border-radius: 6px; color: #fff; background: #00b5d0; cursor: pointer; }

.tbl_list table .no_item{ cursor: pointer; color: #ff6a6a; }

/*가로스크롤*/
.row-horizon {
  position:relative;
  width:98%;
  padding:0 0 20px 0;
  margin:0 auto 20px auto;
  overflow-x: hidden;
  overflow-y: hidden;
}
@media screen and (max-width:787px) {
    .row-horizon:before{content:"← 좌우스크롤로 확인해주세요 →"; display:block; text-align:center; margin-bottom:10px;}
    .row-horizon {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    }
    #brand, #s_date, .est_rental01_select, .rental_input{
        width:100%!important;
    }
    #item_cnt{
        width:23%!important;
    }
    .rental_estimate .est_table th{
        font-size: 0.9em;
    }
}

/*hoverBOX*/
.block-texts{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity:0.6; z-index:2;}
.block-texts .drawborder{display:block; background:#FFD040; position: absolute;}

.block-texts .drawborder-top{width: 0%; height: 15px; left: 0; top: 0; transition-delay: 0s;}
.block-texts .drawborder-left{width: 15px; height: 0%; top: 0; right: 0; transition-delay: 0s;}
.block-texts .drawborder-bottom{width: 0%; height: 15px; right: 0; bottom: 0; transition-delay: 0s;}
.block-texts .drawborder-right{width: 15px; height: 0; left: 0; bottom: 0; transition-delay: 0s;}

.block-texts:hover .drawborder{transition: all 0.25s;}
.block-texts:hover .drawborder-top{width: 100%; transition-delay: 0s;}
.block-texts:hover .drawborder-left{height: 100%; transition-delay: 0.1s;}
.block-texts:hover .drawborder-bottom{width: 100%; transition-delay: 0.2s;}
.block-texts:hover .drawborder-right{height: 100%; transition-delay: 0.3s;}

/*clearfix*/
.cf{}/* 여기서 cf는 float속성을 가진 태그의 부모태그라고 생각한다.*/
.cf:after{display:block; content:""; clear: both;}
.hide{display:none;}
.cb{clear:both!important;}
.bgn{background:none!important;}
.bdn{border:none!important;}
.pa{position:absolute!important;}
.fwb{font-weight:bold!important;}
.fl{float:left;}
.fr{float:right;}

/*기본모달*/
/*모달*/
.modal-backdrop{background:;}
.modal-backdrop.in{opacity:.7;}
.modal-content{box-shadow:none; -webkit-box-shadow:none; border:0; padding:0; max-width: 600px; margin: 0 auto;}

.modal-dialog{margin:2% 5%; /*position:fixed;*/ bottom:-0px; width:90%; max-height: calc(100vh - 5%); }
.modal-content{border-radius:; }
.modal-body{padding:0; max-height: calc(100vh - 200px); overflow-y: auto;}
.modal-body li:first-child{border-top:0;}
.modal-body li{border-top:1px solid #ddd;}
.modal-body .none-modal-a{ padding: 0; }
.modal-body li a{display:block; padding:15px 30px;}
.modal-body li i{font-size:1.3em; margin-right:10px;}


/*.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal.fade.in .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}*/


.modal .mod_inp{
    display: block;
    width: 100%;
    margin: 0px auto;
    text-align: center;
	padding:20px 0 10px
}
.modal .mod_inp input{
    border: 1px solid #DDD;
    border-radius: 5px;
    line-height: 3;
    text-align: center;
    margin: 10px auto;
    width: 90%;
}
.modal .mod_btn{
    display: block;
    width: 100%;
    background: #4acad7;
    border: 0;
    outline: none;
    font-weight: 600;
    line-height: 43px;
    font-size: 1.3em;
    border-radius: 0 0 6px 6px;
}
.mod_center .modal-footer {
    text-align: center;
    padding: 0;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
}
.modal.in .mod_center .modal-header button.close {position: absolute;right: -15px;top: -15px;background: #FFF;opacity: 1;border: 1px solid #DDD;width: 40px;height: 40px;border-radius: 50%;z-index: 9;font-size: 30px;font-weight: 400;color: #868686;}
.modal.in .modal-dialog.mod_center{bottom:inherit; top:50%; transform: translateY(-50%);}
.modal.in .modal-dialog.mod_bottom{bottom:0;position: absolute;margin-bottom: 0;}
.modal.in .modal-dialog.mod_bottom .modal-content {border-radius:15px 15px 0 0;}
.mod_center .modal-header{border:0; position: initial;}
.mod_center button.close{
    position: absolute;
    top: -20px;
    right: -10px;
    background: #FFF;
    opacity: 1;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #898989;
    z-index: 9;
    font-size: 29px;
    font-weight: 300;
    color: #898989;}

.pop_comp {
    padding: 20px;
}
.pop_comp .name{
    color: #8d8d8d;
}
.pop_comp .name span{
    display: inline-block;
    font-size: 1.4em;
    font-weight: 500;
    color: #84ccc9;
    margin-right: 4px;
}
.pop_comp .s_info{
    margin-bottom: 8px;
    font-size: .9em;
    color: #8d8d8d;
}
.pop_comp .sts{
    FONT-WEIGHT: 100;
    /* font-size: 1.1em; */
    color: #494949;
}
.pop_comp .sts span{
    display: inline-block;
    font-weight: 500;
    margin-right: 7px;
    padding-right: 7px;
position:relative;
}
.pop_comp .sts span.tm:after{
	content: '';
    display: inline-block;
    position: absolute;
    right: -2px;
    top: 5px;
    height: 17px;
    width: 1px;
    background: #DDD;
}
.pop_comp .sts {}

/*원형모달*/
#circle{}
#circle .modal-backdrop{background:;}
#circle .modal-backdrop.in{opacity:.7;}
#circle .modal-content{box-shadow:none; -webkit-box-shadow:none; border:0; padding:0;}
#circle .modal-header {text-align:right; padding:10px 15px;}
#circle .modal-header .close{ float:none;}

#circle .modal-dialog{margin:0; position:fixed; bottom:80px; width:auto; }
#circle .modal-content{border-radius:20px 20px 0 0; background:none; }
#circle .modal-body{padding:15px;}
#circle .modal-body a{display:block; padding:10px 0px; background:#12bcbb; color:#fff; font-weight:600; font-size:1.1em; text-align:center; width:70px; height:70px; border-radius:50%; margin-bottom:10px;}
#circle .modal-body a i{font-size:1.8em; line-height:1.2em;}
#circle .modal-body a p{font-size:0.75em; line-height:1.4em; font-weight:normal;}

#circle .modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, 25%);
      -ms-transform: translate(0, 25%);
       -o-transform: translate(0, 25%);
          transform: translate(0, 25%);
}
#circle .modal.fade.in .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -0%);
      -ms-transform: translate(0, -0%);
       -o-transform: translate(0, -0%);
          transform: translate(0, -0%);
}


/*더보기 모달*/
.more_btn{ all:unset; text-align: center; display: inline-block; width: 20px; line-height: 30px; font-size: 14px;}
#more_modal .modal-dialog{margin:0 5%; position:fixed; bottom:50%; transform: translateY(50%); width: 90%; }
}
#more_modal .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition:      -o-transform .3s ease-out;
    transition:         transform .3s ease-out;
    -webkit-transform: translate(0, 25%);
    -ms-transform: translate(0, 25%);
    -o-transform: translate(0, 25%);
    transform: translate(0, 25%);
}
#more_modal .modal.fade.in .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition:      -o-transform .3s ease-out;
    transition:         transform .3s ease-out;
    -webkit-transform: translate(0, -0%);
    -ms-transform: translate(0, -0%);
    -o-transform: translate(0, -0%);
    transform: translate(0, -0%);
}



select.frm_input{background:url("../../img/common/sel-down-solid.svg") no-repeat 95% 50%/auto 30%;}

/*체크박스*/
/* input[type=checkbox] { display: none; } */
input[type=checkbox] + label { cursor: pointer; margin:5px 0; font-size:1em; }
input[type=checkbox] + label > div {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    background: #fff;
    box-sizing: border-box;
    width: 20px; height: 20px;
    margin-top: -4px;
    border-radius:5px;
	margin-right:5px;
	position:relative;
    border: 1px solid #a5a5a5;
}
input[type=checkbox] + label > div:before {
	font-family: "Font Awesome 5 Pro";
    color: #fff;
	position:absolute;
	top:50%; left:50%; transform:translate(-50%,-50%);
	font-weight:900;
}
input[type=checkbox]:checked + label{font-weight:600 !important; color:#00b5d0;}
input[type=checkbox]:checked + label > div:before{content: "\f00c";}
input[type=checkbox]:checked + label > div{
	background:#00b5d0;
	border:0;
}
input[type=checkbox] + label:hover > div { border-width: 2px; }

/*라디오버튼*/
input[type=radio] { display: none; }
input[type=radio] + label { cursor: pointer; margin:5px 0; font-size:1em; }
input[type=radio] + label > div {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    background: ;
    box-sizing: border-box;
    width: 20px; height: 20px;
    margin-top: -4px;
    border-radius:50%;
	margin-right:5px;
	position:relative;
    border: 1px solid #a5a5a5;
}
input[type=radio] + label > div:before {
	font-family: "Font Awesome 5 Pro";
    color: #fff;
	position:absolute;
	top:50%; left:50%; transform:translate(-50%,-50%);
	font-weight:900;
}
input[type=radio]:checked + label{font-weight:600 !important; color:#00b5d0;}
input[type=radio]:checked + label > div:before{content: "\f00c";}
input[type=radio]:checked + label > div{
	background:#00b5d0;
	border:0;
}
input[type=checkbox] + label:hover > div { border-width: 2px; }


/*라운드형*/
.round{}
.round input[type=radio] { display: none; }
.round input[type=radio] + label { cursor: pointer; margin:5px 0; font-size:0.85em; font-weight:normal; padding:2px 10px;
								display:inline-block !important; margin-right:5px; background:#F7F7F7; border-radius:30px; }
.round input[type=radio] + label > div {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    background: #ddd;
    box-sizing: border-box;
    width: 14px; height: 14px;
    margin-top: 0px;
    border-radius:50%;
	margin-right:5px;
	position:relative;
}
.round input[type=radio] + label > div:before {
	font-family: "Font Awesome 5 Pro";
    color: #fff;
    content: "\f00c";
	position:absolute;
	top:50%; left:50%; transform:translate(-50%,-50%);
	font-weight:400;
	font-size:0.7em;
}
.round input[type=radio]:checked + label{font-weight:500 !important; color:#84ccc9; background:#f0f9fa;}
.round input[type=radio]:checked + label > div{
	background:#84ccc9;
	border:0;
}
.round input[type=radio] + label:hover > div { border-width: 2px; }

/*박스디자인*/
.box_in input[type=radio] { display: none; }
.box_in input[type=radio] + label { cursor: pointer; margin:0px 0; font-size:1em; font-weight:normal; display:inline-block !important; text-align:center;
									margin:0 5px 5px 0; background:#fff; padding:8px 10px; border-radius:8px; border:1px solid #ddd; }
.box_in input[type=radio] + label > div {display:none;}
.box_in input[type=radio]:checked + label{
	background:#00AC9D;
	border:1px solid #00AC9D;
	color:#fff;
	font-weight:600;
}

.box_in_ver2 input[type=radio]{display:block;}
.box_in_ver2 input[type=radio]:checked + label{background:none; color:#00b5d0;}
.box_in_ver2{display:flex; gap:12px; margin-bottom:10px;}
.btn_flex{display:flex; gap:8px; align-items: center;}
.box_in .btn_flex input[type=radio]{margin-top:0;}
.box_in .btn_flex input[type=radio] + label{width: inherit !important; margin: 0; padding:0; border:0;}

#brand, #item_cnt, #s_date{width:150px; flex:inherit; font-size:0.95em;}
#bis_name{width:200px;}
#model_name_stx{height: 38px; border-radius: 12px;}

.est_rental01_select{background: url(../../img/common/sel-down-solid.svg) no-repeat 95% 50% / auto 30%;background-color: #fff !important; width: 150px; font-size:0.95em; border: 1px solid #ddd;height: 40px;line-height: 40px;text-indent: 20px;margin-bottom: 5px;padding: 0;border-radius: 10px;}
.box_in .hidden_ver2 {display: none;}
.custom-input{font-size:1em; border: 1px solid #ddd; height: 40px; padding-left: 15px;}

/* 팝업(모달) 기본 스타일 */
.rental_required_modal {
    display: none; /* 기본적으로 숨김 */
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 어두운 배경 */
}

/* 모달 콘텐츠 */
.rental_required_modal-content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 300px; /* 너비 */
    text-align: center;
}

/* 닫기 버튼 스타일 */
.rental_required_close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.rental_required_close:hover,
.rental_required_close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}






.box_in input[type=checkbox] + label:hover > div { border-width: 2px; }

.box_in input[type=checkbox] { display: none; }
.box_in input[type=checkbox] + label { cursor: pointer; margin:2px 0; font-size:0.95em; font-weight:normal; display:inline-block !important;
									margin-right:5px; background:#fff; padding:8px 10px; line-height:1em; border-radius:8px; border:1px solid #ddd; }
.box_in input[type=checkbox] + label > div { width: 13px; height: 13px; margin-top: -2px}
.box_in input[type=checkbox] + label > div:before{font-weight: 500; top: 53%}
.box_in input[type=checkbox]:checked + label{
	background:#00AC9D;
	border:1px solid #00AC9D;
	color:#fff;
}
.box_in input[type=checkbox]:checked + label > div{background: #fff;}
.box_in input[type=checkbox]:checked + label > div:before{color: #84ccc9;}

.box_in input[type=radio] + label:hover > div { border-width: 2px; }


/*앱onoff*/
.onoff{position: relative; display: inline-block;}
.onoff input[type="checkbox"] + label > div{ display: none;}
.onoff input[type=checkbox]:checked + label{ color: #00ac9d;}
.onoff input[type="checkbox"] {width: 55px; height: 25px; display: inline-block; -webkit-appearance: none; margin: 0; margin-right: 3px; background-color: #eee; border-radius: 50px;
    position: relative; transition: all .3s ease; cursor:pointer;}
.onoff input[type="checkbox"]:after {content:''; display:inline-block; width:14px; height:14px; background-color:#fff; border-radius: 50px;
    position: absolute; top: 50%; left: 6px; transform: translateY(-50%); transition: all .3s ease;}
.onoff input[type="checkbox"]:before {content: 'OFF'; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 0.75em; opacity: .5;}
.onoff input:checked[type="checkbox"] {background-color:#00ac9d; transition: all .3s ease;}
.onoff input:checked[type="checkbox"]:before {content:'ON'; right: auto; left:8px; color:#fff;}
.onoff input:checked[type="checkbox"]:after {left:35px; transition: all .3s ease;}
.onoff ul.alert_switch li label {position: absolute; font-size:0; width:1px; height:1px; opacity:0;} /* soundonly */
.onoff input[type="checkbox"]:focus {outline:none;}


/*공통*/
#container{padding:20px;}
h3:first-child{padding-top: 0;}
h3{font-size: 1.3em; text-align: center; padding: 30px 0 10px 0; font-weight: 600;}
h3 strong{font-size: 1.12em;}

.flex{display: flex; align-items: center;}
.flex.ar{align-items:revert }
.flex.js{justify-content: space-between;}
.flex.js.start{justify-content: flex-start;}
.flex.js.start .blank{ margin: 0px 8px; }
.flex.wrap{flex-wrap: wrap;}
.off{filter:grayscale(100%); opacity: 0.5;}

input[type=date].frm_input{font-size: 11px; text-align: left; text-indent: 5px;}
input[type=search].frm_input{}
.sch_btn{all:unset; display: block; line-height: 40px; width: 40px; text-align: center;
    margin-left: -40px; font-weight:600; font-size: 1.1em; margin-top: -6px;}
.mr5{margin-right: 5px;}
.empty{text-align: center; margin-top: 20px;}

.img{border-radius: 6px; overflow: hidden;}
.img img{object-fit: cover; width: 100%; height: 100%;}

/*아이콘*/
.icon i{font-size: 11.5px; display: inline-block; border-radius: 20px; margin: 0; font-weight: 500;
    border: 1px solid #8a8a8a; color: rgba(0,0,0,0.3); font-style: normal; padding: 0 10px; line-height: 1.8em;}
.icon i.blue{ border: 0; background: #4ACAD7; color: #fff;}
.icon i.red{ border: 0; background: #F9E2EC}
.icon i.black{ border: 0; background: #A5A5A5; color: #fff;}

i.color{display: inline-block; margin:0 5px 0 0; vertical-align: middle; width: 15px; height: 15px; border: 0px solid #eee; border-radius: 2px;}
i.color.black{background: #000; border: 0;}
i.color.blue{background: #00FFFF; border: 0;}
i.color.red{background: #FF00FF; border: 0;}
i.color.yell{background: #FFF000; border: 0;}
i.color.four{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00ffff+0,00ffff+25,ff00ff+25,ff00ff+50,fff000+50,fff000+50,fff000+75,ffffff+75 */
    background: #00ffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #00ffff 0%, #00ffff 25%, #ff00ff 25%, #ff00ff 50%, #fff000 50%, #fff000 50%, #fff000 75%, #000000 75%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #00ffff 0%,#00ffff 25%,#ff00ff 25%,#ff00ff 50%,#fff000 50%,#fff000 50%,#fff000 75%,#000000 75%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #00ffff 0%,#00ffff 25%,#ff00ff 25%,#ff00ff 50%,#fff000 50%,#fff000 50%,#fff000 75%,#000000 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

/*탭메뉴*/
.submenu .nav-tabs{ display: flex; background: #eee; padding:5px 2px 0 2px;}
.submenu .nav-tabs>li{float: none;}
.submenu .nav-tabs>li>a{display: block; text-align: center; opacity: 0.5;}
.submenu .nav-tabs>li.active>a,
.submenu .nav-tabs>li.active>a:focus,
.submenu .nav-tabs>li.active>a:hover{color: #005E6C; font-weight: 600; opacity: 1;}

.panel{border: 0; box-shadow:none;}

.ft_btn button,
#ft_btn input[type=submit]{ width: 100%; text-align: center;  position: fixed;
    background: #00AC9D; color: #fff; line-height: 55px; font-weight: 500; border: 0; font-size: 1.2em;
    border-radius: 6px; left:50%; transform: translateX(-50%); bottom:10px; max-width: 650px; padding: 0;}
#ft_btn input[type=submit]{ background: #FF7070;}
@media (max-width: 600px) {
    .ft_btn button,
    #ft_btn input[type=submit]{position:fixed; border-radius: 0; left:0; transform: translateX(0); bottom:0; max-width: 100%;}
}

.paging{text-align: center; padding: 10px;}
.paging a{ display: inline-block; padding: 0 6px; background: #eee; color: #C3C3C3; border-radius: 6px; font-size: 0.9em; margin:0 2.5px; cursor: pointer; }
.paging a.on{background: #eee; color: #4acad6; font-weight: 600;}

.ready{padding: 20% 30px; text-align: center;}

/*리뷰*/
.starRev .fa-star{color: #DBDBDB; font-weight: 600;}
.starRev .starR.on{color:#FFD966; font-weight: 600;}


.paylist li{ border-bottom: 1px solid #eee; width: 100%; margin: 5px auto; display: flex; justify-content: center; align-items: center; padding: 15px 15px; }
.paylist li div{ width: 50%; }
.paylist p { color: #000; }
.paylist .card_number{ color: #7a7a7a;}
.paylist .product{font-weight: bold;}
.paylist .price{ text-align: right; font-weight: bold; letter-spacing: -0.5px; }
.paylist .date{ color: #b3b3b3; text-align: right; letter-spacing: -0.5px; }
.paylist .pay_link{    text-align: right; font-size: 12px; color: #6c6c6c; }