/*상단 메뉴 설정 시작*/
body {
    word-break: break-word;
}
html {
    overflow-x: hidden;
    overflow-y: scroll;
}

.panel.panel-default {
    margin-top: 50px;
}
.panel-body {
    width: 1170px;
    margin: 0 auto;
}
.row.dh-front-list2 .panel-body {
    width: auto;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

/*로고 클릭 영역 및 메뉴 클릭 영역 초기화*/
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand,
:last-child.navbar-right.navbar-nav {
    margin: 0px;
}

/*메인 로고와 메뉴 영역 분리 */
.navbar-header {
    float: none;
    position: absolute;
    top: 20px;
    right: 10px;
    height: 0;
    background-color: #fff;
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .container > .navbar-header {
        margin: 0 auto;
        padding: 0 19%;
        width: auto;
    }
}
.navbar-inverse {
    position: static;
    background: #ffffff; /*배경 색*/
    border: none; /*테두리 색*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 0px 0px 0px 0px; /*외부 여백*/
    border-bottom: 1px solid #d4d4d4;
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-toggle {
        background-color: #160941;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #333333;
    }
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand {
    padding: 15px 5px;
}
.navbar-brand img {
    padding-top: 15px;
}

@media screen and (max-width: 767px) {
    .navbar-brand {
        display: none;
    }
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
li.divider-vertical {
    display: none;
}

ul.nav {
    float: none !important;
    margin: 0 auto !important;
}

@media (min-width: 1200px) {
    ul.nav {
        width: 1000px;
    }
    ul.nav > li {
        width: 165px;
    }
}

.navbar ~ br {
    display: none;
}

.navbar-inverse .navbar-nav > li > a {
    /*background-color:none;          배경 색*/
    color: #160941; /*텍스트 색*/
    font-size: 16px; /*텍스트 크기*/
    font-weight: 600;
    padding: 10px 0; /*내부 여백*/
    margin: 0px 2px 0px 2px; /*외부 여백*/
    text-shadow: none;
}

.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #160941;
}
.navbar-inverse .navbar-collapse {
    background-color: #fff;
    padding-bottom: 10px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    color: #160941;
    background-color: #fff;
    box-shadow: 0 0 0 #000;
    background-image: none;
    background-repeat: no-repeat;
}

.navbar-header {
    display: none;
}

@media screen and (max-width: 767px) {
    .navbar-header {
        display: block;
    }
}

.menu-top {
    margin-bottom: 20px;
    background-color: #ffffff;
    border-top: 11px solid #160941;
    border-bottom: 1px solid #d4d4d4;
}
.menu-top .logo {
    text-align: center;
}
.menu-top .logo a {
    padding-top: 15px;
    display: inline-block;
}
.menu-top .logo img {
}
.menu-top .link {
    padding: 5px 0;
}
.menu-top .link .left img {
    display: inline-block;
}
.menu-top .link .left,
.menu-top .link .right {
    width: 49.5%;
    display: inline-block;
}
.menu-top .link .left {
    text-align: left;
}

.menu-top .link .right {
    text-align: right;
}
@media screen and (max-width: 767px) {
    .menu-top .link .left {
        display: none;
    }
    .menu-top .link .right {
        width: 100%;
        text-align: center;
    }
}
.menu-top .link .left a,
.menu-top .link .left a:focus,
.menu-top .link .left a:hover,
.menu-top .link .right a,
.menu-top .link .right a:focus,
.menu-top .link .right a:hover {
    color: #8b8b8b;
    font-size: 11px;
}
.menu-top .link .right a {
    padding: 0 9px 0 9px;
    border-left: 1px solid #d3d3d3;
}
.menu-top .link .right a:first-child {
    border-left: 0;
}
@media (min-width: 1200px) {
    .menu-top .link {
        width: 1000px;
        margin: -25px auto 0;
    }
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu {
    padding: 0px 0px;
    box-shadow: none;
}
.dropdown-menu > li > a {
    background-color: #ffffff; /*배경 색*/
    color: #444; /*텍스트 색*/
    padding: 10px 20px 10px 20px; /*내부 여백*/
    margin: 0px 0px 0px 0px; /*외부 여백*/
    font-size: 14px;
}
.dropdown-menu > li > a:hover {
    background-color: #160941; /*배경 색*/
    background-image: none;
    color: #fff; /*텍스트 색*/
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: 0;
        right: auto;
    }
}
/* 상단 서브 메뉴 설정 끝*/

/* 상단 메뉴 여백 */
@media screen and (max-width: 767px) {
    .topmarginLay_a {
        height: 0 !important;
    }
    .menu-bottom {
        display: none;
    }
}
@media (min-width: 1200px) {
    .topmarginLay_a {
        display: none;
    }
}

.topmarginLay_a {
    display: none;
}

.menu-bottom ul {
    width: 1000px;
    margin: 0 auto;
    padding-left: 0;
}
.menu-bottom ul li {
    float: left;
    width: 158px;
    margin: 1px 7px 20px 0;
    padding-left: 1px;
    list-style: none;
}
.menu-bottom ul li dt {
    margin-top: 20px;
    font-size: 13px;
    font-weight: 600;
}
.menu-bottom ul li dd {
    margin-top: 4px;
    font-size: 12px;
}

@media (min-width: 1200px) {
    .carousel.slide {
        width: 1900px;
        margin: 0 auto;
    }
}

/* 하단 카피라이트 설정 시작*/
body > .navbar-fixed-bottom .text-center {
    background: #ffffff; /*배경 색*/
    color: #999999; /*텍스트 색*/
    font-size: 14px; /*텍스트 크기*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 0px 0px 0px 0px; /*외부 여백*/
    text-align: center; /*텍스트 정렬*/
}
.footer_copy .text-center {
    background: #a7a7aa; /*배경 색*/
    color: #ffffff; /*텍스트 색*/
    font-size: 13px; /*텍스트 크기*/
    padding: 30px 0px 10px 0px; /*내부 여백*/
    margin: 0px 0px 0px 0px; /*외부 여백*/
    text-align: left; /*텍스트 정렬*/
}
.foo-bottom .link {
    margin-bottom: 10px;
}
.foo-bottom .link span {
    padding: 5px 10px;
    line-height: 22px;
    background: #909091;
}
@media screen and (max-width: 767px) {
    .foo-bottom .link span {
        display: block;
        margin: 1px 0;
    }
}
.foo-bottom .link span a,
.foo-bottom .link span a:focus,
.foo-bottom .link span a:hover {
    color: #cccccd;
}
.foo-bottom strong {
    color: #000000;
}
.foo-bottom .addr > span > span {
    margin-left: 10px;
}
.foo-bottom a {
    color: #fff;
    text-decoration: underline;
}
@media (min-width: 1200px) {
    .foo-bottom {
        margin: 0 auto;
        width: 1000px;
    }
}
@media screen and (max-width: 767px) {
    .foo-bottom .addr {
        padding: 0 30px;
    }
    .foo-bottom .addr span {
        display: block;
    }
}
/* 하단 카피라이트 설정 끝*/

/*인트로 텍스트 설정 시작*/
h1.intro_span {
    background-color: none; /*배경 색*/
    color: #ffffff; /*텍스트 색*/
    font-size: 36px; /*텍스트 크기*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 10px 10px 10px 10px; /*외부 여백*/
}

p.intro_span {
    background-color: none; /*배경 색*/
    color: #ffffff; /*텍스트 색*/
    font-size: 14px; /*텍스트 크기*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 10px 10px 10px 10px; /*외부 여백*/
}

.flex-caption span.intro-title {
    background: none; /*배경 색*/
    color: #ffffff; /*텍스트 색*/
    font-size: 36px; /*텍스트 크기*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 10px 10px 10px 10px; /*외부 여백*/
}
.flex-caption span.intro-text {
    background: none; /*배경 색*/
    color: #ffffff; /*텍스트 색*/
    font-size: 14px; /*텍스트 크기*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 10px 10px 10px 10px; /*외부 여백*/
}
.fill {
    width: 100%;
    height: 480px;
}

.fill h1 span {
    display: inline-block;
    opacity: 1;
    background: none;
    text-shadow: none;
    text-align: left;
    font-size: 70px;
    font-family: "helvetica";
    font-weight: 900;
    color: #ef950f;
    line-height: 68px;
    padding: 0;
}

.fill p {
    padding-left: 30px;
    text-align: left;
    text-indent: -10px;
}

.fill p span {
    background: none;
    opacity: 1;
    text-shadow: none;
    color: #919187;
}

/*main slide caption position*/
.carousel-caption {
    top: 34%;
    right: auto;
    bottom: auto;
}
@media (min-width: 1200px) {
    .carousel-caption {
        left: 19%;
    }
}
/*인트로 텍스트 설정 끝*/

/*content Proudct part*/
.product-wrap {
    width: 1170px;
    margin: 0 auto;
    padding: 10px 0 0;
    margin-bottom: 40px;
}
.product-wrap .product-title {
    margin: 50px 0 40px;
    padding-bottom: 15px;
    border-bottom: 1px solid #777;
    position: relative;
}
.product-wrap .product-title h1 {
    font-size: 34px;
    float: left;
    display: inline-block;
    margin: 0;
}
.product-wrap .product-title h3 {
    font-size: 21px;
    font-weight: 700;
}
.product-wrap .product-title p {
    font-size: 18px;
    color: #909090;
    display: inline-block;
    padding-left: 20px;
    padding-top: 15px;
    margin: 0;
}
.product img {
    display: inline-block;
    position: absolute;
    right: 0;
}
.product-top {
    max-height: 260px;
    overflow: hidden;
}
.product-top img {
    width: 100%;
}
.product-top,
.product-exp {
    position: relative;
}
.product-top .product-hover {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.product-hover p {
    padding: 100px;
    text-align: center;
}
.product-hover p i {
    color: #fff;
}

.product-list .col-md-3:nth-child(1) .product-top a:focus .product-hover,
.product-list .col-md-3:nth-child(1) .product-top a:hover .product-hover,
.product-list .col-md-3:nth-child(2) .product-top a:focus .product-hover,
.product-list .col-md-3:nth-child(2) .product-top a:hover .product-hover,
.product-list .col-md-3:nth-child(3) .product-top a:focus .product-hover,
.product-list .col-md-3:nth-child(3) .product-top a:hover .product-hover,
.product-list .col-md-3:nth-child(4) .product-top a:focus .product-hover,
.product-list .col-md-3:nth-child(4) .product-top a:hover .product-hover {
    visibility: visible;
    background: rgba(0, 0, 0, 0.3);
}

.product-list .product-hover {
    visibility: hidden;
}

.product-list .product-exp .btn {
    padding: 10px 12px;
    background: #ef950f;
    color: #fff;
    width: 158px;
    height: 48px;
    font-size: 20px;
    border-radius: 2px;
}
.product-exp {
    background: #fff;
}
.product-exp div.text-center {
    position: absolute;
    top: -25px;
    width: 100%;
    z-index: 999;
}

.product-exp .text-center ~ p {
    padding: 50px 20px 40px;
    color: #444;
    line-height: 20pt;
    font-size: 15px;
}

/*main page board part*/
.col-sm-12.intro-boardbox .page-header {
    padding-bottom: 10px;
    margin: 40px 0 15px;
    border-bottom: 1px solid #aaaaaa;
}
.col-sm-12.intro-boardbox .panel-body {
    padding: 30px 15px;
}

.intro-boardbox > .page-header > h4 > .btn {
    color: rgba(0, 0, 0, 0);
}
.intro-board-widget-layout .intro-boardbox .page-header h4 {
    font-weight: 700;
    font-size: 34px;
    color: #444444;
}

.dh-front-list2-words .row-separator {
    visibility: hidden;
}

.dh-front-list2-words .list-row-regdate {
    color: #ef950f;
}
.dh-front-list2 h6 a,
.dh-front-list2 h6 a span {
    font-size: 16px;
    font-weight: 600;
    color: #444444;
}
.dh-front-list2 h5 a {
    font-size: 13px !important;
    line-height: 18pt;
    font-weight: 400;
}

.board-gadget-wrap {
    padding-top: 43px;
    padding-left: 50px;
}
.board-gadget-wrap div.col-md-12 {
    padding-bottom: 20px;
}
.board-gadget-wrap .board-gadget {
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 30px 20px;
    background: #eee;
}
.board-gadget-wrap .board-gadget h3 {
    color: #444444;
    font-size: 28px;
    margin-bottom: 18px;
}
.board-gadget-wrap .board-gadget p {
    color: #444444;
    font-size: 15px;
    line-height: 18pt;
}
.board-gadget-wrap .board-gadget img {
    margin-top: 35px;
}
.board-gadget-wrap .board-gadget h2 {
    margin: 0;
    font-size: 44px;
    letter-spacing: -1pt;
    color: #ef950f;
}

.board-gadget-wrap .board-gadget p a.btn {
    border: 1px solid #ef950f;
    padding: 10px 50px;
    color: #ef950f;
    font-weight: 600;
    font-size: 18px;
    border-radius: 2px;
}
.board-gadget-wrap .board-gadget p a.btn:hover {
    border-bottom: 1px solid #ef950f !important;
}

.intro-board-widget-layout .intro-boardbox:nth-child(1),
.intro-board-widget-layout .intro-boardbox:nth-child(2) {
    width: 50%;
}

/*footer part*/
.footer-wrap {
    padding: 23px 0;
}

.footer-wrap .footer-navi {
    text-align: left;
}

.footer-wrap .col-md-3 {
    padding-left: 0;
}
.footer-navi ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-navi ul li {
    float: left;
    padding-right: 10px;
}
.footer-navi ul li:last-child {
    border-left: 1px solid #ddd;
    padding-left: 10px;
}
.footer-navi ul li a {
    color: #8a8a8a;
}
.footer-navi p,
.footer-navi p a {
    color: #707070;
    font-size: 12px;
}

/*sub page*/
.top-sub-bg {
    background: url("/skin/img/slide/sliderImg.jpg") no-repeat;
    background-position: center;
    width: 100%;
    height: 320px;
    position: relative;
}
.top-sub-bg > div {
    position: absolute;
    bottom: 80px;
    left: 19%;
    width: 1170px;
}
.top-sub-bg .breadcrumb {
    padding: 0 15px;
    margin-left: 20px;
    margin-top: 38px;
    float: left;
}

.top-sub-bg h2 {
    background-position: 0 7px;
    color: #ef950f;
    font-size: 48px;
}

.top-sub-bg .breadcrumb {
    background: #fff;
    color: #585858;
}

.top-sub-bg .breadcrumb > li {
    font-size: 12px;
}

.top-sub-bg .breadcrumb > li + li::before {
    content: "|";
}

.top-sub-bg .breadcrumb > .active {
    color: #ff00de;
    font-weight: 700;
}

.content {
    font-size: 15px;
}

.content h2 {
    margin-top: 70px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
    padding-left: 90px;
    font-size: 33px;
}

.content .content-sub,
.content .sub-bg {
    padding: 70px;
}

.content .sub-bg {
    width: 100%;
    height: 900px;
    position: relative;
    margin: 50px 0;
    background: url("/skin/img/c_bg01.png") no-repeat;
    background-size: contain;
    background-position: center;
}

.content .sub-bg .sub-content {
    width: 25%;
    word-break: keep-all;
    text-align: center;
    color: #fff;
}

.content .sub-bg .sub-content:nth-child(1),
.content .sub-bg .sub-content:nth-child(2),
.content .sub-bg .sub-content:nth-child(3) {
    position: absolute;
}

.content .sub-bg .sub-content:nth-child(1) {
    top: 200px;
    right: 340px;
}
.content .sub-bg .sub-content:nth-child(2) {
    top: 335px;
    left: 244px;
}

.content .sub-bg .sub-content:nth-child(3) {
    right: 320px;
    bottom: 251px;
}

/*mobile part*/
@media all and (min-width: 768px) {
    .footer-wrap {
        width: 750px;
        margin: 0 auto;
    }
}
@media all and (min-width: 992px) {
    .footer-wrap {
        width: 970px;
        margin: 0 auto;
    }
}
@media all and (min-width: 1200px) {
    .footer-wrap {
        width: 1170px;
        margin: 0 auto;
    }
}

@media all and (max-width: 920px) {
    .intro-board-widget-layout .intro-boardbox:nth-child(1),
    .intro-board-widget-layout .intro-boardbox:nth-child(2) {
        width: 100%;
    }
    .board-gadget-wrap {
        padding-left: 0;
    }
    .board-gadget .col-md-8 {
        text-align: center;
    }
}

/* nav 수정 시작 */
.basic_tab {
    overflow: hidden;
    list-style: none;
}
.basic_tab li {
    float: left;
}
.basic_tab li a {
    display: inline-block;
    width: 120px;
    padding: 14px 0;
    font-size: 14px;
    color: #fff;
    background-color: #9c9c9c;
    margin-right: 1px;
    font-weight: bold;
    text-align: center;
}
.basic_tab li.active a {
    width: 178px;
    background: #193ba3;
}
/* nav 수정 끝 */

/* ONLINE BROCURE */
.brocure {
    background-color: #000;
}
.brocure.product-title {
    border-bottom: 1px solid #fff;
}
.brocure h1,
.brocure h3,
.brocure p {
    color: #ffffff;
}
.brocure h1 {
    font-size: 34px;
    float: left;
    display: inline-block;
    margin: 0;
}
.brocure p {
    font-size: 18px;
    color: #909090;
    display: inline-block;
    padding-left: 20px;
    padding-top: 15px;
    margin: 0;
}
.brocure img {
    display: inline-block;
    position: absolute;
    right: 0;
}

.intro-widgetbox > .dh-front-gallery {
    padding: 0;
}

.row.dh-front-gallery.thumbs.intro-widgetBoardbox {
    width: 1170px;
    margin: 0 auto;
}

.dh-front-gallery a:hover {
    border: none;
}

.dh-front-gallery .thumbnail {
    border: none;
    border-radius: 0;
}
/* //ONLINE BROCURE */

.caret {
    display: none;
}

/*.body-layout > .container {width: 100%;}*/

.intro-board-layout.col-sm-8 {
    display: none;
    width: 1170px;
    left: 50%;
    margin-left: -585px;
    padding-bottom: 40px;
}

a.btn.pull-right {
    background: url("/skin/img/btn-more1.png") no-repeat;
}

.socialArea {
    margin: 10px 0;
}

/* 서브 페이지 */
.sub-wrap {
    width: 1170px;
    margin: 0 auto;
}

.bbs-list-index-layout.text-bbs5 .dh-board {
    width: 1170px;
    margin: 0 auto;
    margin-top: 50px;
}
.bbs-list-index-layout.text-bbs5 .btn.btn-primary#btnNew {
    background-color: #ef950f;
    background-image: none;
    border-color: #ef950f;
}

.dh-view-box.dh-margin-topx2 {
    width: 1170px;
    margin: 0 auto;
    margin-top: 50px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #212969;
    border-color: #212969;
}

.form-horizontal {
    width: 1170px;
    margin: 0 auto;
}

.contact-location-only-layout .row.google {
    width: 1170px;
    margin: 0 auto;
    padding-top: 10px;
}

/* 서브 페이지 */
.intro-board-widget-layout {
    width: 1000px;
    margin: 0 auto 40px;
}

@media screen and (max-width: 767px) {
    .intro-board-widget-layout {
        width: 100%;
    }
}

.intro-widget-layout {
    width: 100%;
}
.intro-widgetBoardbox > a > h5,
.widget-bottom > h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #160941;
    font-size: 15px;
    font-weight: 600;
}
.intro-widgetbox,
.widget-bottom {
    margin-top: 35px;
    width: 33%;
    display: inline-block;
}
.intro-widgetbox {
    padding-right: 0;
    border-bottom: 0;
}
.intro-widgetBoardbox {
    border: 0;
    background: #ffffff !important;
}
.intro-widgetBoardbox > a {
    padding: 0;
    border-bottom: 0;
    background: #ffffff;
}
.intro-widgetBoardbox > a:hover {
    padding-right: 0;
    border-bottom: 0 !important;
}

.intro-widgetBoardbox > a > h5 > .fa-angle-right:before {
    content: url("/skin/img/plus_site.gif");
}
.intro-widget-list-box > ul {
    padding: 10px 0;
}
.intro-widget-list-box > ul > li {
    padding: 0;
}
.widget-bottom {
    position: relative;
    padding-left: 50px;
}
.widget-bottom.center {
    background: url("/skin/img/bg_widget_bottom1.jpg") no-repeat bottom right;
}
.widget-bottom.right {
    background: url("/skin/img/bg_widget_bottom2.jpg") no-repeat top right;
}
.widget-bottom .line {
    width: 40px;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #160941;
}
.widget-bottom .plus_site {
    top: 10px;
    right: 0;
    position: absolute;
}
.widget-bottom .text {
    color: #555555;
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    .intro-widgetbox,
    .widget-bottom {
        width: 100%;
    }
    .widget-bottom {
        padding: 0 15px;
    }
    .widget-bottom.center {
        background: none;
    }
    .widget-bottom.right {
        background: none;
    }
}
/* sub custom */
.sub-layout {
    max-width: 1170px;
}
.sub-layout p {
    font-size: 13px;
    line-height: 1.7;
}
/* left section */
.left-section {
    padding: 0 0 100px 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.left-section .left-top {
    background: url(/skin/img/sub/left_top_bg.gif);
    background-repeat: no-repeat;
    background-size: 100%;
    text-align: center;
    color: #fff;
    padding: 52px 0;
}
.left-section .left-top h3 {
    margin: 0;
    font-size: 27px;
    font-weight: 400;
}
.left-section .left-top span {
    font-size: 11px;
    color: #93a5de;
}
.left-middle {
    padding: 0;
}
.left-middle .sub_link {
    list-style-type: none;
    padding: 0;
}
.left-middle .sub_link > li > a {
    font-size: 16px;
    color: #333333;
    padding: 13px 0 13px 30px;
    border-bottom: 1px solid #ddd !important;
    display: block;
}
.left-middle .sub_link > li > .active {
    color: #212969;
    font-weight: 600;
}
.left-middle .sub_link2 {
    list-style-type: none;
    padding: 16px 0 20px 35px;
    line-height: 1.8;
    background-color: #f3f3f3;
    border-bottom: 1px solid #ddd;
}
.left-middle .sub_link2 a {
    color: #333333;
    font-size: 12px;
}
.left-middle .sub_link2 .active {
    color: #212969;
    font-weight: 600;
}
.left-bottom .cont-title {
    font-size: 15px;
    color: #160941;
    display: inline-block;
}
.left-bottom .more {
    background-image: url(/skin/img/plus_site.gif);
    background-repeat: no-repeat;
    background-position: right;
}
.left-bottom .more > span {
    display: none;
}
.left-bottom .line {
    width: 45px;
    height: 1px;
    background-color: #160941;
    margin-bottom: 15px;
}
.left-bottom .cont-text {
    font-size: 12px;
    color: #777777;
}

/* right section*/
.right-section {
    padding-left: 44px;
}
.right-section-01 {
    background: url(/skin/img/sub/sub_top_bg.jpg) no-repeat;
    background-position: right top;
    background-size: 60% auto;
}
.right-section-02 {
    background: url(/skin/img/sub/sub_top_bg2.jpg) no-repeat;
    background-position: right top;
    background-size: 60% auto;
}
.right-section-03 {
    background: url(/skin/img/sub/sub_top_bg3.jpg) no-repeat;
    background-position: right top;
    background-size: 60% auto;
}
.right-section-04 {
    background: url(/skin/img/sub/sub_top_bg4.jpg) no-repeat;
    background-position: right top;
    background-size: 60% auto;
}
.right-section-05 {
    background: url(/skin/img/sub/sub_top_bg5.jpg) no-repeat;
    background-position: right top;
    background-size: 60% auto;
}
.right-section-06 {
    background: url(/skin/img/sub/sub_top_bg6.jpg) no-repeat;
    background-position: right top;
    background-size: 60% auto;
}
@media screen and (max-width: 767px) {
    .right-section-01 {
        background: transparent;
    }
    .right-section-02 {
        background: transparent;
    }
    .right-section-03 {
        background: transparent;
    }
    .right-section-04 {
        background: transparent;
    }
    .right-section-05 {
        background: transparent;
    }
    .right-section-06 {
        background: transparent;
    }
}

.sub-top {
    padding: 50px 0;
}
.sub-top h2 {
    margin: 0;
    font-size: 35px;
}
.sub-top .navigation {
    background: url(/skin/img/sub/home_ico.gif);
    background-repeat: no-repeat;
    padding-left: 13px;
    font-size: 11px;
    margin: 15px 0;
}
.sub-top .navigation span {
    padding: 0 15px;
    border-right: 1px solid #ccc;
}
.sub-top .navigation span:last-child {
    border-right: transparent;
}
.sub-top .navigation .active {
    font-weight: 600;
}
.sub-top .title-copy h3 {
    margin-top: 40px;
    font-size: 35px;
    font-weight: 400;
    line-height: 1.2;
    color: #212969;
}
.sub-top .title-copy p {
    margin-top: 20px;
    font-size: 13px;
    color: #777777;
}
.sub-top .title-copy .big-text {
    font-size: 20px;
    line-height: 1.3;
    color: #555555;
}
/* contetn area */
.content_area .line2 {
    height: 2px;
    width: 35px;
    background: #212969;
    margin-bottom: 12px;
}
.content_area .sub_content_title {
    margin: 0 0 17px 0;
}
.content_area > div {
    padding: 0;
    margin-bottom: 30px;
}
.content_area > div > div {
    padding: 0;
}
.content_area ul {
    padding-left: 0;
    list-style-position: inside;
}
.content_area ul li {
    font-size: 13px;
    padding: 5px 0;
    color: #555555;
}
/* table */
table tr > th:last-child {
    border-right: transparent;
}
table tr > td:last-child {
    border-right: transparent;
}

/* history */
#history table {
    width: 100%;
}
#history table tr th {
    padding-right: 25px;
}
#history table tr td {
    padding: 5px 0;
    vertical-align: top;
}

