@charset "utf-8";

/* 변수 */
:root {
    --width-8: calc(100% / 8);
    --width-6: calc(100% / 6);
    --width-5: 20%;
    --width-4: 25%;
    --width-3: calc(100% / 3);
    --width-2: 50%;
    --width-1: 100%;
}


/* Common : 공통 */
.mobile_btn {
    display: none;
}
#denallHeader.denall-tv-integ-wrap .mainHeader {
    transition: all .2s;
}
#denallHeader.denall-tv-integ-wrap .subHeader {
    padding: 0 30px 0 216px;
    transition: all .2s;
}
.subHeader_vod {
    margin-left: 0;
}
#denallHeader .btn_top_close {
    display: none;
}
#denallHeader .header-left {
    z-index: 102;
}
.body_hidden {
    overflow: hidden;
}
#denallHeader .mobile_btn_fixed {
    top: 10px !important;
    position: fixed !important;
}
#denallHeader .mobile_btn_fixed.mobile_close {
    top: -1px !important;
}
#denallHeader.active.denallHeader_fixed .mainHeader #denallGnb {
    position: fixed;
    margin-top: 0;
    height: calc(100% - 44px);
    top: 44px;
}
#denallHeader.active.denallHeader_fixed .subHeader_program {
    top: 44px;
    height: calc(100vh - 44px);
}
.pro_list_right.vod_play .pro_list_right_title {
    padding: 25px 38px 15px;
}
/* 20231208 main : dental news list */
.dental_news_banner_list.dental_news_list {
    display: none;
}
.fieldset2 .form-row .filebox .upload-hidden {
    width: auto;
}


/* Common : 모바일 Nav */
#denallHeader .mobile_close {
    display: none;
}


/* 아이콘 사이즈 */
#denall_mainIndex .main_video_area .video_share_area .video_share_item img {
    width: 38px;
}
.video_info .program_title_block .program_title_icon {
    width: 19px;
}
.video_info .program_title_block .program_news_icon {
    width: 20px;
}
.slick_vod_list .slider_arrow.next, .slick_vod_list .slider_arrow.prev, .slick_vod_list .slider_arrow.next:hover, .slick_vod_list .slider_arrow.prev:hover {
    background-size: auto 50px;
}
.card_vod_heart {
    background-size: 38px auto;
}
.dental_news_subject img {
    width: 37px;
}
.live_chatting_title img {
    width: 47px;
}
.miniplayer .closebtn, .miniplayer .closebtn:active {
    background-size: 10px 10px;
}
.chatting_typing_area .btn_modify {
    background-size: 12px 12px;
}
.side_menu .goto {
    background-size: 18px 11px;
}
.vod_comment_refresh {
    width: 25px;
}



@media screen and (max-width: 1800px) {
    /* My VOD : Detail */
    .vod_detail {
        flex-direction: column;
    }
    .vod_detail .vod_detail_area, .vod_detail_title, .vod_detail .amendment_area {
        width: 1140px;
        margin: 0 auto;
    }
    .vod_detail .bg_left {
        flex-grow: 1;
        padding: 20px;
        display: unset;
    }
    .vod_detail .bg_left .vod_detail_left {
        width: auto;
        min-width: unset;
    }
    .vod_detail .bg_right {
        padding: 20px;
        width: auto;
    }
    .vod_detail .bg_right .vod_detail_right {
        max-width: unset;
        min-width: unset;
        padding: 0;
    }

    /* Etc */
    #denall_noResult {
        height: auto;
    }
    #denall_noResult .bg, #denall_noResult .bg_whole, #denall_noResult .denall_noresult_inner div.noresult_img_area {
        display: none;
    }
    #denall_noResult .denall_noresult_inner {
        width: auto;
        position: unset;
        margin: 0;
        padding: 80px 20px;
    }
    #denall_noResult .denall_noresult_inner div.noresult_info {
        float: unset;
        margin: 0;
        text-align: center;
    }
    #denall_noResult .denall_noresult_inner div.noresult_info .btn_box {
        display: flex;
    }

}


@media screen and (max-width: 1680px) {
    /* Common : 공통 */
    html, body {
        font-size: 14px;
    }
    #denallHeader {
        min-width: 320px;
        transition: all 1s;
    }
    .l-inner {
        width: auto;
    }
    #denallFoot, #wrap {
        width: auto;
        min-width: 320px;
    }
    .l-inner-full {
        width: auto;
        min-width: unset;
    }
    #denallFoot .l-inner {
        padding: 0 20px
    }
    #denallFoot .l-inner, #denallFoot .footer_menu, #denallFoot .denall_footer_info {
        width: auto;
        min-width: auto !important;
    }
    input[type="text"], textarea, select {
        font-size: 14px !important;
    }
    input::placeholder,  input::-webkit-input-placeholder, input:-ms-input-placeholder, input:-mos-input-placeholder {
        font-size: 14px;
    }
    .ui-datepicker-month, .ui-datepicker-year {
        font-size: 20px !important;
    }


    /* Common : 상단 검색박스 수정*/
    #denallHeader .btn_top_search_open {
        width: 22px;
        height: 22px;
        display: inline-block;
        background: url(../../images/icn-gnb-search-n-m.svg) no-repeat;
        cursor: pointer;
    }
    .mini_gnb_2 .icon_search {
        background: url(../../images/icn-gnb-search-n-m.svg) no-repeat;
    }
    .mini_gnb_2 .alert_icon {
        background: url(../../images/icn-gnb-alert-n-m.svg) no-repeat;
    }
    #denallHeader .mainHeader .btn_top_search_open.close_btn {
        background: #ececf0 url(../../images/close_btn_bk.svg) no-repeat center center;
        background-size: 18px auto;
        border: 1px solid #d6d6dd;
        width: 32px;
        height: 32px;
        border-radius: 3px;
    }
    #denallHeader .btn_top_close {
        background: url(../../images/close_btn_bk.svg) no-repeat center center;
        display: inline-block;
        width: 18px;
        height: 18px;
        flex-shrink: 0;
    }
    #denallHeader .top_search_area.active .btn_top_close {
        position: unset;
    }
    #denallHeader .mainHeader .top_search_area {
        display: none;
    }
    #denallHeader .mainHeader .top_search_area.active {
        display: flex;
        z-index: 104;
        position: absolute;
        right: -8px;
        top: -5px;
        width: 365px;
        gap: 10px;
    }
    #denallHeader .mainHeader .mini_gnb_2 .alert_area {
        margin-left: 20px;
    }
    #denallHeader .mainHeader .mini_gnb_2::after {
        width: 0;
        margin: 0 10px
    }
    #denallHeader .mainHeader .search_detail_box {
        left: -190px
    }
    .denall-tv-integ-wrap .top_search_area .search_detail::after {
        margin-right: 4px;
    }


    /* Common : 서브 LNB 영역 수정*/
    #denallHeader .subHeader_program_item {
        margin-right: 18px;
    }


    /* Main : Section Box */
    #denall_mainIndex .recommend_vod .recommend_vod_listItem {
        width: 20%;
    }


    /* Vod List : Category/Search List */
    #denall_search .result_option_area {
        flex-direction: column;
        align-items: unset;
    }
    #denall_search .result_option_area .filter_option {
        justify-content: space-between;
    }

    #denall_search .result_option_area .filter_option .btn_search_filter {
        flex: 1;
    }
    #denall_search .result_option_area .filter_option a .ddc_banner_style {
        position: unset;
    }
    #denall_search .result_option_area .list_option .sort_list {
        flex: 1;
    }
    #denall_search .result_option_area .list_option .sort_list li{
        flex: 1;
        width: auto;
    }
    #denall_search .result_option_area .list_option {
        margin-top: 20px;
        display: flex;
        gap: 10px;
    }
    #denall_search .result_option_area .list_option .filter_option {
        display: none;
    }
    #denall_search .result_option_area .list_option .masterCourseLink {
        margin-right: 0;
    }
    #denall_search .result_option_area .list_option .teeth-pick {
        margin-right: 0;
    }
    #denall_search .result_option_area .list_option .category_search_area {
        margin-right: 0 !important;
    }
    #denall_search .result-list {
        position: relative;
    }
    #denall_search .result-list .search_filter_area {
        height: 240px;
        overflow-y: auto;
        gap: 20px;
    }
    #denall_search .result-list .search_filter_area .wrap_filter_category {
        flex: 1;
        margin-left: 0;
    }
    #denall_search .result-list .search_filter_area .wrap_program_list .filter_list {
        width:auto;
        flex-direction: column;
    }
    #denall_search .result-list .search_filter_area .wrap_filter_list {
        flex-direction: column;
    }
    #denall_search .result-list .search_filter_area .wrap_filter_list .filter_list .filter_item {
        width: auto;
    }
    #denall_search .result-list .search_filter_area .close_filter {
        position: absolute;
        right: 20px;
        top: 20px;
    }
    #denall_search .btn_ctg_consensusreport {
        position: unset;
    }


    /* My Page : 시청내역 */
    #mypage .mypage_result_vod_list {
        margin: 0 -5px;
    }
    #mypage .mypage_result_vod_list li {
        width: var(--width-5);
        margin: 0;
        padding: 0 5px;
        height: auto;
    }
    #mypage .mypage_result_vod_list li .thumb_img {
        padding-top: 56.11%;
        overflow: hidden;
    }
    #mypage .mypage_result_vod .common_vod_item .common_vod_item--bgbox {
        width: auto;
        height: auto;
    }
    #mypage .mypage_result_vod_list li:nth-child(5n) {
        margin-right: 0;
    }
    #mypage .mypage_result_vod .common_vod_item .common_vod_item--bgbox img {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 100%;
        height: 100%;
        transform: translate(-50%, -50%);
    }
    #mypage .mypage_result_vod .common_vod_item .common_vod_item--wrap {
        margin-bottom: 40px;
    }
    #mypage .mypage_result_program_list li {
        width: var(--width-5);
        margin: 0;
        padding: 0 5px;
        height: auto;
    }

    #mypage .mypage_result_program_list li:nth-child(5n) {
        margin-right: 0;
    }
}


@media screen and (max-width: 1600px) {
    .mypage_news_reporthistory.mypage_whole_content .mypage_right_content {
        min-width: auto !important;
        width: 100%;
    }
    .mypage_news_reporthistory .grid-item {
        max-width: unset;
    }
}


@media screen and (max-width: 1480px) {
    /* Sub : Common */
    .lnb {
        float: unset !important;
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 0 !important;
        position: relative !important;
    }
    .lnb .lnb_list {
        width: 100% !important;
        border: none !important;
        overflow-x: auto;
        white-space: nowrap;
        display: flex;
        width: 100%;
        overflow-y: hidden;
    }
    .lnb .lnb_list::after {
        content: '';
        display: inline-block;
        position: absolute;
        right: 0;
        top: 100px;
        width: 60px;
        height: 36px;
        background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    }
    .lnb .lnb_list li:last-child a {
        padding-right: 60px
    }
    .lnb .lnb_list li {
        flex: 1 1 auto;
        width: auto;
    }
    .lnb .lnb_list li a{
        display: flex;
        padding: 0 30px;
        justify-content: center;
    }
    .lnb .lnb_list li.sub_lnb {
        height: 44px;
    }
    .lnb .lnb_list li.sub_lnb>div {
        display: none;
    }
    .lnb .lnb_list li.sub_lnb.active {
        margin-bottom: 60px;
    }
    .lnb .lnb_list li.sub_lnb.active>div {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
        overflow-x: auto;
        white-space: nowrap;
        display: flex;
        margin-top: 15px;
        width: 100%;
    }
    .lnb .lnb_list li.sub_lnb.active>div p {
        flex: 1 1 auto;
        width: auto;
        position: relative;
    }
    .lnb .lnb_list li.sub_lnb.active>div p a {
        display: block;
        height: 37px;
        font-size: 14px;
        font-weight: bold;
        height: 37px;
        line-height: 37px;
        text-align: center;
        padding: 0 4px;
        color: #111;
    }
    .lnb .lnb_list li.sub_lnb.active>div p a::after {
        content: '';
        position: absolute;
        right: 0;
        top: 12px;
        width: 1px;
        height: 12px;
        background-color: #666;
    }
    .lnb .lnb_list li.sub_lnb.active>div p:last-child a::after {
        width: 0;
    }
    .lnb .lnb_list li.active >a.hvbg {
        border-bottom: 2px solid #3300ff;
    }
    .denall_integ_button_area {
        display: none;
    }


    /* My Page */
    #mypage .mypage_whole_content {
        max-width: unset;
        display: flex;
        flex-direction: column;
    }
    #mypage .mypage_whole_content .mypage_right_content {
        width: auto;
        float: unset;
        margin: 0;
        padding: 20px;
        max-width: unset !important;
        min-width: unset !important;
    }
    #mypage .mypage_whole_content .mypage_right_content h3 {
        font-size: 24px;
        text-align: center;
    }
    .mypage_mypost_comment_list li >div.comment_inner {
        max-width: unset;
        width: calc(100% - 132px);
    }


    /* CS Center */
    #cs, .cs_whole_content {
        max-width: none;
    }
    #cs .newsroom_banner {
        display: none;
    }
    #cs .cs_whole_content {
        flex-direction: column;
    }
    #cs .cs_whole_content .right_content {
        width: auto;
        float: unset;
        margin: 0;
        padding: 20px;
        max-width: unset;
    }
    #cs .cs_whole_content .right_content h3 {
        font-size: 24px;
        text-align: center;
    }
    #cs .cs_whole_content .lnb {
        flex-shrink: unset;
    }


    /* CS : Event */
    #cs .event_list >ul {
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }
    #cs .event_list >ul >li {
        width: 20%;
        margin: 0;
    }
    #cs .event_list >ul >li a {
        padding: 0 5px;
    }
    #cs .event_list >ul >li .list_img {
        width: auto;
        height: auto;
        position: relative;
        padding-top: 76.11%;
    }
    #cs .event_list .list_img img {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 100%;
        height: 100%;
        transform: translate(-50%, -50%);
    }


    /* News List */

    #vod_pro_home .vod_info_tab .l-inner {
        margin: 0 auto;
    }
    #vod_pro_home .vod_info_tab ul li {
        margin: 0 20px;
    }
    #vod_pro_home .vod_info_tab .video_share {
        position: unset;
    }





    /* Vod Home : Program List */
    #denall_vodHome .program_list_gnb_area h3 {
        font-size: 24px;
    }


    /* My VOD : List */
    .vod_manage_page .l-inner-full {
        min-width: auto;
        padding: 20px 50px;
    }
    .vod_manage_page .vod_manage_contents .alignSB {
        flex-direction: column;
    }
    .vod_manage_page .vod_manage_title h2 {
        font-size: 24px;
    }


    /* My VOD : Detail */
    .vod_detail .vod_detail_title h3{
        font-size: 24px;
    }

}

@media screen and (max-width: 1440px) {
    #denallGnb {
        margin-left: 88px;
    }
}

