/* Leaftlet list */

.popShow {overflow:hidden;}

.leafletArea {
    position:relative;
    background-color:#fafafa;
    /*min-height:calc(100vh - 3.3em);*/
}

.filter {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1.5em;
    height:3.3em;
    z-index: 1;
}

.filter span.placeInfo {
    position: relative;
    padding-left:1.3em;
    font-size:1.2em;
    background: url(../imgs/main/ic_location.png) no-repeat 0.1em 35%;
    background-size: 0.8em;
}

.filter select.filterSlt {
    padding-right:1.4em;
    font-size:1.2em;
    border:none;
    background:none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../imgs/leaflet/btn_list.png) no-repeat right 50%;
}

.leafletArea .leafletList {
    margin:0 auto;
    width:100%;
    height:calc(100vh - 9em - 0.1em) !important;
    max-width:1360px;
    overflow-x:hidden;
    overflow-y:auto;
}
.storage .leafletArea .leafletList {
    height:auto !important;
}
.leafletArea .leafletList li.dist_list,
.bannerArea .bannerList li.dist_list {
    position:relative;
}
.leafletArea .leafletList li.dist_list .checked,
.bannerArea .bannerList li.dist_list .checked {
    position:absolute;
    display:none;
    top:0.45em;
    right:0.45em;
    width:1.7em;
    height:1.7em;
}
.leafletArea .leafletList li.dist_list.select .checked,
.bannerArea .bannerList li.dist_list.select .checked {
    display:block;
}
.btn_area.distribution {
    position:absolute;
    bottom:1.5em;
    left:0;
    padding:0 1.5em;
    width:100%;
}
.leafletArea .leafletList li span,
.storage .makeList .storageList li span {
    display:block;
    padding:0.5em;
    line-height:0;
}

.leafletArea .leafletList li span img {
    border-radius:5px;
}

.bannerArea .bannerList {
    margin:0 auto;
    padding:0 1.5em;
    width:100%;
    height:calc(100vh - 9em - 0.1em) !important;
    overflow-x:hidden;
    overflow-y:auto;
}
.bannerArea .bannerList.distribute {
    padding-bottom:6em;
}

.bannerArea .bannerList li {
    margin-bottom:1.4em;
}
.bannerArea .bannerList li span {
    display:block;
    font-size:0;
}
.bannerArea .bannerList li.dist_list span.checked {
    font-size:1em;
}
.bannerArea .bannerList li span.bannerTit {
    margin-top:0.5em;
    font-size:1.15em;
}

/* accumulate list */
.accumulatedArea {
    background-color:#f0f0f0;
}
.accumulatedArea .accumList_top {
    background-color:#4677f6;
}
.accumulatedArea .accumList_top .accumulatedMoney {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    padding:1.5em;
    width:100%;
}

.accumulatedArea .accumList_top .accumulatedMoney a > span {
    display:block;
}

.accumulatedArea .accumList_top .accumulatedMoney a span.accumTit {
    font-size:1.15em;
    color:#ffd565;
}

.accumulatedArea .accumList_top .accumulatedMoney a span.accumMoney {
    margin-top:0.2em;
    font-size:1.5em;
    line-height:1;
    color:#fff;
}

.accumulatedArea .accumList_top .accumulatedMoney a span.accumMoney img.moneyArrow {
    margin-bottom:-0.12em;
    margin-left:0.45em;
}

.accumulatedArea .accumList_top .accumulatedMoney a span.accumMoney .money {
    margin-right:0.2em;
    font-size:1.5em;
    font-weight:700;
}

.accumulatedArea .accumList_top .accumulatedMoney a.withDrawal {
    padding:0 1.5em;
    color:#ffd565;
    font-size:1.25em;
    line-height:2.05em;
    border:0.1em solid #ffd565;
    border-radius:2.75em;
}

.accumulatedArea .advertising_info {
    margin-top:1em;
    padding:1.5em;
    background-color:#fff;
}

