@charset "utf-8";
@import url(https://use.fontawesome.com/releases/v5.11.2/css/all.css);
@import url(https://use.fontawesome.com/releases/v5.11.2/css/v4-shims.css);

html {
    overflow-x: hidden;
    overflow-y: scroll;
}

.body-layout {
    background-color: #fff;
}

#site {
    padding-top: 88px;
}

/* 폰트 설정 */
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button,
.subPage,
#site {
    font-family: 'notokr', "NanumGothic", "나눔고딕", 'NanumBarunGothic', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif;
}

/* h1, h2, h3, h4, h5, h6, p { margin: 0px; } */
ol,
ul,
li {
    list-style: none;
    list-style-position: inside;
    padding: 0
}

.navbar .caret,
.navbar .divider-vertical,
.navbar~br,
.footer-social-layout,
.footer_copy .text-center>br,
.topmarginLay_a {
    display: none;
}

/*가로 100% 레이아웃 정의*/
.container_contents,
.intro-html-layout,
.intro-html-layout>div,
.footer_copy>div,
.sub-layout {
    width: 100%;
    padding: 0;
    margin: 0;
}

.intro-board-widget-layout,
.dh-board,
.dh-view-box,
.bbs-list-view-layout+.row,
#mailForm,
#insertForm {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

.board_wrapper {
    margin-top: 0;
}

.search_wrap {
    margin-bottom: 0;
}

* {
    word-break: keep-all
}

a:hover {
    text-decoration: none
}

.li-dash>li,
.li-dot>li,
.li-dash>dd,
.li-dot>dd {
    padding-left: 20px;
    position: relative;
}

.li-dash>li:before,
.li-dot>li:before,
.li-dash>dd:before,
.li-dot>dd:before {
    content: '-';
    display: block;
    position: absolute;
    left: 5px;
    top: 0;
}

.li-dot>li:before, 
.li-dot>dd:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #444;
    border-radius: 50%;
    top: 11px;
    left: 7px;
}

/* 불필요 항목 삭제 */
.navbar .caret {
    display: none;
}

.subContent ul {
    padding: 0
}

/* 상단 메뉴 */
.navbar-inverse {
    background: #fff;
    position: fixed;
    margin-bottom: 0;
    border: 0;
    border-bottom: none;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
    margin: 0;
    padding: 0
}

.navbar>.container .navbar-brand {height: auto;
    padding: 0;
    margin: 10px 0!important;
    position: relative;
}
.navbar>.container .navbar-brand:after{      content: "(주)지앤씨엔지니어링";
    position: absolute;
    left: 110%;
    color: #333;
    font-weight: 700;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    width: 200px;
    letter-spacing: -0.04em;}
.navbar-inverse .navbar-nav > li > a {
    display: block;
    height: 100%;
    padding: 33px 25px;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.03em;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #086dc5 !important;
    background: none !important;
}

.navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle {
    color: #086dc5 !important;
    background: none !important;
}

@media (max-width: 767px) {

    /*.navbar-inverse .navbar-toggle{border:1px solid #666;}*/
    .navbar-inverse .navbar-toggle {
        border: 0;
        padding: 9px 0;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #666;
        transition: ease-in-out .15s all;
        opacity: 1;
        position: relative;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background: none;
        border-color: #222;
    }

    .navbar-inverse .navbar-toggle:hover .icon-bar,
    .navbar-inverse .navbar-toggle:focus .icon-bar {
        background-color: #222;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: transparent;
    }

    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(1) {
        transform: rotate(45deg);
        top: 6px;
    }

    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(2) {
        opacity: 0;
    }

    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(3) {
        transform: rotate(-45deg);
        top: -6px;
    }
}

@media (min-width: 768px) {
    .navbar-inverse .navbar-nav .dropdown-menu {
        left: 0;
        right: auto;
        border-radius: 0;
        border: none;
        padding: 10px;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.15);
        background: #fff;
    }

    .navbar-inverse .navbar-nav .dropdown-menu>li>a {
        font-size: 14px;
        padding: 7px 11px;
        color: #444;
        transition: all 0.25s;
        letter-spacing: -0.02em;
    }

    .navbar-inverse .navbar-nav .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .dropdown-menu>li>a:focus {
        background: #086dc5;
        color: #fff;
    }
}

