@charset "utf-8";

@media all and (max-width:1460px) {
    .mainClientList ul {
        width: 1210px;
        margin: 0 auto;
    }
}

@media all and (max-width:1440px) {
    header {padding: 0 30px;}
    header .gnb ul.depth01>li {width: 130px;}
    .slideBtnArea {
        width: calc(100% - 100px);
        top: 240px;
    }
    .slideArea .slideText {font-size: 38px;line-height: 50px;}
    .slideArea .subSlideText {
        font-size: 15px;
        line-height: 20px;
        top: 300px;
        left: 13%;
    }
    .slideMoreBtn {left: 13%;}
    .mainInnerTitle {width: 100%;}
    .ver .mainInnerTitle,
    .ver .mainInnerTitle h1.num,
    .ver .mainTitle {
        text-align: center;
    }
    .ver .mainInnerTitle {padding: 0;}
    .ver .mainTitle {
        padding: 30px 0 0 0;
    }
    .ver .mainTitle br {
        display: none;
    }
    .mainInnerCont {
        max-width: 100%;
        padding: 50px 15px;
    }
    .mainInnerTitle > .moreBtnArea {
        display: none;
    }
    .mainInnerCont.ver > .moreBtnArea {
        display: block;
    }
    .busiList {
        float: unset;
        padding: 50px 0 30px;
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }
    .topBtn {right: 30px;}

    .content {max-width: 100%;padding: 50px 30px;}
    .contentImg img,
    .imgArea img {width: 100%;}

    .clientList ul {
        width: 990px;
        margin: 0 auto;
    }
    .slideMoreBtn {
        top: 350px;
        font-size: 13px;
        height: 30px;
        line-height: 30px;
    }
}

@media all and (max-width:1280px) {
	.slider {
        height: 420px;
    } 
    .bx-wrapper img {
        max-width:none;
        max-height: 420px;
    }
    /* .slideArea .slideText {
        top: 7%;
        left: 5%;
    }
    .slideArea .subSlideText {
        top :250px;
        left: 11%;
    }
    .slideMoreBtn {
        top :300px;
        left: 11%;
    }
    .slideBtnArea {top: 200px;} */
    .mainInnerCont {
        padding: 30px 15px;
    }
    .mainInnerTitle h1.num {font-size: 45px;}
    .mainInnerTitle .mainTitle {padding-top: 15px;font-size: 30px;}
    .busiList,
    .mainPressList,
    .mainPrjList {padding: 20px 0;}
    .moreBtn {font-size: 15px;}
    .moreBtn:before {
        width: 43px;
        height: 12px;
    }
    .rotateBg {bottom: -60px;}
    .client {margin-top: -130px;padding-bottom: 30px;}
    .mainClientList ul {
        width: 1010px;
    }
    .mainClientList ul li {
        margin: 0 10px 10px 10px;
    }

    .content {max-width: 100%;padding: 30px;}
    .chiefArea .chiefCont .topImg {
        padding: 20px 0 30px;
    }
    .chiefArea .chiefCont .chiefGreeting {font-size: 15px;line-height: 18px;}
    .chiefArea .chiefCont .topImg img {width: 100%;transition: all 0.3s ease-in-out;}

    .pressList .pressBox .pressCont {padding: 20px;}
    .pressList {padding-top: 30px;}

	.tabArea {width:720px;}
    .tabArea ul {width: 100%;}
    .tabArea ul.type-1 li {width: 700px !important;}
    .tabArea ul.type-2 li {width: 350px !important;}
    .tabArea ul.type-3 li {width: 233px !important;}
    .tabArea ul.type-4 li {width: 175px !important;}
    .tabArea ul.type-5 li {width: 140px !important;}
    

    .clientList ul {
        width: 712px;
    }
    .clientList ul li {
        width: 160px;
        height: 160px;
    }
    
}

