/* font-box */
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

/* wrap-box */
.wrap-box {max-width:720px; margin:0 auto;}
.wrap-box * {font-size:14px; line-height:1.4; font-family:'Pretendard' !important;}
.wrap-box .inner {padding:0;}

/* color-box */
.ft-active {color:#fc0000 !important;}
.ft-gray {color:#696969 !important;}
.ft-gray2 {color:#555 !important;}
.ft-lightgray {color:#d5d5d5 !important;}

/* sticker-box */
.sticker-box {display:flex; flex-wrap:wrap; align-items:center;}
.sticker-box b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:21px; border-radius:3px; padding:0 5px; font-size:13.5px;}
.sticker-box b.active {background:#f00; color:#fff;}
.sticker-box b.red {background:#aa281a; color:#fff;}
.sticker-box b.lightred {background:#fc0000; color:#fff;}
.sticker-box b.blue {background:#1d306f; color:#fff;}
.sticker-box b.orange {background:#dd873c; color:#fff;}
.sticker-box b.navy {background:#1d306f; color:#fff;}
.sticker-box b.green {background:#4c9153; color:#fff;}
.sticker-box b.yellow {background:#ffd800; color:#000;}
.sticker-box b.black {background:#000000; color:#fff;}
.sticker-box b.skyblue {background:#7fbcc6; color:#fff;}
.sticker-box b.gray {background:#979797; color:#fff;}
.sticker-box b.lightbrown {background:#DD873C; color:#fff;}
.sticker-box b.lightred {background:#B42E29; color:#fff;}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex:1; min-width:0; border-radius:3px; height:40px; font-size:14px; font-weight:600;}
.button-box .btn.recipe:before {display:inline-block; content:""; width:15px; height:16px; margin:0 3.5px 0 0; background:url('../images/icon_recipe_white_m.png') no-repeat center / cover;}
.button-box .btn.radius {border-radius:50px;}
.button-box .btn-lightgray {background:#f1f1f1; color:#000;}
.button-box .btn-lightgray2 {background:#adadad; color:#fff;}
.button-box .btn-gray {background:#585858; color:#fff;}
.button-box .btn-black {background:#000000; color:#fff;}
.button-box .btn-white {background:#ffffff; color:#000;}
.button-box .btn-active {background:#f00; color:#fff;}
.button-box .btn-orange {background:#dd873c; color:#fff;}
.button-box .btn.disabled {background:#585858; color:#fff;}
.button-box .btn.disabled2 {background:#dfdfdf; border:1px solid #b4b4b4; color:#acacac;}

/* bottom-button-box */
.bottom-button-box {margin:24px -15px 0; position:sticky; left:0; bottom:0; z-index:1000;}
.bottom-button-box .btn {height:50px; font-size:15px; border-radius:0;}
.bottom-button-box.fixed {position:static; width:100%; height:50px;}
.bottom-button-box.fixed .button-box {position:fixed; left:50%; bottom:0; transform:translateX(-50%); max-width:720px; width:100%; margin:0; z-index:1000;}
.view-box .view-body .bottom-button-box {margin-bottom:-20px;}
.view-box .view-body.px30 .bottom-button-box {margin-left:-30px; margin-right:-30px;}
.view-box .view-body .bottom-button-box.fixed {margin-bottom:0;}

/* title-box */
.title-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 15px;}
.title-box h2 {font-size:18px; font-weight:700;}
.title-box h2.tc {width:100%; text-align:center;}
.title-box h2 b {font-size:18px; font-weight:400;}
.title-box p {width:100%; font-size:13px; line-height:1.5;}

/* text-box */
.text-box p {font-size:13px; line-height:1.5;}
.text-box p b {font-size:13px; line-height:1.5; font-weight:600;}
.text-box p a.link {font-size:13px; font-weight:700;}
.text-box strong {display:block; font-size:13px; font-weight:700; margin:0 0 3px; line-height:1.5;}
.text-box dl dd {position:relative; font-size:13px; line-height:1.5; padding:0 0 0 10px; margin:0 0 3px; word-break:keep-all;}
.text-box dl dd:last-of-type {margin:0;}
.text-box dl dd:before {position:absolute; left:0; top:8px; width:4px; height:1px; background:#000; content:"";}
.text-box dl dd a {font-size:13px; line-height:1.5;}
.text-box dl dd.ft-gray2:before {background:#555;}

/* success-box */
.success-box {padding:0 0 30px; margin:15px 0 30px; border-bottom:1px solid #9c9c9c;}
.success-box:before {display:block; content:""; margin:0 auto 10px; width:58px; height:58px; background:url('../images/icon_success_m.png') no-repeat center / cover;}
.success-box p {display:block; width:100%; text-align:center; font-size:18px; font-weight:700;}
.success-box p b {font-size:18px; font-weight:700;}
.success-box.no-border {padding:0; border:0; margin:5px 0 20px;}


/* noresult-box */
.noresult-box {padding:0 0 30px; margin:15px 0 30px; border-bottom:1px solid #9c9c9c;}
.noresult-box:before {display:block; content:""; margin:0 auto 10px; width:58px; height:58px; background:url('../images/icon_face_m.png') no-repeat center / cover;}
.noresult-box p {display:block; width:100%; text-align:center; font-size:18px; font-weight:700;}
.noresult-box p b {font-size:18px; font-weight:700;}
.noresult-box.no-border {padding:0; border:0; margin:5px 0 20px;}

/* mypage-box */
.mypage-box .mypage-head {background:#fc0000; padding:17.5px 24px 41.5px;}
.mypage-box .mypage-head .head-top {display:flex; flex-wrap:wrap;justify-content: space-between;align-items: center;}
/*.mypage-box .mypage-head .head-top .top-back {flex:1; min-width:0; padding:0 16px 0 0; display:flex; flex-wrap:wrap;}*/
.mypage-box .mypage-head .head-top .top-back {min-width:0; padding:0 16px 0 0; display:flex; flex-wrap:wrap;}
.mypage-box .mypage-head .head-top .top-back:before {display:inline-block; content:""; width:20px; height:23px; background:url('../images/icon_back_m.png') no-repeat center / cover; margin:0 12px 0 0;}
.mypage-box .mypage-head .head-top .top-back > div {flex:1; min-width:0;}
.mypage-box .mypage-head .head-top .top-back > div p {font-size:20px; color:#fff;}
.mypage-box .mypage-head .head-top .top-back > div p b {font-size:20px; color:#fff; font-weight:600;}
.mypage-box .mypage-head .head-top .top-back > div small {display:block; font-size:13px; color:#fff; font-weight:600; letter-spacing:-0.7px;}
.mypage-box .mypage-head .head-top .top-edit {font-size:13px; color:#fff; padding:5px 0 0;}
.mypage-box .mypage-head .head-top .top-edit {font-size:13px; color:#fff; padding:5px 0 0;}
.mypage-box .mypage-head .head-top .message {flex: 1;display: flex;flex-direction: column;gap: 2px;}
.mypage-box .mypage-head .head-info {margin:20px 0 0; background:#fff; border-radius:15px; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:16px;}
.mypage-box .mypage-head .head-info .info-price {display:flex; flex-wrap:wrap; align-items:center;}
.mypage-box .mypage-head .head-info .info-price a {flex:1; min-width:0;}
.mypage-box .mypage-head .head-info .info-price a p {font-size:13px; color:#4b4b4b;}
.mypage-box .mypage-head .head-info .info-price a strong {display:block; margin:2px 0 0; font-size:17px; font-weight:700;}
.mypage-box .mypage-head .head-info .info-state {margin:10px 0 0; background:rgba(227,227,227,0.4); border-radius:10px;}
.mypage-box .mypage-head .head-info .info-state ul {display:flex; flex-wrap:wrap;}
.mypage-box .mypage-head .head-info .info-state ul li {flex:1; min-width:0;}
.mypage-box .mypage-head .head-info .info-state ul li a {display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; height:63px;}
.mypage-box .mypage-head .head-info .info-state ul li a p {width:100%; text-align:center; font-size:13px; color:#4b4b4b;}
.mypage-box .mypage-head .head-info .info-state ul li a strong {font-size:17px; font-weight:700; text-align:center; width:100%;}
.mypage-box .mypage-head .head-info.small .info-price {justify-content:space-between;}
.mypage-box .mypage-head .head-info.small .info-price a {flex:none; display:flex; flex-wrap:wrap; align-items:center;}
.mypage-box .mypage-head .head-info.small .info-price a:first-of-type {flex:1; min-width:0; padding:0 15px 0 0;}
.mypage-box .mypage-head .head-info.small .info-price a strong {margin:0 0 0 24px;}
.mypage-box .mypage-head .head-info.small .info-state {border-radius:5px;}
.mypage-box .mypage-head .head-info.small .info-state ul li {border-right:1px solid rgba(133,133,133,0.07);}
.mypage-box .mypage-head .head-info.small .info-state ul li:last-of-type {border:0;}
.mypage-box .mypage-head .head-info.small .info-state ul li a {padding:0 10px; height:35px; justify-content:space-between;}
.mypage-box .mypage-head .head-info.small .info-state ul li a p {width:auto;}
.mypage-box .mypage-head .head-info.small .info-state ul li a strong {width:auto;}
.mypage-box .mypage-body {background:#fff; padding:24px 20px 48px; border-radius:10px 10px 0 0; margin:-24px 0 0;}
.mypage-box .mypage-body .body-banner a {display:block; margin:0 0 25px;}
.mypage-box .mypage-body .body-banner a img {width:100%;}
.mypage-box .mypage-body .body-cate h2 {font-size:17px; font-weight:600; margin:0 0 15px;}
.mypage-box .mypage-body .body-cate ul li {margin:0 0 13px; display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid rgba(133,133,133,0.3);}
.mypage-box .mypage-body .body-cate ul li:last-of-type {margin:0;}
.mypage-box .mypage-body .body-cate ul li .link {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; padding:5px 0; font-size:15px;}
.mypage-box .mypage-body .body-cate ul li .link:before {display:inline-block; content:""; width:22.5px; height:22.5px; margin:0 5px 0 0; background-repeat:no-repeat; background-position:left center;}
.mypage-box .mypage-body .body-cate ul li .text {font-size:13px;}
.mypage-box .mypage-body .body-cate ul li.cate01 .link:before {background-image:url('../images/icon_mypage_cate_01_m.png'); background-size:18px auto;}
.mypage-box .mypage-body .body-cate ul li.cate02 .link:before {background-image:url('../images/icon_mypage_cate_02_m.png'); background-size:18px auto;}
.mypage-box .mypage-body .body-cate ul li.cate03 .link:before {background-image:url('../images/icon_mypage_cate_03_m.png'); background-size:22.5px auto;}
.mypage-box .mypage-body .body-cate ul li.cate04 .link:before {background-image:url('../images/icon_mypage_cate_04_m.png'); background-size:18.5px auto;}
.mypage-box .mypage-body .body-cate ul li.cate05 .link:before {background-image:url('../images/icon_mypage_cate_05_m.png'); background-size:18px auto;}
.mypage-box .mypage-body .body-cate ul li.cate06 .link:before {background-image:url('../images/icon_mypage_cate_06_m.png'); background-size:18px auto;}
.mypage-box .mypage-body .body-cate ul li.cate07 .link:before {background-image:url('../images/icon_mypage_cate_07_m.png'); background-size:19px auto;}
.mypage-box .mypage-body .body-cate ul li.cate08 .link:before {background-image:url('../images/icon_mypage_cate_08_m.png'); background-size:21px auto;}
.mypage-box .mypage-body .body-cate ul li.cate09 .link:before {background-image:url('../images/icon_mypage_cate_09_m.png'); background-size:17px auto;}
.mypage-box .mypage-body .body-cate ul li.cate10 .link:before {background-image:url('../images/icon_mypage_cate_10_m.png'); background-size:17px auto;}
.mypage-box .mypage-body .body-tab {margin:0 0 23px;}
.mypage-box .mypage-body .body-tab ul {display:flex; flex-wrap:wrap; border-bottom:1px solid rgba(138,138,138,0.3);}
.mypage-box .mypage-body .body-tab ul li a {padding:10px 14px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.mypage-box .mypage-body .body-tab ul li a p {font-size:16px; color:rgba(0,0,0,0.4);}
.mypage-box .mypage-body .body-tab ul li.active a {position:relative;}
.mypage-box .mypage-body .body-tab ul li.active a p {color:#000;}
.mypage-box .mypage-body .body-tab ul li.active a:after {position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:#fc0000; content:"";}
.mypage-box .mypage-body .body-list > .list > .list-item {margin:0 0 18px;}
.mypage-box .mypage-body .body-list > .list > .list-item:last-of-type {margin:0;}
.mypage-box .mypage-body .body-list > .list > .list-item > .inner {display:flex; flex-wrap:wrap; background:url('../images/icon_mypage_list_more_m.png') no-repeat right center / 15px;}
.mypage-box .mypage-body .body-list > .list > .list-item > .inner > strong {width:36.5px; height:47px; border-radius:5px; background:#b8b8b8; font-size:16px; font-weight:700; color:#fff; line-height:1.2; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.mypage-box .mypage-body .body-list > .list > .list-item > .inner > strong.success {background:#f00;}
.mypage-box .mypage-body .body-list > .list > .list-item > .inner > strong.request {background:#ff7800;}
.mypage-box .mypage-body .body-list > .list > .list-item > .inner > div {flex:1; min-width:0; padding:0 24px 0 9px;}
.mypage-box .mypage-body .body-list > .list > .list-item > .inner > div b {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; font-weight:700; line-height:1; margin:0 0 4px;}
.mypage-box .mypage-body .body-list > .list > .list-item > .inner > div small {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; line-height:1; margin:2px 0 0;}

/* view-box */
.view-box .view-head {height:57.5px; border-bottom:1px solid #cdcdcd; padding:0 24px; position:fixed; left:50%; top:0; transform:translateX(-50%); max-width:720px; width:100%; z-index:1000; background:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.view-box .view-head h2 {font-size:18px; font-weight:700;}
.view-box .view-head a.close {width:18px; height:18px; font-size:0; display:block; background:url('../images/icon_close_m.png') no-repeat center / cover;}
.view-box .view-head a.home {width:25px; height:23px; font-size:0; display:block; background:url('../images/icon_home_m.png') no-repeat center / cover;}
.view-box .view-head a.back {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:700;}
.view-box .view-head a.back:before {display:inline-block; content:""; width:23px; height:27px; margin:0 10px 0 0; background:url('../images/icon_back_black_m.png') no-repeat center / cover;}
.view-box .view-head a.back small {font-size:15px; font-weight:400; position:relative; top:2px;}
.view-box .view-head.center {justify-content:flex-end;}
.view-box .view-head.center h2 {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.view-box .view-body {background:#ececec; padding:20px 15px; margin:57.5px 0 0;}
.view-box .view-body.white {background:#fff;}
.view-box .view-body .view-body-inner {background:#ececec; padding:20px 15px;}
.view-box .view-body .view-body-inner.white {background:#fff; padding-top:0;}

/* section-box */
.section-box {position:sticky; left:0; top:57.5px; background:#fff; padding:20px 15px; z-index:100;}
.section-box ul li {margin:0 0 2px; display:flex; flex-wrap:wrap; align-items:center; padding:5px; border-radius:5px;}
.section-box ul li > div {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.section-box ul li > div p {display:flex; flex-wrap:wrap; align-items:center; font-size:14px;}
.section-box ul li > div p.round:after {display:inline-block; content:""; width:15px; height:9px; margin:0 4px; background:url('../images/icon_round_m.png') no-repeat center / cover;}
.section-box ul li > div p.oneway:after {display:inline-block; content:""; width:15px; height:9px; margin:0 4px; background:url('../images/icon_oneway_m.png') no-repeat center / cover;}
.section-box ul li > div p b {font-size:14px; font-weight:700;}
.section-box ul li > div .sticker-box {margin:0 5px 0 0;}
.section-box ul li > div .sticker-box b {width:40px;}
.section-box ul li > a.update {font-size:14px; font-weight:700; color:#3d3d3d; text-decoration:underline;}
.section-box ul li.active {background:#ff7800;}
.section-box ul li.active > div p {color:#fff;}
.section-box ul li.active > div p b {color:#fff;}
.section-box ul li.active > div p.round:after {background-image:url('../images/icon_round_white_m.png');}
.section-box ul li.active > div p.oneway:after {background-image:url('../images/icon_oneway_white_m.png');}

/* date-swiper-box */
.date-swiper-box {padding:0 20px; margin:-12px 0 0; display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #cdcdcd;}
.date-swiper-box .swiper-button-prev {margin:0; position:static; width:24px; height:24px; background:url('../images/icon_date_swiper_prev_m.png') no-repeat left center / 7px auto;}
.date-swiper-box .swiper-button-next {margin:0; position:static; width:24px; height:24px; background:url('../images/icon_date_swiper_next_m.png') no-repeat right center / 7px auto;}
.date-swiper-box .swiper {flex:1; min-width:0; margin:0 15px;}
.date-swiper-box .swiper .swiper-slide {width:33.33%; opacity:0.6;}
.date-swiper-box .swiper .swiper-slide.active {opacity:1;}
.date-swiper-box .swiper .swiper-slide.active:after {position:absolute; left:0; bottom:-1px; width:100%; height:3px; background:#adbcc6; content:"";}
.date-swiper-box .swiper .swiper-slide .inner {display:block; text-align:center; padding:12px 0;}
.date-swiper-box .swiper .swiper-slide .inner time {display:block; text-align:center; font-size:12px; color:#000;}
.date-swiper-box .swiper .swiper-slide .inner strong {display:block; text-align:center; margin:4px 0 0; font-size:16px; font-weight:700;}

/* step-box */
.step-box {width:100%; margin:0 -24px 0; position:absolute; top:56.5px; display:flex; flex-wrap:wrap; align-items:center;}
.step-box > div {flex:1; min-width:0; height:3.5px; background:#cdcdcd;}
.step-box > div.active {background:#f00;}

/* detail-box */
.detail-box {border-radius:5px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.detail-box .detail-head {height:50px; padding:0 15px; background:#000; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.detail-box .detail-head > div {flex:1; min-width:0; padding:0 15px 0 0;}
.detail-box .detail-head > div strong {display:block; font-size:15px; font-weight:700; color:#fff;}
.detail-box .detail-head > div p {font-size:13px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.detail-box .detail-head > div.check-box {flex:none; padding:0;}
.detail-box .detail-head > div.check-box label {color:#fff;}
.detail-box .detail-head > div.check-box label:before {background:#fff;}
.detail-box .detail-head > div.check-box input:checked ~ label:before {background:#f00 url('../images/icon_check_on.png') no-repeat center / 11px auto;}
.detail-box .detail-head > p {font-size:13px; color:#fff;}
.detail-box .detail-head > em {font-size:19px; color:#fff; font-weight:300;}
.detail-box .detail-head > em b {font-size:19px; color:#fff; font-weight:800;}
.detail-box .detail-head.white {background:#ffffff;}
.detail-box .detail-head.white .check-box {position:relative; width:100%; overflow:visible;}
.detail-box .detail-head.white .check-box:after {position:absolute; left:50%; bottom:-17px; transform:translateX(-50%); width:calc(100% - 30px); height:1px; background:#e4e4e4; content:"";}
.detail-box .detail-head.white .check-box label {color:#000;}
.detail-box .detail-head.gray {background:#b3b3b3;}
.detail-box .detail-head.thick-gray {background:#5c5c5c;}
.detail-box .detail-head.active {background:#f00;}
.detail-box .detail-body {background:#fff; padding:18px 25px 30px;}
.detail-box.circle {box-shadow:none;}
.detail-box.circle .detail-head {position:relative;}
.detail-box.circle .detail-head:before {position:absolute; left:-10px; bottom:-10px; background:#ececec; width:20px; height:20px; border-radius:50%; content:"";}
.detail-box.circle .detail-head:after {position:absolute; right:-10px; bottom:-10px; background:#ececec; width:20px; height:20px; border-radius:50%; content:"";}
@media (max-width:380px){
.detail-box .detail-body {padding:18px 15px 30px;}
}

/* ship-list-box */
.ship-list-box > .list > .list-item {border-bottom:1px solid #e4e4e4; margin:0 0 17px; padding:0 0 17px;}
.ship-list-box > .list > .list-item:last-of-type {border:0; margin:0; padding:0;}
.ship-list-box > .list > .list-item > .inner {display:block;}
.ship-list-box > .list > .list-item .list-top {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 8px;}
.ship-list-box > .list > .list-item .list-top p {margin:0 0 0 5px; flex:1; min-width:0; font-size:14px; font-weight:600;}
.ship-list-box > .list > .list-item .list-center {display:flex; flex-wrap:wrap; background:url('../images/icon_ship_m.png') no-repeat center / 28.5px auto;}
.ship-list-box > .list > .list-item .list-center > div {flex:1; min-width:0;}
.ship-list-box > .list > .list-item .list-center > div:first-of-type {padding:0 25px 0 0;}
.ship-list-box > .list > .list-item .list-center > div:last-of-type {padding:0 0 0 25px; text-align:right;}
.ship-list-box > .list > .list-item .list-center > div p {font-size:13px;}
.ship-list-box > .list > .list-item .list-center > div p b {font-size:13px; font-weight:600;}
.ship-list-box > .list > .list-item .list-center > div span {display:block; font-size:11px; color:#3d3d3d;}
.ship-list-box > .list > .list-item .list-center > div time {display:block; font-size:10px; font-weight:600; color:#f00; padding:1px 3px;}
.ship-list-box > .list > .list-item .list-center > div time.active {display:inline-block; background:#f00; color:#fff;}
.ship-list-box > .list > .list-item .list-button {margin:20px -2px -4px; display:flex; flex-wrap:wrap; align-items:center;}
.ship-list-box > .list > .list-item .list-button a {width:calc(50% - 4px); height:40px; background:#f1f1f1; font-size:14px; font-weight:600; color:#000; margin:0 2px 4px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:3px;}

/* person-list-box */
.person-list-box {margin:-15px 0;}
.person-list-box > .list > .list-item:last-of-type {border:0;}
.person-list-box > .list > .list-item .list-head {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #e4e4e4;}
.person-list-box > .list > .list-item .list-head .toggle {padding:15px 0; display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0;}
.person-list-box > .list > .list-item .list-head .toggle:before {display:inline-block; content:""; width:13.5px; height:16.5px; margin:0 3.5px 0 0; background-position:left center; background-repeat:no-repeat;}
.person-list-box > .list > .list-item .list-head .toggle:after {margin:0 0 0 10px; display:inline-block; content:""; width:10px; height:6.5px; background:url('../images/icon_mypage_toggle_m.png') no-repeat center / cover;}
.person-list-box > .list > .list-item .list-head .toggle p {flex:1; min-width:0; font-size:14px; font-weight:700; padding:0 10px 0 0;}
.person-list-box > .list > .list-item .list-head .toggle b {font-size:14px;}
.person-list-box > .list > .list-item .list-body {display:none; background:#f4f4f4; border-radius:1px; padding:15px;}
.person-list-box > .list > .list-item .list-body > dl > dt {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:13px; font-weight:700; margin:4px 0 0;}
.person-list-box > .list > .list-item .list-body > dl > dt:first-of-type {margin:0;}
.person-list-box > .list > .list-item .list-body > dl > dt .check-box {overflow:visible; margin:0 0 3px;}
.person-list-box > .list > .list-item .list-body > dl > dt .check-box label:before {position:relative; top:-1px;}
.person-list-box > .list > .list-item .list-body > dl > dd {font-size:13px;}
.person-list-box > .list > .list-item .list-body.white {background:#fff; margin:0 0 -15px;}
.person-list-box > .list > .list-item.adult .list-head .toggle:before {background-image:url('../images/icon_mypage_adult_m.png'); background-size:12.5px auto;}
.person-list-box > .list > .list-item.children .list-head .toggle:before {background-image:url('../images/icon_mypage_children_m.png'); background-size:12.5px auto;}
.person-list-box > .list > .list-item.baby .list-head .toggle:before {background-image:url('../images/icon_mypage_baby_m.png'); background-size:13.5px auto;}
.person-list-box > .list > .list-item.active .list-head .toggle:after {transform:rotate(180deg);}
.person-list-box > .list > .list-item.active .list-body {display:block;}
.person-list-box > .list > .list-item.active .list-body.white {margin:0; padding-bottom:0;}
.person-list-box.open > .list > .list-item .list-head .toggle {pointer-events:none;}
.person-list-box.open > .list > .list-item .list-head .toggle:after {display:none;}
.person-list-box.open > .list > .list-item .list-body {display:block; padding-bottom:0;}
.person-list-box.not-toggle > .list > .list-item .list-head .toggle {position:relative;}
.person-list-box.not-toggle > .list > .list-item .list-head .toggle:after {display:none;}
.person-list-box.not-toggle > .list > .list-item .list-head .toggle .check-box {position:static;}

/* toggle-box */
.toggle-box {margin:-15px 0;}
.toggle-box > .list > .list-item:last-of-type {margin:0; border:0;}
.toggle-box > .list > .list-item .toggle-head .toggle {padding:15px 0; display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #e4e4e4;}
.toggle-box > .list > .list-item .toggle-head .toggle:after {display:inline-block; content:""; width:10px; height:6.5px; background:url('../images/icon_mypage_toggle_m.png') no-repeat center / cover;}
.toggle-box > .list > .list-item .toggle-head .toggle p {display:block; flex:1; min-width:0; padding:0 9px; font-size:14px; font-weight:700; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.toggle-box > .list > .list-item .toggle-head .toggle span {font-size:14px; font-weight:700; margin:0 12px 0 0;}
.toggle-box > .list > .list-item:last-of-type .toggle-head .toggle {border:0;}
.toggle-box > .list > .list-item .toggle-body {display:none; padding:15px 0 15px 15px;}
.toggle-box > .list > .list-item.active .toggle-head .toggle:after {transform:rotate(180deg);}
.toggle-box > .list > .list-item:last-of-type.active .toggle-head .toggle {border-bottom:1px solid #e4e4e4;}
.toggle-box > .list > .list-item.active .toggle-body {display:block;}

/* line-box */
.line-box {width:100%; height:1px; background:#e4e4e4; margin:15px 0;}

/* price-box */
.price-box dl dd {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 0 3px;}
.price-box dl dd:last-of-type {margin:0;}
.price-box dl dd p {font-size:13px;}
.price-box dl dd b {font-size:13px; font-weight:700;}
.price-box dl dd:last-of-type {border-top:1px solid #e4e4e4; padding:15px 0 0; margin:15px 0 0;}
.price-box dl dd:last-of-type p {font-weight:700;}
.price-box dl dd:last-of-type b {font-size:18px; font-weight:800;}

/* price-total-box */
.price-total-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.price-total-box p {font-size:13px; font-weight:500;}
.price-total-box strong {font-size:16px; font-weight:800;}

/* order-box */
.order-box > div > strong {display:block; margin:0 0 10px; font-size:13px; font-weight:700;}
.order-box > div > dl dd {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.order-box > div > dl dd p {font-size:13px;}
.order-box > div > a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:40px; font-size:14px; font-weight:700; margin:10px 0 -10px;}
.order-box > div > a:before {display:inline-block; content:""; width:15px; height:16px; margin:0 3px 0 0; background:url('../images/icon_recipe_m.png') no-repeat center / cover;}

/* info-box */
.info-box dl dd {margin:0 0 3px; display:flex; flex-wrap:wrap; align-items:center;}
.info-box dl dd:last-of-type {margin:0;}
.info-box dl dd p {font-size:13px;}
.info-box dl dd p:first-of-type {font-weight:500; width:75px;}
.info-box.space {border-bottom:1px solid #e4e4e4; padding:13px 0 13px 18px; margin:-37px 0 0; background:#fff;}
.info-box.space dl dd {justify-content:space-between;}
.info-box.space dl dd p:first-of-type {width:auto;}

/* table-box */
.table-box .table-line {background:#e4e4e4; width:100%; height:1px; margin:20px 0;}
.table-box .table-inner {overflow-x:auto; overflow-y:hidden; white-space:nowrap;}
.table-box .table-inner table {table-layout:fixed; width:100%; border-top:2px solid #000;}
.table-box .table-inner table thead tr th {border-bottom:1px solid #9a9a9a; border-right:1px solid #9a9a9a; background:#f4f4f4; padding:10px; font-size:13px; font-weight:700;}
.table-box .table-inner table thead tr th:last-of-type {border-right:0;}
.table-box .table-inner table tbody tr th {padding:10px; font-size:11px; border-bottom:1px solid #9a9a9a; border-right:1px solid #9a9a9a; font-weight:700; background:#f4f4f4;}
.table-box .table-inner table tbody tr td {padding:10px; font-size:11px; border-bottom:1px solid #9a9a9a; border-right:1px solid #9a9a9a; white-space:normal;}
.table-box .table-inner table tbody tr td:last-of-type {border-right:0;}
.table-box .table-inner table tbody tr td img {width:100%;}
.table-box .table-inner table tbody tr td a.name {display:flex; flex-wrap:wrap; align-items:center;}
.table-box .table-inner table tbody tr td a.name p {flex:1; min-width:0; padding:0 10px 0 0; font-size:11px;}
.table-box .table-inner table tbody tr td a.name:after {display:inline-block; content:""; width:14px; height:14px; background:url('../images/icon_notice_m.png') no-repeat center / cover;}

/* table-agree-box */
.table-agree-box h3 {margin:0 0 5px; font-size:13px; font-weight:700;}
.table-agree-box table {table-layout:fixed; width:100%; border-top:2px solid #000;}
.table-agree-box table tr td {border-bottom:1px solid #9a9a9a; border-right:1px solid #9a9a9a; padding:10px; font-size:11px; white-space:normal;}
.table-agree-box table tr td:last-of-type {border-right:0;}
.table-agree-box table tr td > div {width:20.5px; height:20.5px; background-size:cover; background-position:center; margin:0 auto;}
.table-agree-box table tr td > div.x {background-image:url('../images/icon_x_m.png');}
.table-agree-box table tr td > div.o {background-image:url('../images/icon_o_m.png');}

/* register-button-box */
.register-button-box a {display:flex; flex-wrap:wrap; align-items:center; border-radius:2.5px; background:#f1f1f1; padding:9.5px 12.5px;}
.register-button-box a p {flex:1; min-width:0; padding:0 12.5px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px;}
.register-button-box a b {font-size:13px; font-weight:700;}
.register-button-box.gray a {background:#585858;}
.register-button-box.gray a p {color:#fff;}
.register-button-box.gray a b {color:#fff;}
.register-button-box.active a {background:#f00;}
.register-button-box.active a p {color:#fff;}
.register-button-box.active a b {color:#fff;}

/* logo-box */
.logo-box {margin:0 0 30px;}
.logo-box img {width:108px;}

/* write-box */
.write-box > ul > li {margin:0 0 14px;}
.write-box > ul > li:last-of-type {margin:0;}
.write-box > ul > li > strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:13px; font-weight:700; margin:0 0 4px;}
.write-box > ul > li > strong b {font-size:13px; font-weight:700;}
.write-box > ul > li > strong.req {justify-content:flex-start;}
.write-box > ul > li > strong.req:after {display:inline-block; content:"*"; font-size:13px; font-weight:700; color:#f00; margin:0 0 0 3px;}
.write-box.border > ul > li {margin:0 0 15px; padding:0 0 15px; border-bottom:1px solid #e4e4e4;}
.write-box.border > ul > li:last-of-type {margin:0; padding:0; border:0;}

/* write-white-box */
.write-white-box {background:#fff; border-radius:5px;}
.write-white-box .white-head {margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:center;}
.write-white-box .white-head .sticker-box b {min-width:55px; border-radius:5px 0 5px 0; height:25px;}
.write-white-box .white-head p {margin:0 0 0 5px; padding:2px 0; font-size:14px; font-weight:500;}
.write-white-box .white-body {padding:0 15px 20px;}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #b4b4b4; border-radius:3px; overflow:hidden; background:#fff;}
.input-box input {flex:1; min-width:0; background:none; border:0 !important; height:40px; padding:0 10px; font-size:13px; font-weight:500; color:#000; box-shadow:none;}
.input-box input::placeholder {color:#acacac;}
.input-box b {font-size:13px; font-weight:600;}
.input-box a.delete {width:13px; height:13px; font-size:0; background:url('../images/icon_input_delete_m.png') no-repeat center / cover;}
.input-box.readonly {background:#dfdfdf;}
.input-box.readonly input {color:#acacac;}
.input-box.readonly input::placeholder {color:#acacac;}

/* date-box */
.date-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #b4b4b4; border-radius:3px; overflow:hidden; background:#fff;}
.date-box .birthday {flex:1; min-width:0; background:none; border:0 !important; height:40px; padding:0 10px; font-size:13px; font-weight:500; color:#000; box-shadow:none;}
.date-box input {flex:1; min-width:0; background:none; border:0 !important; height:40px; padding:0 10px; font-size:13px; font-weight:500; color:#000; box-shadow:none; text-align: center;}
.date-box input::-webkit-calendar-picker-indicator {opacity:0; }
.date-box.readonly {background:#dfdfdf;}
.date-box.readonly input {color:#acacac;}
.date-box.readonly input::placeholder {color:#acacac;}
.date-box.readonly:before {background-image:url('../images/icon_date_gray_m.png');}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center; border:1px solid #b4b4b4; border-radius:3px; overflow:hidden; background:#fff;}
.select-box select {appearance:none; flex:1; min-width:0; height:40px; padding:0 30px 0 10px; font-size:13px; font-weight:400; color:#000; box-shadow:none; background:url('../images/icon_select_m.png') no-repeat calc(100% - 14px) center / 10px auto;}
.select-box.disabled {background:#dfdfdf;}
.select-box.disabled select {color:#acacac;}

/* check-box */
.check-box {display:flex; flex-wrap:wrap; align-items:center; position:relative; overflow:hidden;}
.check-box input {position:absolute; left:0; top:0; width:80%; height:100%; opacity:0; cursor:pointer;}
.check-box label {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; font-size:13px; color:#000;}
.check-box label:before {display:inline-block; content:""; width:15.5px; height:15.5px; border-radius:3px; border:1px solid #666; margin:0 9px 0 0;}
.check-box label p {display:flex; flex-wrap:wrap; align-items:center; font-size:13px; font-weight:600;}
.check-box label p:after {display:inline-block; content:""; width:1px; height:13px; background:#acacac; margin:0 10px;}
.check-box label p:last-of-type:after {display:none;}
.check-box label b {font-size:13px; color:#000; font-weight:700; margin:0 0 0 5px;}
.check-box label.flex-vt {align-items:flex-start !important;}
.check-box input:checked ~ label {color:#000;}
.check-box input:checked ~ label:before {background:#f00 url('../images/icon_check_on.png') no-repeat center / 11px auto;}
.check-box div {position:relative; z-index:3; width:100%; display:flex; flex-wrap:wrap; align-items:center; margin:5px 0 0; padding:0 0 0 15.5px;}
.check-box div a {display:flex; flex-wrap:wrap; align-items:center; background:rgba(255,0,0,0.1); border-radius:4px; padding:4px 8px; font-size:12px; font-weight:600; text-decoration:none;}
.check-box div a:after {display:inline-block; content:""; width:11px; height:11px; margin:0 0 0 4px; background:url('../images/icon_link_m.png') no-repeat center / cover;}
.check-box a {margin:0 0 0 10px; font-size:13px; font-weight:600; text-decoration:underline;}
.check-box.f0 label {font-size:0; margin:0 auto;}
.check-box.f0 label:before {margin:0 auto;}
.check-box.center {justify-content:center;}
.check-box.center label {flex:none;}
.check-box.white label:before {background:#fff;}
.check-box.white input:checked ~ label:before {background:#f00 url('../images/icon_check_on.png') no-repeat center / 11px auto;}
.check-box .sticker-box {width:auto; margin:0; padding:0;}

/* check-filter-box */
.check-filter-box {display:flex; flex-wrap:wrap; align-items:center;}
.check-filter-box .check-box:after {display:inline-block; content:""; width:1px; height:13px; background:#c9c9c9; margin:0 10px;}
.check-filter-box .check-box:last-of-type:after {display:none;}
.check-filter-box .check-box label:before {margin:0 5px 0 0;}

/* check-list-box */
.check-list-box ul li {border-bottom:1px solid #dbdbdb; position:relative;}
.check-list-box ul li:last-of-type {border:0;}
.check-list-box ul li input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-list-box ul li label {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:13px 0;}
.check-list-box ul li label span {font-size:0; display:inline-block; content:""; width:17.5px; height:17.5px; background:#fff; border:1.5px solid #a7a7a7; border-radius:50%;}
.check-list-box ul li label p {font-size:15px; font-weight:700;}
.check-list-box ul li input:checked ~ label span {position:relative; border-color:#f00;}
.check-list-box ul li input:checked ~ label span:after {position:absolute; content:""; width:10.5px; height:10.5px; left:50%; top:50%; transform:translate(-50%,-50%); background:#f00; border-radius:50%;}
.check-list-box ul li:first-of-type label {padding-top:0;}
.check-list-box ul li:last-of-type label {padding-bottom:0;}

/* check-table-box */
.check-table-box {border-top:2px solid #000;}
.check-table-box ul li {position:relative; border-bottom:1px solid #9a9a9a;}
.check-table-box ul li input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-table-box ul li label {display:flex; flex-wrap:wrap; align-items:center;}
.check-table-box ul li label:before {display:inline-block; content:""; width:15.5px; height:15.5px; border-radius:3px; border:1px solid #666; margin:0 13px;}
.check-table-box ul li label p {flex:1; min-width:0; padding:16px 15px; font-size:13px; flex:1; min-width:0; border-left:1px solid #9a9a9a;}
.check-table-box ul li input:checked ~ label:before {background:#f00 url('../images/icon_check_on.png') no-repeat center / 11px auto;}

/* check-button-box */
.check-button-box {display:flex; flex-wrap:wrap;}
.check-button-box a {height:40px; font-size:13px; color:#acacac; flex:1; min-width:0; margin:0 5px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #b4b4b4; border-radius:3px;}
.check-button-box a:last-of-type {margin:0;}
.check-button-box a.active {position:relative; border-color:#000; color:#000;}
.check-button-box a.active:after {position:absolute; right:12px; top:50%; transform:translateY(-50%); width:12px; height:12px; content:""; background:url('../images/icon_check_button_on_m.png') no-repeat center / cover;}

/* category-box */
.category-box ul {margin:0 -2.5px -5px; display:flex; flex-wrap:wrap; align-items:center;}
.category-box ul li {margin:0 2.5px 5px;}
.category-box ul li a {background:#adadad; height:24px; padding:0 9px; font-size:13px; color:#fff; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.category-box ul li.active a {background:#f00;}

/* agree-box */
.agree-box > ul > li {margin:0 0 30px;}
.agree-box > ul > li:last-of-type {margin:0;}
.agree-box > ul > li strong {display:block; margin:0 0 7px; font-size:17px; font-weight:700;}
.agree-box > ul > li p {font-size:13px;}
.agree-box > ul > li p b {font-size:13px; font-weight:600;}

/* ticket-box */
.ticket-box > ul > li {margin:0 0 12px;}
.ticket-box > ul > li > .inner {display:block; border-radius:5px; background:#fff; overflow:hidden;}
.ticket-box > ul > li > .inner > .list-head {width:100%; position:relative; padding:37px 24px 17px; display:flex; flex-wrap:wrap; align-items:center;}
.ticket-box > ul > li > .inner > .list-head .sticker-box {position:absolute; left:0; top:0;}
.ticket-box > ul > li > .inner > .list-head .sticker-box b {border-radius:5px 0 5px 0; width:70px;}
.ticket-box > ul > li > .inner > .list-head .more-box {position:absolute; right:0; top:0; padding:5px;}
.ticket-box > ul > li > .inner > .list-head .more-box * {font-size:11px; text-decoration:underline;}
.ticket-box > ul > li > .inner > .list-head .head-side {flex:1; min-width:0; text-align:center;}
.ticket-box > ul > li > .inner > .list-head .head-side small {display:block; font-size:10px; text-align:center; font-weight:500;}
.ticket-box > ul > li > .inner > .list-head .head-side time {display:block; font-size:20px; font-weight:800; text-align:center;}
.ticket-box > ul > li > .inner > .list-head .head-side span {display:inline-block; font-size:10px; color:#fff; background:#f00; padding:0 3px;}
.ticket-box > ul > li > .inner > .list-head .head-center {width:100px;}
.ticket-box > ul > li > .inner > .list-head .head-center:before {display:block; content:""; width:27px; height:15px; margin:0 auto; background:url('../images/icon_ship_m.png') no-repeat center / cover;}
.ticket-box > ul > li > .inner > .list-head .head-center p {font-size:11px; font-weight:600; text-align:center; border-top:1px solid #000; padding:3px 0 0;}
.ticket-box > ul > li > .inner > .list-body {position:relative; padding:0 24px 15px;}
.ticket-box > ul > li > .inner > .list-body:before {position:absolute; left:-10px; top:-10px; width:20px; height:20px; border-radius:50%; content:""; background:#ececec;}
.ticket-box > ul > li > .inner > .list-body:after {position:absolute; right:-10px; top:-10px; width:20px; height:20px; border-radius:50%; content:""; background:#ececec;}
.ticket-box > ul > li > .inner > .list-body .body-sit {position:relative; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; border-top:1px solid #e4e4e4; padding:15px 0 0;}
.ticket-box > ul > li > .inner > .list-body .body-sit:after {position:absolute; right:0; top:50%; transform:translateY(-50%); content:""; width:14.5px; height:15px; background:url('../images/icon_ticket_check_m.png') no-repeat center / cover;}
.ticket-box > ul > li > .inner > .list-body .body-sit b {font-size:13px; font-weight:700;}
.ticket-box > ul > li > .inner > .list-body .body-sit small {margin:0 0 0 5px; font-size:11px; font-weight:500;}
.ticket-box > ul > li > .inner > .list-body .body-price {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center;}
.ticket-box > ul > li > .inner > .list-body .body-price p {font-size:12px; font-weight:500; margin:0 5px 0 0;}
.ticket-box > ul > li > .inner > .list-body .body-price b {font-size:18px; font-weight:800;}
.ticket-box > ul > li.active > .inner > .list-body {background:#f00;}
.ticket-box > ul > li.active > .inner > .list-body .body-sit {border-color:#f00;}
.ticket-box > ul > li.active > .inner > .list-body .body-sit:after {background-image:url('../images/icon_ticket_check_on_m.png');}
.ticket-box > ul > li.active > .inner > .list-body .body-sit b {color:#fff;}
.ticket-box > ul > li.active > .inner > .list-body .body-sit small {color:#fff;}
.ticket-box > ul > li.active > .inner > .list-body .body-price p {color:#fff;}
.ticket-box > ul > li.active > .inner > .list-body .body-price b {color:#fff;}

/* price-swiper-box */
.price-swiper-box {position:relative; margin:0 -15px; overflow:hidden;}
.price-swiper-box .swiper-container {overflow:visible; margin:15px 0 0;}
.price-swiper-box .swiper-slide {width:85%; border-radius:5px; opacity:0.5;}
.price-swiper-box .swiper-slide:before {position:absolute; left:20px; top:-4px; display:block; content:""; width:15px; height:15px; background:#282828; transform:rotate(45deg);}
.price-swiper-box .swiper-slide.swiper-slide-active {opacity:1;}
.price-swiper-box .swiper-slide .list-head {position:relative; padding:10px 20px; background:#282828; border-radius:5px 5px 0 0;}
.price-swiper-box .swiper-slide .list-head strong {font-size:15px; font-weight:800; color:#fff;}
.price-swiper-box .swiper-slide .list-head div {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between;}
.price-swiper-box .swiper-slide .list-head div p {display:flex; flex-wrap:wrap; align-items:baseline; font-size:12px; color:#fff;}
.price-swiper-box .swiper-slide .list-head div p b {font-size:18px; color:#fff; font-weight:800; margin:0 0 0 5px;}
.price-swiper-box .swiper-slide .list-body {background:#fff; border-radius:0 0 5px 5px; padding:14px 20px;} 
.price-swiper-box .swiper-slide .list-body dl dd {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 0 3px;}
.price-swiper-box .swiper-slide .list-body dl dd:last-of-type {margin:0;}
.price-swiper-box .swiper-slide .list-body dl dd p {font-size:11px;}
.price-swiper-box .swiper-slide .list-body dl dd p b {font-size:11px; font-weight:600;}
.price-swiper-box .swiper-slide .list-body dl dd p:first-of-type {font-weight:600;}
.price-swiper-box .swiper-button-prev {top:50%; left:6%; transform:rotate(180deg); width:26px; height:26px; border-radius:50%; background:#fff url('../images/icon_swiper_arrow_m.png') no-repeat center / 6.5px auto;}
.price-swiper-box .swiper-button-next {top:50%; right:6%; width:26px; height:26px; border-radius:50%; background:#fff url('../images/icon_swiper_arrow_m.png') no-repeat center / 6.5px auto; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);}

/* total-button-box */
.total-button-box:before {display:block; content:""; width:100%; height:112px;}
.total-button-box > * {position:fixed; left:50%; bottom:0; width:100%; max-width:720px; transform:translateX(-50%); z-index:100; display:block;}
.total-button-box .total-price {padding:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:#fff; border-radius:15px 15px 0 0; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1);}
.total-button-box .total-price p {font-size:13px; font-weight:700;}
.total-button-box .total-price b {font-size:16px; font-weight:400;}
.total-button-box .total-price b strong {font-size:16px; font-weight:800;}
.total-button-box .total-button .btn {height:50px; font-size:15px; border-radius:0;}

/* load-box */
.load-box {position:fixed; left:50%; top:0; transform:translateX(-50%); width:100%; height:100%; max-width:720px; z-index:9999; transition:all ease 0.5s; background:rgba(0,0,0,0.4); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center;}
.load-box img {width:84px; display:block; margin:0 auto 25px;}
.load-box p {width:100%; text-align:center; margin:8.5px 0 0; font-size:13px; font-weight:600; color:#fff;}
.load-box .loading {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.load-box .loading span {display:block; margin:0 3px 0 0; width:6.5px; height:6.5px; background:rgba(255,255,255,0.44); animation: loading 1s 0s linear infinite; border-radius:50%;}
.loading span:nth-child(1) {animation-delay:0s; background:#fff;}
.loading span:nth-child(2) {animation-delay:0.2s; background:#fff;}
.loading span:nth-child(3) {animation-delay:0.4s; background:#fff;}
.loading span:nth-child(4) {animation-delay:0.6s; background:#fff;}
.loading span:nth-child(5) {animation-delay:0.8s; background:#fff;}
 @keyframes loading {
	0%,100% {opacity:0; transform:scale(0.5);}
	50% {opacity:1; transform:scale(1.2);}
}

/* recipe-box */
.recipe-box .list-head h2 {display:flex; flex-wrap:wrap; align-items:center; padding:20px 13px; border-radius:10px; font-size:17px; color:#fff; background:#f00; font-weight:700;}
.recipe-box .list-body {padding:15px;}
.recipe-box .list-body ul {display:flex; flex-wrap:wrap; margin:0 0 -14px;}
.recipe-box .list-body ul li {width:50%; border-bottom:1px solid #878787; margin:0 0 14px;}
.recipe-box .list-body ul li.full {width:100%;}
.recipe-box .list-body ul li small {display:block; font-size:10px;}
.recipe-box .list-body ul li p {margin:2px 0 0; font-size:13px; font-weight:700;}
.recipe-box .list-foot {padding:0 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.recipe-box .list-foot a {font-size:15px; font-weight:600; height:40px; display:flex; flex-wrap:wrap; align-items:center;}

/* popup-box */
.popup-box {pointer-events:none; opacity:0; position:fixed; left:50%; top:0; transform:translateX(-50%); max-width:720px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9999; transition:all ease 0.5s;}
.popup-box .popup-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.popup-box .popup-head a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:23px; background:#000; color:#fff; padding:0 15px; font-size:14px; color:#fff;}
.popup-box .popup-head a:after {display:block; content:""; width:12px; height:12px; margin:0 0 0 5px; background:url('../images/icon_close_white_m.png') no-repeat center / cover;}
.popup-box .popup-foot {margin:42px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.popup-box .popup-foot img {width:154px;}
.popup-box .box {pointer-events:none; opacity:0; position:absolute; background:#fff; transition:all ease 0.5s; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.1); max-height:85%; overflow-y:auto;}
.popup-box .box.bottom {border-radius:10px 10px 0 0; left:0; bottom:-30px; width:100%;}
.popup-box .box.bottom .popup-body {padding:30px 24px;}
.popup-box .box.alert {border-radius:10px; left:50%; top:45%; transform:translate(-50%,-50%); width:calc(100% - 30px); max-width:320px; padding:30px 25px;}
.popup-box .box.alert .popup-foot {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:0 0 -20px;}
.popup-box .box.alert .popup-foot a {margin:0 20px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:40px; font-size:15px; font-weight:600;}
.popup-box .box.alert .popup-foot a:last-of-type {margin:0;}
.popup-box .box.basic {border-radius:10px; padding:20px; left:50%; top:45%; width:calc(100% - 30px); max-width:100%; transform:translate(-50%,-50%);}
.popup-box .box .popup-foot .button-box .btn {height:50px; font-size:15px; border-radius:0;}
.popup-box.fixed {pointer-events:inherit; opacity:1;}
.popup-box.fixed .box.active {pointer-events:inherit; opacity:1;}
.popup-box.fixed .box.bottom.active {bottom:0;}
.popup-box.fixed .box.alert.active {top:50%;}
.popup-box.fixed .box.basic {top:50%;}

/* total-fixed-box */
.total-fixed-box {pointer-events:none; opacity:0; position:fixed; left:50%; top:0; transform:translateX(-50%); max-width:720px; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.5); z-index:9999; transition:all ease 0.5s;}
.total-fixed-box .box {pointer-events:none; opacity:0; border-radius:10px 10px 0 0; position:absolute; left:0; bottom:-30px; width:100%; max-height:50%; overflow-y:auto; background:#fff; transition:all ease 0.5s;}
.total-fixed-box .box > .list-head {padding:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.total-fixed-box .box > .list-head p {font-size:13px; font-weight:700;}
.total-fixed-box .box > .list-head b {font-size:16px; font-weight:400;}
.total-fixed-box .box > .list-head b strong {font-size:16px; font-weight:800;}
.total-fixed-box .box > .list-body {padding:0 20px 20px;}
.total-fixed-box .box > .list-body .category-box {margin:-10px 0 0;}
.total-fixed-box .box > .list-foot {position:sticky; left:0; bottom:0; width:100%;}
.total-fixed-box .box > .list-foot .btn {height:50px; font-size:15px; border-radius:0;}
.total-fixed-box.fixed {pointer-events:inherit; opacity:1;}
.total-fixed-box.fixed .box {pointer-events:inherit; opacity:1; bottom:0;}

/* total-orange-box */
.total-orange-box {background:#ff7800; border-radius:3px; padding:0 14px; height:45px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.total-orange-box p {font-size:13px; font-weight:500; color:#fff;}
.total-orange-box b {font-size:16px; font-weight:500; color:#fff;}
.total-orange-box b strong {font-size:16px; font-weight:800; color:#fff;}

/* price-list-box */
.price-list-box {border:1px solid #d4d4d4; border-radius:5px;}
.price-list-box .price-head {display:flex; flex-wrap:wrap; align-items:center;}
.price-list-box .price-head .sticker-box b {width:55px; border-radius:5px 0 5px 0; margin:0 5px 0 0;}
.price-list-box .price-head p {font-size:13px; font-weight:500; padding:1px 0;}
.price-list-box .price-body {padding:15px;}
.price-list-box .price-body .body-top {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid #e4e4e4; padding:0 0 15px; margin:0 0 15px;}
.price-list-box .price-body .body-top .top-side {flex:1; min-width:0;}
.price-list-box .price-body .body-top .top-side strong {display:block; text-align:center; font-size:16px; font-weight:800;}
.price-list-box .price-body .body-top .top-side time {display:block; text-align:center; font-size:12px; color:#979797;}
.price-list-box .price-body .body-top .top-center {width:28.5px; height:17px; background:url('../images/icon_ship_m.png') no-repeat center / cover; margin:0 15px;}
.price-list-box .price-body .body-bottom ul li {border-bottom:1px solid #e4e4e4; padding:0 0 15px; margin:0 0 15px;}
.price-list-box .price-body .body-bottom ul li:last-of-type {border:0; padding:0; margin:0;}
.price-list-box .price-body .body-bottom ul li strong {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:600;}
.price-list-box .price-body .body-bottom ul li strong:before {display:inline-block; content:""; width:13.5px; height:16.5px; margin:0 5px 0 0; background-position:left center; background-repeat:no-repeat;}
.price-list-box .price-body .body-bottom ul li strong.adult:before {background-image:url('../images/icon_mypage_adult_m.png'); background-size:12.5px auto;}
.price-list-box .price-body .body-bottom ul li strong.children:before {background-image:url('../images/icon_mypage_children_m.png'); background-size:12.5px auto;}
.price-list-box .price-body .body-bottom ul li strong.baby:before {background-image:url('../images/icon_mypage_baby_m.png'); background-size:13.5px auto;}
.price-list-box .price-body .body-bottom ul li dl dd {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 0 0 20px; margin:0 0 2px;}
.price-list-box .price-body .body-bottom ul li dl dd p {font-size:12px;}
.price-list-box .price-body .body-bottom ul li dl dd:last-of-type {margin:0;}
.price-list-box .price-body .body-bottom ul li dl dd:last-of-type p {font-weight:700;}

/* total-table-box */
.total-table-box {border-radius:5px; border:1px solid #d4d4d4; padding:15px;}
.total-table-box ul li {display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:1px solid #d4d4d4; margin:0 0 15px; padding:0 0 15px;}
.total-table-box ul li:last-of-type {border:0; margin:0; padding:0;}
.total-table-box ul li p {font-size:14px; font-weight:700;}
.total-table-box ul li p small {display:block; font-size:12px; color:#979797; font-weight:400;}
.total-table-box ul li p:last-of-type {text-align:right;}
.total-table-box ul li p:last-of-type smaall {text-align:right;}

/* service-list-box */
.service-list-box ul li {margin:0 0 15px;}
.service-list-box ul li:last-of-type {margin:0;}
.service-list-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:#fff; border-radius:5px; padding:15px 20px;}
.service-list-box ul li a p {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; font-weight:700;}
.service-list-box ul li a p:before {display:inline-block; content:""; width:23px; height:23px; background-size:cover; background-position:center; margin:0 7px 0 0;}
.service-list-box ul li a small {font-size:13px; font-weight:700; color:#999;}
.service-list-box ul li.active a small {color:#000;}
.service-list-box ul li.cate01 a p:before {background-image:url('../images/icon_service_cate_01_m.png');}
.service-list-box ul li.cate02 a p:before {background-image:url('../images/icon_service_cate_02_m.png');}
.service-list-box ul li.cate03 a p:before {background-image:url('../images/icon_service_cate_03_m.png');}

/* person-select-box */
.person-select-box {margin:0 -15px;}
.person-select-box ul {display:block; overflow-x:auto; white-space:nowrap;}
.person-select-box ul::-webkit-scrollbar {display:none;}
.person-select-box ul li {display:inline-block; margin:0 10px 0 0;}
.person-select-box ul li:first-of-type {margin-left:15px;}
.person-select-box ul li:last-of-type {margin-right:15px;}
.person-select-box ul li a {display:flex; flex-wrap:wrap; align-items:center; width:190px; border:1px solid #b4b4b4; border-radius:3px; padding:8px 13px;}
.person-select-box ul li a p {display:flex; flex-wrap:wrap; align-items:center; width:100%; font-size:13px; font-weight:500; color:#acacac;}
.person-select-box ul li a p:before {display:inline-block; content:""; width:17px; height:18px; background:url('../images/icon_person_m.png') no-repeat center / cover; margin:0 7px 0 0;}
.person-select-box ul li a div {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:3px 0 0;}
.person-select-box ul li a div span {font-size:13px; color:#acacac;}
.person-select-box ul li a div b {font-size:13px; font-weight:700; color:#acacac;}
.person-select-box ul li.active a {border-color:#000; box-shadow:0 0 0 0.3px #b4b4b4, inset 0 0 0 0.3px #b4b4b4, inset 0 0 0 1px #000, 0 0 10px 0 rgba(0, 0, 0, 0.2);}
.person-select-box ul li.active a p {color:#000;}
.person-select-box ul li.active a p:before {background-image:url('../images/icon_person_on_m.png');}
.person-select-box ul li.active a div span {color:#000;}
.person-select-box ul li.active a div b {color:#000;}

/* notice-box */
.notice-box {border-radius:3px; border:1px solid #b4b4b4;}
.notice-box > a {display:flex; flex-wrap:wrap; align-items:center; padding:0 12px; height:45px;}
.notice-box > a p {flex:1; min-width:0; font-size:14px; font-weight:600; line-height:1;}
.notice-box > a:before {display:inline-block; content:""; width:17px; height:17px; margin:0 5px 0 0; background:url('../images/icon_notice_m.png') no-repeat center / cover;}
.notice-box > a:after {display:inline-block; content:""; width:10px; height:7px; background:url('../images/icon_select_m.png') no-repeat center / cover;}
.notice-box > .inner {padding:0 12px 24px; display:none;}
.notice-box.active > a:after {transform:rotate(180deg);}
.notice-box.active > .inner {display:block;}

/* footer-box */
.footer-box {padding:30px 15px 0;}
.footer-box .footer-top {margin:0 0 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.footer-box .footer-top h2 {font-size:15px; font-weight:700;}
.footer-box .footer-top ul {display:flex; flex-wrap:wrap; align-items:center;}
.footer-box .footer-top ul li {display:flex; flex-wrap:wrap; align-items:center;}
.footer-box .footer-top ul li:after {display:inline-block; content:""; background:#000; width:1px; height:10px; margin:0 7px;}
.footer-box .footer-top ul li:last-of-type:after {display:none;}
.footer-box .footer-top ul li a {font-size:13px; font-weight:500;}
.footer-box .footer-info h2 {font-size:14px; font-weight:700; margin:0 0 5px;}
.footer-box .footer-info a {font-size:13px; color:#656565;}
.footer-box .footer-info p {font-size:13px; color:#656565;}
.footer-box .footer-image {padding:30px 0;}
.footer-box .footer-image img {display:block; margin:0 auto; width:166px;}
.footer-box .footer-info .help-box {display:flex; flex-wrap:wrap; align-items:center; margin:10px 0 5px;}
.footer-box .footer-info .help-box div {display: flex;  align-items: center;  justify-content: center;width: 140px;height: 37px;border-radius: 3.5px;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);border: solid 1px #c8c8c8;background-color: #fff;}
.footer-box .footer-info .help-box img {margin: 5px 0 4.5px 3px;font-size: 12.8px; font-weight: normal; font-stretch: normal;  font-style: normal;  line-height: 1.88;  letter-spacing: normal;  text-align: left;  color: #000;}
.footer-box .footer-info .help-box span {margin: 5px 0 4.5px 3px;font-size: 12.8px; font-weight: normal; font-stretch: normal;  font-style: normal;  line-height: 1.88;  letter-spacing: normal;  text-align: left;  color: #000;}
.footer-box.mobile .footer-top {display:none;}
.footer-box.mobile .footer-info {display:none;}

/* main-box */
.main-box .main-head {background:#f00;}
.main-box .main-head {padding:0 12.5px 40.5px;}
/*.main-box .main-head .head-top {padding:23.5px 0 34px; position:relative;}*/
.main-box .main-head .head-top { display: flex; align-items: center; justify-content: space-between; position: relative; padding: 23.5px 0 34px; }
.main-box .main-head .head-top .logo-wrapper { flex: 1; display: flex; justify-content: center;}
.main-box .main-head .head-top .logo-wrapper a img { width: 153px; height: auto; }
.main-box .main-head .head-top   .mypage { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px;font-size: 0;background: url('../images/icon_mypage_m.png') no-repeat center / cover;}
/*.main-box .main-head .head-top h1 a {display:block; text-align:center;}
.main-box .main-head .head-top h1 img {display:block; margin:0 0 0 25%; width:153px;}
.main-box .main-head .head-top a.mypage {position:absolute; right:0; top:50%; transform:translateY(-50%); width:26px; height:26px; font-size:0; background:url('../images/icon_mypage_m.png') no-repeat center / cover;}*/
.main-box .main-head .head-bottom .head-bottom-tab {display:flex; flex-wrap:wrap;}
.main-box .main-head .head-bottom .head-bottom-tab ul {display:flex; flex-wrap:wrap; align-items:center; border-radius:10px 10px 0 0; overflow:hidden;}
.main-box .main-head .head-bottom .head-bottom-tab ul li {margin:0 1px 0 0;}
.main-box .main-head .head-bottom .head-bottom-tab ul li:last-of-type {margin:0;}
.main-box .main-head .head-bottom .head-bottom-tab ul li a {width:100px; height:55.5px; padding:0 0 5px; background:#eaeaea; font-size:14px; color:#656565; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-head .head-bottom .head-bottom-tab ul li.active {position:relative;}
.main-box .main-head .head-bottom .head-bottom-tab ul li.active a {color:#010101; font-weight:700;}
.main-box .main-head .head-bottom .head-bottom-tab ul li.active:after {position:absolute; left:50%; bottom:0; width:15px; height:15px; background:#fff; content:""; transform:translateX(-50%) rotate(45deg); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.main-box .main-head .head-bottom .head-bottom-content {margin:-10px 0 0; position:relative; z-index:2;}
.main-box .main-head .head-bottom .head-bottom-content .content {display:none;}
.main-box .main-head .head-bottom .head-bottom-content .content.active {display:block;}
.main-box .main-head .head-bottom .head-bottom-content .content .content-inner {padding:22.5px 17px; border-radius:12.5px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.main-box .main-body {background:#fff; padding:20px 15px; border-radius:10px 10px 0 0; margin:-15px 0 0;}

/* main-tab-box */
.main-tab-box ul {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; background:#eaeaea; overflow:hidden;}
.main-tab-box ul li {flex:1; min-width:0;}
.main-tab-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:33.5px; border-radius:50px; font-size:14px; font-weight:600; color:#545454;}
.main-tab-box ul li.active a {background:#545454; color:#fff; font-weight:700;}
.main-tab-box.white ul {background:#9f0000;}
.main-tab-box.white ul li a {color:#fff;}
.main-tab-box.white ul li.active a {background:#fff; color:#000;}

/* main-position-box */
.main-position-box {position:relative; display:flex; flex-wrap:wrap; align-items:center;}
.main-position-box a {flex:1; min-width:0; display:block; text-align:center;}
.main-position-box a p {text-align:center; font-size:13px; font-weight:500; color:#929191;}
.main-position-box a strong {display:block; text-align:center; font-size:23px; font-weight:700; color:#929191;}
.main-position-box a.active p {color:#000;}
.main-position-box a.active strong {color:#000;}
.main-position-box .delete {position:absolute; right:5px; top:5px; width:17px; height:17px; font-size:0; background:url('../images/icon_delete_m.png') no-repeat center / cover; flex:none; padding:0 !important;}
.main-position-box span {display:block; margin:0 20px; width:34px; height:22px; background-position:center; background-repeat:no-repeat; font-size:0;}
.main-position-box span.round {background-image:url('../images/icon_main_round_m.png'); background-size:cover;}
.main-position-box span.oneway {background-image:url('../images/icon_main_oneway_m.png'); background-size:28px auto;}
.main-position-box.white {background:#fff; border-radius:12.5px; padding:22.5px 15px;}
.main-position-box.active a p {color:#000;}
.main-position-box.active a strong {color:#000;}
.main-position-box.active span.oneway {background-image:url('../images/icon_main_oneway_on_m.png');}
.main-position-box.active span.round {background-image:url('../images/icon_main_round_on_m.png');}

/* main-search-box */
.main-search-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; z-index:20; background:#eaeaea;}
.main-search-box input {flex:1; min-width:0; height:33.5px; padding:0 15px; font-size:14px; color:#000; border:0 !important; box-shadow:none; background:none !important;}
.main-search-box input::placeholder {color:#545454;}
.main-search-box .search {display:inline-block; content:""; width:17px; height:17px; margin:0 15px 0 0; background:url('../images/icon_main_search_m.png') no-repeat center / cover; font-size:0;}
.main-search-box.white {background:#fff;}

/* main-sort-box */
.main-sort-box .inner {display:flex; flex-wrap:wrap; align-items:center; border-radius:12.5px; overflow:hidden; background:#eaeaea; height:33px; padding:0 15px;}
.main-sort-box .inner p {flex:1; min-width:0; text-align:center; font-size:14px; color:#545454;}
.main-sort-box.date .inner:before {display:inline-block; content:""; width:16px; height:18px; background:url('../images/icon_main_date_m.png') no-repeat center / cover;}
.main-sort-box.person .inner:before {display:inline-block; content:""; width:16px; height:17px; background:url('../images/icon_main_person_m.png') no-repeat center / cover;}
.main-sort-box.more .inner {background:#fff;}
.main-sort-box.more .inner:after {display:inline-block; content:""; width:6px; height:10px; background:url('../images/icon_main_more_m.png') no-repeat center / cover;}
.main-sort-box.more .inner p {text-align:left; padding:0 10px;}

/* main-banner-box */
/*.main-banner-box ul {display:flex; flex-wrap:wrap; margin:0 -4px -8px;}
.main-banner-box ul li {width:calc(50% - 8px); margin:0 4px 8px;}*/
.main-banner-box {position:relative;}
.main-banner-box ul li .inner {display:block;}
.main-banner-box ul li .inner .list-image {background-size:cover; background-position:center; border-radius:10px;}
.main-banner-box ul li .inner .list-image:after {display:block; content:""; padding-bottom:70%;}
.main-banner-box ul li .inner .list-content {margin:8px 0 0;}
.main-banner-box ul li .inner .list-content p {font-size:14px; font-weight:700; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-banner-box ul li .inner .list-content small {display:block; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-banner-box .swiper-button-prev {margin:0; top:50%; z-index:15; left:-18px; width:36px; height:36px; background:url('../images/icon_main_arrow_m.png') no-repeat center / cover; transform:translateY(-50%) rotate(180deg);}
.main-banner-box .swiper-button-next {margin:0; top:50%; z-index:15; right:-18px; width:36px; height:36px; background:url('../images/icon_main_arrow_m.png') no-repeat center / cover; transform:translateY(-50%);}


/* main-banner-full-box */
.main-banner-full-box .inner {display:block; border-radius:10px; background-size:cover; background-position:center;}
.main-banner-full-box .inner:after {display:block; content:""; padding-bottom:32.5%;}

/* main-banner-swiper-box */
.main-banner-swiper-box {position:relative;}
.main-banner-swiper-box a {display:block; border-radius:10px; background-size:cover; background-position:center;}
.main-banner-swiper-box a:after {display:block; content:""; padding-bottom:43%;}
.main-banner-swiper-box .swiper-pagination {display:block; position:static; margin:10px 0 0;}
.main-banner-swiper-box .swiper-pagination span {transition:all ease 0.5s; width:5px; height:5px; background:#c3c3c3; opacity:1;}
.main-banner-swiper-box .swiper-pagination span.swiper-pagination-bullet-active {width:6.5px; height:6.5px; background:#000;}
.main-banner-swiper-box .swiper-button-prev {margin:0; top:42%; z-index:15; left:-18px; width:36px; height:36px; background:url('../images/icon_main_arrow_m.png') no-repeat center / cover; transform:translateY(-50%) rotate(180deg);}
.main-banner-swiper-box .swiper-button-next {margin:0; top:42%; z-index:15; right:-18px; width:36px; height:36px; background:url('../images/icon_main_arrow_m.png') no-repeat center / cover; transform:translateY(-50%);}


/* main-title-box */
.main-title-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-title-box:before {display:inline-block; content:""; width:31px; height:29px; margin:0 5.5px 0 0; background:url('../images/icon_face_m.png') no-repeat center / cover;}
.main-title-box h2 {font-size:15px;}
.main-title-box h2 b {font-size:15px; font-weight:700;}

/* main-more-box */
.main-more-box {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between;}
.main-more-box strong {font-size:18px; font-weight:500;}
.main-more-box strong b {font-size:18px; font-weight:700;}
.main-more-box a {display:flex; flex-wrap:wrap; align-items:center; font-size:13px; color:#a7a9ac;}
.main-more-box a:after {display:inline-block; content:""; width:6px; height:10px; margin:0 0 0 5px; background:url('../images/icon_main_more_m.png') no-repeat center / cover;}

/* main-fixed-box */
.main-fixed-box {position:fixed; left:50%; top:0; transform:translateX(-50%); max-width:720px; width:100%; height:100%; z-index:9999; overflow:hidden;}
.main-fixed-box .fixed-head {background:#f00; padding:15px;}
.main-fixed-box .fixed-head .top-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 15px;}
.main-fixed-box .fixed-head .top-head h2 {font-size:16px; font-weight:700; color:#fff;}
.main-fixed-box .fixed-head .top-head .close {width:20px; height:20px; font-size:0; background:url('../images/icon_close_white_m.png') no-repeat center / cover;}
.main-fixed-box .fixed-head .top-head .back {display:inline-block; font-size:0; width:23px; height:27px; background:url('../images/icon_back_m.png') no-repeat center / cover;}
.main-fixed-box .fixed-body {padding:15px; overflow-y:auto;}
.main-fixed-box .fixed-foot .btn {font-size:18px;}
.main-fixed-box .fixed-foot .foot-image {padding:30px 0 45px;}
.main-fixed-box .fixed-foot .foot-image img {display:block; width:153px; margin:0 auto;}
.main-fixed-box .fixed-foot .foot-button {padding:10px 15px 20px;}
.main-fixed-box .fixed-foot .foot-shadow {padding:20px 15px; background:#fff; box-shadow:0 -5px 15px rgba(0,0,0,0.1);}

/* main-list-box */
.main-list-box ul li {margin:0 0 15px; display:flex; flex-wrap:wrap;}
.main-list-box ul li:last-of-type {margin:0;}
.main-list-box ul li .list-left {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; background:#f00; border-radius:12px 0 0 12px; color:#fff; line-height:1.2; width:25px; font-size:12px; font-weight:500; color:#fff; text-align:center;}
.main-list-box ul li .list-left b {font-size:9px; font-weight:500; color:#fff; width:100%; text-align:center; line-height:1.2; margin:5px 0 0;}
.main-list-box ul li .list-right {flex:1; min-width:0; background:#fff; border-radius:0 12px 12px 0;}
.main-list-box ul li .list-right a {padding:22px 0;}
.main-list-box ul li .list-bottom {width:100%;}

/* main-add-box */
.main-add-box a {display:block; margin:0 auto; width:38px; height:38px; font-size:0; background:url('../images/icon_add_m.png') no-repeat center / cover;}

/* main-area-box */
.main-area-box {display:flex; flex-wrap:wrap; height:100%; margin:0 -15px;}
.main-area-box .list-left {width:80px; height:100%; border-right:1px solid #d6d6d6; overflow-y:auto;}
.main-area-box .list-left ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:10px 0; font-size:16px; font-weight:700; color:rgb(179,179,179);}
.main-area-box .list-left ul li.active a {color:#000; position:relative;}
.main-area-box .list-left ul li.active a:after {position:absolute; left:50%; bottom:10px; transform:translateX(-50%); width:26px; height:2px; background:#f00; content:"";}
.main-area-box .list-right {flex:1; min-width:0; padding:0 24px; height:100%; overflow-y:auto;}
.main-area-box .list-right ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:10px 0; font-size:16px;}
.main-area-box .list-right ul li a b {font-size:16px; font-weight:600;}
/*.main-area-box .list-right ul li.active a {color:#000; position:relative;}
.main-area-box .list-right ul li.active a:after {position:absolute; left:50%; bottom:10px; transform:translateX(-50%); width:52px; height:2px; background:#f00; content:"";}*/

/* main-date-box */
.main-date-box {display:flex; flex-wrap:wrap; align-items:center; background:#fff; border-radius:12px; height:47px;}
.main-date-box time {flex:1; min-width:0; text-align:center; font-size:18px; color:#929191; font-weight:500;}
.main-date-box time.active {color:#000;}
.main-date-box span {display:block; font-size:0; margin:0 5px; width:30px; height:14px; background:url('../images/icon_ship_off_m.png') no-repeat center / cover;}
.main-date-box span.active {background-image:url('../images/icon_ship_on_m.png');}

/* main-person-box */
.main-person-box {position:relative; display:flex; flex-wrap:wrap; align-items:center; background:#fff; border-radius:12px; height:47px;}
.main-person-box p {padding:0 31.5px; flex:1; min-width:0; text-align:center; font-size:18px; color:#929191; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-person-box:before {position:absolute; left:15px; top:50%; transform:translateY(-50%); display:inline-block; content:""; width:16.5px; height:17.5px; background:url('../images/icon_main_person_on_m.png') no-repeat center / cover;}

/* main-calendar-box */
.main-calendar-box {margin:0 -15px;}
.main-calendar-box .list-head {position:sticky; top:0; z-index:100;}
.main-calendar-box .list-head table {table-layout:fixed; width:100%;}
.main-calendar-box .list-head table tr td {background:#f6f6f6; height:40px; font-size:17px; font-weight:600; color:#000;}
.main-calendar-box .list-head table tr td.sat {color:#006cff;}
.main-calendar-box .list-head table tr td.sun {color:#f00;}
.main-calendar-box .list-body {padding:24px 0 0;}
.main-calendar-box .list-body strong {display:block; font-size:19px; font-weight:800; padding:0 24px;}
.main-calendar-box .list-body table {table-layout:fixed; border-spacing:0 13px; border-collapse:separate;}
.main-calendar-box .list-body table tr td {vertical-align:top;}
.main-calendar-box .list-body table tr td a {position:relative; display:block;}
.main-calendar-box .list-body table tr td a p {margin:0 auto; max-width:30px; position:relative; font-size:15px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%;}
.main-calendar-box .list-body table tr td a p:after {display:block; content:""; padding-bottom:100%;}
.main-calendar-box .list-body table tr td a small {text-align:center; display:block; font-size:9px; margin:2px 0 0;}
.main-calendar-box .list-body table tr td.sat a p {color:#006cff;}
.main-calendar-box .list-body table tr td.sat a small {color:#006cff;}
.main-calendar-box .list-body table tr td.sun a p {color:#f00;}
.main-calendar-box .list-body table tr td.sun a small {color:#f00;}
.main-calendar-box .list-body table tr td.off {opacity:0.3;}
.main-calendar-box .list-body table tr td.active a p:before {position:absolute; left:50%; top:-5%; width:6px; height:6px; background:#000; border-radius:50%; content:""; transform:translateX(-50%);}
.main-calendar-box .list-body table tr td.sat.active a p:before {background:#006cff;}
.main-calendar-box .list-body table tr td.sun.active a p:before {background:#f00;}
/*.main-calendar-box .list-body table tr td.start a p {background:#f00; color:#fff !important; font-weight:700;}*/
.main-calendar-box .list-body table tr td.select.start a p {background:#f00; color:#fff !important; font-weight:700;}
.main-calendar-box .list-body table tr td.select.start a:before {position:absolute; right:0; top:0; width:50%; height:30px; content:""; background:rgba(255,0,0,0.1);}
.main-calendar-box .list-body table tr td.select.end a p {background:#f00; color:#fff !important; font-weight:700;}
.main-calendar-box .list-body table tr td.select.end a:before {position:absolute; left:0; top:0; width:50%; height:30px; content:""; background:rgba(255,0,0,0.1);}
.main-calendar-box .list-body table tr td.select.startend a p {background:#f00; color:#fff !important; font-weight:700;}
.main-calendar-box .list-body table tr td.select:not(.start,.end,.startend) a:before {position:absolute; left:0; top:0; width:100%; height:30px; content:""; background:rgba(255,0,0,0.1);}
.main-calendar-box .list-body table tr td.select:not(.start,.end,.startend) a p {color:#f00; font-weight:600;}

/* main-count-box */
.main-count-box ul li {margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center;}
.main-count-box ul li:last-of-type {margin:0;}
.main-count-box ul li p {flex:1; min-width:0; padding:0 15px 0 0; font-size:16px;}
.main-count-box ul li p b {font-size:16px; font-weight:700;}
.main-count-box ul li div {width:110px; display:flex; flex-wrap:wrap; align-items:center;}
.main-count-box ul li div a {display:block; font-size:0; width:25px; height:25px; background-size:cover; background-position:center;}
.main-count-box ul li div a.minus {background-image:url('../images/icon_minus.png');}
.main-count-box ul li div a.plus {background-image:url('../images/icon_plus.png');}
.main-count-box ul li div input {flex:1; min-width:0; text-align:center; border:0 !important; font-size:25px; font-weight:800; color:#f00 !important;}
.main-count-box ul li div input::placeholder {color:#d5d5d5;}
.main-count-box ul li.off div a.minus {opacity:0.3;}
.main-count-box ul li.off div input {color:#d5d5d5 !important;}

/* main-notice-box */
.main-notice-box {position:relative; background:#f6f6f6; border-radius:7.5px; padding:20px; margin:20px 0 0;}
.main-notice-box strong {font-size:13px;}
.main-notice-box p {font-size:13px; color:rgb(84,84,84);}
.main-notice-box:after {position:absolute; right:47px; top:-8px; width:15px; height:15px; background:#f6f6f6; transform:rotate(45deg); content:"";}

.main-notice-box:after {position:absolute; right:47px; top:-8px; width:15px; height:15px; background:#f6f6f6; transform:rotate(45deg); content:"";}

/* main-community-box */
.main-community-box {margin:28px 0 0;}
.main-community-box .community-title {font-size:14px;color:#000;margin-bottom:11px;font-weight:600;}
.main-community-box .community-event {display:flex;margin-bottom:16px;align-items:center;background-color:#454545;border-radius:5px;padding:6px 10px;gap:4px;}
.main-community-box .community-event .event-badge {display:inline-block;background-color:#fff;line-height:1;font-size:12px;color:#fc0000;border-radius:100px;padding:4px 8px;}
.main-community-box .community-event .event-title {min-width:0;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;color:#fff;}
.main-community-box .community-list {display:flex;flex-direction:column;gap:10px;}
.main-community-box .community-item {display:flex;gap:10px;color:#000;align-items:center;}
.main-community-box .community-item .item-thumb {width:36px;height:36px;overflow:hidden;border-radius:5px;background-color:#f2f2f2;}
.main-community-box .community-item .item-thumb img {display:block;width:100%;height:100%;object-fit:cover;}
.main-community-box .community-item .item-contents {flex:1;min-width:0;}
.main-community-box .community-item .item-title {display:flex;align-items:center;}
.main-community-box .community-item .item-title .lock {display:inline-block;width:15px;height:15px;font-size:0;text-indent:-9999px;overflow:hidden;background:url('../images/icon_board_edit_hidden.png') no-repeat center/contain;margin-right:3px;}
.main-community-box .community-item .item-title p {font-size:12px;color:#000;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-community-box .community-item .item-updated {margin-top:4px;font-size:12px;color:#848484;}
.main-community-box .community-pagination {margin-top:17px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;}
.main-community-box .pagination-prev {position:relative;width:6px;height:12px;font-size:0;}
.main-community-box .pagination-prev:after {display: block;content: '';width:7px;height:7px;border-top: 1px solid #858585;border-right: 1px solid #858585;transform: rotate(225deg);}
.main-community-box .pagination-next {position:relative;width:6px;height:12px;font-size:0;}
.main-community-box .pagination-next:after {display: block;content: '';width:7px;height:7px;border-top: 1px solid #858585;border-right: 1px solid #858585;transform: rotate(45deg);}
.main-community-box .pagination-no {display:flex;align-items:center;gap:15px;}
.main-community-box .pagination-no .item-no {font-size:12px;color:#000;font-weight:500;text-decoration:none;line-height:1;}
.main-community-box .pagination-no .item-no.active {color:#fc0000;}
.main-community-box .community-more {margin-top:17px;background-color:#f2f2f2;border-radius:3px;text-align:center;height:38px;line-height:38px;color:#000;font-weight:500;display:block;width:100%;font-size:12px;}
.main-community-box .community-more:after {content: '';display:inline-block;width:6px;height:6px;border-top: 1px solid #858585;border-right: 1px solid #858585;transform: rotate(135deg);margin:0 0 2px 6px;}

/* main-hotel-box */
.main-hotel-box .list-head h2 a {font-size:13px; font-weight:500; color:#5b5b5b;}
.main-hotel-box .list-head ul {display:block; overflow-x:auto; white-space:nowrap; margin:0 -15px;}
.main-hotel-box .list-head ul::-webkit-scrollbar {display:none;}
.main-hotel-box .list-head ul li {display:inline-block; margin:0 5px 0 0;}
.main-hotel-box .list-head ul li:first-of-type {margin-left:15px;}
.main-hotel-box .list-head ul li:last-of-type {margin-right:15px;}
.main-hotel-box .list-head ul li a {height:27px; padding:0 10px; background:#d9d9d9; color:#fff; font-size:13px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.main-hotel-box .list-head ul li.active a {background:#fc0000;}
.main-hotel-box .list-body ul {display:block; overflow-x:auto; white-space:nowrap; margin:0 -15px;}
.main-hotel-box .list-body ul::-webkit-scrollbar {display:none;}
.main-hotel-box .list-body ul li {display:inline-block; width:130px; margin:0 10px 0 0;}
.main-hotel-box .list-body ul li:first-of-type {margin-left:15px;}
.main-hotel-box .list-body ul li:last-of-type {margin-right:15px;}
.main-hotel-box .list-body ul li a {display:block;}
.main-hotel-box .list-body ul li a .list-image {display:block; background-size:cover; background-position:center; border-radius:10px;}
.main-hotel-box .list-body ul li a .list-image:after {display:block; content:""; padding-bottom:100%;}
.main-hotel-box .list-body ul li a .list-content {margin:10px 0 0;}
.main-hotel-box .list-body ul li a .list-content p {font-size:15px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-hotel-box .list-body ul li a .list-content span {background:url('../images/icon_location_m.png') no-repeat left center / 11px auto; padding-left:14px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px;}
.main-hotel-box .list-body ul li a .list-content div {display:flex; flex-wrap:wrap; align-items:center;}
.main-hotel-box .list-body ul li a .list-content div b {font-size:18px; font-weight:500; color:#656565;}
.main-hotel-box .list-body ul li a .list-content div strong {margin:0 0 0 5px; font-size:18px; font-weight:600; color:#fc0000;}

/* main-hotel-box */
.main-hotel-box {margin:24px 0 0;}
.main-hotel-box .list-head {margin:0 0 24px;}
.main-hotel-box .list-head h2 {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 14px; font-size:20px; font-weight:600;}
.main-hotel-box .list-head h2 a {font-size:13px; font-weight:500; color:#5b5b5b;}
.main-hotel-box .list-head ul {display:block; overflow-x:auto; white-space:nowrap; margin:0 -15px;}
.main-hotel-box .list-head ul::-webkit-scrollbar {display:none;}
.main-hotel-box .list-head ul li {display:inline-block; margin:0 5px 0 0;}
.main-hotel-box .list-head ul li:first-of-type {margin-left:15px;}
.main-hotel-box .list-head ul li:last-of-type {margin-right:15px;}
.main-hotel-box .list-head ul li a {height:27px; padding:0 10px; background:#d9d9d9; color:#fff; font-size:13px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.main-hotel-box .list-head ul li.active a {background:#fc0000;}
.main-hotel-box .list-body ul {display:block; overflow-x:auto; white-space:nowrap; margin:0 -15px;}
.main-hotel-box .list-body ul::-webkit-scrollbar {display:none;}
.main-hotel-box .list-body ul li {display:inline-block; width:130px; margin:0 10px 0 0;}
.main-hotel-box .list-body ul li:first-of-type {margin-left:15px;}
.main-hotel-box .list-body ul li:last-of-type {margin-right:15px;}
.main-hotel-box .list-body ul li a {display:block;}
.main-hotel-box .list-body ul li a .list-image {display:block; background-size:cover; background-position:center; border-radius:10px;}
.main-hotel-box .list-body ul li a .list-image:after {display:block; content:""; padding-bottom:100%;}
.main-hotel-box .list-body ul li a .list-content {margin:10px 0 0;}
.main-hotel-box .list-body ul li a .list-content p {font-size:15px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-hotel-box .list-body ul li a .list-content span {background:url('../images/icon_location_m.png') no-repeat left center / 11px auto; padding-left:14px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px;}
.main-hotel-box .list-body ul li a .list-content div {display:flex; flex-wrap:wrap; align-items:center;}
.main-hotel-box .list-body ul li a .list-content div b {font-size:18px; font-weight:500; color:#656565;}
.main-hotel-box .list-body ul li a .list-content div strong {margin:0 0 0 5px; font-size:18px; font-weight:600; color:#fc0000;}

/* main-box-responsive */
@media screen and (min-width: 540px) {
    .main-box.main-box-responsive .main-head {padding: 0 36px 40px;}
    .main-box.main-box-responsive .main-head .head-top {padding-top:30px;}
    .main-box.main-box-responsive .main-body {padding:36px 36px;border-radius:20px 20px 0 0;}
    .main-box-responsive .main-banner-swiper-box a:after {padding-bottom:20.313%;}
    /* .main-box-responsive .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {transition:none;}
    .main-box-responsive .main-banner-swiper-box .swiper-pagination {margin-top:20px;}
    .main-box-responsive .main-banner-swiper-box .swiper-pagination span {width:10px;height:10px;border-radius:100px;}
    .main-box-responsive .main-banner-swiper-box .swiper-pagination span.swiper-pagination-bullet-active {width:13px;height:13px;vertical-align:-1.5px;} */
    .main-box-responsive .main-community-box .community-title {font-size:20px;}
    .main-box-responsive .main-community-box .community-pagination {max-width:400px;margin:20px auto 0;}
    .main-box-responsive .main-community-box .community-item .item-contents {display:flex;align-items:center;gap:30px;}
    .main-box-responsive .main-community-box .community-item .item-title {flex:1;min-width:0;}
    .main-box-responsive .main-community-box .community-item .item-title p {font-size:14px;}
    .main-box-responsive .main-community-box .community-item .item-updated {margin-top:0;font-size:14px;}
    .main-box-responsive .main-community-box .community-item .item-thumb {width:44px;height:44px;}
    .main-box-responsive .main-community-box .community-event {padding:8px 12px;gap:7px;margin-bottom:12px;}
    .main-box-responsive .main-community-box .community-event .event-title {font-size:14px;}
    .main-box-responsive .main-community-box .community-event .event-badge {font-size:14px;}
    .main-box-responsive .main-hotel-box .list-body ul {display:grid;grid-template-columns:repeat(3, 1fr);margin:0;white-space:revert;gap:22px;}
    .main-box-responsive .main-hotel-box .list-body ul li {width:100%;min-width:0;}
    .main-box-responsive .main-hotel-box .list-body ul li:first-of-type {margin-left:0;}
    .main-box-responsive .main-banner-full-box .inner:after {padding-bottom:18.75%;}
    .footer-box-responsive.footer-box {padding:30px 36px 0;}
}


/* ship-service-box */
.ship-service-box .list-body .list-new li {margin:0 0 40px;}
.ship-service-box .list-body .list-new li:last-of-type {margin:0;}
.ship-service-box .list-body .list-new li .new-head {display:flex; flex-wrap:wrap; margin:0 0 10px;}
.ship-service-box .list-body .list-new li .new-head b {width:55px; height:20px; border-radius:3px; background:#000; color:#fff; font-size:12px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.ship-service-box .list-body .list-new li .new-head .inner {flex:1; min-width:0; margin:0 0 0 5px;}
.ship-service-box .list-body .list-new li .new-head .addr {margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center;}
.ship-service-box .list-body .list-new li .new-head .addr:before {display:inline-block; content:""; width:13px; height:14px; background:url('../images/icon_ship_new.png') no-repeat center / cover; margin:0 5px 0 0;}
.ship-service-box .list-body .list-new li .new-head .addr p {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; font-weight:500;}
.ship-service-box .list-body .list-new li .new-head .addr p:after {display:inline-block; content:""; width:9px; height:7px; background:url('../images/icon_ship_arrow_new.png') no-repeat center / cover; margin:0 10px;}
.ship-service-box .list-body .list-new li .new-head .addr p:last-of-type:after {display:none;}
.ship-service-box .list-body .list-new li .new-head .date p {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; font-weight:500;}
.ship-service-box .list-body .list-new li .new-head .date p:before {display:inline-block; content:""; width:11px; height:13px; background:url('../images/icon_ship_date_new.png') no-repeat center / cover; margin:0 5px 0 0;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-top {background:#868686; padding:6px 15px; position:relative; display:flex; flex-wrap:wrap; align-items:center;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-top input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-top label {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; padding:0 10px 0 0;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-top label b {font-size:12px; font-weight:600; color:#fff;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-top label p {margin:0 0 0 5px; font-size:13px; color:#fff;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-top label:before {display:inline-block; content:""; width:13px; height:13px; margin:0 5px 0 0; background:#fff; border:1px solid #666; border-radius:3px;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-top input:checked ~ label:before {background:#f00 url('../images/icon_check_on.png') no-repeat 2px 2.5px / 11px auto;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-top .toggle {position:relative; z-index:3; display:block; content:""; width:16px; height:16px; font-size:0; background:url('../images/icon_ship_toggle_new.png') no-repeat center / 14px auto; transform:rotate(180deg);}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom {display:none; padding:20px 24px; background:#fff;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom a {display:flex; flex-wrap:wrap; margin:0 0 15px; border:1px solid #c7c7c7; border-radius:8px; overflow:hidden;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom a:last-of-type {margin:0;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom a h3 {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%; background:#ff909d; padding:10px;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom a h3 .inner-left {font-size:15px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom a h3 .inner-left img {margin:0 5px 0 0;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom a h3 .inner-right {display:flex; flex-wrap:wrap; align-items:baseline;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom a h3 .inner-right em {font-size:11px;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom a h3 .inner-right strong {font-size:15px; font-weight:700; margin:0 0 0 3px;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom a .inner {width:100%; padding:10px; display:flex; flex-wrap:wrap; align-items:center;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom a .inner .inner-left {flex:1; min-width:0; display:flex; flex-wrap:wrap;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom a .inner .inner-left p {margin:0 0 3px; display:flex; flex-wrap:wrap; align-items:center; font-size:13px; font-weight:500; position:relative; line-height:1.5; width:100%;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom a .inner .inner-left p:last-of-type {margin:0;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom a .inner .inner-left p:before {display:inline-block; content:""; width:3px; height:3px; border-radius:50%; background:#000; margin:0 5px 0 0;}
.ship-service-box .list-body .list-new li .new-body dl dd .body-bottom a.active {outline:solid 3px #f00; border:0;}
.ship-service-box .list-body .list-new li .new-body dl dd.active .body-top {background:#000;}
.ship-service-box .list-body .list-new li .new-body dl dd.active .body-top .toggle {transform:rotate(0deg);}
.ship-service-box .list-body .list-new li .new-body dl dd.active .body-bottom {display:block;}

.main-search-box {position:relative;}
.main-search-box .inner {padding:20px 14px; position:absolute; transition:all ease 0.5s; left:0; top:41px; width:100%; height:150px; overflow-y:auto; background:#fff; border-radius:8px; box-shadow:0 0 20px 0 rgba(22,22,22,0.15);}
.main-search-box .inner ul li {margin:0 0 7px;}
.main-search-box .inner ul li:last-of-type {margin:0;}
.main-search-box .inner ul li .link {display:flex; align-items:center;}
.main-search-box .inner ul li .link p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#393939;}
.main-search-box .inner ul li .link p:before {display:inline-block; content:""; width:15px; height:15px; border-radius:50%; background:#ffd5d5 url('/Contents/images/ico/locationMarkerRed.png') no-repeat center / 6.5px auto; margin:0 3px 0 0; position:relative; top:2px;}
.main-search-box .inner ul li .link small {margin:0 0 0 5px; font-size:12px; color:#a7a7a7; position:relative; top:2px;}
.main-search-box.active {z-index:20;}
.main-search-box.active .inner {pointer-events:inherit; opacity:1; top:47px;}


/* tab-box */
.tab-box {border-bottom:1px solid #c4c4c4;}
.tab-box ul {display:flex; flex-wrap:wrap; align-items:center;}
.tab-box ul li {margin:0 20px 0 0;}
.tab-box ul li:last-of-type {margin:0;}
.tab-box ul li a {display:flex; flex-wrap:wrap; align-items:center; padding:8px; font-size:18px; font-weight:500; color:#afafaf;}
.tab-box ul li.active a {position:relative; font-weight:600; color:#000;}
.tab-box ul li.active a:after {position:absolute; left:0; bottom:0; width:100%; height:3px; background:#000; content:"";}

/* tab-content-box */
.tab-content-box .content {display:none;}
.tab-content-box .content.active {display:block;}

/* view-detail-box */
.view-detail-box .detail-thumb img {width:100%; border-radius:10px;}
.view-detail-box .detail-thumb div {margin:15px 0 0; display:flex; flex-wrap:wrap;}
.view-detail-box .detail-thumb div:before {display:inline-block; content:""; width:20px; height:20px; margin:0 10px 0 0; background:url('../images/icon_ship_search_boat.png') no-repeat center / cover;}
.view-detail-box .detail-thumb div b {font-size:15px; font-weight:500; line-height:1.5;}
.view-detail-box .detail-thumb div p {font-size:15px; line-height:1.5; color:#7a7a7a; padding:0 0 0 10px;}
.view-detail-box .detail-title {margin:0 0 12px;}
.view-detail-box .detail-title h3 {font-size:18px; font-weight:600;}
.view-detail-box .detail-title p {font-size:15px; line-height:1.5; color:#7a7a7a; margin:5px 0 0;}
.view-detail-box .detail-table {overflow-x:auto; white-space:nowrap;}
.view-detail-box .detail-table table {border:2px solid #000;}
.view-detail-box .detail-table table tr td {border:1px solid #c4c4c4; border-width:0 1px 1px 0; padding:10px; font-size:14px; font-weight:500; vertical-align:middle;}
.view-detail-box .detail-table table tr td:last-of-type {border-right:0;}
.view-detail-box .detail-swiper {position:relative; margin:0 -5px;}
.view-detail-box .detail-swiper .swiper-slide {width:33.33%;}
.view-detail-box .detail-swiper .swiper-slide a {width:calc(100% - 5px); margin:0 auto; display:block; border-radius:10px; background-size:cover; background-position:center;}
.view-detail-box .detail-swiper .swiper-slide a:after {display:block; content:""; padding-bottom:56.5%;}
.view-detail-box .detail-swiper .swiper-button-prev {margin:0 !important; left:-8px; width:26px; height:26px; transform:translateY(-50%) !important; border-radius:50%; background:rgba(255,255,255,0.7) url('../images/icon_swiper_prev2.png') no-repeat center / 24px;}
.view-detail-box .detail-swiper .swiper-button-next {margin:0 !important; right:-8px; width:26px; height:26px; transform:translateY(-50%) !important; border-radius:50%; background:rgba(255,255,255,0.7) url('../images/icon_swiper_next2.png') no-repeat center / 24px;}
.view-detail-box .detail-image ul {display:flex; flex-wrap:wrap; margin:0 -5px -10px;}
.view-detail-box .detail-image ul li {width:calc(50% - 10px); margin:0 5px 10px;}
.view-detail-box .detail-image ul li a {display:block; border-radius:10px; background-size:cover; background-position:center;}
.view-detail-box .detail-image ul li a:after {display:block; content:""; padding-bottom:60%;}

/* board-box */
.board-box .board-head {display: flex;height:59px;padding:0 20px;justify-content:space-between;align-items:center;background-color: #fff;border-bottom:1.5px solid #cdcdcd;}
.board-box .board-head .top-back {display:inline-block;font-size:0;opacity:.6;}
.board-box .board-head .top-back:before {display:inline-block; content:""; width:16px; height:19px; background:url('../images/icon_back_black_m.png') no-repeat center / cover;}
.board-box .board-head .top-edit {font-size:15px;display:inline-flex;align-self:center;gap:8px;font-weight:600;}
.board-box .board-head .top-edit:after {display:inline-block; content:""; width:17.5px; height:20px; background:url('../images/icon_board_edit.png') no-repeat center / cover;}
.board-box .board-body:before {content:'';display:block;height:24px;width:100%;position:absolute;left:0;top:0;right:0;opacity: 0.1;background-image: linear-gradient(to top, #fff, #888);pointer-events:none;}
.board-box .board-body {background:#fff; padding:19px 20px;position:relative;}
.board-box .board-event {display:flex;margin-bottom:16px;align-items:center;background-color:#454545;border-radius:5px;padding:8px 10px;gap:6px;}
.board-box .board-event .event-badge {display:inline-block;background-color:#fff;line-height:1;font-size:14px;color:#fc0000;border-radius:100px;padding:5px 9px;}
.board-box .board-event .event-title {min-width:0;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;color:#fff;line-height:1;}
.board-box .board-list {display:flex;flex-direction:column;gap:10px;}
.board-box .board-item {display:flex;gap:10px;color:#000;align-items:center;}
.board-box .board-item .item-thumb {width:36px;height:36px;overflow:hidden;border-radius:5px;background:#f2f2f2;}
.board-box .board-item .item-thumb img {display:block;width:100%;height:100%;object-fit:cover;}
.board-box .board-item .item-contents {flex:1;min-width:0;}
.board-box .board-item .item-title {overflow:hidden;display:flex;align-items:center;}
.board-box .board-item .item-title span {font-size:12px;color:#000;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:1;}
.board-box .board-item .item-title .lock {display:inline-block;width:15px;height:15px;font-size:0;text-indent:-9999px;overflow:hidden;background:url('../images/icon_board_edit_hidden.png') no-repeat center/contain;margin-right:3px;flex:none;}
.board-box .board-item .item-updated {margin-top:4px;font-size:12px;color:#848484;}
.board-box .board-pagination {margin-top:17px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;}
.board-box .pagination-prev {position:relative;width:6px;height:12px;font-size:0;}
.board-box .pagination-prev:after {display: block;content: '';width:7px;height:7px;border-top: 1px solid #858585;border-right: 1px solid #858585;transform: rotate(225deg);}
.board-box .pagination-next {position:relative;width:6px;height:12px;font-size:0;}
.board-box .pagination-next:after {display: block;content: '';width:7px;height:7px;border-top: 1px solid #858585;border-right: 1px solid #858585;transform: rotate(45deg);}
.board-box .pagination-no {display:flex;align-items:center;gap:15px;}
.board-box .pagination-no .item-no {font-size:12px;color:#000;font-weight:500;text-decoration:none;line-height:1;}
.board-box .pagination-no .item-no.active {color:#fc0000;}

/* view-board-box */
.view-board-box .px-20 {padding:0 20px;}
.view-board-box .board-head {display: flex;height:59px;padding:0 15px;justify-content:space-between;align-items:center;background-color: #fff;border-bottom:1.5px solid #cdcdcd;min-width:0;gap:20px;}
.view-board-box .board-head .top-title {flex:1;font-size:15px;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#000;}
.view-board-box .board-head .top-close {display:inline-block;font-size:0;flex:none;opacity:.7;}
.view-board-box .board-head .top-close:before {display:inline-block; content:""; width:18px; height:18px; background:url('../images/icon_close_m.png') no-repeat center / cover;}
.view-board-box .board-body {background:#fff; padding:27px 0;position:relative;}
.view-board-box .board-body:before {content:'';display:block;height:24px;width:100%;position:absolute;left:0;top:0;right:0;opacity: 0.1;background-image: linear-gradient(to top, #fff, #888);pointer-events:none;}
.view-board-box .info-area {margin-bottom:11px;padding:0 20px;}
.view-board-box .info-area .logo {width:88px;margin-bottom:24px;}
.view-board-box .info-area .title {font-size:17px;color:#000;line-height:1.3;margin-bottom:10px;}
.view-board-box .info-area .author {display:flex;align-items:center;font-size:12px;color:#848484;margin-bottom:2px;}
.view-board-box .info-area .author::before {content:'';display:inline-block;width:14px;height:14px;background:url('../images/icon_board_profile.png') no-repeat center/contain;margin-right:3px;}
.view-board-box .info-area .date {display:block;font-size:12px;color:#848484;margin-bottom:14px;}
.view-board-box .info-area .comment {color:#848484;display:inline-flex;align-items:center;font-size:12px;line-height:1;height:22px;border:1.5px solid #939393;background-color:#fff;border-radius:15px;padding:0 9px 0 7.5px;}
.view-board-box .info-area .comment:before {content:'';display:inline-block;width:13px;height:12px;background:url('../images/icon_board_comment.png') no-repeat center/contain;margin-right:5px;}
.view-board-box .contents-area {padding-bottom:45px;}
.view-board-box .contents-area .img {margin-bottom:36px;width:100%;}
.view-board-box .contents-area p {line-height:1.4;font-size:12px;color:#000;}
.view-board-box .comment-area {padding:0 20px;}
.view-board-box .comment-area .cmt-list-wrapper {margin-bottom:104px;}
.view-board-box .comment-area .cmt-item {padding:12px 0 22px;border-top:1px solid #c3c3c3;}
.view-board-box .comment-area .cmt-item .cmt-profile {margin-bottom:10px;padding-left:24px;position:relative;;}
.view-board-box .comment-area .cmt-item .cmt-profile:before {content:'';display:block;width:18px;height:18px;position:absolute;left:0;top:50%;transform:translateY(-50%);background:url('../images/icon_board_profile2.png') no-repeat center/contain;}
.view-board-box .comment-area .cmt-item .cmt-profile .name {font-size:11px;color:#000;line-height:1;margin-bottom:3px;}
.view-board-box .comment-area .cmt-item .cmt-profile .date {color:#5f5f5f;font-size:11px;line-height:1;display:block;}
.view-board-box .comment-area .cmt-item .cmt-contents {display:flex;gap:9px;align-items:start;min-width:0;}
.view-board-box .comment-area .cmt-item .cmt-contents .img {flex:none;width:36px;height:36px;background-color:#f2f2f2;border-radius:5px;overflow:hidden;}
.view-board-box .comment-area .cmt-item .cmt-contents .img img {display:block;width:100%;height:100%;object-fit:cover;}
.view-board-box .comment-area .cmt-item .cmt-contents .text {font-size:11px;line-height:1.45;color:#000;flex:1;}
.view-board-box .comment-area .cmt-more {background-color:#f2f2f2;border-radius:3px;text-align:center;height:38px;line-height:38px;color:#000;font-weight:500;display:block;width:100%;font-size:12px;}
.view-board-box .comment-area .cmt-more:after {content: '';display:inline-block;width:6px;height:6px;border-top: 1px solid #858585;border-right: 1px solid #858585;transform: rotate(135deg);margin:0 0 2px 6px;}
.view-board-box .comment-area .cmt-write .name {margin-bottom:10px;position:relative;padding-left:17px;color:#848484;font-size:12px;}
.view-board-box .comment-area .cmt-write .name:before {content:'';display:block;width:14px;height:14px;position:absolute;left:0;top:50%;transform:translateY(-50%);background:url('../images/icon_board_profile.png') no-repeat center/contain;}
.view-board-box .comment-area .cmt-write .inbox {margin-bottom:7px;}
.view-board-box .comment-area .cmt-write .inbox textarea {border:1px solid #c3c3c3;border-radius:4px;background-color:#fff;padding:7px 8px;resize:none;font-size:11px;line-height:1.45;}
.view-board-box .comment-area .cmt-write .inbox textarea::placeholder {color:#9c9c9c;}
.view-board-box .comment-area .cmt-write .util {display:flex;justify-content:space-between;align-items:center;}
.view-board-box .comment-area .cmt-write .util .counter {color:#2c2c2c;font-size:11px;}
.view-board-box .comment-area .cmt-write .util .counter .counter-now {color:inherit;font-size:inherit;}
.view-board-box .comment-area .cmt-write .util .btns {display:flex;gap:6px;align-items:center;}
.view-board-box .comment-area .cmt-write .util .attach {background:#7e7e7e;color:#fff;font-weight:400;height:23px;font-size:11px;line-height:23px;width:78px;text-align:center;border-radius:3px;}
.view-board-box .comment-area .cmt-write .util .attach:before {content:'';display:inline-block;width:9px;height:13px;background:url('../images/img_board_attach.png') no-repeat center/contain;margin-right:4px;vertical-align:-2px;}
.view-board-box .comment-area .cmt-write .util .register {background:#000;color:#fff;font-weight:400;height:23px;font-size:11px;line-height:23px;width:65px;text-align:center;border-radius:3px;}

/* view-board-box */
.edit-board-box {height:100vh;display:flex;flex-direction:column;}
.edit-board-box .board-head {display: flex;height:59px;padding:0 15px;justify-content:space-between;align-items:center;background-color: #fff;border-bottom:1.5px solid #cdcdcd;min-width:0;gap:20px;}
.edit-board-box .board-head .top-title {flex:1;font-size:15px;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#000;}
.edit-board-box .board-head .top-close {display:inline-block;font-size:0;flex:none;opacity:.7;}
.edit-board-box .board-head .top-close:before {display:inline-block; content:""; width:18px; height:18px; background:url('../images/icon_close_m.png') no-repeat center / cover;}
.edit-board-box .board-body {background:#fff;position:relative;flex:1;overflow:auto;display:flex;flex-direction:column;}
.edit-board-box .toolbar {background:#ececec;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;}
.edit-board-box .toolbar .tools {display:flex;align-items:center;gap:20px;}
.edit-board-box .toolbar .tool-btn {display:inline-block;}
.edit-board-box .toolbar .tool-btn img {display:block;}
.edit-board-box .editor-title {border-bottom:1px solid #d3d3d3;}
.edit-board-box .editor-title input {height:44px;padding:0 20px;border:0 !important;font-size:17px;font-weight:500;}
.edit-board-box .editor-title input:focus {border:0 !important;}
.edit-board-box .editor-title input::placeholder {color:#b0b0b0;}
.edit-board-box .editor-contents {flex:1;overflow:auto;}
.edit-board-box .editor-contents textarea {padding:18px 20px;border:0 !important;font-size:14px;line-height:1.56;display:block;}
.edit-board-box .register {height:49px;background-color:#000;width:100%;text-align:center;color:#fff;font-size:14px;font-weight:600;line-height:49px;}
.edit-board-box .hidden {position:relative;display:inline-block;line-height:1;}
.edit-board-box .hidden input {position:absolute;left:0;top:0;opacity:0;width:0;height:0;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.edit-board-box .hidden i {content:'';display:block;width:15px;height:15px;flex:none;border: 1px solid #797979;background: #fff;position:relative;border-radius:3px;transition:all .3s ease;}
.edit-board-box .hidden i:before {content: '';display:inline-block;width:7px;height:4px;border-top:2px solid #fff;border-right:2px solid #fff;transform: rotate(135deg);position:absolute;left:2px;top:2px;opacity:0;transition:all .3s ease;}
.edit-board-box .hidden span {display:inline-flex;align-items:center;gap:6px;color:#797979;transition:all .3s ease;font-size:14px;line-height:1;}
.edit-board-box .hidden span:after {content:'';display:inline-block;width:19px;height:19px;background:url('../images/icon_board_edit_hidden.png') no-repeat center/contain;opacity:.5;transition:all .3s ease;}
.edit-board-box .hidden input:checked + span {color:#000;}
.edit-board-box .hidden input:checked + span:after {opacity:1;}
.edit-board-box .hidden input:checked + span i {background-color:#545454;}
.edit-board-box .hidden input:checked + span i:before {opacity:1;}

/* my-board-box */
.my-board-box {min-height:100vh;display:flex;flex-direction:column;}
.my-board-box .board-head {display: flex;height:59px;padding:0 15px;justify-content:space-between;align-items:center;background-color: #fff;border-bottom:1.5px solid #cdcdcd;min-width:0;gap:20px;}
.my-board-box .board-head .top-title {flex:1;font-size:15px;font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#000;}
.my-board-box .board-head .top-close {display:inline-block;font-size:0;flex:none;opacity:.7;}
.my-board-box .board-head .top-close:before {display:inline-block; content:""; width:18px; height:18px; background:url('../images/icon_close_m.png') no-repeat center / cover;}
.my-board-box .board-body {background:#fff; padding:20px;position:relative;flex:1;overflow:auto;display:flex;flex-direction:column;}
.my-board-box .board-body:before {content:'';display:block;height:24px;width:100%;position:absolute;left:0;top:0;right:0;opacity: 0.1;background-image: linear-gradient(to top, #fff, #888);pointer-events:none;}
.my-board-box .board-list {display:flex;flex-direction:column;gap:14px;flex:1;}
.my-board-box .board-item {display:flex;gap:10px;color:#000;align-items:center;}
.my-board-box .board-item .item-thumb {width:36px;height:36px;overflow:hidden;border-radius:5px;background:#f2f2f2;}
.my-board-box .board-item .item-thumb img {display:block;width:100%;height:100%;object-fit:cover;}
.my-board-box .board-item .item-contents {flex:1;min-width:0;}
.my-board-box .board-item .item-title {overflow:hidden;display:flex;align-items:center;}
.my-board-box .board-item .item-title span {font-size:12px;color:#000;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height:1;}
.my-board-box .board-item .item-title .lock {display:inline-block;width:15px;height:15px;font-size:0;text-indent:-9999px;overflow:hidden;background:url('../images/icon_board_edit_hidden.png') no-repeat center/contain;margin-right:3px;flex:none;}
.my-board-box .board-item .item-updated {margin-top:4px;font-size:12px;color:#848484;}
.my-board-box .board-item .item-btn {display:flex;gap:4px;align-items:center;}
.my-board-box .board-item .item-btn .edit {width:32px;height:32px;border-radius:6px;background:#797979 url('../images/icon_myboard_edit.png') no-repeat center/17px auto;overflow:hidden;font-size:0;text-indent:-9999px;overflow:hidden;}
.my-board-box .board-item .item-btn .delete {width:32px;height:32px;border-radius:6px;background: #797979 url('../images/icon_myboard_delete.png') no-repeat center/16px auto;overflow:hidden;font-size:0;text-indent:-9999px;overflow:hidden;}
.my-board-box .board-pagination {margin-top:17px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;}
.my-board-box .pagination-prev {position:relative;width:6px;height:12px;font-size:0;}
.my-board-box .pagination-prev:after {display: block;content: '';width:7px;height:7px;border-top: 1px solid #858585;border-right: 1px solid #858585;transform: rotate(225deg);}
.my-board-box .pagination-next {position:relative;width:6px;height:12px;font-size:0;}
.my-board-box .pagination-next:after {display: block;content: '';width:7px;height:7px;border-top: 1px solid #858585;border-right: 1px solid #858585;transform: rotate(45deg);}
.my-board-box .pagination-no {display:flex;align-items:center;gap:15px;}
.my-board-box .pagination-no .item-no {font-size:12px;color:#000;font-weight:500;text-decoration:none;line-height:1;}
.my-board-box .pagination-no .item-no.active {color:#fc0000;}