.container{
    padding-top: 100px;
}


/* ============================================ 서브페이지 상단 lnb ====================== */
/* ============================================ 서브페이지 상단 lnb ====================== */
/* ============================================ 서브페이지 상단 lnb ====================== */
.page_info{
    width: 100%;
    height: 150px;
    margin: 0 auto 200px;
    box-sizing: border-box;
    background: #2a2a2a;
}
.page_info.esg{
    margin: 0 auto 100px;
}

.page_info .page_title{
    width: calc(100% - 200px);
    max-width: 1600px;
    margin: 0 auto;
    padding: 50px 0;
    box-sizing: border-box;
    text-align: center;
    background: #777;
    box-shadow: 0 20px 30px -20px rgb(0 0 0 / 30%);
}

.page_info .page_title h2{
    font-size: 44px;
    color: #fff;
    letter-spacing: -3px;
}
.page_info .page_title p{
    font-size: 20px;
    word-break: keep-all;
    color: #eee;
}


.page_info .tab_menu{
    width: 100%;
    margin: 50px auto 0;
}
.page_info .tab_menu ul{
    max-width: 1600px;
    margin: 0 auto;
    display: inline-flex;
}
.page_info .tab_menu ul li{
    position: relative;
}
.page_info .tab_menu ul li a{
    display: inline-block;
    padding: 6px 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #ccc;
    transition: .2s;
    line-height: 1;
}
.page_info .tab_menu ul li.on a{
    color: #fff;
    font-weight: 600;
}
.page_info .tab_menu ul li.on a::after{
    display: inline-block;
    content: "";
    width: calc(100% - 20px);
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 10px;
    opacity: 1;
    transition: .2s;
}


.page_info .tab_menu ul li a:hover{
    /*opacity: 0.5;*/
}
.page_info .tab_menu ul li a::after{
    display: inline-block;
    content: "";
    width: 0;
    height: 3px;
    background: #222;
    position: absolute;
    bottom: 0;
    left: 10px;
    opacity: 0;
    transition: width .5s;
}
.page_info .tab_menu ul li a:hover::after{
    display: inline-block;
    content: "";
    width: calc(100% - 20px);
    height: 3px;
    background: #999;
    position: absolute;
    bottom: -0;
    left: 10px;
    opacity: 1;
}
/* --- // 끝 서브페이지 상단 lnb --- */






.content{
    max-width: 1440px;
    margin: 100px auto 0;
    padding: 0 100px;
    box-sizing: border-box;
}
.content::after{display: block; clear: both; content: "";}


.content .content_title{
    margin: 0 0 30px;
}
.content .content_title h3{
    font-size: 36px;
    font-weight: 600;
    color: #444;
    word-break: keep-all;
}
.content .content_title h3 em{
    font-style: normal;
}
.content .content_title.small{
    margin: 0 auto 30px;
}

.content .content_title span{
    font-weight: 400 !important;
    font-size: 20px;
    color: #aaa !important;
    text-transform: capitalize;
    letter-spacing: 2px;
}



/* ============================================ works ====================== */
/* ============================================ works ====================== */
/* ============================================ works ====================== */
.conlist_wrap{
}
.conlist_wrap ul{
    width: 100%;
    /*
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;*/
}
.conlist_wrap ul::after{
    display: block;
    clear: both;
    content: "";
}
.conlist_wrap ul li{
    display: block;
    float: left;
    width: calc(33.333% - 40px);
    margin: 0 20px 70px;
    font-size: 18px;
    color: #2a2a2a;
    transition: .3s;
    text-align: left;
}
.conlist_wrap ul li:hover{
    opacity: 0.7;
    /*
    box-shadow: 0 10px 30px #ededed;
    transform: translateY(-10px);
    */
}

