@media screen {
    .printOnly {
        display: none;
    }
}

@media print {

    .printOnly {
        display: block;
    }
    .printHeader {
        margin: 10px 0;
        position: absolute;
        top: 0px;
    }
    .printHeadeFixed {
        margin: 10px 0;
        position: fixed;
        top: 0px;
    }
    .printHeaderLogo {
        display: inline-block;
        width: 120px;
        vertical-align: top;
    }
    .printHeaderUrl {
        display: inline-block;
        vertical-align: top;
        padding-left: 20px;
        font-size: 10px;
    }

    .printBoardPhoto {
        width: 200px;
        margin-bottom: 20px;
    }
    .printDisplayInlineBlock {
        display: inline-block;
    }
    .printContactSocial {
        margin-top: 10px;
    }
    .printContactSocial div {
        margin: 10px 0;
    }
    .printContactSocial div img {
        margin-right: 10px;
    }

    .pageFooter,
    .siteTopArea,
    .divNav,
    .sitepage-top,
    .detailPageNav,
    .sustainabilityProjectShareDiv,
    .projectBackBtn,
    .projectDetailCarouselArea,
    .newsDetailShare,
    .newsDetailOtherList,
    .projectScroll,
    .activitiesShareArea {
        display: none;
    }

    .pageAuto {
        padding-top: 80px;
    }
    .newsDetailPage {
        padding-top: 0px;
    }
    .projectContentArea {
        padding: 0px;
    }
    .projectContentDetailDiv-text {
        padding-bottom: 0px;
    }
    .newsDetail-content p {
        padding-bottom: 20px;
    }
    .newsDetail-content img {
        margin: 30px 0;
    }
    p.newsDetail-remark {
        padding-top: 15px;
        margin-top: 5px;
    }

    .projectCarouselArea {
        height: auto;
    }
    .projectTitle {
        position: relative;
        bottom: unset;
        height: 120px;
    }
    .projectName {
        height: 100%;
    }
    .projectNameInner {
        margin-top: 0;
        top: calc(50% - 4px);
        font-weight: 600;
        font-size: 16px;
    }
    .printProjectDetailCover {
        margin: 20px 0;
    }
    .projectContentClass .contentTItle {
        padding-bottom: 0px;
    }

    .sblogDetail-header {
        margin: 0 0 30px;
    }

    .sustainabilityProjectTitle {
        position: relative;
        top: unset;
        left: unset;
        transform: translate(0, 0);
        text-align: left;
        padding-left: 20px;
    }
    .sustainabilityProjectActivities,
    .sustainabilityProjectGalleryTitle,
    .sustainabilityProjectGalleryArea,
    .projectContributorsLogo-line {
        display: none;
    }
    .sustainabilityProjectContributors{
        padding-top: 0px;
    }
    .projectContributorsItem {
        max-width: 300px;
        height: 200px;
    }
    .projectContributorsLogo {
        border: none;
    }
    
    .section {
        height: auto !important;
        min-height: unset !important;
        overflow: auto;
    }
    .chairmanImg {
        width: 200px;
        margin: 0;
    }
    .chairmanDetail {
        padding-top: 10px;
        height: auto;
        overflow-y: auto;
    }

    .pageAboutusBoard,
    .pageAboutusStructure {
        display:none;
    }
    
    #aboutusStructureContent .boardDetailArea {
        padding: 20px 60px;
    }

    .pageAboutUsTimelineForPrint .detailContentImgLeft {
        width: 400px;
    }
    .pageAboutUsTimelineForPrint .detailContentBoxRight {
        position: relative;
        top: unset;
        transform: translate(0,0);
        width: 400px;
    }
    .pageAboutUsTimelineForPrint .timelineDisplayLeft,
    .pageAboutUsTimelineForPrint .timelineNavYear {
        display:none;
    }
    .pageAboutUsTimelineForPrint .timelineList-pc {
        display: block;
    }
    .pageAboutUsTimelineForPrint .timelineList-mobile {
        display: none;
    }
    .pageAboutUsTimelineForPrint .timelineDetail {
        display: block !important;
        height: auto;
        overflow: auto;
    }
    
    .detailContentBox-scroll {
        display: none;
    }
    .pageSustainabilityAbout .detailContentBoxRight {
        text-align: left;
        padding: 10px;
        padding-top: 70px;
    }
    .pageSustainabilityAbout .sustainAbout-left {
        height: auto;
        padding-top: 0;
        margin-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .pageSustainabilityAbout .sustainAboutNav {
        display:none;
    }
    .pageSustainabilityAbout .sustainAbout-left {
        position: relative;
        width: 100%;
        padding-left: 20px;
        text-align: left;
    }
    .pageSustainabilityAbout .sustainAbout-right {
        padding-bottom: 0;
    }
    .pageSustainabilityAbout .sustainAboutTitleArea {
        margin: 0;
    }
    .pageSustainabilityAbout .sustainAboutDetail {
        display: block !important;
        height: auto;
        overflow: auto;
        padding-bottom: 20px;
    }

    .pageContactForm .detailContactRight,
    .pageContactForm .contact-socialArea {
        display: none;
    }

    .pageCareerWorkWithUs .detailBanner-btn,
    .pageCareerWorkWithUs .workwithusNav {
        display: none;
    }
    .pageCareerWorkWithUs .detailContentBoxRight {
        position: relative;
        width: 100%;
        padding-left: 20px;
        text-align: left;
        top: unset;
        transform: translate(0,0);
        padding-top: 70px;
        margin: 0;
        padding-bottom: 0;
    }
    .pageCareerWorkWithUs .sustainAbout-left {
        position: relative;
        width: 100%;
        padding-left: 20px;
        text-align: left;
        padding-top: 0;
        margin: 0;
        padding-bottom: 0;
    }   
    .pageCareerWorkWithUs .sustainAbout-right {
        padding: 0;
    }
    .pageCareerWorkWithUs .sustainAboutTitleArea {
        margin: 0;
        max-width: unset;
    }
    .pageCareerWorkWithUs .workwithusList-subTitle {
        margin: 0px;
    }
    .pageCareerWorkWithUs .workwithusDetail {
        display: block !important;
        height: auto;
        overflow: auto;
        margin: 0px;
    }
    
}