.accumulatedArea .advertising_info > ul {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.accumulatedArea .advertising_info > ul > li {
    width:calc((100% - 1.2em) / 4);
}
.accumulatedArea .advertising_info > ul > li span {
    display:block;
}
.accumulatedArea .advertising_info > ul > li span.aiTit {
    padding:0.5em;
    text-align:center;
    border:0.1em solid #f2f3f6;
}
.accumulatedArea .advertising_info > ul > li span.aiCont {
    padding:0.8em 0.5em;
    text-align:right;
}
.accumulatedArea .advertising_info .advertising_result {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0.8em 0 0;
    border-top:0.1em solid #f2f3f6;
}
.accumulatedArea .advertising_info .advertising_result span b {
    color:#4677f6;
}

.inquiryArea {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}

.inquiryArea span.bankInfo {
    padding:1.5em 0 1.5em 1.5em;
    color:#fff;
}
.inquiryArea a.inquiryOpen {
    margin-right:1.5em;
    width:1.05em;
}
.inquiryArea ul.inquiryList {
    display:none;
    padding:1.5em;
    width:100%;
    background-color:#fff;
}
.inquiryArea ul.inquiryList.open {
    display:block;
}

.inquiryArea ul li {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.inquiryArea ul li input.inquiryRadio {
    display:block;
    width:0;
    height:0;
    opacity:0;
}
.inquiryArea ul li label.inquiryLabel {
    display:block;
    margin:0 0.4em 1.25em 0;
    width:calc((100% - 1.2em) / 4);
    text-align:center;
    line-height:2.5em;
    background-color:#eaeaea;
}
.inquiryArea ul li label.inquiryLabel:last-child {
    margin-right:0;
}
.inquiryArea ul li input.inquiryRadio:checked + label.inquiryLabel {
    color:#4677f6;
}
.inquiryArea ul li input.inquiryInput {
    padding-left:1.5em;
    width:46.213%;
    height:3em;
    text-align:right;
    border:none;
    border-bottom:0.1em solid #e0e0e0;
    background:url(../imgs/sub/ic_calendar.png) no-repeat left center;
    background-size:1.35em;
}
.inquiryArea ul li.calendar {
    position:relative;
}
.inquiryArea ul li.calendar:before {
    content:'~';
    position:absolute;
    width:0.8em;
    height:0.8em;
    font-size:1.2em;
    text-align:center;
    line-height:0.8em;
    left:calc(50% - 0.4em);
    top:calc(50% - 0.4em);
}

.accumulatedArea .accumList {
    margin-top:1em;
    background-color:#fff;
}
.accumulatedArea .accumList .tableInfo {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1.5em;
}
.accumulatedArea .accumList .tableInfo select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:5em;
    font-size:1em;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 28'%3e%3cpath fill='%234677f6' d='M25%2c28L25%2c28c-0.5%2c0-1.1-0.2-1.4-0.6l-23-24c-0.8-0.8-0.7-2.1%2c0-2.8c0.8-0.8%2c2.1-0.8%2c2.8%2c0L25%2c23.1L46.6%2c0.6c0.8-0.8%2c2-0.8%2c2.8%2c0c0.8%2c0.8%2c0.8%2c2%2c0%2c2.8l-23%2c24C26.1%2c27.8%2c25.5%2c28%2c25%2c28z'/%3e%3c/svg%3e") no-repeat 95% 50%;
    background-size:1em;
    border:none;
}

.accumulatedArea .accumList .tableInfo select::-ms-expand {
    display:none;
}
.accumulatedArea .accumList .table {
    border-top:0.1em solid #f0f0f0;
}
.accumulatedArea .accumList .table ul li {
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:0.1em solid #f0f0f0;
}
.accumulatedArea .accumList .table ul li.th {
    padding:0.8em 1.5em;
    background-color:#fafafa;
}
.accumulatedArea .accumList .table ul li.td {
    padding:1.2em 1.5em;
}
.accumulatedArea .accumList .table ul li span {
    display:block;
    font-size:1.2em;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    letter-spacing:-0.025em;
}
.accumulatedArea .accumList .table ul li span.accumDate,
.accumulatedArea .accumList .table ul li span.accumCont {
    width:25%;
    text-align:left;
}
.accumulatedArea .accumList .table ul li span.accumCont p b {
    font-weight:400;
}
.accumulatedArea .accumList .table ul li span.accumCont p.condition b {
    color:#4677f6;
}
.accumulatedArea .accumList .table ul li span.accumCont p.success b {
    color:#ff7777;
}
.accumulatedArea .accumList .table ul li span.accumCost,
.accumulatedArea .accumList .table ul li span.accumBalance {
    width:20%;
    text-align:right;
}
.accumulatedArea .accumList .table ul li span.accumCost.plus {
    color:#4677f6;
}
.accumulatedArea .accumList .table ul li span.accumCost.minus {
    color:#ff7777;
}
.accumulatedArea .accumList .table ul li span.accumType {
    width:15%
}

/* paging */
.paging {
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:2.25em 1.75em 3.5em;
}
.board_area .paging {
    background-color:#fafafa;
}

.paginate {
    position: relative;
    margin:0;
    padding:0;
    width: 2em;
    height: 2em;
    cursor: pointer;
    background:none;
    border:none;
}
.paginate[data-state=disabled] {
    opacity: 0.3;
    cursor: default;
}
.counter {
    text-align: center;
    font-size: 1.2em;
    color: #aeaeae;
}
.counter span {
    color:#232323;
    font-weight:600;
}

/* distribution */
.page_guide {
    padding:1.5em;
}
.page_guide span {
    display:block;
    font-size:1.2em;
    text-align:center;
}

.distribute_top {
    padding:1.5em;
}
.distribute_top .stepArea {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:2em;
}
.distribute_top .stepArea li {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:2.25em;
    width:2.3em;
    height:2.3em;
    border-radius:50%;
    border:0.1em solid #4677f6;
}
.distribute_top .stepArea li.step:after {
    position:absolute;
    content:'';
    top:calc(50% - 2px);
    right:calc(-2.25em - 0.1em);
    width:2.3em;
    height:0.1em;
    background-color:#4677f6;
}
.distribute_top .stepArea li:last-child {
    margin-right:0;
}
.distribute_top .stepArea li.step:last-child:after {
    display:none;
}
.distribute_top .stepArea li span {
    display:block;
    text-align:center;
    color:#4677f6;
    font-weight:600;
}
.distribute_top .stepArea li.active {
    background-color:#4677f6;
}
.distribute_top .stepArea li.active span {
    color:#fff;
}

.distribute_top h2.stepTitle {
    font-size:1.8em;
    text-align:center;
    color:#4677f6;
}
.distribute_top p.stepText {
    margin:2em auto 2.8em;
    text-align:center;
    word-break:keep-all;
}
.distribute_content span.cost_guide {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:0 1.5em;
    padding-bottom:0.5em;
    font-size:1em;
    border-bottom:0.1em solid #eaeaea;
}
.distribute_content .distPlace.result span.cost_guide {
    width:100%;
    margin:0;
    border:none;
}
.distribute_content span.cost_guide img {
    margin-right:0.5em;
    width:1em;
}
.distribute_content ul.dist_grade {
    padding:0 1.5em;
}
.distribute_content ul.dist_grade li {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1.3em 0;
    border-bottom:0.1em solid #eaeaea;
}
.distribute_content ul.dist_grade li span {
    display:block;
    width:60%;
    font-size:1.7em;
    font-weight:600;
    letter-spacing:-0.025em;
    color:#232323;
}
.distribute_content ul.dist_grade li span small {
    display:block;
    font-size:0.575em;
    font-weight:500;
    color:#a0a0a0;
}
.distribute_content ul.dist_grade li select {
    display:block;
    padding:0 0.5em;
    width:38.6%;
    font-size:1.35em;
    height:2.2225em;
    border:0.1em solid #e0e0e0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 28'%3e%3cpath fill='%23232323' d='M25%2c28L25%2c28c-0.5%2c0-1.1-0.2-1.4-0.6l-23-24c-0.8-0.8-0.7-2.1%2c0-2.8c0.8-0.8%2c2.1-0.8%2c2.8%2c0L25%2c23.1L46.6%2c0.6c0.8-0.8%2c2-0.8%2c2.8%2c0c0.8%2c0.8%2c0.8%2c2%2c0%2c2.8l-23%2c24C26.1%2c27.8%2c25.5%2c28%2c25%2c28z'/%3e%3c/svg%3e") no-repeat 95% 50%;
    background-size:1em;
}

.distribute_content .dist_detail {
    position:relative;
    background-color:#f2f3f6;
}
.distribute_content .dist_detail .dist_info {
    display:flex;
    justify-content:flex-start;
    align-items:stretch;
    padding:0 1.5em 2em;
    background-color:#fff;
}
.distribute_content.banner .dist_detail .dist_info {
    flex-wrap:wrap;
}
.distribute_content .dist_detail .dist_info2 {
    margin-bottom:1em;
    padding:0 1.5em;
    background-color:#fff;
}
.distribute_content .dist_detail .dist_info img {
    display:block;
    margin-right:2.3%;
    width:24.2%;
}
.distribute_content.banner .dist_detail .dist_info img {
    margin-right:0;
    margin-bottom:0.75em;
    width:100%;
}
.distribute_content .dist_detail .dist_info ul.infoArea {
    padding:1.3em;
    width:73.5%;
    border:0.1em solid #eaeaea;
}
.distribute_content.banner .dist_detail .dist_info ul.infoArea {
    width:100%;
}
.distribute_content .dist_detail .dist_info ul.infoArea li {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
}
.distribute_content .dist_detail .dist_info ul.infoArea li:first-child {
    justify-content:flex-end;
}
.distribute_content .dist_detail .dist_info ul.infoArea li:nth-child(2) {
    margin:1.5em 0 1em;
}
.distribute_content .dist_detail .dist_info ul.infoArea li > span {
    display:block;
}
.distribute_content .dist_detail .dist_info ul.infoArea li > span.bankNum {
    padding:0.25em 0.5em;
    font-size:1.05em;
    background-color:#f0f0f0;
}
.distribute_content .dist_detail .dist_info ul.infoArea li > span.infoTit {
    font-size:1.15em;
    color:#a0a0a0;
}
.distribute_content .dist_detail .dist_info ul.infoArea li > span.distPrice {
    font-size:1.3em;
}
.distribute_content .dist_detail .dist_info ul.infoArea li > span.distPrice b {
    font-size:1.2em;
}
.distribute_content .dist_detail .dist_info ul.infoArea li > span.distType {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    font-size:1.2em;
}
.distribute_content .dist_detail .dist_info ul.infoArea li > span.distType span.type1:after {
    content:'';
    display:inline-block;
    padding:0 0.4em;
    width:0.375em;
    height:0.7085em;
    background:url(../imgs/sub/ic_process.png) no-repeat center;
    background-size:0.375em;
}
.distribute_content .dist_detail .dist_info2 .distPlace {
    padding-bottom:2.5em;
}
.distribute_content .dist_detail .dist_info2 .distPlace.more {
    padding:1.5em 0;
    border-top:0.1em solid #eaeaea;
}
.distribute_content .dist_detail .dist_info2 .distPlace.more.bdn {
    border:none;
}
.distribute_content .dist_detail .dist_info2 .distPlace.result {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1.5em 0;
    border-top:0.1em solid #eaeaea;
}
.distribute_content.banner .dist_detail .dist_info2 .distPlace.result {
    flex-wrap:wrap;
}
.distribute_content .dist_detail .dist_info2 .distPlace.result span.distPrice {
    font-size:1.2em;
}
.distribute_content .dist_detail .dist_info2 .distPlace.result span.distPrice b {
    font-size:1.2em;
}
.distribute_content .dist_detail .dist_info2 .distPlace .stit {
    font-size:1.25em;
}
.distribute_content .dist_detail .dist_info2 .distPlace .stit img {
    margin-left:0.25em;
    width:0.8em;
}
.distribute_content .dist_detail .dist_info2 .distPlace.more ul#accordion1 > li > h3 {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.distribute_content .dist_detail .dist_info2 .distPlace.more ul#accordion1 > li > h3 span {
    font-weight:400;
    color:#4677f6;
}
.distribute_content .dist_detail .dist_info2 .distPlace.more ul#accordion1 > li > h3 > img {
    width:0.5em;
    transform:rotate(90deg);
    transition:.3s;
}
.distribute_content .dist_detail .dist_info2 .distPlace.more ul#accordion1 > li.active > h3 > img {
    transform:rotate(270deg);
}
.distribute_content .dist_detail .dist_info2 .distPlace.more ul#accordion1 > li > ul.submenu {
    display:none;
    margin:1.5em 0 0;
}
.distribute_content .dist_detail .dist_info2 .distPlace.more ul#accordion1 > li > ul.submenu li.sltResult {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:0.5em 0;
}
.distribute_content .dist_detail .dist_info2 .distPlace.more ul#accordion1 > li > ul.submenu li.sltResult span.srTit {
    margin-right:2%;
    width:20%;
    color:#a0a0a0;
}
.distribute_content .dist_detail .dist_info2 .distPlace.more ul#accordion1 > li > ul.submenu li.sltResult p.srCont {
    width:78%;
}
.distribute_content .dist_detail .dist_info2 .input_area {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    margin-top:0.8em;
}
.distribute_content .dist_detail .dist_info2 .distPlace.more .input_area {
    justify-content:space-between;
}
.distribute_content .dist_detail .dist_info2 .input_area .distRadio {
    width:0;
    height:0;
    opacity:0;
}
.distribute_content .dist_detail .dist_info2 .input_area .radioLabel {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin-right:3em;
}
.distribute_content .dist_detail .dist_info2 .input_area .radioLabel:last-child {
    margin-right:0;
}
.distribute_content .dist_detail .dist_info2 .input_area .radioLabel span.radioBtn {
    position:relative;
    display:block;
    width:1.8em;
    height:1.8em;
    border-radius:50%;
    border:0.1em solid #c0c0c0;
    box-sizing:border-box;
}
.distribute_content .dist_detail .dist_info2 .input_area .radioLabel span.radioBtn:before {
    position:absolute;
    content:'';
    display:none;
    top:calc(50% - 0.45em);
    left:calc(50% - 0.45em);
    width:0.9em;
    height:0.9em;
    border-radius:50%;
    background-color:#4677f6;
}

.distribute_content .dist_detail .dist_info2 .input_area .distRadio:checked + label span.radioBtn:before {
    display:block;
}
.distribute_content .dist_detail .dist_info2 .input_area .radioLabel span.label {
    margin-left:0.5em;
    font-size:1.35em;
}
.distribute_content .dist_detail .dist_info2 .input_area .distInp {
    display:block;
    margin:0.8em 3.9% 0 0;
    width:77.3%;
    font-size:1.25em;
    line-height:1.85em;
    border:none;
    border-bottom:0.1em solid #eaeaea;
}
.distribute_content .dist_detail .dist_info2 .input_area .distInp.quantity {
    margin:0.8em 0;
    width:calc(100% - 7em);
    height:2.4em;
    text-align:center;
}
.distribute_content .dist_detail .dist_info2 .input_area .distBtn {
    margin-top:0.8em;
    width:18.8%;
    color:#4677f6;
    font-size:1.25em;
    line-height:1.85em;
    border-radius:50px;
    border:0.1em solid #4677f6;
}
.distribute_content .dist_detail .dist_info2 .input_area .quantity_control {
    width:3em;
    height:3em;
    border:0.1em solid #c0c0c0;
}

.distribute_content .dist_detail .dist_info2 .input_area select.sltAge {
    width:45%;
    height:2em;
    border:none;
    border-bottom:0.1em solid #eaeaea;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 28'%3e%3cpath fill='%23232323' d='M25%2c28L25%2c28c-0.5%2c0-1.1-0.2-1.4-0.6l-23-24c-0.8-0.8-0.7-2.1%2c0-2.8c0.8-0.8%2c2.1-0.8%2c2.8%2c0L25%2c23.1L46.6%2c0.6c0.8-0.8%2c2-0.8%2c2.8%2c0c0.8%2c0.8%2c0.8%2c2%2c0%2c2.8l-23%2c24C26.1%2c27.8%2c25.5%2c28%2c25%2c28z'/%3e%3c/svg%3e") no-repeat 95% 50%;
    background-size:1em;
}
.distribute_content .dist_detail .dist_info2 .input_area span.swung {
    width:10%;
    font-size:1.5em;
    text-align:center;
}

