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

@font-face {
    font-family: 'JSArirang-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/JSArirang-RegularA1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

.body-layout {
    background-color: #fff;
    letter-spacing: -0.05em;
    font-size: 15px;
}

#site {
    padding-top: 105px;
}


/* 폰트 설정 */
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button,
.subPage,
#site {
    font-family: 'notokr', 'Malgun Gothic', sans-serif;
   /* font-family: 'Malgun Gothic', 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: 10px;;
    width:5px;
    height:5px;
    background:#404040;
    border-radius:50%;
}

.li-dot>li:before,
.li-dot>dd:before {
    content: '·';
}


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

.subContent ul {
    padding: 0
}


/* 상단 메뉴 */
.navbar-inverse {
    background: #fff;
    position: fixed;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid rgba(255,255,255,0.23);
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
    margin: 0;
    padding: 0
}

.navbar>.container .navbar-brand {
    height: auto;
    padding: 0;
    margin-left: 0 !important;
    /* margin-top: 19px; */
    margin-top:-8px
}

.navbar-inverse .navbar-nav>li>a {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    /* padding: 34px 5px; */
    padding:25px 5px 27px;
    margin: 0px 45px;
    position: relative;
    letter-spacing: -0.025em;
}

.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 {
    background: none;
    color: #136bbb;
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #136bbb !important;
}

.navbar-inverse .navbar-nav>li>a::after{
    content:"";
    width:0;
    height:3px;
    background:#0083c7;
    position:absolute;
    left:50%;
    bottom:0;
    transition:all 0.3s;
    transform:translateX(-50%);

}
.navbar-inverse .navbar-nav>li:hover a::after{
    width:100%;
}

@media (max-width: 767px) {

    .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) {
    .nav.navbar-nav li .dropdown-menu {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        border-radius: 0;
        border: 0;
        padding: 0;
        background: #fff;
        min-width: 210px;
    }

    .nav.navbar-nav li .dropdown-menu li a {
        padding-top: 13px;
        padding-bottom: 13px;
        color: #333;
        border-bottom: 1px solid #eee;
        background:#fff;
        letter-spacing:-0.055em;
        font-weight:600
    }
    .nav.navbar-nav li .dropdown-menu li:last-child a{
        border-bottom:none;
    }

    .nav.navbar-nav li .dropdown-menu li a:focus,
    .nav.navbar-nav li .dropdown-menu li a:hover {
        background: #0083c7;
        color: #fff;
        font-weight: 600;
    }
} */

.nav.navbar-nav li .dropdown-menu{
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 0;
    border: 0;
    padding: 0;
    overflow: hidden;
    transition: all .3s ease;
    height: 0;
    box-shadow: none;
    min-width: auto;
    background: none;
    padding-top: 20px;
}
.nav.navbar-nav li .dropdown-menu li a{
    font-size: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-weight: 400;
    letter-spacing: -0.07em;
    color: #666;
    text-align: center;
    padding: 7px 5px;
}
.nav.navbar-nav li .dropdown-menu li:hover a{
    color: #0083c7 !important;
    background: none !important;
}
.navbar.navbar-inverse .gnb{
    transition: all .3s ease;
    height: 0;
    background: #f8f8f8;
    border-top: 1px solid #e1e1e1;
    transform: translateY(1px);
}
@media (min-width: 992px) {
    .navbar-inverse .navbar-right {
        margin-right: -50px;
    }
}

.menu_top{
    /* position: absolute; */
    /* right: 10%; */
    /* text-align: right; */
    /* z-index: 1000; */
    /* top: 32px; */
    background: #ffffff;
    padding: 6px 0 0;
    /* background: #f6f6f6; */
    }
.menu_top a{
    padding: 3px 15px;
    display: inline-block;
    border: 1px solid #ccc;
    color: #333;
    font-weight: 500;
    letter-spacing: -0.02em;
    background: #fff;
    border-radius: 50px;
    margin-left: 5px;
    font-size: 13px;
    }
.menu_top ul{
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    text-align: right;
}
.menu_top ul li{
    display: inline-block;
}
.menu_top ul li button{
    background: #1e4d86;
    box-shadow: none;
    color: #fff;
    padding: 4px 11px;
    letter-spacing: -0.02em;
    opacity: .8;
    border-radius: 50px;
    font-size: 12px;
    border: none;
}
.menu_top ul li button:hover{
    opacity: 1;}
.menu_top ul li button.active{    background: #00a8e5;
    opacity: 1;
    color: #ffffff;
    font-weight: 500;}
/* 하단 카피라이트 설정 시작*/
#site footer {
    margin-top: 0px;
    background-color: #1e4d86;
    color: rgba(255, 255, 255, 0.85);
}

#site footer .footer-info {
    padding: 45px 0 20px;
}

#site footer .footer-info .f_logo {
    margin-bottom: 30px;
}

#site footer .footer-info dl dt,#site footer .footer-info .col-md-12 p {
    font-size: 16px;
    margin-bottom: 20px;
    color: #fff;
}

#site footer .footer-info dl dd {
    font-size: 14px;
    letter-spacing: 0;
    margin-bottom: 5px;
    font-weight: 300;
}

#site footer .footer-info dl dd span {
    display: inline-block;
    margin-right: 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.35);
    padding-right: 10px;
    line-height: 1;
}

#site footer .footer-info dl dd span:last-child {
    margin-right: 0;
    border-right: none;
    padding-right: 0;
}

#site footer .footer-info .copy {
    font-size: 13px;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    padding-top: 20px;
    margin-top: 28px;
    margin-bottom: 0;
    font-weight: 300;
}




/* 슬라이드 공통 */
.carousel-control {
    text-shadow: 0px 2px 6px rgba(0, 0, 0, .125);
    transition: ease-in-out .15s all;
}

.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: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, .1);
    border: 1px solid #fff;
    margin: 0 8px;
    border-radius: 0;
    transition: ease-in-out .15s all;
}

.carousel-indicators li.active {
    width: 12px;
    height: 12px;
    background-color: #fff;
    margin: 0 8px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, .125);
    transform: rotate(45deg);
}

#mainCarousel .carousel-inner .item {
    height: calc(100vh - 105px);
    /* height: 840px; */
}

.carousel-caption {
    padding: 0;
    top: 46%;
    text-shadow: none;
}

.carousel-caption h1 {
    font-size: 112px;
    font-weight: 400;
    margin: 0;
    display: inline-block;
    letter-spacing: 0.04em;
    font-family: "JSArirang-Regular", 'notokr', sans-serif;
    text-shadow: 1px 1px 2px rgba(40,40,40,0.55);
}
.carousel-caption p{
    margin-top: 20px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 300;
    text-shadow: 0 0 15px rgba(0,0,0,0.3);
    letter-spacing: -0.02em;
}
.carousel-caption h1 span {
    font-size:30px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.03em;
    display: block;
    margin: 0 auto 15px;
}


