@charset "utf-8";
/* CSS Document */

@media (max-width: 1920px){
}

@media (max-width: 1450px){
}
@media (max-width: 1200px){
    .size{width: 100%; min-width: 0; padding: 0 20px;}
    #header .gnb{max-width: 800px;}
}
@media (max-width: 1024px){
}


@media (max-width: 960px){
    #header .logo{left: 20px;}
    #header.nav-up .logo{top: 0; left: 20px;}
    #header .menu{display: none;}
    #header .menu_btn{display: block;}
    
    #main .item .tit h2{font-size: 36px;}
    #main .item .tit p{font-size: 16px;line-height:25px;}
    #main .item .tit{margin-bottom: 40px;}
    #main .item .tit p{word-break:keep-all;}
    
    #main01.item .b_info ul{width: 100%; margin-left:0;}
    #main01.item .b_info ul li{float: none;width: 90%;margin-left: 0; margin:0 auto 30px;}
    #main01.item .b_info .name{margin-top:20px; }
    #main02 ul.img_area li{width: 100%; float: none;}
    #main .item_wrap .item.request{margin-bottom: 100px;}
    
    /*폼*/
    .request .table {display: block;}
    .request .table tr {}
    .request .table tr td{display: block; width: 100%;}
    .request colgroup{display: none;}
    .request .table tr {display: block; width: 100%;}
    .request .table tr td + td{padding-left: 0;}
    .request .table table{margin-bottom: 0;}
    .request .table .input_area:first-child{margin-bottom: 30px;}
    .request .table tr td input[type=text], input[type=tel], input[type=email], input[type=date]{margin-bottom: 0;}
    .request .table tr td input[type=text], input[type=tel], input[type=email], input[type=date]{margin-bottom: 0;}
    
    /*푸터*/
    #sub{margin-bottom: 100px;}
    #footer .info{padding: 20px;}
    #footer .detail p span{display: block; font-size: 12px; line-height:20px;}
    #footer .detail, #footer .copy{float: none;}
    #footer .copy p{font-size: 12px;}
    
    /*wallpaper*/
    #sub.project .con_wrap h1{font-size: 32px;}
    #sub.project .con_wrap p.info_txt{font-size: 12px; word-break: keep-all;}
    #sub.project .con_wrap ul{margin-top: 40px;}
    #sub.project .con_wrap ul li{width: 100%;}
    .project_view .con_wrap ul li img{width: 100%;max-width: 500px;}
}

@media (max-width: 860px){
}


@media (max-width: 768px){
}


@media (max-width: 640px){
    #header.nav-up .menu_btn a{display: block; line-height: 80px;}
}

@media (max-width: 560px){
}
@media (max-width: 480px){}

@media (max-width: 380px){

}

@media (max-width: 360px){

}