.conlist_wrap ul li img{
    display: block;
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.conlist_wrap ul li .list_con{
    padding: 10px 20px 20px;
}
.conlist_wrap ul li .list_con .list_day{
    font-size: 16px;
    color: #888;
    display: block;
    width: 100%;
    height: 26px;
}
.conlist_wrap ul li .list_tit{
    display: none;
}
.conlist_wrap ul li p{
    color: #2a2a2a;
    height: 48px;
    /*margin: 6px 0 10px;*/
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.content_title.works h3{
    font-size: 24px;
    padding: 0 20px;
}
.conlist_wrap.works ul li{
    /*width: calc(35% - 130px);*/

}
.conlist_wrap.works ul li .list_con{
    color: #222;
}
.conlist_wrap.works ul li p{
    height: 28px;
    font-weight: 600;
    -webkit-line-clamp: 1;
}
.conlist_wrap.works ul li span{
    color: #888;
    font-size: 16px;
}

.swiper.board_slide{
    width: 100%;
    margin: 0 auto 10px;
}
.swiper.board_slide .swiper-slide{
    width: 60%;
    height: 500px;
    transition: .2s;
    filter: brightness(0.5);
}
.swiper.board_slide .swiper-slide.swiper-slide-active{
    filter: brightness(1);
}
.swiper.board_slide .swiper-slide img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.board_wrap.works .board_title{
    /*border: none;
    margin: 10px 0 0;
    background: #f6f6f6;*/
    
}
.board_wrap.works .board_title p{
    color: #2a2a2a;
}
.swiper.board_slide .swiper-button-next{
    right: 30px;
}
.swiper.board_slide .swiper-button-prev{
    left: 30px;
}
.swiper.board_slide .swiper-button-next,
.swiper.board_slide .swiper-button-prev{
    color: #ccc;
    opacity: .5;
    transition: .2s;
}
.swiper.board_slide .swiper-button-next:hover,
.swiper.board_slide .swiper-button-prev:hover{
    opacity: 1;
}

.video .video-container{
    width: 100%;
    height: 500px;
}
/* --- // 끝 works --- */




/* ============================================ 목록 게시판 (공시 공고) ====================== */
/* ============================================ 목록 게시판 (공시 공고) ====================== */
/* ============================================ 목록 게시판 (공시 공고) ====================== */
.conlist_wrap.listtype {
    border-top: 2px solid #222;
    margin: 0 0 120px;
    white-space: nowrap;
    overflow: auto;
    /* background-image: */
    /* Shadows */
    /* linear-gradient(to right, white, white), linear-gradient(to right, white, white), */
    /* Shadow covers */
    /* linear-gradient(to right, rgba(0,0,0,.25), rgba(255,255,255,0)), linear-gradient(to left, rgba(0,0,0,.25), rgba(255,255,255,0)); */
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
    background-attachment: local, local, scroll, scroll;
}
.conlist_wrap.listtype ul{
    display: block;
}

.conlist_wrap.listtype ul li{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    border-bottom: 1px solid #ccc;
}
.conlist_wrap.listtype ul li.noti{
    background: #f5f5f5;
}
.conlist_wrap.listtype ul li:hover{
    transform: unset;
    box-shadow: unset;
}
.conlist_wrap.listtype ul li span{
    display: block;
    text-align: center;
    padding: 20px 0;
}
.conlist_wrap.listtype ul li span:nth-child(1){
    width: 15%;
}
.conlist_wrap.listtype ul li span:nth-child(2){
    width: 60%;
    text-align: left;
}
.conlist_wrap.listtype ul li span:nth-child(3){
    width: 15%;
}
.conlist_wrap.listtype ul li span:nth-child(4){
    width: 10%;
}
.conlist_wrap.listtype ul li span img{
    display: inline;
    width: 30px;
    height: 30px;
    object-fit: contain;
}
.conlist_wrap.listtype ul li a{
    display: inline-block;
    transition: .2s;
}
.conlist_wrap.listtype ul li a:hover{
    color: #222;
}


/* ============================== 공시 ==================== */
#ir_list {
    white-space: normal;
}

#ir_list li span:nth-child(1) {
    width: 10%;
}
#ir_list li span:nth-child(2) {
    width: 20%;
}
#ir_list li span:nth-child(3) {
    width: 45%;
}
#ir_list li span:nth-child(4) {
    width: 15%;
}
#ir_list li span:nth-child(5) {
    width: 20%;
}
#ir_list li span:nth-child(6) {
    width: 10%;
}

.ir_header li span{
    background-color: #222;
    color: #fff;
}
.ir_header li span:nth-child(2) {
    text-align: center !important;
}

#ir_list .ir_body li span:nth-child(2) {
    text-align: center !important;
}
#ir_list .ir_body li span:nth-child(3) {
    text-align: left;
}
#ir_list .ir_body li span:nth-child(4) {
    
}
/******* tag *******/
#ir_list .tagCom_kospi {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#ef9a87;color:#fff;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 3px rgba(0,0,0,0.2);}
#ir_list .tagCom_kospi_other {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#9fd9b4;color:#222;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 3px rgba(0,0,0,0.2);}
#ir_list .tagCom_kosdaq {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#b55df2;color:#fff;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
#ir_list .tagCom_kosdaq_other {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#9de7ea;color:#222;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
#ir_list .tagCom_konex {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#0092cb;color:#fff;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
#ir_list .tagCom_konex_other {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#a5c5ff;color:#222;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
#ir_list .tagCom_etc {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#8cba51;color:#fff;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
#ir_list .tagCom_etc_other {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#e2c0fa;color:#222;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
#ir_list .tagCom_ir {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#ff9fbc;color:#fff;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
#ir_list .tagCom_ir_other {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#fbc5d5;color:#222;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
#ir_list .tagCom_gong {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#00c1ff;color:#fff;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
#ir_list .tagCom_gong_other {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#81f0fb;color:#222;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
#ir_list .tagCom_jung {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#d8a76b;color:#fff;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
#ir_list .tagCom_jung_other {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#ebd2b4;color:#222;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
#ir_list .tagCom_chul_other {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#fbb79e;color:#222;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
#ir_list .tagCom_yeon_other {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#d8e9b4;color:#222;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}
#ir_list .tagCom_chae_other {margin:0px 4px 0px 4px;width:30px;height:30px;line-height:30px;border:1px solid rgba(0,0,0,0.3);background:#c6e1ff;color:#222;font-size:16px;text-align:center;display:inline-block;vertical-align:top;border-radius:2px;box-shadow:0px 2px 2px rgba(0,0,0,0.2);}

.search_wrap.ir{
    text-align: left;
    padding: 0 20px;
}
.search_wrap.ir .search_area{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.search_wrap.ir .search_area .inner{
    width: 100%;
}
.search_wrap.ir .input_wrap{
    margin: 0 0 10px;
}
.search_wrap.ir .input_wrap.select {
    width: 15%;
}
.search_wrap.ir .input_wrap.text {
    width: 25%;
}
.search_wrap.ir .input_wrap.text input {
    text-align: center;
    /*font-size: 18px;*/
}
.search_wrap.ir .input_wrap.check {
    transition: .2s;
    width: 18%;
}
.search_wrap.ir input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin: 2px;
}
.search_wrap.ir label {
    color: #888;
    font-size: 14px;
}


.ir_header li{
    background-color: #f5f5f5;
}
.ir_header li span{
    background-color: #f5f5f5 !important;
    color: #222 !important;
    font-weight: 500 !important;
}
#ir_list li span:nth-child(2){
    display: none !important;
}


/* --- // 끝 목록 게시판 (공시 공고) --- */




/* ============================================ search_area ====================== */
/* ============================================ search_area ====================== */
/* ============================================ search_area ====================== */
.search_wrap{
    text-align: right;
}

.search_area {
    display: inline-block;
    width: 510px;
}

.search_area .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 50px;
    flex-wrap: wrap;
}

.search_area .input_wrap.select {
    width: 20%
}


