/* 서브페이지 공통 레이아웃 */
    .sub_page_wrap{width: 100%;}
    .sub_page_container{max-width: 1000px;margin: auto;}
    .pic{display: flex; justify-content: center; align-items: center;}
    .pic img{width: 100%;}

    .sub_comm1 .pic{padding-top: 70px;padding-bottom: 100px;}
    .sub_comm2 .sub_page_container{margin-bottom: 130px;}
    .sub_comm3 img{width: auto;padding-left:100px }
    .sub_comm3 .pic{display: block;}
    

    /* 패딩값 */
    .pad_60{padding-top: 60px; padding-bottom: 60px;}
    .pad_75{padding-top: 75px; padding-bottom: 75px;}
    .pad_100{padding-top: 100px; padding-bottom: 100px;}
    .pad_120{padding-top: 120px; padding-bottom: 120px;}
    .pad_150{padding-top: 150px; padding-bottom: 150px;}
    .pad_l_100{padding-left: 100px;}
    .pad_s_95{padding-left: 95px; padding-right: 95px;}

    .comm_section .sub_page_container{max-width: 100%;}
    .comm_section .pic{max-width: 1000px; margin: auto;}
    
    .sub_com_1{background-color: #484848;}
    

    .sub_com_2 .pic{display: block;}
    .sub_com_2{background: url("<?php echo G5_IMG_URL ?>/pages/sub30_comm2_bg.jpg") no-repeat center center / cover;}

    .sub_com_3{background: url("<?php echo G5_IMG_URL ?>/pages/sub30_comm3_bg.jpg") no-repeat center center / cover;}
    

    .sub_com_4{background-color: #13427c; display: none;}

    .sub_com_5 .pic{display: block;}
    .sub_com_5{background: url("<?php echo G5_IMG_URL ?>/pages/sub30_comm5_bg.jpg") no-repeat center center / cover;}

    .sub_com_7{background: url("<?php echo G5_IMG_URL ?>/pages/sub30_comm7_bg.jpg") no-repeat center center / cover;}

    .sub_com_8{background: url("<?php echo G5_IMG_URL ?>/pages/sub30_comm8_bg.jpg") no-repeat center center / cover;}

    .sub_com_1 img{ width: 50%;}
    .sub_com_2 img{ width: 50%;}
    .sub_com_3 img{width: 75%;}
    .sub_com_5 img{width: 45%;}
    .sub_com_7 img{width: 70%;}
    .sub_com_8 img{width: 80%;}


    .sub_comm2{
        width: 100%;
        height: 200px;
        position: relative
    }

    .sub_comm2_wrap{
        clip: rect(0, auto, auto, 0);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .sub_comm2_wrap .pic{
        position: fixed;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        transform: translateZ(0);
    }
    @media screen and (max-width: 1280px) {
        
    }
    
    @media screen and (max-width: 1000px) {
        
        /* .sub_comm2{margin-bottom:18vw} */
        .sub_comm2 .sub_page_container{margin-bottom: 6vw;}
        .sub_comm1 .pic{padding-top: 7vw;padding-bottom: 10vw;}
        .sub_comm2 .pic{margin-bottom: 0vw;}
        /* .sub_comm3 img{width: 35vw;padding-left:10vw;} */

        /* 패딩값 */
        .pad_60{padding-top: 6vw; padding-bottom: 6vw;}
        .pad_75{padding-top: 7.5vw; padding-bottom: 7.5vw;}
        .pad_100{padding-top: 10vw; padding-bottom: 10vw;}
        .pad_120{padding-top: 12vw; padding-bottom: 12vw;}
        .pad_150{padding-top: 15vw; padding-bottom: 15vw;}
        .pad_l_100{padding-left: 10vw;}
        .pad_s_95{padding-left: 9.5vw; padding-right: 9.5vw;}

        .sub_comm3 img{
            width: 30vw;
            padding-left: 10vw;
        }   
        .sub_com_1 img{ width: 50%;}
        .sub_com_2 img{ width: 50%;}
        .sub_com_8,
        .sub_com_8 .pad_100{
            padding: 0;
        }
        .sub_com_8 img{width: 100%;}
        
    }
    @media screen and (max-width: 768px) {
        .sub_com_1 img{ width: 60%;}
        .sub_com_2 img{ width: 60%;}
        
        .sub_comm3 img{width: 30vw;padding-left: 10vw;}  
    }
    @media screen and (max-width: 500px) {
        .sub_com_1 img{ width: 70%;}
        .sub_com_2 img{ width: 70%;}

        .sub_comm3 img {width: 35%;padding-left: 10vw;}
        .sub_comm2{min-height: 100px;}
    }