.ccSech-container, .ccSech-container-Deta{
    margin-top: 27vh;
    padding-bottom: 17vh;
}

.ccSech-container .ccSech-window{
    margin: 0 auto;
    text-align: center;
    position:relative;
}
.ccSech-window input{
    width: 80vw;
    height: 30px;
    border-radius: 5px;
    background-color: #e7e7e7;
    border: none;
    ime-mode:active;
    font-size: 18px;
}
.ccSech-window input:focus{
    border: var(--main-color) 1px solid;
    outline: none;
}
/*.ccSech-window span{*/
/*    position:absolute;*/
/*    right: 7%;*/
/*    line-height: 30px;*/
/*    font-size: 18px;*/
/*    font-weight: 800;*/
/*    width: 70px;*/
/*    height: 30px;*/
/*    color: rgba(0, 0, 0, 0.5);*/
/*}*/
.ccSech-window img{
    position:absolute;
    right: 6%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
}
#ccSech-List-box{
    text-align: left;
}
#ccSech-List-box li{
    width: 80vw;
    font-size: 13px;
    margin: 20px auto;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(222, 222, 222, 0.56);
}

/*골프장 상세*/
.ccSech-container-Deta .nav-menu-header.board-pos-fix{
    display: block;
    color: #000;
    /*padding-top: 20px;*/
}
.ccSech-container-Deta .nav-menu-header h1{
    text-align: left;
    font-size: 2.3rem;
    font-weight: 700;
    margin: 15px 0px 10px 60px;
}
.ccSech-container-Deta .nav-menu-header h1 span{
    margin: 0;
}
.ccSech-container-Deta .nav-menu-header span{
    text-align: left;
    font-size: 1.8rem;
    margin: 15px 0px 0px 90px;
}
.ccSech-container-Deta .nav-menu-header p{
    text-align: left;
    font-size: 1.8rem;
    font-weight: 400;
    margin-left: 60px;
}
.ccInfo-li li{
    height: 200px;
    width: 90vw;
    border: 1px solid grey;
}
.ccInfo-li p{
    font-size: 1.3rem;
    font-weight: 700;
}

.ccSechList-teas-box{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-around;
    margin: 20px;
    border: 1px solid #cecece;
    padding: 10px;
}
.ccSechList-teas-box .ccSech-date{
    font-size: 1.7rem;
    margin: 5px 0px 10px 0px;
}
.ccSechList-teas-box .ccSech-teas{
    /*margin: 0px 20px;*/
    display: flex;
    justify-content: center;
}
.ccSechList-teas-box .ccSech-price{
    color: var(--main-color);
    font-size: 1.8em;
    font-weight: bolder;
    width: 100px;
    text-align: right;
    margin: auto ;
}
.ccSechList-teas-box ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 190px;
    border-right: 1px solid var(--main-color);
}
.ccSechList-teas-box li{
    display: flex;
    align-items: center;
    text-align: center;
    width: 45%;
    height: 20px;
    border-radius: 8px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 1rem;
    font-family: 'NanumBarunpenB' , sans-serif;
}

.ccSechList-teas-box li>div.teas-name{
    width: 70%;
    height: 20px;
    background-color: var(--main-color);
    border-radius:  8px 0 0 8px;
}
.ccSechList-teas-box li>div.teas-name.teas-dawn{
    background-color: #5fcc93;
}
.ccSechList-teas-box li>div.teas-name.teas-morning{
    background-color: #5dc9b8;
}
.ccSechList-teas-box li>div.teas-name.teas-afternoon{
    background-color: #53b664;
}
.ccSechList-teas-box li>div.teas-name.teas-night{
    background-color: #459b88;
}
.ccSechList-teas-box li>div.teas-name p{
    color:#fff;
}
.ccSechList-teas-box li>div.teas-no{
    width: 30%;
    height: 20px;
    background-color: #fff;
    padding-left: 3px;
    text-align: center;
    border-radius: 0 8px 8px 0;
}
.ccSechList-teas-box li p{
    text-align: center;
    padding: 5px 0;
    color:#000;
    font-size: 1.3rem;
}
.ccSechList-teas-box>img.rest-img{
    position: absolute;
    right: 20px;
    top:10px;
    width: 35px;
    height: 20px;
    object-fit: cover;
}
.ccSechList-teas-box>.rest-count{
    position: absolute;
    right: 17px;
    top:2px;
    width: 15px;
    height: 15px;
    background-color: red;
    color: white;
    border-radius: 50%;
    /*z-index: 1;*/
    text-align: center;
    font-size: 13px;
    font-weight: bolder;
    line-height: 15px;
}

.empty-ccSech-List {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 900;
    color: rgba(0, 0, 0, 0.5);
    line-height: 60px;
}
.ccSech-empty-box{
    position: relative;
    width: 100vw;
    height: 400px;
}
.ccSech-empty-box .rest-empty{
    width: 100%;
    margin: auto;
    object-fit: cover;
}
.ccSech-empty-box .rest-img{
    position: absolute;
    width: 100px;
    bottom: 33%;
    right: 35%;
}
.testborder{
    border: 1px solid red;
}