/* common */
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* footer-box */
.footer-box {margin:50px 0 0;}
.footer-box .foot-social {border-bottom:2px solid #b2b2b2; margin:0 0 20px; padding:0 0 20px;}
.footer-box .foot-social ul {display:flex; flex-wrap:wrap; align-items:center; gap:0 15px;}
.footer-box .foot-social ul li a {width:40px; height:40px; display:block; font-size:0; background-size:cover; background-position:center;}
.footer-box .foot-social ul li.instagram a {background-image:url('../images/icon_left_instagram.png');}
.footer-box .foot-social ul li.blog a {background-image:url('../images/icon_left_blog.png');}
.footer-box .foot-social ul li.naver a {background-image:url('../images/icon_left_naver.png');}
.footer-box .foot-cs {margin:0 0 30px;}
.footer-box .foot-cs h2 {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px; font-size:18px; font-weight:600;}
.footer-box .foot-cs h2:before {display:inline-block; content:""; width:20px; height:20px; margin:0 6px 0 0; border-radius:50%; background:var(--color-active) url('../images/icon_foot_cs.png') no-repeat center / 12px auto;}
.footer-box .foot-cs .cs-info {margin:0 0 10px;}
.footer-box .foot-cs .cs-info ul li {display:flex; flex-wrap:wrap; margin:0 0 4px;}
.footer-box .foot-cs .cs-info ul li:last-of-type {margin:0;}
.footer-box .foot-cs .cs-info ul li b {font-size:15px; margin:0 10px 0 0;}
.footer-box .foot-cs .cs-info ul li p {flex:1; min-width:0; font-size:15px; font-weight:600;}
.footer-box .foot-cs .cs-link ul {display:flex; flex-wrap:wrap; margin:0 -2.5px -5px;}
.footer-box .foot-cs .cs-link ul li {width:calc(50% - 5px); margin:0 2.5px 5px;}
.footer-box .foot-cs .cs-link ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:40px; border-radius:5px; padding:0 10px; font-size:14px; font-weight:500;}
.footer-box .foot-cs .cs-link ul li.call a {background:var(--color-active); color:#fff;}
.footer-box .foot-cs .cs-link ul li.call a:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_footer_call.png') no-repeat center / cover;}
.footer-box .foot-cs .cs-link ul li.channel a {background:#ffe001; color:#000;}
.footer-box .foot-cs .cs-link ul li.channel a:before {display:inline-block; content:""; width:20px; height:20px; margin:0 4px 0 0; background:url('../images/icon_footer_kakao.png') no-repeat center / 20px auto;}
.footer-box .foot-info {margin:0 0 15px;}
.footer-box .foot-info ul li {display:flex; flex-wrap:wrap; gap:0 20px;}
.footer-box .foot-info ul li p {font-size:14px; margin:0 0 3px;}
.footer-box .foot-info ul li p:last-of-type {margin:0;}
.footer-box .foot-bottom p {font-size:14px; color:#656565; word-break:keep-all;}
.footer-box .foot-bottom ul {display:flex; flex-wrap:wrap; align-items:center; margin:8px 0 0;}.footer-box .foot-bottom ul li {display:flex; flex-wrap:wrap; align-items:center;}
.footer-box .foot-bottom ul li:after {display:inline-block; content:""; width:1px; height:12px; background:#ddd; margin:0 10px;}
.footer-box .foot-bottom ul li:last-of-type:after {display:none;}
.footer-box .foot-bottom ul li a {font-size:14px;}
.footer-box .foot-bottom ul li a:hover {text-decoration:underline;}
.footer-box .foot-bottom img {display:block; margin:50px auto; width:150px;}

/* logo-box */
.logo-box {display:block; margin:0 auto 40px;}
.logo-box img {width:150px; display:block; margin:0 auto;}

/* logo-text-box */
.logo-text-box {margin:0 0 30px;}
.logo-text-box img {width:200px; display:block; margin:0 0 30px;}
.logo-text-box h2 {margin:0 0 10px; font-size:14px; text-decoration:underline;}
.logo-text-box b {display:block; margin:0 0 10px; font-size:20px; font-weight:600; word-break:keep-all;}
.logo-text-box p {font-size:15px; word-break:keep-all;}

/* write-box */
.write-box > ul > li {margin:0 0 15px;}
.write-box > ul > li:last-of-type {margin:0;}
.write-box > ul > li .tit {margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.write-box > ul > li .tit strong {font-size:15px; font-weight:500;}
.write-box > ul > li .tit strong.req:after {display:inline-block; content:"*"; font-size:15px; font-weight:500; margin:0 0 0 3px; color:#f00;}
.write-box > ul > li .tit strong small {color:#8f8f8f;}
.write-box > ul > li .tit p {width:100%; font-size:13px;}

/* link-box */
.link-box {margin:8px 0 0;}
.link-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.link-box ul li {display:flex; flex-wrap:wrap; align-items:center;}
.link-box ul li:after {display:inline-block; content:""; width:1px; height:12px; background:#ddd; margin:0 10px;}
.link-box ul li:last-of-type:after {display:none;}
.link-box ul li a {font-size:15px;}
.link-box ul li a:hover {text-decoration:underline;}

/* message-box */
.message-box {margin:5px 0 0;}
.message-box p {font-size:14px; word-break:keep-all;}

/* social-box */
.social-box {margin:30px 0 0;}
.social-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 20px;}
.social-box ul li a {display:block; font-size:0; width:50px; height:50px; background-size:cover; background-position:center;}
.social-box ul li.kakao a {background-image:url('../images/icon_social_kakao.png');}
.social-box ul li.naver a {background-image:url('../images/icon_social_naver.png');}
.social-box ul li.google a {background-image:url('../images/icon_social_google.png');}
.social-box p {margin:20px 0 0; text-align:center; font-size:16px; font-weight:500;}

/* text-box */
.text-box strong {font-size:15px; font-weight:600; display:block;}
.text-box p {font-size:15px; word-break:keep-all;}
.text-box p a {font-size:15px; font-weight:700;}
.text-box p.dot {position:relative; color:#676767; padding:0 0 0 10px;}
.text-box p.dot:before {position:absolute; left:0; top:8px; width:2px; height:2px; background:#676767; border-radius:50%; content:"";}
.text-box > ul > li {margin:0 0 20px;}
.text-box > ul > li:last-of-type {margin:0;}
.text-box > ul > li > b {display:block; font-size:16px; font-weight:600; margin:0 0 5px;}
.text-box > ul > li > p {color:#656565;}
.text-box > ul > li > p b {font-size:15px; color:var(--color-active); font-weight:500;}
.text-box > ul > li > ul > li {font-size:15px; position:relative; padding:0 0 0 10px;}
.text-box > ul > li > ul > li:before {position:absolute; left:0; top:8px; width:2px; height:2px; background:#000; border-radius:50%; content:"";}

/* clause */
.clause > li {margin:0 0 30px;}
.clause > li:last-of-type {margin:0;}
.clause > li h1 {font-size:18px; font-weight:600; margin:0 0 10px;}
.clause > li h2 {font-size:16px; margin:20px 0 5px;}
.clause > li p {font-size:15px; word-break:keep-all; margin:0 0 5px;}
.clause > li p:last-of-type {margin:0;}
.clause > li table {border-top:2px solid #000; table-layout:auto; margin:10px 0 0;}
.clause > li table tr th {border:1px solid #9a9a9a; border-width:0 1px 1px 0; font-size:14px; font-weight:600; padding:10px; background:#f4f4f4; text-align:left;}
.clause > li table tr th:first-of-type {border-left:1px solid #9a9a9a;}
.clause > li table tr td {border:1px solid #9a9a9a; border-width:0 1px 1px 0; font-size:13px; padding:10px; text-align:left;}
.clause > li table tr td:first-of-type {border-left:1px solid #9a9a9a;}

/* text-guide-box */
.text-guide-box {position:relative; background:#c8c7c7; border-radius:10px; padding:15px; margin:0 0 20px;}
.text-guide-box ul li {display:flex; flex-wrap:wrap; justify-content:space-between;}
.text-guide-box p {font-size:15px; color:#fff; word-break:keep-all;}
.text-guide-box p b {font-size:15px; color:#fff; font-weight:600;}
.text-guide-box a {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; color:#fff;}
.text-guide-box a:after {display:inline-block; content:""; width:16px; height:16px; margin:0 0 0 5px; background:url('../images/icon_text_guide.png') no-repeat center / cover;}
.text-guide-box:after {position:absolute; left:20px; bottom:-4px; width:8px; height:8px; content:""; background:#c8c7c7; transform:rotate(45deg);}
.text-guide-box.top {margin:20px 0 0;}
.text-guide-box.top:after {bottom:auto; top:-4px;}
.text-guide-box.active {background:var(--color-active);}
.text-guide-box.active:after {background:var(--color-active);}
.text-guide-box.gray {background:#3a3a3a;}
.text-guide-box.gray:after {background:#3a3a3a;}

/* text-message-box */
.text-message-box {display:flex; flex-wrap:wrap; margin:5px 0 0;}
.text-message-box:before {display:inline-block; content:""; width:14px; height:14px; margin:0 5px 0 0; background:url('../images/icon_notice.png') no-repeat center / cover; position:relative; top:2px;}
.text-message-box p {font-size:14px; color:#7d7d7d; word-break:keep-all;}
.text-message-box.check:before {background:#000 url('../images/icon_check.png') no-repeat center / 7px auto; border-radius:50%;}


/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; border:1px solid #d3d3d3; overflow:hidden; background:#fff;}
.input-box input {flex:1; min-width:0; height:45px; padding:0 15px; font-size:16px; background:none; color:#000;}
.input-box input::placeholder {color:#676767;}
.input-box p {padding:10px; font-size:16px;}
.input-box .delete {display:none; width:20px; height:20px; margin:0 15px 0 0; font-size:0; background:url('../images/icon_input_delete.png') no-repeat center / cover;}
.input-box.focus {border:1px solid transparent; background:linear-gradient(#fff, #fff) padding-box, linear-gradient(to top, rgba(253, 83, 146, 1), var(--color-active)) border-box; background-clip:padding-box, border-box;}
.input-box.press .delete {display:block;}
.input-box.has-value .delete {display:block;}
.input-box.disabled {background:#f0f0f0;}
/* textarea-box */
.textarea-box textarea {display:block; width:100%; height:120px; border-radius:10px; border:1px solid #d3d3d3; padding:15px; font-size:16px;}
.textarea-box textarea::placeholder {color:#676767;}

/* select-box */
/*.select-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; border:none; overflow:hidden; width:100%; height:13%}
.select-box select {flex:1; min-width:0; height:45px; font-size:16px; border:none; background:transparent; color:#000; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:100%; display:block; }*/
/*.select-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; border:; background:#fff; }*/
.select-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; border:1px solid #d3d3d3; background:#fff; overflow:hidden;}
/*.select-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; border:1px solid #d3d3d3; background:#fff; overflow:hidden;}*/
.select-box select {flex:1; min-width:0; height:45px; padding:0 30px 0 15px; font-size:16px; color:#000; background:url('../images/icon_select.png') no-repeat calc(100% - 10px) center / 10px auto;}
.select-box #sel_Category {flex:1; min-width:0; height:45px; padding:0 30px 0 15px; font-size:16px; color:#000; background:url('../images/icon_select.png') no-repeat calc(100% - 10px) center / 10px auto;}
.select-box.small {border:0; border-radius:0;}
.select-box.small select {height:auto; font-size:14px;}

/* check-list-box */
.check-list-box {display:flex; flex-wrap:wrap; margin:0 -2.5px -5px;}
.check-list-box .check {width:calc(50% - 5px); margin:0 2.5px 5px; position:relative;}
.check-list-box .check input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-list-box .check label {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 15px; font-size:16px; border-radius:10px; height:45px; background:#fff; border:1px solid #d3d3d3;}
.check-list-box .check label:before {display:inline-block; content:""; width:18px; height:18px; margin:0 5px 0 0; background:#d3d3d3 url('../images/icon_check.png') no-repeat center / 10px auto; border-radius:50%;}
.check-list-box .check input:checked ~ label {background:#000; color:#fff;}
.check-list-box .check input:checked ~ label:before {background-color:#fff; background-image:url('../images/icon_check_b.png');}

/* check-box */
.check-box {display:flex; flex-wrap:wrap; position:relative;}
.check-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box label {font-size:15px; flex:1; min-width:0; display:flex; flex-wrap:wrap;}
.check-box label:before {display:inline-block; content:""; width:20px; height:20px; border-radius:50%; margin:0 8px 0 0; background:#d3d3d3 url('../images/icon_check.png') no-repeat center / 10px auto;}
.check-box label > p {flex:1; min-width:0; font-size:15px;}
.check-box label span {font-size:15px;}
.check-box label div {width:100%; padding:0; margin:5px 0 0;}
.check-box label div p {display:flex; flex-wrap:wrap; align-items:center; background:#939393; border-radius:5px; padding:5px 8px; font-size:15px; color:#fff;}
.check-box label div.more {display:flex; flex-wrap:wrap;}
.check-box label div.more a {display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:3; background:var(--color-active); color:#fff; border-radius:5px; padding:3px 8px; font-size:13px;}
.check-box label div.more a:before {display:inline-block; content:""; width:14px; height:14px; margin:0 4px 0 0; background:url('../images/icon_search_w.png') no-repeat center / cover;}
.check-box a {position:relative; margin:0 0 0 10px; font-size:15px; z-index:2;}
.check-box input:checked ~ label:before {background-color:#fa6377;}
.check-box input:checked ~ label div p {background:var(--color-active);}
.check-box.f0 {align-items:center;}
.check-box.f0 label {font-size:0;}
.check-box.f0 label:before {margin:0 5px 0 0; width:20px; height:20px;}

/* badge-box */
.badge-box {display:flex; flex-wrap:wrap; gap:4px;}
.badge-box > * {display:flex; flex-wrap:wrap; align-items:center; line-height:1; padding:8px 10px; border-radius:5px; font-size:14px; font-weight:500;}
.badge-box > *.date {width:45px; background-image:url('../images/icon_badge_date.png') !important; background-size:15px auto !important; background-repeat:no-repeat !important; background-position:center !important; font-size:0 !important;}
.badge-box > *.person {width:45px; background-image:url('../images/icon_badge_person.png') !important; background-size:15px auto !important; background-repeat:no-repeat !important; background-position:center !important; font-size:0 !important;}
.badge-box > *.person2:before {display:block; content:""; width:12px; height:14px; margin:0 5px 0 0; background:url('../images/icon_badge_person2.png') no-repeat center / cover;}
.badge-box > *.small {padding:0 12px; font-size:13px; height:25px; line-height:1;}
.badge-box > * b {font-size:14px; font-weight:700; margin:0 0 0 10px; line-height:1;}
.badge-box > *.small b {font-size:13px;}


/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 5px;}
.button-box .btn {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:45px; padding:0 15px; font-size:16px; font-weight:600; border-radius:10px;}
.button-box .btn input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.button-box .btn span {font-size:16px; font-weight:500;}
.button-box .btn-file:before {display:inline-block; content:""; width:15px; height:15px; margin:0 4px 0 0; background:url('../images/icon_clip.png') no-repeat center / cover;}
.button-box .btn-full {width:100%;}
.button-box .btn-check:before {display:inline-block; content:""; width:16px; height:16px; border-radius:50%; background:#fff url('../images/icon_check_b.png') no-repeat center / 7px auto; margin:0 5px 0 0; position:relative;}
.button-box .btn-search:before {display:inline-block; content:""; width:14px; height:14px; margin:0 5px 0 0; background:url('../images/icon_search_w.png') no-repeat center / cover;}
.button-box .btn-xs {height:30px; font-size:13px; border-radius:5px;}
.button-box .btn-sm {height:35px; font-size:14px; border-radius:5px;}
.button-box .btn-kakao {background:#f4eb30;}
.button-box .btn-kakao:before {display:block; content:""; width:24px; height:24px; margin:0 5px 0 0; background:url('../images/icon_btn_kakao.png') no-repeat center / cover;}
.button-box .btn-gray {background:#9c9c9c; color:#fff;}
.button-box .btn-black {color:#fff;}

/* modal-box */
/*.modal-box {pointer-events:none; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999; transition:all ease 0.5s;}*/
.modal-box {
  position: fixed;   /* ✅ 중요 */
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.45);
}
.modal-box.fixed {
  display: flex;
}
.modal-box .box {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); background:#fff; box-shadow:0 0 30px 0 rgba(22, 22, 22, 0.25); border-radius:22px; overflow:hidden; max-height:90%; display:flex; flex-direction:column; width:calc(100% - 30px); max-width:400px;}
.modal-box .modal-head {width:100%;}
.modal-box .modal-head p {font-size:17px;}
.modal-box .modal-head p b {font-size:17px; font-weight:600;}
.modal-box .modal-head .close {font-size:18px; color:#fff; font-weight:500;}
.modal-box .modal-body {width:100%; height:100%; overflow-y:auto; padding:50px 20px 45px;}
.modal-box .modal-body > p {font-size:17px; word-break:keep-all; font-weight:500;}
.modal-box .modal-body > p:first-of-type {margin:0 0 -5px;}
.modal-box .modal-foot {width:100%;}
.modal-box .modal-foot .foot-button {display:flex; flex-wrap:wrap; align-items:center;}
.modal-box .modal-foot .foot-button > * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:50px; padding:0 30px; font-size:18px; font-weight:600;}
.modal-box .modal-foot .foot-button .check {flex:1; min-width:0;}
.modal-box .modal-foot .foot-button .lightgray {background:#d5d5d5; color:#fff;}
.modal-box .modal-foot .foot-button .gray {background:#3a3a3a; color:#fff;}
.modal-box .modal-foot .foot-button .gray.active {background:var(--color-active);}
.modal-box .box.basic {max-width:100%; padding:10px; height:auto;}
.modal-box .box.basic .modal-body {padding:0; margin:0 0 30px;}
.modal-box .box.basic.full {height:100%;}
.modal-box .box.basic .modal-foot {margin:0 -10px -10px; width:calc(100% + 20px);}
.modal-box .box.bottom {width:100%; padding:0; max-width:100%; top:auto; bottom:-20px; transform:translateX(-50%); border-radius:0;}
.modal-box .box.bottom .modal-body {padding:20px;}
.modal-box .box.photo {width:100%; height:100%; background:none; border-radius:0; max-width:100%;}
.modal-box .box.photo .modal-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding:0 15px 15px;}
.modal-box .box.photo .modal-body {display:flex; flex-wrap:wrap; align-items:center; align-content:center; padding:15px;}
.modal-box .box.photo .modal-body > * {width:100%;}
.modal-box.fixed {pointer-events:inherit; opacity:1;}
.modal-box.fixed .box {pointer-events:inherit; opacity:1; top:50%;}
.modal-box.fixed .box.bottom {top:auto; bottom:0;}
@media (max-width:991px){
.modal-box {position:fixed;}
}

/* agree-box */
.agree-box {border-radius:10px; overflow:hidden;}
.agree-box .agree-head {background:#fa6377; display:flex; flex-wrap:wrap; align-items:center; padding:10px 15px;}
.agree-box .agree-head h2 {font-size:16px; font-weight:600; color:#fff;}
.agree-box .agree-body {background:#f6f6f6; padding:15px;}
.agree-box .agree-body .check-box {margin:0 0 15px;}
.agree-box .agree-body .check-box:first-of-type {border-bottom:1px solid #dfdfdf; margin:0 -15px 15px; padding:0 15px 15px;}
.agree-box .agree-body .check-box:first-of-type label {font-weight:700;}
.agree-box .agree-body .check-box:last-of-type {margin:0;}
.agree-box .agree-body.no-bg {background:none; padding:0;}

/* paging-box */
.paging-box {margin:20px 0 0; padding:20px; background:#fff;}
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:35px; height:35px; font-size:16px;}
.paging-box ul li.active a {color:#fa6377; font-weight:bold;}
.paging-box ul li.prev {flex:1; min-width:0;}
.paging-box ul li.prev a {width:20px; height:20px; display:block; font-size:0; background:url('../images/icon_paging_prev.png') no-repeat center / 8px auto;}
.paging-box ul li.next {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; flex:1; min-width:0;}
.paging-box ul li.next a {width:20px; height:20px; display:block; font-size:0; background:url('../images/icon_paging_next.png') no-repeat center / 8px auto;}


/* user-box */
.user-box {display:flex; flex-wrap:wrap; align-items:center;}
.user-box img {width:27px; height:27px; border-radius:50%; object-fit:cover; margin:0 6px 0 0;}
.user-box div {flex:1; min-width:0;}
.user-box div p {font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.user-box div time {font-size:15px; color:#5f5f5f; line-height:1;}

/* board-guide-box */
.board-guide-box {margin:0 0 30px;}
.board-guide-box a {display:flex; flex-wrap:wrap; align-items:center; background:#fa6377; border-radius:10px; padding:10px 15px;}
.board-guide-box a b {font-size:15px; font-weight:600; color:#fff; margin:0 10px 0 0;}
.board-guide-box a p {flex:1; min-width:0; font-size:15px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* board-event-list-box */
.board-event-list-box > ul > li {margin:0 0 15px;}
.board-event-list-box > ul > li:last-of-type {margin:0;}
.board-event-list-box > ul > li .inner {display:flex; flex-wrap:wrap; align-items:center;}
.board-event-list-box > ul > li .inner .list-image {width:50px; height:50px; border-radius:5px; position:relative; overflow:hidden;}
.board-event-list-box > ul > li .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.board-event-list-box > ul > li .inner .list-content {flex:1; min-width:0; padding:0 0 0 10px;}
.board-event-list-box > ul > li .inner .list-content .subject {display:flex; flex-wrap:wrap; align-items:center;}
.board-event-list-box > ul > li .inner .list-content .subject p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; font-weight:500;}
.board-event-list-box > ul > li .inner .list-content .subject .badge-box span {font-size:12px; height:20px; padding:0 10px;}
.board-event-list-box > ul > li .inner .list-content .content {margin:3px 0 0;}
.board-event-list-box > ul > li .inner .list-content .content p {font-size:13px; line-height:1.3; color:#727272; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.board-event-list-box > ul > li .inner .list-content .content small {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; color:#727272;}
.board-event-list-box > ul > li .inner .list-content .content b {font-size:12px;}
.board-event-list-box > ul > li .inner .list-content .content b:last-child {margin:0 5px 0 0;}
.board-event-list-box > ul > li .inner .list-content .datetime time {font-size:12px; color:#848484; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.board-event-list-box > ul > li .inner .list-state {display:flex; flex-wrap:wrap; gap:5px; margin:0 0 0 10px;}
.board-event-list-box > ul > li .inner .list-state a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:5px; height:27px; font-size:13px; padding:0 10px; color:#fff;}
.board-event-list-box > ul > li .inner .list-state a.update {background:#727272;}
.board-event-list-box > ul > li .inner .list-state a.delete {background:#000000;}
.board-event-list-box > ul > li .inner .list-state a.write {background:var(--color-active);}
.board-event-list-box > ul > li .inner.no-image:before {order:2; display:block; content:""; width:50px; height:50px; border-radius:5px; background:#f2f2f2 url('../images/icon_noimage.png') no-repeat center / 25px auto;}
.board-event-list-box > ul > li .inner.no-image .check-box {order:1;}
.board-event-list-box > ul > li .inner.no-image > * {order:3;}
.board-event-list-box > ul > li .inner.secret .list-content .subject:before {display:inline-block; content:""; width:16px; height:16px; margin:0 5px 0 0; background:url('../images/icon_secret.png') no-repeat center / cover;}

/* board-view-box */
.board-view-box .view-head {margin:0 0 20px;}
.board-view-box .view-head .datetime {margin:0 0 15px;}
.board-view-box .view-head .datetime time {color:#848484;}
.board-view-box .view-head .user {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 15px;}
.board-view-box .view-head .user img {width:18px; height:18px; border-radius:50%; object-fit:cover;}
.board-view-box .view-head .user p {flex:1; min-width:0; margin:0 0 0 5px; font-size:14px; color:#848484;}
.board-view-box .view-head .comment {display:flex; flex-wrap:wrap; align-items:center;}
.board-view-box .view-head .comment p {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; background:#f2f2f2; padding:5px 10px; font-size:14px;}
.board-view-box .view-head .comment p:before {display:inline-block; content:""; width:14px; height:14px; margin:0 5px 0 0; background:url('../images/icon_board_comment.png') no-repeat center / cover;}
.board-view-box .view-head h2 {margin:0 0 5px; font-size:20px; font-weight:600; word-break:keep-all;}
.board-view-box .view-body .body-content img {margin:0 -24px 30px; width:calc(100% + 48px); display:block;}
.board-view-box .view-body .body-content p {font-size:15px;}
.board-view-box .view-body .body-content img { max-width: 100%; width: 100%; height: auto; display: block; }
.board-view-box .view-body .body-content b,
.board-view-box .view-body .body-content strong,
.comment-list-box .list-body b,
.comment-list-box .list-body strong { font-weight: 700 !important; }


@media (max-width:991px){
.board-view-box .view-body .body-content img {margin:0 -15px 30px; width:calc(100% + 30px);}
}

/* board-write-box */
.board-write-box {margin:0 -24px 0; height:100%; display:flex; flex-direction:column;}
.board-write-box .write-head {width:100%; position:sticky; top:-15px; z-index:10; margin:-15px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; background:#484848; padding:15px;}
.board-write-box .write-head > div {display:flex; flex-wrap:wrap; align-items:center;}
.board-write-box .write-head .head-left ul {display:flex; flex-wrap:wrap; align-items:center; gap:0 15px;}
.board-write-box .write-head .head-left ul li {position:relative; overflow:hidden;}
.board-write-box .write-head .head-left ul li input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.board-write-box .write-head .head-left ul li > *:not(input) {width:20px; height:24px; font-size:0; display:block; background-size:20px auto; background-position:center; background-repeat:no-repeat;}
.board-write-box .write-head .head-left ul li .file {background-image:url('../images/icon_write_file.png');}
.board-write-box .write-head .head-left ul li .group {background-image:url('../images/icon_write_group.png');}
.board-write-box .write-head .head-left ul li .bold {background-image:url('../images/icon_write_bold.png'); background-size:17px auto;}
.board-write-box .write-head .head-right input {appearance:auto; width:18px; height:18px;}
.board-write-box .write-head .head-right label {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#9e9e9e; font-weight:500; margin:0 0 0 5px;}
.board-write-box .write-head .head-right label:after {display:block; content:""; width:23px; height:23px; margin:0 0 0 5px; background:url('../images/icon_write_secret.png') no-repeat center / cover;}
.board-write-box .write-head .head-right input:checked ~ label {color:#fff;}
.board-write-box .write-head .head-right input:checked ~ label:after {filter:var(--filter-black);}
.board-write-box .write-body {padding:0 24px; width:100%; height:100%; display:flex; flex-direction:column;}
.board-write-box .write-body .input-box {border:0; border-bottom:1px solid #d8d8d8; border-radius:0; width:100%; height:13%;}
.board-write-box .write-body .input-box input {height:50px; font-size:18px; padding:0;}
.board-write-box .write-body textarea {width:100%; display:block; margin:20px 0 0; font-size:15px; height:100%;}
.board-write-box .write-body textarea::placeholder {color:#b4b4b4;}
.board-write-box .write-body #imageContainer {margin-top: 12px; padding: 10px 0; width: 100%; box-sizing: border-box; clear: both; }
.board-write-box .write-body #imageContainer img {max-width: 100%; height: auto; display: block; border-radius: 8px; }

@media (max-width:991px){
.board-write-box {margin:0 -15px 0;}
}

/* star-box */
.star-box {display:flex; flex-wrap:wrap; align-items:center; gap:0;}
.star-box .star {position:relative;}
.star-box .star input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.star-box .star label {position:relative; display:block; font-size:0; width:24px; height:24px; cursor:pointer;}
.star-box .star label:after {position:absolute; content:""; width:20px; height:20px; background:url('../images/icon_star.png') no-repeat center / cover;}
.star-box .star input:focus-visible ~ label {outline:2px solid var(--color-black); z-index:2;}
.star-box .star.active label:after {background-image:url('../images/icon_star_on.png');}

/* comment-list-box */
.comment-list-box {margin:50px 0 0;}
.comment-list-box > ul {border-top:1px solid #c3c3c3;}
.comment-list-box > ul > li {padding:15px 0; border-bottom:1px solid #c3c3c3;}
.comment-list-box > ul > li:last-of-type {border:0;}
.comment-list-box > ul > li .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 10px;}
.comment-list-box > ul > li .list-head .head-left {flex:1; min-width:0; padding:0 15px 0 0;}
.comment-list-box > ul > li .list-body {display:flex; flex-wrap:wrap; align-items:flex-start;}
.comment-list-box > ul > li .list-body > img {width:50px; height:50px; margin:0 10px 0 0; border-radius:5px; object-fit:cover;}
.comment-list-box > ul > li .list-body > p {flex:1; min-width:0; font-size:15px; position:relative; top:-4px;}
.comment-list-box > ul > li .list-body .comment-write-box {margin:0 !important; width:100%;}
.comment-list-box > .more {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:15px 0 0; border-radius:50px; height:50px; background:#f2f2f2; font-size:16px; font-weight:600;}
.comment-list-box > .more:after {display:block; content:""; width:15px; height:15px; margin:0 0 0 8px; background:url('../images/icon_btn_more.png') no-repeat center / 15px auto;}

/* comment-write-box */
.comment-write-box {margin:50px 0 0;}
.comment-write-box .write-head {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 8px;}
.comment-write-box .write-head img {width:20px; height:20px; border-radius:50%; object-fit:cover;}
.comment-write-box .write-head p {flex:1; min-width:0; margin:0 0 0 5px; font-size:15px; color:#848484;}
.comment-write-box .write-body textarea {display:block; width:100%; height:150px; border:1px solid #c3c3c3; border-radius:5px; padding:10px; font-size:16px;}
.comment-write-box .write-body textarea::placeholder {color:#9c9c9c;}
.comment-write-box .write-foot {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:8px 0 0;}
.comment-write-box .write-foot p {font-size:15px; color:#2c2c2c;}

/* file-list-box */
.file-list-box {width:100%;}
.file-list-box > ul > li {margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center;}
.file-list-box > ul > li:last-of-type {margin:0;}
.file-list-box > ul > li:before {display:inline-block; content:""; width:16px; height:16px; margin:0 8px 0 0; background:url('../images/icon_clip_b.png') no-repeat center / cover;}
.file-list-box > ul > li .name {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px;}
.file-list-box > ul > li .delete {font-size:15px; margin:0 0 0 15px; color:#1d1d1d;}

/* banner-box */
.banner-box {background:#fff; margin:0 0 30px;}
.banner-box a {display:block;}
.banner-box a img {width:100%;}
.banner-box ul {display:block; overflow-x:auto; white-space:nowrap; font-size:0;} 
.banner-box ul li {display:inline-block; margin:0 15px 0 0; width:60%;}
.banner-box ul li:first-of-type {margin-left:24px;}
.banner-box ul li:last-of-type {margin-right:24px;}
.right-foot .banner-box {margin:0; padding:20px 0;}

/* tab-box */
.tab-box.tab1 {position:relative; margin:0 -24px 30px; padding:0 24px; border-bottom:1px solid #d8d8d8;}
.tab-box.tab1 .select-box {position:absolute; right:15px; top:50%; transform:translateY(-50%);}
.tab-box.tab1 ul {margin:-15px 0 0; padding:15px 0 0; display:block; overflow-x:auto; white-space:nowrap;}
.tab-box.tab1 ul li {display:inline-block; margin:0 15px 0 0;}.tab-box.tab1 ul li:last-of-type {margin:0;}
.tab-box.tab1 ul li .tab {display:flex; flex-wrap:wrap; align-items:center; color:#b2b2b2; font-weight:500; font-size:16px; line-height:1; padding:0 0 10px;}
.tab-box.tab1 ul li .tab span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; margin:0 0 0 5px; width:17px; height:17px; border-radius:50%; background:#b2b2b2; color:#fff; font-size:11px; font-weight:500; line-height:1;}
.tab-box.tab1 ul li .tab.active {position:relative; color:#000; font-weight:600;}
.tab-box.tab1 ul li .tab.active span {background:#000;}
.tab-box.tab1 ul li .tab.active:after {position:absolute; left:0; bottom:0; content:""; width:100%; height:2px; background:#000;}
.tab-box.tab1 ul li .filter {display:block; width:30px; height:25px; background:#989898 url('../images/icon_filter.png') no-repeat center / 20px auto; border-radius:5px; font-size:0; position:relative; top:-7px;}
.tab-box.tab2 {margin:0 -24px 30px; padding:0 24px; border-bottom:1px solid #d8d8d8;}
.tab-box.tab2 ul {display:flex; flex-wrap:wrap; gap:5px 10px;}
.tab-box.tab2 ul li {display:inline-block; margin:0 15px 0 0;}
.tab-box.tab2 ul li:last-of-type {margin:0;}
.tab-box.tab2 ul li .tab {display:flex; flex-wrap:wrap; align-items:center; color:#b2b2b2; font-weight:500; font-size:16px; line-height:1; padding:0 0 10px;}
.tab-box.tab2 ul li .tab span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; margin:0 0 0 5px; width:17px; height:17px; border-radius:50%; background:#b2b2b2; color:#fff; font-size:11px; font-weight:500; line-height:1;}
.tab-box.tab2 ul li .tab.active {position:relative; color:#000; font-weight:600;}
.tab-box.tab2 ul li .tab.active span {background:#000;}
.tab-box.sticky {box-shadow:0 5px 10px rgba(0,0,0,0.1); position:sticky; top:-15px; background:#fff; z-index:100;}
.modal-box .tab-box.tab1 {margin:-5px 0 0; padding:0 15px;}
.modal-box .tab-box.tab1 ul li .tab {padding:5px 0 10px;}
@media (max-width:991px){
.tab-box.tab1 {margin:0 -15px 30px; padding:0 15px;}
.tab-box.tab1 ul::-webkit-scrollbar {display:none;}
}

/* card-box */
.card-box .card-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:10px 15px; background:var(--color-active); border-radius:10px 10px 0 0;}
.card-box .card-head strong {font-size:18px; font-weight:600; color:#fff;}
.card-box .card-head p {font-size:16px; color:#fff;}
.card-box .card-head .status {display:flex; flex-wrap:wrap; align-items:center; background:#fff; border-radius:5px;  padding:5px 10px; font-size:14px; line-height:1; color:var(--color-active); font-weight:500;}
.card-box .card-head .add {display:flex; flex-wrap:wrap; align-items:center; background:#fff; border-radius:5px; padding:5px 10px; font-size:14px; line-height:1; color:var(--color-active); font-weight:500;}
.card-box .card-head .add:after {display:inline-block; content:""; width:14px; height:14px; margin:0 0 0 5px; background:url('../images/icon_card_add.png') no-repeat center / cover;}
.card-box .card-head .add.link:after {background-image:url('../images/icon_card_link.png');}
.card-box .card-head .add.mail:after {background-image:url('../images/icon_card_mail.png');}
.card-box .card-head .add.print:after {background-image:url('../images/icon_card_print.png');}
.card-box .card-head .toggle {display:flex; flex-wrap:wrap; align-items:center; margin:-10px -15px; padding:10px 15px; width:calc(100% + 30px);}
.card-box .card-head .toggle b {font-size:16px; font-weight:600; margin:0 10px 0 0; color:#fff;}
.card-box .card-head .toggle p {flex:1; min-width:0; font-size:16px; color:#fff;}
.card-box .card-head .toggle .add {margin:0 10px 0 0;}
.card-box .card-head a.toggle:after {display:inline-block; content:""; transform:rotate(180deg); width:20px; height:20px; font-size:0; background:url('../images/icon_arrow_down_w.png') no-repeat center / 13px auto;}
.card-box .card-head .check-box label:before {width:20px; height:20px; position:relative; top:3px;}
.card-box .card-head .check-box input:checked ~ label:before {background-color:#94303d;}
.card-box .card-head.blue {background:#638afa;}
.card-box .card-body {background:#f6f6f6; border-radius:0 0 10px 10px;}
.card-box .card-body.active {background:#ffdee2;}
.card-box .card-body .card-body-title {border-bottom:1px solid #dfdfdf; padding:15px 15px 5px;}
.card-box .card-body .card-body-title strong {font-size:18px; font-weight:600;}
.card-box .card-body .card-body-line {border-bottom:1px solid #dfdfdf; padding:15px;}
.card-box .card-body .card-body-line:last-of-type {border:0;}
.card-box.card-toggle.active .card-head {border-radius:10px;}
.card-box.card-toggle.active .card-head a.toggle:after {transform:rotate(0deg);}
.card-box.card-toggle.active .card-body {display:none;}

/* title-box */
.title-box {margin:0 0 20px;}
.title-box h2 {font-size:18px; font-weight:600;}
.title-box h2 b {font-size:18px; font-weight:600;}

/* text-box */
.text-box p {font-size:15px; word-break:keep-all;}
.text-box p b {font-size:15px; font-weight:600;}

/* text-notice-box */
.text-notice-box .list-head a {display:flex; flex-wrap:wrap; align-items:center; background:#616161; border-radius:5px; padding:5px 10px;}
.text-notice-box .list-head a p {flex:1; min-width:0; font-size:15px; font-weight:500; color:#fff; padding:0 10px 0 0;}
.text-notice-box .list-head a p small {font-size:12px; color:#d8d8d8;}
.text-notice-box .list-head a:after {display:inline-block; content:""; width:15px; height:10px; background:url('../images/icon_arrow_down_w.png') no-repeat center / 10px auto;}
.text-notice-box .list-head a:before {display:inline-block; content:""; width:15px; height:15px; margin:0 5px 0 0; background:url('../images/icon_notice_w.png') no-repeat center / cover;}
.text-notice-box .list-body {display:none; padding:10px 0;}
.text-notice-box.active .list-head a {background:#000;}
.text-notice-box.active .list-head a:after {transform:rotate(180deg);}
.text-notice-box.active .list-body {display:block;}

/* text-info-box */
.text-info-box > ul > li {margin:0 0 3px; display:flex; flex-wrap:wrap;}
.text-info-box > ul > li:last-of-type {margin:0;}
/*.text-info-box > ul > li b {font-size:15px; color:#7b7b7b; font-weight:500; width:80px;}*/
.text-info-box > ul > li b {font-size:15px; color:#7b7b7b; font-weight:500;}
.text-info-box > ul > li b.auto {width:auto; margin:0 10px 0 0;}
.text-info-box > ul > li p {flex:1; min-width:0; font-size:15px;}
.text-info-box > ul > li p b {font-size:15px; font-weight:600; color:#1d1d1d;}
.text-info-box > ul > li.full b {width:100%;}
.text-info-box > ul > li.full p {flex:none; width:100%;}
.text-info-box > ul > li.border {border-bottom:1px solid #d3d3d3; padding:0 0 5px;}
.text-info-box.shadow {background:#fff; padding:20px; box-shadow:0 -5px 10px rgba(0,0,0,0.1);}
.text-info-box.shadow > ul > li b {width:auto;}
.text-info-box.border {border:1px solid #d3d3d3; border-radius:10px; padding:10px;}

/* table-box */
.table-box {border-top:2px solid #000;}
.table-box table {table-layout:fixed; width:100%; border-collapse:collapse;}
.table-box table thead tr th {border:1px solid #9a9a9a; font-size:15px; font-weight:600; padding:5px;}
.table-box table tbody tr td {font-size:14px; border:1px solid #9a9a9a; padding:5px;}

/* table-guide-box */
.table-guide-box table {border-top:2px solid #000; table-layout:fixed;}
.table-guide-box table tr th {border:1px solid #9a9a9a; border-width:0 1px 1px 0; font-size:14px; font-weight:600; padding:10px; background:#f4f4f4;}
.table-guide-box table tr td {border:1px solid #9a9a9a; border-width:0 0 1px 0; font-size:13px; padding:10px; text-align:left;}
.table-guide-box table tr td .guide {position:relative; padding:0 20px 0 0;}
.table-guide-box table tr td .guide:after {display:inline-block; position:relative; top:2px; margin:0 0 0 2px; width:14px; height:14px; background:url('../images/icon_guide.png') no-repeat center / cover; content:"";}
.table-guide-box table tr td > div.check {width:20px; height:20px; margin:0 auto; background-size:cover; background-position:center;}
.table-guide-box table tr td > div.check-x {background-image:url('../images/icon_x.png');}
.table-guide-box table tr td > div.check-o {background-image:url('../images/icon_o.png');}
.table-guide-box table tr td > div.image {gap:0 20px;}
.table-guide-box table tr td > div.image img {flex:1; min-width:0;}
.table-guide-box.border table tr td {border-width:0 1px 1px 0;}
.table-guide-box.border table tr td:last-of-type {border-right:0;}


/* person-box */
.person-box > ul > li {border-bottom:1px solid #dfdfdf;}
.person-box > ul > li:last-of-type {border:0;}
.person-box > ul > li .list-head {padding:15px 20px; display:flex; flex-wrap:wrap; align-items:center;}
.person-box > ul > li .list-head:before {display:inline-block; content:""; width:15px; height:18px; margin:0 8px 0 0; flex-shrink:0; background:url('../images/icon_person.png') no-repeat center / cover;}
.person-box > ul > li .list-head .head-left {display:flex; align-items:center; flex:1; min-width:0; padding:0 10px 0 0;}
.person-box > ul > li .list-head .head-left .name {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; font-weight:500; line-height:1.3;}
.person-box > ul > li .list-head .head-left .state {background:#999; color:#fff; border-radius:5px; padding:5px 8px; line-height:1; font-size:14px; font-weight:500; flex-shrink:0; margin:0 0 0 8px; display:flex; flex-wrap:wrap; align-items:center;}
.person-box > ul > li .list-head .head-left .delete {width:18px; height:18px; margin:0 0 0 8px; font-size:0; flex-shrink:0; background:url('../images/icon_delete.png') no-repeat center / cover;}
.person-box > ul > li .list-head .more {width:30px; height:30px; font-size:0; background:url('../images/icon_arrow_down.png') no-repeat right center / 13px auto;}
.person-box > ul > li .list-body {display:none; padding:0 20px 20px;}
.person-box > ul > li.active .list-head .more {transform:rotate(180deg); background-position:left center;}
.person-box > ul > li.active .list-body {display:block;}
.person-box > ul > li.add .list-body {display:block; padding:20px;}

/* mypage-head-box */
.mypage-head-box {width:100%; background:#fff; margin:20px 0 0; border-radius:12px; display:flex; flex-wrap:wrap; align-items:center; padding:20px;}
.mypage-head-box:before {display:block; content:""; width:61px; height:67px; background:url('../images/logo_face.png') no-repeat center / cover; margin:0 10px 0 0;}
.mypage-head-box .inner {flex:1; min-width:0;}
.mypage-head-box .inner ul {display:flex; flex-wrap:wrap; gap:10px;}
.mypage-head-box .inner ul li {display:flex; flex-wrap:wrap; align-items:center;}
.mypage-head-box .inner ul li > b {display:flex; flex-wrap:wrap; align-items:center; background:#f86f65; color:#fff; border-radius:5px; font-size:15px; font-weight:600; padding:3px 10px;}
.mypage-head-box .inner ul li > div {flex:1; min-width:0; margin:0 0 0 8px;}
.mypage-head-box .inner ul li > div p {font-size:15px;}
.mypage-head-box .inner ul li > div p b {font-size:15px; font-weight:600;}
.mypage-head-box .inner ul li > div p.ft-active {color:#f86f65 !important;}

/* mypage-cate-box */
.mypage-cate-box > ul > li {margin:0 0 10px; position:relative;}
.mypage-cate-box > ul > li:last-of-type {margin:0;}
.mypage-cate-box > ul > li > a {display:flex; flex-wrap:wrap; align-items:center; font-size:16px;}
.mypage-cate-box > ul > li > a p {font-size:16px;}
.mypage-cate-box > ul > li > a:before {display:inline-block; content:""; width:28px; height:24px; margin:0 5px 0 0; background-repeat:no-repeat; background-position:left center;}
.mypage-cate-box > ul > li.cate01 > a:before {background-image:url('../images/icon_mypage_cate_01.png'); background-size:19px auto;}
.mypage-cate-box > ul > li.cate02 > a:before {background-image:url('../images/icon_mypage_cate_02.png'); background-size:15px auto;}
.mypage-cate-box > ul > li.cate03 > a:before {background-image:url('../images/icon_mypage_cate_03.png'); background-size:17px auto;}
.mypage-cate-box > ul > li.cate04 > a:before {background-image:url('../images/icon_mypage_cate_04.png'); background-size:24px auto;}
.mypage-cate-box > ul > li.cate05 > a:before {background-image:url('../images/icon_mypage_cate_05.png'); background-size:19px auto;}
.mypage-cate-box > ul > li.cate06 > a:before {background-image:url('../images/icon_mypage_cate_06.png'); background-size:23px auto;}
.mypage-cate-box > ul > li.cate07 > a:before {background-image:url('../images/icon_mypage_cate_07.png'); background-size:21px auto;}
.mypage-cate-box > ul > li.cate08 > a:before {background-image:url('../images/icon_mypage_cate_08.png'); background-size:19px auto;}
.mypage-cate-box > ul > li.cate09 > a:before {background-image:url('../images/icon_mypage_cate_09.png'); background-size:20px auto;}
.mypage-cate-box > ul > li.cate10 > a:before {background-image:url('../images/icon_mypage_cate_10.png'); background-size:23px auto;}
.mypage-cate-box > ul > li.active:before {position:absolute; left:15px; top:3px; width:6px; height:6px; background:#f00; border-radius:50%; content:"";}

/* mypage-grade-box */
.mypage-grade-box .grade-head {border-bottom:1px solid #dfdfdf; padding:30px 20px;}
.mypage-grade-box .grade-head .head-top {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
.mypage-grade-box .grade-head .head-top span {display:flex; flex-wrap:wrap; align-items:center; background:#999; border-radius:5px; color:#fff; padding:5px 10px; line-height:1; font-size:14px; font-weight:500;}
.mypage-grade-box .grade-head .head-top p {flex:1; min-width:0; padding:0 0 0 8px; font-size:16px; font-weight:500;}
.mypage-grade-box .grade-head .head-bottom > p {margin:0 0 10px; font-size:15px;}
.mypage-grade-box .grade-head .head-bottom > p b {font-size:15px; font-weight:600;}
.mypage-grade-box .grade-head .head-bottom > div {position:relative; border-radius:50px; height:30px; background:#cecece;}
.mypage-grade-box .grade-head .head-bottom > div p {z-index:3; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; font-size:16px; color:#fff; font-weight:700;}
.mypage-grade-box .grade-head .head-bottom > div img {position:absolute; right:0; top:50%; transform:translateY(-50%); content:""; width:50px;}
.mypage-grade-box .grade-head .head-bottom > div .bar {position:absolute; left:0; top:0; height:100%; border-radius:50px; background:#7e7e7e;}
.mypage-grade-box .grade-body .body-button button {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:20px; width:100%;}
.mypage-grade-box .grade-body .body-button button span {flex:1; min-width:0; font-size:18px; font-weight:500; text-align:left; color:#000;}
.mypage-grade-box .grade-body .body-button button:after {display:block; content:""; width:13px; height:7px; margin:0 0 0 10px; background:url('../images/icon_arrow_down.png') no-repeat center / cover;}
.mypage-grade-box .grade-body .body-list {display:none; padding:0 20px 30px;}
.mypage-grade-box .grade-body .body-list > ul > li {margin:0 0 15px; display:flex; flex-wrap:wrap; align-items:center;}
.mypage-grade-box .grade-body .body-list > ul > li:last-of-type {margin:0;}
.mypage-grade-box .grade-body .body-list > ul > li:before {display:inline-block; content:""; width:50px; height:55px; margin:0 10px 0 0; background-size:50px auto; background-position:left center; background-repeat:no-repeat;}
.mypage-grade-box .grade-body .body-list > ul > li .inner {flex:1; min-width:0;}
.mypage-grade-box .grade-body .body-list > ul > li .inner b {font-size:15px; font-weight:600;}
.mypage-grade-box .grade-body .body-list > ul > li .inner p {font-size:15px; word-break:keep-all;}
.mypage-grade-box .grade-body .body-list > ul > li:nth-of-type(1):before {background-image:url('../images/logo_face_star_01.png');}
.mypage-grade-box .grade-body .body-list > ul > li:nth-of-type(2):before {background-image:url('../images/logo_face_star_02.png');}
.mypage-grade-box .grade-body .body-list > ul > li:nth-of-type(3):before {background-image:url('../images/logo_face_star_03.png');}
.mypage-grade-box .grade-body .body-list > ul > li:nth-of-type(4):before {background-image:url('../images/logo_face_star_04.png');}
.mypage-grade-box .grade-body .body-list > ul > li:nth-of-type(5):before {background-image:url('../images/logo_face_star_05.png');}
.mypage-grade-box .grade-body.active .body-button button:after {transform:rotate(180deg);}
.mypage-grade-box .grade-body.active .body-list {display:block;}

/* reserve-list-box */
.reserve-list-box > ul > li {margin:0 0 24px;}
.reserve-list-box > ul > li:last-of-type {margin:0;}
.reserve-list-box > ul > li .inner {display:flex; flex-wrap:wrap; position:relative; }
.reserve-list-box > ul > li .inner:after {position:absolute; right:0; top:50%; transform:translateY(-50%); display:inline-block; content:""; width:20px; height:20px; margin:0 0 0 10px; background:url('../images/icon_reserve_more.png') no-repeat center / cover;}
.reserve-list-box > ul > li .inner > strong {color:#fff; margin:0 10px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:8px 0 0 8px; width:30px; font-size:16px; font-weight:600;}
.reserve-list-box > ul > li .inner > strong.active {background:var(--color-active);}
.reserve-list-box > ul > li .inner > strong.gray {background:#b2b2b2}
.reserve-list-box > ul > li .inner > strong.black {background:#000;}
.reserve-list-box > ul > li .inner > .content {flex:1; min-width:0; padding:0 30px 0 0;}
.reserve-list-box > ul > li .inner > .content .content-top {display:flex; align-items:center; gap:5px; margin:0 0 5px;}
.reserve-list-box > ul > li .inner > .content .content-top b {font-size:15px; font-weight:600; flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.reserve-list-box > ul > li .inner > .content > p {font-size:15px; color:#727272; line-height:1.3;}

/* trip-list-box */
.trip-list-box .list-head {padding:15px;}
.trip-list-box .list-head > ul > li {margin:0 0 15px;}
.trip-list-box .list-head > ul > li:last-of-type {margin:0;}
.trip-list-box .list-head > ul > li .badge-box {margin:0 0 8px;}
.trip-list-box .list-head > ul > li .content {display:flex; flex-wrap:wrap; align-items:center;}
.trip-list-box .list-head > ul > li .content div {flex:1; min-width:0;}
.trip-list-box .list-head > ul > li .content div p {font-size:15px;}
.trip-list-box .list-head > ul > li .content div p b {font-size:15px; font-weight:600;}
.trip-list-box .list-head > ul > li .content div:last-of-type {display:flex; flex-wrap:wrap; justify-content:flex-end; text-align:left;}
.trip-list-box .list-head > ul > li .content em {font-size:27px; margin:0 10px;}
.trip-list-box .list-body {padding:15px 20px; margin:5px 0 0; border-top:1px solid #dfdfdf;}
.trip-list-box .list-body > ul > li {margin:0 0 8px;}
.trip-list-box .list-body > ul > li:last-of-type {margin:0;}
.trip-list-box .list-body > ul > li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.trip-list-box .list-body > ul > li a p {font-size:15px; font-weight:600;}
.trip-list-box .list-body > ul > li a:after {display:inline-block; content:""; width:20px; height:20px; margin:0 0 0 10px; background:url('../images/icon_reserve_more.png') no-repeat center / cover;}
.card-body-line ~ .trip-list-box .list-body {border:0; padding-top:0;}

/* passenger-box */
.passenger-box {display:flex; flex-wrap:wrap; align-items:center;}
.passenger-box b {font-size:15px; color:#7b7b7b; font-weight:500; width:50px;}
.passenger-box strong {margin:0 0 0 10px; font-size:15px; font-weight:500;}
.passenger-box .inner {display:flex; align-items:center; flex:1; min-width:0;}
.passenger-box .inner .badge-box {margin:0 0 0 5px; flex-shrink:0;}
.passenger-box .inner p {font-size:16px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* toggle-list-box */
.toggle-list-box {border-bottom:1px solid #dfdfdf; padding:15px;}
.toggle-list-box:last-of-type {border:0;}
.toggle-list-box .toggle-head > .inner {display:flex; flex-wrap:wrap; align-items:center;}
.toggle-list-box .toggle-head > .inner:after {display:inline-block; content:""; width:20px; height:20px; font-size:0; background:url('../images/icon_arrow_down.png') no-repeat center / 13px auto;}
.toggle-list-box .toggle-head > .inner .inner-left {flex:1; min-width:0; margin:0 10px 0 0;}
.toggle-list-box .toggle-body {padding:10px 0 0; display:none;}
.toggle-list-box.color.active {background:#ffdee2;}
.toggle-list-box.active .toggle-head .inner:after {transform:rotate(180deg);}
.toggle-list-box.active .toggle-body {display:block;}

/* area-info-box */
.area-info-box .info-top {display:flex; flex-wrap:wrap; align-items:center;}
.area-info-box .info-top p {flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; margin:0 0 0 10px;}
.area-info-box .info-top p b {font-size:15px; font-weight:600; margin:0 0 0 5px;}
.area-info-box .info-bottom {margin:5px 0 0;}
.area-info-box .info-bottom p {font-size:15px; color:#999;}
.area-info-box .info-bottom p b {font-size:15px; color:#999; font-weight:600;}

/* area-info-detail-box */
.area-info-detail-box ul li {margin:0 0 3px; display:flex; flex-wrap:wrap;}
.area-info-detail-box ul li:last-of-type {margin:0;}
.area-info-detail-box ul li b {font-size:15px; color:#999;}
.area-info-detail-box ul li p {flex:1; min-width:0; margin:0 0 0 10px; font-size:15px; text-align:right;}

/* price-total-box */
.price-total-box {padding:20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.price-total-box strong {font-size:16px;}
.price-total-box p {font-size:16px;}
.price-total-box p b {font-size:16px; font-weight:600;}

/* insurance-box */
.insurance-box {margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.insurance-box img {max-width:120px;}
.insurance-box p {font-size:16px; font-weight:600;}

/* receipt-box */
.receipt-box .receipt-head {display:flex; flex-wrap:wrap; align-items:center; background:var(--color-active); border-radius:10px 10px 0 0; padding:10px 15px;}
.receipt-box .receipt-head b {font-size:16px; font-weight:600; color:#fff; margin:0 15px 0 0;}
.receipt-box .receipt-head p {flex:1; min-width:0; font-size:16px; color:#fff;}
.receipt-box .receipt-body {padding:20px 15px;}
.receipt-box .receipt-body ul li {margin:0 0 15px;}
.receipt-box .receipt-body ul li:last-of-type {margin:0;}
.receipt-box .receipt-body ul li strong {display:flex; flex-wrap:wrap; align-items:center; background:#999; border-radius:5px; padding:5px 10px; font-size:15px; color:#fff;}
.receipt-box .receipt-body ul li p {padding:10px; font-size:15px; font-weight:300;}
.receipt-box .receipt-body ul li p b {font-size:15px; font-weight:600;}
.receipt-box .receipt-foot {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}

/* hotel-info-box */
.hotel-info-box .inner {display:flex; flex-wrap:wrap; align-items:flex-start;}
.hotel-info-box .inner .list-image {width:130px; position:relative; border-radius:8px; overflow:hidden;}
.hotel-info-box .inner .list-image:after {display:block; content:""; padding-bottom:130%;}
.hotel-info-box .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.hotel-info-box .inner .list-content {flex:1; min-width:0; padding:0 0 0 10px;}
.hotel-info-box .inner .list-content strong {display:block; font-size:20px; font-weight:600; line-height:1.3; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.hotel-info-box .inner .list-content p.name {font-size:18px; line-height:1.3; font-weight:300; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;}
.hotel-info-box .inner .list-content p.addr {margin:30px 0 0; font-size:15px;}
.hotel-info-box .inner .list-content p.addr:before {display:inline-block; content:""; position:relative; top:4px; width:18px; height:18px; background:url('../images/icon_location.png') no-repeat center / cover;}
@media (max-width:991px){
.hotel-info-box .inner .list-content strong {font-size:18px;}
.hotel-info-box .inner .list-content p.name {font-size:15px;}
.hotel-info-box .inner .list-content p.addr {font-size:13px; margin:25px 0 0;}
}

/* trip-info-box */
.trip-info-box .inner {display:flex; flex-wrap:wrap;}
.trip-info-box .inner .list-image {width:130px; position:relative; border-radius:8px; overflow:hidden;}
.trip-info-box .inner .list-image:after {display:block; content:""; padding-bottom:100%;}
.trip-info-box .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.trip-info-box .inner .list-image .badge-box {position:absolute; left:5px; top:5px; z-index:2;}
.trip-info-box .inner .list-content {flex:1; min-width:0; padding:0 0 0 10px; display:flex; flex-wrap:wrap; align-content:space-between;}
.trip-info-box .inner .list-content strong {width:100%; display:block; font-size:20px; font-weight:600; line-height:1.3; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis;}
.trip-info-box .inner .list-content time {width:100%; font-size:14px;}
@media (max-width:991px){
.trip-info-box .inner .list-content strong {font-size:18px;}
.trip-info-box .inner .list-content time {font-size:13px;}
}

/* pass-guide-box */
.pass-guide-box > ul > li {border-bottom:1px solid #e4e4e4; padding:0 0 20px; margin:0 0 20px;}
.pass-guide-box > ul > li:last-of-type {border:0; padding:0; margin:0;}
.pass-guide-box > ul > li .list-top {display:flex; flex-wrap:wrap; align-items:center;}
.pass-guide-box > ul > li .list-top p {flex:1; min-width:0; font-size:16px; font-weight:500; margin:0 0 0 10px;}
.pass-guide-box > ul > li .list-bottom {margin:8px 0 0;}
.pass-guide-box > ul > li .list-bottom strong {display:block; font-size:15px; font-weight:600; color:#3d3d3d; margin:0 0 8px;}
.pass-guide-box > ul > li .list-bottom ul li {display:flex; flex-wrap:wrap; margin:0 0 3px;}
.pass-guide-box > ul > li .list-bottom ul li:last-of-type {margin:0;}
.pass-guide-box > ul > li .list-bottom ul li b {width:90px; font-size:15px; font-weight:500;}
.pass-guide-box > ul > li .list-bottom ul li p {flex:1; min-width:0; font-size:15px;}
.pass-guide-box > ul > li .list-bottom ul li small {width:100%; display:block; margin:10px 0; font-size:13px;}

/* passenger-check-box */
.passenger-check-box > ul > li {margin:0 0 10px; position:relative;}
.passenger-check-box > ul > li:last-of-type {margin:0;}
.passenger-check-box > ul > li input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.passenger-check-box > ul > li label {display:flex; flex-wrap:wrap; align-items:center; opacity:0.5;}
.passenger-check-box > ul > li label b {font-size:15px; color:#7b7b7b; width:50px;}
.passenger-check-box > ul > li label strong {font-size:15px; font-weight:500;}
.passenger-check-box > ul > li label .inner {flex:1; min-width:0; display:flex; align-items:center; margin:0 10px 0 0;}
.passenger-check-box > ul > li label .inner p {font-size:15px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.passenger-check-box > ul > li label .inner .badge-box {flex-shrink:0; margin:0 0 0 5px;}
.passenger-check-box > ul > li label:before {display:inline-block; content:""; width:18px; height:18px; border-radius:50%; margin:-3px 8px 0 0; background:#d3d3d3 url('../images/icon_check.png') no-repeat center / 10px auto;}
.passenger-check-box > ul > li input:checked ~ label {opacity:1;}
.passenger-check-box > ul > li input:checked ~ label:before {background-color:#000;}

/* result-box */
.result-box .list-head img {display:block; margin:0 auto 20px; width:150px;}
.result-box .list-head h2 {text-align:center; font-size:30px; font-weight:500; margin:0 0 20px;}
.result-box .list-head h2 b {font-size:30px; font-weight:700; color:var(--color-active);}
.result-box .list-head ul li {position:relative; font-size:15px; word-break:keep-all; padding:0 0 0 10px;}
.result-box .list-head ul li:before {position:absolute; left:0; top:9px; width:2px; height:2px; background:#000; border-radius:50%; content:"";}
.result-box .list-body {margin:20px -20px 0; padding:20px; border-top:1px solid #d8d8d8;}
.result-box .list-body strong {font-size:15px; font-weight:600;}
.result-box .list-body p {font-size:15px; margin:5px 0 0; line-height:1.8;} 

/* point-list-box */
.point-list-box > ul > li {margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:center;}
.point-list-box > ul > li:last-of-type {margin:0;}
.point-list-box > ul > li b {font-size:15px; color:#b2b2b2; width:100px;}
.point-list-box > ul > li p {flex:1; min-width:0; font-size:15px; font-weight:600;}
.point-list-box > ul > li time {font-size:13px; color:#b2b2b2;}

/* mypage-point-box */
.mypage-point-box {width:100%; margin:15px 0 0;}
.mypage-point-box .list-head {background:#fff; border-radius:10px; padding:15px;}
.mypage-point-box .list-head ul {display:flex; flex-wrap:wrap;}
.mypage-point-box .list-head ul li {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.mypage-point-box .list-head ul li b {padding:0 10px; display:flex; flex-wrap:wrap; align-items:center; border-radius:5px; font-size:14px; height:30px; font-weight:500; color:#fff;}
.mypage-point-box .list-head ul li p {flex:1; min-width:0; padding:0 10px; font-size:16px; font-weight:600;}

/* search-box */
.search-box {position:relative; margin:0 0 0 10px; display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; border-radius:8px; overflow:hidden; border:2px solid transparent; background:linear-gradient(to top, rgba(253, 83, 146, 1), #f86f64); -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);}
.search-box input {flex:1; min-width:0; background:#f6f6f6; height:40px; padding:0 60px 0 15px; font-size:15px; color:#000;}
.search-box input::placeholder {color:#676767;}
.search-box .submit {position:absolute; right:0; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:50%; background:var(--color-active) url('../images/icon_search_w.png') no-repeat center / 16px; font-size:0; margin:0 15px 0 0;}

/* area-select-box */
.area-select-box {display:flex; flex-wrap:wrap; align-items:center; width:100%; margin:20px 0 0;}
.area-select-box .inner strong {display:block; text-align:center; font-size:16px; font-weight:600; line-height:1.3;}
.area-select-box .inner p {display:block; text-align:center; font-size:13px; line-height:1.3;}
.area-select-box .select {flex:1; min-width:0;}
.area-select-box .select .select-inner {max-width:150px; margin:0 auto;}
.area-select-box .select .select-inner:before {display:block; content:""; margin:0 auto -8px; width:36px; height:22px; background:url('../images/icon_ship.png') no-repeat center / cover; filter:invert(64%) sepia(32%) saturate(4198%) hue-rotate(319deg) brightness(100%) contrast(95%);}
.area-select-box .select .select-inner.no-ship:before {display:none;}
.area-select-box .select .arrow {width:100%; height:17px; background:url('../images/icon_ship_arrow_01.png') no-repeat center / cover; font-size:0;}
.area-select-box .select .arrow.side {background-image:url('../images/icon_ship_arrow_02.png'); background-size:auto 16px;}
.area-select-box .select ul {gap:3px; display:flex; flex-wrap:wrap; margin:5px 0 0;}
.area-select-box .select ul li {flex:1; min-width:0;}
.area-select-box .select ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:5px; background:#fff; height:30px; color:#c8c8c8; font-weight:500;}
.area-select-box .select ul li a.active {position:relative; background:#f86e65; color:#fff;}
.area-select-box .select ul li a.active:before {position:absolute; left:50%; top:-5px; transform:translateX(-50%) rotate(45deg); width:10px; height:10px; background:#f86e65; content:"";}

/* search-list-box */
.search-list-box > ul > li {margin:0 0 10px;}
.search-list-box > ul > li:last-of-type {margin:0;}
.search-list-box > ul > li a {display:flex; flex-wrap:wrap; align-items:center;}
.search-list-box > ul > li a:before {display:inline-block; content:""; width:18px; height:18px; margin:0 5px 0 0; border-radius:50%; background:url('../images/icon_loca.png') no-repeat center / cover;}
.search-list-box > ul > li a p {flex:1; min-width:0; font-size:15px;}
.search-list-box > ul > li a p b {font-size:15px; font-weight:500; color:#f86e65;}
.search-list-box > ul > li a em {font-size:15px; margin:0 5px 0 0; color:#f96b6a;}
.search-list-box > ul > li a .hot {display:flex; flex-wrap:wrap; align-items:center; border-radius:5px; height:20px; background:#ff1b67; color:#fff; padding:0 5px; font-size:10px; margin:0 5px 0 0;}
.search-list-box > ul > li.recent a:before {background-image:url('../images/icon_loca_recent.png');}
.search-list-box > ul > li.like a:before {background-image:url('../images/icon_loca_like.png');}

/* table-date-box */
.table-date-box .table-head {border-radius:50px; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; margin:0 0 20px;}
.table-date-box .table-head table {table-layout:fixed;}
.table-date-box .table-head table tr th {height:45px; font-size:15px; font-weight:500;}
.table-date-box .table-head table tr th:first-of-type {color:#f00;}
.table-date-box .table-head table tr th:last-of-type {color:#006cff;}
.table-date-box .table-body .body-inner {margin:0 0 40px;}
.table-date-box .table-body .body-inner:last-of-type {margin:0;}
.table-date-box .table-body .body-inner .date-select {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:600; color:#000;}
.table-date-box .table-body .body-inner .date-select:after {display:inline-block; content:""; margin:0 0 0 10px; width:15px; height:10px; background:url('../images/icon_arrow_down.png') no-repeat center / 10px auto;}
.table-date-box .table-body .body-inner table {table-layout:fixed; border-spacing:0 10px;}
.table-date-box .table-body .body-inner table tr td {vertical-align:top;}
.table-date-box .table-body .body-inner table tr td a {position:relative; display:block; text-align:center; font-size:14px; font-weight:500; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center;}
.table-date-box .table-body .body-inner table tr td a b {z-index:2; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%; font-size:14px; font-weight:500; width:30px; height:30px; margin:0 auto;}
.table-date-box .table-body .body-inner table tr td a small {z-index:2; padding:2px 0 0; position:relative; width:100%; text-align:center; font-size:9px; background:#fff;}
.table-date-box .table-body .body-inner table tr td a.off {opacity:0.3;}
.table-date-box .table-body .body-inner table tr td a.today {position:relative;}
.table-date-box .table-body .body-inner table tr td a.today:before {position:absolute; left:50%; top:0; content:""; width:5px; height:5px; border-radius:50%; background:#000; transform:translateX(-50%);}
.table-date-box .table-body .body-inner table tr td a.select {background:rgba(255,0,0,0.1);}
.table-date-box .table-body .body-inner table tr td a.select b {background:#f86f64; color:#fff;}
.table-date-box .table-body .body-inner table tr td a.select.start:before {position:absolute; left:0; top:0; height:100%; width:50%; background:#fff; content:"";}
.table-date-box .table-body .body-inner table tr td a.select.end:after {position:absolute; right:0; top:0; height:100%; width:50%; background:#fff; content:"";}
.table-date-box .table-body .body-inner table tr td a.on {background:rgba(255,0,0,0.1);}
.table-date-box .table-body .body-inner table tr td:first-of-type a {color:#f00;}
.table-date-box .table-body .body-inner table tr td:last-of-type a {color:#006cff;}

/* date-select-box */
.date-select-box .inner {border-bottom:1px solid #b2b2b2; padding:0 0 20px; margin:0 0 20px;}
.date-select-box .inner:last-of-type {border:0; padding:0; margin:0;}
.date-select-box .inner:first-of-type {margin-top:20px;}
.date-select-box .inner strong {display:block; text-align:center; margin:0 0 15px; font-size:16px; font-weight:600;}
.date-select-box .inner ul {display:flex; flex-wrap:wrap; gap:15px 0;}
.date-select-box .inner ul li {width:33.33%;}
.date-select-box .inner ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 auto; width:80px; height:30px; border:1px solid #505050; border-radius:5px; font-size:15px;}
.date-select-box .inner ul li a.off {opacity:0.3;}

/* area-text-box */
.area-text-box {flex:1; min-width:0;}
.area-text-box > ul > li {margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center;}
.area-text-box > ul > li:last-of-type {margin:0;}
.area-text-box > ul > li p {flex:1; min-width:0; margin:0 0 0 5px; text-align:left; font-size:15px;}
.area-text-box > ul > li p b {font-size:15px; font-weight:600;}
.area-text-box > ul > li p small {width:100%; color:#676767; font-size:10px; display:block; line-height:1;}

/* quantity-box */
.quantity-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.quantity-box a {width:20px; height:20px; font-size:0; border-radius:50%; background-size:cover; background-position:center;}
.quantity-box a.minus {background-image:url('../images/icon_minus.png');}
.quantity-box a.plus {background-image:url('../images/icon_plus.png');}
.quantity-box input {background:none; width:50px; text-align:center; font-size:16px; font-weight:bold; color:var(--color-active);}
.quantity-box input::placeholder {color:#d5d5d5;}

/* person-select-box */
.person-select-box > ul > li {margin:0 0 15px; display:flex; flex-wrap:wrap; align-items:center;}
.person-select-box > ul > li:last-of-type {margin:0;}
.person-select-box > ul > li > p {flex:1; min-width:0; padding:0 10px 0 0; font-size:16px;}
.person-select-box > ul > li > p b {font-size:16px; font-weight:600;}
.person-select-box > ul > li > p small {display:block; font-size:12px; color:#8f8f8f; word-break:keep-all;}

/* line-box */
.line-box {background:#f3f3f3; width:calc(100% + 40px); margin:30px -20px; height:1px;}
.line-box.large {height:10px;}
@media (max-width:991px){
.line-box {width:calc(100% + 30px); margin:30px -15px;}
}

/* area-state-box */
.area-state-box {display:flex; flex-wrap:wrap; gap:5px; margin:0 0 20px;}
.area-state-box .state {display:flex; flex-wrap:wrap; align-items:center; border-radius:5px; color:#fff; font-weight:500; padding:5px 8px;}
.area-state-box .state:before {display:inline-block; content:""; width:18px; height:18px; margin:0 5px 0 0; border-radius:50%; background:#fff;}
.area-state-box .state.ye {background:#d4984d;}
.area-state-box .state.ye:before {background:#fff url('../images/icon_check_ye.png') no-repeat center / 10px auto;}
.area-state-box .state.bw1 {background:#4B2E39;}
.area-state-box .state.bw1:before {background:#fff url('../images/icon_check_bw1.png') no-repeat center / 10px auto;}
.area-state-box .state.gn {background:#4c9153;}
.area-state-box .state.gn:before {background:#fff url('../images/icon_check_gn.png') no-repeat center / 10px auto;}
.area-state-box .state.bw2 {background:#8c473e;}
.area-state-box .state.bw2:before {background:#fff url('../images/icon_check_bw2.png') no-repeat center / 10px auto;}
.area-state-box .state.ny {background:#2f3c73;}
.area-state-box .state.ny:before {background:#fff url('../images/icon_check_ny.png') no-repeat center / 10px auto;}
.area-state-box .state.pu {background:#70377e;}
.area-state-box .state.pu:before {background:#fff url('../images/icon_check_pu.png') no-repeat center / 10px auto;}
.area-state-box .state.gr {background:#cfcfcf;}
.area-state-box .state.gr:before {display:none;}

/* ship-list-box */
.ship-list-box > ul > li {margin:0 0 15px;}
.ship-list-box > ul > li:last-of-type {margin:0;}
.ship-list-box > ul > li .list-head {padding:15px; border-bottom:1px solid #c3c3c3; display:flex; flex-wrap:wrap; align-items:flex-start; background:#f6f6f6; border-radius:10px 10px 0 0;}
.ship-list-box > ul > li .list-head .inner {flex:1; min-width:0; text-align:center; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.ship-list-box > ul > li .list-head .inner strong {width:100%; text-align:center; font-size:14px; font-weight:600;}
.ship-list-box > ul > li .list-head .inner p {width:100%; text-align:center; font-size:12px;}
.ship-list-box > ul > li .list-head .inner span {display:flex; flex-wrap:wrap; align-items:center; background:var(--color-orange); border-radius:5px; padding:3px 5px; font-size:11px; color:#fff;}
.ship-list-box > ul > li .list-head .ship {width:80px; margin:0 10px; display:flex; flex-wrap:wrap; justify-content:center;}
.ship-list-box > ul > li .list-head .ship:before {order:1; width:36px; height:22px; margin:0 auto; background:url('../images/icon_ship.png') no-repeat center / cover; content:"";}
.ship-list-box > ul > li .list-head .ship:after {display:block; content:""; width:100%; height:2px; border-radius:2px; background:#000; order:2;}
.ship-list-box > ul > li .list-head .ship time {display:block; text-align:center; font-size:12px; font-weight:500; order:3;}
.ship-list-box > ul > li .list-head .ship.ye:before {filter:invert(64%) sepia(66%) saturate(397%) hue-rotate(351deg) brightness(89%) contrast(86%);}
.ship-list-box > ul > li .list-head .ship.ye:after {background:#d4984d;}
.ship-list-box > ul > li .list-head .ship.ye time {color:#d4984d;}
.ship-list-box > ul > li .list-head .ship.bw1:before {filter:invert(17%) sepia(32%) saturate(681%) hue-rotate(286deg) brightness(88%) contrast(86%);}
.ship-list-box > ul > li .list-head .ship.bw1:after {background:#4B2E39;}
.ship-list-box > ul > li .list-head .ship.bw1 time {color:#4B2E39;}
.ship-list-box > ul > li .list-head .ship.gn:before {filter:invert(55%) sepia(10%) saturate(1825%) hue-rotate(75deg) brightness(88%) contrast(92%);}
.ship-list-box > ul > li .list-head .ship.gn:after {background:#4c9153;}
.ship-list-box > ul > li .list-head .ship.gn time {color:#4c9153;}
.ship-list-box > ul > li .list-head .ship.bw2:before {filter:invert(25%) sepia(5%) saturate(5552%) hue-rotate(318deg) brightness(122%) contrast(89%);}
.ship-list-box > ul > li .list-head .ship.bw2:after {background:#8c473e;}
.ship-list-box > ul > li .list-head .ship.bw2 time {color:#8c473e;}
.ship-list-box > ul > li .list-head .ship.ny:before {filter:invert(20%) sepia(30%) saturate(2174%) hue-rotate(202deg) brightness(90%) contrast(87%);}
.ship-list-box > ul > li .list-head .ship.ny:after {background:#2f3c73;}
.ship-list-box > ul > li .list-head .ship.ny time {color:#2f3c73;}
.ship-list-box > ul > li .list-head .ship.pu:before {filter:invert(25%) sepia(38%) saturate(1157%) hue-rotate(245deg) brightness(94%) contrast(89%);}
.ship-list-box > ul > li .list-head .ship.pu:after {background:#70377e;}
.ship-list-box > ul > li .list-head .ship.pu time {color:#70377e;}
.ship-list-box > ul > li .list-body {padding:10px 0; background:#f6f6f6; border-radius:0 0 10px 10px;}
.ship-list-box > ul > li .list-body > ul > li {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.ship-list-box > ul > li .list-body > ul > li .check-box {width:100%;}
.ship-list-box > ul > li .list-body > ul > li .check-box label {width:100%; justify-content:space-between; padding:3px 15px;}
.ship-list-box > ul > li .list-body > ul > li .check-box label b {font-weight:600; font-size:15px; margin:0 5px 0 0;}
.ship-list-box > ul > li .list-body > ul > li .check-box label:before {width:16px; height:16px; margin-top:0; position:relative; top:2px; background-size:10px auto;}
.ship-list-box > ul > li .list-body > ul > li .check-box label p {font-size:15px;}
.ship-list-box > ul > li .list-body > ul > li .check-box label p b {font-size:15px; font-weight:600;}
.ship-list-box > ul > li .list-body > ul > li .check-box input:checked ~ label {background:var(--color-active);}
.ship-list-box > ul > li .list-body > ul > li .check-box input:checked ~ label * {color:#fff;}
.ship-list-box > ul > li .list-body > ul > li .check-box input:checked ~ label:before {background-color:#b93748;}

/* total-button-box */
.total-button-box {position:relative;}
.total-button-box:before {position:absolute; left:50%; top:15px; width:50px; height:2px; border-radius:50px; background:#bfbfbf; content:"";}
.total-button-box > * {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; box-shadow:0 -5px 10px rgba(0,0,0,0.1); padding:20px 15px; background:#fff;}
.total-button-box > * p {font-size:17px;}
.total-button-box > * p b {font-size:17px; font-weight:600;}
.total-button-box > div {box-shadow:none;}

/* person-option-box */
.person-option-box {padding:15px;}
.person-option-box > ul > li {margin:0 0 20px; display:flex; flex-wrap:wrap;}
.person-option-box > ul > li:last-of-type {margin:0;}
.person-option-box > ul > li strong {display:flex; flex-wrap:wrap; font-weight:600; width:80px;}
.person-option-box > ul > li strong:before {position:relative; top:1px;display:inline-block; content:""; width:16px; height:16px; margin:0 5px 0 0; background:url('../images/icon_person.png') no-repeat center / 12px auto;}
.person-option-box > ul > li .inner {flex:1; min-width:0;}
.person-option-box > ul > li .inner ul li {display:flex; flex-wrap:wrap; justify-content:space-between;}
.person-option-box > ul > li .inner ul li p {font-size:14px;}
.person-option-box > ul > li .inner ul li p b {font-size:14px; font-weight:600;}

/* check-list-box */
.check-list-box > ul {display:flex; flex-wrap:wrap; margin:0 -5px -10px;}
.check-list-box > ul > li {width:calc(33.33% - 10px); margin:0 5px 10px;}
.check-list-box > ul > li.full {width:calc(100% - 10px);}
.check-list-box > ul > li a {font-size:16px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #bdbdbd; border-radius:5px; height:45px;}
.check-list-box > ul > li.active a {border-color:var(--color-active); color:var(--color-active);}

.check-list-box2 > ul {flex-wrap:wrap; margin:0 -5px -10px;}
.check-list-box2 > ul > li {width:calc(33.33% - 10px); margin:0 5px 10px;}
.check-list-box2 > ul > li.full {width:calc(100% - 10px);}
.check-list-box2 > ul > li a {font-size:16px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid #bdbdbd; border-radius:5px; height:45px;}
.check-list-box2 > ul > li.active a {border-color:var(--color-active); color:var(--color-active);}

/* option-box */
.option-box {display:flex; flex-wrap:wrap; align-items:flex-start; position:relative; z-index:2;}
.option-box ul {flex:1; min-width:0; margin:0 3px 0 0; display:flex; flex-wrap:wrap; gap:3px; height:20px; overflow:hidden;}
.option-box ul li {display:flex; flex-wrap:wrap; align-items:center; height:20px; background:#f1f1f1; padding:0 5px; font-size:11px;}
.option-box ul li.active {background:#ffd5d5; color:#ff0000;}
.option-box .more {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#939393; width:30px; height:18px; font-size:0;}
.option-box .more:after {display:block; content:""; width:10px; height:10px; background:url('../images/icon_arrow_down_w.png') no-repeat center / 10px auto;}
.option-box.active ul {overflow:visible; height:auto;}
.option-box.active .more:after {transform:rotate(180deg);}

/* price-box */
.price-box strong {display:block; text-align:right; font-size:20px; font-weight:600; color:var(--color-active);}

/* trip-product-box */
.trip-product-box > ul > li {border-bottom:1px solid #d4d4d4; padding:0 0 20px; margin:0 0 20px;}
.trip-product-box > ul > li:last-of-type {margin:0; padding:0; border:0;}
.trip-product-box > ul > li .inner {display:flex; flex-wrap:wrap; align-items:flex-start; position:relative;}
.trip-product-box > ul > li .inner .link {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.trip-product-box > ul > li .inner .list-image {width:130px; position:relative; overflow:hidden; margin:0 10px 0 0;}
.trip-product-box > ul > li .inner .list-image:after {display:block; content:""; padding-bottom:130%;}
.trip-product-box > ul > li .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.trip-product-box > ul > li .inner .list-content {flex:1; min-width:0;}
.trip-product-box > ul > li .inner .list-content .badge-box {margin:0 0 10px;}
.trip-product-box > ul > li .inner .list-content .option p {font-size:12px;}
.trip-product-box > ul > li .inner .list-content .option p b {font-size:12px; font-weight:500;}
.trip-product-box > ul > li .inner .list-content .subject {margin:5px 0 0;}
.trip-product-box > ul > li .inner .list-content .subject p {font-size:16px; font-weight:600; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.trip-product-box > ul > li .inner .list-content .option-box {margin:10px 0 0;}
.trip-product-box > p {text-align:center; font-size:16px; word-break:keep-all; border-top:1px solid #d4d4d4; padding:20px 0 0; margin:20px 0 0;}

/* filter-list-box */
.filter-list-box .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 30px;}
.filter-list-box .list-head h2 {font-size:20px; font-weight:600;}
.filter-list-box .list-head .refresh {display:flex; flex-wrap:wrap; align-items:center; font-size:15px;}
.filter-list-box .list-head .refresh:after {display:inline-block; content:""; width:15px; height:15px; margin:0 0 0 3px; background:url('../images/icon_refresh.png') no-repeat center / 15px auto;}
.filter-list-box .list-body > ul > li {margin:0 0 30px;}
.filter-list-box .list-body > ul > li:last-of-type {margin:0;}
.filter-list-box .list-body > ul > li h3 {font-size:15px; font-weight:500; margin:0 0 10px;}
.filter-list-box .list-body > ul > li ul {display:flex; flex-wrap:wrap; gap:5px;}
.filter-list-box .list-body > ul > li ul li > * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; color:#fff; background:#cecece; height:30px; padding:0 10px; font-size:14px;}
.filter-list-box .list-body > ul > li ul li > *.active {background:var(--color-purple); font-weight:500;}
.filter-list-box.pink .list-body > ul > li ul li > *.active {background:var(--color-active);}

.range-box {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 20px;}
.range-box input {width:100%; height:14px; border-radius:50px; appearance:none; background:#d9d9d9;}
.range-box input::-webkit-slider-runnable-track {height:14px; background:linear-gradient(var(--color-purple), var(--color-purple)) 0/var(--percent) 100% no-repeat, #D9D9D9; border-radius:50px;}
.range-box input::-webkit-slider-thumb {position:relative; top:-3px; appearance:none; width:20px; height:20px; background:#fff; border:1px solid #ddd; border-radius:50%;}
.range-box input::-moz-range-thumb {position:relative; top:-3px; width:20px; height:20px; background:#fff; border:1px solid #ddd; border-radius:50%;}
.range-box input::-moz-range-progress {height:18px; background:linear-gradient(var(--color-purple), var(--color-purple)) 0/var(--percent) 100% no-repeat, #D9D9D9; border-radius:50px;}
.range-box input::-moz-range-track {height:18px; background:linear-gradient(var(--color-purple), var(--color-purple)) 0/var(--percent) 100% no-repeat, #D9D9D9; border-radius:50px;}

/* slider-container */
.slider-container {width:100%; margin:40px 0 60px; position:relative; height:4px;}
.slider-container .slider-name {font-size:14px; position:relative; top:-35px; margin:0;}
.slider-container .slider-name b {font-size:14px; font-weight:600;}
.slider-container .slider-step {pointer-events:none; margin:0; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; top:-10px;}
.slider-container .slider-step span {font-size:13px; color:#676767; pointer-events:none;}
.slider-container .slider-step.grid-6 span {width:16.66%;}
.slider-container .slider-track {position:absolute; left:0; top:0; width:100%; height:100%; background:#d7d7d7; border-radius:8px;}
.slider-container .slider-range {position:absolute; top:0; height:100%; background:var(--color-active); border-radius:8px;}
.slider-container .slider-handle {position:absolute; z-index:3; width:17px; height:17px; top:-7px; background:#fff; border-radius:50%; border:1px solid #ddd; margin:0 0 0 -5px;}
.slider-container .slider-handle.handle2 {margin:0 0 0 -13px;}
.slider-container .label {display:none; min-width:30px; text-align:center; position:absolute; top:20px; transform:translateX(-50%); font-size:14px; font-weight:500; color:#323232;}
.slider-container .label.block {display:block;}
.slider-container.disabled .slider-range {background:#0096FE;}
.slider-container.disabled .slider-handle {border-color:#0096FE;}
.slider-track, .slider-handle {touch-action:none;}

/* trip-thumb-box */
.trip-thumb-box {width:100%; margin:15px 0 0;}
.trip-thumb-box .inner {display:flex; flex-wrap:wrap; align-items:center;}
.trip-thumb-box .inner .list-image {width:90px; border-radius:5px; position:relative; overflow:hidden;}
.trip-thumb-box .inner .list-image:after {display:block; content:""; padding-bottom:100%;}
.trip-thumb-box .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.trip-thumb-box .inner .list-content {flex:1; min-width:0; padding:0 0 0 8px;}
.trip-thumb-box .inner .list-content .name {padding:0 !important; font-size:15px; font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.trip-thumb-box .inner .list-content .detail {font-size:12px; margin:10px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.trip-thumb-box .inner .list-content .option {font-size:13px;}
.trip-thumb-box .inner .list-content .option b {font-size:13px; font-weight:500; color:var(--color-purple);}

/* hotel-thumb-box */
.hotel-thumb-box {width:100%; margin:15px 0 0;}
.hotel-thumb-box .inner {display:flex; flex-wrap:wrap; align-items:flex-end; padding:0 0 0 30px;}
.hotel-thumb-box .inner .list-image {width:90px; border-radius:5px; position:relative; overflow:hidden;}
.hotel-thumb-box .inner .list-image:after {display:block; content:""; padding-bottom:100%;}
.hotel-thumb-box .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.hotel-thumb-box .inner .list-content {flex:1; min-width:0; padding:0 0 5px 8px;}
.hotel-thumb-box .inner .list-content .flex p {font-size:13px; margin:0 5px 0 0;}
.hotel-thumb-box .inner .list-content .flex strong {font-size:16px; font-weight:600; color:var(--color-active);}
.hotel-thumb-box .inner .list-content .addr {margin:5px 0 0; font-size:13px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 25px;}
.hotel-thumb-box .inner .list-content .addr:before {position:absolute; left:0; top:-1px; width:20px; height:20px; background:url('../images/icon_loca.png') no-repeat center / 18px auto; content:"";}

/* view-box */
.view-box {position:relative;}
.view-box .view-head {position:absolute; left:50%; top:15px; transform:translateX(-50%); width:100%; z-index:10; background:#fff; border-radius:10px; padding:15px; display:flex; flex-wrap:wrap; align-items:center;}
.view-box .view-head .back {width:24px; height:24px; font-size:0; background:url('../images/icon_head_back.png') no-repeat center / 12px auto;}
.view-box .view-head .inner {flex:1; min-width:0; padding:0 0 0 10px;}
.view-box .view-head .inner .name {font-size:15px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.view-box .view-head .inner .option {display:flex; flex-wrap:wrap; align-items:flex-end;}
.view-box .view-head .inner .option p {flex:1; min-width:0; padding:0 10px 0 0; font-size:13px;}
.view-box .view-head .inner .option p b {font-size:13px; font-weight:500; color:var(--color-purple);}
.view-box .view-head .inner .option .write {width:24px; height:24px; font-size:0; border-radius:50%; background:#989898 url('../images/icon_write.png') no-repeat center / 13px auto;}
.view-box .view-head .inner .update a {margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center;}
.view-box .view-head .inner .update a:last-of-type {margin:0;}
.view-box .view-head .inner .update a:before {display:inline-block; content:""; width:20px; height:20px; font-size:0; border-radius:50%; background:#989898 url('../images/icon_write.png') no-repeat center / 10px auto;}
.view-box .view-head .inner .update a p {flex:1; min-width:0; margin:0 0 0 5px;}
.view-box .view-head .inner .update a p b {font-weight:500;}
.view-box .view-thumb {margin:-15px -24px 0; position:relative;}
.view-box .view-thumb .swiper-container {overflow:hidden;}
.view-box .view-thumb .swiper-slide {position:relative; overflow:hidden;}
.view-box .view-thumb .swiper-slide:after {display:block; content:""; padding-bottom:120%;}
.view-box .view-thumb .swiper-slide img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.view-box .view-thumb .thumb-bottom {position:absolute; left:0; bottom:0; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:15px; z-index:10;}
.view-box .view-thumb .thumb-bottom .share {order:1; display:block; font-size:0; width:26px; height:26px; border:2px solid #fff; border-radius:50%; background:url('../images/icon_share.png') no-repeat center / 14px auto;}
.view-box .view-thumb .thumb-bottom .photo {order:3; position:relative; z-index:11; display:flex; flex-wrap:wrap; align-items:center; font-size:15px; font-weight:500; color:#b8b8b8;}
.view-box .view-thumb .thumb-bottom .photo b {font-size:15px; font-weight:500; color:#fff; margin:0 5px 0 0;}
.view-box .view-thumb .thumb-bottom .photo:after {display:block; content:""; width:16px; height:16px; margin:0 0 0 5px; background:url('../images/icon_photo.png') no-repeat center / cover;}
.view-box .view-thumb .swiper-pagination {position:static; width:auto; order:2;}
.view-box .view-thumb .swiper-pagination span {background:#fff; opacity:0.5;}
.view-box .view-thumb .swiper-pagination span.swiper-pagination-bullet-active {opacity:1;}
.view-box .view-title {margin:30px 0 0;}
.view-box .view-title .badge-box {margin:0 0 8px;}
.view-box .view-title h2 {font-size:18px; font-weight:600; word-break:keep-all;}
.view-box .view-title p {font-size:15px; color:#737373; word-break:keep-all;}
.view-box .view-body h3 {font-size:16px; font-weight:600; margin:0 0 8px;}
.view-box .view-body .view-body-detail > h4 {font-size:16px; font-weight:600; margin:0 0 10px;}
.view-box .view-body .view-body-detail > strong {display:block; font-size:15px; font-weight:500; margin:0 0 10px;}
.view-box .view-body .view-body-detail > p {font-size:15px; margin:0 0 20px;}
.view-box .view-body .view-body-detail > .image-inner {overflow:hidden; height:400px;}
.view-box .view-body .view-body-detail > .image-inner img {width:100%;}
.view-box .view-body .view-body-detail > .button-box {margin:30px 0 0;}
.view-box .view-body .view-body-detail > .button-box .btn {flex:1; min-width:0; height:50px; background:#f2f2f2; color:#000;}
.view-box .view-body .view-body-detail > .button-box .btn:after {display:block; content:""; width:13px; height:10px; margin:0 0 0 5px; background:url('../images/icon_arrow_down.png') no-repeat center / 13px auto;}
.view-box .view-body .view-body-detail.active > .image-inner {height:auto;}
.view-box .view-body .view-body-detail.active .button-box .btn:after {transform:rotate(180deg);}
@media (max-width:991px){
.view-box .view-thumb {margin:-15px -15px 0;}
}

/* trip-option-box */
.trip-option-box ul li {margin:0 0 8px; display:flex; flex-wrap:wrap; align-items:center;}
.trip-option-box ul li:last-of-type {margin:0;}
.trip-option-box ul li:before {display:inline-block; content:""; width:20px; height:23px; margin:0 10px 0 0; background-position:left center; background-repeat:no-repeat;}
.trip-option-box ul li b {font-size:15px; color:#656565; margin:0 15px 0 0;}
.trip-option-box ul li p {flex:1; min-width:0; font-size:15px;}
.trip-option-box ul li.option01:before {background-image:url('../images/icon_trip_option_01.png'); background-size:20px auto;}
.trip-option-box ul li.option02:before {background-image:url('../images/icon_trip_option_02.png'); background-size:20px auto;}
.trip-option-box ul li.option03:before {background-image:url('../images/icon_trip_option_03.png'); background-size:20px auto;}
.trip-option-box ul li.option04:before {background-image:url('../images/icon_trip_option_04.png'); background-size:20px auto;}
.trip-option-box ul li.option05:before {background-image:url('../images/icon_trip_option_05.png'); background-size:20px auto;}
.trip-option-box ul li.option06:before {background-image:url('../images/icon_trip_option_06.png'); background-size:15px auto; background-position:center;}
.trip-option-box ul li.option07:before {background-image:url('../images/icon_trip_option_07.png'); background-size:20px auto;}
.trip-option-box ul li.option08:before {background-image:url('../images/icon_trip_option_08.png'); background-size:17px auto; background-position:center;}
.trip-option-box ul li.option09:before {background-image:url('../images/icon_trip_option_09.png'); background-size:17px auto; background-position:center;}
.trip-option-box ul li.option10:before {background-image:url('../images/icon_trip_option_10.png'); background-size:20px auto;}
.trip-option-box ul li.option11:before {background-image:url('../images/icon_trip_option_11.png'); background-size:20px auto;}
.trip-option-box ul li.option12:before {background-image:url('../images/icon_trip_option_12.png'); background-size:20px auto;}
.trip-option-box ul li.option13:before {background-image:url('../images/icon_trip_option_13.png'); background-size:20px auto;}
.trip-option-box ul li.option14:before {background-image:url('../images/icon_trip_option_14.png'); background-size:20px auto;}
.trip-option-box ul li.option15:before {background-image:url('../images/icon_trip_option_15.png'); background-size:20px auto;}

/* pack-box */
.pack-box > ul > li {margin:0 0 10px; border:1px solid #dedede; padding:10px; border-radius:8px;}
.pack-box > ul > li:last-of-type {margin:0;}
.pack-box > ul > li p {font-size:15px; margin:8px 0 0; color:#656565; word-break:keep-all;}

/* board-faq-box */
.board-faq-box > ul > li {margin:0 0 13px;}
.board-faq-box > ul > li:last-of-type {margin:0;}
.board-faq-box > ul > li .faq-head button {display:flex; flex-wrap:wrap; border:1px solid #c6c6c6; border-radius:8px; padding:10px; width:100%;}
.board-faq-box > ul > li .faq-head button .subject {flex:1; min-width:0; font-size:15px; font-weight:500; text-align:left; word-break:keep-all; color:#000;}
.board-faq-box > ul > li .faq-head button:before {display:block; content:""; width:24px; height:21px; margin:0 8px 0 0; background:url('../images/icon_faq.png') no-repeat left center / 24px auto;}
.board-faq-box > ul > li .faq-head button:after {position:relative; top:7px; display:block; content:""; width:13px; height:10px; margin:0 0 0 10px; background:url('../images/icon_arrow_down.png') no-repeat right center / 10px auto;}
.board-faq-box > ul > li .faq-body {padding:10px;}
.board-faq-box > ul > li .faq-body p {color:#676767; word-break:keep-all;}

/* review-box */
.review-box .list-head .score {display:flex; flex-wrap:wrap; align-items:baseline; margin:0 0 15px;}
.review-box .list-head .score b {font-size:20px; font-weight:500; color:#a1a1a1;}
.review-box .list-head .score strong {font-size:40px; font-weight:800; margin:0 5px 0 0;}
.review-box .list-head > div .score {align-content:space-between; margin:0 0 -10px;}
.review-box .list-head > div .score > div {width:100%; color:#7c7c7c;}
.review-box .list-head > div .score > div p {color:#7c7c7c;}
.review-box .list-head .list ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
.review-box .list-head .list ul li:last-of-type {margin:0;}
.review-box .list-head .list ul li b {width:100px; font-size:15px; color:#656565;}
.review-box .list-head .list ul li strong {font-size:15px; font-weight:600; margin:0 0 0 10px;}
.review-box .list-head .list ul li .state {flex:1; min-width:0; height:8px; position:relative; background:#f0f0f0;}
.review-box .list-head .list ul li .state .state-bar {position:absolute; left:0; top:0; height:100%; background:var(--color-active);}
.review-box .list-body {margin:30px 0 0;}
.review-box .list-body ul {display:block; overflow-x:auto; white-space:nowrap; margin:0 -24px;}
.review-box .list-body ul li {display:inline-block; margin:0 15px 0 0; padding:15px; border-radius:10px; background:#f8f8f8; width:240px; white-space:normal;}
.review-box .list-body ul li:first-of-type {margin-left:24px;}
.review-box .list-body ul li:last-of-type {margin:0 24px 0 0;}
.review-box .list-body ul li .body-top {margin:0 0 8px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.review-box .list-body ul li .body-top b {font-size:15px; font-weight:500;}
.review-box .list-body ul li .body-top time {font-size:14px;}
.review-box .list-body ul li .body-bottom b {font-size:15px; color:var(--color-active);}
.review-box .list-body ul li .body-bottom b strong {font-size:15px; font-weight:600; color:var(--color-active);}
.review-box .list-body ul li .body-bottom p {font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.review-box .list-foot {margin:30px 0 0;}
.review-box .list-foot ul li {margin:0 0 15px ; background:#f8f8f8; border-radius:10px; padding:15px;}
.review-box .list-foot ul li:last-of-type {margin:0;}
.review-box .list-foot ul li .body-top {margin:0 0 8px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.review-box .list-foot ul li .body-top b {font-size:15px; font-weight:500;}
.review-box .list-foot ul li .body-top time {font-size:14px;}
.review-box .list-foot ul li .body-bottom > .inner {display:flex; flex-wrap:wrap; align-items:center;}
.review-box .list-foot ul li .body-bottom > .inner > div {flex:1; min-width:0;}
.review-box .list-foot ul li .body-bottom > .inner > div b {font-size:15px; color:var(--color-active);}
.review-box .list-foot ul li .body-bottom > .inner > div b strong {font-size:15px; font-weight:600; color:var(--color-active);}
.review-box .list-foot ul li .body-bottom > .inner > div p {font-size:14px;}
.review-box .list-foot ul li .body-bottom > .inner > img {width:80px; height:80px; border-radius:5px; object-fit:cover; margin:0 0 0 15px;}
@media (max-width:991px){
.review-box .list-body ul {margin:0 -15px;}
.review-box .list-body ul li:first-of-type {margin-left:15px;}
.review-box .list-body ul li:last-of-type {margin-right:15px;}
}

/* product-box */
.product-box > ul {display:block; overflow-x:auto; white-space:nowrap; margin:0 -24px;}
.product-box > ul > li {display:inline-block; margin:0 10px 0 0; width:40%;}
.product-box > ul > li:first-of-type {margin-left:24px;}
.product-box > ul > li:last-of-type {margin-right:24px;}
.product-box > ul > li .inner {display:block; white-space:normal;}
.product-box > ul > li .inner .list-image {position:relative; overflow:hidden; border-radius:8px;}
.product-box > ul > li .inner .list-image:after {display:block; content:""; padding-bottom:100%;}
.product-box > ul > li .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.product-box > ul > li .inner .list-content {padding:10px 0 0;}
.product-box > ul > li .inner .list-content .option p {font-size:13px;}
.product-box > ul > li .inner .list-content .option p b {font-size:13px; font-weight:500; color:var(--color-active);}
.product-box > ul > li .inner .list-content .subject {margin:5px 0 0;}
.product-box > ul > li .inner .list-content .subject p {font-size:15px; font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.product-box > ul > li .inner .list-content .price {margin:5px 0 0;}
.product-box > ul > li .inner .list-content .price strong {font-size:15px; color:#fc0000;}
.product-box > ul > li .inner .list-content .price strong b {font-size:15px; color:#fc0000; font-weight:600;}
@media (max-width:991px){
.product-box > ul {margin:0 -15px;}
.product-box > ul > li:first-of-type {margin-left:15px;}
.product-box > ul > li:last-of-type {margin-right:15px;}
}

/* option-list-box */
.option-list-box .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 20px;}
.option-list-box .list-head p b {font-size:15px; font-weight:500;}
.option-list-box .list-head .date {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; color:var(--color-active);}
.option-list-box .list-head .date:after {display:block; content:""; width:16px; height:16px; margin:0 0 0 3px; background:url('../images/icon_date.png') no-repeat center / 16px auto;}
.option-list-box .list-body > p {font-size:15px; font-weight:600; margin:0 0 10px;}
.option-list-box .list-body > ul > li {border-bottom:1px solid #d4d4d4; padding:0 0 15px; margin:0 0 15px; display:flex; flex-wrap:wrap; align-items:center;}
.option-list-box .list-body > ul > li:last-of-type {border:0; padding:0; margin:0;}
.option-list-box .list-body > ul > li .inner {flex:1; min-width:0; padding:0 15px 0 0;}
.option-list-box .list-body > ul > li .inner p {font-size:13px;}
.option-list-box .list-body > ul > li .inner strong {display:block; font-size:15px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* photo-box */
.photo-box .swiper-container {overflow:hidden;}
.photo-box .swiper-slide {position:relative; overflow:hidden;}
.photo-box .swiper-slide:after {display:block; content:""; padding-bottom:120%;}
.photo-box .swiper-slide img {width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.photo-box .swiper-pagination {width:100%; position:static; color:#fff; margin:10px 0 0;}
.photo-box .swiper-pagination span {color:#fff;}
.photo-box .swiper-button-prev {z-index:10; width:40px; height:40px; border-radius:50%; background:rgba(0,0,0,0.5) url('../images/icon_swiper_prev.png') no-repeat center / 10px auto; left:30px;}
.photo-box .swiper-button-prev:after {display:none;}
.photo-box .swiper-button-next {z-index:10; width:40px; height:40px; border-radius:50%; background:rgba(0,0,0,0.5) url('../images/icon_swiper_next.png') no-repeat center / 10px auto; right:30px;}
.photo-box .swiper-button-next:after {display:none;}

/* gray-box */
.gray-box {background:#f6f6f6; margin:0 -24px; padding:24px;}
@media (max-width:991px){
.gray-box {margin:0 -15px; padding:15px;}
}

/* hotel-product-box */
.hotel-product-box > ul > li {margin:0 0 15px; background:#fff; padding:10px; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.hotel-product-box > ul > li:last-of-type {margin:0;}
.hotel-product-box > ul > li .inner {display:flex; flex-wrap:wrap;}
.hotel-product-box > ul > li .inner .list-image {width:130px; position:relative; border-radius:7px; overflow:hidden;}
.hotel-product-box > ul > li .inner .list-image:after {display:block; content:""; padding-bottom:130%;}
.hotel-product-box > ul > li .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.hotel-product-box > ul > li .inner .list-content {flex:1; min-width:0; padding:0 0 0 10px; display:flex; flex-wrap:wrap; align-content:space-between;}
.hotel-product-box > ul > li .inner .list-content > div {width:100%;}
.hotel-product-box > ul > li .inner .list-content .content-top span {display:block; font-size:12px; color:#676767;}
.hotel-product-box > ul > li .inner .list-content .content-top strong {display:block; font-size:16px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.hotel-product-box > ul > li .inner .list-content .content-top p {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.hotel-product-box > ul > li .inner .list-content .content-top b {font-size:13px; font-weight:500; color:var(--color-active);}
.hotel-product-box > ul > li .inner .list-content .content-bottom strong {display:block; font-size:16px; font-weight:600; color:var(--color-active);}
.hotel-product-box > ul > li .inner .list-content .content-bottom p {font-size:12px;}
.hotel-product-box > ul > li:not(.banner):hover {outline:4px solid var(--color-active);}
.hotel-product-box > ul > li.banner {background:none; padding:0; border-radius:0; box-shadow:none;}
.hotel-product-box > ul > li.banner a {display:block;}
.hotel-product-box > ul > li.banner a img {width:100%;}
.modal-box .hotel-product-box > ul > li {background:none; padding:0; box-shadow:none; border-radius:0;}

/* map-box */
.map-box {position:relative; height:100%; overflow:hidden;}
.map-box .map-frame {height:100%;}
.map-box .map-frame img {width:100%; height:100%; object-fit:cover;}
.map-box .map-frame iframe {width:100%; height:100%; object-fit:cover;}
.map-box .map-list {position:absolute; z-index:100; left:0; top:0; width:100%; height:100%;}
.map-box .map-list a {font-size:13px; position:absolute; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#5379c1; background:#fff; border-radius:5px; padding:5px 10px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.map-box .map-list a:after {position:absolute; left:50%; top:calc(100% - 5px); transform:translateX(-50%) rotate(45deg); width:10px; height:10px; background:#fff; content:"";}
.map-box .map-list a.active {background:#5379c1; color:#fff;}
.map-box .map-list a.active:after {background:#5379c1;}
.map-box .map-control {position:absolute; left:0; top:0; width:100%; padding:20px; 20px; background:linear-gradient(to bottom, rgba(0,0,0,0.5), transparent); z-index:20; display:flex; flex-wrap:wrap; justify-content:space-between;}
.map-box .map-control ul li {margin:0 0 1px;}
.map-box .map-control ul li:last-of-type {margin:0;}
.map-box .map-control ul li > * {display:block; font-size:0; width:35px; height:35px; box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:5px; background-color:#fff; background-repeat:no-repeat; background-position:center;}
.map-box .map-control ul li .back {background-image:url('../images/icon_map_back.png'); background-size:10px auto;}
.map-box .map-control ul li .plus {background-image:url('../images/icon_map_plus.png'); background-size:15px auto;}
.map-box .map-control ul li .minus {background-image:url('../images/icon_map_minus.png'); background-size:15px auto;}

/* hotel-view-box */
.hotel-view-box {margin:24px 0 0;}
.hotel-view-box .view-top {display:flex; flex-wrap:wrap;}
.hotel-view-box .view-top .inner {flex:1; min-width:0; padding:0 15px 0 0;}
.hotel-view-box .view-top .inner small {display:block; font-size:13px; color:#676767;}
.hotel-view-box .view-top .inner small b {font-size:13px; color:var(--color-active); font-weight:500;}
.hotel-view-box .view-top .inner strong {display:block; font-size:16px; font-weight:600; margin:10px 0 0;}
.hotel-view-box .view-top .inner p {color:#737373; margin:5px 0 0;}
.hotel-view-box .view-top .bookmark {width:30px; height:30px; font-size:0; border-radius:50%; background:#d4d4d4 url('../images/icon_bookmark.png') no-repeat center / 13px auto;}
.hotel-view-box .view-top .bookmark.active {background-color:var(--color-active);}
.hotel-view-box .view-bottom {margin:24px 0 0;}
.hotel-view-box .view-bottom .bottom-frame {position:relative; overflow:hidden;}
/*.hotel-view-box .view-bottom .bottom-frame:after {display:block; content:""; padding-bottom:50%;}*/
.hotel-view-box .view-bottom .bottom-frame iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.hotel-view-box .view-bottom .bottom-info .info-top {margin:5px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.hotel-view-box .view-bottom .bottom-info .info-top p {font-size:15px; font-weight:500;}
.hotel-view-box .view-bottom .bottom-info .info-top a {font-size:15px; font-weight:500; color:var(--color-active);}
.hotel-view-box .view-bottom .bottom-info .info-name {margin:10px 0 0; display:flex; flex-wrap:wrap;}
.hotel-view-box .view-bottom .bottom-info .info-name:before {display:inline-block; content:""; width:20px; height:20px; border-radius:50%; background:url('../images/icon_loca.png') no-repeat center / cover;}
.hotel-view-box .view-bottom .bottom-info .info-name p {flex:1; min-width:0; margin:0 0 0 5px;}
.hotel-view-box .view-bottom .bottom-info .info-detail {border-top:1px solid #d4d4d4; padding:15px 0 0; margin:15px 0 0;}
.hotel-view-box .view-bottom .bottom-info .info-detail ul li {margin:0 0 5px; display:flex; flex-wrap:wrap;}
.hotel-view-box .view-bottom .bottom-info .info-detail ul li:last-of-type {margin:0;}
.hotel-view-box .view-bottom .bottom-info .info-detail ul li b {width:80px; font-size:14px; font-weight:500;}
.hotel-view-box .view-bottom .bottom-info .info-detail ul li p {flex:1; min-width:0; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.hotel-view-box .view-bottom .bottom-info .info-detail ul li p a {font-size:14px;}

/* hotel-room-box */
.hotel-room-box {background:#f3f3f3; margin:24px -24px; padding:24px;}
.hotel-room-box > ul > li {margin:0 0 20px;}
.hotel-room-box > ul > li:last-of-type {margin:0;}
.hotel-room-box > ul > li .list-image {position:relative; overflow:hidden; border-radius:10px 10px 0 0;}
.hotel-room-box > ul > li .list-image:after {display:block; content:""; padding-bottom:40%;}
.hotel-room-box > ul > li .list-image img {Position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.hotel-room-box > ul > li .list-content {padding:15px; background:#fff; border-radius:0 0 10px 10px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.hotel-room-box > ul > li .list-content .subject {border-bottom:1px solid #d4d4d4; padding:0 0 15px; margin:0 0 15px;}
.hotel-room-box > ul > li .list-content .subject strong {font-size:16px; font-weight:600; display:block;}
.hotel-room-box > ul > li .list-content .subject p {font-size:14px; color:#737373;}
.hotel-room-box > ul > li .list-content .list ul li {display:flex; flex-wrap:wrap; border-bottom:1px solid #d4d4d4; margin:0 0 15px; padding:0 0 15px;}
.hotel-room-box > ul > li .list-content .list ul li:last-of-type {border:0; padding:0; margin:0;}
.hotel-room-box > ul > li .list-content .list ul li .list-left {flex:1; min-width:0; padding:0 10px 0 0;}
.hotel-room-box > ul > li .list-content .list ul li .list-left strong {font-size:15px; font-weight:500; display:block;}
.hotel-room-box > ul > li .list-content .list ul li .list-left p {font-size:12px; line-height:1.3; position:relative; margin:5px 0; padding:0 0 0 18px; word-break:keep-all;}
.hotel-room-box > ul > li .list-content .list ul li .list-left p:before {position:absolute; left:0; top:2px; width:14px; height:14px; background:url('../images/icon_notice.png') no-repeat center / cover; content:"";}
.hotel-room-box > ul > li .list-content .list ul li .list-left dl dd {margin:0 0 3px; position:relative; font-size:12px; line-height:1.3; padding:0 0 0 20px;}
.hotel-room-box > ul > li .list-content .list ul li .list-left dl dd:last-of-type {margin:0;}
.hotel-room-box > ul > li .list-content .list ul li .list-left dl dd:before {position:absolute; content:""; left:0; top:0; width:16px; height:16px; background-repeat:no-repeat; background-size:14px auto; background-position:left center;}
.hotel-room-box > ul > li .list-content .list ul li .list-left dl dd.wifi:before {background-image:url('../images/icon_hotel_wifi.png');}
.hotel-room-box > ul > li .list-content .list ul li .list-left dl dd.cancel {color:#f00;}
.hotel-room-box > ul > li .list-content .list ul li .list-left dl dd.cancel:before {background-image:url('../images/icon_hotel_cancel.png');}
.hotel-room-box > ul > li .list-content .list ul li .list-left dl dd.breakfast-o {color:#0096ff;}
.hotel-room-box > ul > li .list-content .list ul li .list-left dl dd.breakfast-o:before {background-image:url('../images/icon_hotel_food_01.png');}
.hotel-room-box > ul > li .list-content .list ul li .list-left dl dd.breakfast-x {color:#00ba00;}
.hotel-room-box > ul > li .list-content .list ul li .list-left dl dd.breakfast-x:before {background-image:url('../images/icon_hotel_food_02.png');}
.hotel-room-box > ul > li .list-content .list ul li .list-right {display:flex; flex-wrap:wrap; align-content:space-between; justify-content:flex-end;}
.hotel-room-box > ul > li .list-content .list ul li .list-right small {width:100%; text-align:right; font-size:12px; color:var(--color-active);}
.hotel-room-box > ul > li .list-content .list ul li .list-right > div strong {font-size:18px; font-weight:700; display:block; text-align:right; color:var(--color-active);}
.hotel-room-box > ul > li .list-content .list ul li .list-right > div p {text-align:right; font-size:12px;}
.hotel-room-box > ul > li .list-content .list ul li .list-right > div .button-box {margin:5px 0 0; justify-content:flex-end;}
.hotel-room-box > ul > li .list-content .list ul li .list-right > div .button-box .btn {padding:0 30px;}
.hotel-room-box > ul > li .list-content .more {display:flex; flex-wrap:wrap; align-items:center; margin:20px -15px -15px; border-top:1px solid #d4d4d4;}
.hotel-room-box > ul > li .list-content .more > * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:45px; font-size:15px;}
.hotel-room-box > ul > li .list-content .more > *:after {display:block; content:""; width:13px; height:12px; margin:0 0 0 5px; background:url('../images/icon_arrow_down.png') no-repeat center / 13px auto;}
.hotel-room-box > .more {display:flex; flex-wrap:wrap; align-items:center; margin:20px 0 0;}
.hotel-room-box > .more > * {background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.1); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:45px; font-size:15px;}
.hotel-room-box > .more > *:after {display:block; content:""; width:13px; height:12px; margin:0 0 0 5px; background:url('../images/icon_arrow_down.png') no-repeat center / 13px auto;}
@media (max-width:991px){
.hotel-room-box {margin:24px -15px; padding:15px;}
}

/* hotel-guide-box */
.hotel-guide-box > ul > li {border-bottom:1px solid #d4d4d4; padding:0 0 20px; margin:0 0 20px;}
.hotel-guide-box > ul > li:last-of-type {border:0; padding:0; margin:0;}
.hotel-guide-box > ul > li.info {display:flex; flex-wrap:wrap; align-items:center;}
.hotel-guide-box > ul > li.info > div {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; margin:0 20px 0 0;}
.hotel-guide-box > ul > li.info > div:last-of-type {margin:0;}
.hotel-guide-box > ul > li.info > div b {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:80px; height:30px; color:#fff; background:var(--color-active); border-radius:5px;}
.hotel-guide-box > ul > li.info > div b:before {display:inline-block; content:""; width:16px; height:16px; margin:0 5px 0 0; background:url('../images/icon_badge_date.png') no-repeat center / 16px auto;}
.hotel-guide-box > ul > li.info > div time {flex:1; min-width:0; padding:0 0 0 8px; font-size:16px; font-weight:600;}

/* review-write-box */
.review-write-box {margin:20px 0 0; border-bottom:1px solid #d8d8d8; padding:0 0 20px;}
.review-write-box > ul > li {margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:center;}
.review-write-box > ul > li:last-of-type {margin:0;}
.review-write-box > ul > li > strong {font-size:15px; width:120px; font-weight:500;}
.review-write-box > ul > li > p {font-size:14px;}
.review-write-box > ul > li > p b {font-size:14px;}
.review-write-box > ul > li > .star-box {flex:1; min-width:0; margin:0 20px 0 0;}

/* 화면 오른쪽에서 들어오는 패널 */
.terms-panel {position: fixed;top: 0;right: 0;width: min(520px, 100vw);height: 100vh;background: #fff;transform: translateX(100%);transition: transform .25s ease;z-index: 9999;box-shadow: -8px 0 24px rgba(0,0,0,.12);display: block;}
.terms-panel.is-open { transform: translateX(0); }
.terms-panel__inner {position: relative;width: 100%;height: 100%;padding-top: 52px;}
.terms-panel__close {position: absolute;top: 10px;right: 12px;height: 32px;padding: 0 12px;border: 0;border-radius: 8px;cursor: pointer;}
.terms-panel__frame {width: 100%;height: calc(100% - 0px);border: 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 svg {overflow: visible;}
.load-box img {display:block; margin:0 auto 25px; animation: bounce 0.8s infinite ease-in-out; transform-origin: center bottom;}

.cancel-rule .cancel-row {display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;padding: 2px 0;}
.cancel-rule .cancel-range {flex: 1 1 auto;margin: 0;}
.cancel-rule .cancel-fee {flex: 0 0 auto;margin: 0;text-align: right;	white-space: nowrap;}
.cancel-rule .cancel-row.is-penalty .cancel-range,
.cancel-rule .cancel-row.is-penalty .cancel-fee {color: #e53935;font-weight: 600;}

@keyframes bounce {
	0%, 100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-30px) scaleY(1.05) scaleX(0.95);
		/* 위로 올라가면서 홀쭉해지는 젤리 같은 느낌 추가 */
	}
}

/* 2. 좌우로 갸우뚱(Wobble) 애니메이션 (귀여움 추가) */
@keyframes wobble {
	0%, 100% {
		transform: rotate(-3deg);
	}

	50% {
		transform: rotate(3deg);
	}
}

li[onclick] {
	cursor: pointer;
	user-select: none;
}
/* hover 시 a태그 느낌 */
li[onclick]:hover {
	background: rgba(0,0,0,0.04);
}
/* 클릭감 */
li[onclick]:active {
	transform: translateY(1px);
}
/*
#modal-alert {
  position: fixed;
  inset: 0;
  z-index: 99999;
}

#modal-alert .modal-dialog {
  position: fixed;
  max-width: 90vw;
}*/