/* 큰 글자만 남긴 슬라이드 테스트용 */
.carousel-inner .item:nth-child(2) .carousel-caption h1,
.carousel-inner .item:nth-child(3) .carousel-caption h1,
.carousel-inner .item:nth-child(4) .carousel-caption h1{
    font-size:125px;
}

/* 
.carousel-inner .item:nth-child(5) .carousel-caption h1,
.carousel-inner .item:nth-child(6) .carousel-caption h1 {
    text-shadow:none;
    color:#14519a;
}
.carousel-inner .item:nth-child(5) .carousel-caption p,
.carousel-inner .item:nth-child(6) .carousel-caption p{
    text-shadow:none;
    font-weight:400;
    color:#333
}
.carousel-inner .item:nth-child(5) .carousel-caption h1 span{
    color:#019ad2
}
.carousel-inner .item:nth-child(6) .carousel-caption h1 span {
    color:#00a6ae
} */

.carousel-indicators {
    bottom: 30px;
}

.carousel-indicators li,
.carousel-indicators li.active{
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    margin:0 4px;
}
.carousel-indicators li.active{
    background:#fff;
    box-shadow:0 1px 2px rgba(0,0,0,0.5)
}
.carousel-control{
    background:rgba(0,0,0,0) !important;
    display: none;
}
.carousel-caption p{display: none;}
.carousel-inner .item:first-child .carousel-caption p{display: block;}

/*slide ani*/
.slide_inner{
    position: absolute;
    right: 58%;
    /* left: 15%; */
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}    
.slide_img{
    position: absolute;
    left: 43.5%;
    top: 50%;
    transform: translatey(-50%);
    opacity: 0;
}
.slide_img img{position: absolute;left: 0;top: 0;}
.slide_ani.active .slide_img, .slide_ani.active .slide_inner{opacity: 1;}
.slide_img .slide_img01{position: static;}
.slide_ani.active .slide_txt{
    animation-duration: 0.9s;
    animation-fill-mode: both;
    animation-name: fadeInDown;
}
.slide_ani.active .slide_img img{
    animation-duration: 0.9s;
    animation-fill-mode: both;
    animation-name: fadeIn;
    animation-delay: 0.8s;
}
.slide_ani.active  .slide_img .slide_img02{animation-delay: 1.3s;}

.slide_ani.active  .slide_img .slide_img03{animation-delay: 1.7s;}
.slide_ani.active  .slide_img .slide_img04{animation-delay: 2.1s;}

.slide_ani.active  .slide_img .slide_img05{animation-delay: 2.5s;}
.slide_ani.active  .slide_img .slide_img06{animation-delay: 2.9s;}

.slide_ani.active  .slide_img .slide_img07{animation-delay: 3.3s;}
.slide_ani.active  .slide_img .slide_img08{animation-delay: 3.7s;}



/*main*/
/* .main_content {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 17%;
} */
.main_con01 {
    padding: 100px 0 45px;
    background: #fff;
}

.slick-slide {
    margin: 0;
    position: relative;
}
.slick-slide a{
    display: block;
    position: relative;
    overflow: hidden;
    min-height: 300px;
    background: #fefff3;
    }
.slick-slide a:before{
    content: "";
    width: 120%;
    height: 180%;
    /* background: #21529c; */
    /* background: linear-gradient(45deg, #35b4fb, #12428a); */
    background: #209eec;
    position: absolute;
    transform: rotate(30deg);
    bottom: -84%;
    left: -20%;
}
.slick-slide .slick_con01:before{
    /* background: #669ae0; */
    /* background: linear-gradient(45deg, #53e2b4, #2453a9); */
    background: #ffda47;
    transform: rotate(-30deg);
    bottom: -84%;
    right: -20%;
    left: auto;
}
/* .slick-initialized .slick-slide{
    border:7px solid #cce3f3
} */

.slick-list {
    margin: 0 -27px;
}

.slick_txt {
    position: absolute;
    top: 50%;
    left: 22%;
    transform: translateY(-50%);
    color: #fff14c;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0;
    line-height: 1.1;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.68);
}
.slick_txt span.pro_name{
    display: block;
    font-size: 60px;
    font-weight: 600;
    margin: 0;
    letter-spacing: -0.05em;
    color: #fff;
}
.slick-slide .slick_con01 .slick_txt{
    color: #111;
    font-weight: 500;
    font-size: 18px;
    text-shadow:none;
    line-height: 1.22;
    letter-spacing: -0.03em;
    left: auto;
    right: 22%;
}
.slick-slide .slick_con01 .slick_txt .high{
    display:block;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2;
    color: #000;
}
.slick-slide .slick_con01 .slick_txt .pro_name{
    text-shadow: 1px 1px 3px rgba(0,0,0,0.68);
}
.slick-slide img{
    display: inline-block;
    right: 22%;
    position: absolute;
    max-height: 255px;
    top: 50%;
    transform: translateY(-50%);
}
.slick-slide .slick_con01 img{
    right: auto;
    left: 22%;
}
.slick-slide img.slick_logo{
    position: static;
    transform: none;
    margin-bottom: 10px;
    margin: 0 auto 15px;
}
.slick-slide .slick_con01 .slick_txt .slick_logo{
    width: 130px;
    margin-bottom: 0px;
}
.slick_txt p.main01_title {
    font-size: 50px;
    font-weight: 300;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}

.slick_txt p.main01_txt {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.65;
}

.slick_txt a {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: 200;
    border: 1px solid;
    padding: 10px 20px;
    margin-top: 20px;
}

.slick_txt a:hover {
    background: #fff;
    color: #333;
    font-weight: 300;
}

.slick-next {
    right: -50px;
}

.slick-prev {
    left: -50px;
}

.slick-prev,
.slick-next {
    width: 40px;
    height: 40px;
    z-index:999;
}

