@charset "utf-8";


/**************************************************
	Main
**************************************************/
@media screen and (min-width: 1280px){
    .project_list ul li:nth-child(3n){margin-right: 0;}
}

/* 태블릿 ~ pc */
@media all and (max-width: 1279.99px){
    #wrap{width: 100%;}
    #header.sub{min-width: 100%;}
    #gnb{display: none;}
    .slide-btn{display: block;}

    .mognb_wrap{width: 100%; overflow-y: auto;}
    article#mainWrap{padding: 0 10px; box-sizing: border-box;}
    article#mainWrap .mainContents{width: 100%;}
    article#mainWrap .mainContents .main_box .blackBox{width: 40%; margin-right: 5px;}
    article#mainWrap .mainContents .main_box .box1{width: 40%; margin-left: 5px;}
    article#mainWrap .mainContents .main_box .box2{width: 60%;}
    .banner_wrap a{width: 100%;}
    .banner_wrap a.recruit{margin-right: 5px;}
    #footer .footerInner{width: 100%; justify-content: space-around;}

    .sub_content{width: 100%; padding: 0 10px; box-sizing: border-box;}
    .sub_content .greeting{width: 100%;}
    .org_img{overflow-x: scroll;}
    .profile{right: 10px;}
    .profile > ul{right: 10px;}
    .sub_content .sub_top ul li{width: 100%; height: 300px; margin-right: 10px; padding: 0 20px; box-sizing: border-box;}
    .sub_content .sub_top ul li p{margin-bottom: 25px;}
    .sub_content .sub_top ul{margin: 50px 0 50px 0;}
    .sub_bottom{width: 100%;}
    .sub_content.bottom .vision_bg {background: url(../images/bg_vision.png) no-repeat right top -70px/cover;}
    .sub_content.bottom .vision .vision_inner {margin-left: 40px;}
    .sub_content.bottom .vision .vision_inner .vision_box {margin-bottom: 50px;}

    .project_list .list_wrap .list_item:nth-child(4n){padding-right: 0;}

    /* .project_list ul li{margin-right: 5px; width: calc(50% - 5px);}
    .project_list ul li:nth-child(3n){margin-right: 5px;}
    .project_list ul li:nth-child(2n){margin-right: 0;}
    .project_list .projectbox{width: 100%;}
    .project_list ul li span{display: block;}*/
    .project_detail img{width: 100%; margin-bottom: 30px;}
    .list_wrap .list_item:nth-child(4n):hover .projectbox:after{width: 100%;}
 
    .news_list ul li{flex-direction: column;}
    .news_list .news_img{width: 100%; margin-bottom: 20px;}
    .news_list .new_txt{width: 100%; margin-left:0;}
    .news_list .new_txt .new_con{height: auto;}
    .news_inner_img{width: 100%;}
    .recruit .bg{width: 100%;}
    .location iframe{width: 100%;}
}

/* 태블릿 */
@media all and (max-width: 999.99px){
    .slick-slide img{width: 150%;}
    article#mainWrap{margin-top: 60px;}
    .mainContents .main_box .blackBox p{font-size: 16px; letter-spacing: -1px;}
    .banner_wrap{margin-bottom: 60px;}
    .sub_content .sub_top ul li span{font-size: 20px;}
    .sub_content .sub_top ul li p{font-size: 13px; margin-bottom: 15px;}
    .select{margin: 10px 0;}

    .project_list .list_wrap .list_item{width: 33.33%;}
    .project_list .list_wrap .list_item:nth-child(4n){padding-right: 20px;}
    .project_list .list_wrap .list_item:nth-child(3n){padding-right: 0;}
    .list_wrap .list_item:nth-child(4n):hover .projectbox:after{width: calc(100% - 20px);}
    .list_wrap .list_item:nth-child(3n):hover .projectbox:after{width: 100%;}

}

