/*
@ 전체 공통영역
*/

@import "../base/global.css";
@import "../components/_banner_top.css";
@import "../components/_header.css";
@import "../components/_search.css";
@import "../components/_footer.css";

/*
@ 콘텐츠 공통영역
*/
@import "../components/_content_title.css";
@import "../components/_thumbnail_category.css";
@import "../components/_thumbnail_wide_326.css";

/*
@ 콘텐츠 영역
*/
@import "./components/_progressbar.css";
@import "./components/_layout.css";
@import "./components/_visual.css";
@import "components/_edit.css";
@import "./components/_view_side_banner.css";
@import "./components/_relate_content.css";
@import "./components/_editor.css";
@import "./components/_summary_list.css";

/*
@ 예외처리
*/

header {
    .back_button {
        display: none;
    }    
    .header_share_button {
        display: none;           
    }
}


@media screen and (max-width:820px) {
    header {
        .logo {
            display: none;
        }
        .search_button {
            display: none;
        }
        .gnb_button {
            display: none;
        }
        .back_button {
            display: block;
            width: 4rem;
            height: 4rem;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0.5rem;
        }
        .header_share_button {
            display: block;
            width: 2.4rem;
            height: 2.4rem;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 1.3rem;
        }
    }
}

.temp {
    color: chartreuse;
}