* { box-sizing:border-box; }

.btn { display: flex; justify-content: center; align-items: center; width:35%; height:3.0rem; padding:0 1.2rem; font-size:1.2rem; line-height:1.5; white-space:nowrap; box-shadow:inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(0 0 0 / 8%); background-image:none; border:1px solid #d9d9d9; border-radius:10px; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer;  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition:background; transition-duration:0.5s; }
.btn:active, .btn.active { box-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); background-image:none; }
.btn:focus { outline:none !important; }
.btn.disabled { opacity: 0.65; box-shadow: none; cursor: not-allowed; }
.btn > i { margin-left:0; }
.btn > i[class*=" minia-icon-"], .btn > i i[class*=" entypo-icon-"], .btn > i i[class*=" cut-icon-"] { margin-top:0; }

.btnXs { height:20px; padding:0 8px; font-size:12px; }
.btnSm { height:25px; padding:0 10px; font-size:12px; }
.btnMd { height:30px; padding:0 15px; font-size:12px; }
.btnLg { height:40px; padding:0 25px; font-size:12px; }
.btnXl { height:100px; padding:0 35px; font-size:20px; font-weight:900; }

.btn.btnInfo i { color:#ffffff; }

.btn.btnSearch { background:#d3023b; color:#fff; }
.btn.btnSearch:hover, .btn.btnSearch:focus { background-color:#d3023bc2; background-position:0 -20px; text-decoration:none; }
.btn.btnSearch:active, .btn.btnSearch.active { background-color:#d3023bc2; border-color:#dbdbdb; }

.MobileBannerArea { margin:120px 0 0; }
/* ------------------------------------------------------------------------------------------------------------
    list Search
------------------------------------------------------------------------------------------------------------ */
.seaechFranchiseM { padding:20px 10px 0; margin:0 0; }
.seaechFranchiseM .formArea { display:flex; justify-content: flex-start; align-items:center; flex-flow:row wrap; width:100%; padding:5px 0px; border-bottom:0px solid #c4c4c4; }
.seaechFranchiseM .formItem { display:flex; justify-content: flex-start; align-items:center; width:100%; padding:10px 0 0; }
.seaechFranchiseM .formGroup { position:relative; display:flex; justify-content: flex-start; align-items:center; width:100%; }
.seaechFranchiseM .formGroup .formControl { width:100%; height:40px; font-size:14px; padding:6px 10px; border: 1px solid #d9d9d9; border-radius:20px; }
.seaechFranchiseM .formGroup img { position:absolute; top:7px; right:9px; width:25px; height:25px; cursor:pointer; }

.seaechFranchiseM .formSelect { display:flex; justify-content: flex-start; align-items:center; width:60%; }
.seaechFranchiseM .formSelect .formGroup { display:flex; justify-content: flex-start; align-items:center; width:100%; }
.seaechFranchiseM .formSelect .formGroup select { width:95%; height:40px; padding:0 0 0 9px; margin:0; font-size: 14px; color: #100e0d; line-height: 34px; word-spacing: -1pt; word-break: break-all; letter-spacing: -0.04em; border: 1px solid #d9d9d9; border-radius: 1px; }

.seaechFranchiseM .searchCount { display:flex; justify-content:flex-end; align-items: center; width:40%; padding:10px 0 0; }
.seaechFranchiseM .searchCount h5 { font-size:12px; padding:0; margin:0; border:none; }

/* ------------------------------------------------------------------------------------------------------------
    list Content
------------------------------------------------------------------------------------------------------------ */
.listFranchiseM { display:flex; justify-content:flex-start; align-items: center; flex-flow:column; padding:20px 10px 20px; margin:0 0 0; }

.listFranchiseM .searchCount { display:flex; justify-content:flex-end; align-items: center; width:100%; padding:5px 0; }
.listFranchiseM .searchCount h5 { font-size:12px; margin:0; }

.listFranchiseM .listArea { display:flex; justify-content:flex-start; align-items: flex-start; flex-flow:row wrap; width:100%; }
.listFranchiseM .listArea .listBody { display:flex; justify-content:flex-start; align-items: center; flex-flow:column; width:100%; }
.listFranchiseM .listArea .listContent { display:flex; justify-content:flex-start; align-items: center; flex-flow:row wrap; width:100%; background:#fff; border-top:none; border-bottom:1px solid #c4c4c4; }
.listFranchiseM .listArea .listContent:first-child { border-top:2px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }
.listFranchiseM .listArea .listItemL { display:flex; justify-content:center; align-items: center; width:25%; height:40px; font-size:14px; font-weight:700; }
.listFranchiseM .listArea .listItemR { display:flex; justify-content:flex-start; align-items: center; width:75%; height:40px; font-size:14px; font-weight:500; }
.listFranchiseM .listArea .listItemR span { font-weight:900; }

.listFranchiseM .buttonArea .btn.disabled { background:#c4c4c4; }
.listFranchiseM .buttonArea { display:flex; justify-content:flex-start; align-items: center; flex-flow: column wrap; width:100%; margin:10px 0 20px; }
.listFranchiseM .buttonArea .btn { width:160px; }
.listFranchiseM .buttonArea .btn.disabled { background:#c4c4c4; }
.listFranchiseM .buttonArea .btnXl { height: 48px; padding: 0 35px; font-size:20px; font-weight: 900; }
.listFranchiseM .listArea .listItem a { cursor:pointer; }

/* ------------------------------------------------------------------------------------------------------------
    list Paging
------------------------------------------------------------------------------------------------------------ */
.listFranchiseM .listArea .pagingArea { display:flex; justify-content:center; align-items: center; flex-flow:row; width:100%; }
.listFranchiseM .listArea .listPaging { display:flex; justify-content:center; align-items: center; width:50%; height:40px; margin:50px 0 0; }
.listFranchiseM .listArea .pagination { display: flex; list-style: none; padding: 0; }
.listFranchiseM .listArea .pagination li { display:flex; justify-content:center; align-items: center; width:27px; height:29px; margin: 0 1px; }
.listFranchiseM .listArea .pagination a { display:flex; justify-content:center; align-items: center; width:100%; height:100%; color: #333; text-decoration: none; background:#fff; border:1px solid #c4c4c4; border-radius: 3px; }
.listFranchiseM .listArea .pagination a:hover { background-color: #e2e2e2; }
.listFranchiseM .listArea .pagination a.active { color: #fff; background: #d3023b; }

/* ------------------------------------------------------------------------------------------------------------
    list Modal
------------------------------------------------------------------------------------------------------------ */
#storePosition { display:none; position: fixed; top:0; right:0; flex-direction: column; align-items: center; justify-content: center; width:100%; height:100%; background:rgb(0, 0, 0, 0.6); transition: all 1s ease-in-out; z-index:9001; }
#storePosition .modalContent { width:100%; height:100vh; background: #fff; color:#545454; }
#storePosition .modalHeader { display: flex; justify-content: flex-end; align-items: center; flex-direction: row; border-bottom: 0px solid #d9d9d9; padding:10px; }
#storePosition .modalHeader .title { font-size:1.6rem; font-weight:700; }
#storePosition .modalClose { color: red; text-decoration: none; font-size:2.8rem; font-weight: 300; width:24px; height:24px; }
#storePosition .modalClose:hover, #storePosition .modalClose:focus { text-decoration: none; cursor: pointer; }
#storePosition .modalBody { display: flex; justify-content:flex-start; align-items:center; flex-flow:column; padding:10px; }
#storePosition .modalBody h3 { font-size:24px; font-weight:900; margin:0; }
#storePosition .modalBody h5 { font-size:16px; font-weight:500; margin:0; border:none; }
#storePosition #map { width:100%; height:400px; background:#000; margin:20px 0 0; }

/* ------------------------------------------------------------------------------------------------------------
    proposalBanner
------------------------------------------------------------------------------------------------------------ */
.proposalBanner { display:flex; justify-content:center; align-items: center; flex-flow:row; width:100%; height:80px; padding:0 20px; margin:30px 0 0; background-color:#FFFFFF;  }  /*background:#d3023b59;*/
.proposalBanner:hover { text-decoration:none; scale:1; cursor:pointer; }
.proposalTxt { display:flex; justify-content:center; align-items: center; flex-flow:column; width:90%; }
.proposalTxt01 { display:flex; justify-content:flex-start; align-items: center; flex-flow:row; width:100%; }
.proposalTxt01 h3 { font-size:17px; font-weight:900; margin:0; }
.proposalArrow { position:relative; display:flex; justify-content:center; align-items: center; flex-flow:row; width:10%; height:100%; }
.arrowRight { position: absolute; top:40%; right:25%; content:''; width:20px; height:20px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transition: all 1s; }