@media screen and (max-width: 1199px) {
    html, body { font-size: 13px; }
    .mobile-hide { display: none; }
    .mobile-show { display: block; }

    /* main */
    .header-wrap.pc-only { display: none; }
    .header-wrap.mobile-only { display: block; }
    .header-box.mobile-only { max-width: 100%; min-width: unset; }
    .contents-box { max-width: 100%; min-width: 320px !important; padding: 0 0 0 20px; overflow: visible; }
    .swiper.main-swiper { max-width: 100%; min-width: unset; padding: 0; margin-top: 0; height: 170px; }
    .swiper.main-swiper .swiper-slide.main { border-radius: 0px; /*background-image: url(../img/main_tablet.png) !important;*/ background-size: cover; background-position: center; }
    .swiper-button-next.main, .swiper-button-prev.main { display: none; }
    #container-wrap { padding-top: 56px; }

    .reserv-wrap { width: 100%; margin-left: 0; padding: 0; bottom: -13px; }
    .reserv-box { width: 100%; border-radius: 30px; padding: 0px; background-color: #fff; }
    .btn-box-m.main, #multiple .btn-box-m { width: 100%; line-height: 40px; height: 40px; }
    .btn-box-m.main > a > span { font-size: 13px; }
    .modal-wrap.round, .modal-wrap.come, .reserv-box.room .modal-wrap.one, .reserv-box.room .modal-wrap.come-one,
    #multiple .modal-wrap.mul1, #multiple .modal-wrap.come-mul1 { top: 45px !important; }
    .reserv-box.reserv.room .modal-wrap.mul2, .reserv-box.reserv.room .modal-wrap.come-mul2 { top: 50px; }
    .main-wrap .modal-wrap.one, .main-wrap .modal-wrap.come-one { top: 85px; }
    .main-wrap .modal-wrap.mul1, .main-wrap .modal-wrap.come-mul1, .main-wrap .modal-wrap.mul2, .main-wrap .modal-wrap.come-mul2 { top: 45px !important; }
    .main-wrap { height: 290px; }
    .main-wrap .reserv-inner .btn-box-xs { padding: 7px; }
    .main-wrap .reserv-tab { flex-wrap: wrap; padding: 0 20px 0 20px; }
    .main-wrap .reserv-tab.multiple-1 { margin-bottom: 0; }
    .main-wrap .reserv-tab .place-pick-wrap { width: 49%; padding-right: 0; }
    .main-wrap .reserv-tab .date-pick-wrap { width: 49%; }
    .main-wrap .reserv-tab .place-pick-wrap .btn-line span { font-size: 20px; }
    .main-wrap .reserv-tab .date-pick-wrap .btn-line input { font-size: 16px; }
    #multiple .reserv-tab.multiple-1 .place-pick-wrap, #multiple .reserv-tab.multiple-1 .date-pick-wrap { border-bottom: solid 1px #ddd; width: 49%; height: 50px; padding-right: 0; }
    #multiple .place-pick-wrap, #multiple .date-pick-wrap { width: 49%; line-height: 50px; height: 50px; }
    #multiple .btn-box-m { height: 40px; line-height: 40px; }

    /* main contents */
    .contents-box.btn { gap: 2%; padding: 20px 20px 10px 20px; flex-wrap: wrap; }
    .contents-box.btn .main-btn { flex-basis: 63%; flex-grow: 1; }
    .contents-box.btn .main-btn > div > a { min-width: 100px; height: 100px; }
    .contents-box.btn .main-btn > div > a > p { font-size: 14px; }
    .contents-box.btn .main-btn-img { line-height: 100px; }
    .contents-box.btn .main-btn-img img { width: 60px; }
    .contents-box.btn .toursafe { width: 100%; flex-grow: 1; background: #fff; }
    .contents-box.btn .toursafe > a > .flex { gap: 0; }
    .contents-box.btn .toursafe .col1 p:first-child { font-size: 15px; }
    .contents-box.btn .toursafe .fs22 { font-size: 16px; }
    .contents-box.btn .toursafe .col1 { margin-right: 15px; align-items: flex-end; }
    .contents-box.btn .toursafe .col2 img { width: 30px; }
    .txt-wrap.main { padding: 40px 0 30px 0; }
    .reserv-inner button.btn-box-xs { font-size: 13px; }
    .reserv-inner .btn-wrap { padding: 11px 0 0 13px; }
    .reserv-inner .btn-box-m { border-radius: 30px; font-size: 13px; background-color: #3D96FF; margin-bottom: 15px; }
    .reserv-inner .btn-round.round, .reserv-inner .btn-oneway.round { width: 25px; }
    .reserv-inner .btn-round.round:before, .reserv-inner .btn-oneway.round:before { width: 25px; height: 25px; background-size: 25px; left: 0; }
    .swiper-slide.main .slide-inner { justify-content: flex-start; width: 100%; margin-left: 20px; }
    .slide-inner .txt-wrap { padding: 28px 20px 0 0; }
    .slide-inner .txt-wrap .title-big { font-size: 18px; }
    .slide-inner .title-mid { display: none; }
    .slide-imgbox.main { display: none; }
    .contents-box.depth-slide { gap: 4%; }
    .depth-slide.swiper { overflow-x: scroll; }
    .depth-slide.swiper::-webkit-scrollbar, .depth-slide-rt::-webkit-scrollbar { display: none; }
    .depth-slide.swiper-wrapper { margin-right: 0; width: 100%; }
    .depth-slide.swiper-slide { width: 254px !important; height: 184px; border-radius: 10px; background-size: 100%; margin-right: 25px; }
    .depth-slide .txt-wrap { padding: 20px 0 0 0; }
    .depth-slide .txt-wrap .title-big2 { font-size: 18px; margin-bottom: 10px; }
    .depth-slide .txt-wrap .title-semi { font-size: 14px; line-height: 1.4; }
    .depth-slide .btn-box-m { width: 103px; height: 30px; padding: 0 11px; margin-bottom: 20px; }
    .depth-slide .btn-box-m span { font-size: 12px; }
    .depth-slide .btn-box-m i { font-size: 11px; }
    .depth-slide-lt { display: flex; flex-direction: column; justify-content: space-between; width: 30%; }
    .depth-slide-rt { padding: 15px 0 15px 0; overflow-x: scroll; width: 100%; }
    .contents-box-wide.left.mg-bt-50 { margin-bottom: 20px; }
    .contents-box-wide.right { display: none; }
    .slide-menu-wrap { left: 0; top: -15px; }
    .txt-wrap { padding: 40px 0 20px 0; }
    .txt-wrap .title-txt { font-size: 20px; }
    .slide-menu { display: flex; flex-wrap: wrap; gap: 1%; width: 100%; padding: 0; }
    .slide-menu li { flex-grow: 1; flex-basis: 49%; text-align: center; margin: 0; margin-bottom: 5px; }
    .slide-menu li a { width: 100%; display: inline-block; font-size: 14px; border: 1px solid #ddd; padding: 10px; font-size: 12px; }
    .item-2 { display: none; }
    #event .card-item-list .item-top { height: 110px; }
    .depth.item-top>div { width: 100%; border-radius: 15px; }
    .depth.item-row { padding: 20px 0 0 10px; }
    .depth.item-row span { font-size: 13px; }
    .depth.item-row .title-semi { font-size: 17px; }
    .depth.item-top>div:nth-child(1) { margin-right: 0; }
    .depth.swiper-button-wrap { display: none; }
    .swiper-button-next.card, .swiper-button-prev.card { display: none; }
    .contents-box1 .card-item-list { overflow-x: scroll; }
    .card-list .slide-item { border-radius: 10px; margin-top: 0; margin-right: 25px; width: 255px; }
    .card-list .slide-item:last-child { padding-right: 20px; }
    .slide-item .item-row { padding: 20px 0; }
    .slide-item .item-row span { font-size: 13px; }
    .slide-item .item-row p { font-size: 17px; }
    #notice .txt-wrap, #event .txt-wrap { padding: 25px 0 20px 0; }
    #notice .txt-wrap .title-big2, #event .txt-wrap .title-big2 { font-size: 18px; }
    #notice .notice-wrap { padding-right: 20px; }
    #notice .notice-wrap ul li { padding: 20px 0; min-width: 300px; width: 32%; height: 194px; }
    #notice .notice-wrap ul li:last-child { min-width: 50px; width: unset; }
    #notice .notice-wrap ul li a { padding: 0 20px; }
    #notice .notice-wrap ul li:last-child a { padding: 0; }
    #notice .notice-wrap ul li a .xi-plus { line-height: 155px; }
    #notice .notice-wrap .notice-title { font-size: 14px; }
    #notice .notice-wrap .notice-txt { font-size: 13px; }
    #notice .notice-wrap ul li p:last-child { font-size: 12px; }

    /* footer */
    .footer-top { padding: 0 20px; height: 100%; }
    .footer-top-box { max-width: 100%; min-width: unset; padding: 0; justify-content: space-between; height: 70px; }
    .footer-top-box .account-box { margin-right: 0 !important; }
    .footer-top-box .account-box .mg-bt-7 { margin-bottom: 0; margin-right: 5px; }
    .footer-top-box i { margin-left: 12px; font-size: 15px; }
    .footer-top-list a { font-size: 12px; padding: 5px; }
    .footer-top-list a:before { display: none; }
    .footer-lower-box { max-width: 100%; min-width: unset; padding: 20px 10px 70px 10px; margin-left: 0; flex-wrap: wrap; }
    .footer-lower-lfbox { text-align: center; flex-grow: 1; width: 100%; margin-left: 0; }
    .footer-lower-lfbox .mobile { display: none; }
    .footer-lower-lfbox span { padding: 0 5px; font-size: 12px; }
    .footer-lower-lfbox span:before { display: none; }
    .footer-lower-rgbox { font-size: 12px; flex-grow: 1; text-align: center; width: 100%; }
    .footer-top .account span { font-size: 13px; }

    /* domestic_06 */
    .header-sub-wrap { height: 88px; justify-content: flex-start; }
    .header-sub { height: 36px; }
    .header-sub > ul > .sub-depth1 { display: none; }
    .sub-depth-title { font-size: 12px; }
    .contents-wrap { padding-top: 0px; }
    .txt-wrap.top, .contents-wrap.client04 .txt-wrap { padding: 115px 0 20px 0; }
    .line-tab-wrap { margin-bottom: 20px; }
    .line-tab.car li { min-width: 33%; }
    .line-tab.car li a { padding: 10px 0; }
    .txt-wrap-xs { padding: 5px 0; margin-left: 10px; }
    .txt-wrap-xs p { font-size: 16px; }
    .txt { margin-left: 10px; }
    .txt span { font-size: 13px; }
    .slide-menu-wrap.facility.car-cate { height: auto; margin-top: 30px; }
    .slide-menu-wrap.car-cate li { flex-basis: 33%; }
    .slide-menu-wrap.facility li a { font-size: 12px; padding: 10px 10px; }
    .slide-menu-wrap.facility { margin-top: 50px; margin-bottom: 20px; }
    .search-box .input-box-text { height: 45px; font-size: 13px; }
    .search-box .search-slt { font-size: 13px; }
    .search-box a .input-magni { line-height: 15px; }
    table th, td { padding: 10px 5px; font-size: 12px; }
    colgroup col:nth-child(1) { width: 36% !important; }
    .col3t colgroup col:nth-child(1) { width: 80% !important; }
    .table-col.mg-bt-100 { margin-bottom: 40px; }
    .contents-wrap.fare .input-box-text.login { height: 40px; }
    .contents-wrap.fare .search-box a { right: 5px; top: 15px; }
    .contents-wrap.fare .txt-wrap-xs, .contents-wrap.fare .txt { margin-left: 0; }

    /* client_01 */
    .contents-wrap.client01 .contents-box, .contents-wrap.client02 .contents-box, .contents-wrap.client02-2 .contents-box, .contents-wrap.client03 .contents-box, .contents-wrap.fare .contents-box { padding: 0 20px; }
    .txt-wrap.title.login { margin-bottom: 0px !important; }
    .contents-wrap.client01 .slide-menu { padding: 0; }
    .slide-menu-wrap.faq li { flex-basis: 20%; }
    .slide-menu-wrap.faq li a { padding: 10px 10px; }
    .slide-menu-wrap.faq { height: auto; }
    .board li div { padding: 15px 10px; }
    .board-title { font-size: 13px; padding: 15px 10px !important; }
    .board-title .c-ac { font-size: 13px; }
    .board-content span { font-size: 13px; }
    .board-wrap { margin-bottom: 40px !important; }

    /* client_02 */
    .notice-details { font-size: 13px; padding: 30px 10px; }
    .btn-wrap { padding: 0; }
    .btn-wrap .btn-box-m { font-size: 13px; line-height: 40px; }
    .notice-board { margin-bottom: 10px !important; }
    .paging-wrap { width: 100%; margin-bottom: 30px !important; }
    .contents-wrap.client02 .contents-box .board-title,
    .contents-wrap.client02-2 .contents-box .board-title, .contents-wrap.client03 .board-title { padding: 15px 0 !important; font-size: 14px; }
    .contents-wrap.client02 .contents-box .notice-details, .contents-wrap.client03 .notice-details { padding: 30px 0; font-size: 14px; }

    /* client_03 */
    .card-item-list.event { margin-bottom: 40px; margin-top: 40px; }
    .event-title strong { font-size: 16px; }
    .contents-wrap.client03 .slide-item .item-row { padding: 15px 0; }

    /* client_04 */
    .contents-wrap.client04 .contents-box, .contents-wrap.domstc02 .contents-box, .contents-wrap.cruise .contents-box { padding: 0 20px; }
    .contents-wrap.client04 .board-title { padding: 15px 0 !important; }

    /* domestic_01 */
    .line-tab li { flex-grow: 1; font-size: 12px; padding: 10px 0; min-width: 75px; }
    .swiper.mySwiper2.facility { height: 250px; }
    .swiper-button-next.facility, .swiper-button-prev.facility { display: none; }
    .mySwiper2.facility .swiper-slide>img, .mySwiper.facility .swiper-slide>img { border-radius: 10px; }
    .swiper.mySwiper.facility { height: 90px; }
    .out-window.facility .col1 { margin-left: 0; font-size: 13px; padding: 3px 0; }
    .out-window.facility .col2 { font-size: 13px; }
    .facility .txt-wrap-xs { padding: 0 0 5px 0; }
    .facility-wrap { margin-bottom: 0 !important; }
    .slide-item.facility { margin-bottom: 30px; }
    .slide-item.facility .item-top { height: 100%; }
    .slide-item.facility .item-row { padding: 15px; }
    .row-box .seat-name .title-mid { font-size: 16px; }
    .slide-item.facility .item-row .row-box p { font-size: 13px; }
    .swiper.room .swiper-slide img { width: 100%; }
    .card-item-list.mg-bt-100 { margin-bottom: 40px; }
    .contents-wrap.domstc01 .contents-box, .contents-wrap.domstc04 .contents-box, .contents-wrap.domstc05 .contents-box { padding: 0 20px; }
    .contents-wrap.domstc01 .ship-unit { height: 50px; padding: 0 10px; }
    .contents-wrap.domstc01 .ship-unit .ship-time { flex-basis: 63%; }
    .contents-wrap.domstc01 .ship-unit span, .contents-wrap.domstc01 .ship-unit p { font-size: 13px; }
    .contents-wrap.domstc01 .ship-list { margin-top: 13px; }
    .contents-wrap.domstc01 .slide-item.reserv.facility { flex-basis: 100%; height: 155px; }
    .contents-wrap.domstc01 .txt-wrap-xs { margin-left: 0; }
    .contents-wrap.domstc01 .slide-item:last-child { padding-right: 0; }
    .contents-wrap.domstc01 .facility-slide { margin-bottom: 10px; }

    /* domestic_02 */
    .contents-wrap.domstc02 .slide-menu li { flex-basis: 32%; }
    .contents-wrap.domstc02 .txt-wrap-xs { margin-left: 0; }
    .contents-wrap.domstc02 #fac2 .txt-wrap-xs { padding: 0 0 10px 0; }
    .contents-wrap.domstc02 #fac2 .txt-wrap-xs:first-child { margin-top: 18px; }
    .contents-wrap.domstc02 .bdg-icon { width: 80px; height: 80px; background-size: 80px; flex-shrink: 0; }
    .contents-wrap.domstc02 .c-mint.fs20 { font-size: 16px; }
    .contents-wrap.domstc02 .flex-col { flex-basis: 100%; }

    /* domestic_04 */
    .map { min-width: unset; }
    .map-text { margin-top: 25px; flex-basis: 100%; min-width: unset; }
    .map-text .col1 { font-size: 13px; }
    .map-text .col2, .map-text .flex.col2 { font-size: 13px; flex-basis: 75%; flex-wrap: wrap; }
    .map-text .col2 .md-18 { font-size: 13px; }
    .start { align-items: flex-start; }
    .normal-content.location { padding: 30px 0; }
    .contents-wrap.domstc04 .contents-box .txt-wrap-xs { margin-left: 0; }
    .contents-wrap.domstc04 .map-text .c-dblue { font-size: 13px; }
    .contents-wrap.domstc04 .map-text .c-dblue.fs20 { font-size: 17px; }
    .contents-wrap.domstc04 .map-text > .flex > .col1 { flex-basis: 73px; }
    .contents-wrap.domstc04 .map-text > .flex { align-items: flex-start; }

    /* domestic_05 */
    .mg-bt-25.pet p { font-size: 13px; margin: 0 10px; }
    .card-item-list.mg-bt-50.facility.pet { margin-bottom: 0; }
    .txt-wrap-xs.pet { margin-bottom: 10px; }
    .contents-wrap.domstc05 .pet-box > .flex { flex-basis: 50%; }

    /* reserv_00 */
    .contents-wrap.reserv00 { position: fixed; z-index: 14; width: 100%; top: 55px; }
    .contents-wrap.reserv00 .contents-box { border-radius: 0 0 15px 15px; padding: 0; height: 100vh; }
    .reserv00 .reserv-box.room { padding: 0; background-color: #f9f9f9; }
    .reserv00 .reserv-box.room .reserv-inner { background-color: #3d96ff; border-radius: 0 0 30px 30px; padding: 20px; }
    .reserv00 .reserv-box.room .btn-wrap { padding: 0; margin: 0; }
    .reserv00 .reserv-box.room .btn-wrap > button { padding: 7px; background-color: transparent; }
    .reserv00 .reserv-box.room .btn-wrap > .btn-box-m { background-color: #3d96ff; line-height: 30px; }
    .reserv00 .reserv-box.room .btn-wrap > button:first-child { padding-left: 0; }
    .reserv00 .reserv-box.room .btn-wrap .btn-box-xs.active span { color: #fff; }
    .reserv00 .reserv-box.room .btn-wrap .btn-box-xs { color: #0071F5; }
    .reserv00 .reserv-box.room .place-pick-wrap { flex-basis: 49%; margin-right: 0; padding-right: 0; }
    .reserv00 .reserv-box.room .btn-line span { font-size: 20px; }
    .reserv00 .reserv-box.room .round.btn-round-white:before, .round.btn-oneway-white:before { width: 22px; height: 22px; background-size: 22px; left: 0; }
    .reserv00 .reserv-box.room .round.btn-round-white, .reserv00 .reserv-box.room .round.btn-oneway-white { width: 22px; margin: 0 10px; height: auto; }
    .reserv00 .reserv-box.room .date-pick-wrap { flex-basis: 49%; line-height: 50px !important; height: 50px !important; }
    .reserv00 .reserv-box.room .date-pick-wrap i { color: #0071F5; }
    .reserv00 .reserv-box.room .date-pick input { font-size: 16px; }
    .reserv00 .reserv-box.room .btn-box-m { width: 100%; padding: 10px 0; height: 40px; background-color: #222; margin-bottom: 0; }
    .reserv00 .reserv-box.room .btn-box-m > a > span { font-size: 13px; }
    .reserv00 .reserv-box.room .reserv-tab { padding: 0; flex-wrap: wrap; margin-bottom: 0; }
    .reserv00 .reserv-tab .multiple-1 { padding: 0; margin-bottom: 0; }
    .reserv00 #multiple .multiple-1 .place-pick-wrap { flex-basis: 49%; border-bottom: solid 1px #0071F5; padding-right: 0; }
    .reserv00 #multiple .multiple-1 .date-pick-wrap { border-bottom: solid 1px #0071F5; }
    .reserv00 .txt-wrap { display: none; }

    .reserv00 .reserv-box.room .title-mid { margin-left: 20px; font-size: 15px; }
    .reserv00 .reserv-box.room .swiper-button-prev.arrow-1, .reserv00 .reserv-box.room .swiper-button-prev.arrow-2 { width: 30px; height: 30px; left: 20px; top: 19px; background-size: 15px; }
    .reserv00 .reserv-box.room .swiper-button-next.arrow-1, .reserv00 .reserv-box.room .swiper-button-next.arrow-2 { width: 30px; height: 30px; right: 20px; top: 19px; background-size: 15px; }
    .reserv00 .reserv-box.room .date-slide-wrap { height: 25px; padding: 0 50px; margin-top: 10px; }
    .reserv00 .reserv-box.room .date-slide-wrap .date-unit { font-size: 13px; }
    .reserv00 .reserv-box.room .ship-list { padding: 0 20px; }
    .reserv00 .reserv-box.room .ship-unit { height: 50px; box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1); }
    .reserv00 .reserv-box.room .ship-unit > div { padding-left: 10px; }
    .reserv00 .reserv-box.room .ship-time { font-size: 14px; flex-basis: 45%; }
    .reserv00 .reserv-box.room .ship-name { font-size: 14px; flex-basis: fit-content; }
    .reserv00 .reserv-box.room .btn-wrap { padding: 20px; }
    .reserv00 .reserv-box.room .btn-wrap button { margin-right: 0; border-radius: 30px; }
    .reserv00 .reserv-box.room .reserv-inner .btn-wrap { padding: 0; }

    /* reserv_01 */
    .mobile-reserv-sticky { display: flex; top: 0; }
    .mobile-wrap { top: 0; }
    #top-reserv .contents-box.boat { height: 100%; }
    #top-reserv > div.contents-box.boat { background-color: #f5f5f5; padding-top: 0; }
    #top-reserv .stage { top: -40px; }
    #top-reserv .stage > div > a { font-size: 13px; }
    #top-reserv .reserv-box.reserv.room .res-close { position: absolute; right: 20px; top: 20px; }
    #top-reserv .reserv-box.reserv.room { display: none; }

    .contents-wrap.horizon { padding-top: 25px; padding-bottom: 1px; }
    .contents-wrap.horizon .room-area-wrap { margin-top: 135px; flex-wrap: wrap; margin-bottom: 0; }
    .contents-wrap.horizon .room-area { width: 100%; margin-bottom: 30px; }
    .contents-wrap.horizon .title-mid { font-size: 14px; margin-bottom: 0; }
    .contents-wrap.horizon .title-mid .fs18 { font-size: 14px; }
    .contents-wrap.horizon .window-box .txt-wrap-xs.input { padding: 0; margin-left: 0; }
    .contents-wrap.horizon .date-slide-wrap.reserv01 { margin-bottom: 0; }
    .contents-wrap.horizon .swiper-slide.date-unit { font-size: 13px; }

    .top-title { margin-top: 120px; }
    .txt-wrap.title.boat { padding: 20px 0; }
    .btn-wrap .btn-txt { font-size: 13px; }
    .reserv-box.reserv .date-select { flex-wrap: wrap; flex-direction: column; }
    .reserv-box.reserv .date-select .btn-line.depart, .reserv-box.reserv .date-select .btn-line.arrive { font-size: 22px; }
    .reserv-box.room .round.btn-round-white:before { left: 7px; width: 30px; height: 30px; bottom: 10px; background-size: 30px; }
    .title-long-wrap.room { margin-top: 0; border-radius: 0; padding: 17px 10px; }
    .title-long-wrap.room span { font-size: 13px; }
    .card-item-list.reserv.room { margin-top: 0; }
    .card-item-list.reserv.room .room-person { width: 100%; }
    .card-item-list.reserv.room .car-info strong { font-size: 15px; margin-right: 20px; }
    .card-list.horizon { flex-direction: column; }
    .card-list.horizon .slide-item.reserv { min-width: 100%; }
    .card-list.horizon .room-area-wrap.horizon { padding-top: 120px; margin-bottom: 0; }
    .card-list.horizon .slide-item { margin-bottom: 10px; flex-basis: 48% !important; padding-right: 0; }
    .card-list.horizon .slide-item > a { display: block; flex-direction: column; flex-wrap: wrap; }
    .card-list.horizon .item-top { height: 150px; }
    .card-list.horizon .item-row { flex-direction: row; height: fit-content; padding: 15px 20px; }
    .card-list.horizon .row-box { padding: 0; }
    .card-list.horizon .row-box1 { flex-basis: 55%; flex-direction: row; border-right: none; justify-content: flex-start; }
    .card-list.horizon .row-box1 .seat-name strong { font-size: 15px; }
    .card-list.horizon .price strong { font-size: 16px; }
    .card-list.horizon .row-box1 .seat-num span { font-size: 13px; }
    .card-list.horizon .reserv-select { flex-basis: 45%; overflow: hidden; }
    .card-list.horizon .reserv-select .person-num { font-size: 13px; text-decoration: underline; color: #3D96FF; margin-bottom: 5px; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; height: 15px; white-space: nowrap; width: 100%; text-align: right; }
    .card-list.horizon .reserv-select .modify-btn { justify-content: flex-end; }
    .card-list.horizon .reserv-select .modify-btn button { padding: 7px 14px; font-size: 11px; }
    .card-list.horizon .reserv-btn { right: 20px; top: 0; }

    .card-list.horizon .window-box.person .txt-wrap-xs { margin-left: 0; }
    .card-list.horizon .window-box.person .number-select-ul li { flex-basis: 100%; margin-right: 0; }
    .bg-fill { display: block; position: absolute; background-color: rgba(0, 0, 0, 0.7); z-index: 20; height: 100%; width: 100%; }
    .card-list.horizon .window-box.car .btn-line span { font-size: 16px; }
    .card-list.horizon .place-pick-wrap.car .car-search { width: 40%; }
    .card-list.horizon .place-pick-wrap.car .input-wrap.car { width: 40%; }
    .card-list.horizon .place-pick-wrap.car .input-unit { width: 100%; font-size: 16px; height: 42px; }
    .card-list.horizon .place-pick-wrap.car .car-bottom { margin-top: 20px; }
    .card-list.horizon .car-bottom .car-sum { font-size: 16px; }

    .price-bar { padding: 0 20px; }
    .price-bar .label { margin-left: 10px; }
    .price-bar .label span { font-size: 12px; }
    .price-bar .btn-result { margin-right: 10px; }
    .price-bar .btn-result .result-txt { font-size: 17px; }
    .price-bar .btn-result .mg-lt-5 { margin-left: 2px; font-size: 12px; }
    .price-bar .btn-box-m { font-size: 13px; width: 130px; line-height: 50px; border-radius: 0; }
    .price-bar .result-btn-wrap .result-btn { display: none; }
    .price-bar .detail-btn > span { font-size: 13px; }
    .price-bar .detail-btn > span > i { font-size: 11px; }
    .price-inner { width: 320px; }
    .price-inner .inner-title > span { font-size: 13px; }
    .price-inner > div > span { font-size: 13px; }

    .window-box.car .blue-check-box { padding: 0; }
    .window-box.car .blue-check-box .blue-check-label span { font-size: 13px; }
    .window-box.car .car-info-box { margin-top: 10px; }
    .window-box.car .car-info-box .mg-lt-10 { margin-left: 0; margin-top: 20px; }
    .window-box.car { margin-top: 0; background-color: #fff; padding: 20px; }
    .window-box.car .txt-wrap-xs { padding: 20px 0; margin-left: 10px; }
    .window-box.car .txt-wrap-xs p { margin-left: 0; }
    .place-pick-wrap.car { width: 100%; padding-top: 0; gap: 1%; }
    .place-pick-wrap.car button { font-size: 13px; }
    .window-box.car .round-trip-check { flex-direction: column; align-items: flex-start; margin-right: 0; }
    .window-box.car .round-trip-check span { line-height: 1.4; font-size: 13px; }
    .btn-wrap.car { padding: 20px 0 0 0; }
    .btn-wrap.car button { font-size: 12px; height: 35px; padding: 0 10px; width: 50%; }
    .btn-wrap.car button.btn-box-s.mg-rt-20 { margin-right: 0; }
    .contents-wrap.horizon .btn-wrap .btn-box-m { line-height: 40px; }

    /* reserv_02 */
    .contents-box.ticket-breakdown { padding-bottom: 50px; }
    .contents-box.ticket-breakdown .txt-wrap { padding: 80px 0 8px; }
    .contents-box.ticket-breakdown .txt-wrap.title-2 { padding-top: 30px; }
    .contents-box.ticket-breakdown .blue-check-box { margin-bottom: 25px; }
    .blue-check-label span { font-size: 14px; }
    .blue-check-label::before { width: 19px; height: 19px; }

    .ticket-breakdown-col { flex-basis: 100%; min-width: unset; margin-right: 20px; }
    .window-box { border-radius: 10px; }
    .window-box.ticket-breakdown { padding: 13px; }
    .ticket-breakdown .input-group.ticket-breakdown:nth-child(2) { flex: 1.4; }
    .input-group.ticket-breakdown .input-label span { line-height: 1.4; font-size: 12px; font-weight: 600; }
    .input-group.ticket-breakdown .input-label p { font-size: 12px; font-weight: 600; }
    .input-group.ticket-breakdown .fs22 { font-size: 18px; font-weight: 600; }
    .ticket-breakdown .title-long-wrap { padding: 20px; border-radius: 7px; }
    .ticket-breakdown .title-long-wrap p { align-items: flex-start; }
    .ticket-breakdown .title-long-wrap span { font-size: 13px; }
    .ticket-breakdown .title-long-wrap .material-icons { font-size: 13px; margin-right: 3px; }
    .ticket-breakdown .title-long-wrap .mg-rt-20 { margin-right: 7px; }
    .ticket-breakdown .btn-box-m { border-radius: 7px; }
    .txt-wrap.ticket-breakdown .notice { padding: 5px; font-size: 12px; margin-left: 5px; }
    .txt-wrap.ticket-breakdown .ticket-breakdown { padding: 0; }
    .ticket-breakdown .fs14 { font-size: 12px; margin-top: 5px; }
    .ticket-breakdown .window-box { padding: 15px 0 0; }
    .ticket-breakdown .window-box .txt-wrap-xs.input { padding: 0; }
    .ticket-breakdown .txt-wrap-xs.input { flex-wrap: wrap; margin-left: 20px; }
    .txt-wrap-xs.input .title-s.person { font-size: 13px; flex-basis: 100%; }
    .txt-wrap-xs.input .title-s.person:before { height: 13px; bottom: 5px; left: -17px; }
    .txt-wrap-xs.input .c-dblue { display: none; }
    .window-box.info .input-group { flex-basis: 32%; margin: 5px 0; }
    .window-box.info .input-label { font-size: 12px; }
    .window-box.info .input-text { height: 40px; font-size: 16px; }
    .window-box.info .txt-wrap-bg { margin-bottom: 10px; }
    .out-window.info { flex-wrap: wrap; gap: 3%; flex-direction: column; }
    .out-window.info .col1 { flex-basis: 33%; padding: 5px 0; }
    .out-window.info .col1 .title-s { font-size: 14px; }
    .out-window.info .col2 { flex-basis: 64%; padding-right: 20px; }
    .title-s.person { font-size: 13px; margin-left: 22px; }
    .title-s.person:before { height: 13px; bottom: 0; }
    .input-group-wrap.info .input-label { font-size: 12px; margin-bottom: 0; }
    .input-group-wrap.info .input-text { height: 40px; font-size: 16px; }
    .input-group-wrap.info .input-group { flex-basis: 49%; margin: 5px 0; }
    .info.mg-bt-50 { margin-bottom: 20px; }
    .ticket-breakdown .info-t { padding: 0 20px 0 0; flex-wrap: wrap; margin: 10px 0 10px 0; font-size: 13px; }
    .contents-box.ticket-breakdown .go-list-title p,
    .contents-box.ticket-breakdown .return-list-title p { height: 10px; }
    .contents-box.ticket-breakdown .go-list-title > div:first-child,
    .contents-box.ticket-breakdown .return-list-title > div:first-child { flex-basis: 86%; flex-wrap: wrap; }
    .contents-box.ticket-breakdown .go-list-title > div:last-child,
    .contents-box.ticket-breakdown .return-list-title > div:last-child { flex-basis: 15px; }
    .contents-box.ticket-breakdown .go-list-title .fs18 { font-size: 15px; }
    .contents-box.ticket-breakdown .return-list-title .fs18 { font-size: 15px; }
    .contents-box.ticket-breakdown .bt-ddd { margin-right: 20px; margin-bottom: 10px; }
    .ticket-breakdown .info-t p .md-18 { font-size: 15px; }
    .chg-list { left: 33px; }

    /* reserv_03 */
    .contents-wrap.payment .txt-wrap { padding-top: 80px; }
    .ticket-breakdown .txt-wrap-xs { margin-left: 0; padding-top: 20px; }
    .ticket-breakdown.flex-end { padding: 0; text-align: center; }
    .ticket-breakdown.flex-end span { font-size: 13px; }
    .ticket-breakdown .info-i { font-size: 13px; color: #666; }
    .ticket-breakdown-col.payment { margin-top: 20px; }
    .ticket-breakdown.btn-wrap { padding: 0 0 30px; margin: 25px 20px 0 0; }
    .ticket-breakdown.btn-wrap .btn-box-m { width: 140px; }
    .ticket-breakdown.window-box .fare-sum { font-size: 13px; }
    .ticket-breakdown .title-long-wrap span { line-height: 1.4; }
    .ticket-breakdown .title-long-wrap div p.mg-rt-20:last-child { margin-right: 0; }
    .ticket-breakdown .out-window.payment .col1 { padding: 3px 0; }
    .ticket-breakdown .out-window.payment.mg-top-30 { margin-top: 7px; }
    .ticket-breakdown-col .title-long-wrap.car { margin-top: 5px; }
    .contents-wrap.payment .ticket-breakdown.btn-wrap { margin-right: 20px; }
    .contents-wrap.payment .ticket-breakdown.btn-wrap .btn-box-m,
    .contents-wrap.client02 .btn-box-m, .contents-wrap.client03 .btn-box-m { line-height: 40px; }
    .contents-wrap.client03 .card-list .slide-item { margin-right: 0; flex-basis: 100%; }
    .contents-wrap.client03 .card-list .slide-item:last-child { padding-right: 0; }

    /* reserv_04 */
    .title.login p { margin-left: 0; }
    .input-box-text.login { height: 50px; }
    .btn-box-m.login { line-height: 50px; }
    .content-id .txt-wrap.top { padding: 115px 0 0 0; }

    /* reserv_05 */
    .contents-box.myreserv { padding: 0 20px; }
    .flex-list { flex-direction: column; }
    .reserv-list .flex-list { padding: 0; }
    .flex-list>div { width: 100%; flex-basis: 100%; }
    .reserv-list .flex-list .col3 { flex-direction: row; padding: 0; align-items: flex-start; padding: 0; }
    .reserv-list .col1 { padding: 20px 0 0; }
    .reserv-list .col2, .reserv-list .col3 { padding: 15px 0px 9px; }
    .reserv-list .col2 { flex-wrap: wrap; }
    .reserv-list .col2 .ticket-info { flex-wrap: wrap; }
    .reserv-list .col2 .ticket-info.mg-top-10 { margin-top: 8px; }
    .reserv-list .col2 .ticket-info span { height: 12px; line-height: 1; font-size: 13px; padding-right: 7px; margin-right: 7px; margin-bottom: 5px; }
    .reserv-list .col2 .ticket-info span:last-child { padding-right: 0; margin-right: 0; }
    .reserv-list .flex-col { min-width: 170px; }
    .flex-list .col4 { display: none; }

    /* reserv_06 */
    .header-sub-wrap.reserv06, .header-sub-wrap.reserv07, .header-sub-wrap.reserv08, .header-sub-wrap.client04 { height: 93px; }
    .contents-wrap.reserv-detail .txt-wrap.top,
    .contents-wrap.reserv07 .txt-wrap.top { padding: 115px 0 0 0; }
    .reserv-detail .pass-detail-title { margin-top: 10px; }
    .reserv-detail .pass-detail-title .col1 { padding: 0; flex-basis: unset; }
    .reserv-detail .pass-detail .col1 { padding: 3px 0; }
    .reserv-detail .ticket-breakdown.history { margin-right: 20px; }
    .reserv-detail .total-txt { margin-right: 20px; }
    .reserv-detail .ticket-breakdown.history .flex-list { flex-direction: row; padding: 15px 0 11px; }
    .reserv-detail .flex-list .col2, .reserv-detail .flex-list .col1 { padding: 0; }
    .reserv-detail .flex-list .col2 .mg-top-7 { margin-top: 0; }
    .contents-wrap.reserv-detail .btn-wrap .btn-box-m, .contents-wrap.client04 .btn-box-m { line-height: 40px; }
    .modal-bg .btn-wrap { gap: 2%; }

    /* reserv_07 */
    .contents-wrap.reserv07 .contents-box, .contents-wrap.crs03 .contents-box, .contents-wrap.terms01 .contents-box { padding: 0 20px; }
    .contents-wrap.reserv07 .txt-wrap-xs { margin-left: 0; }
    .contents-wrap.reserv07 .table-col td { font-size: 13px; }
    .contents-wrap.reserv07 .table-col colgroup col:nth-child(1) { width: unset !important; }

    /* reserv_08 board */
    .table-head { display: none; }
    .change-board-title { font-weight: 400; font-size: 15px; }
    .change-board-unit div { flex-basis: unset; margin-right: 10px; margin-top: 10px; font-size: 13px; }
    .contents-wrap.chg .txt-wrap { padding: 115px 0 20px 0; }
    .contents-wrap.chg .contents-box { padding: 0 20px; }
    .contents-wrap.chg .btn-wrap .btn-box-m { line-height: 45px; }
    .contents-wrap.chg .board.notice-board { margin-bottom: 0 !important; }
    .contents-wrap.chg .board.notice-board .board-title { padding: 10px 0 !important; }
    .contents-wrap.chg .reply-title { font-size: 14px; }
    .contents-wrap.chg .reply-txt span { font-size: 14px; }

    .contents-wrap.writing .notice-board > li { padding: 0; }
    .contents-wrap.writing .board-title-txt,
    .contents-wrap.writing .board-title .input-text > span { font-size: 14px; }
    .contents-wrap.writing .btn-wrap { gap: 1%; }

    /* reserv_11 */
    .contents-wrap.account-dep .contents-box,
    .contents-wrap.card .contents-box { padding: 0 20px; width: 50%; }
    .contents-wrap.account-dep .txt-wrap, .contents-wrap.card .txt-wrap { padding: 80px 0 40px 0; }
    .contents-wrap.account-dep .btn-wrap .btn-box-m,
    .contents-wrap.card .btn-wrap .btn-box-m { line-height: 40px; }
    .compl-wrap { width: 100%; margin-bottom: 70px; }
    .compl-wrap .compl-top { font-size: 16px; }
    .compl-wrap .compl-mid { font-size: 14px; }
    .compl-wrap .compl-bott p { font-size: 14px; }
    .contents-wrap.card .compl-wrap .compl-top { margin-bottom: 20px; }

    /* japan_03 */
    .contents-wrap.japan03 .txt-wrap-xs { margin-left: 0; }

    /* cruise_01 */
    .contents-wrap.crs01 .contents-box .slide-item.event { flex-basis: 100%; }

    /* cruise_02 */
    .contents-wrap.cruise .txt-wrap-xs { margin-left: 0; }
    .contents-wrap.cruise .bt-ddd { margin-top: 50px; }

    /* cruise_03 */
    .contents-wrap.crs03 .txt-wrap-xs.input { margin-left: 0; }
    .contents-wrap.crs03 .ticket-breakdown-col { margin-right: 0; }
    .contents-wrap.crs03 .txt-wrap-xs.input { padding: 20px 0 10px; }
    .contents-wrap.crs03 .window-box.input.info { padding: 20px; }
    .contents-wrap.crs03 .go-list.open { padding: 5px 0 60px; }
    .contents-wrap.crs03 .bt-ddd { margin-right: 0; margin-bottom: 20px; }
    .contents-wrap.crs03 .out-window.info .col2 { padding-right: 0; }
    .contents-wrap.crs03 .out-window.input.info { flex-direction: column; }
    .contents-wrap.crs03 .col2 .input-group-wrap.info .input-group { flex-basis: 49%; }
    .contents-wrap.crs03 .window-box.info .input-group { flex-basis: 49%; }

    /* cruise_04 */
    .contents-wrap.crs04 .notice { font-size: 13px; }
    .contents-wrap.crs04 .txt-wrap-xs { padding: 10px 0; }

    /* cruise_09 */

    .contents-wrap.crs09 .txt-wrap { margin-bottom: 20px; }

    /* terms_01 */
    .contents-wrap.terms01 .contents-box .board-title { padding: 15px 0 !important; }
    .contents-wrap.terms01 .contents-box .notice-details { padding: 30px 0; }
    .company-img { background-position: center; background-size: cover; height: 200px; }
}
@media screen and (max-width: 767px) {
    .mobile-h-7 { display: none !important; }
    .pc-hide { display: inline-block; }

    /* main */
    .main-wrap .reserv-wrap { bottom: -36px; }
    .contents-box.btn { padding: 50px 20px 10px 20px; }

    .main-wrap .reserv-tab.reserv-tab-menu { flex-wrap: wrap; }
    .main-wrap .reserv-inner .btn-wrap { padding: 11px 0 5px 13px; }
    .main-wrap .reserv-tab .place-pick-wrap { width: 100%; padding-right: 0; }
    .main-wrap .reserv-tab .place-pick-wrap > button { padding: 5px 0; }
    .main-wrap .reserv-tab .place-pick-wrap .btn-line span { font-size: 18px; }
    .main-wrap .reserv-tab .date-pick-wrap { width: 100%; margin-bottom: 5px; border-top: solid 1px #eee; margin-top: 3px; }
    .main-wrap .reserv-tab .date-pick-wrap button > i { font-size: 16px; }
    .main-wrap .reserv-tab .date-pick-wrap .btn-line input { font-size: 14px; padding: 10px 0; }
    #multiple .place-pick-wrap { width: 100%; padding-right: 0; height: 25px; }
    #multiple .date-pick-wrap { width: 100%; height: 33px !important; border-top: none; margin: 3px 0 5px 0; }
    #multiple .reserv-tab.multiple-1 .place-pick-wrap { width: 100%; border-bottom: none; height: 25px; }
    #multiple .reserv-tab.multiple-1 .date-pick-wrap { height: 33px !important; width: 100%; border-top: none; margin: 5px 0; }
    .modal-wrap.round, .modal-wrap.come, .reserv-box.room .modal-wrap.one, .reserv-box.room .modal-wrap.come-one,
    #multiple .modal-wrap.mul1, #multiple .modal-wrap.come-mul1, .main-wrap .modal-wrap.mul1, .main-wrap .modal-wrap.come-mul1, .main-wrap .modal-wrap.mul2, .main-wrap .modal-wrap.come-mul2, .reserv-box.reserv.room .modal-wrap.mul2, .reserv-box.reserv.room .modal-wrap.come-mul2 { top: 33px !important; }

    .modal-wrap .close { padding: 10px 20px; }
    .modal-wrap .close .go { font-size: 14px; }
    .modal-list li { font-size: 13px; flex-basis: calc(100% / 2); }
    .modal-list li a { border-right: none; }

    .contents-box.btn .main-btn { align-items: flex-start; }
    .contents-box.btn .main-btn > div > a { width: 53px; height: 53px; min-width: 53px; }
    .contents-box.btn .main-btn-img { line-height: 53px; }
    .contents-box.btn .main-btn-img img { width: 36px; }
    .contents-box.btn .main-btn > div > a > p { font-size: 12px; margin-top: 8px; }
    .toursafe { height: 113px; }

    .depth-slide .txt-wrap .title-big2 { font-size: 16px; }
    .depth-slide .txt-wrap .title-semi { font-size: 13px; }
    .depth-slide.swiper-slide { width: 171px !important; height: 127px; margin-right: 15px; }
    .depth-slide.swiper-wrapper { padding: 7px 0; }

    #notice .notice-wrap ul li { width: 31%; min-width: 230px; }
    #notice .notice-wrap ul li:last-child { width: 50px; }

    #event .card-list .slide-item { margin-right: 15px; }
    #event .slide-item .item-row p { font-size: 14px; }

    footer .footer-top-box { justify-content: flex-end; }
    footer .footer-top-box .account-box .mg-bt-7 { font-size: 12px; }
    footer .mobile-foot { display: block; }

    /* reserv_00 */
    .reserv00 .reserv-box.room .date-slide-wrap { padding: 8px 50px; height: 30px; margin-bottom: 10px; border-bottom: solid 1px #ddd; overflow-y: hidden; }
    .reserv00 .reserv-box.room .date-swiper-1,
    .reserv00 .reserv-box.room .date-swiper-2 { padding: 0 0 10px 0; overflow-x: scroll; height: 25px; }
    .reserv00 .reserv-box.room .date-swiper-1::-webkit-scrollbar,
    .reserv00 .reserv-box.room .date-swiper-2::-webkit-scrollbar { display: none; }
    .reserv00 .reserv-box.room .date-unit:first-child { padding-left: 0; }
    .reserv00 .reserv-box.room .date-unit.swiper-slide-active { color: #3D96FF !important; border: none; background-color: transparent; }
    .reserv00 .reserv-box.room .date-slide-wrap .date-unit { padding: 0; font-size: 12px; color: #333; }
    .reserv00 .reserv-box.room .swiper-button-prev.arrow-1,
    .reserv00 .reserv-box.room .swiper-button-next.arrow-1,
    .reserv00 .reserv-box.room .swiper-button-prev.arrow-2,
    .reserv00 .reserv-box.room .swiper-button-next.arrow-2 { box-shadow: none; top: 21px; background-color: transparent; }
    .reserv00 .reserv-box.room .swiper-button-prev.arrow-1,
    .reserv00 .reserv-box.room .swiper-button-prev.arrow-2 { left: 13px; }
    .reserv00 .reserv-box.room .swiper-button-next.arrow-1,
    .reserv00 .reserv-box.room .swiper-button-next.arrow-2 { right: 12px; }

    .reserv00 .reserv-box.room .reserv-inner .btn-wrap { margin-bottom: 5px; }
    .reserv00 .reserv-box.room .reserv-tab { flex-wrap: wrap; }
    .reserv00 .reserv-box.room .btn-line { padding-bottom: 2px; padding: 0; }
    .reserv00 .reserv-box.room .btn-line span { font-size: 18px; }
    .reserv00 .reserv-box.room .date-pick-wrap { flex-basis: 100%; margin-bottom: 5px; line-height: 40px !important; height: 40px !important; border-top: solid 1px #0071F5; margin-top: 10px; }
    .reserv00 .reserv-box.room .place-pick-wrap { flex-basis: 100%; margin-top: 5px; }
    .reserv00 .reserv-box.room .date-pick-wrap i { font-size: 20px; }
    .reserv00 .reserv-box.room .date-pick input { font-size: 14px; padding: 10px 0; }
    .reserv00 .reserv-box.room .ship-unit > div { padding-left: 7px; }
    .reserv00 .reserv-box.room .ship-unit .ship-time span { margin-right: 5px; }
    .reserv00 .reserv-box.room .ship-unit .ship-time span:nth-child(2) { background-image: url(../img/go.svg); width: 18px; height: 15px; }
    .reserv00 .reserv-box.room .ship-unit .ship-time { flex-basis: 180px; }
    .reserv00 #multiple .multiple-1 .place-pick-wrap { flex-basis: 100%; }
    .reserv00 .reserv-box.room .ship-unit .ship-time { flex-basis: 188px; font-size: 13px; padding: 0 3px 0 7px; overflow: hidden; }
    .reserv00 .reserv-box.room .ship-name { padding-left: 7px; min-width: 80px; flex-basis: unset; font-size: 12px; }
    .reserv00 .reserv-box.room .ship-name i { margin-right: 5px; }

    .shipment.end, .shipment.impo, .shipment.po { font-size: 13px; }

    /* reserv_01 */
    .modal-wrap .modal-list li { padding: 4px 0; }

    #top-reserv .stage { display: none; }
    .room-area-wrap.horizon .room-area > .flex { flex-direction: column; }
    .room-area-wrap.horizon .room-area > .flex > .title-mid { width: 100%; }
    .contents-wrap.horizon { padding-top: 5px; }
    .contents-wrap.horizon .swiper-slide.date-unit { font-size: 12px; }
    .contents-wrap.horizon .window-box.input { margin-bottom: 80px; }
    .card-list.horizon .item-row { padding: 15px 20px 11px 20px; }
    .card-list.horizon .row-box1 { flex-wrap: wrap; flex-basis: 100%; }
    .card-list.horizon .row-box1 > div { width: fit-content; margin-right: 10px; }
    .card-list.horizon .row-box1 .seat-name { width: 100%; margin-bottom: 3px; }
    .card-list.horizon .row-box1 .seat-name strong { font-size: 14px; }
    .card-list.horizon .reserv-btn i { font-size: 13px; }
    .card-list.horizon .room-area { width: 100%; }
    .card-list.horizon .slide-item { width: unset !important; }

    .card-list.horizon .window-top .room-txt p { margin-bottom: 0; font-size: 12px; }
    .card-list.horizon .window-box.person .number-select-ul li:first-child { padding-bottom: 5px; }
    .card-list.horizon .number-select-ul li .fs13 { font-size: 12px; }
    .card-list.horizon .window-box.person .select-name { flex-basis: 100px; }
    .card-list.horizon .window-box.person .discount { flex-basis: 14%; }
    .card-list.horizon .window-box.person .select-name { flex-basis: 112px; }
    .card-list.horizon .window-box.person .btn-minus,
    .card-list.horizon .window-box.person .btn-plus { width: 18px; height: 18px; line-height: 13px; }
    .card-list.horizon .window-box.person .select-num { flex-basis: 67px; }
    .card-list.horizon .window-box.person .room-photo { margin-right: 10px; }
    .card-list.horizon .window-box.person .mini-note { left: 0; right: auto; }
    .card-list.horizon .window-top .room-photo-modal img { width: 90%; }
    .card-list.horizon .window-top .room-photo-modal span { width: 90%; }
    .card-list.horizon .window-top .room-photo-modal i { font-size: 30px; }

    .contents-wrap.horizon .window-box.info .input-group { flex-basis: 100%; }
    .room-area-wrap.horizon .room-area > .flex .date-slide-wrap.reserv01 { width: 100%; padding: 8px 15px; height: 30px; }
    .room-area-wrap.horizon .date-slide-wrap.reserv01 .date-swiper-1,
    .room-area-wrap.horizon .date-slide-wrap.reserv01 .date-swiper-2 { padding: 0 3px; }
    .room-area-wrap.horizon .date-slide-wrap.reserv01 .swiper-slide-active { color: #3d96ff; }

    .price-bar .btn-box-m { width: 90px; }
    .price-bar .btn-result { margin-right: 10px; }
    .price-bar .mg-lt-20 { margin-left: 10px; }
    .price-bar .mg-lt-20 > span > u { display: none; }

    .card-item-list.reserv.room .car-info strong { margin-right: 0; }
    .card-list.horizon .place-pick-wrap.car { gap: 3%; }
    .card-list.horizon .window-box.car .input-unit { font-size: 15px; height: 35px; padding: 7px 0; }
    .card-list.horizon .window-box.car .btn-line span { font-size: 15px; }
    .card-list.horizon .window-box.car .car-add .fs16 { font-size: 13px; }
    .card-list.horizon .window-box.car .car-add .fs18 { font-size: 16px; }
    .card-list.horizon .window-box.car .blue-check-label::before { width: 18px; height: 18px; line-height: 18px; }
    .card-list.horizon .window-box.car .blue-check-label .car { font-size: 13px; }
    .card-list.horizon .window-box.car .car-sum { font-size: 14px; }
    .card-list.horizon .window-box.car .car-sum .mg-rt-25 { margin-right: 5px; }
    .card-list.horizon .window-box.car .directly-i { align-items: baseline; }

    .input-group.ticket-breakdown .input-label .go-arrow { background-size: 40px; }
    .input-group.ticket-breakdown .input-label > p { display: none; }
    .ticket-breakdown-col .col1-2 { flex-wrap: wrap; padding: 20px 20px 10px; }
    .ticket-breakdown-col .col1-2 > p { margin: 0 6px 8px 0; height: 11px; padding-right: 7px; }

    .go-list-title .mg-rt-20, .return-list-title .mg-rt-20 { margin-right: 10px; margin-bottom: 5px; }
    .go-list-title p, .return-list-title p { margin-bottom: 5px; }
    .ticket-breakdown.btn-wrap .btn-box-m { flex-basis: 49%; }

    .content-id { padding: 0 20px; width: 320px; }
    .content-id .fs14 { font-size: 13px; }
    .content-id .mg-bt-50 { margin-bottom: 30px; }

    .contents-wrap.horizon .modal-bg .input-group div.input-text { flex-basis: 100%; height: 45px; }

    /* reserv_06 */
    .contents-wrap.reserv-detail { padding: 0; }
    .contents-wrap.reserv-detail .contents-box { padding: 0 20px; min-width: unset !important; }
    .contents-wrap.reserv-detail .ticket-breakdown-col { margin-right: 0; }
    .contents-wrap.reserv-detail .pass-detail .col1 { flex-wrap: wrap; }
    .contents-wrap.reserv-detail .pass-detail .col1 span { padding-right: 0; margin-right: 7px; height: 11px; margin-bottom: 8px; line-height: 1; border: none; }
    .contents-wrap.reserv-detail .pass-detail-title { align-items: center; }
    .contents-wrap.reserv-detail .pass-detail-title i { font-size: 12px; }
    .contents-wrap.reserv-detail .total-txt { margin-right: 0; }
    .contents-wrap.reserv-detail .ticket-breakdown.history { margin-right: 0; }
    .contents-wrap.reserv-detail .notice { font-size: 14px; }
    .contents-wrap.reserv-detail .pay-error { text-align: right; }
    .contents-wrap.reserv-detail .pay-error span { align-items: baseline; }
    .contents-wrap.reserv-detail .btn-wrap { margin-top: 20px; }
    .contents-wrap.reserv-detail .btn-wrap .btn-box-m { margin-right: 0; width: 100%; }
    .contents-wrap.reserv-detail .flex-list .col1 { margin-bottom: 10px; }
    .contents-wrap.reserv-detail .reserv-list .col2 .ticket-info span { padding-right: 0; margin-right: 7px; border: none; margin-right: 6px; height: fit-content; line-height: 1.4; }
    .contents-wrap.reserv-detail .ticket-breakdown .window-box { padding: 10px 0 0; }
    .contents-wrap.reserv-detail .ticket-breakdown.history .txt-wrap-xs { padding-top: 0; }
    .contents-wrap.reserv-detail .btn-wrap { margin-top: 40px; gap: 2%; }
    .modal-bg > .modal { width: 100% !important; }
    .modal-bg .input-group { flex-wrap: wrap; gap: 2%; width: 100%; }
    .modal-bg .input-group div.input-text { flex-basis: 49%; height: 70px; }

    /* reserv_07 */
    .contents-wrap.reserv07 .table-col td p.flex { flex-wrap: wrap; }
    .contents-wrap.reserv07 .table-col th { padding: 10px 0; }
    .contents-wrap.reserv07 .table-col td { font-size: 13px; }

    /* reserv_08 */
    .contents-wrap.chg .search-slt { height: 40px; width: 115px; }
    .contents-wrap.chg .search-box .input-box-text { height: 40px; width: 160px; }
    .change-board-title { font-weight: 400; font-size: 13px; }
    .contents-wrap.chg .change-board ul li { padding: 15px 0; }
    .contents-wrap.chg .change-board ul li .c-78 { font-size: 12.9px; }
    .contents-wrap.chg .change-board ul li .xi-long-arrow-right { margin-right: 0; }
    .contents-wrap.chg .change-board ul li .mg-rt-10 { font-size: 13px; margin-right: 5px; }
    .contents-wrap.chg .change-board ul li .xi-lock-o { font-size: 14px; }
    .contents-wrap.chg .btn-wrap .btn-box-m { width: 100%; line-height: 40px; }
    .contents-wrap.chg .txt-wrap.title.mg-bt-50 { margin-bottom: 10px; }
    .contents-wrap.chg .notice-board > li > .board-title { flex-direction: column; align-items: flex-start; }
    .contents-wrap.chg .notice-board > li > div div { flex-wrap: wrap; }
    .contents-wrap.chg .notice-board > li > div > div:first-child { margin-bottom: 15px; }
    .contents-wrap.chg .notice-details { padding-top: 30px; }
    .contents-wrap.chg .board-title { font-size: 13px; }
    .contents-wrap.chg .reply-txt span { font-size: 13px; }
    .contents-wrap.chg .reply-date-box span { font-size: 13px; }
    .contents-wrap.chg .reply-state, .contents-wrap.chg .notice-board .fs14 { font-size: 13px; }

    .contents-wrap.writing .board-title { gap: 2%; margin-bottom: 0; }
    .contents-wrap.writing .board-title > div { width: 100%; }
    .contents-wrap.writing .board-title .board-title-txt { margin-bottom: 10px; }
    .contents-wrap.writing .notice-board > li > div > div:first-child { margin-bottom: 0px !important; }
    .contents-wrap.writing .board-title .input-group { flex-basis: 49%; }
    .contents-wrap.writing .board-title .input-text { display: flex; flex-direction: column; }
    .contents-wrap.writing .board-title .input-text .xi-long-arrow-right { margin-bottom: 10px; margin-right: 0; }
    .contents-wrap.writing .board-title .input-text > input { width: 100%; }
    .contents-wrap.writing .board-title .input-text span { font-size: 12px; font-weight: 600; margin-bottom: 3px; }
    .contents-wrap.writing .board-title { margin-bottom: 15px; }
    .contents-wrap.writing .board-title.person .input-group { margin-right: 10px; flex-basis: fit-content; }
    .contents-wrap.writing .board-title.person .input-group > .input-text { flex-direction: row; align-items: center; }
    .contents-wrap.writing .board-title.person .input-group .input-text > input { margin: 0 2px; }
    .contents-wrap.writing .board-title .input-text > select { flex-basis: 22%; margin-bottom: 10px; flex-grow: 1; margin-right: 0; }
    .contents-wrap.writing .board-title .btn-line > .xi-calendar { display: none; }
    .contents-wrap.writing .board-title .btn-line .datetimepicker { width: 100%; }
    .contents-wrap.writing .board-title .input-text .depart-time { flex-basis: 22%; margin-right: 0; flex-grow: 1; min-width: 124px; }
    .contents-wrap.writing .board-title .input-text.optn { flex-direction: row; gap: 2%; }
    .contents-wrap.writing .board-title .btn-line select.input-text.optn i { margin-bottom: 10px; }
    .contents-wrap.writing .board-title .btn-line { margin-bottom: 10px; min-width: 124px; flex-basis: 22%; flex-grow: 1; margin-right: 0; }
    .contents-wrap.writing .board-title .input-group.pw { flex-basis: 100%; }

    .contents-wrap.account-dep .btn-wrap .btn-box-m,
    .contents-wrap.card .btn-wrap .btn-box-m { width: 100%; }

    /* client_02 */
    .contents-wrap.client02 .contents-box .board-title, .contents-wrap.client03 .contents-box .board-title { flex-direction: column; align-items: flex-start; }
    .contents-wrap.client02-2 .contents-box .board-title { flex-direction: row; align-items: center; }

    /* client_04 */
    .contents-wrap.client04 .input-text.tt { align-items: flex-start; }
    .contents-wrap.client04 .input-text.tt > span { flex-basis: fit-content; }
    .contents-wrap.client04 .board-title .input-group { flex-basis: 100%; }

    /* domestic_01 */
    .contents-wrap.domstc01 .slide-item.reserv.facility { height: fit-content; flex-basis: 48.5%; flex-direction: column; min-width: unset; box-shadow: none; border-radius: 7px; min-width: 155px; flex-grow: 1; }
    .contents-wrap.domstc01 .facility-slide { width: 100%; }
    .contents-wrap.domstc01 .slide-item.facility .item-top { height: 113px; width: 100%; border-radius: 7px; overflow: hidden; }
    .contents-wrap.domstc01 .slide-item.facility .item-row { padding: 15px 0 15px 0; height: 115px; }
    .contents-wrap.domstc01 .slide-item.facility .item-row.active { height: fit-content; padding-bottom: 50px; }
    .contents-wrap.domstc01 .slide-item.facility .row-box .title { display: none; }
    .contents-wrap.domstc01 .card-list.reserv { gap: 3%; }
    .contents-wrap.domstc01 .row-box { display: block; }
    .contents-wrap.domstc01 .row-box span { font-size: 12px; }
    .contents-wrap.domstc01 .row-box .seat-name .title-mid { font-size: 15px; margin-bottom: 0; }
    .contents-wrap.domstc01 .row-box .fee span:last-child { font-size: 17px; }
    .contents-wrap.domstc01 .row-box:last-child { left: 0; }
    .swiper-pagination.room .swiper-pagination-bullet { width: 5px; height: 5px; margin: 0 2px; }
    .swiper-pagination.room .swiper-pagination-bullet-active { width: 15px !important; }
    .swiper.mySwiper2.facility { height: 175px; }
    .swiper.mySwiper.facility { height: 70px; }
    .swiper.facl .swiper-slide, .swiper.facl-2 .swiper-slide { height: 130px; }
    .swiper.facl .swiper-wrapper, .swiper.facl-2 .swiper-wrapper { height: 185px; }

    /* domestic_04 */
    .contents-wrap.domstc04 .contents-box iframe { height: 200px; }
    .contents-wrap.domstc04 .map-text { margin-top: 10px; }

    /* domestic_05 */
    .contents-wrap.domstc05 .pet-box > .flex { flex-basis: 100%; min-width: unset; }
    .contents-wrap.domstc05 .pet-box > div p { width: unset; flex-basis: 100%; }
    .contents-wrap.domstc05 .card-item-list.mg-bt-50 { margin-bottom: 0; }

    /* domestic_06 */
    .contents-wrap.fare .input-box-text.login { width: 100%; }
    .contents-wrap.fare .search-box { width: 100%; }
    .contents-wrap.fare .search-box a { right: 10px; top: 15px; }

    /* cruise_02 */
    .contents-wrap.cruise .facility-slide, .contents-wrap.cruise .explain-wrap { width: 100%; }
    .contents-wrap.cruise .swiper.mySwiper2.facility { height: 200px; }
    .contents-wrap.cruise .facility-slide { margin-bottom: 20px; }
    .contents-wrap.cruise .btn-box-m { font-size: 14px; line-height: 45px; }
    .contents-wrap.cruise .fs15 { font-size: 13px; }

    /* cruise_03 */
    .contents-wrap.crs03 .window-box.info .input-group { flex-basis: 49%; }

    /* terms */
    .company-sp div { width: 70px; height: 70px; line-height: 70px; }
    .company-sp .company-bd { width: 20px; height: 1px; }
}
@media screen and (max-width: 359px) {
    .ship-name i, .ship-chk { display: none; }
    .contents-wrap.domstc01 .xi-arrow-right { display: inline-block !important; }
}