/* 피시 화면 크기 (992px 이상) */
@media (min-width: 901px) {
    .m_menu_btn{
        display: none !important;
    }
    .footer_menu ul li > img{
        display: none;
    }

    .layer_button_box{
        position: absolute;
        top: 100px;
        right: -370px;
        width: fit-content;
        width: 270px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .layer_button_box > div {
        text-align: center;
        background-color: #fff;
        padding: 15px 15px;
        border-radius: 30px;
        border:1px solid #e7e7e7;
        width: auto;
        max-width: 270px;
    }

    .layer_button_box > div >div:last-child{
        display: none;
    }


    .layer_button_box > div i{
        font-size: 1.5rem;
        color: #000;
    }

    .layer_button_box > div:hover {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: #000;
    }
    .layer_button_box > div:hover div:nth-child(2) {
        display: block;
    }

    .layer_button_box > div:hover p{
        font-size: .8rem;
        color: #FFFFFF;
    }
    .layer_button_box > div:hover p.lbb_tit{
        font-size: .7rem;
        color: #8c8c8c;
    }


    .layer_button_box > div:hover i{
        color: #fff;
        margin-right: 15px;
    }
    .layer_button_box  > div.lay3:hover i{
        margin-right: 0px;
    }

    .layer_box{

        position: absolute;
        top: 100px;
        left: -155px;
        width: 155px !important;
    }
    .layer_box >div {
        background-color: #757575;
        height: 56px;
        width: 155px;
        text-align: center;


        display: flex;
        align-items: center;
        justify-content: left;
        border-radius: 20px 0px 0px 20px;

    }

    .layer_box >div button{
        background-color: transparent;
        border:0px;
        width: 100%;
        padding-left: 15px;
        color: #fff;
        cursor: pointer;
        font-size: 1.2rem;
    }

    .layer_box >div:first-child{
        background-color: #121212;
        margin-bottom:
    }

    .layer_box >div:last-child{
        background-color: #adacaa;
        margin-bottom:
    }

    .layer_box >div img{
        margin-right: 4px;
    }
    .week{
        width: 101px;
    }
    .ct {
        width: 101px;
    }
}


/* 모바일 화면 크기 (767px 이하) */
@media (max-width: 900px) {
    .wrapper{
        padding-bottom: 80px;
    }
    .contents{
        width: 100%;
    }
    .p_w{
        width: 100%;
    }
    .tele_icon{
        display: none !important;
    }
    .menu_box{
        display: none;
    }
    .logo_box{
        width: 50%;
    }
    .container_header > div.header_top{
        height: 70px;
    }
    .m_menu_btn > a {
        padding:10px 0px;
    }
    .m_menu_btn > a > img{
        max-width: 80%;
    }
    .menu_header{
        height: auto;
        padding: 7px 3px;
    }
    .member_box{
        display: flex;
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .member_box button{
        height: auto;
        font-size: 1rem;
    }
        .member_box button > div{
            width: 50%;
        }
    .member_box > div:first-child{
        border-right: 1px solid #ccc;
    }
    .header_notice_tit{
        display: none;
    }
    .header_top div.header_search{
        width: 200px;
    }
    .notice_header{
        height: auto;
    }
    .notice_header div{
        justify-content: center;
        padding: 4px;
        font-size: 1rem;
    }
    .aaa{
    
        width:100%;
        margin:0px auto;
    }
    .menu_box{
        display: block;
        width: 270px;
        height: 100vh;
        background-color: #363636;
        position: absolute;
        transition: all 0.5s ease;

        right: -270px;
        top:70px;
        z-index: 99;
    }
    .show_m_menu{

        right: 0px;
        z-index: 99;
        transition: all 0.5s ease;
    }

    .menu_box ul{
        display: flex;
        list-style-type: none;
        padding: 0;
        align-items: flex-start;
        height: 100%;
        flex-direction: column;
        padding-top:15px;
    }
    .menu_box ul li{
        margin-bottom: 10px;
        padding-left: 10px;

    }



    .container_full{
        padding-top:15px;
    }
    .list_type div button{
        height: auto;
        font-size: 1rem;
        padding:7px 0px;
    }
    .list_cate{
        margin-top: 22px;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: .8rem;
        padding:0px 4px;
    }
    .list_cate >div:first-child{
        margin-bottom: 15px;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .list_cate >div select{
        font-size: .9rem;
        height: auto;
        width: 50%;
        color: #000;

        background-color: #f9f9f9;
    }
    .item_list{
        padding:2px;
    }
    .item_list_b{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .item_eq{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        font-size: .8rem;
    }
    .item_bookmark{
        border: 0px;
    }
    .item_bookmark a > img{
        max-width: 80%;
    }
    .item_list p.item_title{
        font-size: 1rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: center;
    }
    .show_more{
        height: auto;
        padding-top:20px;
    }
    .show_more button{
        padding:7px 40px;
        font-size: 1.2rem;
        color: #000;
    }
    .layer_button_box{
        position: absolute;
        bottom: 50px;
        right: 10px;
        height: 72px;
    }
    .layer_button_box .lay2,
    .layer_button_box .lay3{
        display: none;
    }
    .layer_button_box .lay1 div:last-child{
        display: none;
    }
    .layer_button_box .lay1 > div:first-child{
        text-align: center;
        background-color: #fff;
        border:1px solid #e7e7e7;
        width: 72px;
        height: 72px;
        line-height: 72px;
        border-radius: 50%;
        font-size: 1.5rem;
    }

    .footer{
        height: auto;
    }
    .footer_menu{
        width: 100%;
    }
    .footer_menu img{
        display: none;
    }
    .footer .copyright{
        display: none;
    }
    .footer_tel_box{
        display: none;
    }
    .f_m{
        width: 100%
    }
    .footer_menu div > ul{
        margin-bottom: 0px;
    }
    .footer_menu div > ul li{
        width: 33.33%;
        justify-content: center;
        flex-direction: column;
        padding:15px 0px;
    }
    .footer_menu div > ul li > img{
        display: block;
        margin-bottom: 10px;
    }
    .footer_menu img{
        margin-right: 0px;
    }
    .list_page{
        padding:30px 10px;


    }
    .list_p_title{
        font-size: 2rem;
    }
    .list_p_ltit h1{
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    .list_p_ltit span{
        display: none;
    }
    .list_page  .layer_button_box{
        bottom: 10px;
    }
    .list_data ul li > div.l_d_t a{
        font-size:1rem;
    }
    .list_data ul li > div.l_d_t a img{
        max-width: 70%;
        width: 24px;
    }
    .list_p_detail{
        margin-bottom: 20px !important;
    }

    .layer_box{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 50px;
    }

    .layer_box div{
        width: 50%;
        text-align: center;
    }
    .layer_box div:first-child{
        padding-right: 8px;
    }
    .layer_box div:last-child{
        padding-left: 8px;
    }
    .layer_box div > button{
        width: 100%;
        background-color: #757575;
        border:0px;
        padding: 10px 0px;
        color: #fff;
        border-radius: 15px;
    }
    .layer_box div:first-child > button{
        background-color: #000;
    }
    .layer_box div > button img{
        width: 24px;
    }
    .layer_box div:last-child > button{
        background-color: #adacaa;
    }

    .d_p_btns{
        margin-bottom: 20px
    }
    .detail_page {
        margin-bottom: 60px;
    }
    .detail_page .layer_button_box{
        bottom: -50px;
    }
    .notice_list .card-body{
        padding: 0px;
    }
    .notice_list >div.card {

        padding: 0px 5px;
    }
    .card-body tr:last-child td{
        border-bottom: 1px solid #ccc;
    }

    .page_link{
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 1rem;
    }
    .hn_pagination ul{
        padding: 0px;
    }

    .notice_list {
        position: relative;
    }
    .notice_list .layer_button_box{
        bottom:-50px;
    }
    .notice_reg_date{
        display: none;
    }

    .d_p_btns > div button{
        font-size: 1.2rem;
    }

    .d_p_btns > div:first-child{
    	display: flex;
    	justify-content: space-between;
    }

    .week{
        font-size: .9rem;
        padding:7px 10px;
    }
    .ct {
        font-size: .9rem;
    }

    select {
            border: 1px solid #ccc;         /* 테두리 스타일 */
             padding: 5px;                   /* 패딩 */
             border-radius: 5px;             /* 둥근 모서리 */
             background-color: white;
    }
}