@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px;background:#fff}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

	.livech_title {
		font-family: "Gmarket Sans";
        font-weight: 700;
        font-size: 22px;
        color: var(--white);
	}
    /* 중계채널 */
    .livech_wrap {
        width: 100%;
        border: 1px solid #333;
        border-radius: 15px;
        padding: 10px;
        margin-bottom: 10px;
        background-color: #0e1e37;
        overflow: hidden;
    }

    .livech_inner {}

    .livech_wrap>.livech_inner>p,
    .popular_wrap>p {
        font-size: 16px;
        color: #b5b5b5 !important;
        font-family: 'Nanum Gothic', sans-serif;
    }

    .livech_wrap>.livech_inner>p>span,
    .popular_wrap>p>span {
        color: #999;
        padding-left: 8px;
    }

    .livech_wrap>.livech_inner>ul {
        padding: 10px;
        display: flex;
        text-align: center;
    }

    .livech_wrap>.livech_inner>ul>li {}

    .livech_wrap>.livech_inner>ul>li:last-child {
        margin-right: 0px
    }

    .livech_wrap>.livech_inner>ul>li>a {
        display: block;
        height: 80px;
        line-height: 80px;
    }

    .livech_wrap>.livech_inner>ul>li>a>img {
        width: 50%;
        vertical-align: middle;
    }

    /* 모바일 대응 */
    @media (max-width: 768px) {

        /* 768px 이하의 화면 */
        .livech_wrap>.livech_inner>ul>li>a>img {
            width: 100%;
            /* 모바일에서 더 넓게 표시 */
            max-width: 100%;
            /* 부모 요소 너비에 맞추기 */
            height: auto;
            /* 비율 유지 */
        }
    }