.slick-prev:before,
.slick-next:before {
    font-size: 40px;
    color: #000;
    opacity: 0.15;
}
.slick-prev:hover:before, 
.slick-prev:focus:before, 
.slick-next:hover:before, 
.slick-next:focus:before{
    opacity:0.65
}
.main_con01 .row{
    margin: 0 -8px;
}
.main_con01 .col-md-3{
    padding: 0px 8px;
}
.main_con01 .col-md-3 a {
    display: block;
    position: relative;
    background: #0858a2;
    background: url(/public/img/main/main01.jpg) no-repeat center / cover;
    padding: 55px 30px 0px;
    margin: 0 auto;
    transition: all ease .3s;
    height: 200px;
    margin-bottom: 8px;
}
.main_con01 .col-md-3 a::before{
    content:"";
    width:100%;
    height:100%;
    background:#000;
    position:absolute;
    left:0;
    top:0;
    opacity: 0.5;
    z-index:1;
    transition: all 0.3s;
}
.main_con01 .col-md-3:nth-child(2) a{
/*     background:#2c88be; */
    background:url('/public/img/main/main02.jpg') no-repeat center / cover;
}
.main_con01 .col-md-3:nth-child(3) a{
/*     background:#0d386d; */
    background:url('/public/img/main/main03.jpg') no-repeat center / cover;
}
.main_con01 .col-md-3:nth-child(4) a{
/*     background:#08a28f; */
    background:url('/public/img/main/main04.jpg') no-repeat center / cover;
}
.main_con01 .col-md-3 a img{
    z-index:1;
    position:relative;
}
.main_con01 .col-md-3 a p {
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 0;
    letter-spacing: -0.015em;
    z-index:1;
    position:relative;
}

.main_con01 .col-md-3 a:hover {
    /* background: #054681; */
    transform: translateY(-15px);
}
.main_con01 .col-md-3 a:hover::before{
    opacity: 0.85;
    background:#136bbb;
}
.main_con01 .col-md-4 a{display: block;}
.main_con01 .col-md-4 a:focus{outline: none;}
.main_con03 {
    padding: 50px 0 100px;
}
.main_con01 .col-md-4 p span{    display: block;
    font-size: 15px;
    color: #333;}
.main_con03 .col-md-2 img {
    padding: 15px 25px;
    background: #fff;
}

@media(min-width:768px) {
    .main_con03 .col-md-2 {
        width: calc(100% / 8);
        padding: 0 5px;
    }
}


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

.subTop h2 {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 38%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 52px;
    font-weight: 600;
}

.sub_nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 0;
}
.sub_nav > .container{
    padding: 0;
    max-width: 1140px;
    width: 100%;
}
.sub_nav ul {
    margin: 0;
    text-align: center;
    display: inline-block;
    line-height: 0;
}

.sub_nav li {
    display: table-cell;
    padding: 0;
    width: 1%;
    position: relative;
    line-height: 0;
}
.sub_nav li + li::before {
    content:"";
    width:1px;
    height:17px;
    background: #ffffff;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    margin-top:1px;
    z-index: 1;
    opacity: 0.4;
}
.sub_nav li a {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    padding: 24px 0;
    width: 100%;
    text-align: center;
    line-height: 1;
    position: relative;
    background: rgba(19, 107, 187, 0.8);
    letter-spacing: -0.055em;
}

.sub_nav li:last-child a {
    border-right: none;
}

.sub_nav li.active>a {
    background: #fff;
    font-weight: 700;
    border-right: 0;
    color: #000;
}

.subTitle {
    padding-bottom: 15px;
    text-align: center;
    padding: 105px 0 100px;
}

.subTitle h3 {
    font-weight: 600;
    margin: 0;
    font-size: 39px;
    letter-spacing: -0.06em;
    color: #111;
    position: relative;
}

.breadcrumb {
    margin: 0;
    padding: 0;
    background: transparent;
    font-size: 13px;
    color: #ddd;
    position: absolute;
    right: 15px;
    top: -100px;
}

.breadcrumb .active {
    color: #2d90d0;
    font-weight: 500;
}

.breadcrumb>li+li:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    padding: 0 7px;

}

.subContent {
    padding-bottom: 120px
}

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

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

.subContent h4 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 35px;
    padding-left: 30px;
    line-height: 1;
    position: relative;
    color: #222;
    letter-spacing: -0.025em;
}

.subContent h4:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url(/public/img/sub/bullet.jpg)no-repeat center / cover;
    position: absolute;
    left: 0;
    top: 0;
}

.subContent p{
    font-size:16px;
    color:#555;
    line-height:1.65;
    margin-bottom: 18px;
    letter-spacing: -0.045em;
}

/*company*/
.comp_history {
    margin: 0 auto;
    text-align: center;
}

.comp_history>h4 {
    background: #f6f6f6;
    border: 1px solid #eee;
    border-radius: 50px;
    display: inline-block;
    margin: 0 0 20px;
    padding: 6px 20px;
    color: #555;
    font-size: 15px;
    letter-spacing: -0.05em;
}

.steps-area {
    padding: 220px 0 0;
}

.steps {
    position: relative;
}

.steps:before {
    top: 125px;
    bottom: 0;
    position: absolute;
    content: '';
    width: 1px;
    background-color: #ddd;
    left: 50%;
}