.distribute_content .dist_detail .dist_info3 {
    background-color:#fff;
}
.distribute_content .dist_detail .dist_info3 > h2 {
    padding:1em 1.11111em;
    font-size:1.35em;
    font-weight:400;
    text-align:center;
    border-bottom:0.1em solid #eaeaea;
}
.distribute_content .dist_detail .dist_info3 > ul > li {
    border-bottom:0.1em solid #eaeaea;
}
.distribute_content .dist_detail .dist_info3 ul li h3 {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1.2em 1.5em;
    background-color:#f2f3f7;
}
.distribute_content .dist_detail .dist_info3 ul li h3 img.navArrow {
    margin-left:auto;
    width:0.625em;
    line-height:0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity:0.5;
}
.distribute_content .dist_detail .dist_info3 ul li.active h3 img.navArrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity:1;
}

.distribute_content .dist_detail .dist_info3 ul li h3 span {
    font-size:1.25em;
    font-weight:400;
}
.distribute_content .dist_detail .dist_info3 ul li h3 small {
    margin-left:1.5em;
    color:#cacaca;
    font-weight:400;
}
.distribute_content .dist_detail .dist_info3 ul li ul.submenu {
    display:none;
    padding:2.5em 1.5em;
}
.distribute_content .dist_detail .dist_info3 .distPlace {
    padding-bottom:3em;
}
.distribute_content .dist_detail .dist_info3 li:last-child > .distPlace {
    padding-bottom:0;
}
.distribute_content .dist_detail .dist_info3 .distPlace .stit {
    font-size:1.25em;
}
.distribute_content .dist_detail .dist_info3 .distPlace .stit img {
    margin-left:0.25em;
    width:0.8em;
}

.distribute_content .dist_detail .dist_info3 .input_area {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    margin-top:0.8em;
}
.distribute_content .dist_detail .dist_info3 .input_area .chkList {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    width:100%;
}
.distribute_content .dist_detail .dist_info3 .input_area .input_area.depth2 {
    margin:1.2em auto;
    width:100%;
}
.distribute_content .dist_detail .dist_info3 .input_area .chkList > span.chk_guide,
.distribute_content .dist_detail .dist_info3 .input_area .input_area.depth2 span.chk_guide {
    display:block;
    margin-bottom:0.5em;
    width:100%;
    color:#ff7777;
}

.distribute_content .dist_detail .dist_info3 .input_area .distRadio {
    width:0;
    height:0;
    opacity:0;
}
.distribute_content .dist_detail .dist_info3 .input_area .radioLabel {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:0 1.5% 0.5em 0;
    padding:0;
    width:31.5%;
    box-sizing:border-box;
}
.distribute_content .dist_detail .dist_info3 .input_area .radioLabel.rzero,
.distribute_content .dist_detail .dist_info3 .input_area .radioLabel:last-child {
    margin-right:0;
}
.distribute_content .dist_detail .dist_info3 .input_area .radioLabel span.radioBtn {
    position:relative;
    display:block;
    width:1.8em;
    height:1.8em;
    border-radius:50%;
    border:0.1em solid #c0c0c0;
    box-sizing:border-box;
}
.distribute_content .dist_detail .dist_info3 .input_area .input_area .radioLabel span.radioBtn {
    border-radius:0;
}
.distribute_content .dist_detail .dist_info3 .input_area .radioLabel span.radioBtn:before {
    position:absolute;
    content:'';
    display:none;
    top:calc(50% - 0.45em);
    left:calc(50% - 0.45em);
    width:0.9em;
    height:0.9em;
    border-radius:50%;
    background-color:#4677f6;
}
.distribute_content .dist_detail .dist_info3 .input_area .input_area .radioLabel span.radioBtn:before {
    border-radius:0;
}

.distribute_content .dist_detail .dist_info3 .input_area .distRadio:checked + label span.radioBtn:before {
    display:block;
}
.distribute_content .dist_detail .dist_info3 .input_area .radioLabel span.label {
    margin-left:0.5em;
    width:calc(100% - 2.1em);
    font-size:1.35em;
}
.distribute_content .dist_detail .dist_info3 .input_area .input_area .radioLabel span.label {
    font-size:1.15em;
}
.distribute_content .dist_detail .dist_info3 .input_area .distInp {
    display:block;
    margin:0.8em 3.9% 0 0;
    width:77.3%;
    font-size:1.25em;
    line-height:1.85em;
    border:none;
    border-bottom:0.1em solid #eaeaea;
}
.distribute_content .dist_detail .dist_info3 .input_area .distBtn {
    margin-top:0.8em;
    width:18.8%;
    color:#4677f6;
    font-size:1.25em;
    line-height:1.85em;
    border-radius:50px;
    border:0.1em solid #4677f6;
}

.distribute_content .dist_detail .dist_info3 .input_area select.sltAge {
    width:45%;
    height:2em;
    border:none;
    border-bottom:0.1em solid #eaeaea;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 28'%3e%3cpath fill='%23232323' d='M25%2c28L25%2c28c-0.5%2c0-1.1-0.2-1.4-0.6l-23-24c-0.8-0.8-0.7-2.1%2c0-2.8c0.8-0.8%2c2.1-0.8%2c2.8%2c0L25%2c23.1L46.6%2c0.6c0.8-0.8%2c2-0.8%2c2.8%2c0c0.8%2c0.8%2c0.8%2c2%2c0%2c2.8l-23%2c24C26.1%2c27.8%2c25.5%2c28%2c25%2c28z'/%3e%3c/svg%3e") no-repeat 95% 50%;
    background-size:1em;
}
.distribute_content .dist_detail .dist_info3 .input_area span.swung {
    width:10%;
    font-size:1.5em;
    text-align:center;
}
.distribute_content .dist_detail .dist_info3 .input_area span.unit {
    margin:0.8em 0 0;
    font-size:1.25em;
    line-height:1.85em;
}


.btn_area.distribution.step {
    position:relative;
    bottom:auto;
    padding-top:3em;
    padding-bottom:1.5em;
    background-color:#f2f3f7;
}

/* storage */
.storage_index {
    padding-bottom:0.002em;
    min-height:100%;
    background-color:#fafafa;
}
.storage_index h1 {
    margin:0 auto;
    padding-top:3.75em;
    font-size:1em;
}
.storage_index h1 img {
    display:block;
    margin:0 auto;
    width:19.5%;
}

.storage_index .storage_menu {
    margin:3em 1.5em;
    width:calc(100% - 3em);
}
.storage_index .storage_menu ul li {
    margin-bottom:0.45em;
    padding:1.5em 2em;
    background-color:#fff;
    border:0.1em solid #4677f6;
}
.storage_index .storage_menu ul li a {
    display:block;
    background:url(../imgs/common/btn_go.png) no-repeat right center;
    background-size:0.6em;
}
.storage_index .storage_menu ul li span.name {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    font-size:1.5em;
    font-weight:600;
}
.storage_index .storage_menu ul li span.name span.alert {
    display:none;
    margin-left:0.5em;
    width:1em;
    line-height:1em;
    padding:0.2em;
    font-size:0.6em;
    text-align:center;
    font-weight:400;
    color:#fff;
    background-color:#ff7777;
    border-radius:50%;
}
.storage_index .storage_menu ul li span.name span.alert.active {
    display:block;
}
.storage_index .storage_menu ul li p.description {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    font-size:0.9em;
    color:#898989;
}
.storage_index .storage_menu ul li p.description img {
    margin-right:0.25em;
    width:1em;
}
.storage .inquiryArea {
    margin-bottom:1em;
}
.storage .makeList {
    background-color:#fff;
}
.storage .makeList span.date {
    display:block;
    padding:1.5em 1.5em 1em;
    font-weight:600;
}

/* 내정보 */