/* business */
#business1_05 .borad_zone th,
#business1_05 .borad_zone td {
    text-align: left;
    padding: 13px 5px 10px 13px;
}
.margin-30 {
    margin: 30px 0;
}

/* sitemap*/
#sitemap ul > li > a {
    color: #333;
}
#sitemap div > ul > li > a {
    font-size: 15px;
}
#sitemap div > ul > li > ul {
    list-style-type: none;
}
#sitemap div > ul > li > ul > li > a {
    font-size: 12px;
    color: #555;
}
.bg_pink {
    background-color: #fffafd;
}
.bg_blue {
    background-color: #f6f8fc;
}

/* modal */
@media (min-width: 768px) {
    .modal-dialog {
        margin: 300px auto;
    }
}
.e-mail-modal {
    margin: 0 auto;
    width: 400px;
    color: #333;
    line-height: 1.7;
}
.e-mail-modal > .modal-header {
    background-color: #212969;
    color: #fff;
}
/* Puella Custom */

.col-md-12.cont.cont1 {
    background: url("/skin/img/bg_widget_bottom1.jpg");
    background-repeat: no-repeat;
    background-position: 100% 90%;
}

.col-md-12.cont.cont2 {
    background: url("/skin/img/bg_widget_bottom2.jpg");
    background-repeat: no-repeat;
    background-position: 100% 90%;
    padding-bottom: 75px;
}