@media screen and (max-width: 1280px) {
    /* Common : 공통 */
    ::-webkit-scrollbar {
        width: 3px;
        height: 3px;
    }
    ::-webkit-scrollbar-thumb {
        background: #a9a9a9;
        border-radius: 10px;
    }
    .subHeader_vod .link_my_vod {
        margin-right: 100px !important;
        /* text-indent: -9999px;
         background: url(../../images/icon_my_vod.png) no-repeat 0 0;
         width: 24px;
         height: 24px; */
    }
    #denallHeader .mainHeader {
        padding: 0 20px 0 10px;
    }
    #denallHeader.active .mainHeader {
        padding-left: 20px;
    }
    /* html { -ms-overflow-style: none; }
    ::-webkit-scrollbar { display: none; }
    element::-webkit-scrollbar { display: none; } */


    /* Common : 서브 LNB 영역 수정*/
    #denallHeader.denall-tv-integ-wrap .subHeader {
        justify-content: flex-end;
    }
    #denallGnb, .subHeader_program {
        display: none !important;
    }


    /* 이미지 사이즈 */
    #denallFoot .l-inner .footer-logo {
        background: url(../../images/bottom_ci.jpg) no-repeat 0 0;
        background-size: 74px auto;
        width: 74px;
        height: 28px;
    }
    #denallFoot .l-inner .footer-logo img {
        display: none;
    }
    #denallFoot .footer_menu .sns_item a {
        display: inline-block;
        width: 28px;
        height: 28px;
    }
    #denallFoot .footer_menu .sns_item a img {
        display: none;
    }
    #denallFoot .footer_menu .sns_item:nth-child(1) a{
        background: url(../../images/bottom_fb.jpg) no-repeat 0 0;
        background-size: 28px auto;
    }
    #denallFoot .footer_menu .sns_item:nth-child(2) a{
        background: url(../../images/bottom_kt.jpg) no-repeat 0 0;
        background-size: 28px auto;
    }

    /* Common : 모바일 Nav 추가 */
    #denallHeader .mobile_btn {
        display: flex;
        flex-direction: column;
        cursor: pointer;
        order: 1;
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        margin-right: 5px;
    }
    #denallHeader .mobile_btn span {
        width: 20px;
        height: 2px;
        background-color: #333;
        margin: 2.5px 0;
        transition: 0.4s;
    }
    #denallHeader .mobile_btn span:nth-child(2) {
        width: 16px;
        margin-right: 4px;
    }
    #denallHeader .mobile_close {
        display: flex;
        position: absolute;
        font-weight: normal;
        font-size: 14px;
        align-items: center;
        left: 8px;
        width: 44px;
        height: 44px;
        top: 50px;
        z-index: 105;
        flex-direction: unset;
        cursor: pointer;
    }
    #denallHeader .mobile_close span {
        display: none;
    }
    #denallHeader .mobile_close::after {
        content: '';
        display: inline-block;
        width: 0.8rem;
        height: 0.8rem;
        border-left: 0.15rem solid #333;
        border-bottom: 0.15rem solid #333;
        transform: rotate(45deg);
        background-color: unset;
        margin-left: 5px;
    }
    #denallHeader .alert_logout {
        z-index: 108;
    }
    #denallHeader .header-left {
        order: 2;
        margin-right: auto!important;
    }
    .mini_gnb_list {
        order: 3;
    }


    /* Mobile Nav Active */
    #denallHeader.active {
        height: 100vh;
    }
    #denallHeader.active {
        *zoom: 1;
    }
    #denallHeader.active:after {
        content: "";
        display: block;
        clear: both
    }
    #denallHeader.active .mainHeader #denallGnb{
        display: flex !important;
        position: absolute;
        top: 94px;
        left: 0;
        width: 30%;
        background: #f7f7f7;
        height: calc(100vh - 94px);
        margin: 0;
    }
    #denallHeader.active #denallGnb .list_gnb_item:hover::before, #denallHeader.active #denallGnb .list_gnb_item.active::before, #denallHeader.active #denallGnb .list_gnb_item:hover::after, #denallHeader.active #denallGnb .list_gnb_item.active::after {
        display: none
    }
    #denallHeader.active .mini_gnb_list  {
        z-index: 108;
    }
    #denallHeader.active .mini_gnb_list .side_menu {
        display: none !important;
    }
    #denallHeader.active.denall-tv-integ-wrap .mainHeader {
        border-bottom: 1px solid #fff;
    }
    #denallHeader.active .subHeader {
        box-shadow: none;
        border-bottom: 1px solid #7716c8;
    }
    #denallHeader.active #denallGnb .list_gnb {
        flex-direction: column;
        width: 100%;
    }
    #denallHeader.active #denallGnb .list_gnb_item:hover, #denallHeader.active #denallGnb .list_gnb_item.active {
        background-color: unset;
    }
    #denallHeader.active #denallGnb .list_gnb_item.active::after {
        content: '';
        display: inline-block;
        border: 6px solid transparent;
        border-left-color: #f7f7f7;
        position: absolute;
        right: -12px;
        top: 18px;
        opacity: 1;
        height: 0;
    }
    #denallHeader.active #denallGnb .list_gnb_item {
        height: auto;
    }
    #denallHeader.active #denallGnb .list_gnb_link {
        display: flex;
        border-bottom: 1px dashed #cacaca;
        padding: 12px 0;
        margin: 0 15px;
        flex: 1;
        font-size: 16px;
    }
    #denallGnb .list_gnb_item.active .list_gnb_link::after, #denallGnb .list_gnb_item:hover .list_gnb_link::after {
        display: none !important;
    }
    #denallGnb .list_gnb .active .gnb_maintitle, #denallGnb .list_gnb .gnb_maintitle {
        font-size: 16px;
    }
    #denallHeader.active.denall-tv-integ-wrap #denallGnb .list_gnb_item.active .list_gnb_link::after {
        display: none;
    }
    #denallHeader.active.denall-tv-integ-wrap #denallGnb .list_gnb_item:hover .list_gnb_link::after {
        display: none;
    }
    #denallHeader .open_vod_upload {
        display: flex;
        width: 24px;
        height: 24px;
        text-indent: -9999px;
        background-image: unset;
        background: url('../../images/icon_vod_upload.svg') no-repeat 0 0;
    }
    #denallHeader .open_vod_upload img {
        display: none;
    }
    #denallHeader .open_vod_upload:hover{
        background-image: unset;
        background: url('../../images/icon_vod_upload.svg') no-repeat 0 0;
    }
    #denallHeader.active .subHeader_program {
        display: flex !important;
        align-items: flex-start;
        width: 70%;
        float: left;
        position: absolute;
        top: 94px;
        right: 0;
        height: calc(100vh - 94px);
        justify-content: flex-start;
        background-color: #000009;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: none;
    }
    #denallHeader.active .subHeader_program .subHeader_program_list {
        display: block;
        padding: 12px 20px 30px;
        width: 100%;
        height: 800px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: none;
    }
    #denallHeader.active .subHeader_program::-webkit-scrollbar {
        display: none; /* 크롬, 사파리, 오페라, 엣지 */
    }
    #denallHeader.active .subHeader_program .subHeader_program_list::-webkit-scrollbar {
        display: none; /* 크롬, 사파리, 오페라, 엣지 */
    }
    #denallHeader.active .subHeader_program a {
        display: block;
        color: #fff !important;
        font-weight: normal;
        width: 100%;
        margin-right: 0;
        /*height: 26px;*/
        max-height: 50px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    #denallHeader.active .subHeader_program a.subHeader_program_all{
        padding-left: 21px;
        font-size: 13px;
        color: #9b7bd9 !important;
        background: url(../../images/btn-gnb-pro-all-h-s.png) no-repeat;
        background-position: 0 5px;
        height: 50px;
        margin-bottom: 0;
    }
    .mini_gnb_2 .search_alert {
        position: absolute;
        top: 60px;
        right: 20px;
    }
    #denallHeader.denallHeader_fixed  .mini_gnb_2 .search_alert {
        position: fixed;
        top: 10px;
    }
    .kt-header--minimize   .mini_gnb_2 .search_alert {
        position: fixed;
        top: 10px;
    }


    /* Commmon : Footer */
    #denallFoot .footer_menu_inner {
        flex-wrap: wrap;
    }
    #denallFoot .inner_footer_btn {
        display: flex;
        margin-top: 10px;
        justify-content: space-between;
        width: 100%;
    }
    #denallFoot a, #denallFoot .sns, #denallFoot .family_site_select {
        position: unset !important;
    }
    #denallFoot .inner_footer_btn > a, #denallFoot .inner_footer_btn .family_site_select {
        flex: unset;
    }
    #denallFoot .footer_menu {
        padding: 0 15px;
        border-bottom: none;
    }
    #denallFoot .footer_menu .sns {
        justify-content: center;
    }
    #denallFoot .inner_footer_fnb_list li {
        display: flex;
        margin-right: 0;
        flex: 1;
        justify-content: center;
        line-height: 40px;
        height: 40px;
    }
    #denallFoot .inner_footer_fnb_list li.box {
        margin-right: 0;
        box-sizing: border-box;
    }
    #denallFoot .l-inner {
        padding: 0;
    }
    #denallFoot .inner_footer, #denallFoot .inner_footer_btn {
        padding: 0 15px;
    }
    #denallFoot .footer_notice {
        padding: 15px;
    }
    #denallFoot .l-inner table tr, #denallFoot .l-inner table tr td {
        display: block;
    }
    #denallFoot .denall_footer_info_copyright {
        margin: 10px 0 5px;
        line-height: 18px;
    }
    #denallFoot .certification_wrap {
        position: absolute !important;
        top: 10px;
        right: 15px;
        margin-top: 0;
    }
    #denallFoot .inner_footer_fnb {
        min-width: auto;
        width: 100%;
        margin-bottom: 10px;
    }
    #denallFoot .inner_footer_fnb_list {
        display: block;
        margin: 0 -15px;
    }
    #denallFoot .inner_footer_fnb_list li {
        margin-right: 0;
        width: calc(100% / 3);
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        box-sizing: border-box;
    }
    #denallFoot .inner_footer_fnb_list li:nth-child(3n) {
        border-right: none;
    }
    #denallFoot .inner_footer_fnb_list .box {
        border-top: none;
        border-left: none;
    }


    /* Main : Main_Video_Area */
    .vod_info_tab_area .vod_info_panel .panel1_more, .product_des .panel1_more {
        margin: 10px auto 5px;
    }
    .right_open .main_video_area_inner_playing {
        margin-right: 0;
    }
    .main_video_area_inner_playing .video_info {
        padding-right: 0 !important
    }
    #denall_mainIndex .btn_arrow_right {
        display: none !important;
    }
    #denall_mainIndex .main_video_info_left {
        width: 100%;
    }
    #denall_mainIndex .main_video_info_right, .fullscreen_video_info_right {
        display: none !important;
    }
    #denall_mainIndex .vod_list_right {
        display: flex !important;
        width: 100%;
        position: relative;
        flex-wrap: wrap;
        background: #111446;
        top: 0 !important;
    }
    .vod_list_right.live_vod .vod_list_right_title, .vod_list_right.vod_play .vod_list_right_title.vlrt1 {
        height: auto;
        width: 100%;
    }
    /* .vod_list_right_title h3 {
         height: 30px;
     }*/
    #denall_mainIndex .vod_list_right.live_vod .vod_list_right_title {
        box-shadow: none !important;
    }
    .vod_list_right_title h3.standalone-title {
        margin: 20px 20px 10px;
    }
    #denall_mainIndex .vod_list_right .osstem_ad_banner_wrap {
        display: flex;
    }
    #denall_mainIndex .vod_list_right .osstem_ad_banner, #denall_mainIndex .pro_list_right .osstem_ad_banner {
        display: none;
    }
    #denall_mainIndex .main_video_area .vod_list_right .osstem_ad_banner {
        width: 50%;
        max-width: unset;
        max-height: unset;
        display: inline-block;
    }
    #denall_mainIndex .main_video_area .vod_list_right .osstem_ad_banner img {
        width: 100%;
        height: 100%;
    }
    #denall_mainIndex .vod_list_right .vod_list_right_inner_list {
        height: 100%;
        max-height: 272px;
        /*overflow-y: scroll !important;*/
        background-size: cover;
        width: 100%;
    }
    #denall_mainIndex .vod_list_right.vod_play .vod_list_right_inner_list {
        overflow-y: scroll !important;
    }
    #denall_mainIndex .vod_list_right .vod_list_right_inner_list li {
        float: left;
        width: 50%;
    }
    #denall_mainIndex .vod_list_right .vod_list_right_inner_list .thumb_title_subject {
        width: auto;
    }
    .vod_play .vod_comment_area, .right_open .vod_comment_area {
        margin-right: 0;
    }
    .vod_play .recommend_vod, .right_open .recommend_vod {
        padding: 0;
    }
    .vod_list_right.vod_play .vod_list_right_title.vlrt1 {
        display: flex;
        width: 100%;
    }
    .vod_list_right.vod_play::after {
        content: '';
        background: url(../../images/img-videolist-bottom-gradation.png) no-repeat center;
        position: absolute;
        bottom: -10px;
        height: 86px;
        width: 100%;
        background-size: cover;
        z-index: 2;
    }
    #denall_mainIndex .vod_list_right_inner_list .thumb_title_heart {
        bottom: 16px;
    }
    #denall_mainIndex .playlist-playlist .my-vod-list-wrap {
        flex: 1;
    }
    #denall_mainIndex .vod_list_right.vod_play .chatting_area {
        width: 100%;
        /* position: absolute;
	    bottom: 0; */
        z-index: 3;
        height: 320px !important;
    }
    #denall_mainIndex .vod_list_right.vod_play .my-vod-list-wrap {
        position: absolute;
        bottom: 0;
        z-index: 1;
        height: 320px !important;
        background: #111446;
    }
    #denall_mainIndex .vod_list_right.vod_play .my-vod-list-wrap .vod_list_right_inner_list {
        max-height: 320px;
        padding-top: 10px;
    }
    #denall_mainIndex .vod_list_right.live_vod .chatting_area {
        width: 100%;
        height: 100%;
        min-height: 272px;
    }
    #denall_mainIndex .vod_list_right.live_vod .chatting_area .chatting_list_area{
        height: 272px;
    }
    /* #denall_mainIndex .pro_list_right .live_chatting_box {
    	height: 408px !important;
    } */
    .vod_list_right_bg {
        background-size: 100% 46px;
    }
    .vod_list_right .vod_list_right_title.vlrt2 {
        padding: 20px 33px 0 40px;
    }
    .vod_list_right_title h3 {
        line-height: unset;
    }
    .pro_list_right_guide {
        padding: 16px 20px 20px;
    }
    .pro_list_right.vod_play::after {
        content: '';
        background: url(../../images/img-videolist-bottom-gradation.png) no-repeat center;
        position: absolute;
        bottom: -10px;
        height: 86px;
        width: 100%;
        background-size: cover;
        z-index: 2;
    }
    #denall_mainIndex .main_video_area .vod_info_tab_area .vod_info_panel .panel2 .slick-slider .slick-track {
        display: flex;
        width: 100% !important;
        flex-wrap: wrap;
        gap: 10px 0px;;
    }
    #denall_mainIndex .main_video_area .vod_info_tab_area .vod_info_panel .panel2 .slick-slider .slick-track .slick-slide {
        width: 50% !important;
    }


    /* Main : FullPage */
    .vod_list_right_wo_bottom {
        display: flex !important;
        width: 100%;
        position: relative;
        flex-wrap: wrap;
        background: #111446;
        top: 0 !important;
    }
    .vod_list_right_wo_bottom .vod_list_right_inner_list {
        height: 100%;
        max-height: 272px;
        overflow-y: scroll !important;
        background-size: cover;
        width: 100%;
    }
    .vod_list_right_wo_bottom .my-vod-list-wrap .vod_list_right_inner_list {
        max-height: 310px;
        padding-top: 10px;
    }
    .vod_list_right_wo_bottom .my-vod-list-wrap {
        position: absolute;
        bottom: 0;
        z-index: 1;
        height: 320px !important;
        background: #111446;
        width: 100%;
    }
    .vod_list_right_wo_bottom .chatting_area {
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 3;
        height: 320px !important;
    }
    #pro_list_right.vod_list_right_wo_bottom .chatting_area {
        position: unset;
        height: 357px !important;
    }
    .vod_list_right_wo_bottom .vod_list_right_title.vlrt1 {
        display: flex;
        width: 100%;
        height: auto;
        padding: 0;
    }
    .vod_list_right_wo_bottom .osstem_ad_banner {
        width: 100%;
        max-width: unset;
        max-height: unset;
    }
    .vod_list_right_wo_bottom .vod_list_right_title.vlrt2 {
        padding: 20px 20px 0;
        height: 48px;
    }
    .vod_list_right_wo_bottom .vod_list_right_inner_list li {
        padding: 10px 20px 8px;
        float: left;
        width: 50%;
    }


    /* Mall : Live Product 20230418*/
    .pro_list_right.vod_play, .right_open .pro_list_right {
        display: flex !important;
        width: 100%;
        position: relative;
        flex-wrap: wrap;
        background: #111446;
        top: 0 !important;
        flex-direction: column;
    }
    .pro_list_right.vod_play .osstem_ad_banner {
        width: 100%;
        max-width: unset;
        max-height: unset;
    }
    .pro_list_right.vod_play .vod_list_right_inner_list {
        height: 100%;
        max-height: 272px;
        overflow-y: scroll !important;
        background-size: cover;
    }
    .pro_list_right.vod_play .vod_list_right_inner_list li {
        float: left;
        width: 50%;
        padding: 10px 20px 8px;;
    }
    .pro_list_right_title {
        width: 100%;
    }
    .pro_list_right_inner {
        width: 100%;
    }
    .btn_close_search_bar {
        background: url(../../images/btn-chat-search-close-n.svg) no-repeat center !important;
        width: 20px !important;
        height: 20px !important;
    }


    /* Main : Section Box */
    #denall_mainIndex .recommend_vod .recommend_vod_listItem {
        width: 25%;
    }


    /* Main : Live Product */
    #denall_mainIndex .pro_list_right_inner .product_thumb_img {
        max-width: 350px;
        width: 100%;
    }
    #denall_mainIndex .product_info_tab_area {
        margin: 20px 0 0 0;
        padding: 0 20px;
    }
    #denall_mainIndex .product_info_tab_area .l-tab_wrapper .tab {
        z-index: 100;
    }


    /* CS Center */
    #cs .cs_notice_list table thead, #cs .cs_notice_list table colgroup {
        display: none;
    }
    #cs .cs_notice_list table tbody tr {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        padding: 10px 0;
        border-bottom: 1px solid #e4e4e4;
        gap: 2px;
    }
    #cs .cs_notice_list table td {
        padding: 0;
        height: auto;
        border-bottom: none;
        text-align: left;
        line-height: 1.5;
        font-size: 14px;
    }
    #cs .cs_notice_list table tbody tr td img {
        top: 0;
    }
    #cs .cs_notice_list table td:nth-child(1) {
        width: 100%;
    }
    #cs .cs_notice_list table tbody tr td:nth-child(2) {
        width: 100%;
        padding: 0;
        font-weight: bold;
        font-size: 16px;
    }
    #cs .cs_notice_list table td:nth-child(3) {
        flex: 1;
    }
    #cs .cs_notice_list table td:nth-child(4) {
        display: none;
    }
    #cs .detail_list {
        max-width: 100%
    }
    #cs .detail_list table {
        max-width: none;
        table-layout: unset !important;
    }
    #cs .detail_list table colgroup {
        display: none;
    }
    #cs .detail_list table tr {
        display: flex !important;
        flex-wrap: wrap;
        height: auto !important;
        padding: 10px 0;
        border-bottom: 1px solid #e4e4e4;
        gap: 2px;
    }
    #cs .detail_list table td {
        padding: 0;
        height: auto;
        border-bottom: none;
        text-align: left;
        line-height: 1.5;
        width: 100%;
        font-size: 14px;
    }
    #cs .detail_list table td.table_detail_content {
        padding: 0 !important;
    }
    #cs .detail_list table tbody tr.reply td.reply {
        padding: 10px 0;
    }
    #cs .detail_list table tbody tr.reply td.reply img {
        width: 100% !important;
        max-width: none;
        height: auto !important;
    }
    #cs .detail_list table tbody tr td:nth-child(2) {
        padding: 0;
        font-size: 16px;
        font-weight: bold;
    }
    #cs .detail_list table tbody tr.detail_list_tr td:nth-child(3) {
        flex: 1;
    }
    #cs .detail_list .detail_list_table tr #notice_regDate .line_space {
        display: none;
    }
    #cs .detail_list table tbody tr.detail_list_tr td:nth-child(4) {
        text-align: right;
        width: auto;
    }
    #cs .detail_list table tbody tr.list td:first-child {
        padding-left: 0;
    }
    #cs .detail_list table tbody td iframe {
        width: 100%;
        height: auto;
    }

    #cs .table_detail_content img {
        width: 100% !important;
        height: auto !important;
    }
    #cs .detail_list .share-tooltip ul li {
        flex: 1;
    }
    #cs .detail_list .share-tooltip ul >li + li {
        margin-left: 0;
        padding-left: 0 !important;
    }


    /* CS : Event */
    #cs .event_list >ul >li {
        width: 25%;
    }


    /* Vod List : Category List */
    #denall_search .search_list .search_item {
        width: var(--width-5);
    }


    /* News List */
    #vod_pro_home .panel1 .normal_vod_listItem {
        width: var(--width-5);
    }
    #vod_pro_home .video_info .vod_info_tab {
        height: auto;
        padding: 10px 0;
    }
    #vod_pro_home .video_info .l-inner {
        max-width: calc(100% - 40px);
    }
    #vod_pro_home .vod_info_tab .video_share {
        line-height: 32px;
    }
    #vod_pro_home .vod_info_tab .video_share .video_share_area {
        display: flex;
        gap: 20px;
    }
    #vod_pro_home .vod_info_tab .video_share .video_share_area .video_share_item {
        margin: 0;
    }
    #vod_pro_home .vod_info_tab .video_share .video_share_area .video_share_item .broad {
        border-right: none;
        padding: 0;
    }
    #vod_pro_home .vod_info_tab ul.video_share_area li a{
        padding: 0;
        height: auto;
        line-height: unset;
    }
    #vod_pro_home .video_info .vod_info_tab ul {
        justify-content: center;
        display: flex;
        width: 100%;
        align-items: center;
    }
    #vod_pro_home .video_info .vod_info_tab a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #vod_pro_home .video_info .vod_info_tab .doReport {
        margin-left: 0;
        margin-top: 10px;
        background: none;
    }
    #vod_pro_home .video_info .vod_info_panel .teeth-pick {
        margin-right: 0;
    }
    #vod_pro_home .video_info .vod_info_tab .video_share .share-tooltip ul li{
        margin: 0;
        flex: 1;
    }
    #vod_pro_home .video_info .vod_info_tab .video_share .share-tooltip ul li a{
        padding: 0;
        width: 100%;
        flex-direction: column;
    }
    #vod_pro_home .vod_info_panel .news_nav ul li {
        margin: 0 10px 16px 20px;
    }


    /* Vod Home : Program List */
    #denall_vodHome {
        padding: 15px 20px;
    }


    /* My VOD : Detail */
    .vod_detail .vod_detail_area, .vod_detail_title, .vod_detail .amendment_area {
        width: auto;
    }
    .tooth_info {
        gap: 20px;
    }


    /* My Channel */
    .my_channel_wrap .my_channel_list .channel_list ul .list_item {
        width: var(--width-5);
    }
    .my_channel_list .channel_title {
        height: auto;
        margin-bottom: 0;
    }
    .my_channel_list .view_service {
        height: auto;
        position: unset;
        flex-wrap: wrap;
        margin-top: 10px;
    }


    /* My Page */
    .mypage_mypost_comment_list li >div.comment_inner .user_info .details_time {
        width: 100%;
    }
    .mypage_mypost_comment_list li >div.comment_inner .user_info .line_space {
        display: none
    }


    /* Popup : doReport Guide */
    .doReport_guide_popup, .doReport_popup {
        width: calc(100% - 40px);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: calc(100% - 40px);
        max-width: 650px;
    }
    .doReport_head {
        padding: 0 10px;
    }
    .doReport_guide_contents {
        display: flex;
        flex-direction: column;
        margin: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        height: calc(100% - 80px);
        padding: 15px 10px;
        gap: 10px;
    }
    .doReport_guide_contents .article_outer {
        width: 100%;
        padding: 0;
    }
    .doReport_guide_contents .article_outer .example_guide_img {
        margin: 0 auto;
    }
    .doReport_guide_contents .close_doReport {
        line-height: 42px;
        margin-bottom: 0;
    }
    .doReport_popup form {
        height: 100%;
    }
    .doReport_popup .doReport_contents {
        flex-direction: column;
        margin: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        height: calc(100% - 46px);
        padding: 0;
    }
    .doReport_popup .doReport_tabMenu {
        display: flex;
        width: 100%;
    }
    .doReport_popup .doReport_tabMenu > li {
        width: 25%;
        height: 45px;
    }
    .doReport_popup .doReport_tabMenu > li > span::before {
        display: none;
    }
    .doReport_write {
        width: 100%;
        padding: 10px 20px 30px;
    }
    .doReport_example {
        width: 100%;
        padding: 20px;
    }
    .doReport_example .example_guide_info > dt, .doReport_example .example_guide_info > dd {
        width: 100%;
    }
    .doReport_drag_and_drop .find_file {
        font-size: 14px;
    }
    .doReport_btn > button {
        font-size: 14px;
        height: 40px;
    }


    /* Report : Write */
    #denall_vodReport {
        padding: 0 20px 40px;
    }
    #denall_vodReport .titlearea {
        max-width: unset;
        padding: 40px 0;
    }
    #denall_vodReport .titlearea h3 {
        font-size: 24px;
    }
    #denall_vodReport .titlearea p {
        font-size: 18px;
    }
    #denall_vodReport .formgroup {
        max-width: unset;
        padding: 40px 20px;
        box-sizing: border-box;
    }
    #denall_vodReport .link_report_login {
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin-left: 0;
        margin-top: 10px;
    }


    /* VOD : Program List */

    #vod_pro_home .vod_info_panel .btn_area .vod_lang_wrap {
        width: 100%;
    }
    #vod_pro_home .vod_info_panel .btn_area .vod_lang_wrap .lang_sel_wrap {
        width: 100%;
        margin-right: 0;
    }
    #vod_pro_home .vod_info_panel .btn_area .vod_lang_wrap .lang_sel_wrap .lang_sel {
        flex: 1;
    }
    #vod_pro_home .vod_info_panel .btn_area .vod_lang_wrap .lang_sel_wrap .lang_sel label {
        width: 100%;
    }

    /* Digital Contest */
    .contest_2th_result.final .panel1 .normal_vod_listItem {
        width: calc(100% / 3) !important;
    }
}