.myInfo_area {
    background-color:#f0f0f0;
}
.btn_area.myInfo {
    padding:1.5em;
}
.myInfo_area .myInfo_top {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    padding:1.5em;
    border-bottom:0.1em solid #eaeaea;
    background-color:#fff;
}
.myInfo_area .myInfo_top span.userName {
    font-size:1em;
}
.myInfo_area .myInfo_top span.userName small {
    display:block;
    color:#4677f6;
}
.myInfo_area .myInfo_top span.userName b {
    font-size:1.8em;
}
.myInfo_area .myInfo_top span.alertReg {
    display:none;
    padding:0.25em 0.75em;
    color:#ff7777;
    border:0.1em solid #ff7777;
    border-radius:1.5em;
}
.myInfo_area .myInfo_top span.alertReg.active {
    display:block;
}
.myInfo_area .myInfo_contents > ul > li {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:1em;
    padding:2em 1.5em;
    border-top:0.1em solid #eaeaea;
    border-bottom:0.1em solid #eaeaea;
    background-color:#fff;
}
.myInfo_area .myInfo_contents > ul > li:last-child {
    border-bottom:none;
}
.myInfo_area .myInfo_contents ul li.accordion {
    display:block;
    padding:0;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li {
    border-bottom:0.1em solid #fff;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .distPlace {
    padding-bottom:3em;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li:last-child .distPlace {
    padding-bottom:0;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .distPlace .stit {
    font-size:1.25em;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .distPlace .stit img {
    margin-left:0.25em;
    width:0.8em;
}

.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    margin-top:0.8em;
    width:100%;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .chkList {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    width:100%;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .input_area.depth2 {
    margin:1.2em auto;
    width:100%;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .chkList > span.chk_guide,
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .input_area.depth2 span.chk_guide {
    display:block;
    margin-bottom:0.5em;
    width:100%;
    color:#ff7777;
}

.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .distRadio {
    width:0;
    height:0;
    opacity:0;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .radioLabel {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:0 1.5% 0.5em 0;
    padding:0;
    width:31.5%;
    box-sizing:border-box;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .radioLabel.rzero,
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .radioLabel:last-child {
    margin-right:0;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .radioLabel span.radioBtn {
    position:relative;
    display:block;
    width:1.8em;
    height:1.8em;
    border-radius:50%;
    border:0.1em solid #c0c0c0;
    box-sizing:border-box;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .input_area .radioLabel span.radioBtn {
    border-radius:0;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .radioLabel span.radioBtn:before {
    position:absolute;
    content:'';
    display:none;
    top:calc(50% - 0.45em);
    left:calc(50% - 0.45em);
    width:0.9em;
    height:0.9em;
    border-radius:50%;
    background-color:#4677f6;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .input_area .radioLabel span.radioBtn:before {
    border-radius:0;
}

.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .distRadio:checked + label span.radioBtn:before {
    display:block;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .radioLabel span.label {
    margin-left:0.5em;
    width:calc(100% - 2.1em);
    font-size:1.35em;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .input_area .radioLabel span.label {
    font-size:1.15em;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .distInp {
    display:block;
    margin:0.8em 3.9% 0 0;
    width:77.3%;
    font-size:1.25em;
    line-height:1.85em;
    border:none;
    border-bottom:0.1em solid #eaeaea;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area .distBtn {
    margin-top:0.8em;
    width:18.8%;
    color:#4677f6;
    font-size:1.25em;
    line-height:1.85em;
    border-radius:50px;
    border:0.1em solid #4677f6;
}

.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area select.sltAge {
    padding:0;
    width:45%;
    height:2em;
    border:none;
    border-bottom:0.1em solid #eaeaea;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 28'%3e%3cpath fill='%23232323' d='M25%2c28L25%2c28c-0.5%2c0-1.1-0.2-1.4-0.6l-23-24c-0.8-0.8-0.7-2.1%2c0-2.8c0.8-0.8%2c2.1-0.8%2c2.8%2c0L25%2c23.1L46.6%2c0.6c0.8-0.8%2c2-0.8%2c2.8%2c0c0.8%2c0.8%2c0.8%2c2%2c0%2c2.8l-23%2c24C26.1%2c27.8%2c25.5%2c28%2c25%2c28z'/%3e%3c/svg%3e") no-repeat 95% 50%;
    background-size:1em;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area span.swung {
    width:10%;
    font-size:1.5em;
    text-align:center;
}
.myInfo_area .myInfo_contents ul li.accordion > ul > li > ul.submenu li .input_area span.unit {
    margin:0.8em 0 0;
    font-size:1.25em;
    line-height:1.85em;
}
.myInfo_area .myInfo_contents ul li.accordion ul li h3 {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1.2em 1.5em;
    background-color:#eeedfb;
}
.myInfo_area .myInfo_contents ul li.accordion ul li h3 img.navArrow {
    margin-left:auto;
    width:0.625em;
    line-height:0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity:0.5;
}
.myInfo_area .myInfo_contents ul li.accordion ul li.active h3 img.navArrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity:1;
}
.myInfo_area .myInfo_contents ul li.accordion ul li h3 span {
    font-size:1.25em;
    font-weight:400;
}
.myInfo_area .myInfo_contents ul li.accordion ul li h3 small {
    margin-left:1.5em;
    color:#cacaca;
    font-weight:400;
}
.myInfo_area .myInfo_contents ul li.accordion ul li ul.submenu {
    display:none;
    padding:2em 1.5em;
}
.myInfo_area .myInfo_contents ul li.accordion ul li ul.submenu li.sltResult {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin:0.5em 0;
}
.myInfo_area .myInfo_contents ul li.accordion ul li ul.submenu li.sltResult span.srTit {
    margin-right:2%;
    width:20%;
    color:#a0a0a0;
}
.myInfo_area .myInfo_contents ul li.accordion ul li ul.submenu li.sltResult p.srCont {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:78%;
}
.myInfo_area .myInfo_contents ul li.accordion ul li ul.submenu li.sltResult p.srCont a.goBtn {
    width:auto;
}
.myInfo_area .myInfo_contents > ul > li span.guideText {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:1em 2.2em 2em;
    font-size:0.8em;
}
.myInfo_area .myInfo_contents > ul > li span.guideText img {
    margin-right:0.5em;
    width:1em;
    height:1em;
}
.myInfo_area .myInfo_contents ul li span.list_tit {
    width:20%;
    color:#898989;
    font-size:1.1em;
}
.myInfo_area .myInfo_contents ul li span.list_cont {
    width:60%;
    font-size:1.1em;
}
.myInfo_area .myInfo_contents ul li span.list_cont.address span {
    display:block;
}
.myInfo_area .myInfo_contents ul li a.goBtn {
    width:20%;
    color:#4677f6;
    text-align:right;
}

/* myInfo edit */
.myInfo_area .myInfo_contents .input_area.GPS {
    position: relative;
    width:auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.GPS_switch {
    display: none;
}

.GPS-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #e0e0e0;
    border-radius: 2em;
}

.GPS-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.GPS-inner:before, .GPS-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 2.5em;
    padding: 0;
    line-height: 2.5em;
    font-size: 0.7em;
    color: black;
    box-sizing: border-box;
}

.GPS-inner:before {
    content: "ON";
    padding:0 1.5em 0 0.5em;
    background-color: #fff;
    color: #a0a0a0;
}

.GPS-inner:after {
    content: "OFF";
    padding-right:0.5em;
    color: #a0a0a0;
    text-align: right;
}

.GPS-switch {
    display: block;
    width:2.2em;
    height:2.2em;
    position: absolute;
    top:-0.2em;
    left:-0.2em;
    border: 2px solid #4677f6;
    background-color:#fff;
    border-radius: 2em;
    transition: all 0.3s ease-in 0s;
    box-shadow:0 0.2em 0.4em rgba(74,79,205,0.3);
}

.GPS_switch:checked + .GPS-label .GPS-inner {
    margin-left: 0;
}

.GPS_switch:checked + .GPS-label .GPS-switch {
    left:calc(100% - 2em);
    background-color:#4677f6;
}

.myInfo_area .myInfo_contents .input_area {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
    width:80%;
}
.myInfo_area .myInfo_contents .input_area label {
    display:block;
    margin-top:0.8em;
    width:100%;
}
.myInfo_area .myInfo_contents .input_area.GPS label {
    margin:0;
}
.myInfo_area .myInfo_contents .input_area label:first-child {
    margin-top:0;
}
.myInfo_area .myInfo_contents .input_area.email label {
    margin-top:0;
}
.myInfo_area .myInfo_contents .input_area.multiLine label {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}
.myInfo_area .myInfo_contents .input_area input[type="text"],
.myInfo_area .myInfo_contents .input_area input[type="password"],
.myInfo_area .myInfo_contents .input_area select {
    padding:0.6em 0;
    height:2.5em;
    border:none;
    border-bottom:0.1em solid #eaeaea;
}
.myInfo_area .myInfo_contents .input_area select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 28'%3e%3cpath fill='%23232323' d='M25%2c28L25%2c28c-0.5%2c0-1.1-0.2-1.4-0.6l-23-24c-0.8-0.8-0.7-2.1%2c0-2.8c0.8-0.8%2c2.1-0.8%2c2.8%2c0L25%2c23.1L46.6%2c0.6c0.8-0.8%2c2-0.8%2c2.8%2c0c0.8%2c0.8%2c0.8%2c2%2c0%2c2.8l-23%2c24C26.1%2c27.8%2c25.5%2c28%2c25%2c28z'/%3e%3c/svg%3e") no-repeat 95% 50%;
    background-size:1em;
}
.myInfo_area .myInfo_contents .input_area span.warningText {
    display:none;
    margin-top:0.4em;
    padding:0.1em 0 0 1.5em;
    font-size:0.7em;
    line-height:0.9em;
    color:#ff7777;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3e%3cpath fill='%23F77' fill-rule='evenodd' d='M18 36C8.059 36 0 27.941 0 18S8.059 0 18 0s18 8.059 18 18-8.059 18-18 18zm0-32C10.268 4 4 10.268 4 18s6.268 14 14 14 14-6.268 14-14S25.732 4 18 4zm0 25a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-8a3 3 0 0 1-3-3v-8a3 3 0 1 1 6 0v8a3 3 0 0 1-3 3z'/%3e%3c/svg%3e") no-repeat left 0;
    background-size:0.9em;
}
.myInfo_area .myInfo_contents .input_area span.warningText.active {
    display:block;
}
.myInfo_area .myInfo_contents .input_area button.btn {
    display:block;
    align-self:flex-start;
    margin-top:0.2em;
    font-size:1.2em;
    height:1.9em;
    line-height:1.9em;
    color:#d0d0d0;
    border:0.1em solid #d0d0d0;
    border-radius:2.5em;
}
.myInfo_area .myInfo_contents .input_area button.btn.scd {
    margin-top:0.95em;
}
.myInfo_area .myInfo_contents .input_area button.btn:hover,
.myInfo_area .myInfo_contents .input_area button.btn:focus,
.myInfo_area .myInfo_contents .input_area button.btn.active {
    color:#4677f6;
    border-color:#4677f6;
}
.myInfo_area .myInfo_contents .input_area.multiLine span.atMark {
    margin-top:0.5em;
    text-align:center;
}

/* app introduce */
.introduce_area section {
    padding:5em 0;
}
.introduce_area section:nth-child(even) {
    background-color:#ededfa;
}
.introduce_area section img {
    display:block;
    margin:0 auto 3.5em;
}
.introduce_area section.section01 img {
    width:24.25em;
}
.introduce_area section.section02 img {
    width:24.15em;
}

.introduce_area section span.intro_slogan {
    display:block;
    margin:0 auto 2em;
    width:100%;
    color:#4677f6;
    font-size:1.2em;
    text-align:center;
    line-height:1.2em;
    word-break:keep-all;
    font-weight:600;
}

.introduce_area section p {
    margin:0 auto;
    width:80%;
    text-align:center;
    word-break:keep-all;
}
/* board area */
.board_area .board_tabs {
    padding:0.5em 1em;
    border-bottom:0.1em solid #969696;
}
.board_area .board_tabs ul {
    display:flex;
    justify-content:center;
    align-items:center;
}
.board_area .board_tabs ul li {
    position:relative;
    margin:0 -0.05em;
    width:calc((100% / 4) + 0.1em);
    border:0.1em solid #999;
}
.board_area .board_tabs ul li:last-child {
    margin-right:0;
    width:calc(100% / 4);
}
.board_area .board_tabs ul li a {
    display:block;
    padding:0.25em;
    width:100%;
    font-size:0.75em;
    text-align:center;
    box-sizing:border-box;
}
.board_area .board_tabs ul li.active {
    background-color:#4677f6;
    border-color:#4677f6;
    z-index:1;
}
.board_area .board_tabs ul li.active a {
    color:#fff;
}
/* FAQ */
.board_area .searchArea {
    padding:0.5em 1em;
    background-color:#fafafa;
    border-bottom:0.1em solid #969696;
}
.board_area .searchArea .input_area {
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    background-color:#fff;
    border:0.1em solid #b8b8b8;
}
.board_area .searchArea .input_area input {
    width:calc(100% - 3.5em);
    padding:0.5em;
    border:none;
    background:none;
}
.board_area .searchArea .input_area button {
    display:flex;
    justify-content:center;
    align-items:center;
    width:3.5em;
    height:2.5em;
}
.board_area .searchArea .input_area button img {
    width:1.25em;
}

.board_area .tbl_caption {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0.5em 1em;
    border-bottom:0.1em solid #969696;
}
.board_area .tbl_caption p.caption {
    font-size:0.75em;
}
.board_area .tbl_caption a.brd_btn {
    display:table;
    padding:0.25em 1em;
    font-size:0.7em;
    border:0.1em solid #969696;
}

.board_area .brd_contents .accordion > ul > li {
    border-bottom:0.1em solid #eaeaea;
}
.board_area .brd_contents .accordion > ul > .noContents{
    padding: 0.75em;
}
.board_area .brd_contents .accordion > ul > li .submenu,
.board_area .brd_contents .detail_cont {
    display:none;
    padding:2em 1em;
    border-top:0.1em solid #eaeaea;
}
.board_area .FAQ_contents .accordion > ul > li .submenu {
    padding:1.5em;
}
.board_area .accordion > ul > li h3 {
    align-items:center;
}
.board_area .brd_contents .accordion > ul > li a,
.board_area .brd_contents .detail_top,
.board_area .brd_contents .accordion > ul > li .submenu .accordion_inner,
.board_area .brd_contents .detail_cont {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
}
.board_area .brd_contents .accordion > ul > li a,
.board_area .brd_contents .detail_top {
    align-items:center;
    padding:0.5em 1em;
    font-size:1em;
    font-weight:400;
}
.board_area .brd_contents .accordion > ul > li .submenu .commentArea,
.board_area .brd_contents .detail_cont .surveyArea,
.board_area .brd_contents .detail_cont .commentArea{
    padding:1em;
    width:100%;
    border:0.1em solid #c8c8c8;
}
.board_area .brd_contents .detail_cont .fileArea{
    padding:1em 0;
    width:100%;
    border: none;
}
.board_area .brd_contents .detail_cont .surveyArea {
    margin-bottom:1em;
}
.board_area .brd_contents .accordion > ul > li .submenu .commentArea span,
.board_area .brd_contents .detail_cont .surveyArea > span,
.board_area .brd_contents .detail_cont .commentArea span,
.board_area .brd_contents .detail_cont .fileArea span{
    display:block;
    width:100%;
    margin-bottom:0.5em;
    padding-bottom:0.25em;
    font-size:0.8em;
    border-bottom:0.1em solid #eaeaea;
}
.board_area .brd_contents .detail_cont .surveyArea .survey_list li {
    margin-bottom:1em;
}
.board_area .brd_contents .detail_cont .surveyArea .survey_list li:last-child {
    margin-bottom:0;
}
.board_area .brd_contents .detail_cont .surveyArea .survey_list li p {
    margin-bottom:0.5em;
}
.board_area .brd_contents .detail_cont .surveyArea .survey_list li .input_area {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding-left:0.8em;
}
.board_area .brd_contents .detail_cont .surveyArea .survey_list li .input_area > input {
    border:0.1em solid #969696;
}
.board_area .brd_contents .detail_cont .surveyArea .survey_list li .input_area label {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin-right:0.5em;
    width:auto;
}
.board_area .brd_contents .detail_cont .surveyArea .survey_list li .input_area label input {
    display:block;
    margin-right:0.25em;
    width:0.75em;
    height:0.75em;
}
.board_area .brd_contents .detail_cont .surveyArea .survey_list li .input_area label span {
    display:block;
    font-size:0.6em;
    line-height:1em;
}
.board_area .brd_contents .accordion > ul > li .submenu .commentArea .cmt_write,
.board_area .brd_contents .detail_cont .commentArea .cmt_write,
.board_area .brd_contents .detail_cont .commentList .cmt_update {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-items:center;
    width:100%;
}
.board_area .brd_contents .accordion > ul > li .submenu .commentArea .cmt_write input,
.board_area .brd_contents .detail_cont .commentArea .cmt_write input,
.board_area .brd_contents .detail_cont .commentList .cmt_update input {
    display:block;
    margin-bottom:0.5em;
    padding:1em 0.5em;
    width:100%;
    font-size:0.7em;
    border:0.15em solid #969696;
}
.board_area .brd_contents .accordion > ul > li .submenu .commentArea .cmt_write button.cmt_submit,
.board_area .brd_contents .detail_cont .commentArea .cmt_write button.cmt_submit {
    display:table;
    padding:0.25em 1em;
    font-size:0.6em;
    border-radius:5em;
    border:0.2em solid #969696;
}

.board_area .brd_contents .accordion > ul > li .submenu .commentList,
.board_area .brd_contents .accordion > ul > li .submenu .commentList > div,
.board_area .brd_contents .detail_cont .commentList,
.board_area .brd_contents .detail_cont .commentList > div {
    width:100%;
}
.board_area .brd_contents .accordion > ul > li .submenu .commentList > div .cmt_list,
.board_area .brd_contents .detail_cont .commentList > div .cmt_list {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    padding:0.5em;
    width:100%;
    border-bottom:0.1em solid #eaeaea;
}
.board_area .brd_contents .detail_cont .commentList > div .cmt_list.mine {
    background-color:rgba(70,119,246,.1);
}
.board_area .brd_contents .accordion > ul > li .submenu .commentList > div .cmt_list p,
.board_area .brd_contents .detail_cont .commentList > div .cmt_list p {
    display:block;
    margin:0;
}
.board_area .brd_contents .accordion > ul > li .submenu .commentList > div .cmt_list p.cmt_text,
.board_area .brd_contents .detail_cont .commentList > div .cmt_list p.cmt_text {
    width:calc(100% - 10em);
    word-break: keep-all;
}
.board_area .brd_contents .accordion > ul > li .submenu .commentList > div .cmt_list p.cmt_writer,
.board_area .brd_contents .detail_cont .commentList > div .cmt_list p.cmt_writer {
    margin-left:1em;
    width:9em;
    text-align:right;
}
.board_area .brd_contents .detail_cont .commentList > div .cmt_list.mine .btn_area {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding:0.5em 0 0;
    margin-top:0.5em;
    width:100%;
}
.board_area .brd_contents .detail_cont .commentList > div .cmt_list.mine .btn_area button,
.board_area .brd_contents .detail_cont .commentList .cmt_update button {
    display:table;
    margin-left:0.5em;
    padding:0.25em 1em;
    font-size:0.6em;
    line-height:1em;
    border-radius:5em;
    border:0.15em solid #b8b8b8;
}

.board_area .brd_contents .accordion > ul > li a span.brdNum,
.board_area .brd_contents .detail_top span.brdNum {
    width:2em;
    color:#4677f6;
    font-size:2em;
}
.board_area .brd_contents.freeShare .accordion > ul > li a img {
    margin-right:1em;
    width:4em;
}
.brdHeader {
    font-size: 16px;
    display: inline-block;
    margin: 0.8em 0.5em;
    border: 1px solid #4677f6;
    border-radius: 10px;
    padding: 4px 8px;
    background: #4677f6;
    color: #fff;
}
.board_area .brd_contents.freeShare .accordion > ul > li a span.brdTit_info {
    width:calc(100% - 9em);
}
.board_area .brd_contents .accordion > ul > li a span.brdTit_info,
.board_area .brd_contents .detail_top span.brdTit_info {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    width:100%;
}
.board_area .brd_contents .accordion > ul > li a span.brdTit_info span,
.board_area .brd_contents .detail_top span.brdTit_info span {
    color:#646464;
    font-size:0.5em;
}
.board_area .brd_contents .accordion > ul > li a span.brdTit_info span.brdTit,
.board_area .brd_contents .detail_top span.brdTit_info span.brdTit {
    position:relative;
    display:block;
    margin-right:0;
    width:100%;
    color:#323232;
    font-size:0.8em;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.board_area .brd_contents .accordion > ul > li.hold a span.brdTit_info span.brdTit {
    padding-left:1.35em;
}
.board_area .brd_contents .accordion > ul > li.hold a span.brdTit_info span.brdTit:before {
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:0.9em;
    height:1.7em;
    background:url("../imgs/common/ico_fixed.png") no-repeat center;
    background-size:100%;
}
.board_area .brd_contents .accordion > ul > li .faqTit {
    width:5%;
    font-weight:600;
}
.board_area .brd_contents .accordion > ul > li .faqText {
    width:93%;
}
.board_area .brd_contents .accordion > ul > li .submenu .accordion_inner p,
.board_area .brd_contents .detail_cont p {
    display:block;
    margin-bottom:1.5em;
    width:100%;
    font-size:0.7em;
    /*line-height:1.4em;*/
}
.board_area .brd_contents .accordion > ul > li .submenu .accordion_inner img,
.board_area .brd_contents .detail_cont img {
    width:auto;
    max-width:100%;
}
.board_area .brd_contents .accordion > ul > li .submenu .accordion_inner .faqTit,
.board_area .brd_contents .detail_cont .faqTit {
    color:#4677f6;
}
.board_area .btn_area.board {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding:0.5em 1em;
    border-top:0.1em solid #999;
}
.board_area .btn_area.board a {
    display: table;
    margin-left: 0.5em;
    padding: 0.5em 1.5em;
    font-size: 0.75em;
    line-height: 1em;
    border: 0.125em solid #b8b8b8;
}

.board_area .write_area {
    padding:1em;
}
.board_area .write_area .menu_img_area {
    position: relative;
    margin:0 auto;
    width:10.875em;
}
.board_area .write_area .menu_img_area a.btn_change {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
    right: -0.75em;
    width: 1.5em;
    height: 1.5em;
    background-color: #fff;
    border-radius: 50%;
    border: 0.075em solid #b8b8b8;
}
.board_area .write_area .menu_img_area a.btn_change img {
    width:1em;
}
.board_area .write_area .name_market {
    display:block;
    margin:0.5em 0 1em;
    width:100%;
    font-size:1.5em;
    font-weight:600;
}
.board_area .write_area > ul > li {
    margin-bottom:1em;
}
.board_area .write_area > ul > li:last-child {
    margin-bottom:0;
}
.board_area .write_area > ul > li span.brdwrite_title {
    display:block;
    margin-bottom:0.35em;
    font-size:0.75em;
}
.board_area .write_area > ul > li .input_area {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
}
.board_area .write_area > ul > li.btn_area.price {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding-bottom:1em;
}
.board_area .write_area > ul > li.btn_area.price a {
    display: table;
    margin-left:0.5em;
    padding: 0.4em 0.75em;
    font-size: 0.65em;
    line-height: 1em;
    text-align: center;
    border: 0.1em solid #4677f6;
    border-radius: 5em;
    box-sizing: border-box;
}
.board_area .write_area > ul > li .input_area select,
.board_area .write_area > ul > li .input_area input {
    display:block;
    padding:0.25em 0.5em;
    font-size:0.65em;
    line-height:1.2em;
    border:0.1em solid #b8b8b8;
    border-radius:0.2em;
    box-sizing:border-box;
}
.board_area .write_area > ul > li .input_area.price input:first-child {
    margin-bottom:0.75em;
}
.board_area .write_area > ul > li .input_area input[type="file"] {
    border:none;
}
.board_area .write_area > ul > li .input_area select.brd_slt {
    margin-right:0.5em;
    width:calc(25% - 0.5em);
}
.board_area .write_area > ul > li .input_area form {
    width:100%;
}
.board_area .write_area > ul > li .input_area form .note-editor.note-frame {
    margin-bottom:0;
}
.board_area .write_area > ul > li .input_area.file label {
    display: block;
    margin:0 0 0 0.5em;
    width:calc(25% - 0.5em);
    padding: 0.25em 0.5em;
    font-size: 0.65em;
    line-height: 1.2em;
    text-align:center;
    border:0.1em solid #4677f6;
    color:#4677f6;
    border-radius: 5em;
    box-sizing: border-box;
}
.board_area .write_area > ul > li .input_area.file .upload-hidden {
    display:none;
}
.board_area .write_area > ul > li .input_area.file .brdwrite_inp {
    border-radius:0;
    border:none;
    border-bottom:0.1em solid #b8b8b8;
    background-color:#fff;
}

/* point list */
.list_area {
    position:relative;
}
.list_area.fixed-bottom {
    padding-bottom: 3em;
}
.list_area.fixed-bottom .btn_area{
    position: fixed;
    bottom: 0;
    width: 100%;
}
.list_area .pointCurrent,
.list_area .manager{
    display:block;
    padding:0.5em 1em 0;
}
.list_area .manager{
    font-size: 0.75em;
}
.list_area .pointCurrent .point_present {
    display:block;
    padding:1em;
    width:100%;
    background-color:#4677f6;
}
.list_area .pointCurrent .point_present p,
.list_area .pointCurrent .point_present span {
    display:block;
    text-align:center;
    color:#fff;
    line-height:1em;
}
.list_area .pointCurrent .point_present p {
    margin-bottom:1em;
    font-size:0.6em;
}
.list_area .pointCurrent .point_present p b {
    display:block;
    font-size:1.5em;
    line-height:1.5em;
}
.list_area .pointCurrent .point_present span {
    font-size:2em;
}

.list_area .period_tabs {
    margin-bottom:0.5em;
    padding: 0.5em 1em;
}
.list_area .period_tabs ul {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.list_area .period_tabs ul li {
    margin: 0 -0.05em;
    border: 0.1em solid #b8b8b8;
}
.list_area .period_tabs ul li.calendarBtn.active {
    margin-bottom:3.7em;
}
.list_area.transport .period_tabs ul li {
    width: calc((100% / 3) + 0.1em);
}
.list_area.food .period_tabs ul li {
    width: calc((100% / 4) + 0.1em);
}
.list_area.calculate .period_tabs ul li {
    width: calc((100% / 2) + 0.1em);
}
.list_area .period_tabs ul li button {
    display: block;
    padding: 0.25em;
    width: 100%;
    font-size: 0.75em;
    text-align: center;
    box-sizing: border-box;
}
.list_area .period_tabs ul li.active {
    z-index: 1;
    border-color:#4677f6;
}
.list_area .period_tabs ul li.active button {
    color:#fff;
    background-color:#4677f6;
}
.list_area .period_tabs ul li .calendar_area {
    position:absolute;
    display:none;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    padding:1em;
    left:-0.05em;
    width:calc(100% + 0.1em);
    background-color:#fff;
    border: 0.1em solid #4677f6;
    box-shadow:0 0.1em 0.3em rgba(0,0,0,.15);
}
.list_area .period_tabs ul li.active .calendar_area {
    display:flex;
}
.list_area .period_tabs ul li.active .calendar_area #sDate {
    display:none;
}
.list_area .period_tabs ul li .calendar_area *{
    margin: 0 0.2em;
}
.list_area .period_tabs ul li .calendar_area .calc{
    width: 4em;
    text-align: center;
    border-radius: 0.1em;
}
.list_area .period_tabs ul li .calendar_area .period_box {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    margin-right:0.3em;
    padding:0.3em 0.5em 0.25em;
    border:0.1em solid #b8b8b8;
    border-radius:0.2em;
}
.list_area .period_tabs ul li .calendar_area label,
.list_area .period_tabs ul li .calendar_area span {
    line-height:1em;
}

.list_area .period_tabs ul li .calendar_area label {
    display:table;
    margin-right:0.3em;
    font-size:0.75em;
}
.list_area .period_tabs ul li .calendar_area label:last-child {
    margin-right:0;
}
.list_area .period_tabs ul li .calendar_area span {
    margin-right:0.3em;
}
.list_area .period_tabs ul li .calendar_area .calendar {
    display:block;
    width:1.675em;
}
.list_area .period_tabs ul li .calendar_area .calendar img {
    display:block;
}

.list_area .tbl_caption {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 1em;
}
.list_area .tbl_caption p {
    font-size:1em;
}
.list_area .tbl_caption .type {
    font-size:1em;
}
.list_area .list_contents {
    margin-top:0.25em;
}
.list_area.food .list_contents {
    /*padding-bottom:4.25em;*/
}
.list_area .pointCharge {
    position:fixed;
    bottom:1em;
    left:50%;
    padding:0 1em;
    width:100%;
    max-width:24.5em;
    transform:translateX(-50%);
}
.list_area .pointCharge a.btn {
    display: block;
    width: 100%;
    font-size: 0.75em;
    text-align: center;
    line-height: 3em;
    color: #fff;
    background-color: #4677f6;
    border-radius: 0.2em;
}

.list_area .list_contents .list_table {
    width:100%;
}
.list_area .list_contents .list_table th,
.list_area .list_contents .list_table td {
    padding:0.5em 0.25em;
    text-align:center;
    font-size:1em;
}
.list_area .list_contents .list_table th {
    background-color:#f6f6f6;
}
.list_area .list_contents .list_table td {
    border-bottom:0.1em solid #b8b8b8;
}
.list_area .list_contents .list_table td small {
    display:block;
    font-size:0.5em;
    text-align:center;
    color:#858585;
}
.list_area .list_contents .list_table td.fluctuate.plus {
    color:#4677f6;
}
.list_area .list_contents .list_table td.fluctuate.minus {
    color:#cf502d;
}

/* 메뉴 관리 */
.list_area .menu_list {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:stretch;
    padding:1em;
}
.list_area .menu_list li {
    margin:0 1em 1em 0;
    width:calc((100% - 1em) / 2);
}
.list_area .menu_list li:nth-child(2n) {
    margin-right:0;
}
.list_area .menu_list li .img_area {
    margin-bottom:0.5em;
}
.list_area .menu_list li .img_area img {
    display:block;
    margin: 0 auto;
    width: 100%;
}
.list_area .menu_list li .text_area {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
}

.list_area .menu_list li .text_area span,
.list_area .menu_list li .text_area p {
    display:table;
    margin:0 0.3em;
    text-align:center;
}
.list_area .menu_list li .text_area span {
    width:100%;
    font-size:0.9em;
    font-weight:600;
}
.list_area .menu_list li .text_area p {
    font-size:0.75em;
}

    /* 가맹점 목록 */
.mealStore_list {
    position:relative;
}
.mealStore_list .meal_tabs {
    position:relative;
    overflow-x:auto;
    border-bottom:0.1em solid #b8b8b8;
}
.mealStore_list .meal_tabs ul {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:0 1em;
}
.mealStore_list .meal_tabs ul li {
    position:relative;
    display:table;
    margin-right:1.35em;
    white-space:nowrap;
    z-index: 1;
}
.mealStore_list .meal_tabs ul li:last-child {
    margin-left:0;
}
.mealStore_list .meal_tabs ul li button {
    display:block;
    padding:0.5em 0 0.3em;
    border-bottom:0.2em solid transparent;
}
.mealStore_list .meal_tabs ul li.active button {
    border-color:#323232;
}

.mealStore_list .meal_area .tabs__pane {
    display:none;
}
.mealStore_list .meal_area .tabs__pane.active {
    display:block;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list {
    position:relative;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:1em;
    border-bottom:0.1em solid #b8b8b8;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .img_area {
    margin-right:1em;
    width:7em;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .img_area img {
    display:block;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .text_area {
    width:calc(100% - 8em);
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .text_area span,
.mealStore_list .meal_area .tabs__pane ul li.meal_list .text_area p {
    display:block;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .text_area span.ms_name {
    font-size:1em;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .text_area span.ms_cost {
    margin-bottom:0.75em;
    font-size:0.75em;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .text_area p.ms_info {
    position:relative;
    display:table;
    padding-left:1.25em;
    font-size:0.6em;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .text_area p.ms_info.address {
    margin-right:1em;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .text_area p.ms_info:before {
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:0.8em;
    height:1.4em;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .text_area p.ms_info.address:before {
    background:url(../img/sub/ico_address.png) no-repeat center;
    background-size: 100%;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .text_area p.ms_info.phone:before {
    background:url(../img/sub/ico_phone.png) no-repeat center;
    background-size: 100%;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .text_area p.description {
    margin-top:1em;
    font-size:0.6em;
}

.mealStore_list .meal_area .tabs__pane ul li.meal_list .ico_area {
    position:absolute;
    top:1em;
    right:1em;
    width:0.75em;
    height:0.75em;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .ico_area img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .ico_area img.on {
    display:none;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .ico_area.on img.on {
    display:block;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .ico_area img.off {
    display:block;
}
.mealStore_list .meal_area .tabs__pane ul li.meal_list .ico_area.on img.off {
    display:none;
}

.mealstore_detail .meal_visual,
.mealstore_detail .meal_visual img {
    position:relative;
    display:block;
}
.mealstore_detail .meal_content {
    position:relative;
    margin-top:-1.75em;
    padding:1.5em 1em;
    border-radius:1em;
    background-color:#fff;
    z-index: 1;
}
.mealstore_detail .meal_content span.mealStore_name {
    display:block;
    font-weight:600;
}
.mealstore_detail .meal_content .ico_area {
    position:absolute;
    top:1.5em;
    right:1em;
    width:1em;
    height:1em;
}
.mealstore_detail .meal_content .ico_area img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.mealstore_detail .meal_content .ico_area img.on {
    display:none;
}
.mealstore_detail .meal_content .ico_area.on img.on {
    display:block;
}
.mealstore_detail .meal_content .ico_area img.off {
    display:block;
}
.mealstore_detail .meal_content .ico_area.on img.off {
    display:none;
}
.mealstore_detail .meal_content .detail_list {
    margin-top:1em;
}
.mealstore_detail .meal_content .detail_list ul li {
    display:block;
    margin-bottom:1em;
}
.mealstore_detail .meal_content .detail_list ul li span {
    position:relative;
    display:block;
    padding-left:1.5em;
    font-size:1em;
}
.mealstore_detail .meal_content .detail_list ul li span:before {
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:1em;
    height:1.5em;
}
.mealstore_detail .meal_content .detail_list ul li.work_time span:before {
    background:url(../img/sub/ico_mdClock.png) no-repeat center;
    background-size:100%;
}
.mealstore_detail .meal_content .detail_list ul li.store_info span:before {
    background:url(../img/sub/ico_mdInfo.png) no-repeat center;
    background-size:100%;
}
.mealstore_detail .meal_content .detail_list ul li.owner_name span:before {
    background:url(../img/sub/ico_mdOwner.png) no-repeat center;
    background-size:100%;
}
.mealstore_detail .meal_content .detail_list ul li.company_number span:before {
    background:url(../img/sub/ico_mdCompnum.png) no-repeat center;
    background-size:100%;
}
.mealstore_detail .meal_content .detail_list ul li.address span:before {
    background:url(../img/sub/ico_mdAddress.png) no-repeat center;
    background-size:100%;
}

.mealstore_detail .meal_content .detail_list ul li p {
    padding-left:1.7em;
    font-size:0.75em;
    color:#969696;
}

.mealstore_detail .meal_content .detail_list .btn_area {
    display:flex;
    justify-content:center;
    align-items:stretch;
}
.mealstore_detail .meal_content .detail_list .btn_area a {
    display:table;
    padding:0 1.75em;
    border-right:0.1em solid #b8b8b8;
}
.mealstore_detail .meal_content .detail_list .btn_area a:last-child {
    border:none;
}

.mealstore_detail .meal_content .detail_list .btn_area a img,
.mealstore_detail .meal_content .detail_list .btn_area a span {
    display:block;
    margin:0 auto;
    text-align:center;
}
.mealstore_detail .meal_content .detail_list .btn_area a img {
    margin-bottom:0.5em;
    width:1.25em;
}
.mealstore_detail .meal_content .detail_list .btn_area a span {
    font-size:0.7em;
}

.mealstore_detail .meal_content .menu_list {
    position:relative;
    margin-top:1em;
}
.mealstore_detail .meal_content .menu_list .sTitle {
    display:block;
    padding:0.5em 1em;
    width:100%;
    font-size:0.9em;
    background-color:#f6f6f6;
    box-sizing:border-box;
    border-bottom:0.1em solid #b8b8b8;
}
.mealstore_detail .meal_content .menu_list ul {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    margin-top:0.5em;
}
.mealstore_detail .meal_content .menu_list ul li {
    position:relative;
    padding:0.5em;
    width:50%;
}
.mealstore_detail .meal_content .menu_list ul li .img_area {
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto;
    padding:0.75em;
    width:7em;
    height:7em;
    border-radius:50%;
    border:0.1em solid #b8b8b8;
    background-color:#fff;
}
.mealstore_detail .meal_content .menu_list ul li .img_area img {
    display:block;
    margin:0 auto;
    width:auto;
    height:5.5em;
}
.mealstore_detail .meal_content .menu_list ul li .text_area {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    margin-top:0.5em;
}
.mealstore_detail .meal_content .menu_list ul li .text_area span {
    display:block;
    width:100%;
    font-weight:600;
    text-align:center;
}
.mealstore_detail .meal_content .menu_list ul li .text_area p {
    display:table;
    margin:0 0.5em;
    font-size:1em;
}


/* 결제하기 */
.payment_area .payment_top {
    position:relative;
    padding:0.5em 0;
    background-color:#4677f6;
}
.payment_area .payment_top span.store_name {
    position:relative;
    display:block;
    padding:0 1em 0 2em;
    color:#fff;
}
.payment_area .payment_top span.store_name:before {
    position:absolute;
    content:'';
    top:0;
    left:1em;
    width:0.75em;
    height:1.3em;
    background:url(../img/sub/icon_map.png) no-repeat center;
    background-size:100%;
}

.payment_area .payment_top .useAble_point {
    margin-top:0.5em;
    padding:0.5em 1em 0;
    border-top:0.1em solid #fff;
}
.payment_area .payment_top .useAble_point p,
.payment_area .payment_top .useAble_point span {
    display:block;
    color:#fff;
}
.payment_area .payment_top .useAble_point p {
    font-size:0.7em;
}
.payment_area .payment_top .useAble_point span {
    font-size:1.75em;
    font-weight:600;
}

.payment_area .payment_content .payment_point {
    position:relative;
    padding:1em 0;
    min-height:21em;
    border-bottom:0.1em solid #b8b8b8;
}
.payment_area .payment_content .payment_point p.address {
    padding:0 1.428575em;
    font-size:0.7em;
}
.payment_area .payment_content .payment_point .use_point {
    position:relative;
    margin:1em auto 0;
    width:15.75em;
    height:16.75em;
    background:url(../img/sub/bg_coupon.png) no-repeat center;
    background-size:15.75em;
}
.payment_area .payment_content .payment_point .use_point .text_area {
    margin:0 auto;
    padding:6em 1em 1em;
    width:12em;
}
.payment_area .payment_content .payment_point .use_point .text_area span,
.payment_area .payment_content .payment_point .use_point .text_area input {
    display:block;
    text-align:center;
}
.payment_area .payment_content .payment_point .use_point .text_area span {
    font-weight:600;
}
.payment_area .payment_content .payment_point .use_point .text_area span.big {
    margin-top:0.25em;
    padding-top:0.5em;
    font-size:1.25em;
    border-top:0.075em solid #b8b8b8;
}
.payment_area .payment_content .payment_point .use_point .text_area input {
    margin-top:0.5em;
    padding:0.5em 0.25em;
    width:100%;
    font-size:1.25em;
    border:0.075em solid #b8b8b8;
}

.payment_area .payment_content .payment_info > div {
    padding:0.5em 1em;
    border-bottom:0.1em solid #b8b8b8;
}
.payment_area .payment_content .payment_info .total,
.payment_area .payment_content .payment_info .result {
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.payment_area .payment_content .payment_info .total span {
    font-size:1.1em;
    font-weight:600;
}
.payment_area .payment_content .payment_info p.guide {
    display:block;
    padding:1em 2em;
    font-size:0.5em;
}
.payment_area .payment_content .payment_info .btn_area {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding:0 1em 2em;
    border-bottom:none;
}
.payment_area .payment_content .payment_info .btn_area a.btn_payment {
    display:table;
    margin-left:0.5em;
    padding:0.35em 1em;
    line-height:1em;
    border-radius:5em;
    border:0.1em solid #b8b8b8;
}

/* 같이 계산 */
.payment_area .payment_content .payment_point.together {
    background-color:#f6f6f6;
    border:none;
}
.payment_area .payment_content .payment_point .payer_list {
    margin-top:0.75em;
    border-top:0.1em solid #b8b8b8;
}
.payment_area .payment_content .payment_point .payer_list ul li {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1em;
    background-color:#fff;
    border-bottom:0.1em solid #b8b8b8;
}
.payment_area .payment_content .payment_point .payer_list ul li span.payer_name {
    display:block;
    font-size:0.75em;
    font-weight:600;
    line-height:1em;
}
.payment_area .payment_content .payment_point .payer_list ul li.master span.payer_name {
    font-size:0.925em;
}
.payment_area .payment_content .payment_point .payer_list ul li span.payer_name small {
    display:block;
    margin-top:0.25em;
    font-weight:400;
    color:#969696;
}
.payment_area .payment_content .payment_point .payer_list ul li .input_area {
    display:flex;
    justify-content:flex-end;
    align-items:center;
}
.payment_area .payment_content .payment_point .payer_list ul li .input_area label,
.payment_area .payment_content .payment_point .payer_list ul li .input_area button,
.payment_area .payment_content .payment_point .payer_list ul li .input_area button img {
    display:block;
    line-height:1em;
}
.payment_area .payment_content .payment_point .payer_list ul li .input_area label {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    width:8em;
}
.payment_area .payment_content .payment_point .payer_list ul li .input_area label p.retention_point {
    display:block;
    width:100%;
    font-size:0.6em;
    color:#969696;
}
.payment_area .payment_content .payment_point .payer_list ul li .input_area input {
    margin-right:0.5em;
    width:6em;
    border:0.1em solid #b8b8b8;
}
.payment_area .payment_content .payment_point .payer_list ul li .input_area span {
    display:inline-block;
    line-height:1em;
    color:#969696;
}
.payment_area .payment_content .payment_point .payer_list ul li .input_area button.btn_delete {
    margin-left:1em;
    width:1.5em;
}
.payment_area .payment_content .payment_point .payer_list ul li.master .input_area button.btn_delete {
    opacity:0;
    height:0;
}
.payment_area .payment_content .payment_point .payer_list ul li.master .input_area button.btn_delete img {
    display:none;
}

.payment_area .add_payer_tabs {
    padding:1em 0;
    border-bottom:0.1em solid rgba(184,184,184,.3);
}
.payment_area .add_payer_tabs ul {
    display:flex;
    justify-content:flex-start;
    align-items:center;
}
.payment_area .add_payer_tabs ul li {
    width:50%;
    border:0.1em solid #b8b8b8;
    border-left:none;
    border-right:none;
}
.payment_area .add_payer_tabs ul li button {
    width:100%;
    text-align:center;
    line-height:calc(2.8em - 0.2em);
}
.payment_area .add_payer_tabs ul li.active {
    border-color:#4677f6;
}
.payment_area .add_payer_tabs ul li.active button {
    color:#fff;
    background-color:#4677f6;
}

.payment_area .add_list .add_payer_area {
    display:none;
}
.payment_area .add_list .add_payer_area.active {
    display:block;
}
.payment_area .add_list .add_payer_area ul li {
    display:block;
    border-bottom:0.1em solid #b8b8b8;
}
.payment_area .add_list .add_payer_area ul li label {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:0.5em 1em;
}
.payment_area .add_list .add_payer_area ul li label span.chkBox {
    position:relative;
    display:block;
    margin-right:0.5em;
    width:1.5em;
    height:1.5em;
    background-color:#f6f6f6;
}
.payment_area .add_list .add_payer_area ul li input[type="checkbox"] {
    position:absolute;
    width:0;
    height:0;
    opacity:0;
}
.payment_area .add_list .add_payer_area ul li input[type="checkbox"]:checked + label span.chkBox {
    background-color:#4677f6;
}
.payment_area .add_list .add_payer_area ul li label span.chkBox span.line {
    position:absolute;
    display:block;
    top:50%;
    left:50%;
    width:0.6em;
    height:0.1em;
    background-color:#fff;
}
.payment_area .add_list .add_payer_area ul li label span.chkBox span.line:first-child {
    transform:translate(calc(-50% - 0.175em), -50%) rotate(45deg);
}
.payment_area .add_list .add_payer_area ul li label span.chkBox span.line:last-child {
    transform:translate(calc(-50% + 0.175em), -50%) rotate(-45deg);
}

.payment_area .add_list .add_payer_area ul li label p.ap_name {
    font-size:0.6em;
    font-weight:600;
    line-height:1em;
}
.payment_area .add_list .add_payer_area ul li label p.ap_name small {
    display:block;
    margin-top:0.5em;
    font-weight:400;
    color:#969696;
}
.payment_area .btn_area.payment {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
}
.payment_area .btn_area.payment a.submit {
    border-radius:0;
}



    /* popup */
.popup.point .popup-inner .food_img {
    position:absolute;
    display:flex;
    justify-content:center;
    align-items:center;
    top:1em;
    left:50%;
    width:7.35em;
    height:7.35em;
    border:0.25em solid #fff;
    border-radius:50%;
    transform:translateX(-50%);
    overflow:hidden;
    z-index:10;
}
.popup.point .popup-inner .popup-cont {
    margin-top:4.675em;
    padding:4em 0.5em 2em;
}
.popup.point .popup-inner .popup-cont p,
.popup.point .popup-inner .popup-cont span {
    display:block;
    text-align:center;
}
.popup.point .popup-inner .popup-cont .market {
    font-size:0.75em;
}
.popup.point .popup-inner .popup-cont .food {
    margin:0.5em 0 0;
    font-weight:600;
}
.popup.point .popup-inner .popup-cont .cost {
    font-size:1.15em;
    font-weight:600;
}
.popup.point .popup-inner .popup-cont .couponNum {
    margin:0.5em 0;
}
.popup.point .popup-inner .popup-cont .date {
    font-size:0.75em;
}
.popup.point .popup-inner .popup-cont .market_info {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:0.5em;
    flex-direction: column;
}
.popup.point .popup-inner .popup-cont .market_info p {
    position:relative;
    display:table;
    padding-left:1.5em;
    font-size:0.65em;
}
.popup.point .popup-inner .popup-cont .market_info p.address {
    margin-right:1em;
}
.popup.point .popup-inner .popup-cont .market_info p:before {
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:1em;
    height:1.4em;
}
.popup.point .popup-inner .popup-cont .market_info p.address:before {
    background:url(../img/sub/ico_address.png) no-repeat center;
    background-size: 100%;
}
.popup.point .popup-inner .popup-cont .market_info p.phone:before {
    background:url(../img/sub/ico_phone.png) no-repeat center;
    background-size: 100%;
}

.popup .popup-inner .result_ico {
    position:absolute;
    right:-2em;
    bottom:-5em;
    width:7.65em;
}
.popup .popup-inner .result_ico img {
    display:none;
}
.popup .popup-inner .result_ico.complete img.complete {
    display:block;
}
.popup .popup-inner .result_ico.cancel img.cancel {
    display:block;
}
.popup .popup-inner .result_ico.charge img.charge {
    display:block;
}

.popup.mypage .popup-inner {
    background:none;
    width:22em;
    height:calc(100% - 4em);
}
.popup.mypage .popup-inner .guide {
    display:table;
    margin:1em auto 2em;
    text-align:center;
}
.popup.mypage .popup-inner .guide small {
    display:block;
}
.popup.mypage .popup-inner .upload-wrap{
    display: none;
    width: 20em;

}
.popup.mypage .popup-inner .btn_area .save-thumb{
    display: none;
    margin-top: 1em;
}
.popup.mypage .popup-inner .popup-close {
    left:0;
}
.popup.mypage .popup-inner .save {
    position: absolute;
    top: -1.25em;
    right: 0;
    font-size: 1em;
    color: #fff;
}

.popup.payment .popup-inner .popup-cont p,
.popup.payment .popup-inner .popup-cont span {
    display:table;
    margin:0 auto;
    text-align:center;
}

.popup.payment .popup-inner .popup-cont .couponNum {
    border-bottom:0.075em solid #b8b8b8;
}

.popup.payment .popup-inner .popup-cont .couponNum,
.popup.payment .popup-inner .popup-cont .date {
    margin-bottom:0.5em;
}

.popup.payment .popup-inner .popup-cont .cost {
    font-size:1.75em;
    font-weight:600;
}

.popup.payment .popup-inner .popup-cont .user {
    display:block;
    margin-top:1em;
    padding:0.5em;
    width:100%;
    font-size:0.75em;
    border-radius:0.5em;
    background-color:#f6f6f6;
}

.popup.payment .popup-inner p.alert {
    margin:1em 0;
    font-size:0.6em;
    text-align:center;
    color:#fff;
}

.popup.payment .popup-inner .payment_barcode {
    position: relative;
    padding: 0.5em;
    background-color: #fff;
    border-radius: 0.5em;
}

.popup.payment .popup-inner .payment_barcode .barcode_area {
    padding: 0.5em;
}

.popup.payment .popup-inner .payment_barcode .input_area .inp_payment {
    margin-bottom:0.5em;
    padding:0.25em;
    width:100%;
    border:none;
    border-bottom:0.1em solid #b8b8b8;
}

.popup.payment .popup-inner .payment_barcode .barcode_area img {
    display:block;
}

.popup.payment .popup-inner .payment_barcode button.use_complete {
    display: block;
    width: 100%;
    font-size: 0.75em;
    text-align: center;
    line-height: 3em;
    color: #fff;
    background-color: #4677f6;
    border-radius: 0.2em;
}

.popup.payment.cancel .popup-inner .popup-cont {
    padding:0.5em 0 0;
}

.popup.payment .popup-inner .payment_cancel,
.popup.payment .popup-inner .payment_close {
    position:absolute;
    top: -2.15em;
    left: 0;
    display:table;
    padding:0.25em 1em;
    font-size:0.75em;
    background-color: #fff;
    border-radius:5em;
}

.popup.payment .popup-inner .popup-cont .cancel_alert {
    display:block;
    margin:2em 0;
    text-align:center;
}
.popup.payment .popup-inner .popup-cont .btn_area.cancel {
    display:flex;
    justify-content:center;
    align-items:center;
    border-top:0.1em solid #b8b8b8;
}
.popup.payment .popup-inner .popup-cont .btn_area.cancel a {
    display:block;
    padding:0.25em;
    width:50%;
    text-align:center;
}
.popup.payment .popup-inner .popup-cont .btn_area.cancel a.no {
    border-right:0.1em solid #b8b8b8;
}



@media screen and (max-width:960px) {
    body, form, input, select, button {
        font-size:30px;
    }
}

@media screen and (max-width:720px) {
    body, form, input, select, button {
        font-size:20px;
    }
    .brdHeader {
        display: none;
    }
}

@media screen and (max-width:480px) {
    body, form, input, select, button {
        font-size:15px;
    }
}