.selectbox select {
    line-height: 46px;
    height: 46px;
    font-size: 16px;
    color: #888;
    text-align: left;
    width: 100%;
    background: url(http://beno2022.neoflow0304.gethompy.com/theme/beno/img/down.png) right 4px bottom 19px no-repeat;
    background-size: 10px 8px;
}


.search_area .input_wrap.select .selectbox {
    transition: .2s;
    border-bottom: 1px solid #dcdcdc;
}

.search_area .input_wrap.select .selectbox .title {
    padding-right: 21px;
    color: #888;
    transition: .2s;
}

.search_area .input_wrap.select .selectbox:hover .title {
    color: #222;
}

.search_area .input_wrap.text {
    width: 50%;
    color: #888;
}

.search_area .input_wrap.text input:-ms-input-placeholder {
    color: #888;
}
.selectbox .title {
    overflow: hidden;
    position: relative;
    z-index: 101;
    width: 100%;
    height: 46px;
    line-height: 46px;
    padding-right: 35px;
    text-align: left;
    text-indent: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    outline: none;
    font-size: 16px;
}
.selectbox .title:after {
    position: absolute;
    right: 6px;
    top: 20px;
    content: '';
    display: inline-block;
    width: 0px;
    height: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ddd;
    vertical-align: middle;
    transition: .2s;
}


.input_wrap.text input {
    width: 100%;
    height: 47px;
    line-height: 47px;
    padding: 0 5px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    color: #222;
    box-sizing: border-box;
    transition: .2s;
}


.btn.c_bk {
    width: 120px;
    font-size: 16px;
    border-color: #2a2a2a;
    background: #2a2a2a;
    color: #fff;
    padding: 10px 30px;
}
/* --- // 끝 search_area --- */




/* ============================================ pagination ====================== */
/* ============================================ pagination ====================== */
/* ============================================ pagination ====================== */
.pagination{
    text-align: center;
    margin: 0 auto 100px;
}

.pagination li {
    display: inline-block;
    color: #999;
    font-size: 16px;
    font-weight: 500;
}

.pagination li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    transition: all .3s;
}

.pagination li a.on{
    font-weight: 600;
    color: #222;
}

.pagination li a:hover{
    opacity: 0.5;
}

.pagination li img {
    vertical-align: -1px;
}
/* --- // 끝 pagination --- */




/* ================================= footer ====================== */
/* ================================= footer ====================== */
/* ================================= footer ====================== */
#footer_wrap.sub{
    /*background: #fff;*/
}
/* --- // 끝 footer --- */





/* ================================= 글 상세 ====================== */
/* ================================= 글 상세 ====================== */
/* ================================= 글 상세 ====================== */
.board_title{
    border-top: 2px solid #999;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    padding: 20px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.board_title.link{
    padding: 20px 20px;
    border: none;
    font-size: 16px;
    color: #444;
}
.board_title .tit_left{
    width: 100%;
    padding: 0 20px 4px;
    box-sizing: border-box;
}
.board_title .tit_left p{
    font-weight: 600;
}

.board_title .tit_right{
    width: 100%;
    padding: 0 20px;
}
.board_title .tit_right .date{
    font-size: 16px;
    
}
.board_title h4{
    font-size: 24px;
    /*margin: 0 0 10px;*/
}

.board_title p{
    font-size: 18px;
    color: #888;
}


.board_file{
    padding: 12px 40px;
    background: #f5f5f5;
}

.board_file ul li{
    list-style: disc;
    font-size: 16px;
}

.board_content{
    width: 100%;
    padding: 30px 20px 100px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.6;
    border-bottom: 1px solid #ddd;
    color: #2a2a2a;
}

/*board_navi*/
.board_navi {
    margin: 0 auto 0;
    border-top: 1px solid #eee;
}

.board_navi li {
    position: relative;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

.board_navi a {
    display: block;
    box-sizing: border-box;
    padding: 33px 0;
}

.board_navi a:after {
    content: '';
    display: block;
    clear: both;
}

.board_navi .arrow {
    float: left;
    width: 160px;
    padding: 0 20px;
    color: #222222;
    font-size: 16px;
    transition: .2s;
}

.board_navi .arrow span {
    position: relative;
    padding-left: 20px;
}

.board_navi .arrow span:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    left: 0;
    border-right: 2px solid #4e4e4e;
    border-bottom: 2px solid #4e4e4e;
    transition: .2s;
}

.board_navi li:nth-child(1) .arrow span:before {
    top: 7px;
    transform: rotate(-135deg);
}

.board_navi li:last-child .arrow span:before {
    top: 2px;
    transform: rotate(45deg);
}