@media screen and (max-width: 1024px) {
    /* Common : 공통 */
    .miniplayer {
        right: 5px;
        bottom: unset;
        top: 48px;
    }
    .main_video_area_inner_playing.vod_mini .main_video_wrapper {
        right: 5px;
        bottom: unset;
        top: 80px;
        z-index: 101;
    }
    #denallHeader.denall-tv-integ-wrap .subHeader {
        padding: 0 20px;
    }
    .l-inner {
        max-width: calc(100% - 40px);
    }
    .side_menu .goto_sns, .side_menu .home_menu {
        display: none !important;
    }
    .side_menu .link_home, .side_menu .goto {
        width: 30px;
        height: 30px;
    }
    .result_area .result_area_notice, .result_area_notice>p {
        line-height: normal;
        font-size: 14px !important;
    }
    .result_area .result_area_notice .result_area_total {
        margin: 10px 0;
        font-size: 14px;
        float: unset;
        text-align: center;
    }
    .result_area_notice>h4 {
        font-size: 18px;
    }
    #denallFoot .footer_notice .footer_notice_desc {
        align-items: flex-start;
    }
    #denallHeader .mainHeader .denall_logo a {
        display: inline-block;
        width: 96px;
        height: 23px;
        background-image: url(/images/bi-den-all-m.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    #denallHeader .mainHeader .denall_logo a img {
        display: none;
    }
    #denallHeader .mainHeader .mini_gnb > li, #denallHeader .mainHeader .mini_gnb > li a {
        font-size: 13px;
        font-weight: normal;
    }
    #denallHeader .mainHeader .mini_gnb .arrow_userName{
        margin-left: 5px;
    }
    .eventpopup >div.eventpopup-closebtn a {
        font-size: 15px;
    }


    /* Main : Main_Video_Area */
    .main_video_wrapper {
        width: 100%;
    }
    #denall_mainIndex .main_video_area .video_info_inner_title .title {
        font-size: 20px;
    }
    #denall_mainIndex .main_video_area .video_info_inner {
        padding: 18px 20px 12px;
        position: relative;
    }
    #denall_mainIndex .main_video_area .video_share_area {
        margin-top: 5px;
    }
    .video_share_area .video_share_item:not(:last-child) {
        margin-right: 20px;
    }
    #denall_mainIndex .main_video_area .video_share_area .video_share_item img {
        width: 30px;
    }
    #denall_mainIndex .main_video_area .video_share_area .video_share_desc {
        margin-top: 0;
    }
    #denall_mainIndex .main_video_area .video_info_inner_title .title {
        padding-right: 0;
    }
    #denall_mainIndex .main_video_area .video_info .program_title_block {
        position: relative;
        margin-bottom: 4px
    }
    #denall_mainIndex .main_video_area .video_info .program_title_block .program_news {
        background: none;
        font-size: 14px;
        position: relative;
        margin-left: 15px;
        padding-left: 15px;
    }
    #denall_mainIndex .main_video_area .video_info .program_title_block .program_news::before {
        content: ' ';
        display: inline-block;
        width: 1px;
        height: 12px;
        background: #4e5763;
        position: absolute;
        top: 5px;
        left: 0;
    }
    #denall_mainIndex .main_video_area .vod_info_tab_area .vod_info_tab {
        padding: 0 20px;
        display: flex;
    }
    #denall_mainIndex .main_video_area .vod_info_tab_area .vod_info_tab li {
        margin: 0;
        display: flex;
        flex: 1;
        justify-content: center;
    }
    #denall_mainIndex .vod_list_right.vod_play .vod_list_right_inner_list li {
        padding: 10px 20px 8px
    }
    #denall_mainIndex .main_video_area .video_info .vod_info_tab_area .vod_info_panel {
        padding: 0 20px;
    }
    #denall_mainIndex .main_video_area .video_info .product_des {
        padding: 20px;
    }
    .vod_list_right .vod_list_right_title.vlrt2 {
        padding:  20px 20px 0;
        height: 48px;
    }
    #denall_mainIndex .pro_list_right .pro_list_right_title {
        padding: 20px 20px 0;
    }
    #denall_mainIndex .main_video_area .vod_info_tab_area .vod_info_panel .panel2 .slick-slider .slick-track .slick-slide {
        width: 100% !important;
    }


    /* Main: Share Popup */
    .share-tooltip {
        left: 50% !important;
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
    }


    /* Main: Header Alert Popup */
    #denallHeader .mini_gnb_2 .alert_details {
        width: calc(100% - 40px);
        position: fixed;
        top: 90px;
        left: 50%;
        transform: translate(-50%, 0);
        height: calc(100% - 110px);
        max-height: unset;
        max-width: 380px;
    }
    #denallHeader .mini_gnb_2 .alert_details_inner {
        max-height: unset;
        height: calc(100% - 80px);
    }
    #denallHeader .mini_gnb_2 .alert_details .alert_details_inner li a .alert_detail_box {
        width: calc(100% - 126px);
    }


    /* Etc : Popup */
    /* .bl_modal, .bl_popup {
         width: calc(100% - 40px) !important;
     }
     .progress_popup, .get_message_popup {
         max-width: 590px;
     }
     .bl_popup.completed_popup {
         max-width: 460px;
     }*/


    /* Main : Save List Popup */
    .my_vod_list_save_pop {
        top: 50%;
        transform: translateY(-50%);
        position: fixed;
    }


    /* Popup : Channel Setting */
    .channel_setting_popup {
        max-width: 656px;
        width: calc(100% - 40px);
        max-height: calc(100% - 40px);
        height: calc(100% - 40px);
        transform: translate(-50%, -50%);
        top: 50% !important;
        z-index: 1000 !important;
    }
    .channel_setting_popup .channel_setting_contents {
        height: 100%;
    }
    .channel_setting_popup .channel_setting_contents .channel_setting_area {
        width: 100%;
        height: calc(100% - 46px);
        overflow-y: auto;
        min-width: unset;
    }


    /* Main : Section Box */
    #denall_mainIndex .recommend_vod .recommend_vod_listItem {
        width: calc(100% / 3);
    }
    #denall_mainIndex .slick_vod_list .slider_arrow {
        display: none !important;
    }
    #denall_mainIndex .main_video_title {
        font-size: 20px;
    }


    /* News List */
    #vod_pro_home .vod_info_panel .news_panel {
        width: calc(100% - 40px) !important;
        padding: 0 !important;
    }
    #vod_pro_home .vod_info_panel .panel2 {
        flex-direction: column;
        margin: 0;
    }
    #vod_pro_home .vod_info_panel .news_nav {
        margin: 0 0 20px 0;
        padding: 0;
        width: 100%;
        border-right: none;
        float: none;
        position: relative;
    }
    #vod_pro_home .vod_info_panel .news_nav ul {
        overflow-x: auto;
        white-space: nowrap;
        display: flex;
        width: 100%;
        position: relative;
        margin-top: 15px;
        gap: 10px;
        align-items: center;
    }
    #vod_pro_home .vod_info_panel .news_nav::after {
        content: '';
        display: inline-block;
        position: absolute;
        right: 0;
        top: 10px;
        width: 60px;
        height: 40px;
        background: linear-gradient(to left, #f5f5f6, rgba(245, 245, 246, 0));
    }
    #vod_pro_home .vod_info_panel .news_nav ul li {
        padding-left: 0;
        margin: 0;
        height: auto;
        margin-bottom: 10px;
    }
    #vod_pro_home .vod_info_panel .news_nav ul li:last-child {
        padding: 0;
        border-top: none;
        padding-right: 50px;
    }
    #vod_pro_home .vod_info_panel .news_nav ul li .tab_menu {
        border-radius: 20px;
        border: 1px solid #666;
        padding: 4px 20px;
    }
    #vod_pro_home .vod_info_panel .news_right_wrap {
        width: 100%;
    }
    #vod_pro_home .panel1 .normal_vod_listItem {
        width: var(--width-4);
    }
    #vod_pro_home .vod_info_panel .panel1 .list_option {
        width: 100%;
    }
    #vod_pro_home .vod_info_panel .panel1 .sort_list li {
        flex: 1;
    }
    #vod_pro_home .vod_info_panel .card_vod_heart {
        width: 30px;
        height: 30px;
        bottom: 15px;
        background-size: 100% auto;
    }
    #vod_pro_home .vod_info_panel .view_service {
        flex-direction: column;
        height: auto;
        gap: 10px;
    }
    #vod_pro_home .vod_info_panel .view_service .filter_list li {
        flex-grow: 1;
        padding: 0;
    }
    #vod_pro_home .vod_info_panel .view_service .search_bar {
        width: 100%;
    }
    #vod_pro_home .panel1 .normal_vod_listItem {
        width: var(--width-3);
    }
    #vod_pro_home .panel2 .keep_playing {
        width: 100%;
        height: auto;
        padding: 0;
        position: relative;
        border-top: 1px solid #c3c3c3;
        border-left: 1px solid #c3c3c3;
    }
    #vod_pro_home .panel2 .keep_playing ul {
        height: auto;
        border: none;
    }
    #vod_pro_home .panel2 .keep_playing ul li {
        width: 25%;
        border-bottom: 1px solid #c3c3c3;
        border-right: 1px solid #c3c3c3;
    }
    #vod_pro_home .panel2 .keep_playing .slick-prev.slick-arrow {
        top: -25px;
        right: 45px;
        left: unset;
    }
    #vod_pro_home .panel2 .keep_playing .slick-next.slick-arrow {
        top: -25px;
        right: 0;
    }
    #vod_pro_home .panel2 .keep_playing ul li:after {
        border: none;
    }
    #vod_pro_home .panel2 .keep_playing ul li:nth-child(2) {
        width: calc(100% / 3);
    }
    #vod_pro_home .panel2 .keep_playing ul li:nth-child(3) {
        width: calc(100% / 3);
    }
    #vod_pro_home .panel2 .keep_playing ul li:nth-child(4) {
        width: calc(100% / 3);
    }
    #vod_pro_home .panel2 .keep_playing ul li:nth-child(8):after {
        border: none;
        width: calc(100% / 3);
    }
    #vod_pro_home .panel2 .list_option {
        width: 160px;
        margin: 0;
    }
    #vod_pro_home .panel2 .search {
        width: calc(100% - 170px);
    }
    #vod_pro_home .panel2 .news_wrap {
        margin: 0 0 20px;
        width: 100%;
    }
    #vod_pro_home .panel2 .news_wrap ul li {
        width: 100%;
        margin: 0;
        float: unset;
        padding: 10px 0;
    }
    #vod_pro_home .panel2 .news_wrap ul li .news_left_contents {
        height: auto !important;
    }
    #vod_pro_home .news_wrap .news_right_contents .news_text {
        font-size: 14px;
        line-height: inherit;
    }
    #vod_pro_home .news_wrap .news_right_contents .news_time {
        margin: 0;
    }
    #vod_pro_home  .news_wrap .news_right_contents .news_time p {
        margin: 0 15px 0 0;
    }
    #vod_pro_home .news_contents:hover .news_time>div {
        margin-top: 0;
    }
    #vod_pro_home .news_wrap .news_right_contents h4 {
        font-size: 16px;
    }
    #vod_pro_home .vod_info_panel .wrap_news_img {
        height: auto;
    }
    #vod_pro_home .vod_info_panel .wrap_news_img img{
        object-fit: cover;
    }
    #vod_pro_home .vod_info_panel .news_info_ellip {
        height: auto;
    }
    #vod_pro_home .btn_prg_consensusreport {
        margin: 0;
    }



    /* Vod : Search Detail Box */
    .teeth_search_detail_box {
        left: 50%;
        right: unset;
        margin-top: -40px;
    }


    /* My Page : 리스트 */
    #mypage .mypage_alert_list table thead{
        display: none;
    }
    #mypage .mypage_alert_list table colgroup {
        display: none;
    }
    #mypage .mypage_alert_list table tr {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        padding: 10px 0;
        gap: 6px;
    }
    #mypage .mypage_alert_list table td {
        padding: 0;
        line-height: 1.5;
    }
    #mypage .mypage_alert_list table td:nth-child(1) {
        display: none;
    }
    #mypage .mypage_alert_list table td:nth-child(2) {
        flex: 1;
        order: 2;
        text-align: right;
        font-size: 14px;
    }
    #mypage .mypage_alert_list table td:nth-child(3) {
        width: 100%;
        order: 3;
        font-size: 14px;
        padding-left: 0 !important;
    }
    #mypage .mypage_alert_list table td:nth-child(4) {
        order: 1;
        text-align: left;
        font-size: 12px;
        color: #999;
    }
    #mypage .mypage_alert_list table td:nth-child(5) {
        order: 4;
        width: 100%;
    }


    /* My Page : 시청내역 */
    .mypage_result_program, .mypage_result_vod {
        margin-top: 10px;
    }
    #mypage .mypage_result_vod_list li {
        width: var(--width-4);
    }
    #mypage .mypage_result_program_list li {
        width: var(--width-4);
    }
    #mypage .mypage_result_program_list li .thumb_img {
        padding-top: 100%;
        overflow: hidden;
    }
    #mypage .mypage_result_program_list .common_vod_item--bgbox {
        width: auto;
        height: auto;
    }
    #mypage .mypage_result_program_list .common_vod_item--bgbox img {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 100%;
        height: 100%;
        transform: translate(-50%, -50%);
    }
    .sub_title_area a strong.pro_title {
        font-size: 16px;
    }
    .sub_title_area .sub_title {
        margin-bottom: 0;
    }
    .card_vod_info_desc, .sub_title_area a .about_date {
        font-weight: normal;
        font-size: 12px;
        align-items: center;
    }

    /* My Page : 문의내역 */
    #mypage .dropdown_list table {
        min-width: 100%;
    }
    #mypage .dropdown_list table thead, #mypage .dropdown_list table colgroup {
        display: none;
    }
    #mypage .dropdown_list table tr {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        padding: 10px 0;
        border-bottom: 1px solid #e4e4e4;
        gap: 2px;
    }
    #mypage .dropdown_list table td {
        padding: 0;
        height: auto;
        border-bottom: none;
        text-align: left;
        line-height: 1.5;
        font-size: 14px;
    }
    #mypage .dropdown_list table tbody tr td:nth-child(1) {
        width: 100%;
    }
    #mypage .dropdown_list table tbody tr td:nth-child(2) {
        padding-left: 0;
        width: 100%;
        font-size: 16px;
        font-weight: bold;
    }
    #mypage .dropdown_list table tbody tr td:nth-child(3) {
        flex: 1;
        color: #999;
        font-size: 12px;
    }
    #mypage .dropdown_list table tbody tr.reply {
        display: flex !important;
        padding: 10px;
    }
    #mypage .dropdown_list table tbody tr .reply_question {
        padding: 0;
    }
    #mypage .dropdown_list table tbody tr.reply .icona {
        float: none;
    }
    #mypage .dropdown_list table tbody tr.reply td:nth-child(2) {
        font-size: 14px;
        font-weight: normal;
    }
    #mypage .dropdown_list table tbody tr.reply .reply_text--admin {
        padding: 0;
        font-size: 16px;
    }
    #mypage .result_area .result_area_notice button {
        margin-bottom: 10px;
    }


    /* My Page : Post List */
    #mypage .mypage_mypost_list .mypage_mypost_comment_list li {
        padding: 10px 0;
        display: flex;
        flex-wrap: wrap;
    }
    #mypage .mypage_mypost_list .mypage_mypost_comment_list li:hover {
        padding: 10px;
    }
    #mypage .mypage_mypost_comment_list li.comment_reply {
        padding-left: 40px;
    }
    .mypage_mypost_comment_list li >div.comment_inner .user_info >b {
        font-size: 16px;
        width: 100%;
        margin: 2px 0;
    }
    .mypage_mypost_comment_list li >div.comment_inner-l .user_info >b:first-child {
        font-size: 14px;
        margin: 0;
    }
    .mypage_mypost_comment_list li >div.comment_inner .user_info .details_time {
        font-size: 12px;
        line-height: unset;
        font-weight: normal;
    }
    .mypage_mypost_comment_list li >div.comment_inner .comment_desc {
        font-size: 14px;
        line-height: unset;
        margin-top: 4px;
    }
    .mypage_mypost_list .post_list_item .delete_btn_area {
        width: 100%;
        margin-top: 10px;
        height: 40px;
    }
    .mypage_mypost_comment_list li >div.delete_btn_area button {
        width: 82px;
        height: 32px;
        margin: 0 auto;
        background-color: #fff;
    }


    /* My Page : Reporthistory List */
    #mypage .dropdown_list table {
        min-width: 100%;
    }
    #mypage .mypage_reporthistory_list table thead, #mypage .mypage_reporthistory_list table colgroup {
        display: none;
    }
    #mypage .mypage_reporthistory_list table tr {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        padding: 10px;
        border-bottom: 1px solid #e4e4e4;
        gap: 2px;
        font-size: 14px
    }
    #mypage .mypage_reporthistory_list table td, #mypage .mypage_reporthistory_list table th {
        padding: 0;
        height: auto;
        border-bottom: none;
        text-align: left;
        line-height: 1.5;
        width: 100%;
    }
    #mypage .mypage_reporthistory_list table td:nth-child(1) {
        font-size: 16px;
        font-weight: bold;
    }
    #mypage .mypage_reporthistory_list table tr.reply td:nth-child(1) {
        font-size: 14px;
        font-weight: normal;
    }
    #mypage .mypage_reporthistory_list table td:nth-child(2) {
        font-size: 12px;
        color: #999;
    }


    /* My VOD : Upload */
    .vod_write_popup {
        width: calc(100% - 40px);
        max-width: 1024px;
        top: 50% !important;
        transform: translate(-50%, -50%);
        max-height: calc(100% - 40px);
        height: calc(100% - 40px);
        z-index: 9999 !important;
        position: fixed;
    }
    .vod_write_popup .vod_write_contents {
        max-height: calc(100% - 46px);
        overflow-y: auto !important
    }
    #vodWriteContents + .scroll-element.scroll-x {
        display: none !important;
    }
    .vod_write_popup .fst_row, .vod_write_popup .scd_row, .vod_write_popup .trd_row {
        gap: 10px;
    }
    .vod_write_popup .fst_column {
        padding-right: 0;
    }
    .vod_write_popup .vod_write {
        flex-direction: column;
        align-items: center;
    }
    .vod_write_popup .vod_write_area .wrap_thumbnail_img, .vod_write_popup .vod_write_area .wrap_vod_file {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .vod_write_popup .vod_write_area .vod_write .wrap_find_thumbnail {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .vod_write_popup .fst_column, .scd_column {
        width: 100%;
    }
    .vod_write_popup .vod_write_subtitle {
        margin-top: 10px;
    }
    .vod_write_popup .wrap_set_public .vod_write_subtitle {
        margin-top: 0;
    }
    .vod_write_popup .table_title_list {
        display: none;
    }
    .vod_write_popup .wrap_table_body {
        flex-wrap: wrap;
    }
    .vod_write_popup .wrap_table_body > ul {
        width: 50%;
    }
    .vod_write_popup .wrap_table_body > ul li {
        width: 100%;
        height: auto;
    }
    .vod_write_popup .implant_list li:nth-of-type(even) {
        margin-left: 0;
    }
    .vod_write_popup .wrap_table_body > ul:nth-of-type(even) {
        background-color: unset;
    }
    .vod_write_popup .wrap_table_body > ul::before {
        font-weight: bold;
        height: 27px;
        background-color: #8e949c;
        color: #fff;
        width: 100%;
        padding-left: 10px;
        line-height: 27px;
        display: flex;
        box-sizing: border-box;
    }
    .vod_write_popup .wrap_table_body > ul:nth-child(1)::before {
        content: '임플란트';
    }
    .vod_write_popup .wrap_table_body > ul:nth-child(2)::before {
        content: '경영';
    }
    .vod_write_popup .wrap_table_body > ul:nth-child(3)::before {
        content: '협회/학회';
    }
    .vod_write_popup .wrap_table_body > ul:nth-child(4)::before {
        content: '일상/노하우';
    }
    .vod_write_popup .wrap_table_body > ul:nth-child(5)::before {
        content: '교정';
    }
    .vod_write_popup .wrap_table_body > ul:nth-child(6)::before {
        content: '뉴스';
    }
    .vod_write_popup .wrap_table_body > ul:nth-child(7)::before {
        content: '보철';
    }
    .vod_write_popup .wrap_table_body > ul:nth-child(8)::before {
        content: '의약품';
    }
    .el_handleOk, .el_handleCancel {
        flex-grow: 1;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
    }
    .vod_write_popup .tooth_info {
        flex-direction: column;
    }
    .tooth_info .sinus, .tooth_info .nerve {
        margin-right: 82px;
    }
    /* .tooth_num {
        flex-direction: column;
    } */
    .tooth_info .tooth_num ul {
        width: 100%;
        max-width: 100%;
    }
    .tooth_info .tooth_num li {
        width: calc(100% / 16);
        box-sizing: border-box;
        margin: 0;
    }
    .tooth_info .wrap_all_btn {
        display: flex;
        gap: 5px;
        flex-direction: column;
    }
    .wrap_all_btn button {

    }
    .tooth_info .tooth_num ul .vertical_line, .tooth_info .tooth_num ul .horizon_line {
        display: none;
    }


    /* My VOD : List */
    .vod_manage_page .l-inner-full {
        padding: 20px;
    }
    .vod_manage_page .thumbnail_view_items {
        width: 50%;
    }
    .vod_manage_page .view_service {
        flex-wrap: wrap;
        height: auto;
        gap: 10px;
    }
    .vod_manage_page .view_service .search_bar {
        width: 100%;
    }
    .vod_manage_page .view_service .sort_list {
        margin: 0;
        flex: 1;
    }
    .vod_manage_page .view_service .sort_list li {
        flex: 1;
    }
    .vod_manage_page .vod_manage_contents .list_view  {
        flex-direction: column;
        gap: 20px;
    }
    .vod_manage_page .vod_manage_contents .list_view .res_table {
        margin: 0;
    }
    .vod_manage_page .vod_manage_contents .list_view colgroup {
        display: none;
    }
    .vod_manage_page .vod_manage_contents .list_view thead {
        display: none;
    }
    .vod_manage_page .vod_manage_contents .list_view tbody {
        display: flex;
        flex-wrap: wrap;
    }
    .vod_manage_page .vod_manage_contents .list_view tr {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        padding: 10px;
        border-bottom: 1px solid #e4e4e4;
        gap: 6px 10px;
        width: 50%;
    }
    .vod_manage_page .vod_manage_contents .list_view td {
        padding: 0;
        height: auto;
        border-bottom: none;
        text-align: left;
        line-height: 1.5;
        position: relative;
    }
    .vod_manage_page .vod_manage_contents .list_view td:nth-child(1) {
        width: 100%;
        font-size: 16px;
    }
    .vod_manage_page .vod_manage_contents .list_view td:nth-child(2) {
        padding-right: 10px;
        color: #1f62c7;
    }
    .vod_manage_page .vod_manage_contents .list_view td:nth-child(2)::after {
        content: '';
        position: absolute;
        top: 5px;
        right: 0;
        width: 1px;
        height: 10px;
        background-color: #d4d8de;
    }
    .vod_manage_page .vod_manage_contents .list_view td:nth-child(4) {
        width: 100%;
        color: #666;
    }
    .vod_manage_page .vod_manage_contents .list_view td:nth-child(4)::before {
        content: '등록일';
        margin-right: 5px;
    }
    .vod_manage_page .vod_manage_contents .list_view td:nth-child(5), .vod_manage_page .vod_manage_contents .list_view td:nth-child(6), .vod_manage_page .vod_manage_contents .list_view td:nth-child(7) {
        color: #666;
    }
    .vod_manage_page .vod_manage_contents .list_view td:nth-child(5)::before {
        content: '조회';
        margin-right: 5px;
    }
    .vod_manage_page .vod_manage_contents .list_view td:nth-child(6)::before {
        content: '댓글';
        margin-right: 5px;
    }
    .vod_manage_page .vod_manage_contents .list_view td:nth-child(7)::before {
        content: '추천';
        margin-right: 5px;
    }


    /* My VOD : Detail */
    .vod_detail .vod_detail_area .vod_write {
        flex-direction: column;
    }
    .vod_detail .vod_detail_area .fst_column, .vod_detail .vod_detail_area .scd_column {
        width: 50%;
    }


    /* CS : 문의 */
    #cs fieldset.qustion1vs1 div {
        gap: 5px;
    }
    #cs fieldset >div >label.cs-subtitle {
        width: 100%;
        padding-left: 0;
    }
    #cs fieldset.qustion1vs1 div #categoryType {
        width: 100% !important;
    }
    #cs fieldset.qustion1vs1 input.input-l {
        width: 100%;
    }
    #cs fieldset.qustion1vs1 textarea.input-l {
        width: 100%;
        height: auto !important;
    }
    #cs fieldset >div:nth-child(5) {
        height: auto;
        margin-top: 0;
    }
    #cs fieldset >div:nth-child(6) {
        margin-top: 0;
    }
    #cs fieldset >div >label.cs-subtitle.lineheight {
        margin-top: 0;
        padding-bottom: 0;
        line-height: unset;
    }
    #cs fieldset.qustion1vs1 div .content_wrapper {
        width: 100%;
        flex-direction: column;
    }
    #cs .filebox .upload-name {
        width: auto;
        flex: 1;
    }
    #cs fieldset.qustion1vs1 .filebox {
        width: 100%;
    }
    #cs .qustion1vs1_notice {
        width: 100%;
    }
    #cs .noresult .btn2area {
        width: 100%;
        display: flex;
    }
    #cs .noresult .btn2area  button, .noresult >div button {
        flex: 1;
        height: 40px;
        font-size: 14px;
    }


    /* CS : Event */
    #cs .event_list >ul >li {
        width: calc(100% / 3);
    }
    #cs .event_list .list_title_txt {
        font-size: 16px;
        max-width: 100%;
    }


    /* CS : Faq */
    #cs .dropdown_list table {
        min-width: auto;
    }
    #cs .dropdown_list col {
        display: flex;
    }
    #cs .dropdown_list table colgroup col:first-child {
        width: 0;
    }
    #cs .dropdown_list table colgroup col:last-child {
        width: 42px;
    }
    #cs .dropdown_list table tbody tr td:first-child {
        display: none;
    }
    #cs .dropdown_list table tbody tr td:nth-child(3) {
        padding: 0;
    }
    #cs .dropdown_list table tr.question td:nth-child(2) {
        padding: 10px;
        font-size: 14px;
        font-weight: bold;
    }
    #cs .dropdown_list table tbody tr.reply .icona {
        display: none;
    }
    #cs .dropdown_list table tbody tr.reply td {
        font-size: 14px;
    }
    #cs .dropdown_list table tbody tr.reply td:nth-child(2) {
        padding: 12px;
        line-height: unset;
    }
    #cs .dropdown_list table tbody tr.reply #reply_q_txt:nth-child(2) {
        position: relative;
    }
    #cs .dropdown_list table tbody tr.reply #reply_q_txt:nth-child(2)::after {
        content: '';
        width: calc(100% - 24px);
        height: 1px;
        border-bottom: 1px dashed #ccc;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    #cs .search_area {
        max-width: unset;
        height: unset;
        background: none;
    }
    #cs .search_area fieldset {
        max-width: unset;
        padding: 0;
        display: flex;
    }
    #cs .search_area fieldset legend {
        display: none;
    }
    #cs .search_area fieldset .search_window {
        width: auto;
        flex: 1;
        border: 1px solid #ccc;
    }
    #cs .search_area fieldset .search_window input::placeholder {
        font-size: 14px;
    }


    /* My Channel */
    .my_channel_wrap .my_channel_list .channel_list ul .list_item {
        width: var(--width-4);
    }
    .my_channel_list .view_service {
        gap: 10px;
    }
    .my_channel_list .view_service .search_bar {
        width: 100%;
    }
    .my_channel_list .view_service .sort_list {
        margin: 0;
        width: 100%;
    }
    .my_channel_list .view_service .sort_list li {
        flex: 1;
    }
    .my_channel_list .view_service .channel_btns {
        margin: 0;
        width: 100%;
    }
    .my_channel_list .view_service .channel_btns button {
        flex: 1;
        font-size: 14px;
    }
    .my_channel_list .list_delete_btn {
        font-size: 14px;
    }
    .my_channel_list .view_service .channel_edit_btns {
        margin: 0;
    }
    .my_channel_wrap .channel_setting_btn {
        height: 38px;
        line-height: 38px;
        font-size: 14px;
    }
    .my_channel_list .view_service .channel_edit_btns .whole_delete, .my_channel_list .view_service .channel_edit_btns .selected_delete {
        font-size: 14px;
    }


    /* Vod List : Category/Search List */
    #denall_search .search_area {
        max-width: unset;
        margin: 0 0 22px 0;
    }
    #denall_search .result_option_area .filter_option {
        flex-wrap: wrap;
        gap: 10px 0;
    }
    #denall_search .result_option_area .filter_option h4 {
        width: 50%;
        order: 3;
    }
    #denall_search .result_option_area .filter_option .btn_search_filter {
        justify-content: flex-end;
        order: 4;
    }
    #denall_search .result_option_area .filter_option a {
        width: 50%;
        order: 1;
    }
    #denall_search .result_option_area .filter_option a .ddc_banner_style {
        margin: 0;
        width: 100%;
    }
    #denall_search .result_option_area .list_option {
        flex-wrap: wrap;
    }
    #denall_search .result_option_area .list_option .category_search_area {
        flex: 1;
    }
    #denall_search .result_option_area .list_option .sort_list {
        width: 100%;
        flex: unset;
        margin-right: 0 !important;
    }
    #denall_search .search_list .search_item {
        width: var(--width-4);
    }
    #denall_search .search_detail_box {
        left: 50%;
        transform: translateX(-50%);
    }
    .search_form .search_detail_subject {

    }
    #denall_search .result-list .search_filter_area{
        margin-top: -110px;
        background-color: #fff;
        height: 260px;
        border: 1px solid #ddd;
        padding: 10px 0;
        position: relative;
        margin-bottom: 10px;
    }


    /* VOD */
    #vod_pro_home .vod_info_panel .btn_area {
        gap: 10px;
        align-items: flex-end;
        flex-direction: column;
    }
    #vod_pro_home .vod_info_panel .btn_area .teeth-pick, #vod_pro_home .vod_info_panel .btn_area .masterCourseLink  {
        width: 100%;
        margin: 0;
    }

    /* Vod Home : Program List */
    #denall_vodHome .programAll_listItem {
        width: 25%;
    }


    /* Main : Live Product */
    .product_info_tab_area .tab li {
        width: auto;
        flex-grow: 1;
        padding: 0 10px;
    }
    .product_info_tab_area .product_info_contents {
        flex-direction: column;
    }
    .product_info_tab_area .product_info_contents .product_info_panel {
        order: 2;
        margin-right: 0 !important;
    }
    .product_info_tab_area .product_info_contents .mini-order {
        order: 1;
        position: relative !important;
        top: auto !important;
        margin-left: 0 !important;
        width: 100%;
        left: 0 !important;
    }
    .pro_list_right_inner .product_info .product_maintitle,
    .pro_list_right_inner .product_info .product_subtitle {
        white-space: unset;
        line-height: unset;
    }
    .pro_list_right_inner .product_info .product_maintitle {
        padding-bottom: 0 !important;
    }
    .product_info .product_subtitle {
        padding: 4px 0 !important;
    }
    .pro_list_right_inner .product-slider {
        padding: 0 20px;
    }
    .vod_list_right.vod_play .pro_list_right_title, .pro_list_right.vod_play .pro_list_right_title {
        padding-left: 20px;
        padding-right: 20px;
    }
    .pro_list_right_inner .product_price {
        padding: 10px 0 20px !important;
    }
    .pro_list_right_inner .mall_list .vod_list_right_title {
        padding: 20px 20px 0;
    }
    .pro_list_right_inner .product_submit_btn {
        height: 45px;
        margin-bottom: 30px !important;
    }
    .onair_product {
        padding: 0 20px;
    }

    /* Mall : Live Product 20230418*/
    .product_info_tab_area .product_info_panel .panel1 img {
        width: 100% !important;
        height: auto !important;
    }

}


