/*
 tablet
*/
@media (min-width: 1024px) and (max-width: 1366px) {
	.inner {
		width: 100%;
		height: 100%;
	}
	.sub {
		width: 100%;
		height: 100%;
	}
	.sub_txt {
		width: 100%;
		height: 100%;
	}
	.mypage {
		width: 100%;
		height: 100%;
	}
	.search_box { width: 100%; }
	footer .footer_link { height: 45px; }
}

@media (min-width: 768px) and (max-width: 1023px) {
	body {
		overflow-y: auto !important;
	}
	/*
	.header_family .all_menu_list{
		max-height: 60vh;
		overflow-y: auto;
	}
	*/
	footer .footer_link { height: 45px; }
}

/* iPad Mini */
@media (min-width: 768px) and (max-width: 1023px) and (pointer: coarse) {
	footer .footer .info {
		height: 236px !important;
	}
}

/* iPad Air */
@media (min-width: 820px) and (max-width: 1023px) and (pointer: coarse) {
	footer .footer .info {
		height: 388px !important;
	}
}

/* Asus ZenBook Fold */
@media (min-width: 853px) and (max-width: 1023px) and (pointer: coarse) {
	footer .footer .info {
		height: 490px !important;
	}
}

/* Surface Pro */
@media (min-width: 912px) and (max-width: 1023px) and (pointer: coarse) {
	footer .footer .info {
		height: 574px !important;
	}
}