/* 모바일 ~ 태블릿 */
@media all and (max-width: 767.99px){ 
    #header .inner {margin: 0 20px;}
    #header .logo{width: 120px;}
    #header.sub .logo h1{background: url(../images/logo1.png) no-repeat center / contain ;}

    article#mainWrap .mainContents .main_box{margin-bottom: 5px;}
    article#mainWrap .mainContents .main_box .blackBox,
    article#mainWrap .mainContents .main_box .box2,
    article#mainWrap .mainContents .main_box .box1{height: 200px; padding: 25px;}
    .main_box img {position: absolute; bottom: 25px; right: 25px; width: 45px;}
    .mainContents .main_box .blackBox p{font-size: 14px;}
    .mainContents .main_box .blackBox .box_name{margin-bottom: 10px; font-size: 20px;}
    .main_box p { color: #fff; font-size: 13px; letter-spacing: -1px;}
    .banner_wrap{flex-direction: column; margin-top: 55px;}
    .banner_wrap a{padding: 10px; height: 55px;}
    .banner_wrap a.recruit {margin-right: 0; margin-bottom: 5px;}
    
    .greeting.tit .profile_txt{width: 100%;}
    .sub_content .greeting{flex-direction: column;}
    .greeting.tit .profile_img{width:100%; align-self: flex-end;}
    .greeting.tit .profile_img > img{width: 100%;}

    .sub_container {padding: 100px 0 70px 0;}
    .sub_content .tit span{font-size: 22px;}
    .slick-slide img{width: 200%;}
     ul.ulTit li{margin-bottom: 20px; line-height: 25px;}
     ul.ulTit li span.liTit{display: block;}
     ul.ulTit li span br{display: block;}
     ul.ulTit li span.blank{display: none;}
    .location iframe{ height: 400px;}
    .bg{height: 150px;}
    .bg span{font-weight: 500; font-size: 15px; letter-spacing: -1px; line-height: 23px;}
    .bg span br{display: none;}
    .news_list .new_txt .news_main{margin-bottom: 15px;}
    .news_list .news_img{height: 200px;}
    .news_detail .news_tit{font-size: 22px; margin: 20px 0;}
    .news_name, .news_date{font-size: 16px;}

    /* .project_list .list_wrap .list_item:nth-child(4n){padding-right: unset;}
    .project_list .list_wrap .list_item:nth-child(3n){padding-right: 20px;}
    .project_list .list_wrap .list_item:nth-child(2n){padding-right: 0;}
    .list_wrap .list_item:nth-child(3n):hover .projectbox:after{width: calc(100% - 20px);}
    .project_list .list_wrap .list_item{width: 50%;}
    .list_wrap .list_item:nth-child(4n):hover .projectbox:after{width: 100%;}
    .list_wrap .list_item:nth-child(2n):hover .projectbox:after{width: 100%;} */

    .project_list .list_wrap .list_item {width: 100%; padding-right: 0; margin-bottom: 50px;}
    .project_list .list_wrap .list_item:nth-child(3n){padding-right: 0;}
    .project_list .list_wrap .list_item .project_main{position: unset; color: #333; opacity: 1; display: block; margin-top: 10px; padding: 0;}
    .project_list .projectbox.height380 {height: 250px;}
    .project_list .projectbox.height520 {height: 250px;}
    .projectbox:after{width: 100%;}
    .list_wrap .list_item:nth-child(3n):hover .projectbox:after{width: 100%;}
    .list_wrap .list_item:hover .projectbox:after{opacity: 0;}
    .project_list .list_wrap .list_item:nth-child(4n){padding-right: 0;}

    .paging a.prev{margin-right: 30px;}
    .paging a.next{margin-left: 30px;}
    .paging span{font-size: 18px;}

    .philosophy .tit .tit_txt{display: none;}
    .sub_content.bottom .vision_bg{height: 150px;}
    .sub_content.bottom .vision {display: unset;}
    .sub_content.bottom .vision .vision_inner{margin-left: 0;}
    .sub_content .sub_top ul{display: unset;}
    .sub_content .sub_top ul li {width: calc(99%/2); height: 200px; margin-right: 0;}
    .sub_content .sub_top ul li:nth-child(1),.sub_content .sub_top ul li:nth-child(2){margin-bottom: 1%;}

    #footer {background: #1d1d1d; height: auto; padding: 30px 10px;}
    #footer .footerInner .footer_left > span{display: block; margin-bottom: 5px;}
    #footer .footerInner .footer_left ul li{display: block;}
    #footer .footerInner .footer_left ul li .footer_strong{font-size: 12px;}
    #footer .footerInner .footer_left ul li:after{display: none;}
    #footer .footerInner .footer_left .copy{font-size: 10px;}
}

@media all and (max-width: 500px){
    .main_box span{font-size: 13px;}
    .mainContents .main_box .blackBox p{margin-top: 0;}
    .mainContents .main_box .blackBox p span{display: none;}

    .vision_box .vision_tit{width: 100%;}
}

@media all and (max-width: 500px){
    .main_box span {margin-bottom: 15px;}
}