@media all and (max-width:1024px) {
    .slideArea .slideText {
        padding-left: 40px;
    }
    header .logo {
        float: unset;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        overflow: hidden;
    }
    header .gnb {
        width: 40%;
        height: auto;
        overflow: hidden;
        position: absolute;
        left: -40%;
        top: 70px;
        transition: all 0.3s ease-in-out;
        z-index: 200;
    }
    header .gnb.on {
        left: 0;
    }
    .gnbMobBtn {
        display: block;
        overflow: hidden;
    }
    header .gnb ul.depth01 {
        width: 100%;
        height: calc(100% - 70px);
        background-color: #fff;
        overflow-y: auto;
    }
    header .gnb ul.depth01>li {
        display: block;
        width: 100%;
    }
    header .gnb ul.depth01>li>a {
        border-bottom:1px solid #eee;
    }
    header .gnb ul.depth01>li.on>a {border-bottom: none;}

    .slideBtnArea {
        width: calc(100% - 60px);
        padding: 0 40px;
        height: 40px;
        /* top: 170px; */
    }
    .slideBtnArea:before {
        width: calc(100% - 80px);
    }
    .slideBtnArea .slideBtn {
        width: 40px;
        height: 40px;
        background-size: 8px 15px;
    }
    .slideArea .subSlideText {
        font-size: 13px;
        top: 280px;
    }
    .slideMoreBtn {
        top: 330px;
    }
    
    .mainPrjList {width: 100%;padding: 20px 15px;}
    .fullbg .moreBtnArea {max-width: 100%;padding-right: 20px;}

    .mainPressList ul li {
        width: 100%;
        margin: 10px 0;
    }
/*     .mainPressBox { */
/*         padding: 15px; */
/*     } */
    .mainPressBox .pressIMG {
        width: 35%;
    }
    .pressCmt {
        width: 65%;
/*         margin-left: 37%; */
    }
    .busiList ul li .busiImg .iconCmt {
        font-size: 15px;
    }
    .busiList ul li .busiBox {min-height: 235px;}
    .busiList ul li .busiImg {height: 150px;}
    .busiList ul li .busiImg .busiIcon {height: 115px;}
    .busiList ul li .busiCmt {padding: 15px;}

    .mainClientList ul li {width: 140px;height: 140px;}
    footer {
        height: 50px;
        line-height: 50px;
        font-size: 13px;
    }
    .topBtn {bottom: 40px;}

    .content .leftmenu {display: none;}
    .contentInner {width: 100%;}
    .contentInner .contentTitle {font-size: 30px;padding-bottom: 0;}
    .chiefArea {padding-top: 30px;}
    .chiefArea .chiefCont .chiefGreeting .chiefSign {padding-top: 30px;}
    .chiefArea .chiefCont .chiefGreeting .chiefSign span {line-height: 60px;font-size: 13px;}
    .chiefArea .chiefCont .chiefGreeting .chiefSign img {height: 60px;}

    .hisArea {padding-top: 30px;}
    .hisArea>ul>li {padding: 30px 0;}
    .hisArea ul li .year {font-size: 30px;}
    .hisArea>ul>li:last-child:before {font-size: 50px;}

    .contentCmt {padding-top: 30px;}
    .orgArea {padding-top: 30px;}

    .pressList .pressBox .pressImg {width: 35%;}
    .pressList .pressBox .pressCont {width: 65%;}

    .contentImg {padding-top: 30px;}

    .tabArea {margin-top: 30px;margin-bottom:0;}
    
    .tabContArea .tabCont ul.prjList {}
    
    .mapArea {padding-top: 30px;}
    .mapArea .addrList {
        width: 100%;
        padding: 0;
        padding-top: 300px;
    }
    .mapArea .map {
        width: 100%;
        position: absolute;
        top: 30px;
        left: 0;
    }
    .mapArea .map #map {
        height: 300px !important;
    }

    .contentText {padding-top: 50px;}
    .clientList {padding-top: 30px;}
}
@media all and (max-width:1000px) { 
    .mainClientList ul {width: 810px;}

}
@media all and (max-width:850px) { 
    .mainClientList ul {width: 648px;}
}
@media all and (max-width:768px) {
    header .gnb ul.depth01>li>a {
        height: 50px;
        line-height: 50px;
        font-size: 15px;
    }
    header .gnb ul.depth02>li>a {font-size: 13px;}
    header .gnb ul.depth02 {
        padding: 50px 20px 10px;
        margin-top: -50px;
    }
    
    .slideArea .slideText {
        font-size: 30px;
        line-height: 40px;
        top: 15%;
        left: 6%;
        padding-left: 40px;
        background-size: 100px 100px;
    }
    .slideArea .subSlideText {
        top: 260px;
    }
    .slideMoreBtn {
        top: 310px;
    }
    .slideBtnArea {
        width: calc(100% - 60px);
        top: 220px;
    }
    .busiList ul li {
        width: 50%;
        padding: 10px;
    }
    .busiList .clear {display: block;}
    .mainPressBox {height: 130px;}
    .mainInner.fullbg {height: 645px;background-size: auto 100%;}
    .mainPrjList ul li {height: 50px;line-height: 50px;}
    .mainPrjList ul li .mainPrjTitle {font-size: 15px;}
    .mainClientList ul {width: 490px;}
    .slideArea .slideText.decoType03 {background-size: 80px 80px;}
    .slideArea .slideText.decoType02:before {
        width: 60px;
        height: 60px;
        background-size: 60px 60px;
    }
    .slideArea .slideText.decoType03:before {
        width: 60px;
        height: 60px;
        background-size: 60px 60px;
        right: 35px;
        bottom: -20px;
    }
    .client {padding-bottom: 15px;}
    .topBtn {
        width: 40px;
        height: 40px;
        font-size: 12px;
        padding-top: 20px;
    }

    .contentInner .contentTitle {font-size: 30px;padding-bottom: 0;}
    .chiefArea .chiefImg {width: 100%;height:300px;text-align: center;}
    .chiefArea .chiefImg img {height: 300px;}
    .chiefArea .chiefCont {width: 100%;}
    .chiefArea .chiefCont .topImg img {width: auto;}
    .chiefArea .chiefCont .chiefGreeting {padding: 0 40px;}

    .hisArea ul li .year {width: 35%;}
    .hisArea ul li .hisCont {width: 65%;font-size: 13px;left: 35%;}

    .contentCmt {padding-top: 30px;}
    .contentCmt p {font-size: 15px;line-height: 18px;}
    .contentCmt br {display: none;}

    .orgArea .orgMid [class^='orgMid_'], .orgArea .orgBtm [class^='orgBtm_'] {padding: 0 5px;}
    .orgTitle {width: 100%;font-size: 13px;}
    .orgCmt {width: 100%;padding: 5px;}
    .orgArea .orgBtm .orgTeam ul.teamList {width: 100%;}
    .orgArea .orgBtm .orgTeam ul.teamList li {font-size: 13px;letter-spacing: -0.1em;}
    .orgTitle,.orgCmt ul li {letter-spacing: -0.1em;}

    .pressList .pressBox .pressImg {height: 146px;}
    .pressList .pressBox .pressCont {padding: 14px 15px;}
    .pressList .pressBox .pressCont .pressTitle {font-size: 17px;padding: 15px 0;}
    .pressList .pressBox .pressCont .pressDesc {font-size: 15px;}

    .tabArea ul li a {font-size: 13px;}
    .tabCont .contentCmt {padding: 30px 0;}
    .imgArea {padding: 30px 0;}
    .btnArea {padding-top: 30px;}
    a.btnType {font-size: 13px;}

    .title {font-size: 17px;padding-top: 30px;margin-bottom: 20px;}
    .imgArea .subCont {font-size: 14px;line-height: 20px;padding-bottom: 30px;}

    .tblArea {padding: 30px 0;}
    table th {font-size: 14px;}
    form, fieldset, legend, input, button, textarea, label {font-size: 13px;}
    input::placeholder,select,input[type="file"] {font-size: 13px;}
    input {padding: 0 5px;}
    select {padding-left: 5px;}
    .email span {font-size: 12px;}
    /* table td {width: 30%;} */
    
    .tabContArea ul.prjListHead{display:none;}
    .tabContArea .tabCont ul.prjList{padding-top:30px;}
    .tabContArea .tabCont ul.prjList li .prjName {
        width: 100%;

        line-height: 20px;
        margin: 10px 0;
        box-sizing: border-box;
        display: -webkit-box;
        white-space:normal;
    }
    .tabContArea .tabCont ul.prjList li .prjCom{width:100%;text-align:left;font-size:13px;}
    .tabContArea .tabCont ul.prjList li .prjDate {width:100%;text-align:right;font-size: 13px;line-height:2em;}

    .contentText {padding-top: 0;}

    .clientList ul {
        width: 450px;
    }
    .clientList ul li {
        width: 140px;
        height: 140px;
        margin: 5px;
    }

    .imgArea .imgBox:not(:last-child) {padding-bottom: 50px;}

    .price input {width: 100% !important;}
    .price input:first-child {margin-bottom: 5px;}

    .thCmt {font-size: 10px;}
    .mainClientList {padding-top: 30px;}

    .hisArea ul li .hisCont li {font-size: 13px;}
    
    /*210512*/
    .fixed thead {display: none;}
    .fixed,
    .fixed tbody,
    .fixed tbody tr,
    .fixed tbody tr td {
        display: block;
        width: 100% !important;
        border-right: none;
        border-bottom: none;
        text-align: left !important;
        height: auto;
        overflow: hidden;
    }
    .fixed tbody tr {
        border-bottom: 1px solid #ddd;
    }
    .notiTitle {
        font-weight: 600;
        line-height:30px;
    }
    .fixed tbody tr td.res_bn {
        border: none !important;
        font-size: 13px;
        display: inline-block;
    }
    .res_bn.writer {
        width: 70px !important;
        padding-right: 5px;
        position: relative;
    }
    .res_bn.writer:before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 12px;
        background-color: #000;
        position: absolute;
        right: 5px;
        top: 50%;
        margin-top: -6px;
    }
    .res_bn.w_data {
        width: calc(100% - 70px) !important;
    }
    .res_dn {display: none !important;}

    .notiViewTitle {font-size: 16px;}
    .notiCont,
    .fileList li a {font-size: 14px;}

    .pwtblCmt {
        padding-left: 0;
        padding-top: 5px;
    }
    .writeInfo li {padding-top: 10px;}
    
    .tabArea {width: 440px;}
    .tabArea ul.type-1 li {width: 420px !important;}
    .tabArea ul.type-2 li {width: 210px !important;}
    .tabArea ul.type-3 li,
    .tabArea ul.type-4 li,
    .tabArea ul.type-5 li {width: 140px !important;}
    
    .pressCmt {
    	padding : 15px;
    }
}