.footer-social-layout {
    display: none;
}

.cont-plus-btn {
    cursor: pointer;
    margin-top: 9px;
}

.contact_us_box {
    padding: 30px 100px;
    background: #eee;
    border-top: 3px solid #160941;
    margin-bottom: 20px;
}

.contact_us_box > textarea {
    padding: 20px;
    border-radius: 0;
    background: #fff !important;
    cursor: default !important;
    resize: none;
}

@media (max-width: 767px) {
    .contact_us_box {
        padding: 30px 30px;
        background: #eee;
        border-top: 3px solid #160941;
        margin-bottom: 20px;
    }

    .contact_us_box > textarea {
        padding: 10px;
        border-radius: 0;
        background: #fff !important;
        cursor: default !important;
        resize: none;
    }
}
/* Puella Custom Owari */

/* quality */
.sub-box {
    margin-top: 30px;
}
.sub-box-btn {
    background-color: #193ba3;
    color: #fff;
    text-align: center;
    padding: 8px 5px;
    margin-top: 15px;
}

.img-border {
    border: 1px solid #ddd;
}

.borad_zone {
    border-top: 3px solid #193ca3;
    width: 100%;
}
.borad_zone th {
    padding: 13px 5px 10px 5px;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    background: #f7f7f7;
    font-size: 12px;
    color: #000;
    text-align: center;
    font-weight: bold;
}
.borad_zone td {
    padding: 11px 5px 10px 5px;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    text-align: center;
    font-size: 12px;
    color: #777;
}
.borad_zone th.last {
    border-right: 0;
}
.borad_zone td.last {
    border-right: 0;
}

