@charset "UTF-8";

/*************************************************
                    Company
**************************************************/

/* 주요연혁 */
.history-table {width:100%; border-top:2px solid #333;}
.history-table td {border-bottom:1px solid #d9d9d9; padding:20px 0;}
.history-table tr td:first-child {line-height:1; padding-top:22px;}
.history-table td p {margin-bottom:10px; text-indent:-38px; margin-left:38px;}
.history-table td p:last-child {margin-bottom:0;}
.history-table td p font {font-weight:600; margin-right:8px;}
.history-table td:first-child {font-weight:600; vertical-align:top; font-size:16px; color:#dc404d;}

/* 조직역할 */
.org-table {width:100%; border-top:2px solid #333;}
.org-table td {border-bottom:1px solid #d9d9d9; padding:10px;}
.org-table td ul li {text-indent:-10px; margin-left:10px;}
.org-table-head {background:#f2f2f2; font-weight:bold; border-right:1px solid #d9d9d9; text-align:center;}
.org-table-idt {padding-left:10px;}

/* 조직역할 */
.org-table {width:100%; border-top:2px solid #333;}
.org-table td {border-bottom:1px solid #d9d9d9; padding:10px;}
.org-table td ul li {text-indent:-10px; margin-left:10px;}
.org-table-head {background:#f2f2f2; font-weight:bold; border-right:1px solid #d9d9d9; text-align:center;}
.org-table-idt {padding-left:10px;}

/* 찾아오시는길 */
.location-map {width:100%; height:300px; margin-bottom:30px; background:#f2f2f2;}
.location-info {width:100%; border-top:2px solid #333;}
.location-info td {border-bottom:1px solid #d9d9d9; padding:20px 10px;}
.location-info td:first-child {font-weight:600;}
.location-info td img {width:28px; height:auto; vertical-align:middle; margin-right:8px;}

/*************************************************
              System & Consulting
**************************************************/

.txt-sub-intro {color:#dc404d; font-size:16px; font-weight:bold; margin-bottom:15px;}
.list-dash li {margin-bottom:10px; text-indent:-7px; margin-left:7px;}
.list-dash li:last-child {margin-bottom:0;}
.box-intro {width:100%; border-top:2px solid #dc404d !important; border:1px solid #d9d9d9; margin-bottom:20px;}
.box-intro:last-child {margin-bottom:0;}
.box-intro-tit {width:100%; height:60px; border-bottom:1px solid #d9d9d9; padding:12px 16px;}
.box-intro-tit div:nth-child(1) img {width:35px; height:auto;}
.box-intro-tit div:nth-child(2) {font-size:16px; font-weight:500; margin:6px 13px; letter-spacing:-0.6px;}
.box-intro-tit div:nth-child(2) font {font-weight:500; margin-left:5px; color:#999;}
.box-intro-info {padding:20px;}
.tcic-intro {width:100%; border:1px solid #d9d9d9; margin-bottom:20px;}
.tcic-intro:last-child {margin-bottom:0;}
.tcic-intro-head {width:100%; height:60px; border-bottom:1px solid #d9d9d9;}
.tcic-intro-part {width:60px; height:60px; background:#dc404d; text-align:center; padding-top:13px; line-height:1;}
.tcic-intro-part div:nth-child(1) {font-weight:700; font-size:18px; margin-bottom:2px; color:#fff;}
.tcic-intro-part div:nth-child(2) {font-size:12px; opacity:0.8; color:#fff;}
.tcic-intro-tit {font-size:16px; font-weight:500; line-height:1.2; margin:10px 14px;}
.tcic-intro-tit font {font-weight:500; color:#999; letter-spacing:-0.8px;}
.tcic-intro-info {padding:20px;}

/* 썸네일 슬라이더 */
.swiper {width:100%; height:100%;}
.swiper-slide img {display:block; width:100%; height:100%; object-fit:cover;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*************************************************
              Project &  Newsroom
**************************************************/

/* List Box */
.list-box {width:100%; height:auto; border:1px solid #d9d9d9; margin-bottom:20px;}
.list-box:last-child {margin-bottom:0;}
.list-box-thum {width:100%; height:200px; }
.list-box-thum img {width:100%; height:200px; object-fit: cover;
    object-position: top;}
@media (min-width:600px) {
    .list-box-thum {width:100%; height:360px; }
    .list-box-thum img {width:100%; height:100%;}
}
.list-box-info {padding:15px;}
.list-box-info ul li:nth-child(1) {font-size:14px; font-weight:600; margin-bottom:3px;}
.list-box-info ul li:nth-child(2) {color:#999;}
.list-box-info a {color:#4d4d4d;}
/* List Page */
.list_page ul {margin-top:30px;}
.list_page ul li {width:34px; height:34px; text-align:center; color:#999; font-size:14px; cursor:pointer; display:inline-block; margin:0 4px; box-sizing:border-box; padding-top:5px;}
.list_page ul li:hover {background:#f7f7f7;}
.list_page ul span{border:1px solid #ccc; width:34px; height:34px; text-align:center; color:#999; font-size:14px; cursor:pointer; display:inline-block; margin:0 4px; box-sizing:border-box; padding-top:5px;}
.list_page .able {background:#dc404d; color:#ffffff; border:1px solid #cd1f47;}
.list_page .able:hover {background:#dc404d; color:#ffffff; border:1px solid #cd1f47;}
.list_page img {width:7px; height:auto; margin-top: 5px;}

/* View Page */
.news-view {width:100%; border-top:2px solid #4d4d4d;}
.news-view td {border-bottom:1px solid #d9d9d9; padding:20px;}
.news-view-head {background:#fafafa; text-align:center;}
.news-view-tit {font-size:22px; font-weight:700; margin-bottom:24px;}
.news-view table {width:100%;}
.news-pre-next {width:100%; border-top:1px solid #4d4d4d;}
.news-pre-next td {border-bottom:1px solid #d9d9d9; padding:20px;}
.news-pre-next a:hover {color:#dc404d; text-decoration:none;}
.news-pre-next a {color: #4d4d4d;}
.board-btn-gy {min-width:90px; height:50px; padding:10px; color:#fff; background:#666; vertical-align:middle; cursor:pointer;}
.board-btn-wh {min-width:90px; height:50px; padding:10px; background:#fff; border:1px solid #bfbfbf; vertical-align:middle; cursor:pointer;}
.li_img table { width:100% !important;}
.li_img strong img {width:97px; height:23px;}
.article_box img {width:100%!important; height:auto !important;}
#articleBody img {width: 97px; height:23px;}
#bodytext img{width:100%; height:auto;}

.sub_container .m_logo_area {text-align: center;}
.sub_container .m_logo_area img {width: auto;}