@charset "utf-8";
/******** DDOGUN ********/
@media ( max-width: 1240px ) {
    
}
@media ( max-width: 980px ) {
    .visual .main_txt{font-size:20px;}
    #footerArea{padding:10px 20px; font-size:11px;}
    #headerArea .logo{width:inherit;}
    #aside{display:block;}
    #headerArea .logo a svg{width:120px;}
    .mobiledisplay{display:block;}
    #headerArea #gnb{display:none;}
    
    .wrap_inner{padding:100px 20px;}
    .about .img_box{width:60%;}
    .about .txt_box .slogen{margin:15px auto; font-size:16px;}
    .about .page_rt{display: block;}
    .about .txt_box .subtitle{font-size: 16px; margin-bottom:0;}
    .about .txt_box p{font-size:12px; line-height:1.7em;}
    .about .txt_box p br{display: none;}
    .about .txt_box .line{width:20px; height:2px; margin:46px auto 10px;}
    .about .txt_box .btm_title{font-size:14px; margin-top:30px; line-height:1.7em;}
    
    .project .project_wrap ul{gap:0; width:100%; padding:0;}
    .project .project_wrap li{width:100%; margin-bottom:20px;}
    .project .category_wrap .category_list li a{font-size: 12px;}
    .project .project_wrap li p{right:10px; bottom:10px; font-size:12px;}
    .project_innerwrap{padding:0;}
    .project_innerwrap .project_main .image{float:inherit; width:100%;}
    .project_innerwrap .project_main .text{float:inherit; width:100%;}
    .project_innerwrap .project_main .text h4{font-size:20px; margin-top:20px;}
    .project_innerwrap .project_main .info{margin-top:30px;}
    .project_innerwrap .project_img{width:100%; margin:60px auto 50px;}
    .project_innerwrap .project_img > p{margin:15px auto 30px; font-size:15px;}
    .project_innerwrap .project_img ul{gap:0; flex: initial}
    .project_innerwrap .project_img li{width:100%;}
    
    .process ul{gap:0; width:100%;}
    .process li{width:50%; padding:0 10px; margin-bottom:40px;}
    .process .subject{font-size:14px; font-weight:600;}
    .process .title svg{width:100px;}
    .process .txt{font-size:12px; line-height:18px; margin-top:8px;}
    .process .subject span{font-size:18px; font-weight:400; margin-bottom:8px;}
}