@media (min-width: 992px) {
    .navbar-inverse .navbar-right {
        margin-right: -30px;
    }

    .navbar-inverse .navbar-nav>li>a {
        padding: 34px 30px ;
    }
}

/* 하단 카피라이트 설정 시작*/
#site footer {
    margin-top: 0px;
    background-color: #323238;
    color: #999;
}

#site footer .footer-link {
    padding: 14px 0 14px 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

#site footer .footer-link ul {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 0;
}

#site footer .footer-link ul li {
    list-style: none;
    display: inline-block;
    font-size: 15px;
    margin-right: 25px;
    line-height: 26px;
    color: #ddd;
    font-weight: 400;
    letter-spacing: -0.01em;
}

#site footer .footer-link ul li:last-child {
    margin-right: 0;
}

#site footer .footer-link ul li a {
    color: inherit;
}

#site footer .footer-link ul li:last-child a::after {
    display: none;
}

#site footer .footer-link ul li a:hover {
    color: #fff;
    text-decoration:underline;
}

#site footer .footer-info {
    padding: 30px 0 60px;
}

#site footer .footer-info ul {
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 1.7em;
}

#site footer .footer-info ul li {
    list-style: none;
    display: inline-block;
    font-size: 13px;
    margin-right: 15px;
    line-height: 13px;
    letter-spacing: 0em;
}

#site footer .footer-info ul li a {
    color: #999;
}

#site footer .footer-info ul li a:hover {
    text-decoration: underline;
}

/* 슬라이드 공통 */
#mainCarousel .carousel-inner .item {
    height: 600px;
}

.carousel-caption {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
}

.carousel-caption h1 {
    font-size: 48px;
    font-weight: 500;
    margin: 0 0 32px;
    letter-spacing: -0.025em;
    line-height: 1.35;
}

.carousel-caption p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.01em;
    margin: 0;
    line-height: 1.85;
    text-shadow: none;
}

.carousel-control {
    width: 50px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    background: rgba(0,0,0,0) !important;
    opacity: 0.3;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, .125);
    transition: ease-in-out .15s all;
    z-index: 999;
}

.carousel-control.left {
    left: 20%;
}

.carousel-control.right {
    right: 20%;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next, .carousel-control .icon-prev {
    font-size: 50px;
    text-shadow: none;
    width: 50px;
    height: 60px;
    margin-top: -30px;
}

.carousel-control.left .glyphicon::before {
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.carousel-control.right .glyphicon::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.carousel-indicators li {
    width: 14px;
    height: 14px;
    background-color: rgba(255, 255, 255, .7);
    border: none;
    margin: 0 4px;
    border-radius: 50%;
    transition: ease-in-out .15s all;
}

.carousel-indicators li.active {
    width: 14px;
    height: 14px;
    background-color: #0396ec;
    margin: 0 4px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, .125);
}

/*main*/
.main_con01 {
    padding: 80px 0;
}
.main_con01 a {
    position: relative;
    display: block;
    text-align: center;
    background: #f0f0f0;
    padding-bottom: 35px;
    border: 1px solid #d8d8d8;
    transition: all 0.3s;
}
.main_con01 a:hover {
    border-color: #086dc5;
    box-shadow: 2px 2px 5px rgba(22, 40, 56, 0.2);
}
.main_con01 a img {
    padding: 45px 45px;
    transition: all ease .3s;
    background: #fff;
    min-height: 285px;
}
.main_con01 a p {
    margin: 0;
    padding: 30px 20px 13px;
    font-size: 24px;
    color: #333;
    font-weight: 500;
    letter-spacing: -0.05em;
}
.main_con01 a span {
    display: inline-block;
    width: 120px;
    padding: 8px 10px;
    color: #fff;
    background: #086dc5;
    letter-spacing: -0.035em;
    font-size: 13px;
    transition: all ease .3s;
    font-weight: 500;
}
.main_con01 a:hover img {
    padding: 30px;
    min-height: 285px;
}
.main_con01 a:hover span{
    background:#012784
}

.main_con02 {
    padding: 65px 0 45px;
    background: url(/public/img/main/main_con02_bg.jpg) no-repeat center / cover;
}

.main_con02 h2 {
    margin: 0 0 15px;
    padding-left: 35px;
    font-weight: 600;
    font-size: 28px;
    color: #333;
    letter-spacing: -0.03em;
    line-height: 1;
    position: relative;
}

.main_con02 h2:before {
    content: "";
    width: 24px;
    height: 3px;
    background: #086dc5;
    position: absolute;
    left: 0;
    top: 13px;
}

.main_con02 .page-header {
    display: none;
}

.board_box_list ul {
    padding: 38px 40px;
    background: #fff;
    min-height: 270px;
}
.board_box_list ul li {
    font-size: 15px;
    border-bottom: 1px solid #e0e0e0;
    padding: 13px 0;
    letter-spacing: -0.02em;
}
.board_box_list ul li a:hover {
    color: #086dc5;
    text-decoration: underline;
}
.board_box_list ul li span {
    color: #999;
}
.board_box_list ul li:last-child {
    border-bottom: none;
}

@media (min-width:768px){
    .main_con02 .container > .row {
        margin: 0;
    }
    .main_con02 .container > .row > div {
        padding: 0;
    }
}
.main_con02_inner {
    margin-top: 42px;
    padding: 43px 20px 0;
    min-height: 270px;
    background: #16397f;
    text-align: center;
}
.main_con02_inner p {
    margin: 0 0 15px;
    font-size: 25px;
    color: #fff;
    font-weight: 500;
    letter-spacing: -0.03em;
    line-height: 1.2;
}
.main_con02_inner p strong {
    display: block;
    font-size: 40px;
    color: #f5900d;
}
.main_con02_inner > span {
    display: inline-block;
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 50%;
    padding-top: 24px;
}

/*sub*/
.subTop {
    width: 100%;
    height: 250px;
    position: relative;
    background: url(/public/img/sub/subTop.jpg)no-repeat center / cover;
}

.subTop h2 {
    position: absolute;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    color: #fff;
    font-weight: 500;
    margin: 0;
    text-shadow: 1px 2px 3px rgba(0,0,0,0.4);
}
.bread {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.6);
}
.breadcrumb {
    margin: 0;
    padding: 8px 15px;
    border-radius: 0;
    text-align: right;
    background: none;
    color: rgba(255, 255, 255, 0.75);
}

