/* common */
body {background:linear-gradient(to right,#E7FFE8,#FFFFFF);}
body.white {background:#fff;}
body.mobile {max-width:430px; margin:0 auto; background:#fff;}
.is-pc {display:block !important;}
.is-m {display:none !important;}
@media (max-width:991px){
body {background:#fff;}
body.main {background:linear-gradient(to right,#E7FFE8,#FFFFFF);}
.is-pc {display:none !important;}
.is-m {display:block !important;}
}

/* container */
.container {width:100%; max-width:1032px; padding:0 16px; margin:0 auto;}

/* header */
header {position:fixed; left:0; top:0; width:100%; z-index:1000; background:#fff; border-bottom:1px solid #F2F2F2;}
header .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-logo h1 a:after {display:block; width:45.67px; height:10px; content:""; background:url('../images/icon_header_cert.png') no-repeat center / cover; margin:3px 0 0;}
header .header-logo h1 a {font-size:20px; font-weight:700; color:rgba(36, 210, 44, 1);}
header .header-category ul {display:flex; flex-wrap:wrap; align-items:center; margin-right:-20px;}
header .header-category ul li a {font-size:14px; font-weight:500; color:#333; height:76px; padding:0 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
body.mobile header {left:50%; max-width:400px; transform:translateX(-50%);}
@media (max-width:991px){
header .header-category ul li a {height:60px;}
}

/* section */
section {margin:77px 0 0; padding:100px 0;}
section.reserve {padding:40px 0 100px;}
body.mobile section {padding:20px 0 80px;}
@media (max-width:991px){
section {margin:60px 0 0; padding:20px 0 80px;}
section.reserve {padding:20px 0 80px;}
}

/* footer */
footer .footer-main {background:#fff; border-top:1px solid #f2f2f2; padding:40px 0;}
footer .footer-main .footer-main-cate ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-main .footer-main-cate ul li {margin-right:24px;}
footer .footer-main .footer-main-cate ul li:last-of-type {margin-right:0;}
footer .footer-main .footer-main-cate ul li a {font-size:14px; font-weight:700; color:#222;}
footer .footer-main .footer-main-info {margin:24px 0 0;}
footer .footer-main .footer-main-info ul li {margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-main .footer-main-info ul li:last-of-type {margin:0;}
footer .footer-main .footer-main-info ul li p {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; line-height:1.3; color:#919199;}
footer .footer-main .footer-main-info ul li p:after {display:inline-block; content:""; width:2px; height:2px; margin:0 7px; background:#919199; border-radius:50%;}
footer .footer-main .footer-main-info ul li p:last-of-type:after {display:none;}
footer .footer-main .footer-main-info ul li p a {font-size:12px; color:#919199; text-decoration:underline; margin-left:3px; line-height:1.3;}
footer .footer-button {background:#fff; display:none; position:fixed; left:50%; bottom:0; width:100%; transform:translateX(-50%); z-index:1000; padding:16px;}
footer .footer-button > * {max-width:400px; margin:0 auto;}
body.mobile footer .footer-main {display:none;}
body.mobile footer .footer-button {display:block;}
@media (max-width:991px){
footer .footer-main {display:none; padding:30px 0;}
footer .footer-main .footer-main-info ul li {margin:0;}
footer .footer-button {display:block;}
footer.all-show .footer-main {display:block; background:#F2F2F2;}
}

/* main-box */
.main-box {padding:15px;}
.main-box .main-title h2 {display:flex; flex-wrap:wrap; align-items:center; font-size:22px; font-weight:600; color:#24D22C;}
.main-box .main-title h2 img {width:92px; margin-right:7px;}
.main-box .main-title h3 {margin:5px 0 0; font-size:22px; font-weight:600; color:#222;}
.main-box .main-title p {margin:34px 0 0; font-size:22px; line-height:30px;}
.main-box .main-title p b {display:block; font-size:22px; line-height:30px; font-weight:600; color:#24D22C;}
.main-box .main-update {margin:60px 0 0;}
.main-box .main-update .inner {width:100%; max-width:400px; background:#fff; border-radius:10px; padding:16px;}
.main-box .main-update .update-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-box .main-update .update-head > div {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-update .update-head > div em {padding:4px 8px; background:#EDFFEE; font-size:12px; font-weight:700; color:#222; border-radius:4px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-update .update-head > div time {margin-left:16px; font-size:12px; color:#222;}
.main-box .main-update .update-head > p {font-size:12px; font-weight:700; color:#222;}
.main-box .main-update .update-body {margin:12px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-update .update-body p {font-size:20px; font-weight:600; color:#222; flex:1; min-width:0; padding-right:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main-box .main-update .update-body span.state {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:4px; padding:4px 8px; background:#f2f2f2; font-size:12px; font-weight:700; color:#222;}
.main-box .main-more {margin:16px 0 0;}
.main-box .main-more .inner {width:100%; max-width:400px; background:#fff; border-radius:10px; padding:16px;}
.main-box .main-more p {font-size:20px; line-height:28px; font-weight:600; color:#222;}
.main-box .main-more div {display:flex; flex-wrap:wrap; align-items:center; margin:16px 0 0;}
.main-box .main-more div span {font-size:14px; color:#222; text-decoration:underline;}
.main-box .main-more div:after {display:inline-block; width:24px; height:24px; margin-left:4px; content:""; background:url('../images/icon_more_black.png') no-repeat center / cover;}
@media (max-width:991px){
.main-box {max-width:400px; padding:0; margin:20px auto 0;}
.main-box .main-title h2 {font-size:20px;}
.main-box .main-title h2 img {width:75px;}
.main-box .main-title h3 {font-size:20px;}
.main-box .main-title p {margin:20px 0 0; font-size:20px;}
.main-box .main-title p b {font-size:20px;}
.main-box .main-update {margin:40px 0 0;}
.main-box .main-update .update-head > div time {margin-left:8px;}
.main-box .main-update .update-body p {font-size:16px; font-weight:700;}
.main-box .main-more {margin:24px 0 0;}
.main-box .main-more p {font-size:16px; line-height:22px;}
}

/* sub-box */
.sub-box {display:flex; flex-wrap:wrap; position:relative;}
.sub-box.mobile {display:none;}
.sub-box .sub-white {background:#fff; padding:40px 16px; border-radius:30px; box-shadow:0 0 30px 0 rgba(0,0,0,0.1); display:flex; flex-wrap:wrap; align-items:center; align-content:space-between;}
.sub-box .sub-white > div {width:100%;}
.sub-box .sub-left {flex:1; min-width:0;}
.sub-box .sub-left-step-inner {pointer-events:none; opacity:0; position:absolute; transition:all ease 0.5s; left:-30px; top:0; width:calc(100% - 430px); min-height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:space-between;}
.sub-box .sub-left-step-inner.active > div {width:100%;}
.sub-box .sub-left-step-inner.active {pointer-events:inherit; opacity:1; left:0;}
.sub-box .sub-right {width:414px; margin-left:16px; min-height:740px;}
.sub-box .sub-right.active {display:flex;}
.button-box.step01 {display:none;}
.button-box.step02 {display:flex;}
@media (max-width:991px){
.sub-box {max-width:400px; margin:0 auto;}
.sub-box.mobile {display:flex;}
.sub-box .sub-white {background:none; padding:0; border-radius:0; box-shadow:none;}
.sub-box .sub-left {flex:none; width:100%;}
.sub-box .sub-left-step-inner {display:none; opacity:1; position:static; width:100%; background:#fff;}
.sub-box .sub-left-step-inner.active {display:block;}
.sub-box .sub-right {display:none; width:100%; margin-left:0; min-height:auto;}
.sub-box.reverse .sub-left {display:none;}
.sub-box.reverse .sub-right {display:none;}
.sub-box.reverse .sub-right.active {display:flex;}
.sub-box .sub-left-step-inner.active ~ .sub-right {display:none;}
.button-box.step01 {display:flex;}
.button-box.step02 {display:none;}
}

/* icon-box */
.icon-box .icon.close {display:block; font-size:0; width:24px; height:24px; background:url('../images/icon_close.png') no-repeat center / cover;}
.icon-box .icon.back {display:block; font-size:0; width:24px; height:24px; background:url('../images/icon_back.png') no-repeat center / cover;}
.icon-box .icon.copy {display:block; font-size:0; width:40px; height:40px; margin:0 auto; background:url('../images/icon_copy.png') no-repeat center / cover;}
.icon-box .icon.guide {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; line-height:20px; font-weight:500;}
.icon-box .icon.guide:after {display:inline-block; content:""; width:24px; height:24px; margin-left:4px; background:url('../images/icon_guide.png') no-repeat center / cover;}
.icon-box .icon.reserve {padding:4px 12px; background:#EDFFEE; color:#04B40C; font-size:14px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.icon-box .icon.reserve.off {background:#FFD2CF; color:#C2281D;}

/* title-box */
.title-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.title-box h2 {font-size:22px; line-height:30px; font-weight:600; color:#222;}

/* text-box */
.text-box p {font-size:16px; line-height:22px; color:#222; word-break:keep-all;}
.text-box p > span {font-size:16px; line-height:22px; color:#222; word-break:keep-all;}
.text-box p a {font-size:16px; line-height:22px; text-decoration:underline;}
.text-box p.sm {font-size:12px; line-height:16px;}
.text-box p.sm a {font-size:12px; line-height:16px;}
@media (max-width:991px){
.text-box p.sm {font-size:14px; line-height:20px;}
.text-box p.sm a {font-size:14px; line-height:20px;}
}

/* text-list-box */
.text-list-box {max-height:250px; overflow-y:auto;}
.text-list-box.type2 {max-height:250px;overflow-y:auto;}
.text-list-box strong {display:block; text-align:center; font-size:16px; line-height:22px; font-weight:700; margin:0 0 12px;}
.text-list-box ul li {position:relative; font-size:16px; line-height:22px; color:#222; padding-left:15px; word-break:keep-all;}
.text-list-box ul li:before {position:absolute; left:5px; top:9px; width:3px; height:3px; content:""; border-radius:50%; background:#222;}
.text-list-box ul li b {font-size:16px; line-height:22px; color:#222; font-weight:700;}
.text-list-box ul li a {display:inline-block; font-size:16px; line-height:22px; color:#24D22C; font-weight:700; text-decoration:underline;}
.text-list-box ul li a.basic {color:#222; font-weight:400;}
.text-list-box ul li.inner {padding-left:40px;}
.text-list-box ul li.inner:before {left:30px;}
.text-list-box.sm ul li {font-size:12px; line-height:16px;}
.text-list-box.sm ul li:before {top:7px;}
.text-list-box.sm ul li a {font-size:12px; line-height:16px;}
.text-list-box.gray {background:#F2F2F2; padding:16px; border-radius:8px;}
@media (max-width:991px){
.text-list-box.sm ul li {font-size:14px; line-height:20px;}
.text-list-box.sm ul li a {font-size:14px; line-height:20px;}
.text-list-box.sm ul li:before {top:8px;}
}

/* check-box */
.check-box {position:relative; overflow:hidden;}
.check-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box label {display:flex; flex-wrap:wrap;cursor:pointer;}
.check-box label:before {display:inline-block; content:""; width:24px; height:24px; margin-right:4px; background:url('../images/icon_check.png') no-repeat center / cover; position:relative; top:-2px;}
.check-box label p {flex:1; min-width:0; font-size:14px; line-height:20px; color:#222;}
.check-box label p a {position:relative; z-index:2; font-size:14px; line-height:20px; color:#222; text-decoration:underline;}
.check-box input:checked ~ label:before {background-image:url('../images/icon_check_on.png');}

/* check-list-box */
.check-list-box > ul > li {margin:0 0 12px;}
.check-list-box > ul > li:last-of-type {margin:0;}
.check-list-box > ul > li .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.check-list-box > ul > li .list-head .check-box label p {font-size:14px;}
.check-list-box > ul > li .list-head a.toggle {width:24px; height:24px; font-size:0; background:url('../images/icon_select_black.png') no-repeat center / cover;}
.check-list-box > ul > li .list-body {display:none;}
.check-list-box > ul > li.active .list-head a.toggle {transform:rotate(180deg);}
.check-list-box > ul > li.active .list-body {display:block;}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:8px; transition:all ease 0.5s; position:relative; background:#fff; border:1px solid #e5e5e5;}
.select-box button {flex:1; min-width:0; height:52px; padding:0 16px; font-size:16px; color:#919199; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.select-box button:after {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_select.png') no-repeat center / cover;}
.select-box button p {flex:1; min-width:0; font-size:16px; color:#919199; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; margin-right:16px;}
.select-box button span.recommend {background:#F2F2F2; height:28px; padding:0 12px; font-size:14px; font-weight:700; color:#222; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.select-box > div {pointer-events:none; opacity:0; position:absolute; border-radius:8px; background:#fff; box-shadow:0 0 30px 0 rgba(0,0,0,0.1); top:52px; left:0; width:100%; transition:all ease 0.5s;}
.select-box > div dl {max-height:240px; overflow-y:auto;}
.select-box > div dl::-webkit-scrollbar {width:4px; border-radius:50px;}
.select-box > div dl::-webkit-scrollbar-thumb {width:4px; background:#222; border-radius:4px;}
.select-box > div dl dd {padding:0 16px;}
.select-box > div dl dd a {height:51px; border-bottom:1px solid #F2F2F2; font-size:16px; color:#222; display:flex; flex-wrap:wrap; align-items:center;}
.select-box > div dl dd:last-of-type a {border-bottom:0;}
.select-box > div dl dd p {height:51px; border-bottom:1px solid #F2F2F2; font-size:16px; color:#222; display:flex; flex-wrap:wrap; align-items:center;cursor:pointer;}
.select-box > div dl dd:last-of-type p {border-bottom:0;}
.select-box > div dl dd:hover {background:#F2F2F2;}
.select-box.focus  {border-color:#24d22c !important; z-index:5 !important;}
.select-box.focus > div {pointer-events:inherit; opacity:1; top:60px;}
.select-box.active {border-color:#222; z-index:4;}
.select-box.active button p {color:#222;}
.select-box.top > div {top:auto; bottom:52px;}
.select-box.top.focus > div {top:auto; bottom:60px;}

/* select-button-box */
.select-button-box ul {display:flex; flex-wrap:wrap; margin:0 -8px -8px;}
.select-button-box ul li {width:calc(25% - 16px); margin:0 8px 8px;}
.select-button-box ul li a {height:48px; border-radius:8px; border:1px solid #222; font-size:14px; color:#222; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.select-button-box ul li p {height:48px; border-radius:8px; border:1px solid #222; font-size:14px; color:#222; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;cursor:pointer;}
@media (max-width:991px){
.select-button-box ul {margin:0 -4px -8px;}
.select-button-box ul li {width:calc(33.33% - 8px); margin:0 4px 8px;}
.select-button-box ul li a {height:55px; font-size:16px;}
.select-button-box ul li p {height:55px; font-size:16px;cursor:pointer;}
}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:8px; transition:all ease 0.5s; position:relative; background:#fff; border:1px solid #E5E5E5;}
.input-box input {background:none; flex:1; min-width:0; height:52px; padding:0 16px; font-size:16px; color:#222;}
.input-box input::placeholder {color:#919199;}
.input-box input[type=date] {color:#919199;}
.input-box input[type=date]::-webkit-calendar-picker-indicator {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.input-box.active {border-color:#222; z-index:5;}
.input-box.active input[type=date] {color:#222;}
.input-box.focus {border-color:#24D22C;}
.input-box.focus input[type=date] {color:#24D22C;}
.input-box.gray {background:#F2F2F2; border:1px solid #F2F2F2;}
.input-box.gray.active {border-color:#24D22C;}
.input-box.gray.active input[type=date] {color:#222;}
.input-box.gray.focus {border-color:#24D22C;}
.input-box.gray.focus input[type=date] {color:#222;}
.input-box.error {border-color:#C2281D;}
.input-box.readonly {background:#F2F2F2; border-color:#F2F2F2;}
.input-box.readonly input {color:#919199;}

/* input-list-box */
.input-list-box {pointer-events:none; opacity:0; position:absolute; border-radius:8px; background:#fff; box-shadow:0 0 30px 0 rgba(0,0,0,0.1); top:52px; left:0; width:100%; transition:all ease 0.5s;}
.input-list-box ul {max-height:240px; overflow-y:auto;}
.input-list-box ul::-webkit-scrollbar {width:4px; border-radius:50px;}
.input-list-box ul::-webkit-scrollbar-thumb {width:4px; background:#222; border-radius:4px;}
.input-list-box ul li {padding:0 16px;}
.input-list-box ul li a {height:51px; border-bottom:1px solid #F2F2F2; font-size:16px; color:#222; display:flex; flex-wrap:wrap; align-items:center;}
.input-list-box ul li:last-of-type a {border-bottom:0;}
.input-list-box ul li p {height:51px; border-bottom:1px solid #F2F2F2; font-size:16px; color:#222; display:flex; flex-wrap:wrap; align-items:center;cursor:pointer;}
.input-list-box ul li:last-of-type p {border-bottom:0;}
.input-list-box ul li:hover {background:#F2F2F2;}
.input-list-box.active {pointer-events:inherit; opacity:1; top:60px; z-index:5;}
@media (max-width:991px){
.input-list-box	ul {max-height:131px;}
.input-list-box ul li a {height:43px;}
}

/* input-link-box */
.input-link-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:8px; transition:all ease 0.5s; position:relative; background:#fff; border:1px solid #E5E5E5;}
.input-link-box a, .input-link-box p {background:none; flex:1; min-width:0; height:52px; line-height:52px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 16px; font-size:16px; color:#919199;cursor:pointer;}
.input-link-box.gray {background:#F2F2F2; border:1px solid #F2F2F2;}
.input-link-box.focus {border-color:#24D22C;}
.input-link-box.active {border-color:#222; color:#222;}
.input-link-box.active a, .input-link-box.active p {color:#222;}
.input-link-box.gray.active {background:#fff; border-color:#222;}
/*.input-link-box p.active {border-color:#222;}*/

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn {height:54px; border-radius:8px; font-size:16px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex:1; min-width:0;}
.button-box .btn-active {color:#fff; background:#24D22C;}
.button-box .btn-active.off {background:#9BC09D;}
.button-box .btn-lightgray {background:#F2F2F2; color:#222;}
.button-box .btn.load {font-size:0; position:relative;}
.button-box .btn.load:after {display:block; content:""; width:24px; height:24px; border:3px solid rgba(255,255,255,0.3); border-top-color:#fff; border-radius:50%; animation:spin 1s ease-in-out infinite;}
@keyframes spin {
	100%{transform: rotate(360deg);}
}

/* link-box */
.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:10px; margin:0 8px; background:#919199;}
.link-box ul li:last-of-type:after {display:none;}
.link-box ul li a {font-size:14px; font-weight:500; color:#919199;}

/* message-box */
.message-box {padding:8px 16px;}
.message-box p {font-size:12px; line-height:16px; word-break:keep-all;}
.message-box p.error {color:#C2281D;}

/* write-box */
.write-box > strong {display:block; font-size:14px; margin:0 0 8px;}

/* line-box */
.line-box {width:100%; height:4px; background:#F2F2F2;}

/* popup-box */
.popup-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transition:all ease 0.5s; background:rgba(0,0,0,0.5);}
.popup-box .box {pointer-events:none; opacity:0; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); transition:all ease 0.5s; width:calc(100% - 32px); max-width:411px; border-radius:20px; background:#fff; max-height:85%; overflow-y:auto;}
.popup-box .box::-webkit-scrollbar {width:4px; border-radius:50px;}
.popup-box .box::-webkit-scrollbar-thumb {width:4px; background:#222; border-radius:4px;}
.popup-box .popup-head {position:relative;}
.popup-box .popup-head h2 {text-align:center; font-size:14px; font-weight:700; color:#222; border-bottom:1px solid #F2F2F2; padding:22px 16px;}
.popup-box .popup-head a.close {position:absolute; right:16px; top:50%; transform:translateY(-50%); width:24px; height:24px; font-size:0; background:url('../images/icon_close.png') no-repeat center / cover;}
.popup-box .popup-head a.back {width:24px; height:24px; font-size:0; background:url('../images/icon_back.png') no-repeat center / cover;}
.popup-box .popup-body {padding:24px 16px;}
.popup-box .space.box {border-radius:8px;}
.popup-box .space .popup-head {padding:16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.popup-box .space .popup-head h2 {font-size:20px; border:0; padding:0; font-weight:600;}
.popup-box .space .popup-body {padding:0 16px 24px;}
.popup-box.fixed {pointer-events:inherit; opacity:1;}
.popup-box.fixed .box.active {pointer-events:inherit; opacity:1; top:50%;}
@media (max-width:991px){
.popup-box .popup-head h2 {font-size:20px; font-weight:600; padding:14px 16px; border:0;}
}

/* agree-box */
.agree-box p {margin:0 0 24px; font-size:14px; line-height:20px; color:#222; word-break:keep-all;}
.agree-box p:last-of-type {margin:0;}
.agree-box table thead tr th {background:#F2F2F2; height:50px; font-size:13px; line-height:1.3; font-weight:700; border-bottom:1px solid #E5E5E5; word-break:keep-all;}
.agree-box table tbody tr td {padding:10px; font-size:13px; line-height:20px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:center; word-break:keep-all;}
.agree-box table tbody tr td:first-of-type {border-left:1px solid #e5e5e5;}

/* half-box */
.half-box {position:relative; display:flex; flex-wrap:wrap;}
.half-box .half-inner {flex:1; min-width:0; margin-right:16px;}
.half-box .half-inner:last-of-type {margin-right:0;}
.half-box .half-inner.space {display:flex; flex-wrap:wrap; align-items:space-between; align-content:space-between;}
.half-box .half-inner.space .half-inner-space {width:100%; margin:0 0 16px;}
.half-box .half-inner.space .half-inner-space:last-of-type {margin:0;}
@media (max-width:991px){
.half-box .half-inner {flex:none; width:100%; margin-right:0;}
.half-box .half-inner:last-of-type {margin-top:16px;}
}

/* map-box */
.map-box {position:relative;}
.map-box .map {position:relative; overflow:hidden; height:444px;}
.map-box .map iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.map-box .resize {border-radius:50px; background:#24D22C; padding:4px 8px; font-size:14px; font-weight:700; color:#fff; position:absolute; right:12px; top:12px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.map-box.active {position:absolute; left:0; top:0; width:100%;}
@media (max-width:991px){
.map-box .map {height:auto;}
.map-box .map:after {display:block; content:""; padding-bottom:66.5%;}
.map-box .resize {top:12px; padding:8px 12px;}
.map-box.active {position:relative;}
.map-box.active .map:after {padding-bottom:150%;}
}

/* pickup-box */
.pickup-box .pickup-head h2 {font-size:22px; line-height:30px; font-weight:600; color:#222;}
.pickup-box .pickup-head p {margin:4px 0 0; font-size:14px; line-height:20px; font-weight:500; color:#222;}
.pickup-box .pickup-body {margin:12px 0 0;}
.pickup-box .pickup-body p {margin:0 0 4px; font-size:14px; line-height:20px; color:#919199;}
.pickup-box .pickup-body p:last-of-type {margin:0;}
.pickup-box .pickup-body p a {font-size:14px; line-height:20px; color:#919199;}

/* time-table-box */
.time-table-box .table-head {margin:0 0 8px;}
.time-table-box .table-head strong {font-size:14px; font-weight:500;}
.time-table-box .table-body ul {display:flex; flex-wrap:wrap; border:1px solid #f2f2f2; border-width:1px 0 0 1px;}
.time-table-box .table-body ul li {width:25%; border:1px solid #f2f2f2; border-width:0 1px 1px 0;}
.time-table-box .table-body ul li b {background:#F2F2F2; height:24px; font-weight:700; font-size:14px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.time-table-box .table-body ul li p {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:8px 5px; font-size:12px; line-height:1.3;}
@media (max-width:991px){
.time-table-box .table-head {margin:0 0 12px;}
.time-table-box .table-head strong {font-size:16px; font-weight:700;}
.time-table-box .table-body ul li {width:20%;}
.time-table-box .table-body ul li p a {font-size:12px; line-height:1.3;}
}

/* calendar-box */
.calendar-box .cal-head {display:flex; flex-wrap:wrap; align-items:center; position:relative; margin:0 0 16px;}
.calendar-box .cal-head a {display:block; font-size:0; width:24px; height:24px; background-size:cover; background-position:center; position:absolute; top:50%; transform:translateY(-50%);}
.calendar-box .cal-head a.prev {background-image:url('../images/icon_calendar_prev.png'); left:0;}
.calendar-box .cal-head a.next {background-image:url('../images/icon_calendar_next.png'); right:0;}
.calendar-box .cal-head .date {height:31px; font-size:22px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.calendar-box .cal-head > div {flex:1; min-width:0; margin-right:16px;}
.calendar-box .cal-head > div.cal-head-end {margin-right:0;}
.calendar-box .cal-body {display:flex; flex-wrap:wrap;}
.calendar-box .cal-body > table {flex:1; min-width:0; margin-right:16px;}
.calendar-box .cal-body > table.cal-list-end {margin-right:0;}
.calendar-box .cal-body table {table-layout:fixed;}
.calendar-box .cal-body table thead tr th {height:39px; font-size:14px; font-weight:700;}
.calendar-box .cal-body table tbody tr td.sun .date {color:#C2281D;}
.calendar-box .cal-body table tbody tr td p.date {background:#F2F2F2; color:#919199;}
.calendar-box .cal-body table tbody tr td .date {height:39px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center;}
.calendar-box .cal-body table tbody tr td .date.start {background:#24D22C; border-radius:4px 0 0 4px; color:#fff; align-content:flex-end; align-items:flex-end;}
.calendar-box .cal-body table tbody tr td .date.start:after {display:block; text-align:center; width:100%; color:#fff  !important; content:"픽업" !important; font-weight:300; font-size:10px; margin:2px 0 4px;}
.calendar-box .cal-body table tbody tr td .date.end {background:#24D22C; border-radius:0 4px 4px 0; color:#fff; align-content:flex-end; align-items:flex-end;}
.calendar-box .cal-body table tbody tr td .date.end:after {display:block; text-align:center; width:100%; color:#fff  !important; content:"반납" !important; font-weight:300; font-size:10px; margin:2px 0 4px;}
.calendar-box .cal-body table tbody tr td .date.both {background:#24D22C; border-radius:4px 4px 4px 4px; color:#fff; align-content:flex-end; align-items:flex-end;}
.calendar-box .cal-body table tbody tr td .date.both:after {display:block; text-align:center; width:100%; color:#fff  !important; content:"픽업/반납" !important; font-weight:300; font-size:10px; margin:2px 0 4px;}
.calendar-box .cal-body table tbody tr td .date.oneday {border-radius:4px;}
.calendar-box .cal-body table tbody tr td .date.oneday:after {content:"픽업/반납" !important; color:#fff !important;}
.calendar-box .cal-body table tbody tr td .ing {background:#BDFFC0;}
.calendar-box .cal-body table tbody tr td.today .date {border:1px dashed #24D22C; border-radius:4px;}
.calendar-box .cal-body table tbody tr td.today .date:after {display:block; content:"오늘"; text-align:center; margin:2px 0 0; color:#222; width:100%; font-size:12px; font-weight:500;}
@media (max-width:991px){
.calendar-box .cal-head {justify-content:space-between;}
.calendar-box .cal-head a {position:static; transform:none;}
.calendar-box .cal-head > div {margin-right:0;}
.calendar-box .cal-head > div.cal-head-end {display:none;}
.calendar-box .cal-body > table {margin-right:0;}
.calendar-box .cal-body > table.cal-list-end {display:none;}
.calendar-box .cal-body table tbody tr td.today .date {border:1px dashed #24D22C; border-radius:4px;}
.calendar-box .cal-body table tbody tr td.today .date:after {display:block; content:"오늘"; text-align:center; margin:2px 0 0; color:#222; width:100%; font-size:12px; font-weight:500;}
.calendar-box .cal-body table tbody tr td .date {height:50px;}
.calendar-box .cal-body table tbody tr td .date.start {align-content:center; align-items:center;}
.calendar-box .cal-body table tbody tr td .date.start:after {margin-bottom:0; font-size:12px; font-weight:700;}
.calendar-box .cal-body table tbody tr td .date.end {align-content:center; align-items:center;}
.calendar-box .cal-body table tbody tr td .date.end:after {margin-bottom:0; font-size:12px; font-weight:700;}
}

/* tip-box */
.tip-box {position:absolute; background:#fff; transition:all ease 0.5s; right:0; bottom:-81px; border-radius:8px; padding:14px 16px; box-shadow:0 0 30px 0 rgba(0,0,0,0.1); z-index:4; display:flex; flex-wrap:wrap; align-items:center;}
.tip-box:before {z-index:-1; position:absolute; left:50%; top:-6px; transform:translateX(-50%) rotate(45deg); width:20px; height:20px; background:#ffff; content:""; box-shadow:0 0 30px 0 rgba(0,0,0,0.1);}
.tip-box:after {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; content:""; border-radius:8px;}
.tip-box a {position:relative; z-index:2; border-radius:8px;}
.tip-box p {background:#fff; position:relative; z-index:2; flex:1; min-width:0; padding-right:16px; font-size:14px; line-height:20px;}
.tip-box p b {display:inline-block; font-size:14px; line-height:20px; font-weight:700;}
.tip-box.hide {pointer-events:none; opacity:0; top:-10px;}
@media (max-width:991px){
.tip-box {width:calc(100% - 32px); max-width:400px; left:0;}
.tip-box p {padding-right:10px; word-break:keep-all;}
.tip-box:before {display:none;}
.tip-box:after {display:none;}
.footer-button .tip-box {bottom:auto; top:-84px; z-index:5;}
.footer-button .tip-box.hide {top:-90px;}
}

/* schedule-box */
.schedule-box {position:sticky; top:77px; z-index:10; padding:12px 0; margin-top:-100px; background:linear-gradient(to right,#E7FFE8,#FFFFFF);}
.schedule-box .container {display:flex; flex-wrap:wrap; align-items:flex-end;}
.schedule-box .sch-list {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.schedule-box .sch-list ul {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.schedule-box .sch-list ul:last-of-type {flex:none; width:364px; margin-left:24px;}
.schedule-box .sch-list ul li {flex:1; min-width:0; margin-right:12px;}
.schedule-box .sch-list ul li:last-of-type {margin:0;}
.schedule-box .sch-list ul li.sch-list-mobile {display:none;}
.schedule-box .sch-list ul li > strong {display:block; margin:0 0 8px; font-weight:500;}
.schedule-box .sch-list ul li > p {height:52px; line-height:52px; border-radius:8px; background:#fff; padding:0 16px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.schedule-box .sch-list ul li > p b {display:none;}
.schedule-box .sch-list time {display:none;}
.schedule-box .sch-button {width:112px; margin-left:24px;}
.schedule-box .sch-button .btn {height:58px;}
@media (max-width:991px){
.schedule-box {top:60px; margin-top:-20px; background:#fff; border-bottom:1px solid #F2F2F2;}
.schedule-box .container {align-items:center;}
.schedule-box .sch-list ul {flex:none; width:100%}
.schedule-box .sch-list ul:last-of-type {width:100%; margin-left:0; display:none;}
.schedule-box .sch-list ul li.sch-list-mobile {display:block;}
.schedule-box .sch-list ul li {flex:none; width:100%; margin-right:0; margin-bottom:5px;}
.schedule-box .sch-list ul li > strong {display:none;}
.schedule-box .sch-list ul li > p {height:auto; line-height:1; border-radius:0; background:none; padding:0; font-weight:700;}
.schedule-box .sch-list ul li > p b {display:inline-block; font-size:16px; font-weight:700;}
.schedule-box .sch-list time {width:100%; display:block; margin:8px 0 0;}
.schedule-box .sch-button {margin-left:12px;}
.schedule-box .sch-button .btn {height:54px; background:#f2f2f2; color:#222;}
}

/* guide-box */
.guide-box {background:#fff; border-radius:10px; padding:20px; border:1px solid #f2f2f2; box-shadow:0 0 30px 0 rgba(0,0,0,0.1);}
/*
.guide-box .is-pc ul li {margin:0 0 8px;}
.guide-box .is-pc ul li:last-of-type {margin:0;}
.guide-box .is-pc ul li p {font-size:14px; line-height:20px;}
.guide-box .is-pc ul li p a {display:inline-block; font-size:14px; line-height:20px; font-weight:700; text-decoration:underline;}
*/
.guide-box strong {display:block; font-size:14px; font-weight:700; line-height:20px; margin:0 0 4px;}
.guide-box div {display:flex; flex-wrap:wrap; align-items:flex-start;}
.guide-box div em {margin-right:4px; border-radius:50px; padding:4px 8px; border:1px solid #24D22C; font-size:10px; color:#24D22C; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.guide-box div p {font-size:14px; line-height:1.3; padding:1px 0 0;}
.guide-box div a {font-size:14px; font-weight:700; color:#24D22C; margin-left:4px; text-decoration:underline; line-height:1.3; padding:1px 0 0;}
@media (max-width:991px){
.guide-box {padding:16px;}
.guide-box div p {flex:1; min-width:0;}
}

/* item-list-box */
.item-list-box > ul > li {border-bottom:1px solid #E5E5E5; padding:20px; display:flex; flex-wrap:wrap; align-items:center;}
.item-list-box > ul > li .list-left {flex:1; min-width:0; padding-right:20px; display:flex; flex-wrap:wrap; align-items:center;}
.item-list-box > ul > li .list-left .list-left-image {width:220px;}
.item-list-box > ul > li .list-left .list-left-image img {width:100%;}
.item-list-box > ul > li .list-left .list-left-content {flex:1; min-width:0; padding-left:20px;}
.item-list-box > ul > li .list-left .list-left-content .content-subject p {font-size:20px; line-height:28px; font-weight:600;}
.item-list-box > ul > li .list-left .list-left-content .content-subject small {display:block; margin:4px 0 0; font-size:14px; line-height:20px;}
.item-list-box > ul > li .list-left .list-left-content .content-option {display:flex; flex-wrap:wrap; align-items:center; margin:16px 0 0;}
.item-list-box > ul > li .list-left .list-left-content .content-option dl {display:flex; flex-wrap:wrap; align-items:center;}
.item-list-box > ul > li .list-left .list-left-content .content-option dl dd {font-size:14px; font-weight:500; color:#919199; margin-right:16px; display:flex; flex-wrap:wrap; align-items:center;}
.item-list-box > ul > li .list-left .list-left-content .content-option dl dd:last-of-type {margin:0;}
.item-list-box > ul > li .list-left .list-left-content .content-option dl dd:before {display:inline-block; content:""; width:24px; height:24px;	margin-right:4px; background-size:cover; background-position:center;}
.item-list-box > ul > li .list-left .list-left-content .content-option dl dd.option01:before {background-image:url('../images/icon_item_option_01.png');}
.item-list-box > ul > li .list-left .list-left-content .content-option dl dd.option02:before {background-image:url('../images/icon_item_option_02.png');}
.item-list-box > ul > li .list-left .list-left-content .content-option dl dd.option03 {display:none;}
.item-list-box > ul > li .list-left .list-left-content .content-option dl dd.option03:before {background-image:url('../images/icon_item_option_03.png');display:none;}
.item-list-box > ul > li .list-left .list-left-content .content-option dl dd.option04:before {background-image:url('../images/icon_item_option_04.png');}
.item-list-box > ul > li .list-left .list-left-content .content-option em {margin-left:10px; border-radius:50px; padding:4px 8px; font-size:11px; border:1px solid; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.item-list-box > ul > li .list-left .list-left-content .content-option em.electric {color:#4A8FD1; border-color:#4A8FD1;}
.item-list-box > ul > li .list-right {width:180px;}
.item-list-box > ul > li .list-right .list-right-price b {display:block; font-size:14px; font-weight:500; line-height:20px; text-align:center;}
.item-list-box > ul > li .list-right .list-right-price strong {margin:4px 0 0; display:block; font-size:22px; line-height:30px; font-weight:600; text-align:center;}
.item-list-box > ul > li .list-right .list-right-event {margin:12px 0 0;}
.item-list-box > ul > li .list-right .list-right-event dl dd {margin:0 0 4px; font-size:12px; font-weight:700; line-height:17px; text-align:center; color:#24D22C;}
.item-list-box > ul > li .list-right .list-right-event dl dd:last-of-type {margin:0;}
.item-list-box > ul > li .list-right .list-right-button {margin:16px 0 0;}
.item-list-box > ul > li .list-right .list-right-button .btn {height:48px; font-size:14px;}
@media (max-width:991px){
.item-list-box > ul > li {padding:0 0 16px; margin:0 0 16px;}
.item-list-box > ul > li:last-of-type {padding:0; margin:0; border:0;}
.item-list-box > ul > li .list-left {flex:none; padding-right:0; width:100%; flex-direction:row-reverse; margin-top:-20px;}
.item-list-box > ul > li .list-left .list-left-image {width:150px;}
.item-list-box > ul > li .list-left .list-left-image img {height:86px; object-fit:cover;}
.item-list-box > ul > li .list-left .list-left-content {padding-left:0; padding-right:12px; margin-top:35px;}
.item-list-box > ul > li .list-left .list-left-content .content-subject p {font-size:16px; line-height:22px;}
.item-list-box > ul > li .list-left .list-left-content .content-option {width:calc(100% + 150px); margin-top:20px;}
.item-list-box > ul > li .list-left .list-left-content .content-option em {display:none;}
.item-list-box > ul > li .list-right {display:flex; flex-wrap:wrap; align-items:center; width:100%; margin:8px 0 0;}
.item-list-box > ul > li .list-right .list-right-info {flex:1; min-width:0; padding-right:12px;}
.item-list-box > ul > li .list-right .list-right-button {width:112px; margin-top:0;}
.item-list-box > ul > li .list-right .list-right-button .btn {height:54px; font-size:16px;}
.item-list-box > ul > li .list-right .list-right-m-event {display:flex; flex-wrap:wrap; align-items:center;}
.item-list-box > ul > li .list-right .list-right-m-event b {font-size:14px; font-weight:500; margin-right:8px;}
.item-list-box > ul > li .list-right .list-right-m-event dl {flex:1; min-width:0; display:flex; flex-wrap:wrap; margin:0 -2px -4px;}
.item-list-box > ul > li .list-right .list-right-m-event dl dd {border:1px solid #24D22C; font-size:10px; color:#24D22C; padding:4px 8px; margin:0 2px 4px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.item-list-box > ul > li .list-right .list-right-m-price {margin:4px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.item-list-box > ul > li .list-right .list-right-m-price strong {font-size:20px; line-height:28px; font-weight:600; color:#222;}
.item-list-box > ul > li .list-right .list-right-m-price em {margin-left:4px; border-radius:50px; padding:4px 8px; font-size:10px; border:1px solid; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.item-list-box > ul > li .list-right .list-right-m-price em.electric {color:#4A8FD1; border-color:#4A8FD1;}
}

/* item-list-none-box */
.item-list-none-box {margin:60px 0 0;}
.item-list-none-box p {text-align:center; font-size:20px; font-weight:600; line-height:28px;}
.item-list-none-box p.car:before {display:block; content:""; width:286px; height:128px; margin:0 auto 40px; background:url('../images/icon_list_none_car.png') no-repeat center / cover;}
.item-list-none-box p.reserve:before {display:block; content:""; width:110px; height:110px; margin:0 auto 40px; background:url('../images/icon_list_none_reserve.png') no-repeat center / cover;}
.item-list-none-box small {display:block; text-align:center; margin:16px 0 0; font-size:16px; line-height:22px; color:#919199;}
.item-list-none-box small a {font-size:16px; line-height:22px; color:#919199; text-decoration:underline;}
.item-list-none-box .button-box {margin:24px auto 0; max-width:200px;}
@media (max-width:991px){
.item-list-none-box {margin:40px 0 0;}
.item-list-none-box p.car:before {width:223px; height:100px; margin:0 auto 20px;}
.item-list-none-box .button-box {margin:20px auto 0;}
}

/* option-box */
.option-box {margin:20px 0 0; display:flex; flex-wrap:wrap; align-items:flex-start;}
.option-box .option-left {flex:1; min-width:0; margin-right:20px;}
.option-box .option-right {position:relative; width:360px; position:sticky; top:195px; background:#fff; border-radius:20px; padding:24px 16px; box-shadow:0 0 30px 0 rgba(0,0,0,0.1);}
.option-box .option-right.top {top:145px;}
.option-box .option-right .option-right-button {position:absolute; left:0; bottom:-74px; width:100%;}
@media (max-width:991px){
.option-box {margin:24px 0 0;}
.option-box .option-left {flex:none; width:100%; margin-right:0; order:2; border-top:4px solid #f2f2f2; margin-top:32px; padding-top:32px;}
.option-box .option-right {width:100%; position:static; order:1; border-radius:0; padding:0; box-shadow:none; overflow:visible;}
.option-box .option-right .option-right-button {display:none;}
}

/* option-item-box */
.option-item-box .item-head {margin:0 0 16px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.option-item-box .item-head h2 {font-size:22px; font-weight:600;}
.option-item-box .item-head .button-box {width:80px;}
.option-item-box .item-head .button-box .btn {height:48px; font-size:14px;}
.option-item-box .item-body .item-body-event {display:none;}
.option-item-box .item-body .item-body-top {display:flex; flex-wrap:wrap; align-items:center;}
.option-item-box .item-body .item-body-top .top-image {width:138px;}
.option-item-box .item-body .item-body-top .top-image img {width:100%;}
.option-item-box .item-body .item-body-top .top-content {flex:1; min-width:0; padding-left:12px;}
.option-item-box .item-body .item-body-top .top-content .content-subject p {font-size:16px; line-height:22px; font-weight:700;}
.option-item-box .item-body .item-body-top .top-content .content-subject small {display:block; margin:4px 0 0; font-size:14px; line-height:20px;}
.option-item-box .item-body .item-body-bottom {display:flex; flex-wrap:wrap;}
.option-item-box .item-body .item-body-bottom .bottom-event {width:138px; margin:12px 0 0;}
.option-item-box .item-body .item-body-bottom .bottom-event dl {padding:0 20px;}
.option-item-box .item-body .item-body-bottom .bottom-event dl dd {margin:0 0 5px; border:1px solid #24D22C; padding:4px 12px; font-size:12px; font-weight:700; color:#24D22C; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.option-item-box .item-body .item-body-bottom .bottom-event dl dd:last-of-type {margin:0;}
.option-item-box .item-body .item-body-bottom .bottom-option {flex:1; min-width:0; padding-left:12px;}
.option-item-box .item-body .item-body-bottom .bottom-option dl {display:flex; flex-wrap:wrap; align-items:center;}
.option-item-box .item-body .item-body-bottom .bottom-option dl dd {font-size:14px; font-weight:500; color:#919199; margin-right:12px; display:flex; flex-wrap:wrap; align-items:center;}
.option-item-box .item-body .item-body-bottom .bottom-option dl dd:last-of-type {margin:0;}
.option-item-box .item-body .item-body-bottom .bottom-option dl dd:before {display:inline-block; content:""; width:24px; height:24px; margin-right:4px; background-size:cover; background-position:center;}
.option-item-box .item-body .item-body-bottom .bottom-option dl dd.option01:before {background-image:url('../images/icon_item_option_01.png');}
.option-item-box .item-body .item-body-bottom .bottom-option dl dd.option02:before {background-image:url('../images/icon_item_option_02.png');}
.option-item-box .item-body .item-body-bottom .bottom-option dl dd.option03:before {background-image:url('../images/icon_item_option_03.png');}
.option-item-box .item-body .item-body-bottom .bottom-option dl dd.option04:before {background-image:url('../images/icon_item_option_04.png');}
@media (max-width:991px){
.option-item-box .item-head {margin:0;}
.option-item-box .item-head h2 {font-size:20px;}
.option-item-box .item-head .button-box {width:112px;}
.option-item-box .item-head .button-box .btn {background:#F2F2F2; height:54px; color:#222; font-size:16px;}
.option-item-box .item-body .item-body-event {display:block;}
.option-item-box .item-body .item-body-event dl {display:flex; flex-wrap:wrap; margin:0 -2px -4px;}
.option-item-box .item-body .item-body-event dl dd {margin:0 2px 4px; border:1px solid #24D22C; padding:4px 8px; font-size:10px; color:#24D22C; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.option-item-box .item-body .item-body-top {flex-direction:row-reverse;}
.option-item-box .item-body .item-body-top .top-image {width:150px;}
.option-item-box .item-body .item-body-top .top-content {padding-left:0; padding-right:12px;}
.option-item-box .item-body .item-body-bottom .bottom-event {display:none;}
.option-item-box .item-body .item-body-bottom .bottom-option {padding-left:0;}
.option-item-box .item-body .item-body-bottom .bottom-option dl dd {font-size:14px;}
.option-item-box .item-body .item-body-bottom .bottom-option dl dd:before {width:16px; height:16px; margin-right:4px;}
}

/* option-popup-box */
.option-popup-box {margin:0 -16px -24px;}
.option-popup-box .inner {display:flex; flex-wrap:wrap;}
.option-popup-box .inner > div {width:100%;}
.option-popup-box .inner .inner-head {order:2;}
.option-popup-box .inner .inner-head button {pointer-events:none; border-radius:0 0 24px 24px; padding:24px 16px; background:#919199; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.option-popup-box .inner .inner-head button p {flex:1; min-width:0; font-size:16px; font-weight:700; color:#fff; text-align:left;}
.option-popup-box .inner .inner-head button strong {font-size:16px; font-weight:700; color:#fff;}
.option-popup-box .inner .inner-body {order:1;}
.option-popup-box .inner .inner-body {padding:16px;}
.option-popup-box .inner .inner-body .inner-body-list ul {border-top:4px solid #F2F2F2; padding-top:16px; margin-top:16px;}
.option-popup-box .inner .inner-body .inner-body-list ul:first-of-type {margin-top:0;}
.option-popup-box .inner .inner-body .inner-body-list ul li {margin:0 0 12px; display:flex; flex-wrap:wrap;}
.option-popup-box .inner .inner-body .inner-body-list ul li:last-of-type {margin:0;}
.option-popup-box .inner .inner-body .inner-body-list ul li.returnCharge {}
.option-popup-box .inner .inner-body .inner-body-list ul li.returnCharge.hide {display:none;}
.option-popup-box .inner .inner-body .inner-body-list ul li b {font-size:14px; font-weight:500; color:#919199; line-height:20px;}
.option-popup-box .inner .inner-body .inner-body-list ul li div {flex:1; min-width:0; padding-left:16px;}
.option-popup-box .inner .inner-body .inner-body-list ul li div p {font-size:14px; font-weight:500; line-height:20px; text-align:right;}
.option-popup-box .inner .inner-body .inner-body-text {margin:16px 0 0;}
.option-popup-box .inner .inner-body .inner-body-text p {font-size:12px; color:#919199;}
@media (max-width:991px){
.option-popup-box {margin:0; position:fixed; left:0; bottom:0; width:100%; z-index:9999; transition:all ease 0.5s;}
.option-popup-box .inner {position:absolute; left:0; bottom:0; width:100%; transition:all ease 0.5s; background:#fff; border-radius:20px 20px 0 0;}
.option-popup-box .inner .inner-head {order:1;}
.option-popup-box .inner .inner-head button {pointer-events:inherit; border-radius:20px 20px 0 0; padding:16px;}
.option-popup-box .inner .inner-head button:after {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_select_white.png') no-repeat center / cover; transform:rotate(180deg);}
.option-popup-box .inner .inner-body {display:none; order:2; padding:0;}
.option-popup-box .inner .inner-body .inner-body-list ul {padding-top:0; margin-top:0;}
.option-popup-box .inner .inner-body .inner-body-list ul:first-of-type {padding-top:0; border-top:0;}
.option-popup-box .inner .inner-body .inner-body-list ul li {padding:12px 16px; margin:0;}
.option-popup-box .inner .inner-body .inner-body-list ul li.returnCharge {display:block;}
.option-popup-box .inner .inner-body .inner-body-list ul li.returnCharge.hide {display:none;}
.option-popup-box .inner .inner-body .inner-body-list ul li b {font-size:16px; line-height:22px; color:#222;}
.option-popup-box .inner .inner-body .inner-body-list ul li div p {font-size:16px; line-height:22px;}
.option-popup-box .inner .inner-body .inner-body-text {margin:0; padding:16px;}
.option-popup-box .inner .inner-body .inner-body-text p {font-size:14px; color:#222;}
.option-popup-box.fixed {height:100%; background:#000;}
.option-popup-box.fixed .inner .inner-head button:after {transform:rotate(0deg);}
.option-popup-box.fixed .inner .inner-body {display:block;}
}

/* option-write-box */
.option-write-box {padding:0 20px;}
.option-write-box > ul > li {margin:0 0 40px;}
.option-write-box > ul > li:last-of-type {margin:0;}
.option-write-box > ul > li h2 {font-size:32px; font-weight:600; line-height:44px; margin:0 0 40px;}
.option-write-box > ul > li h2 p {font-size:32px; font-weight:600; line-height:44px;}
.option-write-box > ul > li h2 small {display:block; margin:8px 0 0; font-size:12px; line-height:16px; color:#919199;}
.option-write-box > ul > li h2 .icon-box {display:none;}
.option-write-box > ul > li .write-inner {border-bottom:1px solid #E5E5E5; margin:0 0 40px; padding:0 0 40px;}
.option-write-box > ul > li .write-inner:last-of-type {border:0; margin:0; padding:0;}
.option-write-box > ul > li .write-inner h3 {font-size:22px; font-weight:600; line-height:30px; margin:0 0 20px; display:flex; flex-wrap:wrap; align-items:baseline;}
.option-write-box > ul > li .write-inner h3 small {font-size:16px; font-weight:700; line-height:22px; color:#919199; margin-left:3px;}
.option-write-box > ul > li .write-inner .recommend {display:none;}
.option-write-box > ul > li .write-inner .write-inner-info {border-bottom:1px solid #E5E5E5; padding:0 0 24px;}
.option-write-box > ul > li .write-inner .write-inner-info dl {display:flex; flex-wrap:wrap;}
.option-write-box > ul > li .write-inner .write-inner-info dl dd {flex:1; min-width:0;}
.option-write-box > ul > li .write-inner .write-inner-info dl dd p {font-size:14px; line-height:20px; margin:0 0 4px;}
.option-write-box > ul > li .write-inner .write-inner-info dl dd p:last-of-type {margin:0;}
@media (max-width:991px){
.option-write-box {padding:0;}
.option-write-box > ul > li {margin:0;}
.option-write-box > ul > li h2 {display:none; position:relative;}
.option-write-box > ul > li h2.show {display:block; font-size:22px; font-weight:600; line-height:30px; border-bottom:4px solid #F2F2F2; padding:0 0 24px; margin:0 0 24px;}
.option-write-box > ul > li h2 p {font-size:22px; font-weight:600; line-height:30px;}
.option-write-box > ul > li h2 small {font-size:14px; line-height:20px;}
.option-write-box > ul > li h2 small.opa0 {opacity:0;}
.option-write-box > ul > li h2 .icon-box {display:block; position:absolute; right:0; top:4px;}
.option-write-box > ul > li .write-inner {border-bottom:4px solid #F2F2F2; margin:0 0 32px; padding:0 0 32px;}
.option-write-box > ul > li .write-inner:last-of-type {border-bottom:4px solid #f2f2f2; margin:0 0 32px; padding:0 0 32px;}
.option-write-box > ul > li:last-of-type .write-inner:last-of-type {border:0; padding:0; margin:0;}
.option-write-box > ul > li .write-inner h3 {font-size:20px; line-height:28px; margin:0 0 16px;}
.option-write-box > ul > li .write-inner h3 small {font-size:14px; line-height:20px;}
.option-write-box > ul > li .write-inner .recommend {margin:0 0 16px; background:#F2F2F2; padding:4px 12px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.option-write-box > ul > li .write-inner .write-inner-info {border:0; padding:0;}
.option-write-box > ul > li .write-inner .write-inner-info p:first-of-type {font-weight:500;}
}

/* option-list-box */
.option-list-box .item-head button {font-size:22px; font-weight:600; line-height:30px; color:#222; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; width:100%;}
.option-list-box .item-head button:after {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_select_black.png') no-repeat center / cover;}
.option-list-box .item-body {display:none; margin:16px 0 0;}
.option-list-box .item-body ul li {margin:0 0 12px; padding:16px; border-radius:8px; border:1px solid #E5E5E5; display:flex; flex-wrap:wrap; align-items:center;}
.option-list-box .item-body ul li.none {display:none;}
.option-list-box .item-body ul li .item-left {display:flex; flex-wrap:wrap; align-items:center; flex:1; min-width:0; padding-right:16px;}
.option-list-box .item-body ul li .item-left .item-left-image img {width:50px; height:50px; object-fit:cover;}
.option-list-box .item-body ul li .item-left .item-left-content {flex:1; min-width:0; padding-left:12px;}
.option-list-box .item-body ul li .item-left .item-left-content p {font-size:16px; font-weight:500; line-height:22px;}
.option-list-box .item-body ul li .item-left .item-left-content span {display:block; margin:4px 0 0; font-size:14px; line-height:20px;}
.option-list-box.active .item-head button:after {transform:rotate(180deg);}
.option-list-box.active .item-body {display:block;}

/* quantity-box */
.quantity-box {display:flex; flex-wrap:wrap; align-items:center;}
.quantity-box a {width:24px; height:24px; font-size:0; 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 {width:44px; text-align:center; font-weight:500;}

/* package-box */
.package-box {border:1px solid #E5E5E5; padding:16px; border-radius:8px;}
.package-box .pack-head {display:flex; flex-wrap:wrap; align-items:center;}
.package-box .pack-head button {color:#222; padding-right:16px; font-size:16px; font-weight:500; flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center;}
.package-box .pack-head button:after {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_select_black.png') no-repeat center / cover;}
.package-box .pack-head .check-box label {cursor:pointer;}
.package-box .pack-head .check-box label:before {margin:0;}
.package-box .pack-head .check-box label p {font-size:0;}
.package-box .pack-body {display:none; margin:12px 0 0;}
.package-box .pack-body ul li {margin:0 0 12px;}
.package-box .pack-body ul li:last-of-type {margin:0;}
.package-box .pack-body ul li p {font-size:14px; line-height:20px; color:#222; word-break:keep-all;}
.package-box .pack-body ul li small {display:block; margin:4px 0 0; font-size:12px; line-height:16px; word-break:keep-all; color:#919199;}
.package-box.active .pack-head button:after {transform:rotate(-180deg);}
.package-box.active .pack-body {display:block;}
.package-box.selected {border-color:#24D22C;}
@media (max-width:991px){
.package-box .pack-body ul li p {font-size:16px;}
}

/* package-text-box */
.package-text-box ul li {margin:0 0 12px;}
.package-text-box ul li:last-of-type {margin:0;}
.package-text-box ul li p {font-size:12px; line-height:16px;}
.package-text-box ul li small {display:block; margin:4px 0 0; font-size:12px; line-height:16px; color:#919199;}

/* result-box */
.result-box img {width:286px; display:block; margin:0 auto;}
.result-box h2 {margin:40px 0 30px; text-align:center; font-size:28px; line-height:40px; font-weight:600;}
.result-box p {text-align:center; font-size:16px; line-height:22px; color:#919199; margin:0 0 12px; word-break:keep-all;}
.result-box .button-box {margin:50px 0 0;}
@media (max-width:991px){
.result-box img {width:214px;}
.result-box h2 {margin:24px 0; font-size:20px; line-height:28px;}
.result-box .button-box {margin:40px 0 0;}
}

.reserve-box {cursor:pointer;}
/* reserve-list-box */
.reserve-list-box {margin:25px 0 0;}
.reserve-list-box > ul > li {padding:20px; margin:0 0 12px; display:flex; flex-wrap:wrap; align-items:center; border-radius:8px; border:1px solid #e5e5e5;}
.reserve-list-box > ul > li:last-of-type {margin:0;}
.reserve-list-box > ul > li .list-top {display:none;}
.reserve-list-box > ul > li .list-image img {width:220px;}
.reserve-list-box > ul > li .list-content {flex:1; min-width:0; padding-left:20px;}
.reserve-list-box > ul > li .list-content .content-state {margin:0 0 8px;}
.reserve-list-box > ul > li .list-content .content-state strong {display:block; font-size:20px; line-height:20px; font-weight:600; color:#04b40c;}
.reserve-list-box > ul > li .list-content .content-state strong.off {color:#C2281D;}
.reserve-list-box > ul > li .list-content .content-time {margin:0 0 16px;}
.reserve-list-box > ul > li .list-content .content-time dl dd {display:flex; flex-wrap:wrap; margin:0 0 4px;}
.reserve-list-box > ul > li .list-content .content-time dl dd:last-of-type {margin:0;}
.reserve-list-box > ul > li .list-content .content-time dl dd b {font-size:16px; line-height:22px; font-weight:700; margin-right:16px;}
.reserve-list-box > ul > li .list-content .content-time dl dd p {flex:1; min-width:0; font-size:16px; line-height:22px;}
.reserve-list-box > ul > li .list-content .content-info strong {display:block; font-size:16px; line-height:22px; font-weight:700; margin:0 0 4px;}
.reserve-list-box > ul > li .list-content .content-info p {margin:0 0 4px; font-size:14px; line-height:20px; font-weight:500; color:#919199;}
.reserve-list-box > ul > li .list-content .content-info p:last-of-type {margin:0;}
.reserve-list-box > ul > li .list-content .content-option {display:none;}
@media (max-width:991px){
.reserve-list-box > ul > li {padding:20px 16px; margin:0 0 24px;}
.reserve-list-box > ul > li .list-top {width:100%; margin:0 0 12px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.reserve-list-box > ul > li .list-top em {padding:4px 12px; background:#EDFFEE; color:#04B40C; font-size:14px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.reserve-list-box > ul > li .list-top em.off {background:#FFD2CF; color:#C2281D;}
.reserve-list-box > ul > li .list-top p {font-size:14px; font-weight:700;}
.reserve-list-box > ul > li .list-image {width:100%;}
.reserve-list-box > ul > li .list-image img {display:block; margin:0 auto; width:190px;}
.reserve-list-box > ul > li .list-content {flex:none; width:100%; padding-left:0; margin:12px 0 0;}
.reserve-list-box > ul > li .list-content .content-state {display:none;}
.reserve-list-box > ul > li .list-content .content-time {margin:0 0 12px;}
.reserve-list-box > ul > li .list-content .content-time dl dd b {width:100%; margin-right:0;}
.reserve-list-box > ul > li .list-content .content-time dl dd p {flex:none; width:100%; font-size:14px; line-height:20px;}
.reserve-list-box > ul > li .list-content .content-info p {font-size:14px; line-height:20px;}
.reserve-list-box > ul > li .list-content .content-option {display:block; margin:4px 0 0;}
.reserve-list-box > ul > li .list-content .content-option dl {display:flex; flex-wrap:wrap; align-items:center;}
.reserve-list-box > ul > li .list-content .content-option dl dd {color:#919199; margin-right:12px; display:flex; flex-wrap:wrap; align-items:center;}
.reserve-list-box > ul > li .list-content .content-option dl dd:last-of-type {margin-right:0;}
.reserve-list-box > ul > li .list-content .content-option dl dd:before {display:block; content:""; width:16px; height:16px; margin-right:4px; background-size:cover; background-position:center;}
.reserve-list-box > ul > li .list-content .content-option dl dd.option01:before {background-image:url('../images/icon_item_option_01.png');}
.reserve-list-box > ul > li .list-content .content-option dl dd.option02:before {background-image:url('../images/icon_item_option_02.png');}
.reserve-list-box > ul > li .list-content .content-option dl dd.option03:before {background-image:url('../images/icon_item_option_03.png');}
.reserve-list-box > ul > li .list-content .content-option dl dd.option04:before {background-image:url('../images/icon_item_option_04.png');}
}

.button-box-div {
	background: #fff;position: fixed;left: 50%;bottom: 0;width: 100%;transform: translateX(-50%);z-index: 1001;padding: 16px;
}
.button-box-div > .button-box
{
	max-width: 400px;
	margin: 0 auto;
}
.button-box-div > .button-box > .btn {
	height: 54px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 700;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	flex: 1;
	min-width: 0;
}

.modal-back {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1999;background:rgba(0,0,0,0);}
.modal-back.type2 {background:rgba(0,0,0,0.2);}
.modal-back.on, .modal-back-load.on {display: block;}
.modal-back-load {position:fixed;left:50%;top:50%;width:24px;height:24px;z-index:1002;}
.modal-back-load:after {display:block; content:""; width:24px; height:24px; border:3px solid rgba(255,255,255,0.3); border-top-color:#fff; border-radius:50%; animation:spin 1s ease-in-out infinite;}
.btn.btn-gray {background:#f2f2f2;color:#222}

.text-list-box table {border-collapse: collapse;width: 100%;table-layout: fixed;margin:10px 0;}
.text-list-box table th{border:1px solid #5e5e5e;padding:5px 10px;text-align:center;}
.text-list-box table td{border:1px solid #5e5e5e;padding:5px 10px;text-align:left;}

.price-span {font-size: 20px;line-height: 30px;font-weight: 600;color: #24D22C;margin:0 0 0 10px}
@media (max-width:991px){
	.price-span {font-size: 18px;line-height: 30px;font-weight: 600;color: #24D22C;margin:0 0 0 10px}
}