* { 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; }

/* ------------------------------------------------------------------------------------------------------------
    list Search
------------------------------------------------------------------------------------------------------------ */
.seaechFranchise { padding:20px 10px; margin:20px 0 0; }
.seaechFranchise .formArea { display:flex; justify-content: flex-start; align-items:center; flex-flow:row wrap; width:100%; padding:5px 20px 15px; border:1px solid #c4c4c4; border-radius:10px; }
.seaechFranchise .formItem { display:flex; justify-content: flex-start; align-items:center; width:50%; padding:10px 0 0; }
.seaechFranchise .formItem:nth-child(2) { margin:0 0 0 auto; }
.seaechFranchise .formGroup { display:flex; justify-content: flex-start; align-items:center; width:100%;  }
.seaechFranchise .formGroup label { width:15%; font-size:14px; font-weight:900; text-align:left; }
.seaechFranchise .formGroup select { width:60%; 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; }
.seaechFranchise .formControl { width:60%; height:40px; font-size:14px; padding:0.6rem 1rem; border: 1px solid #d9d9d9; border-radius:0px; }
.seaechFranchise .formControl:hover, .seaechFranchise .formControl:active, .seaechFranchise .formControl:focus { outline:none; box-shadow:0px 0px 3px 1px #d3023bc7; }

.seaechFranchise .buttonArea .btn.disabled { background:#c4c4c4; }
.seaechFranchise .buttonArea { display:flex; justify-content:flex-start; align-items: center; flex-flow: column wrap; width:100%; margin:30px 0 0; }
.seaechFranchise .buttonArea .btn { width:200px; }
.seaechFranchise .buttonArea .btn.disabled { background:#c4c4c4; }
.seaechFranchise .buttonArea .btnXl { height: 60px; padding: 0 35px; font-size:20px; font-weight: 900; }

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

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

.listFranchise .listArea { display:flex; justify-content:flex-start; align-items: center; flex-flow:column; width:100%; }
.listFranchise .listArea .listHeader { display:flex; justify-content:flex-start; align-items: center; flex-flow:row; width:100%; height:40px; background:#f5f5f5; border-top:1px solid #000; border-bottom:1px solid #c4c4c4; }

.listFranchise .listArea .headerTitle { display:flex; justify-content:center; align-items: center; height:100%; font-size:14px; font-weight:700; border-left:1px solid #c4c4c4; }
.listFranchise .listArea .headerTitle:first-child { width:10%; border-left:none; }
.listFranchise .listArea .headerTitle:nth-child(2) { width:10%; }
.listFranchise .listArea .headerTitle:nth-child(3) { width:15%; }
.listFranchise .listArea .headerTitle:nth-child(4) { width:20%; }
.listFranchise .listArea .headerTitle:nth-child(5) { width:15%; }
.listFranchise .listArea .headerTitle:nth-child(6) { width:20%; }
.listFranchise .listArea .headerTitle:last-child { width:10%; }
.listFranchise .listArea .listBody { display:flex; justify-content:flex-start; align-items: center; flex-flow:row wrap; width:100%; }

.listFranchise .listArea .listContent { display:flex; justify-content:flex-start; align-items: center; flex-flow:row; width:100%; height:60px; background:#fff; border-top:none; border-bottom:1px solid #c4c4c4; }

.listFranchise .listArea .listItem { display:flex; justify-content:center; align-items: center; height:100%; font-size:14px; font-weight:700; border-left:1px solid #c4c4c4; }
.listFranchise .listArea .listItem:first-child { width:10%; border-left:none; }
.listFranchise .listArea .listItem:nth-child(2) { width:10%; }
.listFranchise .listArea .listItem:nth-child(3) { width:15%; }
.listFranchise .listArea .listItem:nth-child(4) { width:20%; }
.listFranchise .listArea .listItem:nth-child(5) { width:15%; }
.listFranchise .listArea .listItem:nth-child(6) { width:20%; }
.listFranchise .listArea .listItem:last-child { width:10%; }
.listFranchise .listArea .listItem a { cursor:pointer; }

/* ------------------------------------------------------------------------------------------------------------
    list Paging
------------------------------------------------------------------------------------------------------------ */
.listFranchise .listArea .pagingArea { display:flex; justify-content:center; align-items: center; flex-flow:row; width:100%; }
.listFranchise .listArea .listPaging { display:flex; justify-content:center; align-items: center; width:50%; height:40px; margin:50px 0 0; }
.listFranchise .listArea .pagination { display: flex; list-style: none; padding: 0; }
.listFranchise .listArea .pagination li { display:flex; justify-content:center; align-items: center; width:27px; height:29px; margin: 0 1px; }
.listFranchise .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; }
.listFranchise .listArea .pagination a:hover { background-color: #e2e2e2; }
.listFranchise .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:8887; }
#storePosition .modalContent { width:25%; height:auto; 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; }
#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; }
#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:120px; padding:0 20px; margin:50px 0 0; background:#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:28px; font-weight:900; margin:0; }
.proposalTxt01 h5 { font-size:24px; font-weight:500; 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; }