.breadcrumb>li,
.breadcrumb>li>a {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.75);
}

.breadcrumb li.active {
    color: #fff
}

.breadcrumb>li+li:before {
    content: ">";
    color: rgba(255, 255, 255, 0.6);
}

.subContent {
    padding: 90px 0 110px;
}

.subTitle {
    text-align: center;
    margin-bottom: 75px;
}

.subTitle h3 {
    margin: 0;
    font-size: 40px;
    letter-spacing: -0.05em;
    font-weight: 500;
    color: #000;
    display: inline-block;
}

.subTitle:after {
    content: "";
    width: 50px;
    height: 3px;
    background: #086dc5;
    display: block;
    margin: 22px auto 0;
}

.subContent p,
.subContent li,
.subContent dd {
    font-size: 15px;
    letter-spacing: -0.032em;
    line-height: 1.75;
    color: #333;
    margin-bottom: 15px;
}

.subContent li,
.subContent dd {
    margin-bottom: 5px;
}

.subContent p:last-child,
.subContent li:last-child,
.subContent dd:last-child {
    margin-bottom: 0;
}

.subContent .con {
    margin-bottom: 100px;
}

.subContent .con:last-child {
    margin-bottom: 0;
}

.subContent .con h4 {
    position: relative;
    margin: 0 0 40px;
    font-size: 30px;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.032em;
    padding-left: 30px;
}
.subContent .con h4:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 8px;
    border-top: 5px solid #0396ec;
    border-left: 5px solid #0396ec;
    border-bottom: 5px solid #004b98;
    border-right: 5px solid #004b98;
    border-radius: 50%;
}
.subContent .con h4 span {
    display: block;
    font-size: 15px;
    color: #777;
    margin-top: 11px;
    font-weight: 400;
    letter-spacing: -0.03em;
}

/*table*/
.subContent .table.table-type03 {
    border-top: 2px solid #555;
}

.subContent .table.table-type03 tr th,
.subContent .table.table-type03 tr td {
    padding: 10px !important;
    border-bottom: 1px solid #ddd !important;
    letter-spacing: -0.03em;
    word-break: keep-all;
    vertical-align: middle !important;
    text-align: left;
    font-size: 15px;
}

.subContent .table.table-type03 tr th {
    color: #333;
    background: #f5f5f5;
    text-align: center
}

