@font-face {
        font-family: 'S-CoreDream-4ExtraLight';
        src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4ExtraLight.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'S-CoreDream-6Bold';
        src: url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-6Bold.eot');
        src:url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-6Bold.woff') format('woff');
        font-style: normal;
    }
    @font-face {
        font-family: 'Cafe24Dangdanghae';
        src: url('../font/Cafe24Dangdanghae.ttf') format('ttf');
    }

    :root{
        --font-scdream4:'S-CoreDream-4ExtraLight';
        --font-scdream6:'S-CoreDream-6Bold';
        --font-ddh:'Cafe24Dangdanghae';
    }


    /* update sub */
    /* sub01_01 */
    .contain{
        max-width: 1170px;
        width: 100%;
        padding: 0 15px;
        margin: 0 auto;
    }


    /* sub01_01_01 */
    #sub01_01 .s1_sec01{
        background: #FFF7EB;
        padding: 120px 0;
    }

    #sub01_01 .s1_sec01 .contain{
        max-width: 1170px;
        width: 100%;
        padding: 0 15px;
        margin: 0 auto;
    }

    #sub01_01 .s1_sec01 .tit{
        font-size: 50px;
        margin-bottom: 30px;
        font-family: var(--font-ddh);
    }
    
    #sub01_01 .s1_sec01 .des{
        font-size: 17px;
        /* font-family: var(--font-scdream4); */
    }


    /* sub01_01_02 */
    #sub01_01 .s1_sec02{
        background: #FEEFDA;
        padding: 120px 0;
    }

    #sub01_01 .s1_sec02 .top .tit{
        font-size: 30px;
        font-family: var(--font-scdream6);
        margin-bottom: 30px;
    }

    #sub01_01 .s1_sec02 .contain .bottom{
        display: flex;
        gap: 60px;
    }

    #sub01_01 .s1_sec02 .contain .bottom .left{
        width: 50%;
    }
    #sub01_01 .s1_sec02 .contain .bottom .right{
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #sub01_01 .s1_sec02 .contain .bottom .img{
        width: 100%;
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        justify-content: center;
    }
    #sub01_01 .s1_sec02 .contain .bottom img{
        width: 100%;
    }
    
    #sub01_01 .s1_sec02 .contain .bottom .b_tit{
        font-size: 28px;
        font-family: var(--font-scdream6);
        margin-bottom: 30px;
    }

    #sub01_01 .s1_sec02 .contain .bottom .b_des{
        font-size: 24px;
        font-family: var(--font-scdream6);
    }


    #sub01_01 .s1_sec02 .contain .bottom .b_tit span{
        font-size: 17px;
        color: #707070;        
        font-family: var(--font-scdream4);
    }    


    /* sub01_01_03 */
    #sub01_01 .s1_sec03{
        background: #ffffff; 
        padding: 120px 0;
    }

    #sub01_01 .s1_sec03 .top .tit{
        font-size: 30px;
        font-family: var(--font-scdream6);
        margin-bottom: 60px;
    }

    #sub01_01 .s1_sec03 .s_bottom .img_frame{
        width: calc(100% - 130px) ;
        margin:0 auto;
    }
    #sub01_01 .s1_sec03 .s_bottom .img_frame .img_pic{
        width: 100%;
    }


    /* sub01_02 */
    #sub01_02 {
        background: #D2B095;
    }

    #sub01_02 .s2_sec01{
        padding: 120px 0;
    }

    #sub01_02 .contain {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #sub01_02 .contain .be_af{
        display: flex;
        flex-direction: column;
        width: 30%;
    }

    #sub01_02 .contain .be_af .txt_box{
        margin-bottom: 65px;
    }

    #sub01_02 .contain .be_af .txt_box .sub_tit{
        font-size: 17px;        
        font-family: var(--font-scdream4);
        margin-bottom: 5px;

    }

    #sub01_02 .contain .be_af .txt_box .main_tit{
        font-size: 50px;
        font-family: var(--font-ddh);
        margin-bottom: 10px;
        line-height: 1.3;
    }

    #sub01_02 .contain .be_af .txt_box .desc{
        max-width: 310px;
        font-size: 17px;
        font-family: var(--font-scdream4);
        word-break: keep-all;
    }

    #sub01_02 .contain .graph{
        width: 65%;
        background: #fff;
        border-radius: 30px;
        padding: 67px 52px;
    }

    #sub01_02 .contain .graph .graph_box .name{
        font-size: 28px;
        font-family: var(--font-scdream6);
        margin-bottom: 20px;
    }

    #sub01_02 .contain .graph .graph_box .up {
        margin-bottom: 50px;
    }

    #sub01_02 .contain .graph .graph_box .up .w_6>img{ 
        display: block;
        margin-left: auto;
        width: 90%;
    } 
    
    #sub01_02 .contain .graph .graph_box .down .w_6>img{
        width: 100%;
    }

    
    /* sub03_01 */
    #sub01_03 .s3_sec01 .out_100{
        position: relative;
    }

    #sub01_03 .s3_sec01 .out_100>img{
        display: block;
        width: 100%;
    }

    #sub01_03 .s3_sec01 .out_100 .m_pic{
        display: none;
    }

    @media(max-width:1160px){
        #sub01_02 .contain {
            flex-direction: column;
        }
        #sub01_02 .contain .be_af{
            width: 100%;
        }
        #sub01_02 .contain .be_af .txt_box{
            margin-bottom: 55px;
        }
        #sub01_02 .contain .be_af .txt_box .desc{
            max-width: 100%;
        }
        #sub01_02 .contain .be_af .people_pic{
            display: none;
        }
        #sub01_02 .contain .graph{
            width: 100%;
        }

        
        #sub01_02 .contain .be_af .txt_box .desc br{
            display: none;
        }
    }

    @media(max-width:1150px){
        #sub01_01 .s1_sec02 .contain .bottom .b_tit{
            font-size: 28px;
            margin-bottom: 20px;
        }
        #sub01_01 .s1_sec02 .contain .bottom .b_des{
            font-size: 20px;
        }
    }

    @media(max-width:810px){
        #sub01_01 .s1_sec01 .des br{
            display: none;
        }
        #sub01_01 .s1_sec01 .des{
            word-break: keep-all;
        }
        #sub01_01 .s1_sec02 .contain .bottom .b_des{
            font-size: 16px;
        }
    }
    @media(max-width:800px){
        #sub01_01 .s1_sec01{
            padding: 60px 0;
        }

        #sub01_01 .s1_sec01 .tit{
            font-size: 45px;
            margin-bottom: 25px;
        }
        
        #sub01_01 .s1_sec02{
            background: #FEEFDA;
            padding: 60px 0;
        }
    
        #sub01_01 .s1_sec02 .top .tit{
            font-size: 25px;
            margin-bottom: 25px;
        }

        #sub01_01 .s1_sec02 .contain .bottom .b_tit{
            font-size: 23px;
            margin-bottom: 25px;
        }
        
        #sub01_01 .s1_sec02 .contain .bottom .b_tit span{
            font-size: 15px;  
        }

        #sub01_01 .s1_sec03{
            background: #ffffff; 
            padding: 60px 0;
        }
        
        #sub01_01 .s1_sec03 .top .tit{
            font-size: 25px;
            margin-bottom: 40px;
        }   

        #sub01_01 .s1_sec03 .s_bottom .img_frame{
            width: calc(100% - 60px);
        }
        
        #sub01_02 .s2_sec01{
            padding: 60px 0;
        }
        
        #sub01_02 .contain .be_af .txt_box{
            margin-bottom: 45px;
        }

        #sub01_02 .contain .be_af .txt_box .sub_tit{
            font-size: 16px;   
        }
    
        #sub01_02 .contain .be_af .txt_box .main_tit{
            font-size: 45px;
        }

        #sub01_02 .contain .be_af .txt_box .desc{
            font-size: 16px;
        }

        #sub01_02 .contain .be_af .txt_box .desc br{
            display: none;
        }
        
    }
    

    @media(max-width:674px){        
        #sub01_01 .s1_sec01 .tit{
            font-size: 43px;
            margin-bottom: 22px;
        }
        #sub01_01 .s1_sec01 .des{
            font-size: 15px;
        }

        #sub01_01 .s1_sec02 .contain .bottom{
            flex-direction: column;
            gap: 30px;
        }

        #sub01_01 .s1_sec02 .contain .bottom .b_des{
            font-size: 21px;
        }

        #sub01_01 .s1_sec02 .contain .bottom .left{
            width: 100%;
        }
        #sub01_01 .s1_sec02 .contain .bottom .right{
            width: 100%;
        }
        
        #sub01_01 .s1_sec03 .top .tit{
            margin-bottom: 30px;
        }          

        #sub01_01 .s1_sec03 .s_bottom .img_frame{
            width: calc(100% - 40px);
        }

        #sub01_01 .s1_sec02 .contain .bottom .b_tit{
            font-size: 25px;
            margin-bottom: 15px;
        }
        #sub01_01 .s1_sec02 .contain .bottom .img{
            gap: 60px;
        }
        

        #sub01_02 .contain .be_af .txt_box{
            margin-bottom: 40px;
        }

        #sub01_02 .contain .be_af .txt_box .sub_tit{
            font-size: 15px;   
        }
    
        #sub01_02 .contain .be_af .txt_box .main_tit{
            font-size: 40px;
        }

        #sub01_02 .contain .be_af .txt_box .desc{
            font-size: 15px;
        }
        #sub01_02 .contain .graph{
            padding: 52px 37px;
        }
        #sub01_02 .contain .graph .graph_box .name{
            font-size: 25px;
            margin-bottom: 15px;
        }

    }

    @media(max-width:600px){
        #sub01_01 .s1_sec01 .des{
            word-break: normal;
        }
        #sub01_03 .s3_sec01 .out_100 .p_pic{
            display: none;
        }
        #sub01_03 .s3_sec01 .out_100 .m_pic{
            display: block;           
            width: 100%;
        }
        section.nav_area .d_logo {
            padding: 10px 0px;
        }


        #sub01_02 .contain .be_af .txt_box{
            margin-bottom: 30px;
        }
        #sub01_02 .contain .be_af .txt_box .sub_tit{
            font-size: 15px;   
            margin-bottom: 0;
        }    
        #sub01_02 .contain .be_af .txt_box .main_tit{
            font-size: 34px;
        }
        #sub01_02 .contain .graph{
            padding: 40px 30px;
        }
        #sub01_02 .contain .graph .graph_box .name{
            font-size: 23px;
        }
    }
    @media(max-width:500px){   
        
        #sub01_01 .s1_sec02 .contain .bottom .b_des{
            font-size: 18px;
        }
        #sub01_02 .contain .be_af .txt_box .main_tit{
            font-size: 30px;
        }
        #sub01_02 .contain .graph{
            padding: 30px;
        }
    }

    @media(max-width:400px){             
        #sub01_01 .s1_sec01 .tit{
            font-size: 40px;
            margin-bottom: 12px;
        }
        #sub01_01 .s1_sec02{
            background: #FEEFDA;
            padding: 60px 0;
        }
    
        #sub01_01 .s1_sec02 .top .tit{
            font-size: 22px;
            margin-bottom: 22px;
        }
        #sub01_01 .s1_sec02 .contain .bottom .b_tit{
            font-size: 20px;
            margin-bottom: 10px;
        }

        #sub01_01 .s1_sec02 .contain .bottom .b_des {
            font-size: 16px;
        }

        #sub01_01 .s1_sec02 .contain .bottom .b_tit span{
            font-size: 14px;
        }

        #sub01_01 .s1_sec03 .top .tit{
            font-size: 22px;
            margin-bottom: 15px;
        }   
        #sub01_01 .s1_sec03 .s_bottom .img_frame{
            width: calc(100% - 10px);
        }

        
        #sub01_02 .contain .be_af .txt_box{
            margin-bottom: 25px;
        }
        #sub01_02 .contain .be_af .txt_box .sub_tit{
            font-size: 14px;  
        }    
        #sub01_02 .contain .be_af .txt_box .main_tit{
            font-size: 24px;
        }
        #sub01_02 .contain .graph{
            padding: 20px;
        }
        #sub01_02 .contain .be_af .txt_box .desc{
            font-size: 14px;
        }
        #sub01_02 .contain .graph .graph_box .name{
            font-size: 20px;
        }
    }