@media screen and (max-width: 860px) {
    /* Common : 상단 검색박스 수정*/
    #denallHeader .mainHeader .search_detail_box {
        position: fixed;
        top: 94px;
        transform: translate(-50%, 0);
        left: 50%;
        z-index: 106;
    }
    #denallHeader.denallHeader_fixed .mainHeader .search_detail_box {
        top: 44px;
    }

    /* Main : Main_Video_Area */
    .signup_main {
        height: auto;
        line-height: unset;
        padding: 10px 0;
        text-align: center;
    }
    .signup_main >p {
        float: unset;
        font-size: 14px;
        margin: 0 20px 10px;
    }
    .signup_main >span {
        height: 30px;
        line-height: 30px;
        margin: 0 4px;
    }
    .signup_main >span a {
        font-size: 14px;
    }
    .main_video_area .vod_info_panel .panel1_banner_list li {
        width: calc(50% - 10px);
    }

    /* Vod List : Category List */
    #denall_search .search_list .search_item {
        width: var(--width-3);
    }



    /* My Channel */
    .my_channel_wrap .my_channel_list .channel_list ul .list_item {
        width: var(--width-3);
    }


    /* My Page : 시청내역 */
    #mypage .mypage_result_vod_list li {
        width: var(--width-3);
    }
    #mypage .mypage_result_program_list li {
        width: var(--width-3);
    }
    .mypage_news_reporthistory .grid-item .wrap_news_img {
        height: auto;
    }
    .mypage_news_reporthistory .grid-item .wrap_news_img img {
        object-fit: cover;
    }


    /* News List*/

    div.ui-widget-content {
        z-index: 1000000 !important;
        top: 50% !important;
        left: 50% !important;
        width: 270px;
        transform: translate(-50%, -50%);
    }
    #newsReport_card_set  .user_comment_area .user_input_area > button {
        padding: 0;
        margin-left: 0;
        width: 36px;
        text-align: right;
    }


    /* CS : Event */
    #cs .event_list >ul >li {
        width: 50%;
    }


    /* CS : Faq */
    #cs .result_tab li {
        width: calc(100% / 3);
        font-size: 14px;
    }
    #cs .result_tab li:nth-child(3n) {
        border-right: 1px solid #ccc;
    }


    /* Vod Home : Program List */
    #denall_vodHome .programAll_listItem {
        width: calc(100% / 3);
    }
    #vod_pro_home .vod_info_panel .btn_area .vod_lang_wrap {
        flex-direction: column;
    }

    #vod_pro_home .vod_info_panel .btn_area .vod_lang_wrap .lang_sel_wrap {
        margin: 0;
    }


    /* Popup */
    .eventpopup {
        transform: translate(-40px, -40px) scale(.8);
        z-index: 1000;
    }
    .eventpopup > img {
        width: 100% !important;
        height: auto !important;
    }
    section > div.eventpopup:nth-of-type(2) {
        left: 20px !important;
        top: 60px !important;
    }
    section > div.eventpopup:nth-of-type(3) {
        left: 40px !important;
        top: 80px !important;
    }
    section > div.eventpopup:nth-of-type(4) {
        left: 60px !important;
        top: 100px !important;
    }
    section > div.eventpopup:nth-of-type(5) {
        left: 80px !important;
        top: 120px !important;
    }
    section > div.eventpopup:nth-of-type(6) {
        left: 100px !important;
        top: 140px !important;
    }
    section > div.eventpopup:nth-of-type(7) {
        left: 120px !important;
        top: 160px !important;
    }
    section > div.eventpopup:nth-of-type(8) {
        left: 140px !important;
        top: 180px !important;
    }

    /* Etc Popup */
    div.noresult_info {
        margin-top: 100px;
        padding: 0 20px;
    }
    div.noresult_info .btn_box {
        width: auto;
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    div.noresult_info .btn_box button {
        width: 100%;
        height: 40px;
        line-height: 40px;
        margin: 0 !important;
    }
    .popup_area {
        z-index: 999;
    }
    .popup_area .each_popup {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 40px);
        max-width: 520px;
        position: absolute;
    }
    .popup_area strong, .popup_area .popup_delete_confirm >div strong {
        margin: 40px auto;
        font-size: 18px;
        width: 100%;
    }
    .popup_area .each_popup >div {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .popup_area button,  .popup_area .popup_delete_confirm >div button {
        width: 100%;
        height: 40px;
        margin: 0 !important;
        font-size: 14px;
    }
    .change_format, .change_tabMenu {
        width: calc(100% - 40px);
        height: auto;
        padding: 20px;
        max-width: 420px;
    }


    /* Popup : doReport Guide */
    .doReport_guide_contents .doReport_type {
        flex-direction: column;
        height: auto;
        gap: 10px;
    }
    .doReport_guide_contents .doReport_type .left_column, .doReport_guide_contents .doReport_type .right_column {
        width: 100%;
    }
    .doReport_guide_popup .icon_ipt_date {
        height: 36px;
        width: 36px;
        background-size: 18px 18px;
        background-position: center center;
    }
    .doReport_sad .wrap_ipt_time > .icon_ipt_time, .doReport_joyful .wrap_ipt_time > .icon_ipt_time {
        height: 36px;
        width: 36px;
        background-size: 18px 18px;
        background-position: center center;
    }
    .doReport_type input, .ipt_desc {
        height: 36px;
    }
    .doReport_guide_example {
        height: auto;
    }
    .doReport_info > li {
        flex-wrap: wrap;
        width: 100%;
        gap: 5px 0;
    }
    .doReport_info > li > label, .example_guide_info > dt, .example_guide_info > dd {
        width: 100%;
    }
    .doReport_guide_popup .doReport_sad .wrap_ipt_date, .doReport_sad .wrap_ipt_time, .doReport_guide_popup .doReport_joyful .wrap_ipt_date, .doReport_joyful .wrap_ipt_time {
        width: 50%
    }
    .doReport_guide_popup .wrap_ipt_date, .doReport_info > li input, .ipt_desc {
        width: 100%;
    }
    .doReport_guide_contents .close_doReport  {
        width: 100%;
    }
    .doReport_write .doReport_info > li input, .doReport_write .ipt_desc {
        width: 100% !important;
    }
    .doReport_write .wrap_ipt_date, .doReport_write .wrap_ipt_time {
        width: auto;
        flex: 1;
    }
    .doReport_write .doReport_info_items {
        flex-direction: column;
        gap: 5px;
    }
    .doReport_write .scd_trd_format .wrap_ipt_date, .doReport_write .scd_trd_format .wrap_ipt_time {
        width: 100% !important;
    }
    .doReport_write .scd_trd_format .ipt_time {
        border-left: solid 1px #c4c4c4;
    }

    /* My VOD : Detail */
    .vod_detail .vod_detail_area {
        gap: 10px;
        display: flex;
        flex-direction: column;
        padding: 10px 10px 30px;
    }
    .vod_detail .vod_detail_area .fst_row, .vod_detail .vod_detail_area .scd_row, .vod_detail .vod_detail_area .trd_row {
        flex-direction: column;
        gap: 10px;
    }
    .vod_detail .vod_detail_area .fst_column, .vod_detail .vod_detail_area .scd_column {
        width: 100%;
        padding-right: 0;
        margin-right: 0;
    }
    .vod_detail .vod_detail_area .scd_row, .vod_detail .vod_detail_area  .trd_row{
        margin: 0;
    }
    .vod_detail .vod_detail_area .fv_row {
        flex-wrap: wrap;
        display: flex;
    }
    .vod_detail .fv_row .vod_write_subtitle {
        margin: 0;
    }
    .vod_detail .vod_write_subtitle {
        min-width: 80px;
    }
    .vod_detail .vod_detail_area .vod_detail_textarea {
        width: 100%;
        margin-bottom: 10px !important;
        margin-top: 3px;
    }
    .vod_detail .vod_detail_area .wrap_thumbnail_img, .vod_detail .vod_detail_area .wrap_vod_file {
        width: 100%;
        margin: 0 auto;
        max-width: 320px;
        height: auto;
        text-align: center;
    }
    .vod_detail .vod_detail_area .file_name {
        text-align: center;
    }
    .tooth_info {
        flex-direction: column;
    }
    .tooth_info .fst_column, .tooth_info .scd_column {
        width: 100%;
        margin-right: 0;
        padding: 0;
    }


    /* Report : Write */
    #denall_vodReport .titlearea {
        padding: 20px 0;
    }
    #denall_vodReport fieldset {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }
    #denall_vodReport .formgroup {
        padding: 12px;
    }
    #denall_vodReport .formgroup >h4 {
        font-size: 18px;
    }
    #denall_vodReport .titlearea p {
        display: flex;
        flex-direction: column;
        font-size: 14px;
        font-weight: bold;
        margin-top: 10px;
    }
    #denall_vodReport .titlearea p .titlearea_link {
        width: 100%;
        margin: 10px 0 0 0;
        background-color: #fff;
        height: 40px;
        line-height: 40px;
    }
    #denall_vodReport fieldset .form-row {
        flex-wrap: wrap;
        min-height: unset;
        gap: 8px 0;
        padding: 8px 0;
    }
    #denall_vodReport fieldset >div >label.cs-subtitle {
        width: 100%;
        padding: 0;
        float: unset;
    }
    #denall_vodReport fieldset .form-row > span {
        width: 100%;
    }
    #denall_vodReport fieldset .form-row input, #denall_vodReport fieldset .form-row textarea, #denall_vodReport fieldset .form-row select {
        flex: 1;
        width: 1px !important;
    }
    #denall_vodReport fieldset .form-row textarea {
        height: 120px !important;
    }
    #denall_vodReport .fieldset-terms >div {
        padding: 15px 0 !important;
        display: flex;
        flex-wrap: wrap;
    }
    #denall_vodReport .fieldset-terms >div strong {
        margin-bottom: 10px;
        width: 100%;
    }
    #denall_vodReport .fieldset-terms >div .checkboxarea input[type=checkbox] {
        position: unset;
    }
    #denall_vodReport .fieldset-terms >div .checkboxarea label {
        left: 0;
    }
    #denall_vodReport .fieldset-terms >div .checkboxarea input[class="cb-pink"] + label span {
        position: unset;
    }
    #denall_vodReport .fieldset-terms >div .terms-desc {
        padding: 15px;
        margin-top: 10px
    }
    #denall_vodReport .submit_btn button {
        width: 100%;
        height: 40px;
    }


    /* poster image display none */
    .program_visaul_poster {
        display: none;
    }
    #vod_pro_home .video_info .vod_info_tab {
        margin-top: 0;
        padding: 0;
    }
    #vod_pro_home .video_info .vod_info_tab ul {
        border-bottom: 1px solid #333;
    }
    #vod_pro_home .video_info .vod_info_tab a {
        height: 44px;
        line-height: 44px;
        padding: 0;
    }
    #vod_pro_home .vod_info_tab .l-inner {
        max-width: 100%
    }
    #vod_pro_home .vod_info_tab .video_share {
        line-height: unset;
        padding: 10px 0;
    }
    #vod_pro_home .vod_info_tab .video_share .video_share_area {
        border-bottom: none;
    }
    #vod_pro_home .vod_info_tab .video_share .share-tooltip li a {
        line-height: unset;
    }

    /* Digital Contest */
    /* #wrap {
        margin-top: 94px !important;
    } */
    .contest_2th_result.final .panel1 .normal_vod_listItem {
        width: 50% !important;
    }
}