/*company*/
#company01 .con1 {
    background: url(/public/img/sub/comp01_1.jpg) no-repeat center / cover;
    padding: 0;
    margin: 0 0 100px;
}
#company01 .con1 > div {
    padding: 70px 60px;
    background: rgba(18, 52, 121, 0.9);
    color: #fff;
}
#company01 .con1 p {
    color: #fff;
    opacity: 0.8;
    line-height: 1.8;
    font-size: 16px;
}
#company01 .con1 p.first {
    font-size: 32px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 30px;
    opacity: 1;
}
#company01 .con1 p.first span {
    color: #83cdff;
}

#company01 .con2 dl {
    margin-bottom: 35px;
    margin-left: 20px;
}
#company01 .con2 dl dt {
    font-size: 18px;
    font-weight: 600;
    color: #124177;
    margin: 0 0 12px;
    padding: 5px 15px;
    letter-spacing: -0.035em;
    background: #e4ecf5;
}
#company01 .con2 dl dd ul {
    margin: 3px 0px 10px;
}

#company01 .con2 dl dd ul li {
    font-size: 13px;
    color: #6f6f6f;
    margin-bottom: 1px;
}

#company01 .subContent .con3 .table.table-type03 tr th,
#company01 .subContent .con3 .table.table-type03 tr td {
    padding:23px 25px !important;
    line-height: 1.65;
}

#company01 .subContent .con3 .table.table-type03 tr td p {
    padding-left: 45px;
    position: relative;
}

#company01 .subContent .con3 .table.table-type03 tr td p span {
    position: absolute;
    left: 0;
    font-weight: 700;
}

#company01 .con3 .table-type03 tr td #daumRoughmapContainer1583914422044 {
    width: 100% !important
}

#company01 .con4 .history-table {
    border-top: 2px solid #333;
}

#company01 .con4 .history-table.table-style tr th {
    width: 15%;
    position: relative;
    padding: 20px 0px;
    letter-spacing: -0.03em;
    font-size: 34px;
    color: #0068c3;
    font-weight: 400;
    text-align: center;
    font-style: oblique;
}

/* #company01 .con4 .history-table.table-style tr th:after {
    content: '';
    display: block;
    position: absolute;
    right: -6px;
    top: 27px;
    width: 11px;
    height: 11px;
    border: 3px solid #214d9c;
    border-radius: 50%;
    background: #fff;
} */

#company01 .con4 .history-table.table-style tr td {
    text-align: left;
    padding: 10px 45px;
}

#company01 .con4 .history-table.table-style tr td ul {
    margin: 22px 0 22px;
}

#company01 .con4 .history-table.table-style tr td li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 28px;
    font-size: 16px;
    line-height: 1.5;
}
#company01 .con4 .history-table.table-style tr td li:before {
    content: "";
    width: 9px;
    height: 3px;
    position: absolute;
    top: 11px;
    left: 10px;
    background: #ccc;
}

#company01 .con4 .history-table.table-style tr td strong {
    position: absolute;
    left: 22px;
    top: -2px;
    color: #214d9c;
    font-weight: 400;
    font-size: 19px;
}

#company01 .con4 img {
    box-shadow: 7px 7px 0 rgba(190, 190, 190, 0.4);
    border: 1px solid #ddd;
    padding: 15px;
}

@media(min-width:768px) {
    #company01 .con2 .col-md-7 {
        padding-left: 40px;
    }
}

#company02 .con img {
    padding: 6px;
    box-shadow: 1px 2px 4px rgba(0,0,0,0.25);
    width: 85%;
    margin: 0 auto;
}
#company02 .con p {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin: 18px 0 0;
}

#company02 .con p small {
    font-size: 75%;
    margin-left: 5px;
    color: #666;
}

#company02 .con .clearfix {
    margin-bottom: 55px;
}


#company03 .con1 tbody tr td {
    padding: 20px !important;
}


#company03 .con1 tbody tr td ul {
    width: 25%;
    float: left;
    margin-bottom:0;
}

#company03 .con1 tbody tr td ul li {
    margin-bottom: 2px;
}

#company03 .con2 .clearfix {
    margin-bottom: 30px;
}

/*business*/
.business .subContent .con {
    margin-bottom: 110px;
}

.business .busi_inner:after {
    content: "";
    display: block;
    clear: both;
}

.business .busi_inner .busi_img_area {
    width: 47%;
    float: left;
}