/* iPad Pro */
@media (min-width: 1024px) and (max-width: 1024px) and (pointer: coarse) {
	footer .footer .info {
		height: 516px !important;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
    h2 {
        font-size: 17px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    h3 {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    h3 small {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    input[type=text], textarea {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .blt_xs {
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .blt_xs {
        height: 18px;
        line-height: 18px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .blt_sm {
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .blt_sm {
        height: 26px;
        line-height: 26px;
        padding: 0 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .btn.sm {
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .btn.md {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .btn.lg {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .btn.sm {
        height: 28px;
        line-height: 28px;
        padding: 0 10px;
    }

    .btn.md {
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
    }

    .btn.lg {
        min-width: auto;
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .input {
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
    }

    .select {
        height: 40px;
        padding: 0 25px 0 10px;
    }

    .select.sm {
        width: 100px;
    }

    .checkbox input, .radio input {
        width: 22px;
        height: 22px;
        margin-right: 5px;
    }

    .checkbox input:checked::before {
        width: 10px;
        height: 4px;
        top: 6px;
        left: 5px;
    }

    .radio input:checked::before {
        top: 5px;
        left: 5px;
        width: 12px;
        height: 12px;
    }

    .textarea {
        padding: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mo_hidden {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .mo_block {
        display: block;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .inner {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .avatar .img {
    width: 20px;
    height: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .board_list a {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .board_list a {
    padding: 15px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  [data-tooltip]::after {
    font-size: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header_family a {
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header_family .all_menu_list p {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header_family {
        background: #f96742;
        border-bottom: 0;
    }
    .header_family a {
        font-weight: normal;
        color: #333;
    }
    .header_family .top_site, .header_family .top_link {
        display: none;
    }
    .header_family .all_menu_box {
        border: 0;
        padding: 0;
        position: fixed;
        top: 0;
        left: 0;
        overflow-y: auto;
        bottom: 0;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }
    .header_family .all_menu_list {
        position: static;
        display: block;
        height: calc(100vh + 120px);
    }
    .header_family .all_menu_list div {
        padding: 0;
    }
    .header_family .all_menu_list div + div {
	    border-left: none;
	  }
	  .header_family .all_menu_list > div {
	    padding: 15px 10px;
	    border-top: 10px solid #ebebeb;
	  }
    .header_family .all_menu_list p {
        margin: -1px 0 0;
        padding: 0 15px;
        height: 40px;
        line-height: 40px;
        background: #ebebeb;
    }
    .header_family .all_menu_list p i {
        width: 30px;
        height: 40px;
        vertical-align: middle;
    }
    .header_family .all_menu_list p i.ic01 {
        background: url("../../images/m_menu_icon_sprite.png") no-repeat center;
        background-size: auto 34px;
        background-position: -64px 5px;
    }
    .header_family .all_menu_list p i.ic02 {
        background: url("../../images/m_menu_icon_sprite.png") no-repeat center;
        background-size: auto 34px;
        background-position: -234px 3px;
    }
    .header_family .all_menu_list p i.ic03 {
        background: url("../../images/m_menu_icon_sprite.png") no-repeat center;
        background-size: auto 34px;
        background-position: -2px 4px;
    }
    .header_family .all_menu_list p i.ic04 {
        background: url("../../images/m_menu_icon_sprite.png") no-repeat center;
        background-size: auto 34px;
        background-position: -131px 5px;
    }
    .header_family .all_menu_list p i.ic05 {
        background: url("../../images/m_menu_icon_sprite.png") no-repeat center;
        background-size: auto 34px;
        background-position: -98px 5px;
    }
    .header_family .all_menu_list p i.ic06 {
        background: url("../../images/m_menu_icon_sprite.png") no-repeat center;
        background-size: auto 34px;
        background-position: -164px 5px;
    }
    .header_family .all_menu_list .service ul {
	    border-radius: 10px;
	  }
	  .header_family .all_menu_list .service a {
	    display: flex;
	    align-items: center;
	    gap: 10px;
	  }
	  .header_family .all_menu_list .service i {
	    width: 30px;
	    height: 30px;
	    border-radius: 10px;
	    background-color: #a38262;
	    background-size: 15px 15px !important;
	  }
	  .header_family .all_menu_list .menu_group {
	    display: flex;
	    flex-direction: column;
	    gap: 10px;
	  }
    .header_family .all_menu_list ul {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
	    border: 1px solid #ebebeb;
	    border-radius: 0 0 10px 10px;
	    overflow: auto;
    }
    .header_family .all_menu_list li {
        border: 1px solid #ebebeb;
        margin: -1px 0 0 -1px !important;
    }
    .header_family .all_menu_list li:nth-child(2n-1) {
	    border-right: 1px solid #ebebeb;
	  }
    .header_family .all_menu_list a {
        display: block;
        padding: 10px 15px;
    }
    .header_family .all_top {
        padding: 15px 45px 15px 15px;
        background: #a38262;
    }
    .header_family .all_top * {
        color: #fff;
    }
    .header_family .all_top .login_txt {
        font-size: 18px;
    }
    .header_family .all_top div {
        display: flex;
        gap: 5px;
    }
    .header_family .all_top div.name {
	    flex-direction: column;
	    gap: 0;
	  }
	  .header_family .all_top div.name .login_txt {
	    font-weight: bold;
	  }
    .header_family .ic_menu {
        display: flex;
        justify-content: center;
        padding: 20px 25px;
    }

    .header_family .ic_menu li {
        padding-top: 60px;
        width: 25%;
        text-align: center;
    }

    .header_family .ic_menu li:nth-child(1) {
        background: url("../../images/m_menu_top01.png") no-repeat top center;
        background-size: auto 55px;
    }

    .header_family .ic_menu li:nth-child(2) {
        background: url("../../images/m_menu_top02.png") no-repeat top center;
        background-size: auto 55px;
    }

    .header_family .ic_menu li:nth-child(3) {
        background: url("../../images/m_menu_top03.png") no-repeat top center;
        background-size: auto 55px;
    }

    .header_family .ic_menu li:nth-child(4) {
        background: url("../../images/m_menu_top04.png") no-repeat top center;
        background-size: auto 55px;
    }

    .header_family .close {
        bottom: auto;
        top: 15px;
        left: auto;
        right: 15px;
        height: 28px;
        background-color: transparent;
        width: 20px;
    }

    .header_family .mo_menu {
        display: block;
        width: 100%;
    }

    .header_family .mo_menu .flexbox {
        height: 47px;
    }

    .header_family .mo_menu ul {
        display: flex;
    }

    .header_family .mo_menu li + li {
        margin-left: 10px;
        padding-left: 10px;
        position: relative;
    }

    .header_family .mo_menu li + li::before {
        content: "";
        position: absolute;
        top: 5px;
        left: 0;
        width: 1px;
        height: 10px;
        background: #d0d0d0;
    }

    .header_family .mo_menu a {
        color: #fff;
    }

    .header_family .mo_menu .bar {
        background: #fff;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .all_btn {
        width: 20px;
        margin: 0;
    }

    .all_btn .bar {
        width: 20px;
        border-radius: 10px;
    }

    .all_btn .bar + .bar {
        margin-top: 4px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header_sch .top_menu .cart span {
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header_sch {
        padding: 15px 0;
    }
    .header_sch .inner {
        gap: 10px;
    }
    .header_sch h1 img {
        height: 16px;
    }
    .header_sch .top_menu {
        gap: 15px;
    }
    .header_sch .top_menu li:nth-child(2) {
        display: none;
    }
    .header_sch .top_menu i.top_menu01 {
        width: 25px;
        height: 25px;
        border-radius: 7px;
        background-size: auto 50%;
    }
    .header_sch .top_menu .cart a {
        width: 35px;
        height: 35px;
        border-radius: 7px;
    }
    .header_sch .top_menu .cart a::before {
        background-size: auto 40%;
        background-position: 45% center;
    }
    .header_sch .top_menu .cart span {
        min-width: 18px;
        height: 18px;
        line-height: 20px;
        right: -2px;
    }
    .header_sch .search_box {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        order: 3;
        grid-column: span 2;
        width: 100%;
        max-width: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header_gnb.fixed .gnb_menu a {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header_gnb .gnb_menu > li > a {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header_gnb .depth {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header_gnb .gnb_menu {
        display: none;
    }
    .header_gnb .gnb_mo {
        display: block;
        position: relative;
    }

    .header_gnb .gnb_mo button {
        height: 40px;
        font-size: 16px;
        padding: 0 20px;
        margin: 0 -10px;
        width: calc(100% + 20px);
        text-align: left;
        background: #f7f7f7;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .header_gnb .gnb_mo button .all_btn {
        margin: 0;
    }
    .header_gnb .gnb_mo button.active .all_btn .top {
        transform: translateY(6px) rotateZ(45deg);
    }
    .header_gnb .gnb_mo button.active .all_btn .middle {
        width: 0;
    }
    .header_gnb .gnb_mo button.active .all_btn .bottom {
        transform: translateY(-6px) rotateZ(-45deg);
    }
    .header_gnb .gnb_mo ul {
        position: absolute;
        top: 41px;
        left: -10px;
        right: -10px;
        background: #fff;
        border-bottom: 1px solid #ebebeb;
        padding: 20px;
        z-index: 3;
        display: none;
    }

    .header_gnb .gnb_mo ul li + li {
        margin-top: 10px;
    }

    .header_gnb .gnb_mo ul a {
        display: block;
    }

    .header_gnb .gnb_mo ul .my a {
        color: #f96742;
        font-weight: bold;
    }

    .header_gnb .gnb_mo ul.active {
        display: block;
    }

    .header_gnb .gnb_mo .bar {
        background: #000;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .search_group {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
    footer .footer_link {
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    footer .footer .print {
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    footer {
        margin-top: 70px;
        color: #32394d;
    }
    footer h1 img {
        height: 35px;
    }
    footer .footer_link {
        border-top: 2px solid #f96742;
        font-size: 12px;
    }
    footer .footer_link ul {
        height: 43px;
        justify-content: center;
    }
    footer .footer_link li:nth-child(2) {
        padding: 0;
        margin: 0;
    }
    footer .footer_link li:nth-child(2)::before {
        content: none;
    }
    footer .footer {
        padding: 20px 10px 50px;
    }
    footer .footer .info {
        font-size: 12px;
    }
    footer .footer .info p + p {
        margin-top: 10px;
    }
    footer .footer .info .br {
        display: block;
    }
    footer .footer .info strong {
        font-weight: 700;
        color: #f96742;
    }
    footer .footer .info .copy {
        color: #999;
    }
    footer .footer ul {
        top: 20px;
    }
    footer .footer .print {
        display: none;
    }
    footer .footer .btn {
        position: absolute;
        bottom: 50px;
        right: 10px;
        border-color: #ccc;
        border-radius: 0;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .main {
        overflow: auto;
    }
    .main section + section {
        margin-top: 50px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .main_top h2 {
        font-size: 22px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .main_top .search_box input {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .main_top .main_banner .txt .text {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .main_top {
        padding-top: 30px;
        grid-template-columns:1fr;
        gap: 30px;
    }

    .main_top .search_box {
        width: 100%;
        height: 50px;
        margin: 20px 0 15px;
        padding: 0 15px;
        grid-template-columns:auto 22px;
        gap: 10px;
    }
    .main_top .reco {
        width: 100%;
        justify-content: left;
        gap: 7px;
    }
    .main_top .main_banner {
        margin-right: 10px;
        width: calc(100% - 10px);
    }
    .main_top .main_banner .txt {
        bottom: 25px;
        left: 25px;
    }
    .main_top .main_banner .txt .tit {
        font-size: 24px;
    }
    .main_top .main_banner .control {
        bottom: 15px;
        right: 15px;
        height: 28px;
        gap: 7px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .main_title .text {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .main_title h3 {
        font-size: 22px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .main_title .comment {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .main_title {
        margin-bottom: 20px;
    }

    .main_title .text {
        margin-bottom: 5px;
    }

    .main_title h3 i {
        width: 10px;
        height: 16px;
        margin-left: 10px;
    }

    .main_title ul {
        gap: 5px;
        margin-top: 10px;
        flex-wrap: wrap;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .blt_pay {
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .blt_pay {
        width: 30px;
        height: 35px;
        line-height: 33px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .item_list:not(.swiper-wrapper) {
        gap: 20px 10px;
    }

    .item_list:not(.swiper-wrapper) li {
        width: calc((100% - 10px) / 2);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .item_list .more_label {
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .item_list .price {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .item_list .tit {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .item_list .item {
        gap: 10px;
    }
    .item_list .blt_pay {
        top: 5px;
        left: 5px;
    }

    .item_list .price {
        bottom: 5px;
        right: 5px;
        border-radius: 5px;
        height: 22px;
        line-height: 24px;
        padding: 0 7px;
    }

    .item_list .name {
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .item_list .avatar .img {
        width: 20px;
        height: 20px;
    }

    .item_list .date {
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .item_list .date.active {
        padding-left: 13px;
    }

    .item_list .date.active::before {
        width: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .item_box .item .box {
        padding: 0 5px 10px;
        gap: 10px; /*20250911 ahee*/
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .point_list .blt_xs {
    top: 5px;
    right: 5px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .item_swiper .swiper {
        margin: 0 -10px;
        padding: 0 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .swiper_arrow {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .swiper_num {
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .main_custom {
        padding: 30px 0;
    }

    .main_custom .inner {
        grid-template-columns:1fr;
        gap: 0;
    }

    .main_custom .main_title::before {
        content: none !important;
    }

    .main_custom .main_title ul {
        flex-direction: row;
    }

    .main_custom .swiper.hidden {
        margin: 0 -10px;
        padding: 0 10px;
    }

}

@media (min-width: 768px) and (max-width: 1023px) {
    .ad_banner .info {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .ad_banner {
        padding: 10px 20px;
        grid-template-columns:1.5fr 1fr;
        height: auto;
        gap: 10px;
    }
    .ad_banner::before {
        right: 42%;
        width: 14%;
        background-position: top 13% center;
    }
    .ad_banner::after {
        content: none;
    }
    .ad_banner .tit {
        font-size: 16px;
    }
    .ad_banner .img {
        position: relative;
        right: 0;
        width: 100%;
    }
    .ad_banner .blt_xs {
        position: relative;
        top: 0;
        right: 0;
        margin-left: 5px;
        vertical-align: top;
    }
    .ad_banner .thumb {
        border-radius: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sub {
        width: 100%;
        margin-top: 30px;
    }
    .sub section + section {
        margin-top: 30px;
    }
    .sub .inner {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sub_txt {
        padding: 30px 10px 0;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sub_top {
        height: 50px;
        margin: -30px 0 30px;
    }
    .sub_top::before {
        left: -10px;
        right: -10px;
    }
    .sub_top.sticky {
        top: 0;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sub_title {
        padding-bottom: 10px;
        border-width: 1px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .filter_box dl {
        grid-template-columns:85px auto;
    }

    .filter_box dl > * {
        padding: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .filter {
        gap: 5px;
    }

    .filter label, .filter.lg label {
        padding: 0 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .search_grid {
        grid-template-columns:1fr;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sort_result {
        padding: 10px 15px;
    }

    .sort_result ul {
        gap: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .item_col .tit {
    font-size: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .item_col .text {
    font-size: 12px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .item_col .flexbox .name {
        font-size: 12px;
    }

}

@media (min-width: 768px) and (max-width: 1023px) {
    .item_col .flexbox .price {
        font-size: 17px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .item_col .info {
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .item_col .item {
        grid-template-columns:140px auto;
        gap: 10px;
    }
    .item_col .list_none img {
        width: 55px;
    }
    .item_col .item + .item {
        margin-top: 15px;
        padding-top: 15px;
    }
    .item_col .info_blt {
        flex-wrap: wrap;
    }
    .item_col .tit {
        margin: 10px 0 5px;
    }
    .item_col .flexbox {
        display: block;
        margin: 10px 0 5px;
    }
    .item_col .flexbox .price {
        display: block;
        margin-top: 5px;
    }
    .item_col .mo_line1 {
        flex-direction: column;
    }
    .item_col .mo_line1 p + p {
        padding-left: 0;
        margin-left: 0;
    }
    .item_col .mo_line1 p + p::before {
        content: none;
    }
    .item_col .text {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .content_tabs {
        margin: 20px 0 15px;
    }

    .content_tabs .top_tab {
        border-bottom: 2px solid #ebebeb;
    }

    .content_tabs .top_tab ul {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 0;
    }

    .content_tabs .top_tab ul li {
        width: 100% !important;
        border: 1px solid #ebebeb !important;
        border-radius: 0 !important;
        margin-bottom: 0 !important;
        background: #f7f7f7 !important;
    }

    .content_tabs .top_tab ul li:first-child {
        border-radius: 10px 0 0 0 !important;
        border-right: none !important;
    }

    .content_tabs .top_tab ul li:nth-child(2) {
        border-radius: 0 10px 0 0 !important;
    }

    .content_tabs .top_tab ul li:nth-child(3) {
        border-radius: 0 0 0 10px !important;
        border-top: none !important;
        border-right: none !important;
    }

    .content_tabs .top_tab ul li:nth-child(4) {
        border-radius: 0 0 10px 0 !important;
        border-top: none !important;
    }

    /* 모바일 활성 탭 - 데스크톱과 동일한 스타일 강제 적용 */
    html .content_tabs .top_tab ul li.active,
    body .content_tabs .top_tab ul li.active {
        background: #fff !important;
        border: 1px solid #333 !important;
        border-bottom: 2px solid #fff !important;
        z-index: 2 !important;
        position: relative !important;
    }

    html .content_tabs .top_tab ul li.active a,
    body .content_tabs .top_tab ul li.active a {
        color: #f96742 !important;
        font-weight: 700 !important;
        background: transparent !important;
    }

    .content_tabs .top_tab ul li a {
        width: 100% !important;
        height: 50px !important;
        line-height: 50px !important;
        text-align: center !important;
        font-size: 13px !important;
        padding: 0 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        color: #666 !important;
    }

    .content_tabs .top_tab ul li a strong,
    .content_tabs .top_tab ul li a span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 20px !important;
        height: 20px !important;
        margin: 0 !important;
        font-size: 11px !important;
        padding: 4px 8px 0px 6px !important;
        border-radius: 10px !important;
        text-align: center !important;
        flex-shrink: 0 !important;
        line-height: 1 !important;
        /* 모바일에서도 기본은 회색 */
        background: #ebebeb !important;
        color: #666 !important;
    }

    /* 모바일에서 숫자가 있을 때 주황색 */
    .content_tabs .top_tab ul li a strong.has-count,
    .content_tabs .top_tab ul li a span.has-count {
        background: #f96742 !important;
        color: #fff !important;
    }

    /* 모바일에서 활성 탭의 카운트 동그라미 */
    html .content_tabs .top_tab ul li.active a strong,
    body .content_tabs .top_tab ul li.active a strong {
        background: #ebebeb !important;
        color: #666 !important;
    }

    html .content_tabs .top_tab ul li.active a strong.has-count,
    body .content_tabs .top_tab ul li.active a strong.has-count {
        background: #f96742 !important;
        color: #fff !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .noti_bubble {
    padding: 10px;
    top: -65px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .btn_area {
        margin-top: 30px;
        gap: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .ic_star {
        width: 14px;
        height: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .reco_list {
        gap: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .info_hover .text {
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .edit_cont {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .edit_cont .chk_group button {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .chk_group {
        padding: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .edit_form .form_group .input_tit small {
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .edit_form .round p strong {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .edit_form .form_group {
        display: block;
    }
    .edit_form .form_group > * {
        padding: 15px 0;
    }
    .edit_form .form_group .input_group {
        padding-top: 0;
    }
    .edit_form .form_group .input_group .input_btn {
        grid-template-columns: auto 125px;
        justify-content: normal;
    }
    .edit_form .form_group .input_group .input_btn.select_input {
        grid-template-columns: 125px auto;
    }
    .edit_form .form_group .input_tit input {
        padding: 0;
        height: 40px;
    }
    .edit_form .form_group .title {
        line-height: 1.5 !important;
    }
    .edit_form .round {
        height: 45px;
        padding: 0 10px;
        margin-bottom: 15px;
    }
    .edit_form .zoom_list {
        flex-direction: column;
        gap: 15px;
    }
    .edit_form .file_upload .input span {
        display: none;
    }
    .edit_form .coupon_group li {
        flex-direction: column;
    }
    .edit_form .coupon_group li > div {
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }
    .edit_form .coupon_group li .select_box {
        grid-template-columns:1fr 1fr;
    }
    .edit_form .coupon_group li .date_group {
        display: grid;
        grid-template-columns:1fr 1fr;
        gap: 5px;
    }
    .edit_form .coupon_group li .date_group .date_box {
        width: 100%;
    }
    .edit_form .coupon_group li .bk_black {
        margin-top: 10px;
    }
    .edit_form .thumb_view {
        width: 100%;
    }
    .edit_form .thumb_group {
        flex-direction: column;
        gap: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .date_group > div + div::before {
    font-size: 17px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .date_group.sm input {
    font-size: 12px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .date_group {
    flex-direction: column;
    gap: 10px;
  }
  .date_group > div + div {
    padding-left: 0;
  }
  .date_group > div + div::before {
    content: none;
  }
  .date_group .date_time {
    grid-template-columns: 150px 1fr 1fr;
  }
  .date_group .date_box {
    height: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .file_list .file_name_group .preview_label {
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .file_list li {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_thumb .tit {
        font-size: 22px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_thumb .apply .flexbox p {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_thumb .avatar .name {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_thumb {
        padding: 20px 0;
    }
    .detail_thumb .inner {
        grid-template-columns:1fr;
        gap: 20px;
    }
    .detail_thumb .inner .info {
        order: 2;
    }
    .detail_thumb .inner .thumb {
        order: 1;
    }
    .detail_thumb .blt {
        gap: 5px;
    }
    .detail_thumb .ic_btn {
        gap: 10px;
    }
    .detail_thumb .tit {
        min-height: auto;
        font-size: 18px;
        margin: 10px 0 0;
    }
    .detail_thumb .avatar {
        margin-top: 20px;
        padding: 10px;
        background: hsla(0, 0%, 100%, .5);
        border-radius: 10px;
        border: 1px solid #ebebeb;
    }
    .detail_thumb .avatar .img {
        width: 35px;
        height: 35px;
    }
    .detail_thumb .avatar .star {
        margin-top: 0;
    }
    .detail_thumb .price {
        display: block;
        text-align: right;
        font-weight: bold;
        font-size: 28px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_thumb .info_box {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin: 20px 0;
    }
    .detail_thumb .info_box dl {
        display: grid;
        grid-template-columns:70px auto;
    }
    .detail_thumb .info_box dl dt {
        font-weight: bold;
    }
    .detail_thumb .star_box {
        margin-top: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .radio_li:not(.line1) {
        flex-direction: column;
        gap: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .grid_input {
        grid-template-columns:auto 125px !important;
        justify-content: normal;
        gap: 5px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .flex_input {
    display: grid;
    gap: 10px;
  }
  .flex_input > div {
    display: grid;
    grid-template-columns: 55px auto;
    gap: 5px;
  }
  .flex_input > div input {
    width: 160px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_info .side_box .price {
        font-size: 19px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_info .side_box .title {
        font-size: 17px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_info .side_box .price_info dl {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_info .side_box .price_info dl.total {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_info {
        display: block;
        margin-top: 0;
    }
    .detail_info .side_box {
        display: none;
    }
    .detail_info .side_box.block {
        display: block;
        margin-top: 30px;
        padding: 20px 10px;
        background: #f7f7f7;
    }
    .detail_info .side_box .price_info {
        gap: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_btn {
        margin-top: 20px;
        gap: 5px;
        grid-template-columns:auto 50px;
    }
    .detail_btn.fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 15px 10px;
        background: #fff;
        z-index: 10;
        border-top: 1px solid #ebebeb;
    }
    .detail_btn.fixed .coupon_btn {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .time_box {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .time_box .time span {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .time_box {
        margin: 20px 0;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_tab li {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_tab {
        gap: 10px;
        margin-top: 0;
        top: 0;
    }

    .detail_tab li {
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_cont .round_list .num {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .detail_cont + .detail_cont {
        margin-top: 30px;
    }
    .detail_cont h2 {
        margin-bottom: 10px;
    }
    .detail_cont .round_list {
        grid-template-columns:1fr;
        gap: 10px;
        margin: 20px 0;
    }
    .detail_cont .round_list li {
        padding: 15px 10px;
    }
    .detail_cont .round_list .num {
        margin-bottom: 10px;
    }
    .detail_cont .round_list div {
        gap: 5px;
    }
    .detail_cont .detail_noti {
        padding: 15px 10px;
        margin: 20px 0;
    }
    .detail_cont .pack_list {
        margin: 20px 0;
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .teacher_box .tit p {
        font-size: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .teacher_box {
        padding: 15px 10px;
    }
    .teacher_box .tit {
        gap: 10px;
    }
    .teacher_box .info {
        display: block;
        margin: 15px 0;
    }
    .teacher_box .info .img {
        width: 55px;
        height: 55px;
    }
    .teacher_box .info .info_list {
        grid-template-columns:145px auto;
        gap: 5px 0;
    }
    .teacher_box .info .info_list .mo_line1 {
        grid-column: 1/span 2;
    }
    .teacher_box .info .info_list ul {
        flex-direction: column;
        gap: 5px;
    }
    .teacher_box .info .info_list ul li + li {
        padding-left: 0;
        margin-left: 0;
    }
    .teacher_box .info .info_list ul li + li::before {
        content: none;
    }
    .teacher_box .record_list {
        padding: 15px 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .review_box {
        padding: 15px 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .write_list {
        margin-top: 20px;
    }
    .write_list li + li {
        margin-top: 15px;
        padding-top: 15px;
    }
    .write_list .re_box {
        padding: 15px 10px;
    }
    .write_list .re_box .re_text {
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .write_list .flexbox {
        gap: 10px;
    }
    .write_list .avatar {
        gap: 5px;
        min-width: 0;
    }
    .write_list .avatar .flex {
        min-width: 0;
    }
    .write_list .avatar small {
        flex-shrink: 0;
    }
    .write_list .img {
        width: 30px;
        height: 30px;
    }
    .write_list .flexbox small {
        margin-left: 5px;
    }
    .write_lis .edit_btn {
        flex-shrink: 0;
    }
    .write_list .edit_btn span + span {
        margin-left: 5px;
        padding-left: 5px;
    }
    .write_list .star_box .star {
        width: 10px;
        height: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .preview_box {
        margin: 20px 0;
    }
    .preview_box .swiper_num {
        display: flex;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .layer_pop .pop_tit p {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .layer_pop .pop_con .cont > .title {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .layer_pop .pop_noti li {
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .layer_pop .pop_tit {
        padding: 10px;
    }
    .layer_pop .pop_tit .pop_close {
        width: 14px;
        height: 14px;
    }
    .layer_pop .pop_con {
        padding: 10px 10px 20px;
    }
    .layer_pop .text_box {
        padding: 15px 10px;
    }
    .layer_pop .pop_noti {
        margin-top: 20px;
    }
    .layer_pop .pop_btn {
        padding: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .coupon_list .flexbox .tit {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .coupon_list .flexbox .price {
        font-size: 22px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .coupon_list {
        gap: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .coupon_chk label .price {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .coupon_chk label .date {
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .top_sorting {
        margin-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .top_tab > ul a strong {
        font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .top_tab {
        flex-direction: column;
        gap: 10px;
        border-bottom: none;
    }
    .top_tab > ul {
        border-bottom: 1px solid #333;
        width: 100%;
    }
    .top_tab > ul > li {
        width: 100%;
    }
    .top_tab > ul > li a {
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0;
        min-width: auto;
    }
    .top_tab .info_hover {
        margin: 0 0 0 auto;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .sort_box {
        padding: 0;
        border-radius: 0;
        background: none;
        flex-direction: column;
        gap: 20px;
    }
    .sort_box .sort_li {
        margin: 0 0 0 auto;
    }
    .sort_box button {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .pagination {
        margin-top: 30px;
    }

    .pagination a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .apply_box {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .apply_box .thumb_box .price {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .apply_box {
        gap: 10px;
    }

    .apply_box .form_group {
        grid-template-columns:100px auto;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .complete_info .info_box .tit {
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .complete_info .point {
    font-size: 18px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .complete_info {
        grid-template-columns:1fr;
        gap: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .complete_noti .title {
        font-size: 19px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .complete_noti {
        padding: 30px 10px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mypage .pack_group .pack_tit a {
    font-size: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mypage {
    margin-top: 30px;
    width: 100%;
    display: block;
  }
  .mypage .left_gnb {
    display: none;
  }
  .mypage .my_box {
    gap: 20px;
  }
  .mypage .item_col .item {
    grid-template-columns: 90px auto !important;
    align-items: start;
    gap: 20px 10px;
  }

  .mypage .item_col .flexbox .fc_orange {
    font-size: 13px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mypage .item_col .payment_btn {
    gap: 5px;
    margin: 10px 0;
  }
  .mypage .item_btn {
    grid-column: 1/span 2;
    margin-left: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .mypage .item_btn .mo_full {
    grid-column: 1/span 2;
  }
  .mypage .item_btn p.btn {
    background: #edeef8;
  }
  .mypage .item_btn p.btn.fc_orange {
    background: #fff1ee;
  }
  .mypage .item_btn p.btn.fc_gray9 {
    background: #f7f7f7;
  }
  .mypage .my_pack {
      grid-column: 1/span 2;
    }
  .mypage .my_info {
    padding: 15px 10px;
    grid-column: 1/span 2;
  }
  .mypage .my_info .detail_cont {
      gap: 10px;
  }
  .mypage .my_info .round_list dl {
    grid-template-columns: 65px auto;
  }
  .mypage .my_info .round_list .line_box {
      padding: 15px 10px;
  }
    .mypage .my_info .round_list .line_box dd {
      flex-direction: column;
      align-items: start;
      gap: 10px;
  }
  .mypage .my_info .detail_noti {
    padding: 0;
    margin-top: 10px;
    font-size: 13px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mypage .num_box {
    justify-content: center;
    margin-top: 10px;
  }
  .mypage .detail_cont .form_grid {
    grid-template-columns: 1fr;
  }
  .mypage .detail_cont .form_btn {
    flex-wrap: wrap;
  }
  .mypage .detail_cont .item_col {
    flex-direction: column;
    gap: 5px;
    align-items: start;
  }
  .mypage .file_list.line_box li {
      padding: 15px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mypage .mypage_noti p {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .search_box_list {
    display: grid;
    grid-template-columns: 75px auto 65px;
    gap: 5px;
  }
  .search_box_list .select {
    width: 100%;
  }
  .search_box_list .search_box {
    gap: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .channel_info .avatar p {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .channel_info {
    width: 100%;
  }
  .channel_info .avatar {
    gap: 10px;
  }
  .channel_info .avatar .img {
    width: 140px;
    height: 140px;
  }
  .channel_info .info_list {
    margin-top: 20px;
  }
  .channel_info dl {
    grid-template-columns: 85px auto;
    padding: 15px 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .sns_input {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .channel_like .name {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .channel_like .history li {
    font-size: 12px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .channel_like.bk {
    padding: 15px 10px;
}
.channel_like .channel {
    gap: 20px;
    grid-template-columns: 90px auto !important;
    align-items: start;
}
.channel_like .history {
flex-direction: column;
}
.channel_like .history li, .channel_like .history li + li {
  padding-left: 10px;
  margin: 0;
  position: relative;
}
.channel_like .history li::before, .channel_like .history li + li::before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  background: none;
}
.channel_like .num_box {
  margin-top: 0;
  font-size: 13px;
 }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .channel_like .name button {
    width: 30px;
    height: 30px;
  }
  .channel_like .name button svg {
    width: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .period {
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
  .period .date_group {
    flex-direction: row;
  }
  .period .date_group > div + div::before {
    content: "~";
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .agree_con {
    padding: 15px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .event_list .tit {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .event_list .date {
    font-size: 12px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .event_list .end .thumb::after {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .event_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
  .event_list .list_none {
    grid-column: 1/span 2;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .board_detail .file_box {
    padding: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .faq_list {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .faq_list .tit {
    padding: 15px 10px;
  }
  .faq_list .tit p {
    grid-template-columns: 75px auto;
  }
  .faq_list .text {
    margin: 0 15px 15px;
    padding: 15px 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pack_list .item .number {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pack_list .item .item_col {
    padding: 15px 10px;
  }
  .pack_list .item .flexbox {
    display: flex;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .location_tit h2 {
    font-size: 19px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .info_blt_empty {
    min-height: 18px;
  }
}