.steps .history-title {
    background: #136bbb;
    background: linear-gradient(-45deg, #0b59a0, #00a8e5);
    color: #fff;
    letter-spacing: -0.04em;
    border-radius: 100%;
    padding: 52px 30px 0;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 0;
    z-index: 80;
    width: 200px;
    height: 200px;
}

.steps .history-title h3 {
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 5px;
}

.steps .history-title h4 {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 5px 0 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 0 0 15px;
    color: #fff;
}

.subContent .steps .history-title h4:before {
    display: none;
}

.steps .history-title p {
    margin: 0;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 700;
}

.timeline:last-child::after {
    display: block;
    content: '';
    height: 16px;
    width: 16px;
    background: #136bbb;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
}

.timeline .text-right>* {
    text-align: right;
}

.timeline .text-left>* {
    text-align: left;
}

.timeline .text-right .table tr th {
    text-align: right;
}

.timeline .text-left .table tr th,
.timeline .text-left .table tr td {
    text-align: left;
}

.timeline .table tr td {
    color: #333;
    padding: 0 0 15px;
    border: none;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: -0.033em;
}

.timeline .table tr td small {
    font-size: 88%;
    font-weight: 500;
}

.timeline .table tr th {
    width: 15%;
    color: #323232;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.05em;
    padding: 0;
    border: none;
    font-size: 16px;
}

.timeline {
    margin: 20px auto 0;
    overflow: hidden;
    position: relative;
    padding: 0px;
    list-style-type: none;
}

.timeline:first-child {
    margin: 60px auto 0;
}

.timeline .timeline-box {
    position: relative;
    float: left;
    clear: left;
    width: 44%;
    margin: 0 3% 0;
    list-style-type: none;
    display: block;
    padding: 0px 35px 5px;
    background: #fff;
    /* border: 1px solid #dedede; */
    /* border-radius: 8px; */
    z-index: 15;
}

.timeline .timeline-box .timeline-title {
    color: #136bbb;
    font-weight: 600;
    font-size: 40px;
    margin: -15px 0 19px;
}

.timeline .timeline-box .timeline-details {
    clear: both;
}

.timeline .timeline-box:first-child {
    margin-bottom: 2.5em;
}

.timeline .timeline-box:nth-of-type(1n)::before {
    position: absolute;
    top: 20px;
    right: -35px;
    /* display: inline-block; */
    /* border-top: 10px solid rgba(0, 0, 0, 0); */
    /* border-left: 10px solid #dedede; */
    /* border-right: 0 solid #dedede; */
    /* border-bottom: 10px solid rgba(0, 0, 0, 0); */
    content: '';
    width: 45px;
    height: 1px;
    border-top: 1px dotted #136bbb;
}

.timeline .timeline-box:nth-of-type(2n) {
    float: right;
    clear: right;
}

.timeline .timeline-box:nth-of-type(2n)::before {
    right: auto;
    left: -35px;
    position: absolute;
    /* top: 15px; */
    /* display: inline-block; */
    /* border-top: 10px solid rgba(0, 0, 0, 0); */
    /* border-right: 10px solid #dedede; */
    /* border-left: 0 solid #dedede; */
    /* border-bottom: 10px solid rgba(0, 0, 0, 0); */
    content: '';
    width: 45px;
    height: 1px;
    border-top: 1px dotted #136bbb;
}

.timeline .timeline-box:nth-of-type(2n) {
    margin-top: 10em;
}

.timeline .timeline-box:nth-child(2n)::after {
    left: -8%;
    right: auto;
}

.timeline .history14 {
    margin-top: 45%
}

@media all and (max-width: 600px) {
    .timeline .timeline-box {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .timeline .timeline-box:first-child {
        margin-bottom: 0;
    }

    .timeline .timeline-box:nth-of-type(2n) {
        margin-top: 5px;
    }

    .timeline .history14 {
        margin-top: 0
    }
}

@media all and (min-width: 650px) {
    .timeline .timeline-box:after {
        display: block;
        content: '';
        height: 12px;
        width: 12px;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        right: -8%;
        top: 15px;
        border: 2px solid #136bbb;
    }
}

.company .snb li a {
    width: 25%;
    font-size: 15px;
    font-weight: 300;
}

@media(min-width:768px) {
    #company02 .con .col-md-3 {
        width: 20%;
        margin-bottom: 30px;
    }
}

.cert-img {
    cursor: pointer;
    border: 1px solid #e1e1e1;
    padding: 10px;
    transition: all 0.2s;
}

.cert-img:hover,
.cert-img:focus {
    border: 1px solid #136bbb;
}

#company02 .con p {
    color: #333;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    margin: 15px 0 0;
    padding: 0 4px;
    line-height: 1.4;
    letter-spacing: -0.05em;
    min-height: 42px;
}

#company02 .con p small {
    display: block;
    color: #808080;
    margin-top: 5px;
    font-size: 13px;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.modal-open .modal {
    overflow-y: hidden;
}

#cert-modal .modal-header .close {
    opacity: 1;
    text-shadow: none;
    color: #333;
    font-size: 22px;
    line-height: 1;
    display: block;
    margin: 0;
    font-weight: 400;
}

#cert-modal .modal-title {
    text-align: left;
    font-size: 18px;
    margin-bottom: 0;
    color: #333;
}

#cert-modal .modal-header {
    padding: 20px 20px 20px;
    border-bottom: none;
    background: #136bbb;
}

#cert-modal .modal-header h5{
    color:#fff;
}
#cert-modal .modal-header .close {
    color: #fff;
    text-shadow: none;
    font-size: 32px;
    line-height: 20px;
    margin-top: -5px;
    font-weight: 600;
}
#cert-modal .modal-body {
    padding: 35px;
}

#company02 .con {
    margin-bottom: 90px;
    padding-bottom: 90px;
    border-bottom: 1px solid #ddd;
}

#company02 .con:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

#company03 .con {
    margin-bottom: 100px;
}

#company03 .con .comp03_txt {
    padding: 60px 55px 0;
}
#company03 .con2 .comp03_txt{
    padding-left:0;
    padding-right:120px
}
#company03 .con .comp03_txt p {
    font-size: 26px;
    margin-bottom: 40px;
    font-weight: 600;
    color: #222;
    text-align: left;
    letter-spacing: -0.05em;
    line-height: 1.75;
}
#company03 .con .comp03_txt p::before{
    content:"";
    width:30px;
    height:2px;
    background:#136bbb;
    display:block;
    margin-bottom: 10px;
}
#company03 .con .comp03_txt ul li {
    font-size: 16px;
    margin-bottom: 7px;
    color: #555;
}
/* #company03 .comp03_img{
    border: 10px solid #f0f0f0;
    padding:50px 0;
} */
#company03 .con2 img {
    max-height: 390px;
}

#company04 .con h4 span {
    display: inline-block;
    margin-left: 5px;
    font-weight: 500;
}

.location-li {
    border-top: 2px solid #222;
    margin: 40px 0 0;
}

.location-li li {
    border-bottom: 1px solid #e3e3e3;
    padding: 12px 20px;
    margin: 0;
    width: 50%;
    float: left;
    font-size: 15px;
    color: #555;
}

.location-li span {
    display: inline-block;
    margin-right: auto;
    min-width: 165px;
    font-weight: 600;
    color: #000;
    border-radius: 4px;
    font-size: 15px;
}

@media(max-width:767px) {
    .location-li span {
        display: block;
    }
}

.location-li span i {
    margin-right: 13px;
    background: #136bbb;
    width: 36px;
    height: 36px;
    text-align: center;
    color: #fff;
    line-height: 36px;
    border-radius: 50%;
    font-size: 15px;
}

.location-li li:nth-of-type(1) {
    width: 100%;
    float: none;
}

.subContent .table.table-type03 {
    margin: 0;
    border-top: 2px solid #333;
}

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

.subContent .table.table-type03 tr th:last-child, 
.subContent .table.table-type03 tr td:last-child{
    border-right:none;
}

.subContent .table.table-type03 tr th {
    color: #333;
    background: #f7f7f7;
}

.subContent .table.table-type03 tr td {
    color: #666;
}


/*product*/
#product01 .con2 a,
#product02 .con2 a {
    display: block;
    border: 1px solid #ddd;
    transition: all 0.25s;
}

#product01 .con2 a img,
#product02 .con2 a img {
    height: 250px;
    padding: 40px 20px;
}