.quality3 {
    margin: 30px 0 60px;
}

div#q-material {
    margin-top: 20px;
}
div#q-nde {
    margin-top: 20px;
}
li.q04-li {
    width: 50%;
    float: left;
}

.tab-content-box {
    padding: 50px 0;
    border-bottom: 1px dashed #ddd;
}

.nde {
    background-color: #f9f9f9;
    border: #d4d4d4 1px solid;
    padding: 30px 20px 20px;
}
.nde-mgt20 {
    list-style: none;
    margin-top: 20px;
}
.nde-p {
    color: #555;
    margin-top: 25px;
}
.nde ul {
    padding-left: 59px;
    overflow: hidden;
}
.nde ul li {
    float: left;
    width: 33.3%;
    color: #777;
    font-weight: bold;
}
.nde ul li span {
    font-size: 12px;
    color: #ffffff;
    background-color: #9c9c9c;
    display: inline-block;
    width: 22px;
    text-align: center;
    padding-top: 5px;
    margin-right: 7px;
}

.factory {
    margin: 30px 0 60px;
    color: #555;
}

.recruit2 {
    background: url("/skin/img/sub/recruit/06_02Bg.gif");
    background-position: right bottom;
    background-repeat: no-repeat;
}

.dh-popup img {
    max-width: 450px;
}