.business .busi_inner .busi_img_area img {
    padding: 80px 35px;
    background: #fff;
    border: 1px solid #d8d8d8;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
}

.business .busi_inner .busi_txt-area {
    width: 48%;
    float: left;
    margin-left: 5%;
}

.business .busi_inner .busi_txt-area dl {
    margin-bottom: 45px;
}

.business .busi_inner .busi_txt-area dl dt {
    position: relative;
    font-size: 36px;
    color: #0d366f;
    margin-bottom: 15px;
    letter-spacing: -0.06em;
    font-weight: 500;
    overflow: hidden;
}
#business02 .busi_inner .busi_txt-area dl dt img{float: left;margin-right: 15px;}
.business .busi_inner .busi_txt-area dl dd {
    font-size: 16px;
    margin-bottom: 3px;
}

.business .busi_inner .busi_txt-area .table-busi {
    border-top: 2px solid #333;
    margin:0;
}

.business .busi_inner .busi_txt-area .table-busi thead tr th, 
.business .busi_inner .busi_txt-area .table-busi tbody tr th {
    text-align: center;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.business .busi_inner .busi_txt-area .table-busi thead tr th {
    border-bottom: 1px solid #ccc;
    background: #f5f5f5;
}

.business .busi_inner .busi_txt-area .table-busi tbody tr td {
    text-align: center;
    border-bottom: 1px solid #ddd;
}

#business03 .con1 .col-md-4 img,
#business03 .con3 img {
    border: 1px solid #ddd;
    padding: 10px;
}

#business03 .con2 dl dt,
#business03 .con3 dl dt {
    font-size: 20px;
    margin-bottom: 15px;
}

#business03 .con2 .table tbody tr td:first-child {
    text-align: center
}

#business03 .con3 .clearfix {
    margin-bottom: 30px;
}

#business03 .con3 p {
    text-align: center;
    margin: 0;
    padding: 10px 0;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-top: none;
    font-weight: 500;
}
#business03 .con4 ul li span{    color: #e21c1c;
    font-weight: 500;}
#business03 .con4 ul li p{    font-weight: 500;
    color: #004b98;margin-bottom: 15px;}
#business03 .con5 p{     border-radius: 10px;
    background: #e3f4ff;
    padding: 30px 20px;
    text-align: center;
    font-weight: 500;
    letter-spacing: -0.06em;}
#business03 .con5 p.line_1{padding:43px 20px}
#business03 .con6 ul{padding: 40px;
    border: 1px solid #ddd;
    box-shadow: 5px 5px 0 rgba(0,0,0,0.1);}
    
#business04 .con dl {
    margin: 0 0 39px;
}
#business04 .con dl dt {
    font-size: 32px;
    color: #086dc5;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin-bottom: 10px;
    border-bottom: 2px solid;
}

#business04 .con dl dd {
    font-size: 13px;
    margin: 0;
    padding: 7px 0 7px 15px;
    border-bottom: 1px dashed #ddd;
    line-height: 1.3;
}
#business04 .con dl dd:before {
    left: 3px;
    top: 4px;
}

#business04 .con3 .clearfix {
    margin-bottom: 60px;
}
#business04 .con3 h4 {
    margin-bottom: 15px;
}


.btn.btn-primary{
    background-color:#086dc5;
    border:1px solid #086dc5;
    color:#fff
}
.btn.btn-primary:hover,
.btn.btn-primary:focus{
    background-color:#012784;
    border-color:#012784
}
.subContent .con .board_wrapper .reply_wrap h4{position: static;
    margin: 0;
    font-size: initial;
    padding: 0;
    letter-spacing: 0;}
.subContent .con .board_wrapper .reply_wrap h4 span#reply_count{display: inline-block;
    font-size: 14px;
    margin: 0;
    color: #333;}  
#cert-wrap .cont_wrap:after {
        content: '';
        display: block;
        clear: both;
    }
    
#cert-wrap img {
  margin-bottom: 15px;
}
#cert-wrap .sub_title {
	padding: 10px;
	margin-bottom: 10px;
	font-size: 24px;
	border-bottom: 1px solid #ddd;
}