#product01 .con2 a p,
#product02 .con2 a p {
    margin: 0;
    text-align: center;
    padding: 18px 0;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    transition: all 0.25s;
    background: #f6f6f6;
}

#product01 .con2 a:hover,
#product02 .con2 a:hover {
    border-color: #136bbb;
    box-shadow:0 3px 3px rgba(0,0,0,0.2)
}

#product01 .con2 a:hover p,
#product02 .con2 a:hover p {
    background: #136bbb;
    color:#fff
}

#product01 .con2 .clearfix {
    margin-bottom: 40px;
}

/* .pro01 .con1 h5 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 45px;
    color: #136bbb;
    letter-spacing: -0.01em;
} */

#product01 .con1 p:first-child, #product02 .con1 p:first-child, #product02 .con1 p:first-child + p {
    font-size: 18px;
    line-height: 1.85;
    margin-bottom: 20px;
    font-weight: 400;
    /* text-indent: 1em; */
    letter-spacing: -0.05em;
}

#product01 .con1, 
#product02 .con1{
    margin-bottom:60px
}

.pro01 .con2 dl {
    border: 1px solid #ddd;
    padding: 35px;
    margin-bottom: 30px;
    border-top: 1px solid #136bbb;
}


.pro01 .con2 dl dt {
    font-size: 24px;
    color: #136bbb;
    margin-bottom: 20px;
    display: table;
    font-weight: 600;
    position: relative;
}

.pro01 .con2 dl dt::before{
    content:"";
    width: 103%;
    height:10px;
    background: #00a8e5;
    position:absolute;
    left: -1%;
    bottom: 0;
    opacity: 0.16;
    z-index: -1;
}

.pro01 .con2 dl dd {
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 5px;
    color: #404040;
    letter-spacing: -0.05em;
}

.pro01 .con2 dl dd:last-child {
    margin-bottom: 0%;
}

.pro01 .con2 dl {
    min-height: 250px;
}

.pro_inner {
    padding: 60px 100px 60px 0;
    margin-bottom: 30px;
    border: 1px solid #caced2;
}

.pro_inner img {
    max-height: 235px;
    padding: 15px;
}

.pro_inner p {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 25px;
    color: #136bbb;
    letter-spacing: -0.05em;
}

.pro_inner p span {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin-left: 15px;
    color: #333;
}

.pro_inner ul {
    float: left;
    width: 50%;
}

.pro_inner ul li {
    font-size: 16px;
    margin-bottom: 10px;
}

.pro_inner ul li:last-child {
    margin-bottom: 0;
}

.pro_inner ul li span {
    font-weight: 500;
    margin-right: 10px;
    font-size: 17px;
}
.use_area p span{font-weight: 500;
    margin-right: 5px;
    display: inline-block;
    padding: 5px 15px;
    font-size: 15px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 50px;}

.nav-justified {
    margin-bottom: 60px;
}
.sub_menu {overflow: hidden;margin-bottom: 0;}
#product01 .sub_menu li{width: calc(100% / 8);float: left;}
#product02 .sub_menu li{width: calc(100% / 7);float: left;}
#product01 .subContent .con0, #product02 .subContent .con0{margin-bottom: 60px;}
#product01 .subTitle, #product02 .subTitle{        padding: 0 0 100px;}
.sub_menu li a{  display: block;
    text-align: center;
    background: #f3f7fb;
    color: #195892;
    font-size: 18px;
    border: 1px solid #ccd8e0;
    border-right: 1px solid #f3f7fb;
    padding: 20px 0;
    letter-spacing: -0.04em;
    font-weight: 500;}

.nav-justified>li>a {
    background: #fff;
    color: #333;
    font-size: 18px;
    border-radius: 0;
    border: 1px solid #ddd;
    border-right: 1px solid #fff;
    padding: 17px 0;
}

.nav-justified>li:last-child>a, .sub_menu li:last-child a {
    border-right: 1px solid #ddd;
}

.sub_menu li a:focus,
.sub_menu li a:hover{
    border-color: #136bbb;
    background: #136bbb;
    font-weight: 400;
    color: #fff;

}
.nav-justified>li.active>a,
.nav-justified>li.active>a:focus,
.nav-justified>li.active>a:hover {
    border-color: #136bbb;
    background: #136bbb;
    font-weight: 400;
    color: #fff;
}

.pro02 .con h5 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 15px;
    letter-spacing: -0.035em;
}
.pro01 .con1 h5,
.pro02 .con1 h5,
.pro03 .con1 h5 {
    line-height: 1.3;
    margin: 0 0 20px;
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 25px;
    color: #136bbb;
    letter-spacing: -0.05em;
}
.pro01 .con1 h5 span,
.pro02 .con1 h5 span,
.pro03 .con1 h5 span {
    font-size: 75%;
    color: #333;
    font-weight: 900;
    margin-left: 10px;
}

.pro02 .con1 p,
.pro03 .con1 p {
    font-size: 16px;
    line-height: 1.65;
    margin-bottom: 30px;
    margin-top: -13px;
}

.pro02 .subContent .con .table.table-type03 tr th,
.pro02 .subContent .con .table.table-type03 tr td {
    padding: 10px 5px !important;
}

.pro02 .con .clearfix {
    margin-bottom: 80px;
}

.pro02 .con .table-responsive+p,
#product01_7 .con3 .col-md-4 p {
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0 0;
    letter-spacing: 0;
    color: #666;
}

.pro02 .con3 ul {
    padding: 20px  5px;
    min-height: 165px;
    margin-bottom: 30px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #ddd;
}

.pro02 .con3 ul li {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 6px;
    margin-bottom: 6px;
    font-size: 15px;
    overflow: hidden;
    color: #666;
    letter-spacing: -0.02em;
}

.pro02 .con3 ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.pro02 .con3 ul li span {
    float: right;
    font-weight: 600;
    color: #333;
}

.pro02 .con3 .graph_img,
.pro02 .con5 .graph_img {
    padding: 35px;
    border: 1px solid #ddd;
}

.pro02 .con2 img {
    padding: 5px 80px;
    /* border: 1px solid #ddd; */
}

.pro02 .con1 h5 small {
    display: block;
    font-size: 50%;
    margin-top: 10px;
    font-weight: 600;
    color: #666;
    letter-spacing: -0.015em;
}

.pro02 .con4.row > div.col-md-4 img{
    padding: 0 30px;
}

.pro02 .con4 .col-md-6 img{
    padding:0 50px;
    margin: 10px 0 20px;
}

