/* Mobile – 979px 이하 해상도에서 해석하는 코드 */


/* 
 * 고객센터로 들어갈때 miri_popup/global_header 에 있는 세션 .mobile_global_header 적용
 * $currentPage = $_SERVER['REQUEST_URI']; 위에 셋팅되어 있음
 * 점진적으로 모바일 호환페이지 늘려감
 * 적용 페이지
 *    
 * http://jira.miridih.com:8070/browse/BIZHOWS-1706 
 */


/* 모바일 반은형 : 단위는 rem */


/* 헤더 */

@media (max-width:979px) {
    /* .global_header_mobile ol.menu {
        width: 100%;
        margin: 0;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        box-sizing: border-box;
        height: 4rem;
        position: relative;
    }
    .global_header_mobile ol.menu li {
        float: left;
        padding: 0%;
        width: 25%;
        font-size: 1.2rem;
        border: none;
        border-right: 1px solid #e5e5e5;
        box-sizing: border-box;
        height: 100%;
        text-align: center;
        font-weight: bold;
        line-height: 3.5rem;
    } */
    /* .global_header_mobile ol.menu li:last-child {
        border: none;
    }
    .global_header_mobile ol.menu li a {
        background-color: white;
        color: #9fa3aa;
        display: block;
        height: 100%;
        font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif;
        font-weight: 400;
    }
    .global_header_mobile ol.menu li a.active,
    .global_header_mobile ol.menu li a:active {
        background-color: #799ef1;
        color: white;
    } */
    .mobile_hidden {
        display: none;
    }
}


/*
 * 모바일 CM from single-help
 * WP global_header의 숨겨진 세션 global_header_mobile 사용
 */

@media (max-width:979px) {
    /* 최소 width 제거 */
    body {
        min-width: auto !important;
    }
    /* 우측메뉴 안보이게 : 넓이를 잡아먹을 필요없음 */
    #rightMenu {
        display: none !important;
    }
    /*  헤더 안보이게 */
    /* 랜드마크 */
    #top>header.x-header-landmark {
        display: none !important;
    }
    /*#top>header.masthead.masthead-inline>.cs-content {
    }*/
    /* 풋터 안보이게 */
    /* .main_footer {
        display: none !important;
    } */
    .main_footer .x-container.max {
        width: auto;
    }
    /* 톡 위치조정 */
    #launcher {
        right: 0px !important;
    }
    /* 컨텐츠 extra : article.help_center */
    .x-container.max.width.offset {
        /*적당한 패딩*/
        padding: 1rem;
    }
    /* 검색하기 : 안보이게 */
    aside.x-sidebar.left {
        display: none !important;
    }
    /* 출고일자 팝업 메뉴 */
    .menu-item-33441 {
        display: none;
    }
    /*header 부모*/
    #top .masthead {
        border: none;
        height: 113px;
    }
    #top .masthead>.cs-content {
        height: 114px;
    }
    /*gnb 부모*/
    .x-navbar-wrap {
        height: 1px !important;
    }
    /*gnb 메뉴*/
    .x-btn-navbar,
    .x-btn-navbar.collapsed {
        display: none !important;
    }
    /*페이지 내용*/
    #top>.x-container {
        /* padding: 1rem; */
        padding: 0rem 1rem 1rem 1rem;
        /* margin-top: 11.3rem; */
    }
    iframe[name="google_conversion_frame"] {
        display: none;
    }
    .mobile_footer_btn a {
        width: 30%;
    }
    .x-container .x-column {
        margin: 1rem 0 !important;
    }
    #top>.x-container {
        margin-top: 0;
    }

    /* 검색결과 화면  */

    h2.entry-title > a{
    	font-size: 1.7rem;
    }
    article.help_center.type-help_center.no-post-thumbnail{
    	margin-top:0px;
    }
}


/* 
 * 모바일 CM from single-help
 *
 * 헤더 모바일 전용으로 전환
 * global_header에서 분기하지 못함
 *   분기한다면 모바일 아닐때 새로운 헤더로 보여줘야하는데 사실상 이미 있는거와 같음.
 *   이 css가 적용되는 페이지가 다른페이지와 웹에서 보여주는 헤더가 다르다면 분기할 가치가 있음
 */

@media (max-width:979px) {
    header .cs-content .global_header_mobile {
        display: block !important;
    }
    header .cs-content .global_header_web {
        display: none !important;
    }
    .main_footer .cs-content .global_footer_mobile {
        display: block !important;
    }
    .main_footer .cs-content .global_footer_web {
        display: none !important;
    }
}