.board_navi .title_n {
    float: left;
    width: calc(100% - 250px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #999;
    transition: .2s;
}

.board_navi .date {
    font-size: 16px;
    font-family: 'Lexend';
    color: #999;
    transition: .2s;
}

.board_navi li:hover .arrow {
    color: #2a2a2a;
}

.board_navi li:hover .arrow span:before {
    border-color: #2a2a2a;
}

.board_navi li:hover .title_n {
    color: #2a2a2a;
}

.board_navi li:hover .date {
    color: #2a2a2a;
}


.list_btn{
    width: 100%;
    text-align: center;
    margin: 50px auto 100px;
}
.list_btn a{
    padding: 16px 34px;
    color: #2a2a2a;
    background: #eee;
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
}
.list_btn a:hover{
    color: #2a2a2a;
}
/* =========== // 끝 글 상세 =========== */



/* ================================= 회사소개 =========== */
/* ================================= 회사소개 =========== */
/* ================================= 회사소개 =========== */
.content.page{
    margin: 70px auto;
    padding: 0 100px;
    position: relative;
}
.bg_wrap{
    position: relative;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.boxwrap2{
    width: 80%;
    margin: 70px auto 100px;
    padding: 70px 0;
    text-align: center;
    background: #2a2a2a;
}
.boxwrap2 h3{
    margin: 30px 0 0;
    color: #fff !important;
    font-weight: 700 !important;
}
.boxwrap2 .txt_wrap{
    color: #fff;
}


.content.page .content_title{
    margin: 0 auto 30px;
    box-sizing: border-box;
}
.content .content_title.center{
    text-align: center;
}
.content .content_title.works{
    margin: 0 0 20px;
}
.content.page .content_title.txtright{
}
.content.page .txt_wrap{
    font-size: 18px;
    color: #888;
    line-height: 1.6;
    word-break: keep-all;
}
.content.page .txt_wrap.txt_wrap01{
    
}
.content.page .txt_wrap.txt_wrap02{
    display: inline-block;
    /*background: #fff;*/
    padding: 0 0 30px 0;
    width: 100%;
}
.content.page .txt_wrap.txtright{
}
.content.page .txt_wrap.txtcenter{
    text-align: center;
    margin-top: 100px;
}
.content.page .txt_wrap.txtcenter img{
    display: inline-block;
    width: 100%;
}
.content.page .txt_wrap.txtcenter.w975{
    width: 80%;
    margin: 0 auto 100px;
}
.content.page .txt_wrap.txtcenter.w975 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
.content.page .txt_wrap.txtcenter.w975 ul li{
    width: calc(33.333% - 18px);
    height: 320px;
}
.content.page .txt_wrap.txtcenter.w975 ul li:nth-child(1){
    background: url(../img/info_c1.png) no-repeat center;
    background-size: contain;
}
.content.page .txt_wrap.txtcenter.w975 ul li:nth-child(2){
    background: url(../img/info_c2.png) no-repeat center;
    background-size: contain;
}
.content.page .txt_wrap.txtcenter.w975 ul li:nth-child(3){
    background: url(../img/info_c3.png) no-repeat center;
    background-size: contain;
}


.content.page .txt_wrap.txtcenter.w1043{
    width: 100%;
    height: 372px;
    background: url(../img/info_m.png) no-repeat center;
    background-size: contain;
    margin: 0 auto 150px;
}

.content.page .txt_wrap span{
    color: #222;
    font-weight: 500;
}

.bg_img.info1{
    top:250px;
}
.pause{
    display: inline-block;
    width: 110px;
    margin: 20px 0;
    border: 1px solid #ddd;
}
.pause.center{
    margin: 20px auto;
}

.bgimg.about01{
    width: calc(33.333% - 10px);
}
.bgimg.about01 img{
    width: 100%;
    height: 340px;
    object-fit: cover;
}

.bgimg.about02{
    /*margin-top: -465px;*/
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.txt_wrap .history_wrap{
    width: 90%;
    margin: 0 auto 100px;
}
.txt_wrap .history_wrap li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 50px
}
.txt_wrap .history_wrap li>span{
    display: block;
    color: #aaa !important;
    font-size: 36px;
    font-weight: 600 !important;
    line-height: 1;
    width: 30%;
    text-align: center;
    padding: 20px 0;
}
.txt_wrap .history_wrap li hr.history{
    /*width: calc(40% - 40px);*/
}
.txt_wrap .history_wrap li .month{
    width: 70%;
    background: #eee;
    padding: 20px 40px;
    line-height: 1.8;
}
.txt_wrap .history_wrap li .month strong{
    color: #2a2a2a;
    margin-right: 10px;
    width: 50px;
    text-align: center;
    display: inline-block;
}
.txt_wrap .history_wrap li .month span{
    color: #888;
    font-weight: 400;
}
/* =========== // 끝 회사소개 =========== */


/* ================================= 찾아오시는 길 =========== */
/* ================================= 찾아오시는 길 =========== */
/* ================================= 찾아오시는 길 =========== */
.info_wrap{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 20px 0 100px ;
}
.info_wrap div{
    width: 50%;
}

.info_wrap h4{
    font-size: 26px;
    color: #444;
    margin: 0 0 20px;
}

.info_wrap p{
    line-height: 2;
    font-size: 18px;
    color: #888;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.info_wrap strong{
    display: inline-block;
    width: 120px;
    color: #444;
}

.info_wrap span{
    width: calc(100% - 60px);
    display: inline-block;
    font-size: 18px;
    color: #aaa;
}

/* contact us */
.contact_wrap .content_title{
    margin: 0 0 50px;
}
.cont_all_wrqp {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cont_all_wrqp .left_wrap {
    width: calc(40% - 20px);
}
.cont_all_wrqp .right_wrap {
    width: calc(60% - 20px);
}
.cont_all_wrqp ul li{
    margin: 0 0 50px;
}
.cont_all_wrqp p{
    display: none;
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 600;
    color: #222;
}
.cont_all_wrqp ul li input{
    font-size: 18px;
    line-height: 1;
    width: 100%; 
    padding: 10px 10px 6px;
    box-sizing: border-box;
    border-bottom: 1px solid #aaa;
}
.cont_all_wrqp ul li input::placeholder{
    color: #999;
    font-size: 18px;
    line-height: 1;
    box-sizing: border-box;
}

.cont_all_wrqp textarea{
    font-size: 18px;
    line-height: 18px;
    width: 100%;
    height: 232px;
    padding: 20px;
    box-sizing: border-box;
    background: #f1f1f1;
}
.cont_all_wrqp textarea::placeholder{
    color: #999;
    font-size: 18px;
    line-height: 18px;
}
.cont_btn_wrap{
    text-align: center;
    margin: 50px auto 180px;
}
.cont_btn_wrap button {
    width: auto !important;
    font-size: 16px !important;
    padding: 14px 34px !important;
    background: #2a2a2a !important;
    transition: .2s;
}
.cont_btn_wrap button:hover{
    opacity: 0.7;
}
/* =========== //끝 찾아오시는 길 =========== */




/* ================================= 재무정보 ======= */
/* ================================= 재무정보 ======= */
/* ================================= 재무정보 ======= */

/* Tabs */
.fininfo.tabs {
    display: flex;
    flex-wrap: wrap;
}

.fininfo.tabs label {
    order: 1;
    display: block;
    padding: 8px 34px;
    margin: 0 10px 30px 0;
    cursor: pointer;
    background: #f5f5f5;
    font-size: 18px;
    color: #888;
}

.fininfo.tabs .tabcon {
    margin: 30px 0 0;
    order: 99;
    width: 100%;
    display: none;
    background: #fff;
}

.fininfo.tabs input[type="radio"] {
    display: none;
}

.fininfo.tabs input[type="radio"]:checked+label {
    color: #fff;
    background: #2a2a2a;
}

.fininfo.tabs input[type="radio"]:checked+label+.tabcon {
    display: block;
}
/* //Tabs */


.table_con_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 1600px;
    margin: 0 auto 100px;
}

.table_con_wrap .title_wrap {
    width: 20%;
    padding: 0 0 10px;
}

.table_con_wrap .title_wrap h3 {
    font-size: 22px;
    font-weight: 600;
}

.table_con_wrap .table_wrap {
    width: 80%;
}

.table_con_wrap .table_wrap .unittxt {
    text-align: right;
    font-size: 18px;
    color: #888;
}

.table_con_wrap .table_wrap .tg {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-top: 2px solid #222;
    text-align: right;
    font-size: 16px;

}
.table_con_wrap .table_wrap .tg_wrap {
    white-space: nowrap;
    padding: 10px 0 0;
    overflow: auto;
    /* background-image: */
    /* Shadows */
    /* linear-gradient(to right, white, white), linear-gradient(to right, white, white), */
    /* Shadow covers */
    /* linear-gradient(to right, rgba(0,0,0,.25), rgba(255,255,255,0)), linear-gradient(to left, rgba(0,0,0,.25), rgba(255,255,255,0)); */
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
    background-attachment: local, local, scroll, scroll;
}
.table_con_wrap .table_wrap .tg th {
    overflow: hidden;
    padding: 15px 20px;
    word-break: keep-all;
    border-bottom: 1px solid #ddd;
}

.table_con_wrap .table_wrap .tg td {
    overflow: hidden;
    padding: 15px 20px;
    word-break: keep-all;
    border-bottom: 1px solid #ddd;
}

.table_con_wrap .table_wrap .tg th.txtleft {
    text-align: left;
}

.table_con_wrap .table_wrap .tg td.txtleft {
    text-align: left;
}

.table_con_wrap .table_wrap .tg td.w2 {
    width: 20%;
}
.table_con_wrap .table_wrap .tg td.w25 {
    width: 25%;
}

.table_con_wrap .table_wrap .tg td.w4 {
    width: 40%;
}

.all-col{background:#f1f1f1;}
.td_b{font-weight:bolder;}


/* =========== //끝 재무정보 =========== */





/* ================================= ESG ======= */
/* ================================= ESG ======= */
/* ================================= ESG ======= */
.esgcon.content.page{
    padding: 100px 100px 0px;
    margin: 0 auto;
}

.esgcon.content.page .txt_wrap{
    font-size: 18px;
    margin: 0 0 100px;
}
.esgcon.content.page .flexwrap{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.esgcon.content.page .flexwrap.flexwrap01{
    margin: 0 auto;
}
.esgcon.content.page .esg_basic{
    width: 80%;
    margin: 0 auto 130px;
}
.esgcon.content.page .esg_basic img{
    display: inline-block;
}
.esg_bg{
    width: 100%;
    margin: 0 0 50px;
    /*padding: 250px 0 0;*/
    /*background: url(../img/esg01.jpg) center no-repeat;*/
    background-size: cover;
    position: relative;
}

.esg_top.txt_wrap{
    text-align: center;
}
.esg_top .txt_bg.esg{
    width: 80%;
    margin: 30px auto 0;
    height: 500px;
    background: url(../img/esg01.jpg) no-repeat center;
    background-size: cover;
}
.esg_bg span{
    display: inline-block;
    font-size: 64px;
    font-weight: 600;
    /*padding: 30px 50px;*/
    color: #444;
    /*text-shadow: 0 0 20px #000;*/
}
.esg_basic ul{
    margin: 30px 0 0;
}
.esg_basic ul li strong{
    display: inline-block;
    width: 20px;
    text-align: center;
}
.esg_basic div{
    text-align: center;
}




.esgcon.content.page .txt_wrap01{
    width: 100%;
    margin: 0 0 50px;
}
.esgcon.content.page .imgwrap01{
    width: 100%;
    text-align: center;
}
.esgcon.content.page .imgwrap01 img{
    display: inline-block;
}
.esgcon.content.page .imgwrap02{
    text-align: center;
}
.esgcon.content.page .imgwrap02 img{
    display: inline-block;
}

.esgcon .certify_list {
    width: 100%;
    margin: 50px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: flex-start;
}
.esgcon .certify_list li{
    width: 16.666%;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 0 10px;
}
.esgcon .certify_list li small{

}



.esgcon.content.page .txt_wrap02{
    width: 100%;
    padding: unset;
}
.esgcon.content.page .txt_wrap02 strong{
    font-weight: normal;
    color: #2a2a2a;
}
.esgcon.content.page .imgwrap02{
    width: 100%;

}

.esg_table_wrap{
    color: #2a2a2a;
}
.esg_table_wrap .table_con_wrap .title_wrap{
    width: 30%;
    padding: 0 20px 0 0;
}
.esg_table_wrap .table_con_wrap .table_wrap{
    width: 70%;
}

/* =========== //끝 ESG =========== */






/* ================================= 비즈니스 ======= */
/* ================================= 비즈니스 ======= */
/* ================================= 비즈니스 ======= */

.content.busicon .busi1_wrap01{
    display: flex;
    flex-wrap: wrap;
}
.content.busicon .busi1_wrap01 p {
    word-break: keep-all;
}
.content.busicon .busi1_wrap01 .txt_bg{
    width: 100%;
    margin: 30px auto 0;
    background: url(../img/busi01_01.jpg) center no-repeat;
    height: 500px;
    background-size: cover;
}

.content.busicon .busi2_wrap01{
    display: flex;
    flex-wrap: wrap;
}
.content.busicon .busi2_wrap01 p {
    background: #fff;
    display: inline-block;
    padding: 0 10px 20px;
    word-break: keep-all;
}
.content.busicon .busi2_wrap01.txt_bg{
    width: 100%;
    background: url(../img/busi02_01.jpg) center no-repeat;
    height: 400px;
    background-size: cover;
}
.content.busicon .busi2_wrap02 img{
    display: block;
    width: 80%;
    margin: 0 auto;
}
.content.busicon .busi2_wrap03 img{
    display: block;
    width: 100%;
    margin: 0 auto;
}
.content.go_bio{
    width: 100%;
    text-align: center;
    margin: 100px auto 100px;
}
.content.go_bio a{
    display: inline-block;
    padding: 16px 34px;
    font-size: 16px;
    background: #2a2a2a;
    color: #fff;
    transition: .2s;
}
.content.go_bio a:hover{
    opacity: 0.5;
}


/* 230714 추가 - 로봇사업 */
.content.busicon .busi3_wrap01{
    display: flex;
    flex-wrap: wrap;
}
.content.busicon .busi3_wrap01 p {
    background: #fff;
    display: inline-block;
    padding: 0 10px 20px;
    word-break: keep-all;
}
.content.busicon .busi3_wrap01.txt_bg {
    width: 100%;
    background: url(../img/e_vnm.png) center no-repeat;
    height: 250px;
    background-size:contain;
}
.content.busicon .busi3_wrap02.txt_bg {
    width: 100%;
    background: url(../img/e_flatform.png) center no-repeat;
    height: 360px;
    background-size:contain;
}

.rb_con{margin-bottom:30px;}
.rb_con h3{margin-bottom:30px;}
.rb_con p{font-size: 18px; color: #888; line-height: 1.6; word-break: keep-all;}
.busi3_wrap02{display:flex; justify-content:space-around; align-items:center;}
.busi3_wrap02 .flat_txt{width:40%; height:auto; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.busi3_wrap02 .flat_txt p:first-child{font-size:20px; color:#222; margin-bottom:16px; font-weight:bolder;}
.busi3_wrap02 .flat_txt p:last-child{font-size: 18px; color: #888; line-height: 1.6; word-break: keep-all;}
.busi3_wrap02 img{width:75%; height:auto;}
.busi3_wrap03 img{width:100%; margin:30px 0 30px 0;}
.busi3_wrap03 p{font-size:18px; color:#888; line-height:1.6; word-break:keep-all;}
.busi3_wrap03 ul{margin:0 0 30px 24px;}
.busi3_wrap03 ul li{font-size:18px; color:#888; display:flex; justify-content:flex-start; align-items:center;}
.busi3_wrap03 ul li strong {width:20px; text-align:center;}
.li_before li::before{content:''; display:block; width:6px; height:6px; border-radius:10px; background-color:#888; margin-right:16px;}
.busi3_wrap04 img{width:100%;}

.rb_con02{display:flex; justify-content:flex-start; align-items:flex-end;}
.rb_con02 p{font-size:20px; color:#888; margin-left:20px;}
.rb_con02 h3{margin:0;}

.busi3_wrap04 video{width:100%; height:auto;}


/**/
.busi_slide_wrap::after{
    display: block;
    content: "";
    clear: both;
}
.busi_slide_wrap .busi_slide {
    width: 100%;
}

.busi_slide_wrap .busi_slide_wrap::after{
    content: ""; display: block; clear: both;
}
.busi_slide_wrap .busi_slide .busi_slide_banner {
    height: 550px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.busi_slide_wrap .busi_slide .sd1{
    background-image: url(../img/busi01_02.jpg);
}
.busi_slide_wrap .busi_slide .sd2{
    background-image: url(../img/busi01_03.jpg);
}
.busi_slide_wrap .busi_slide .sd3{
    background-image: url(../img/busi01_04.jpg);
}
.busi_slide_wrap .busi_slide .sd4{
    background-image: url(../img/busi01_06.jpg);
}
.busi_slide_wrap .busi_slide .sd5{
    background-image: url(../img/busi01_06.jpg);
}
.busi_slide_wrap .busi_slide .sd6{
    background-image: url(../img/busi01_07.jpg);
}

.busi_slide_wrap .swiper-pagination{
    float: left;
    width: 25% !important;
    position: unset;
    font-size: 24px;
    font-weight: 600;
}
.busi_slide_wrap .swiper-pagination .swiper-pagination-bullet{
    width: 100%;
    height: 100%;
    border-radius: unset;
    background: unset;
    color: #222;
    text-align: left;
    line-height: 1.8;
}

.busi_slide_wrap .busi_slide{
    width: 75%;
    float: left;
}


.busi_prd_wrap {
    width: 100%;
    margin: 0 auto 100px;
}
.busi_prd_wrap ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.busi_prd_wrap li {
    width: calc(50% - 20px);
    margin: 0 0 40px;
    border: 1px solid #eee;
    border-radius: 16px;
    overflow: hidden;
}
.busi_prd_wrap li>div{
    padding: 30px 30px 0;
}
.busi_prd_wrap li h4 {
    font-size: 24px;
    color: #2a2a2a;
    margin: 0 0 10px;
}
.busi_prd_wrap li h4 span{
    color:#8264FF;
}
.busi_prd_wrap li p {
    min-height: 205px;
    font-size: 18px;
    line-height: 1.6;
    color: #888;
    word-break: keep-all;
}
.busi_prd_wrap li img {
    display: block;
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.busi_prd_wrap li small{
    display: inline-block;
    font-size: 16px;
    color: #888;
    margin: 30px 0;
    min-height: 50px;
}
/* =========== //끝 비즈니스 =========== */





/* ================================= 반응형 ======= */
/* ================================= 반응형 ======= */
/* ================================= 반응형 ======= */

@media all and (max-width: 1250px){
    .container{padding-top: 70px;}
    .txt_wrap .history_wrap{width: 100%;}

    .content.page .txt_wrap.txtcenter.w975{width: 100%;}

    /* 시공실적 */
    .conlist_wrap ul li{width: calc(50% - 40px);}
}


@media all and (max-width: 992px){
    .page_info .page_title h2{font-size: 34px;}
    .page_info .page_title p{font-size: 18px;}
    .content .content_title h3{font-size: 32px;}
    /* 회사소개 */
    .bgimg.about01 img{height: 240px;}
    .boxwrap2{width: 100%; padding: 50px 30px;}    
    
    .content.page .txt_wrap.txtcenter.w975 ul{}
    .content.page .txt_wrap.txtcenter.w975 ul li{width: 280px; height: 280px;}
    .txt_wrap .history_wrap li>span{width: 100%;}
    .txt_wrap .history_wrap li .month{width: 100%;}
    .content.page .txt_wrap.txtcenter.w1043{margin: 0 auto ;}

    /* 건축사업 */
    .content.busicon .busi1_wrap01 .txt_bg{height: 400px;}
    .busi_prd_wrap li{width: 100%;}
    .busi_prd_wrap li p{min-height: unset;}
    .busi_prd_wrap li small{min-height: unset;}

    /* 바이오 */
    .content.busicon .busi2_wrap02{width: 100%; overflow: auto;    
      /* background-image:  */
        
        /* Shadows */ 
        /* linear-gradient(to right, white, white),
        linear-gradient(to right, white, white), */
      
    /* Shadow covers */ 
        /* linear-gradient(to right, rgba(0,0,0,.25), rgba(255,255,255,0)),
        linear-gradient(to left, rgba(0,0,0,.25), rgba(255,255,255,0)); */
    
      background-position: left center, right center, left center, right center;
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
        
        /* Opera doesn't support this in the shorthand */
        background-attachment: local, local, scroll, scroll;
    }
    .content.busicon .busi2_wrap02 img{width: 700px;}
    .content.busicon .busi2_wrap03{width: 100%; overflow: auto;    
        /* background-image:  */
          
          /* Shadows */ 
          /* linear-gradient(to right, white, white),
          linear-gradient(to right, white, white), */
        
      /* Shadow covers */ 
          /* linear-gradient(to right, rgba(0,0,0,.25), rgba(255,255,255,0)),
          linear-gradient(to left, rgba(0,0,0,.25), rgba(255,255,255,0));    */
      
        background-position: left center, right center, left center, right center;
          background-repeat: no-repeat;
          background-color: transparent;
          background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%;
          
          /* Opera doesn't support this in the shorthand */
          background-attachment: local, local, scroll, scroll;
      }
    .content.busicon .busi2_wrap03 img{width: 1000px;}

    /* 신사업 */
    .content.busicon .busi3_wrap01{width: 100%; height: 240px;}

    /* 230714 추가 - 로봇사업 */
    .content.busicon .busi3_wrap01.txt_bg {
        width: 100%;
        background: url(../img/e_vnm_m.png) center no-repeat;
        height: 400px;
        background-size:contain;
    }
    .content.busicon .busi3_wrap02.txt_bg {
        width: 100%;
        background: url(../img/e_flatform_m.png) center no-repeat;
        height: 400px;
        background-size:contain;
    }
    .busi3_wrap02{display:flex; flex-direction:column-reverse; justify-content:center; align-items:center;}
    .busi3_wrap02 .flat_txt{width:100%; height:auto;}
    .busi3_wrap02 img{width:100%;}
    .busi3_wrap02 img:last-child{margin:24px 0 48px 0;}
    .busi3_wrap03 ul li{align-items:flex-start;}
    .busi3_wrap03 ul li strong{margin:4px 16px 0 0;}
    .li_before li::before{margin-top:11px;}


    /* ESG */
    .esg_top .txt_bg.esg{width: 100%; height: 400px;}
    .esgcon.content.page .esg_basic{width: 100%;}
    .esgcon.content.page .esg_basic img{width: 100%;}
    .esgcon .certify_list li{width: 33.333%; margin: 0 0 20px;}
    .esgcon.content.page .imgwrap01 img{width: 100%;}


    /* IR */
    .table_con_wrap .title_wrap{width: 100%;}
    .table_con_wrap .table_wrap{width: 100%;}
    .fininfo.tabs label{font-size: 16px;}
    .table_con_wrap .table_wrap .unittxt{font-size: 14px;}

    .search_wrap.ir .input_wrap.select{width: 30%;}
    .search_wrap.ir .input_wrap.text{width: 30%}
    .search_wrap.ir .input_wrap.check{width: 50%;}
    .ir .btn.c_bk{width: 50%;}
}


@media all and (min-width: 0px) and (max-width: 640px){
    /* 회사소개 */
    .container{padding-top: 56px;}
    .content{margin: 70px auto 0;}
    .page_info{margin: 0 auto 70px;}
    .page_info.esg{margin: 0 auto 70px;}
    .page_info .page_title{width: calc(100% - 40px); padding: 30px 6px;}
    .page_info .page_title h2{font-size: 24px; letter-spacing: -1px;}
    .page_info .page_title p{font-size: 16px;}
    .page_info .tab_menu{margin: 20px auto 0;}
    .page_info .tab_menu ul li a{font-size: 16px; padding: 6px;}
    
    .content.page{padding: 0 20px;}
    .content .content_title span{font-size: 16px;}
    .content .content_title h3{font-size: 22px; }
    .content.page .txt_wrap{font-size: 16px;}

    .bgimg.about01{width: 100%;}
    .boxwrap2{margin: 50px auto 80px;}
    .content.page .txt_wrap.txtcenter.w975 ul li{width: 250px; height: 250px;}
    .txt_wrap .history_wrap{width: 100%;}
    .txt_wrap .history_wrap li{}
    .txt_wrap .history_wrap li>span{font-size: 22px; text-align: left; padding: 10px 20px;}
    .txt_wrap .history_wrap li .month{padding: 20px 10px;}
    .txt_wrap .history_wrap li .month p{display: flex; flex-wrap: wrap;}
    .txt_wrap .history_wrap li .month strong{width: 15%; margin-right: 0;}
    .txt_wrap .history_wrap li .month span{width: 85%;}
    .content.page .txt_wrap.txtcenter.w1043{height: 300px; background: url(../img/info_m_m.png) no-repeat center; background-size: contain;}
    .bg_img.info1{top: 200px;}
    .pause{margin: 10px 0;}


    /*찾아오시는 길*/
    .content{padding: 0 20px;}
    .info_wrap{margin: 20px 0 70px;}
    .info_wrap div{width: 100%;}
    .info_wrap h4{font-size: 20px;}
    .info_wrap p{font-size: 16px;}
    .info_wrap span{font-size: 16px;}
    .contact_wrap .content_title{margin:0 0 30px}
    .cont_all_wrqp .left_wrap{width: 100%;}
    .cont_all_wrqp .right_wrap{width: 100%;}
    .cont_all_wrqp ul li{margin: 0 0 20px;}
    .cont_all_wrqp ul li input{font-size: 16px;}
    .cont_all_wrqp ul li input::placeholder{font-size: 16px;}
    .cont_all_wrqp textarea{font-size: 16px;}
    .cont_all_wrqp textarea::placeholder{font-size: 16px;}
    .cont_btn_wrap{margin: 50px auto 100px;}
    .cont_btn_wrap button{font-size: 14px !important;}


    /* 건축사업 */
    .content.busicon .busi1_wrap01 .txt_bg{width: 100%; height: 320px;}
    .busi_prd_wrap{margin: 0 auto 50px;}
    .busi_prd_wrap li h4{font-size: 18px;}
    .busi_prd_wrap li p{font-size: 16px;}


    /* 신사업 */
    .content.busicon .busi3_wrap01{height: 320px;}


    /* 230714 추가 - 로봇사업 */
    .content.busicon .busi3_wrap01.txt_bg{height:300px;}
    .content.busicon .busi3_wrap02.txt_bg{height:300px;}
    .content.busicon .busi3_wrap01 p{font-size:16px;}
    .rb_con p{font-size:16px;}
    .busi3_wrap03 ul li{font-size:16px;}
    .rb_con02 p{font-size:16px;}
    .li_before li::before {
        content: '';
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 10px;
        background-color: #888;
        margin-right: 8px;
    }
    .busi3_wrap03 ul{margin:0 0 30px 0;}


    /* ESG */
    .esgcon.content.page{margin: 70px auto 100px; padding: 0 20px;}
    .esgcon.content.page .flexwrap{margin: 0 auto 100px;}
    .esgcon.content.page .txt_wrap{font-size: 16px;}
    .esgcon.content.page .esg_basic{margin: 0 auto 100px;}
    .esg_top .txt_bg.esg{height: 320px; margin: 0px auto 0;}
    .esgcon.content.page .txt_wrap01{margin: 0 0 30px;}
    .esgcon.content.page .imgwrap02 img{width: 100%;}
    .table_con_wrap{margin: 0 auto 40px;}
    .esg_table_wrap .table_con_wrap .title_wrap{width: 100%; padding: 0;}
    .esg_table_wrap .table_con_wrap .table_wrap{width: 100%;}
    .table_con_wrap .title_wrap h3{font-size: 18px;}
    .table_con_wrap .table_wrap .tg{font-size: 16px;}

    /* 시공실적 */
    .conlist_wrap ul li{width: calc(50% - 10px); font-size: 16px; margin: 0 5px 30px;}
    .conlist_wrap ul li img{height: 140px;}
    .conlist_wrap ul li .list_con{padding: 4px;}
    .conlist_wrap ul li .list_con .list_day{font-size: 14px;}
    .pagination{margin: 0 auto 70px;}
    .pagination li{font-size: 14px;}
    .pagination li a{width: 26px;}

    .board_title{flex-wrap: wrap}
    .board_title p{font-size: 16px;}
    .swiper.board_slide .swiper-slide{height: 200px;}
    .video .video-container{height: 200px;}
    .board_title.link{font-size: 14px;}
    .swiper.board_slide .swiper-button-next::after, .swiper.board_slide .swiper-button-prev::after{font-size: 16px;}

    /* IR */
    .search_area{width: 100%;}
    .input_wrap.text input{font-size: 14px;}
    .input_wrap.text input::placeholder{font-size: 14px;}
    .search_area .input_wrap.select{width: 100%; margin: 0 0 10px;}
    .selectbox select{font-size: 14px;}
    .search_area .input_wrap.text{width: 100%; margin: 0 0 10px;}
    .btn.c_bk{margin: 0 auto; width: 50%; font-size: 14px; padding: 10px 40px;}
    .conlist_wrap.listtype{margin: 0 0 30px;}
    .conlist_wrap.listtype ul{width: 800px;}

    
    .board_title h4{font-size: 16px; padding: 0;}
    .board_title{padding: 12px 0;}
    .board_title .tit_right .date{font-size: 14px; padding: 0;}
    .board_content{padding: 12px 20px 70px; font-size: 16px;}
    .board_file{font-size: 14px;}
    .board_navi a{padding: 20px 0;}
    .board_navi .arrow{width: 100px; padding: 0 10px 0 20px; font-size: 14px;}
    .board_navi .title_n{width: calc(100% - 200px); font-size: 14px;}
    .board_navi .date{font-size: 14px;}
    .list_btn{margin: 30px auto 70px;}
    .list_btn a{padding: 12px 34px;}

    .fininfo.tabs label{margin: 0 4px 10px;}
    .table_con_wrap .table_wrap .unittxt{font-size: 14px;}

    .search_wrap.ir .input_wrap.check{width: 100%;}
    /*.btn.c_bk{width:100%;}*/
}
/* ======= // 끝 반응형 ======= */