.pro03 .con1 img {
    padding: 40px;
    border: 1px solid #ddd;
}
#product01_2 .con2 dl{    min-height: 266px;}
#product01_4 .con4 img {
    margin-bottom: 30px;
}

#product01_4 .con4 p {
    text-align: center;
    font-weight: 500;
    margin: 20px 0 40px;
}

#product01_4 .con2 .clearfix, 
#product01_6 .con2 .clearfix, 
#product01_7 .con2 .clearfix, 
#product01_8 .con2 .clearfix, 
#product02_7 .con2 .clearfix{
    margin-bottom:20px;
}

#product01_4 .con2 dl dt,
#product01_6 .con2 dl dt,
#product01_7 .con2 dl dt,
#product01_8 .con2 dl dt,
#product02_7 .con2 dl dt {
    text-align: center;
    padding: 18px 15px;
    border-radius: 50px;
    border: 6px solid #d7f1fb;
    color: #136bbb;
    font-size: 20px;
    margin: 10px 0 20px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

#product01_4 .con2 dl dd,
#product01_6 .con2 dl dd,
#product01_7 .con2 dl dd,
#product01_8 .con2 dl dd,
#product02_7 .con2 dl dd {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 5px;
    color: #404040;
    letter-spacing: -0.033em;
    padding: 0 15px;
}

#product01_5.pro01 .con2 .col-md-7 dl dd {
    width: 50%;
    float: left;
}

#product01_5 .pro_inner .col-md-3 p {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    color: #333;
    margin: 6px 0 60px;
    letter-spacing: -0.033em;
}

#product01_6 .con5 p {
    font-size: 16px;
    letter-spacing: -0.02em;
    margin-bottom: 40px;
    line-height: 1.65;
}

#product01_6 .con5 img.graph_img {
    padding: 30px;
    margin: 0 auto;
    border: 1px solid #ddd;
}


#product02 .con2 dl {
    min-height: 300px;
}

#product02 .con2 p {
    letter-spacing: -0.02em;
}

#product02 .con .clearfix {
    margin-bottom: 40px;
}

#product02_6 .subTitle h3 small {
    display: block;
    margin-top: 10px;
}
#product02_6 .con2 img{    padding: 20px;
    border: 1px solid #ddd;}
#product02_6 .con2 p{padding: 10px;
    text-align: center;
    margin: 0;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-top: none;}
#product02_6 .con2 p strong{display: block;font-weight: 500;}
@media(min-width:768px) {
    #product02 .con2 .col-md-offset-1 {
        margin-left: 12.5%;
    }
}
.catalog_btn{           position: absolute;
    right: 0;
    top: 2px;
    font-size: 16px;
    padding: 10px 40px;
    border: 2px solid #136bbb;
    color: #136bbb;
    font-weight: 700;
    letter-spacing: 0.1em;
    width: 150px;
    text-align: center;}
.catalog_btn:hover{color:#fff;background: #136bbb;font-weight: 400;}
/* form */
.table.table_default tr th, 
.table.table_default tr td{
    padding:20px;
    border-bottom:1px solid #e3e3e3;
    letter-spacing:-0.045em;
}

.table.table_default thead tr th{
    background:#f8f8f8;
    border-bottom:1px solid #ccc
}

.table.table_default tbody .subject a:hover{
    text-decoration:underline;
    color:#136bbb;
}

.btn.btn-primary{
    background:#136bbb;
    border-color:#136bbb;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus{
    background:#0559a5;
    border-color:#0559a5;
}

.btn.btn-dark{
    background:#4e5052;
    border-color:#4e5052;
}
.btn.btn-dark:hover,
.btn.btn-dark:focus{
    background:#323435;
    border-color:#323435;
}

.board_data_view .header_wrap {
    background: #f8f8f8;
    border-bottom: 1px solid #ddd;
}
.board_data_view .header_wrap .title {
    padding-left: 0;
}
.board_data_view .header_wrap .title::before {
    content: none;
}

#inquiry .text-muted{
    font-size:14px;
}
#product02_2 .pro03_inner p{letter-spacing: -0.08em;}

/*sitemap*/
#sitemap a:hover{
    color:#136bbb !important;
    text-decoration:underline;
    font-weight:500 !important;
}
#sitemap .con1 > .col-md-12:first-child > .d1-menu:first-child{
    border-top:2px solid #333
}
#sitemap .con1 > .col-md-12:last-child > .d1-menu{
    border-bottom:none;
}
#sitemap .d1-menu h4 {
    margin: 0;
    padding-left: 0;
    font-size: 24px;
    letter-spacing: -0.07em;
    font-weight: 500;
    border: 7px solid #c2eaf9;
    border-radius: 50px;
    padding: 18px 25px;
    color: #1263ad;
    text-align: center;
}
#sitemap .d1-menu h4::before{
    content:none;
}
#sitemap .d1-menu h4 a{
    color: #1d67ab;
}
#sitemap .d1-menu h4 a:hover{
    color: #136bbb;
}
#sitemap .d1-menu .d2-menu{
    padding: 0 30px;
    margin: 10px 0 0;
}
#sitemap .d1-menu .d2-menu > li{
    font-size: 18px;
    position: relative;
    border-bottom: 1px solid #d8d8d8;
    padding: 12px 2px;
}
#sitemap .d1-menu .d2-menu > li > a{
    color: #333;
    display: inline-block;
    letter-spacing: -0.065em;
    font-weight: 500;
    line-height: 1;
}
#sitemap .d1-menu .d3-menu > li > a{
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #585858;
    margin-bottom: 5px;
    padding-left: 15px;
    letter-spacing: -0.055em;
}
#sitemap .d1-menu .d3-menu > li > a::before{
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #136bbb;
    position: absolute;
    left: 3px;
    top: 0;
}
#sitemap .d3-menu .d2-menu{
    /* float: left; */
    /* width: 45%; */
    margin-right: 5%;
}
#sitemap .d1-menu .d3-menu{
    margin-top: 12px;
    margin-bottom: 8px;
}
#sitemap .d1-menu .d4-menu {
    margin: 0px 0 15px;
    padding-left: 17px;
}
#sitemap .d1-menu .d4-menu li{
    position: relative;
    padding-left: 10px;
    line-height: 1.35;
}
#sitemap .d1-menu .d4-menu li a {
    font-size: 14px;
    font-weight: 400;
    color: #909090;
    letter-spacing: -0.034em;
    padding: 2px 2px;
}
#sitemap .d1-menu .d4-menu > li:before{
    content: '';
    display: block;
    width: 6px;
    height: 2px;
    background: #aaa;
    position: absolute;
    top: 13px;
    left: 0px;
}
#sitemap .con1{
    margin-top: 70px;
}
#sitemap .con1 .clearfix{    
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px dashed #ddd;
}
#sitemap .subTop{
    display: none;
}
@media(max-width:767px){
    .navbar-nav .open .dropdown-menu{height: 100% !important;}
}
#product01_5 .pro_inner{padding: 60px 100px;}