@media all and (max-width:500px) {
    header {
        height: 50px;
        padding: 0 15px;
    }
    header .logo img{width:auto;vertical-align:inherit}
    .slideArea {margin-top: 50px;}
    .slideArea .slideText {
        font-size: 23px;
        line-height: 35px;
        left: 3%;
        top: 13%;
    }
    .slideBtnArea {
        width: calc(100% - 30px);
        top: 200px;
    }
    .slideArea .subSlideText {
        font-size: 12px;
        top: 240px;
        left: 12%;
    }
    .slideMoreBtn {
        top: 290px;
        left: 12%;
        font-size: 12px;
    }

    header .logo {top: 50%; transform: translate(-50%,-50%);}
    header .headBtnArea {
        line-height: 50px;
        height: 50px;
    }
    header .headBtnArea .qnaTopBtn {
        width: 65px;
        height: 20px;
        line-height: 20px;
        font-size: 11px;
    }
    header .gnb {width: 60%;left: -60%;top: 50px;}
    header .gnb ul.depth01 {height: calc(100% - 50px);}

    .pressCmt .pressCmtTop {font-size: 15px;}
    .mainInner.fullbg {height: 680px;}
    .mainPrjList {padding: 20px 15px;}
    .mainPrjList ul li {height: 70px;line-height: 35px;padding: 0 10px;}
    .mainPrjList ul li .mainPrjTitle{width: 100%;font-size: 14px;}
    .mainPrjList ul li .mainPrjDate{float: right;}
    .mainInnerTitle h1.num {font-size: 40px;}
    .mainInnerTitle .mainTitle {font-size: 25px;padding-top: 0;}
    .mainInnerCont {padding: 20px 15px;}
    .busiList, .mainPressList {
        padding: 10px 0;
    }
    .gnbMobBtn {width: 50px;height: 50px;background-size: 20px 9px;}
    .mainClientList ul li {
        width: 120px;
        height: 120px;
    }
    .mainClientList {padding-top:15px;}
    .mainClientList ul {width: 285px;}
    footer {
        font-size: 10px;
    }
    .busiList ul li .busiBox {height: 235px;}
    .busiList ul li .busiCmt {
        font-size: 13px;
        padding: 0 10px;
        margin: 10px 0;
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        height: 4.8em;
        line-height: 1.2em;
        box-sizing: border-box;
        display: -webkit-box;
    }

    .content {margin-top: 50px;padding: 30px 15px;}
    .contentInner .contentTitle {font-size: 25px;}
    .chiefArea .chiefCont .topImg img {width: 100%;}
    .chiefArea .chiefCont .chiefGreeting {padding: 0;}

    .hisArea>ul>li:last-child:before {font-size: 30px;}

    .orgArea {padding-top: 15px;}

    .pressList {padding-top: 15px;}
    .pressList .pressBox {margin-bottom: 15px;}

    .btnArea {padding-top: 15px;}
    a.btnType {font-size: 13px;min-width: 130px;line-height: 30px;}

    table th, table td {font-size: 13px;line-height: 18px;}
    table.apply th {width: 25%;}
    table.apply td {width: 75%;}

    .tabContArea .tabCont ul.prjList {}
    .tabContArea .tabCont ul.prjList li .prjName {font-size: 13px;}

    .mapArea {padding-top: 15px;}
    .mapArea .map {top: 15px;}
    .addrList ul li .addr{line-height: 25px;}

    .contentText ul li{font-size: 14px;}
    .clientList ul {width: 300px;}

    .clientList {padding-top: 15px;}

    .pressList .pressBox .pressCont .topFlag {font-size: 11px;}
    .pressList .pressBox .pressCont .pressTitle {font-size: 15px;}
    .pressList .pressBox .pressCont .pressDesc {font-size: 13px;}

    .tabArea ul {
        height: 30px;
        line-height: 30px;
    }
    .imgArea .imgBox:not(:last-child) {padding-bottom: 30px;}

    .contentCmt p {font-size: 13px;}

    .agreeArea .agreeCont {font-size: 13px;}

    .addrList ul li .addrTop {font-size: 14px;background-size: 15px auto;padding-left: 20px;}
    .addrList ul li .addr,
    .addrList ul li .addr a {font-size: 13px; line-height: 20px;}

    .moreBtn {font-size: 13px;}
    .moreBtn:before {
        width: 38px;
        height: 10px;
    }
    
    /*210512*/
    .tblSearchArea {
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .tblSearchArea .searchBox {
        width: 50%;
        padding: 0 2px;
    }
    .tblSearchArea .searchBox select {width: 100%;margin-bottom: 10px;}
    .tblSearchArea .searchBox.inputText {width: calc(100% - 42px);}

    .paging a {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 13px;
    }
    .fileList {padding-left: 0;}
    .viewFileArea:before {display: none;}
    .writeInfo li {padding-top: 5px;}
    .writeInfo li span {font-size: 13px;}
    .allCntArea, .allCntArea .cnt {font-size: 13px;}
    .emailAddr {
        width:calc(55% - 20px) !important;
        float:right;
    }
    select[name="email_select"] {
        width: 100% !important;
        margin-top: 5px;
    }
    .emailInput {
    	width:45% !important;
    }
    .tabArea {
    	height:30px;
    }
}
@media all and (max-width:450px) {
	.tabArea {width: 350px;}
    .tabArea ul.type-1 li {width: 350px !important;}
    .tabArea ul.type-2 li {width: 175px !important;}
    .tabArea ul.type-3 li,
    .tabArea ul.type-4 li,
    .tabArea ul.type-5 li {width: 110px !important;}
    
	.fileInsertBtn {
	    width: 81px;
	}
	.fileView {
	    width: calc(100% - 80px);
	}
}
@media all and (max-width:320px) {
	.layerPopup {width: 90%;}
	
}