@charset "utf-8";

@media screen and (max-width: 768px) {
    .bnsInfo_title{
        padding-bottom: 10px;
        padding-left: 25px;
        font-size: 16px;
        color: #232323;
        font-weight: bold;
        background: url("/images/user/gjfac/ico_list.svg") 0 5px no-repeat;
        background-size: 16px 16px;
    }
    .bnsInfo_txt {font-size: 12px; margin: 0; word-break: keep-all; padding-left: 25px;}

    .etiquette {padding: 25px 0 30px;}
    .eti-top {height: 150px;}
    .eti-top .eti-tit {font-size: 14px; line-height: 1.5; margin-top: 9px;}
    .eti-top .eti-tit br {display: block;}

    .eti-check {margin: 30px 0 60px;}
    .eti-check ul {flex-direction: column;}
    .eti-check ul li {width: 100%; padding: 20px 15px; border-radius: 74px; justify-content: center; position: relative;}
    .eti-check ul li:first-child {border: 1px solid #E4E4E4; border-radius: 6px;}
    .eti-check ul li:last-child {border-radius: 6px;}
    .eti-check ul li + li {margin-top: 5px;}
    .eti-check ul li .li-ico {width: 80px; height: 80px; flex: none;}
    .eti-check ul li .li-ico .ico-clock, .eti-check ul li .li-ico .ico-check {width: 30px; height: 30px;}
    .eti-check ul li .li-info {margin-left: 15px;}
    .eti-check ul li .li-info .li-tit {font-size: 16px;}
    .eti-check ul li .li-info .li-txt {font-size: 14px;}

    .eti-cont {margin-top: 30px;}
    .eti-cont ul {margin: 0; margin-top: 30px;}
    .eti-cont ul li {width: 100%; padding: 0; padding-bottom: 50px;}
    .eti-cont ul li .li-top {padding: 20px 0 46px;}
    .eti-cont ul li .li-top .li-ico {width: 80px; height: 80px; bottom: -40px;}
    .eti-cont ul li .li-top .li-ico div {width: 30px; height: 30px;}
    .eti-cont ul li .li-txt {margin-top: 50px;}
    .eti-cont ul li .li-top .li-tit {font-size: 18px;}
    .eti-cont ul li .li-txt .li-txt1 {font-size: 16px; word-break: keep-all;}
    .eti-cont ul li .li-txt .li-txt2 {font-size: 14px; word-break: keep-all;}
    .eti-cont ul li .li-txt .li-txt1 br {display: block;}
    .eti-cont ul li .li-txt .li-txt2 br {display: none;}
    .eti-cont ul li .li-top .li-ico .ico-food {width: 40px; height: 34px;}
    .eti-cont ul li .li-top .li-ico .ico-box {width: 30px; height: 30px;}
    .eti-cont ul li .li-top .li-ico .ico-camera {width: 36px; height: 26px;}
    .eti-cont ul li .li-top .li-ico .ico-hand {width: 40px; height: 42px;}
    .eti-cont ul li .li-top .li-ico .ico-line {width: 32px; height: 28px;}
    .eti-cont ul li .li-top .li-ico .ico-camera2 {width: 36px; height: 26px;}
    .eti-cont ul li .li-top .li-ico .ico-question {width: 32px; height: 32px;}
    .eti-cont ul li .li-top .li-ico .ico-kids {width: 34px; height: 40px;}
    .eti-cont ul li .li-top .li-ico .ico-age {width: 30px; height: 30px;}
    .eti-cont ul li .li-top .li-ico .ico-bus {width: 25px; height: 27px;}
    .eti-cont ul li .li-top .li-ico .ico-sound {width: 34px; height: 27px;}
    .eti-cont ul li .li-top .li-ico .ico-chair {width: 28px; height: 32px;}
    .eti-cont ul li .li-top .li-ico .ico-record {width: 40px; height: 18px;}
    .eti-cont ul li .li-top .li-ico .ico-phone {width: 20px; height: 34px;}
    .eti-cont ul li .li-top .li-ico .ico-clap {width: 30px; height: 32px;}

    /*convenience*/
    .convenience .eti-cont ul li .li-top {padding-top: 15px;}
    .convenience .eti-cont ul li .li-top .li-tit {font-size: 28px;}
    .convenience .eti-cont ul li .li-top .li-sub-tit {font-size: 14px;}
    .convenience .eti-cont ul li .li-info .li-tit {font-size: 14px;}
    .convenience .eti-cont ul li .li-info .li-tit br {display: none;}
    .convenience .eti-cont ul li .li-info .li-tit span {font-size: 14px;}
    .convenience .eti-cont ul li .li-top {height: 160px;}
    .convenience .eti-cont ul li .li-info {padding: 20px; margin-top: -5px;}
    .convenience .eti-cont ul li .li-info .info-wrap ul li {font-size: 14px;}
    .convenience .eti-cont ul li .li-top.li3, .convenience .eti-cont ul li .li-top.li4,
    .convenience .eti-cont ul li .li-top.li5, .convenience .eti-cont ul li .li-top.li6,
    .convenience .eti-cont ul li .li-top.li7, .convenience .eti-cont ul li .li-top.li8
    ,.convenience .eti-cont ul li .li-top.li9, .convenience .eti-cont ul li .li-top.li10 {padding-top: 40px;}

    /*modal*/
    .modal-amenity {padding: 30px 10px;}
    .modal-wrap .modal-tit {font-size: 16px; padding: 13px 0;}
    .modal-wrap .modal-input-wrap {padding: 20px 10px;}
    .modal-wrap .modal-input-wrap .modal-input input {padding: 0 10px; height: 50px;}
    .close-btn {top: 5px; right: 10px;}

    .modal-img .close-btn {top: 10px; right: 10px;}
}