/*en*/
#company03.en .con2 .comp03_txt{    padding-right: 90px;}
#company03.en .con .comp03_txt p{    letter-spacing: -0.02em;
    line-height: 1.4;
    font-size: 20px;
    margin-bottom: 20px;}
.en .location-li span{    min-width: 230px;}
.en .sub_menu li a, .en .sub_nav li a{font-size: 15px;}
.en.pro01 .con2 dl{    min-height: 266px;}
.en .pro_inner{    padding: 60px 70px 60px 0;}
.en .pro_inner p+ul, .en .pro_inner ul:first-child{    width: 45%;}
.en .pro_inner ul:last-child{width: 55%;}
.en .pro_inner ul li, .en .pro_inner ul li span{    font-size: 15px;}
#product01_4.en .con2 dl dt, #product01_6.en .con2 dl dt, #product01_7.en .con2 dl dt, #product01_8.en .con2 dl dt, #product02_7.en .con2 dl dt{    font-size: 16px;
    font-weight: 500;}
.pro03.en .con1 h5 span{    font-size: 55%;
    letter-spacing: -0.02em;
    color: #555;
    font-weight: 700;}
#product01_5.en .pro_inner .col-md-3 p{font-size: 17px;}
#product02_1.en .subContent p{letter-spacing: -0.05em;}