@media screen and (max-width: 820px) {
    /* Contest */
    .contest_intro_poster {
        margin-top: 94px;
    }

    /* My Channel */
    .channel_setting_popup .channel_setting_area .channel_setting_box02 .channel_file {
        width: auto;
    }

    /* My VOD : Upload */
    .vod_write_popup .fst_row, .vod_write_popup .scd_row, .vod_write_popup .trd_row {
        flex-direction: column;
    }


    /* Popup : vod upload */
    .vod_upload_popup {
        max-width: 740px;
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 640px) {
    /* Common : 공통 */
    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea {
        font-size: 16px !important;
    }
    .main_video_area_inner_playing.vod_mini .main_video_wrapper {
        width: 280px;
        height: 158px;
    }
    .main_video_area .live-alert {
        right: 25px;
        bottom: 0;
        height: 158px;
    }
    .mobile_btn, .mobile_close {
        left: 20px;
    }
    .l-inner {
        max-width: calc(100% - 40px);
    }
    #denallHeader .alert_logout {
        width: calc(100% - 20px);
        right: 10px;
        top: 50px;
        position: fixed;
    }
    #denallHeader .alert_logout_inner {
        width: 100%;
    }
    #denallHeader.active .mainHeader #denallGnb, #denallHeader.active .subHeader_program {
        width: 50%;
        z-index: 1113;
    }
    .popup_area strong {
        margin: 40px auto;
    }
    .popup_area .complete {
        margin-left: 0;
        width: 100%;
        height: 40px;
    }
    .noresult {
        padding: 40px 0;
    }
    .side_menu.blind {
        display: none !important;
    }
    .mini_gnb {
        flex-direction: column; 
        align-items: flex-end; 
    }
    .mini_gnb > li:not(:last-child)::after {
        display: none;
    }



    /* 20231213 Main : Live Chatting View */
    .btn_chatting_view {
        position: absolute;
        bottom: 12px;
        right: 20px;
        width: 80px;
        height: 32px;
        font-size: 14px;
        border-radius: 50%;
        color: #fff;
        display: none;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        line-height: 14px;
        border-radius: 5px;
        box-shadow: 0px 4px 8px 0 rgba(12, 12, 94, 0.24);
        background: #ef0a6a;
    }
    .btn_chatting_view::after {
        content: '채팅참여';
    }
    .btn_chatting_view.on {
        display: flex;
    }
    .btn_chatting_view.chatting_close {
        right: 15px;
        left: unset;
        bottom: 325px;
        top: unset !important;
        width: 32px;
        background-color: #333;
        background-image: url(../../images/close_btn_wt.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 16px auto;
        position: fixed;
        z-index: 114;
    }
    .btn_chatting_view.chatting_close::after {
        content: '';
    }
    #denall_mainIndex .chatting_area.chatting_area_fix, #denall_mainIndex .vod_list_right.vod_play .chatting_area.chatting_area_fix {
        position:fixed !important;
        bottom:0 !important;
        height:320px !important;
        z-index:113 !important;
        width:100% !important;
        display: flex !important;
    }
    #denall_mainIndex .live_chatting_box.live_chatting_box_fix {
        height: auto !important;
    }
    #denall_mainIndex .live_chatting_box.live_chatting_box_fix .live_chatting_title {
        position: fixed;
        bottom: 320px;
        width: 100%;
        z-index: 113;
        box-shadow: 0px -4px 8px 0px rgba(0,0,0,0.5);
    }
    .live_chatting_tab.live_chatting_tab_fix, .chat_history_tab.chat_history_tab_fix {
        position: fixed;
        bottom: 320px;
        width: 100%;
        z-index: 113;
        box-shadow: 0px -4px 8px 0px rgba(0,0,0,0.5);
    }
    .chatting_typing_area .wrap_typing_box .typing_box {
        flex-grow: 1;
        width: auto;
        margin-right: 0;
    }
    .chatting_typing_area .wrap_typing_box .enter_typing_contents {
        position: absolute;
        right: 12px;
        bottom: 10px;
    }

    /* paging */
    .pagenation >ul, .fixed_pagination >ul {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .pagenation >ul li, .fixed_pagination >ul li  {
        width: auto;
        border: none;
        background-color: unset !important;
        flex-grow: 1;
        max-width: 50px;
    }
    .pagenation >ul li a, .fixed_pagination >ul li a {
        width: auto;
        padding: 0;
    }
    .pagenation >ul li.active a, .fixed_pagination >ul li.active a {
        color: #111;
        font-weight: bold;
    }
    .pagenation >ul li a img, .fixed_pagination >ul li a img{
        display: none;
    }
    .pagenation >ul li:last-child,  .fixed_pagination >ul li:last-child {
        border-right: none;
    }
    .pagenation >ul li a[aria-label="Next"] {
        background: url('../../images/icn-pagenation-arrow-next-1.png') no-repeat center center;
    }
    .pagenation >ul li a[aria-label="Last"] {
        background: url('../../images/icn-pagenation-arrow-next-2.png') no-repeat center center;
    }
    .pagenation >ul li a[aria-label="Previous"] {
        background: url('../../images/icn-pagenation-arrow-pre-1.png') no-repeat center center;
    }
    .pagenation >ul li a[aria-label="First"] {
        background: url('../../images/icn-pagenation-arrow-pre-2.png') no-repeat center center;
    }
    .paging_list {
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 15px 0 0;
    }
    .paging_list a {
        width: auto;
        border: none !important;
        background-color: unset !important;
        flex-grow: 1;
        max-width: 50px;
    }
    .paging_list .move_number {
        font-weight: normal;
    }
    .paging_list .move_number.selected, .paging_list .move_number:active {
        color: #111;
    }
    .paging_list .move_first, .paging_list .move_prev, .paging_list .move_next, .paging_list .move_last {
        border: 0;
        background-color: unset;
    }
    .paging_list .move_prev {
        margin-right: 0;
    }
    .paging_list .move_next {
        margin-left: 0;
    }
    .pagination-wrap .pagination {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .pagination > li {
        width: auto;
        border: none;
        background-color: unset !important;
        flex-grow: 1;
        max-width: 50px;
    }
    .pagination > li > a, .pagination > li > span {
        width: auto;
        padding: 0;
        font-weight: normal;
        border: none;
        background-color: unset;
        float: unset;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        color: #000;
        background-color: unset;
        border: none;
        font-weight: bold;
    }
    .pagination > li:first-child > a img, .pagination > li:last-child > a img, .pagination > li:nth-child(2) > a img, .pagination > li:nth-last-child(2) > a img {
        top: unset;
    }


    /* Common : Footer */
    #denallFoot .inner_footer_btn {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #denallFoot .family_site_select {
        float: none;
        width: 100%;
        margin-top: 10px;;
    }
    #denallFoot .family_site_select select {
        height: 40px;
    }
    #denallFoot .footer_menu .sns {
        justify-content: end;
    }


    /* Common : 상단 검색박스 수정*/
    #denallHeader .mainHeader .top_search_area.active {
        position: fixed;
        top: 56px;
        width: calc(100% - 40px) !important;
        right: 20px;
    }
    .mini_gnb_2 .searchinput {
        width: 100%;
        font-size: 13px !important;
    }
    .mini_gnb_2 .search_detail_button {
        font-size: 13px;
    }
    #denallHeader.denallHeader_fixed .mainHeader .top_search_area.active {
        top: 5px;
    }
    #denallHeader .mainHeader .search_detail_box {
        width: calc(100% - 40px);
        max-width: 640px;
        min-width: 300px;
    }
    #denallHeader .mini_gnb_2 .search_detail_teethBox {
        flex-direction: column;
    }
    #denallHeader .mini_gnb_2 .search_detail_teethNo {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        box-shadow: none;
        border: none;
        margin-right: 0;
    }
    #denallHeader .mini_gnb_2 .header_search_detail_teethNoItem {
        width: calc(100% / 8);
        padding: 0;
        box-sizing: border-box;
        margin: 0;
    }
    #denallHeader .division_line {
        display: none;
    }
    #denallHeader hr.teeth_item_line {
        margin: 8px 0;
    }
    #denallHeader .mini_gnb_2 .header_search_detail_teethNoItem .number {
        height: 26px;
        display: flex;
        border-radius: 2px;
        line-height: 26px;
        justify-content: center;
        /* border: 1px solid #ccc;
        background: #fff;
        margin: 2px; */
    }
    #denallHeader .search_detail_teethGroup {
        display: flex;
        gap: 10px;
        margin-top: 10px;
        width: 100%;
    }
    #denallHeader .mini_gnb_2 .header_search_detail_teethGroupButton {
        width: auto;
        flex: 1;
    }
    #denallHeader .wrap_btn_search_popupbox .btn_search_popupbox{
        width: 100%;
    }
    #denallHeader  .mini_gnb_2 .header_search_detail_subjectItem {
        padding: 1px 18px;
    }


    /* Main : Main_Video_Area */
    #denall_mainIndex .vod_list_right .vod_list_right_inner_list li {
        width: 100%;
    }
    #denall_mainIndex .main_video_area .video_info_inner {
        flex-direction: column;
    }
    #denall_mainIndex .main_video_area .vod_info_tab_area .vod_info_panel .panel2 .video_info_profile_history.h_full {
        position: fixed;
        top: 50%;
        bottom: unset;
        left: 50% !important;
        transform: translate(-50%, -52%);
        width: calc(100% - 40px);
        flex-direction: column;
    }
    #denall_mainIndex .main_video_area .vod_info_tab_area .vod_info_panel .panel2 .video_info_profile_history.h_full .profile_inner_history  {
        width: auto;
    }
    #denall_mainIndex .main_video_area .vod_info_tab_area .vod_info_panel .panel2 .video_info_profile_history.h_full .profile_history_list {
        margin: 0;
        width: auto;
    }
    .video_info_profile_history.h_full .profile_inner_history .work {
        width: 100%;
    }
    .vod_list_right_wo_bottom .vod_list_right_inner_list li {
        width: 100%;
    }
    #denall_mainIndex .main_video_area .video_info .program_title_block {
        flex-wrap: wrap;
    }
    #denall_mainIndex .main_video_area .video_info .program_title_block .lang_group_wrap {
        width: 100%;
        margin-top: 5px;
    }
    #denall_mainIndex .main_video_area .video_info .program_title_block .lang_group_wrap .lang_group_title {
        display: none;
    }
    #denall_mainIndex .main_video_area .video_info .program_title_block .lang_group_wrap .lang_division_line {
        display: none;
    }


    /* Main : Section Box */
    #denall_mainIndex .recommend_vod .recommend_vod_listItem {
        width: 50%;
    }

    /* Main : Comment */
    .vod_comment_area .vod_comment_writingBox {
        flex-wrap: wrap;
        gap: 10px;
    }
    .vod_comment_area .vod_comment_writingBox  textarea {
        width: 100%;
        margin-right: 0;
        min-height: 80px !important;
    }
    .vod_comment_area .vod_comment_writingBox .wrap_btn_txt  {
        width: 100%;
    }
    .vod_comment_area .vod_comment_writingBox .wrap_btn_txt button {
        flex: 1;
    }
    .vod_comment_area .vod_comment_writingBox .wrap_btn_txt button span {
        width: 100%;
    }


    /* Main : Popup */
    .bl_modal, .bl_popup {
        width: calc(100% - 40px);
        max-height: calc(100% - 40px);
        padding: 12px 10px !important;
        overflow-y: scroll;
    }
    .bl_modal > strong, .bl_popup > strong {
        font-size: 18px;
    }
    .bl_modal_title, .bl_popup_title {
        overflow: unset !important;
        padding-top: 0 !important;
    }
    .vod_write_popup, .doReport_guide_popup, .doReport_popup, .channel_setting_popup {
        width: calc(100% - 20px);
    }
    .doReport_popup.modifyMode {
        width: calc(100% - 20px);
    }
    .popup_area .each_popup p {
        font-size: 18px;
        padding: 0 0 10px;
    }


    /* News List */
    #vod_pro_home .panel1 .normal_vod_listItem {
        width: var(--width-2);
    }
    #vod_pro_home .video_info .vod_info_tab {
        position: relative;
    }
    #vod_pro_home .video_info .vod_info_tab .doReport {
        background-color: rgba(184, 201, 227, 0.26);
        width: 100%;
        height: 40px;
        width: calc(100% - 40px);
    }
    #vod_pro_home .video_info .vod_info_tab .l-inner {
        max-width: none;
    }
    #vod_pro_home .video_info .vod_info_tab ul {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        display: flex;
        width: 100%;
        justify-content: flex-start;
    }
    #vod_pro_home .video_info .vod_info_tab ul::after {
        content: '';
        display: inline-block;
        position: absolute;
        right: 0;
        top: 10px;
        width: 20px;
        height: 36px;
        background: linear-gradient(to left, #000, rgba(0, 0, 0, 0));
    }
    #vod_pro_home .video_info .vod_info_tab .video_share ul::after {
        display: none;
    }
    #vod_pro_home .vod_info_tab ul li {
        margin: 0;
        flex: 1;
    }
    #vod_pro_home .vod_info_tab ul li a{
        padding: 0 30px 15px;
    }
    #vod_pro_home .vod_info_tab.contest ul li a {
        line-height: 42px;
    }

    .vod_info_tab ul li:hover a::after, .vod_info_tab ul .selected a::after {
        left: 5%;
        width: 90%;
    }
    #vod_pro_home .video_info .vod_info_tab a {
        padding: 0 20px;
    }
    #vod_pro_home .vod_info_tab ul.video_share_area li a .video_share_img_wrapper .video_share_desc {
        margin-top: 0;
    }
    #vod_pro_home  .news_wrap .news_right_contents .news_right_head {
        margin-top: 4px;
    }
    #vod_pro_home  .news_wrap .news_right_contents .news_text {
        -webkit-line-clamp: 2;
        height: 38px;
        margin-top: 4px;
    }


    /* Vod : Search Detail Box */
    .teeth_search_detail_box {
        width: 100%;
    }
    .teeth_search_detail_box .teeth_search_detail_teethBox {
        flex-direction: column;
    }
    .teeth_search_detail_box .teeth_search_detail_teethNo {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-right: 0;
        gap: 5px 0;
    }
    .teeth_search_detail_box .teeth_search_detail_teethNoItem {
        width: calc(100% / 8);
        padding: 0;
        box-sizing: border-box;
        margin: 0;
    }
    .teeth_search_detail_box .teeth_search_detail_teethNoItem .number {
        height: 26px;
        display: flex;
        border-radius: 2px;
        line-height: 26px;
        justify-content: center;
    }
    .teeth_search_detail_box .division_line {
        display: none;
    }
    .teeth_search_detail_box .teeth_search_detail_teethGroup {
        display: flex;
        gap: 10px;
        margin-top: 10px;
        width: 100%;
    }
    .teeth_search_detail_box .teeth_search_detail_teethGroupButton {
        width: auto;
        flex: 1;
    }
    .teeth_search_detail_box .btn_search_popupbox {
        width: 100%;
    }


    /* My Page : 시청내역 */
    #mypage .mypage_result_vod_list li {
        width: var(--width-2);
    }
    #mypage .result_area_notice .edit_btn {
        width: 100%;
        font-size: 14px;
    }
    #mypage .result_area_notice .delete_btn {
        width: 100%;
        font-size: 14px;
    }
    #mypage .result_area_notice .btn174 {
        width: 100%;
        margin-bottom: 10px;
        font-size: 14px;
    }
    #mypage .result_area .result_area_notice button {
        width: 100%;
        font-size: 14px;
    }


    /* My Page : 리스트 */
    #mypage .mypage_alert_list table tbody tr td button {
        font-size: 14px;
        height: 32px;
    }


    /* My Channel */
    .my_channel_wrap .my_channel_list .channel_list ul .list_item {
        width: var(--width-2);
    }
    .my_channel_wrap .my_channel_top .my_channel_info {
        flex-direction: column;
        gap: 10px;
    }
    .my_channel_wrap .my_channel_wrap .channel_setting_btn {
        position: unset;
        width: 100%;
    }
    .my_channel_wrap .channel_tab_menu {
        display: flex;
    }
    .my_channel_wrap .channel_tab_menu li {
        flex: 1;
    }
    .my_channel_wrap .channel_tab_menu li a {
        width: auto;
    }


    /* Vod List : Category/Search List */
    #denall_search .search_list .search_item {
        width: var(--width-2);
    }
    #denall_search .result_option_area .list_option .category_search_area {
        width: 100%;
        flex: unset !important;
    }
    #denall_search .result_option_area .list_option .masterCourseLink {
        flex: 1;
    }
    #denall_search .result_option_area .list_option .teeth-pick {
        flex: 1;
    }
    #denall_search .result_option_area .filter_option .search-btn-wrap {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    #denall_search .result_option_area .filter_option .search-btn-wrap button {
        width: 50%;
    }
    #denall_search .result-list .search_filter_area {
        gap: 0;
        flex-wrap: wrap;
    }
    #denall_search .result-list .search_filter_area .wrap_filter_category {
        margin-left: 0;
        flex: unset;
        width: 50%;
        box-sizing: border-box;
        padding: 0 10px;
    }
    #denall_search .search_area .search_form input::placeholder {
        font-size: 14px;
    }
    #denall_search .search_area .search_enter {
        background-size: 20px auto;
        padding: 10px;
    }
    #denall_search .total_result {
        font-size: 16px;
    }
    #denall_search .search_form .search_detail_box {
        width: 100%;
    }
    #denall_search .search_form .search_detail_teethBox {
        flex-direction: column;
    }
    #denall_search .search_form .search_detail_teethNo {
        width: 100%;
        margin-right: 0;
        gap: 5px 0;
    }
    #denall_search .search_form .search_detail_teethNoItem {
        width: calc(100% / 8);
        padding: 0;
        box-sizing: border-box;
        margin: 0;
    }
    #denall_search .search_form .search_detail_box .division_line {
        display: none;
    }
    #denall_search .search_form .search_detail_teethNoItem .number {
        height: 26px;
        display: flex;
        border-radius: 2px;
        line-height: 26px;
        justify-content: center;
    }
    #denall_search .search_form .search_detail_box .search_detail_teethGroup {
        display: flex;
        gap: 10px;
        margin-top: 10px;
        width: 100%;
    }
    #denall_search .search_form .search_detail_teethGroupButton {
        width: auto;
        flex: 1;
    }
    #denall_search .search_form .search_detail_subject {
        flex-flow: wrap;
        width: 100%;
        background: none;
        border: 0px;
        box-shadow: none;
    }
    #denall_search .search_form .search_detail_box .btn_search_popupbox {
        width: 100%;
    }
    #denall_search .btn_ctg_consensusreport {
        width: 100%;
    }


    /* CS : FAQ */
    #cs .search_area fieldset .search_window {
        height: 40px;
    }
    #cs .search_area fieldset button.search_btn {
        height: 40px
    }
    #cs .result_tab li {
        height: 40px;
        line-height: 40px;
    }
    #cs .dropdown_list table tbody tr.question td img {
        width: 15px;
    }


    /* CS */
    #cs fieldset.qustion1vs1 div input.inputemail, #cs fieldset.qustion1vs1 div input.inputemailadd {
        flex: 1;
        margin: 0;
    }
    #cs fieldset.qustion1vs1 div span {
        line-height: unset !important;
    }

    /* CS Button */
    #cs .gotolist {
        float: none;
        margin: 30px auto 0;
    }
    #cs button.gotolist {
        width: 100%;
        height: 40px;
        line-height: 40px;
    }
    #cs .result_area .result_area_notice .btn174 {
        width: 100%;
        font-size: 14px;
    }
    #cs .input_info_area .submit_btn button {
        width: 100%;
        height: 40px;
    }
    #cs .input_info_area .caution {
        line-height: 20px;
        margin-top: 10px;
    }
    #cs .input_info_area .caution img {
        margin-top: 2px;
    }

    /* My VOD : List */
    .vod_manage_page .thumbnail_view_items {
        width: 100%;
        padding: 20px 0 10px;
    }
    .vod_manage_page .view_service .sort_list {
        width: 100%;
    }
    .vod_manage_page .view_service .view_list {
        width: 100%;
    }
    .vod_manage_page .view_service .view_list li {
        flex: 1;
    }
    .vod_manage_page .vod_manage_contents .list_view  tr  {
        width: 100%;
    }


    /* My VOD : Detail */
    .vod_detail .vod_detail_title {
        flex-direction: column;
        gap: 10px;
    }
    .vod_detail .vod_detail_title h3 {
        margin: 0;
    }
    .vod_detail  .wrap_paging_btn {
        margin: 0 0 10px;
        height: 40px;
        width: 100%;
    }
    .vod_detail  .wrap_paging_btn .btn_list {
        flex: 1;
    }


    /* My VOD : Upload */
    .vod_write_popup .fst_row, .vod_write_popup .scd_row, .vod_write_popup .trd_row {
        flex-direction: column;
    }


    /* Etc */
    #denall_noResult .denall_noresult_inner div.noresult_info .btn_box {
        width: 100%;
    }
    #denall_noResult .denall_noresult_inner div.noresult_info .btn_box button {
        flex: 1;
        height: 45px;
        line-height: 45px;
    }


    /* Mall : Live Product 20230418*/
    .pro_list_right_inner .product_submit_btn, .mini-order .submit_btn button {
        height: 40px !important;
        font-size: 14px;
    }
    #denall_mainIndex .pro_list_right.vod_play .vod_list_right_inner_list li {
        width: 100%;
    }
    .mini-order-wrapper .mini-order-buttons .on {
        font-size: 16px;
        height: auto;
        padding: 5px;
    }
    .product_info_tab_area .product_info_panel .panel1 {
        padding: 20px 15px !important;
    }
    .product_info_tab_area .panel2 .pro_detail {
        padding: 20px 15px !important;
    }
    .product_info_tab_area .panel2 .pro_detail .delivery_info table {
        border-top: none;
    }
    .product_info_tab_area .panel2 .pro_detail .delivery_info table colgroup{
        display: none;
    }
    .product_info_tab_area .panel2 .pro_detail .delivery_info table tbody tr {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        padding: 10px 0;
        border-bottom: 1px solid #e4e4e4;
        gap: 6px;
    }
    .product_info_tab_area .panel2 .pro_detail .delivery_info table tbody tr th {
        background: none;
        border-right: none;
        border-bottom: none;
        padding-top: 0;
    }
    .product_info_tab_area .panel2 .pro_detail .delivery_info table td {
        padding: 0;
        height: auto;
        border-bottom: none;
        text-align: left;
        line-height: 1.5;
    }
    .product_info_tab_area .panel2 .pro_detail .delivery_info .delivery_step {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .product_info_tab_area .panel2 .pro_detail .delivery_info .delivery_step li {
        margin: 0 !important;
        width: 100%;
    }
    .product_info_tab_area .panel2 .pro_detail .delivery_info .delivery_step li .ar {
        display: none;
    }
    .product_info_tab_area .panel2 .pro_detail .delivery_info .delivery_step li .txt {
        height: auto;'
    }
    .product_info_tab_area .panel3 .pro_detail .service_info {
        padding: 20px 15px;
    }
    .product_info_tab_area .panel3 .pro_detail .service_info table {
        border-top: none;
    }
    .product_info_tab_area .panel3 .pro_detail .service_info table colgroup{
        display: none;
    }
    .product_info_tab_area .panel3 .pro_detail .service_info table tbody tr {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        padding: 10px 0;
        border-bottom: 1px solid #e4e4e4;
        gap: 6px;
    }
    .product_info_tab_area .panel3 .pro_detail .service_info table tbody tr th {
        background: none;
        border-right: none;
        border-bottom: none;
        padding-top: 0;
        text-align: left;
    }
    .product_info_tab_area .panel3 .pro_detail .service_info table td {
        padding: 0;
        height: auto;
        border-bottom: none;
        text-align: left;
        line-height: 1.5;
    }
    .product_info_tab_area .panel3 .pro_detail .service_info table td .ser_img li:first-child {
        border-right: none;
    }
}