.cert-img, .busi-img {
	cursor: pointer;
}
#busi-modal .modal-dialog{width:100%; max-width: 1000px;}
.subContent .con .board_wrapper h4{padding-left: 0;}
.subContent .con .board_wrapper h4:before{display: none;}
/*mobile*/
@media(max-width:767px){
    .navbar>.container .navbar-brand{margin: 10px!important;}
    .navbar-brand>img{    max-width: 80px;}
    .navbar>.container .navbar-brand:after{    font-size: 20px;}
    #mainCarousel .carousel-inner .item {height: 400px;}
    .carousel-caption{    left: 5%;
        right: 5%;}
    .carousel-caption p{font-size: 15px;}
    .carousel-caption h1{font-size: 30px;}
    .left.carousel-control,.right.carousel-control{display: none;}
    .navbar-inverse .navbar-toggle{    padding: 19px 0;}
    #site {padding-top: 68px;}
    .main_con01 a{    padding-bottom: 20px;margin-bottom: 20px;}
    .main_con01 a p{    padding: 15px 0 10px;    font-size: 22px;}
    .main_con01 a span{    width: 100px;}
    .main_con01 {padding: 60px 0 40px;}
    .main_con02{    padding: 60px 0;}
    .board_box_list ul{padding:15px}
    .main_con02_inner{    margin: 0;
        padding: 20px;
        min-height: auto;}
    .main_con02_inner p{font-size: 22px;}
    .main_con02_inner p strong{    font-size: 35px;}
    #site footer .footer-link{    padding: 10px 0;}
    #site footer .footer-link ul li{    font-size: 14px;}
    #site footer .footer-info ul li{    font-size: 12px;}
    #site footer .footer-info {padding: 30px 0 35px;}
    .navbar-inverse .navbar-nav > li > a{padding: 30px 30px 10px;}
    .navbar-inverse .navbar-nav > li:last-child > a{padding-bottom: 30px;}
    .navbar-nav .open .dropdown-menu>li>a{    padding: 5px 30px;}
    .navbar-nav{    margin: 0 -15px;
    border-top: 1px solid #ddd;}
    .subContent{padding:60px 0}
    .subTop{height: 200px;}
    .subTitle{margin-bottom: 60px;}
    .subTitle h3{    font-size: 34px;}
    #company01 .con1 > div{    padding: 30px;}
    #company01 .con1 p.first{    font-size: 26px;margin-bottom: 20px;}
    #company01 .con1 p{font-size:15px}
    .subContent .con h4{    font-size: 21px;}
    .subContent .con h4:before{top: 3px;}
    .subContent .con h4 span{    font-size: 13px;    margin-top: 5px;}
    #company01 .con2 dl{    margin-left: 0;}
    #company01 .con4 .history-table.table-style tr td{    padding: 10px 0 10px 30px;}
    #company01 .con4 .history-table.table-style tr td li{    font-size: 15px;}
    #company02 .con .clearfix{margin-bottom: 30px;}
    #company02 .con p small{display: block;
        margin-top: 3px;}
    #company02 .con p{    margin: 10px 0 0;    font-size: 15px;}
    #company03 .con1 tbody tr td ul{    width: 100%;
        float: none;}
    .business .busi_inner .busi_img_area{    width: 100%;
        float: none;}
    .business .busi_inner .busi_img_area img{    padding: 40px;}
    .business .busi_inner .busi_txt-area{    width: 100%;
        float: none;
        margin-top: 30px;
        margin-left: 0;}
    #business02 .busi_inner .busi_txt-area dl dt img{width: 150px;}
    #business03 .con5 p{    margin-bottom: 20px;
        padding: 30px;}
    #business03 .con5 p.line_1 {padding: 30px;}
    #business03 .con6 ul{    margin-bottom: 30px;}
    .busi-img{margin-bottom: 15px;}
    .business .subContent .con{margin-bottom: 50px;padding-bottom:50px; border-bottom:1px dashed #ddd}
    .business .subContent .con:last-child{margin-bottom: 0;padding-bottom:0; border-bottom:none}
    #business03 .con3 .col-md-4{margin-bottom: 20px;}
    #business03 .con3 .clearfix{margin-bottom: 0;}
    #business04 .con .col-md-3:last-child dl{margin-bottom: 0;}
    .board_wrapper colgroup, .board_wrapper table .num, .board_wrapper table .hits{display: none;}
    .board_wrapper table th, .board_wrapper table td{width:25%}
    .board_wrapper table tr .subject {width: 50%;}
    .board_wrapper .table.board_write_table tbody tr th, .board_wrapper .table.board_write_table tbody tr td{    padding: 5px 0!important;}
}