/*mobile*/
@media(max-width:767px){
    #mainCarousel .carousel-inner .item{    height: 200px;}
    .slide_inner{    left: 5%;}
    .slide_img{    right: 5%;}
    .carousel-indicators{    bottom: 5px;}
    .navbar>.container .navbar-brand{margin-left: 5px !important;    margin-top: -3px;    }
    .navbar-brand>img{    width: 100%;
        max-width: 200px;}
    #site{padding-top: 80px;}
    .main_con01{
        padding: 60px 0 45px;
    }
    .slick-slide a{min-height: 200px;}
    .slick-slide a:before{    bottom: -84%;
        left: 30%;}
    .slick-slide img{    max-height: 145px;    right: 5%;}
    .slick_txt{    left: 5%;
        font-size: 14px;}
    .slick-slide img.slick_logo{max-width: 60px;}
    .slick_txt span.pro_name{    font-size: 30px;}
    .slick-slide .slick_con01 .slick_txt{    font-size: 14px;    right: auto;
        left: 5%;}
    .slick-slide .slick_con01 .slick_txt .high{font-size: 18px;}
    .slick-slide .slick_con01 img{    right: 5%;left: auto;}
    .slick-prev, .slick-next{display: none !important;}
    .main_con03{padding: 50px 0;}
    .navbar-inverse .navbar-nav>li>a{margin: 0;
        padding: 30px 30px 10px;}
    .nav.navbar-nav li .dropdown-menu li a{    text-align: left;
        padding: 5px 30px;}
    .sub_nav{display: none;}
    .subTop{    height: 180px}
    .subTop h2{    font-size: 40px;}
    .breadcrumb{    top: -25px;
        right: 10px;
        font-size: 12px;}
    .subContent h4{font-size:22px}
    .subTitle{    padding: 80px 0;}
    .timeline .text-right>*, .timeline .text-right .table tr th{text-align: left;}
    .timeline .timeline-box{    padding: 0;}
    .timeline .table tr td{    float: right;
        width: 85%;
        padding-left: 15px;
        font-size: 15px;}
    .timeline .text-right .table tr th, .timeline .table tr th{    float: left;}
    .timeline .timeline-box .timeline-title{    font-size: 32px;
        line-height: 1;
        margin: 0 0 20px;}
    .timeline .timeline-box:nth-of-type(2n)::before, .timeline .timeline-box:nth-of-type(1n)::before, .steps:before{display: none;}
    #company02 .con{    margin-bottom: 60px;
        padding-bottom: 60px;}
    #company02 .con .clearfix{margin-bottom: 20px;}
    .subTitle h3{font-size: 26px;}
    #company03 .con2 .comp03_txt{padding:0;    margin-bottom: 30px;}
    #company03 .con .comp03_txt p{    font-size: 18px;    margin-bottom: 20px;}
    #company03 .con .comp03_txt ul li{    font-size: 14px;}
    #company03 .con .comp03_txt {
        padding: 0;
        margin-top: 30px;
    }
    #company03 .con1{margin-bottom: 0;}
    #company04 .con iframe{height: 250px !important;}
    .location-li li{    width: 100%;
        float: none;
        padding: 12px 10px;}
    #product01 .sub_menu li, #product02 .sub_menu li{    width: calc(100% / 4);}
    .sub_menu {border-bottom:1px solid #ccd8e0}
    .sub_menu li a{    padding: 10px 0;    font-size: 14px;    border-bottom: 1px solid #f3f7fb;}
    .sub_menu li:nth-of-type(4) a{border-right:1px solid #ccd8e0}
    #product01 .con1 p:first-child, #product02 .con1 p:first-child, #product02 .con1 p:first-child + p{font-size: 15px;}
    #product01 .con2 a img{    height: 200px;
        padding: 20px;}
    #product01 .con2 a p, #product02 .con2 a p{    padding: 10px 0;
        font-size: 15px;}
    #product01 .con2 .clearfix{margin-bottom: 30px;}
    .en#product01 .con1 p:first-child, .en#product02 .con1 p:first-child, .en#product02 .con1 p:first-child + p{    font-size: 16px;
        letter-spacing: -0.03em;}
    .pro01 .sub_nav, .pro02 .sub_nav, .pro03 .sub_nav{display: block;    bottom: -68px;    z-index: 1000;}
    .pro01 .sub_nav li, .pro02 .sub_nav li, .pro03 .sub_nav li{    width: calc(100% / 4);
        float: left;
        display: block;}
    .pro01 .sub_nav li a, .pro02 .sub_nav li a, .pro03 .sub_nav li a{    font-size: 14px;
        background: rgba(19, 107, 187, 1);
        padding: 10px 0;}
    .sub_nav li.active>a{background: #fff;}
    .pro01 .subTitle, .pro02 .subTitle{padding:130px 0 100px}
    .pro03 .subTitle{    padding: 130px 0 70px;}
    .catalog_btn{    padding: 10px 25px;
        width: 120px;
        top: 50px;
        left: 50%;
        transform: translateX(-50%);}
    .pro01 .con1 h5, .pro02 .con1 h5, .pro03 .con1 h5{    font-size: 26px;}
    .pro01 .con2 dl{    min-height: auto;padding: 30px 20px;}
    .pro_inner{    padding: 30px;}
    .pro_inner img{    max-height: 215px;
        padding: 0 15px;}
    .pro_inner .col-md-8{padding:0%}
    .pro_inner p{    font-size: 25px;
        line-height: 1.2;
        margin-top: 30px;}
    .pro_inner p span{    margin-left: 0;
        font-size: 16px;
        display: block;
        margin-top: 5px;}
    .pro_inner ul{    float: none;
        width: 100%;}
    .pro_inner ul li{    font-size: 15px;
        letter-spacing: -0.05em;
        margin-bottom: 7px;}
    .pro_inner ul li span{    font-size: 16px;}
    #product01_2 .con2 dl{min-height: auto;}
    .tab-menu>li{    float: left;
        width: calc(100% / 5);
        margin-left: 0!important;}
    .tab-menu>li a{padding: 12px 0;}
    .pro02 .con .clearfix{margin-bottom: 50px;}
    #product01_4 .tab-menu>li{    width: calc(100% / 3);}
    .pro01 .con1 h5 span, .pro02 .con1 h5 span, .pro03 .con1 h5 span{    display: block;
        margin-left: 0;}
    .pro02 .con1 h5 small{    line-height: 1.4;}
    .use_area p span{    display: block;
        text-align: center;
        margin-bottom: 10px;}
    #product01_5.pro01 .con2 .col-md-7 dl dd{width: 100%;float: none;}
    #product01_5 .pro_inner{    padding: 30px 20px;}
    #product01_5 .pro_inner .col-md-3 p{font-size:15px}
    #product01_5.en .pro_inner .col-md-3 p{font-size:15px}
    .en .pro_inner ul:last-child, .en .pro_inner p+ul, .en .pro_inner ul:first-child{width:100%}
    .pro02 .con h5{    margin: 15px 0 15px;}
    .sub_nav ul{overflow: hidden;
        display: block;}
    #product01 .sub_nav li, #product02 .sub_nav li{    width: calc(100% / 2);}
    #product02 .sub_menu{    border-bottom: none;    border-top: 1px solid #ccd8e0;}
    #product02 .sub_menu li a{    border-bottom: 1px solid #ccd8e0;    border-top: none;}
    #product02 .con2 dl{min-height: auto;}
    #product02 .con2 a img{    height: 140px;padding:20px}
    #product02 .con .clearfix{margin-bottom: 30px;}
    .pro03_inner{margin-top: 50px;}
    #product02_6 .catalog_btn{top:80px  }
    #product02_6 .con2 p{    font-size: 14px;
        padding: 10px 0;
        line-height: 1.2;
        margin-bottom: 20px;}
    #product02_6 .con2 p strong{margin-bottom: 8px;}

    .search_wrap .write_btn_wrap{right: 0;}
    .search_wrap #search_kind, .search_wrap #search_query, .search_wrap #search_btn{    float: left;}
    .search_wrap #search_kind{    width: 25%;}
    .search_wrap #search_query{    width: 60%;}
    .search_wrap #search_btn{    width: 15%;
        padding: 9px 10px;}
    .search_wrap #write_btn{    float: right;
        width: 40%;
        margin-top: 10px;}
    .board_wrapper .table colgroup, .board_wrapper .table tr .num, .board_wrapper .table tr .hits{display: none;}
    .table.table_default tr th, .table.table_default tr td{    font-size: 14px;    padding: 12px;}
    .board_wrapper .table .subject{width:55%}
    .board_wrapper .table .writer{width:20%}
    .board_wrapper .table .regdate{width:25%}
    .board_data_view .header_wrap .title{    font-size: 16px;
        padding: 0 15px;}

    .board_wrapper .table.board_write_table .input-group, .board_wrapper .table.board_write_table .form-control, .board_wrapper .table.board_write_table .input-group.input-group-big, .board_wrapper .table.board_write_table .form-control.form-control-big{ width: 100%;}
    .board_wrapper .text-center .btn.btn-lg{padding-left: 60px;
        padding-right: 60px;}
    #site footer .footer-info dl dd{font-size:13px}
    #site footer .footer-info .f_logo{    margin-bottom: 30px;}
    #site footer .footer-info dl dt{    margin-bottom: 10px;}
    /*en*/
    #main_wrapper.en .slick_con02 .slick_txt span.pro_name{font-size: 16px !important;}
    #main_wrapper.en .slick_txt span.pro_name big{font-size: 30px !important;}
    #company03.en .con2 .comp03_txt{    padding-right: 0;}
    #company03.en .con .comp03_txt p{    font-size: 17px;}
    .en .sub_menu li a, .en .sub_nav li a{font-size:13px}
    #product01.en .sub_menu li:nth-of-type(7) a{padding: 19px 0;}
    .pro01.en .sub_nav, .pro02.en .sub_nav{    bottom: -92px;}
    #product01.en .sub_nav, #product02.en .sub_nav{    bottom: -68px;}
    .pro03.en .sub_nav{    bottom: -125px;}
    .pro01.en .sub_nav li:nth-of-type(7) a, .pro02.en .sub_nav li:nth-of-type(7) a{    padding: 17px 0 16px;}
    .pro01.en .subTitle, .pro02.en .subTitle{    padding: 150px 0 100px;}
    .en .breadcrumb{font-size:10px}
    .en .pro_inner{padding:30px}
    .pro02 .con .table-responsive+p, #product01_7 .con3 .col-md-4 p{        word-break: break-all;}
    .en .subTop h2{        font-size: 29px;
        left: 5%;
        text-align: center;
        right: 5%;
        transform: translateX(0);}
    
    #product02.en .sub_menu li{    width: calc(100% / 3);}
    #product02.en .con2 a p{    font-size: 13px;
        letter-spacing: -0.04em;}
    .pro01.en .con2 dl dt{font-size:22px}
    .pro03.en .sub_nav li, #product02_7.en .sub_nav li{width: calc(100% / 3);}
    #product02.en .sub_menu li:nth-of-type(4) a{border-right: none;}
    #product02.en .sub_menu li:nth-of-type(3) a, #product02.en .sub_menu li:nth-of-type(6) a{border-right:  1px solid #ccd8e0;}
    .pro03.en .subTitle{    padding: 170px 0 70px;}
    .main_con01 .col-md-3 a{    height: 160px;padding: 35px 30px 0px;}
    .main_con01 .col-md-3 a p{    font-size: 20px;}
}