@media screen and (max-width: 480px) {
    /* Common : 상단 검색박스 수정*/
    #denallHeader .mainHeader .top_search_area.active {
        padding: 0 10px;
        gap: 0;
    }
    .mini_gnb_2 .icon_search {
        background-size: 18px auto;
        background-position: 0 center;
    }
    #denallHeader .btn_top_close {
        background-size: 15px auto;
    }
    .mini_gnb_2 .btn_top_search {
        margin-right: 4px;
    }
    .denall-tv-integ-wrap .top_search_area .search_detail::after {
        margin: 0 5px;
        background: none;
    }
    .slick_vod_list .slider_dots {
        display: none !important;
    }
    #denall_mainIndex .slick_vod_list .slider_arrow {
        display: flex !important;
        top: -36px;
        transform: none;
        width: 24px;
        height: 27px;
    }
    .slick_vod_list .slider_arrow.prev {
        left: unset;
        right: 30px;
        background-size: 15px auto;
    }
    .slick_vod_list .slider_arrow.next {
        right: 0;
        background-size: 15px auto;

    }
    .slick_vod_list .slider_arrow.next:hover, .slick_vod_list .slider_arrow.prev:hover {
        background-size: 15px auto;
    }

    /* Main : Chatting */
    .main_video_area .chatting_typing_area .after_login {
        padding: 12px 0 0;
    }
    .main_video_area .chatting_typing_area .after_login .set_nickname {
        margin: 12px 0;
    }
    .main_video_area .chatting_typing_area .after_login .set_nickname .decide_nickname {
        display: none;
    }
    .main_video_area .chatting_typing_area .after_login .set_nickname .input_nickname {
        margin: 0 4px 0 0;
    }


    /* Main : Comment */
    .vod_comment_area .vod_comment_writingBox  textarea {
        min-height: 100px !important;
    }


    /* Main : Section Box */
    /* #denall_mainIndex .recommend_vod .recommend_vod_listItem:first-child {
        width: 100%;
    } */
    #denall_mainIndex .recommend_vod .recommend_vod_listItem {
        width: 100%;
    }
    #denall_mainIndex .recommend_vod .recommend_vod_listItem:nth-child(1) {
        margin-bottom: 10px;
    }


    /* Main : Main_Video_Area */
    #denall_mainIndex .video_info .program_title_block .program_title {
        display: none;
    }
    #denall_mainIndex .video_info .program_title_block .program_time {
        margin-left: 15px;
    }
    #denall_mainIndex .video_share_area .video_share_item img {
        width: 24px;
    }
    #denall_mainIndex .video_share_area .video_share_item:not(:last-child) {
        margin-right: 15px;
    }


    /* News List*/
    #vod_pro_home .panel1 .normal_vod_listItem {
        width: var(--width-1);
    }
    #vod_pro_home .panel2 .list_option {
        width: 100px;
        margin: 0;
    }
    #vod_pro_home .panel2 .search {
        width: calc(100% - 110px);
        margin-bottom: 10px;
    }
    #vod_pro_home  .news_wrap .news_contents {
        display: flex;
        flex-wrap: wrap;
    }
    #vod_pro_home  .news_wrap .news_contents .news_left_contents {
        width: 60%;
        padding: 17.2% 0;
        position: relative;
        margin: 0 auto;
        height: unset;
    }
    #vod_pro_home  .news_wrap .news_contents .news_left_contents img{
        min-width: 100%;
        min-height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


    /* Vod List : Category List */
    #denall_search .search_list .search_item {
        width: var(--width-1);
    }
    #denall_search .result_option_area .filter_option a {
        width: 100%;
    }


    /* My Channel */
    .my_channel_wrap .my_channel_list .channel_list ul .list_item {
        width: var(--width-1);
    }


    /* My page : 시청내역 */
    #mypage .mypage_result_vod_list li {
        width: var(--width-1);
    }
    #mypage .mypage_result_program_list li {
        width: var(--width-2);
    }


    /* My Page : 게시글 */
    .mypage_mypost_comment_list li.comment >div {
        float: unset;
    }
    .mypage_mypost_comment_list li.comment >div.img_area {
        width: 100%;
        height: 145px;
        margin-right: 0;
    }
    .mypage_mypost_list .post_list_item .img_area img {
        -o-object-fit: contain;
        object-fit: contain;
        width: 100% !important;
        height: 100% !important;
    }
    #mypage .mypage_mypost_comment_list li >div.comment_inner {
        width: 100%;
        margin-top: 10px;
    }
    #mypage .remove_news_card_popup, #mypage .change_format, #mypage .change_tabMenu {
        width: calc(100% - 40px);
    }


    /* Vod Home : Program List */
    #denall_vodHome .programAll_listItem {
        width: var(--width-2);
    }
    #denall_vodHome .programAll_wrapper .sort_list {
        position: unset;
        margin-bottom: 10px;
    }
    #denall_vodHome .programAll_wrapper .sort_list li {
        width: 50%;
    }


    /* Popup : doReport Guide */
    .doReport_guide_contents .article_outer .example_guide_img {
        width: 100%;
    }
    .pro_desc_popup {
        position: fixed;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        width: auto;
        max-width: 356px;
        z-index: 10000 !important;
    }


    /* CS Center */
    #cs .input_info_area .filebox button {
        width: 100%;
    }


    /* CS : Event */
    #cs .event_list >ul >li {
        width: 100%;
    }


    /* CS : Faq */
    #cs .result_tab li {
        width: 50%;
    }
    #cs .result_tab li:nth-child(3n) {
        border-right: none;
    }
    #cs .result_tab li:nth-child(2n) {
        border-right: 1px solid #ccc;
    }


    /* My VOD : Upload */
    .vod_write_popup .vod_write_area #vodFile {
        width: auto;
    }
    .vod_write_popup .wrap_find_thumbnail {
        width: 100%;
    }
    .vod_write_popup .wrap_find_thumbnail .find_thumbnail {
        margin: 0 auto;
    }
    .vod_write_popup .wrap_table_body > ul {
        width: 100%;
    }
    #vodWriteContents .vod_write_area {
        padding: 4px 10px 20px;
    }


    /* My VOD : Detail */
    .tooth_info .tooth_num {
        flex-direction: column;
    }
    .tooth_info .sinus, .tooth_info .nerve {
        margin-right: 0;
    }
    .tooth_info .fst_column {
        position: relative;
        padding-bottom: 55px;
    }
    .tooth_info .wrap_all_btn {
        position: absolute;
        left: 0;
        bottom: -8px;
        width: 100%;
        margin-left: 0;
    }
    .tooth_info .wrap_all_btn button {
        width: 100%;
    }


    /* Digital Contest */
    .contest_2th_result.final .panel1 .normal_vod_listItem {
        width: 100% !important;
    }


    /* My VOD : List */
    .vod_manage_page .vod_manage_contents .thumbnail_view_items {
        flex-direction: column;
    }
    .vod_manage_page .vod_manage_contents .thumbnail_view_items .wrap_thumbnail {
        width: 100%;

        height: auto;
        margin-bottom: 10px;
    }
    .vod_manage_page .vod_manage_contents .thumbnail_view_items .vod_desc {
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
    }
    .vod_manage_page .vod_manage_contents .thumbnail_view_items .vod_desc h3 {
        width: 100%;
        margin-bottom: 0;
        font-size: 16px;
    }
    .vod_manage_page .vod_manage_contents .thumbnail_view_items .vod_desc span {
        font-size: 14px;
    }
    .vod_manage_page .vod_manage_contents .thumbnail_view_items .alignSB {
        width: 100%;
        flex-direction: unset;
    }
    .vod_manage_page .vod_manage_contents .thumbnail_view_items .vod_desc .vod_category:after {
        display: none;
    }
    .vod_manage_page .vod_manage_contents .thumbnail_view_items .vod_desc .public {
        font-size: 14px;
    }

    /* 20231208 main : dental news list */
    .recommend_vod .dental_news_banner_list {
        display: none;
    }
    .recommend_vod .dental_news_banner_list.dental_news_list {
        display: block;
        padding: 0 14px 0;
    }
    .recommend_vod .dental_news {
        height: auto !important;
        padding-bottom: 10px;
    }
    #denall_mainIndex .slick_vod_list.dental_news_list .slider_arrow.prev {
        right: 40px;
        background-image: url(/images/btn-thumbnail-arrow-l-n-w.png);
        background-size: 15px auto;
        background-repeat: no-repeat;
        background-position: center center;
        top: -38px;
    }
    #denall_mainIndex .slick_vod_list.dental_news_list .slider_arrow.next {
        right: 10px;
        background-image: url(/images/btn-thumbnail-arrow-r-n-w.png);
        background-size: 15px auto;
        background-repeat: no-repeat;
        background-position: center center;
        top: -38px;
    }

}


@media screen and (max-width: 360px) {
    /* Common Top Header */
    #denallHeader .mainHeader .top_search_area.active {
        width: 320px;
        padding: 0 10px;
    }
    #denallHeader .mainHeader .mini_gnb_2 .alert_area {
        margin-left: 17px;
    }


    /* Main : Main_Video_Area */
    .video_info .program_title_block .program_news {
        text-indent: -9999px;
        width: auto;
    }
    #denall_mainIndex .main_video_area .video_share_area .video_share_item p {
        display: none;
    }

    .eventpopup {
        transform: translate(-60px, -60px) scale(.7);
    }


    /* My VOD : Upload */
    .vod_write_popup .vod_write_area .wrap_thumbnail_img, .vod_write_popup .vod_write_area .wrap_vod_file {
        width: 280px;
        height: 160px;
    }

}