/* 웹폰트 Import */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

:root {
    --orange: #ea8200;
    --green: #0bac3a;
    --blue: #0057e5;
}

/* 스크롤 설정 */
html {
    overflow-x: hidden;
    overflow-y: scroll;
}

body {
    background-color: #fff;
}

/* 폰트 설정 */
* {
    font-family: "Noto Sans KR", "Malgun Gothic", sans-serif !important;
    word-break: keep-all;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: "Noto Sans KR", "Malgun Gothic", sans-serif !important;
}

.fa {
    font-family: "FontAwesome" !important;
}

.glyphicon {
    font-family: "Glyphicons Halflings" !important;
}

ol,
ul,
li {
    list-style: none;
}

/* 메뉴 설정 시작 */
.navbar-inverse {
    background: rgba(0, 0, 0, 0);
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    position: absolute;
    top: auto;
}

.navbar-inverse .divider-vertical {
    display: none;
}

.navbar ~ br {
    display: none;
}

.topmarginLay_a {
    display: none;
}

/*===== 로고 설정 =====*/
.navbar-inverse .navbar-brand {
    padding: 20px 15px;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.navbar-inverse .navbar-brand img {
    width: 145px;
    margin-top: 0;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #333;
    background-color: rgba(0, 0, 0, 0);
}

/*===== 메인 메뉴 설정 =====*/
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    letter-spacing: -0.2px;
    padding: 10px 0 12px;
    margin: 25px 25px 10px;
    border: none !important;
    position: relative;
}

.navbar-inverse .navbar-nav > li > a .caret {
    visibility: hidden;
    position: absolute;
    display: block;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-left: 4px solid rgba(0, 0, 0, 0);
    color: var(--orange);
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    background: rgba(0, 0, 0, 0);
    font-weight: 500;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border: none !important;
}

.navbar-inverse .navbar-nav > li:hover > a,
.navbar-inverse .navbar-nav > li:focus > a {
    font-weight: 500;
    border: none !important;
}

.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > li:hover > a .caret,
.navbar-inverse .navbar-nav > li:focus > a .caret {
    visibility: visible;
}

/*===== 서브 메뉴 설정 =====*/
.navbar-inverse .dropdown-menu {
    background: #2c2828;
    left: 50% !important;
    transform: translateX(-50%);
    right: inherit !important;
    padding: 20px 0;
    margin: 0;
    border-radius: 0;
    border: none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    min-width: 200px;
}

.navbar-inverse .dropdown-menu > li > a {
    color: #fff;
    padding: 6px 30px;
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    letter-spacing: -0.05em;
}

.navbar-inverse .dropdown-menu > li > a:focus,
.navbar-inverse .dropdown-menu > li > a:hover {
    background: none;
    color: #fff;
    font-weight: 600;
}

/*===== 모바일 메뉴 설정 =====*/
.navbar-toggle {
    background: var(--orange);
    border-radius: 0;
    border: none;
    margin: 20px 20px 0;
    padding: 10px 10px;
}

@media screen and (max-width: 991px) {
    .navbar-inverse .navbar-brand {
        margin: 35px 0 0;
        padding: 0;
    }

    .navbar-brand img {
        width: 170px;
    }

    .navbar-inverse .navbar-nav > li > a {
        font-size: 15px;
        margin: 20px 0px 15px 0px;
        padding: 10px 15px;
    }
}

@media screen and (max-width: 767px) {
    .navbar-inverse > div {
        padding: 0;
    }

    .navbar-inverse > div .navbar-header {
        margin: 0 0 13px;
    }

    .topmarginLay_a {
        height: 64px !important;
    }

    .navbar-inverse .navbar-brand {
        margin: 13px 0 0;
    }

    .navbar-brand img {
        margin: -5px 0 0 15px;
    }

    .navbar-top > div > a {
        margin: 5px 20px 0;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #fff !important;
        font-size: 14px;
        font-weight: 300 !important;
        text-align: center;
        margin: 0;
        padding: 14px 30px;
    }

    .navbar-inverse .navbar-nav > li > a .caret {
        bottom: 5px;
    }

    .navbar-nav .open .dropdown-menu {
        padding: 0;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > .open > a:hover {
        color: #333 !important;
        border: none !important;
        margin: 0 0 0;
        background: #f7f7f7;
    }

    .navbar-inverse .navbar-collapse .navbar-nav {
        margin: 0;
        background: #000;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
        background: var(--orange);
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu > li > a {
        padding: 10px 15px 10px 25px;
    }
}

/* //메뉴 설정 끝 */

/* 푸터 설정 시작 */
.footer-social-layout {
    display: none;
}

.footer_copy > div {
    padding: 0;
    float: none;
    background: #f9f9f9;
}

.footer_inner {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    text-align: left;
}

.footer_top {
    /*border-top: 1px solid #e6e6e6;*/
    padding: 30px 15px 0px;
    margin: 0 0 10px;
}

.footer_top dl {
    color: #333333;
    font-size: 13px;
    letter-spacing: -0.05em;
    margin: 0 0 15px;
}

.footer_top dl dt {
    float: left;
    width: 85px;
    font-weight: 400;
    border-right: 1px solid #ccc;
    margin-right: 12px;
}

.footer_top dl dd {
    color: #777777;
}

.footer_bottom {
    padding-bottom: 15px;
}

.footer_bottom p {
    margin: 0;
    padding: 0 15px;
    color: #555555;
    font-size: 13px;
    letter-spacing: -0.03em;
}

@media screen and (max-width: 991px) {
    .footer_top {
        padding: 25px 15px 15px;
    }

    .footer_bottom {
        padding: 0 15px;
    }
}

.footer_copy .text-center {
    background: #2b2b2b;
    border-top: 1px solid #eeeeee;
    color: #a5a3a3;
    font-size: 12px;
    text-align: left;
    padding: 30px 0 10px;
    margin: 0;
}

.footer-top {
    width: 1170px;
    margin: 0 auto 10px;
    padding: 0 15px;
}

.footer-top ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

.footer-top ul li {
    float: left;
    display: inline-block;
}

.footer-top ul li a {
    color: #e8e8e8;
    font-size: 13px;
    margin-right: 30px;
}

.footer-middle {
    width: 1170px;
    margin: 0 auto 20px;
    padding: 0 15px;
}

.footer-middle ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    line-height: 1.6;
}

.footer-middle ul li {
    float: left;
    display: inline-block;
}

.footer-middle ul li span:after {
    content: "|";
    color: #4a4a4a;
    padding: 0 8px 0;
}

.footer-bottom {
    width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

.footer-bottom p {
    display: inline-block;
    width: 100%;
}

/* //푸터 설정 끝 */

/* 슬라이드 설정 시작 */
.container_contents {
    width: 100%;
    padding: 0;
}

.carousel-inner {
    /*height:600px;*/
    /*height:38vw;*/
    position: relative;
    background-color: #000;
}

.carousel-control.right,
.carousel-control.left {
    top: 90px;
}

.carousel-inner::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/skin/img/default/visual_cover.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    z-index: 0;
}
.carousel-inner img {
    filter: brightness(0.5);
}
.carousel-control {
    position: absolute;
    z-index: 1200;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    width: 45px;
    height: 45px;
    filter: invert(1) contrast(100) opacity(0.85);
    opacity: 1;
}

.glyphicon-chevron-left:before {
    content: url("/skin/img/slide/sl_ico_pre.png");
}

.glyphicon-chevron-right:before {
    content: url("/skin/img/slide/sl_ico_next.png");
}

.carousel-inner > .item {
    width: 100%;
    height: 100%;
}

.carousel-caption {
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    margin-inline: auto;
    padding: 0;
    margin: -45px 0 0;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.carousel-caption h3 {
    margin: 0 0 35px;
    color: #fff;
    font-size: 54px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 52px;
    letter-spacing: 0.035em;
}

.carousel-inner h4 {
    font-weight: 300;
    line-height: 34px;
    font-size: 20px;
    margin: 0;
    letter-spacing: -0.3px;
}

.carousel-caption h3 span {
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 0.03em;
}

@media screen and (max-width: 991px) {
    .carousel-inner {
        height: 280px;
    }

    .carousel-caption {
        margin: -40px 0 0;
    }

    .carousel-caption h3 {
        font-size: 30px;
        line-height: 35px;
    }

    .carousel-caption h3 span {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .carousel-inner > .item > a > img,
    .carousel-inner > .item > img {
        height: 100%;
        max-width: none;
    }

    .carousel-control,
    .carousel-control.right,
    .carousel-control.left,
    .carousel-control:hover,
    .carousel-control:focus {
        display: none;
    }
    .carousel-caption {
        width: 100%;
    }

    .carousel-caption h3 {
        font-size: 25px;
    }

    .carousel-inner h4 {
        font-size: 14px;
    }
}

/* //슬라이드 설정 시작 */

/* 메인페이지 설정 시작 */
/*===== 메인페이지 HTML 영역 설정 =====*/

/*=====----- 사업분야 -----=====*/
.biz_wrap {
    background: #f1f1f1;
    padding: 40px 0 10px;
}

.biz_inner {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

.biz_box_col {
    margin-bottom: 30px;
    height: 170px;
    overflow: hidden;
}

.biz_box_col .img {
    float: left;
    width: 60%;
    overflow: hidden;
    position: relative;
    border-radius: 0px;
    z-index: 1;
}

.biz_box_col .img img {
    transform: translate3d(0px, 0px, -1000px);
    transition: ease-in-out 0.3s all;
    -webkit-transition: ease-in-out 0.3s all;
    -ms-transition: ease-in-out 0.3s all;
    -moz-transition: ease-in-out 0.3s all;
}

.biz_box_col:hover .img img {
    transform: translate3d(0px, 0px, -1000px) scale(1.1, 1.1);
}

.biz_box_col .des {
    float: left;
    width: 40%;
    height: 100%;
    border-radius: 0px;
    position: relative;
    padding: 15px 20px;
    background: #444;
    z-index: 2;
}

.biz_box_col .des h3 {
    margin: 0;
}

.biz_box_col .des h3 a {
    color: var(--orange);
    font-size: 11px;
    font-weight: 400;
}

.biz_box_col .des p.copy {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    word-break: break-word;
    margin: 10px 0 0;
    letter-spacing: -0.04em;
}

.biz_box_col .des a:hover {
    text-decoration: none;
}

.biz_box_col .des p.biz_btn {
    padding: 0;
}

.biz_box_col .des p.biz_btn a {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    position: absolute;
    bottom: 25px;
}

.biz_box_col .des p.biz_btn a:after {
    content: ">";
    margin-left: 8px;
}

.biz_box_col:hover .des {
    background: var(--orange);
}

.biz_box_col:hover .des h3 a,
.biz_box_col:hover .des p.copy,
.biz_box_col:hover .des p.biz_btn a {
    color: #fff;
}

.biz_box1 .img,
.biz_box3 .img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.biz_box1 .des,
.biz_box3 .des {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

.biz_box1 .des img,
.biz_box3 .des img {
    position: absolute;
    top: 45px;
    left: -19px;
}

.biz_box2 .img,
.biz_box4 .img {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

.biz_box2 .des,
.biz_box4 .des {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
}

.biz_box2 .des img,
.biz_box4 .des img {
    position: absolute;
    top: 45px;
    right: -19px;
}

.biz_box_col .des img.img-hover {
    visibility: hidden;
}

.biz_box_col:hover .des img.img-hover {
    visibility: visible;
}

.biz_box_col:hover .des img.img-visible {
    visibility: hidden;
}

@media screen and (max-width: 991px) {
    .biz_box_col {
        padding: 0 5px;
        margin-bottom: 10px;
        height: 155px;
    }

    .biz_box_col .img {
        height: 155px;
    }

    .biz_box_col .des {
        height: 155px;
        padding: 14px 25px 20px;
    }

    .biz_box_col .des h3 {
        margin: 0 0 5px;
    }

    .biz_box_col .des h3 a {
        font-size: 18px;
    }

    .biz_box_col .des p.copy {
        font-size: 14px;
        line-height: 20px;
    }

    .biz_box_col .des p.biz_btn a {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .biz_box_col {
        width: 100%;
    }
}

/* ---------- 사업분야 박스 ---------- */
.main-con > div,
.main-con .tab-wrap {
    padding: 0;
}

.main-con .tab-wrap > div {
    padding: 0;
    width: 33.333333%;
}

.main-con .tab-wrap .tab-con {
    z-index: 1;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -25px;
}

#banner_wrap {
    position: relative;
}

#banner_wrap .left_btn {
    position: absolute;
    left: 0;
    top: 50%;
    margin: -26px 0 0;
}

#banner_wrap .right_btn {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -26px 0 0;
}

#slide_banner > li > a .main-ani > .main-ani_des {
    width: 100%;
    margin: 0;
    padding: 20px 0px;
    background-color: #fff;
    text-align: center;
}

#slide_banner > li > a .main-ani > .main-ani_img .img-hover {
    position: absolute;
    top: 30%;
    width: 100%;
    height: 100%;
    visibility: hidden;
}

#slide_banner > li > a .main-ani:hover > .main-ani_img .img-hover {
    visibility: visible;
    z-index: 1;
}

#slide_banner > li > a .main-ani:hover > .main-ani_des {
    z-index: 9999;
    position: relative;
}

#slide_banner > li > a .main-ani > .main-ani_des h4 {
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -0.075em;
    color: #333;
    display: block;
    margin: 0;
}

#slide_banner > li > a .main-ani > .main-ani_des p {
    color: #8a8a8a;
    font-size: 13px;
}

#slide_banner > li > a .main-ani:hover > .main-ani_des h4,
#slide_banner > li > a .main-ani:hover > div p {
    color: #e93c30;
}

.main-con .tab-wrap img {
    width: 100%;
}

.main-con .tab-wrap [class*="ani"] {
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.main-ani {
    border: 1px solid #e2e2e2;
}

#slide_banner > li > a .main-ani:hover {
    border: 1px solid #aaaaaa;
}

#slide_banner > li > a .main-ani:hover::after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.55);
    border: 1px solid #aaaaaa;
}

@media screen and (max-width: 991px) {
    .main-con {
        display: none;
    }

    .main-con .tab-wrap > div {
        width: 100%;
        margin: 0 0 5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #slide_banner > li > a {
        width: 50%;
        margin: 0 0 5px;
    }

    #slide_banner > li > a .main-ani > .main-ani_img .img-hover {
        top: 35%;
    }
}

@media screen and (max-width: 767px) {
    #slide_banner > li > a {
        width: 100%;
    }

    #slide_banner > li > a .main-ani > .main-ani_img .img-hover {
        top: 30%;
    }

    #slide_banner > li {
        width: 20% !important;
        float: none !important;
    }

    #slide_banner > li > a .main-ani > .main-ani_img img {
        margin: 0 auto;
    }

    #banner_wrap .right_btn,
    #banner_wrap .left_btn {
        display: none;
    }

    #banner_wrap .bx-viewport {
        height: 850px !important;
    }
}

/* ----- 메인 제품 슬라이드 영역 ----- */
.main_product_wrap {
    background: #fcfcfc;
    padding: 40px 0;
}

.main_product_inner {
    color: #454545;
}

.main_product_inner .product h3 {
    font-size: 22px;
    margin: 20px 0 25px;
    letter-spacing: -0.03em;
}

.main_product_inner .product p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.01em;
    line-height: 25px;
}

/*===== 메인페이지 게시판 영역 설정 =====*/
.intro-board-widget-layout {
    width: 1170px;
    margin: 0 auto;
    padding: 50px 0px 40px;
}

/*.intro-boardbox {width: 33.333333%;}*/
.intro-boardbox {
    width: 50%;
}

@media (min-width: 992px) {
    .row .dh-front-blog .col-md-4 {
        width: 50%;
    }
}

/*=====----- 게시판 타이틀 설정 -----=====*/
.intro-boardbox .page-header {
    padding: 0 0 15px;
    margin: 0 0px 15px;
    border-bottom: 1px solid #ddd;
}

.intro-boardbox .page-header h4 {
    margin: 0;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.intro-boardbox .page-header h4 .btn {
    padding: 0;
    margin: 0;
}

.intro-boardbox .page-header h4 .btn .fa-plus:before {
    color: #555555;
    font-size: 14px;
}

.intro-boardbox .banner-wrap {
    min-height: 100px;
}

.intro-boardbox .banner-icon {
    display: inline-block;
    float: left;
    height: 100px;
    margin: 0 30px 0 15px;
}

.banner-text {
    display: inline-block;
}

.banner-text h5 {
    margin: 6px 0 12px;
    font-size: 14px;
    font-weight: 500;
    color: #343434;
}

.banner-wrap:last-child:hover .banner-text h5 {
    text-decoration: underline;
}

.banner-text h3 {
    margin: 0 0 5px;
    color: var(--orange);
    font-size: 23px;
    font-weight: 500;
}

.banner-text p {
    font-size: 13px;
    margin: 0 0 0;
    color: #666;
}

.dh-front-blog > .col-md-4 > .thumbnail {
    min-height: 0px;
    margin: 0;
}

.dh-front-blog > .col-md-4 > .thumbnail > a.blogthumb {
    border: none;
    height: 150px;
}

.dh-front-blog > .col-md-4 > .thumbnail .caption {
    padding: 15px;
}

.dh-front-blog > .col-md-4 > .thumbnail > .caption h5 {
    margin: 0;
    font-size: 13px;
    padding: 0 !important;
}

.blog-row-contents {
    display: none;
}

/*=====----- 게시판 리스트 설정 -----=====*/
.intro-boardbox .front-panel > .panel {
    padding: 0;
    background-color: rgba(0, 0, 0, 0) !important;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.intro-boardbox .panel-body {
    padding: 0;
}

.dh-front-list2-words {
    margin: 0 !important;
    padding: 6px 0;
}

.dh-front-list2 h6 a,
.dh-front-list2 h6 a span {
    color: #777;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: -0.03em;
}

.dh-front-list2 h6 a:hover span {
    text-decoration: none;
}

.dh-front-list2 h6 a:hover .list-row-subject {
    color: #333;
    text-decoration: underline;
}

.dh-front-list2-words:first-child {
    margin: auto;
}

.list-row-subject {
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 250px;
    white-space: nowrap;
}

.intro-boardbox:nth-child(2) .list-row-subject::after {
    content: url("/skin/img/default/ico_clip.png");
    padding-left: 10px;
}

.row-separator {
    display: none;
}

.list-row-regdate {
    float: right;
    color: #999 !important;
}

.list-row-contents {
    display: none;
}

.dh-front-list2 h6 a small > span.label-danger {
    color: var(--orange) !important;
    background-color: #fff;
}

/*=====----- 게시판 하단 영역 설정 -----=====*/
.ico_contact {
    float: left;
    background: #e8e8e8;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    margin-right: 10px;
    padding-top: 12px;
    text-align: center;
}

.board_contact {
    width: 100%;
    margin: 20px 0 20px;
}

.board_contact h4 {
    margin: 0 0 25px;
    color: #333333;
    font-size: 32px;
    font-weight: 300;
    font-family: "Roboto" !important;
    letter-spacing: -0.01em;
}

.board_contact h5 {
    margin: 0 0 20px;
    color: #555555;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.05em;
}

.board_contact p {
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: -0.01em;
    margin: 0;
}

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

    .dh-front-list2 h6 a,
    .dh-front-list2 h6 a span {
        font-size: 14px;
        letter-spacing: -0.05em;
    }

    .list-row-subject {
        max-width: 150px;
    }

    .board_contact h4 {
        display: inline-block;
        padding: 10px 0 0;
        font-size: 28px;
    }
}

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

    .intro-boardbox {
        width: 100%;
    }

    .list-row-subject {
        max-width: 250px;
    }
}

/* //메인페이지 설정 끝 */

/* 서브페이지 설정 시작 */
.sub-layout {
    width: 100%;
    padding: 0;
}

.contents {
    min-height: 320px;
}

.contents_inner {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

.con1 {
    padding: 80px 0;
}

.con2 {
    padding: 60px 0;
}

.con3 {
    padding: 60px 0;
}

/*=====----- 서브페이지 상단 설정 -----=====*/
.sub_top {
    height: 350px;
    margin-top: 90px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

.visual {
    position: relative;
    background-image: url(/skin/img/sub/subtop_bg04_240503.jpg);
}
.visual02 {
    background-image: url(/skin/img/sub/subtop02_bg_240503.jpg);
}
.visual03 {
    background-image: url(/skin/img/sub/subtop03_bg.jpg);
}
.visual04 {
    background-image: url(/skin/img/sub/subtop04_bg.jpg);
}
/* .visual::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/skin/img/default/visual_cover.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    z-index: 50;
} */

.visual::before {
    z-index: 0;
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.35;
}

.breadscrumb_wrap {
    position: relative;
    z-index: 10;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
    padding: 15px 0;
    background: rgba(0, 0, 0, 0.5);
}

.breadscrumb {
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
    max-width: 1170px;
    overflow: hidden;
}

.breadscrumb > li {
    float: left;
    color: #ccc;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -0.05em;
}

.breadscrumb > li::after {
    content: "\f0da";
    color: var(--orange);
    font-size: 10px;
    font-family: "FontAwesome";
    padding: 0 10px;
}

.breadscrumb > li.on {
    color: #fff;
    font-weight: 500;
}

.breadscrumb > li.on::after {
    content: "";
}

.sub_top_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    margin: -15px 0 0;
}

.sub_top_inner h2 {
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    margin: 10px 0 0;
}

.sub_quick_wrap {
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
}

.sub_quick_inner {
    margin: 0 auto;
    width: 100%;
    max-width: 1170px;
}

.sub_quick_inner > ul {
    padding: 0;
    margin: 0;
}

.sub_quick_inner > ul > li {
    float: left;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.03em;
    text-align: center;
    padding: 20px 0;
}

.sub_quick_inner > ul > li.on {
    color: var(--orange);
}

.sub_quick_inner > ul > li::after {
    content: "/";
    float: right;
    color: rgba(255, 255, 255, 0.3);
    font-size: 14px;
}

.sub_quick_inner > ul > li:last-child::after {
    content: "";
}

.sub_quick_inner > ul > li > a > img {
    padding-left: 10px;
}

.sub_quick_inner > ul > li > a {
    color: #cccccc;
}

.sub_quick_inner p {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.035em;
    margin: 0;
    padding: 16px 0 15px;
}

.sub_quick_inner p span {
    color: #e5e5e5;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.05em;
    padding-right: 10px;
}

.sub_quick1 > ul > li {
    width: 50%;
}

.sub_quick2 > ul > li {
    width: 25%;
}

.sub_quick3 > ul > li {
    width: 50%;
}

.sub_quick5 > ul > li {
    width: 50%;
}

@media screen and (max-width: 991px) {
    .con1 {
        padding: 40px 0;
    }

    .con2 {
        padding: 50px 15px 60px;
    }

    .sub_top {
        margin-top: 75px;
        height: 340px;
    }

    .breadscrumb_wrap {
        padding: 15px;
    }
}

@media screen and (max-width: 767px) {
    .sub_top {
        margin-top: 73px;
        height: 220px;
    }

    .sub_top_inner {
        margin: -5px 0 0;
        top: 45%;
    }

    .sub_quick_wrap {
        display: none;
    }

    .sub_top_inner h2 {
        font-size: 40px;
    }
}

/*=====----- 서브페이지 컨텐츠 타이틀 설정 -----=====*/
.title_wrap {
    text-align: center;
}

.title_line {
    background: var(--orange);
    height: 6px;
    width: 40px;
    margin: 0 auto;
    border-radius: 50px;
}

.title_wrap p {
    color: #666666;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -0.02em;
    margin: 20px 0 5px;
}

.title_wrap h3 {
    color: #333;
    font-size: 34px;
    font-weight: 400;
    letter-spacing: -0.035em;
    margin: 0;
}

.title_wrap h4 {
    border-bottom: 1px solid #e8e8e8;
    margin: 0 0 30px;
    padding: 12px 0 10px;
    color: #333;
    font-size: 25px;
    font-weight: 400;
    text-align: left;
    letter-spacing: -0.05em;
    position: relative;
}

.title_wrap h4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 2px;
    background: #e89028;
}

.text_wrap p {
    color: #444;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: -0.05em;
    margin: 0 0 20px;
}

/*=====----- 서브페이지 컨텐츠 설정 -----=====*/
/*=====----- sub - comp -----=====*/
#comp1 .con1 {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 0;
}

#comp1 .con2 {
    border-bottom: 1px solid #e8e8e8;
    padding: 80px 0;
}

#comp1 .con3 {
    padding: 60px 0;
}

.comp_greeting .txt {
    background-image: url(/skin/img/default/greeting_1.png);
    background-repeat: no-repeat;
    background-position: right 90px bottom 0;
    padding: 0 100px 0;
}

.comp_greeting .txt h3 {
    position: relative;
    display: inline-block;
    padding: 0 50px;
    margin: 80px 0 0;
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;
    color: #323232;
    letter-spacing: -0.035em;
}

.comp_greeting .txt h3::before {
    content: "\f10d";
    position: absolute;
    top: 0;
    left: 0;
    color: #cecece;
    font-size: 30px;
    font-family: "FontAwesome";
}

.comp_greeting .txt h3::after {
    content: "\f10e";
    position: absolute;
    bottom: 0;
    right: 0;
    color: #cecece;
    font-size: 30px;
    font-family: "FontAwesome";
}

.comp_greeting .txt h3 span {
    font-weight: 600;
}

.comp_greeting .txt p {
    margin: 38px 0 0;
    padding: 0 0 0 50px;
    color: #666;
    font-size: 14px;
    font-weight: 400;
}

.comp_greeting .txt h5 {
    margin: 15px 0 0;
    padding: 0 0 110px 50px;
    font-size: 18px;
    letter-spacing: 0.3em;
}

.greeting_txt {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.greeting_txt h4 {
    color: #333;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.035em;
    text-align: center;
    margin: 0 0 35px;
}

.greeting_txt h4 span {
    color: var(--orange);
    text-transform: uppercase;
}

.greeting_txt p {
    margin: 0;
    padding: 0 5px;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

@media screen and (max-width: 767px) {
    .comp_greeting .txt {
        padding: 0 15px;
        background: none;
    }

    .comp_greeting .txt h3 {
        margin: 50px 0 0;
        padding: 0 35px;
        font-size: 19px;
        line-height: 1.5;
    }

    .comp_greeting .txt h3::before,
    .comp_greeting .txt h3::after {
        font-size: 20px;
    }

    .comp_greeting .txt p {
        margin: 25px 0 0;
        padding: 0 0 0 35px;
    }

    .comp_greeting .txt h5 {
        margin: 10px 0 0;
        padding: 0 0 60px 35px;
        letter-spacing: 0.1em;
    }
}

/*=====----- sub - comp 연혁 -----=====*/
.comp_history {
    max-width: 960px;
    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: 60px 0 0;
}

.steps {
    position: relative;
}

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

.steps .history-title {
    background-color: #e89028;
    color: #fff;
    letter-spacing: -0.05em;
    border-radius: 100%;
    padding: 36px 25px 0;
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    top: 0;
    z-index: 100;
    width: 150px;
    height: 150px;
}

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

.steps .history-title h4 {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0 0 10px;
}

.steps .history-title p {
    margin: 0;
    font-size: 13px;
}

.timeline::after {
    display: block;
    content: "";
    height: 10px;
    width: 10px;
    background: #e89028;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
}

.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: #777;
    padding: 0 0 10px;
}

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

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

.timeline .timeline-box {
    position: relative;
    float: left;
    clear: left;
    width: 45%;
    margin: 5px 2.5% 0;
    list-style-type: none;
    display: block;
    padding: 25px 35px 5px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 8px;
    z-index: 15;
    letter-spacing: -0.05em;
}

.timeline .timeline-box .timeline-title {
    color: #e89028;
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 14px;
    letter-spacing: -0.075em;
}

.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: 15px;
    right: -10px;
    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: "";
}

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

.timeline .timeline-box:nth-of-type(2n)::before {
    right: auto;
    left: -10px;
    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: "";
}

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

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

.timeline-box:hover,
.timeline-box:focus {
    transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
}

.timeline-box {
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}

@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;
    }
}

@media all and (min-width: 650px) {
    .timeline .timeline-box:after {
        display: block;
        content: "";
        height: 9px;
        width: 9px;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        right: -7%;
        top: 1.5em;
        border: 2px solid #b2a4a4;
    }
}

/*=====----- sub - location -----=====*/
#comp2 .con1 {
    padding-bottom: 100px;
}

/*.comp-location {margin-top: 50px;}*/
#comp2 .con1 .location_tb {
    height: 204px;
}

.location_tb {
    width: 100%;
}

.location_tb tbody tr th,
.location_tb tbody tr td {
    vertical-align: middle;
    padding: 15px 25px;
    font-size: 14px;
    letter-spacing: -0.03em;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.location_tb tbody tr th {
    background: #fdf9f9;
}

.location_tb tbody tr td {
    color: #444;
    font-weight: 400;
}

.location_tb tbody tr td:last-child {
    border-right: none;
}

/*=====----- sub - biz -----=====*/
#biz1 .con1,
#biz2 .con1,
#biz3 .con1,
#biz4 .con1 {
    border-bottom: 1px solid #e8e8e8;
}

#biz4 .con1 {
    padding: 80px 0 60px;
}

#biz1 .con2,
#biz2 .con2,
#biz3 .con2,
#biz4 .con2 {
    padding: 60px 0 100px;
}

.biz_intro {
    margin: 50px 0 0;
}

.biz_circle {
    width: 180px;
    height: 180px;
    border: 7px solid #eeeeee;
    border-radius: 100%;
    margin: 0 auto;
    padding: 38px 0 0;
}

.dotted_line {
    width: 6px;
    min-height: 20px;
    margin: 15px auto 0;
    border-left: 4px dotted #cccccc;
}

.biz_intro_des h5 {
    color: #333;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: -0.05em;
    margin: 15px 0 20px;
}

.biz_intro_des p {
    margin: 0;
    padding: 0 5px;
    color: #666;
    font-size: 15px;
    letter-spacing: -0.03em;
    line-height: 1.6;
}

@media screen and (max-width: 767px) {
    .biz_intro > .row {
        margin: 0;
    }

    .biz_circle {
        width: 140px;
        height: 140px;
        padding: 32px 0 0;
    }

    .biz_circle img {
        width: 80px;
    }
}

/*=====----- 회원가입 -----=====*/
.login-layout,
.id-find-layout,
.pw-find-layout {
    background: #efe7e7;
    margin: 90px 0 0;
    min-height: 725px;
}

.login-layout .inner-box-wrapper,
.id-find-layout .inner-box-wrapper,
.pw-find-layout .inner-box-wrapper {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 100px 0 0;
}

.join-agree-layout,
.join-layout {
    width: 1170px;
    margin: 0 auto 70px;
}

.join-agree-layout .panel,
.join-layout .panel {
    border: 1px solid #dedede;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
}

.join-agree-layout .panel-heading,
.join-layout .panel-heading {
    background-image: none !important;
    background-color: #f7f7f7 !important;
}

.join-agree-layout .btn-primary,
.join-layout .btn-primary {
    background-color: var(--orange) !important;
    border: 0px;
    border-radius: 0;
}

@media screen and (max-width: 991px) {
    .login-layout,
    .id-find-layout,
    .pw-find-layout {
        width: 100%;
        margin: 0;
    }
}

/*=====----- 로그인 / 아이디, 비밀번호 찾기 -----=====*/
.login-layout .panel,
.id-find-layout .panel,
.pw-find-layout .panel {
    border-radius: 8px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    min-height: 440px;
    margin: 0;
    padding: 50px 30px 80px;
}

.login-layout .panel-body h2,
.id-find-layout .panel-body h2,
.pw-find-layout .panel-body h2 {
    margin: 0;
    color: #454545;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.login-layout .inner-box-msg p,
.id-find-layout .inner-box-msg p,
.pw-find-layout .inner-box-msg p {
    font-size: 13px;
    color: #666;
    margin: 0;
}

.login-layout .inner-box-form form label,
.id-find-layout .inner-box-form form label,
.pw-find-layout .inner-box-form form label {
    font-size: 14px;
}

.login-layout .inner-box-form form label.error,
.id-find-layout .inner-box-form form label.error,
.pw-find-layout .inner-box-form form label.error {
    font-weight: 400;
    color: var(--orange);
    font-size: 12px;
}

.login-layout input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background: #fff !important;
    border: 1px solid #d5d5d5;
}

.login-layout .btn-warning,
.id-find-layout .btn-warning,
.pw-find-layout .btn-warning {
    background-image: none;
    background-color: #2a2a2a;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    color: #f5f5f5;
}

.login-layout .btn-warning:focus,
.login-layout .btn-warning:hover,
.id-find-layout .btn-warning:focus,
.id-find-layout .btn-warning:hover,
.pw-find-layout .btn-warning:focus,
.pw-find-layout .btn-warning:hover {
    background: var(--orange);
}

.login-layout form > div > p > a {
    display: inline-block;
    float: left;
    font-size: 12px;
    color: #777;
}

.login-layout form > div > p > a:hover {
    color: #303030;
}

.login-layout form > div > p > a:after {
    content: " | ";
    font-size: 8px;
    padding: 0 8px 0;
    margin: 0;
    color: #d9d9d9;
}

.login-layout form > div > p:last-child > a:after {
    content: "";
}

.id-find-layout .panel-body,
.pw-find-layout .panel-body {
    margin-top: 40px;
}

/* //서브페이지 설정 끝 */

/* 게시판 설정 시작 */
/*=====----- 메일폼 설정 -----=====*/
#mailForm {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 60px 0;
}

#mailForm .form-group {
    margin: 0;
    padding: 25px 35px;
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
}

#mailForm .form-group:first-child {
    border-top: 2px solid #000;
}

#mailForm .form-group:nth-child(5) {
    background: none;
    border: none;
    padding: 30px 25px;
}

#mailForm .form-group label {
    width: 24%;
    float: left;
    margin: 10px 0 0;
}

#mailForm .form-group input.form-control,
#mailForm .form-group textarea.form-control {
    width: 75%;
    max-width: 935px;
    border: 1px solid #d0d0d0;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

#mailForm .form-group input.form-control {
    height: 40px;
}

#mailForm .form-group p.error,
#mailForm .form-group ~ p.error {
    margin: 0;
    color: var(--orange);
    font-size: 12px;
}

#mailForm .form-group ~ p.error {
    padding-left: 35px;
    margin: -15px 0 0;
}

#mailForm .form-group .checkbox {
    margin: -8px 0 0;
}

#mailForm .form-group .checkbox label {
    width: 100%;
    margin: 0;
}

input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
    width: 220px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 15px 0;
    border: 1px solid #bebebe !important;
    border-radius: 50px;
    background: #fff !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    color: #666;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.03em;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

input[type="button"].btn-block:hover,
input[type="reset"].btn-block:hover,
input[type="submit"].btn-block:hover {
    background: var(--orange) !important;
    border: 1px solid var(--orange) !important;
    color: #fff;
}

#mailForm label[for="mail_agree"] {
    font-size: 13px;
    color: #5d5d5d;
}

/* 채용공고 */
.q_number div h3 {
    padding-bottom: 15px;
    font-size: 15px;
    border-bottom: none;
}
.q_number div h3 .fa-square {
    padding-right: 2px;
    color: var(--orange);
}
.q_number input,
.q_number textarea {
    border-color: #d0d0d0;
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.q_number textarea {
    height: 200px;
}
#mod_type_formForm .btn-wrap .btn {
    float: unset !important;
    width: 220px;
    padding: 15px 0;
    border: 1px solid #bebebe;
    border-radius: 50px;
    background: #fff;
    color: #666;
    font-size: 15px;
    letter-spacing: -0.03em;
}
#mod_type_formForm .btn-wrap .btn:hover {
    color: #fff;
    background: var(--orange);
    border-color: var(--orange);
}

@media screen and (max-width: 991px) {
    #mailForm .form-group input.form-control,
    #mailForm .form-group textarea.form-control {
        max-width: 567px;
    }
}

@media screen and (max-width: 767px) {
    #mailForm .form-group {
        padding: 20px 15px;
    }

    #mailForm .form-group label {
        width: 20%;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: -0.05em;
    }

    #mailForm .form-group input.form-control,
    #mailForm .form-group textarea.form-control {
        width: 80%;
    }

    #mailForm .form-group ~ p.error {
        padding-left: 15px;
        margin: 0;
    }

    input[type="button"].btn-block,
    input[type="reset"].btn-block,
    input[type="submit"].btn-block {
        margin-top: 80px;
    }

    #mod_type_formForm {
        padding: 0;
    }
}

/*=====----- 게시판 설정 -----=====*/

.dh-board,
.img-bbs-default-index-layout .page_wrap ~ div,
.dh-view-box,
.form-horizontal,
#mailForm {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 5px 0;
}

.dh-view-box {
    padding: 60px 15px 0;
}

.bbs-list-index-layout .subPage .right_contents,
.bbs-list-view-layout .subPage .right_contents,
.bbs-list-edit-layout .subPage .right_contents {
    width: 100%;
    padding: 0;
}

/*=====----- 텍스트 게시판 설정 -----=====*/
.dh-board .table > thead > tr > th,
.dh-board .table > tbody > tr > th,
.dh-board .table > tfoot > tr > th,
.dh-board .table > thead > tr > td,
.dh-board .table > tbody > tr > td,
.dh-board .table > tfoot > tr > td {
    padding: 16px 20px;
    color: #666;
    font-size: 14px;
}

.dh-board .table > thead > tr > th {
    background: #fdf9f9;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.03em;
    padding: 15px;
}

.dh-board .table > tbody > tr > td {
    border-bottom: 1px dotted #dedede;
}

.dh-board .table > tbody > tr > td > strong > a {
    color: #555;
}

.dh-board > .table-hover {
    border-top: 2px solid #2d2d2d;
    border-bottom: 1px solid #ccc;
    margin: 0px 0 30px;
}

.dh-board > .table-hover > tbody > tr:hover td {
    background-color: #f9f9f9;
}

.dh-board > .table-hover > tbody > tr:hover > td > strong > a {
    color: #000;
}

.dh-margin-top {
    display: inline-block;
    width: 100%;
    margin: 20px auto 0;
}

.dh-margin-top > div {
    width: 100%;
    text-align: center;
}

.dh-board + form#insertForm {
    text-align: center;
    margin: 40px auto 0;
    overflow: hidden;
}

/* 카테고리 */
.filter-items {
    display: flex;
    justify-content: center;
}
.filter-items .filter-label {
    min-width: 120px;
    margin: 0 2px;
    padding: 10px;
    color: #333;
    text-align: center;
    background: #f6f6f6;
    border: 1px solid #eee;
    border-radius: 3px;
}
.filter-items a.on .filter-label {
    color: #fff;
    background: #333;
    border-color: #333;
}
.filter-items a:hover .filter-label {
    color: #fff;
    background: var(--orange);
    border-color: var(--orange);
}

/* 검색 영역 */
.input-group {
    margin-top: 70px;
}

form#insertForm > .col-md-7.text-right {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    float: none;
}

#btnNew {
    background: #444;
    border-color: #444;
}

/* ----- 블로그 B타입 게시판 ----- */
.bbs-blog2-index-layout .dhb-txt-box-type-b {
    border: none;
    background-color: #fff;
    width: 33.3%;
    margin: 0 0 20px;
    padding: 0 10px;
}

.bbs-blog2-index-layout .dhb-txt-box-type-b > div {
    margin: 0;
    padding: 0;
    border: 1px solid #e5e5e5;
}

.dhb-txt-box-type-b-img-layout {
    padding: 0;
}

.dhb-txt-box-type-b-img-layout .thumb-hidden {
    border: none;
    min-height: 150px;
    max-height: 150px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.dhb-txt-box-type-b-text-layout h4 {
    font-size: 14px;
    margin: 15px 0;
}

.dhb-txt-box-type-b-text-layout .txt-box-footer {
    margin-top: 0;
    float: none;
    text-align: left;
    display: none;
}

.txt-box-footer em {
    display: none;
}

.txt-box-footer em > span.regdate {
    font-style: normal;
    color: #666;
    font-size: 13px;
}

.txt-box-footer em > span:last-child {
    display: none;
}

.txt-box-footer small.hits {
    display: none;
}

@media screen and (max-width: 767px) {
    .bbs-blog2-index-layout .dhb-txt-box-type-b {
        width: 100%;
        margin: 10px 0 20px;
    }
}

.dh-front-blog > .col-md-4 > .thumbnail {
    min-height: 0px;
}

/* ----- 게시판 버튼 설정 ----- */
.label {
    background: rgba(0, 0, 0, 0);
    padding: 0 5px;
    font-size: 90%;
}

.label-danger {
    color: var(--orange);
}

.label-primary {
    color: var(--orange);
}

.pagination > li > a,
.pagination > li > span {
    float: none;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: var(--orange);
    border: 1px solid var(--orange) !important;
}

.pagination > li > a,
.pagination > li > span {
    color: #9d8478;
    border: 1px solid #fff !important;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #9d8478;
}

.dh-margin-top form#insertForm {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 0 0;
}

.btnRead {
    font-weight: 500;
}

.btn-default,
.btn-primary,
.btn-danger {
    background-image: none;
}

.btn-group,
.btn-group-vertical {
    margin: 10px 0 30px;
}

/* ----- 게시글 뷰 페이지 설정 ----- */
.dh-view-box {
    margin-top: 0px;
}

.sns-box {
    display: none;
}

.dh-view-box > .row > .page-header {
    border-top: 2px solid #000;
    border-bottom: 1px solid #ccc;
    padding: 0 20px;
    margin: 0;
}

.dh-view-box > .row > .page-header > h4 {
    color: #333;
    font-size: 23px;
    margin: 14px 0;
}

.dh-view-box > .row > .dh-view-info {
    border-bottom: 1px solid #ccc;
    background: rgba(0, 0, 0, 0);
    padding: 8px 20px 8px;
    color: #888;
}

.dh-view-box > .row > .dh-view-info > span {
    padding: 0 15px 0 0;
}

.dh-view-box > .row > .dh-view-info > span > strong {
    color: #555;
    padding: 0 5px 0 0;
}

.dh-view-box .dh-attach h6 {
    margin: 0 0 0;
    padding: 5px 5px 0;
}

.dh-view-box > .row:nth-child(2) > div:nth-child(3) {
    padding: 30px 20px 60px !important;
    min-height: 300px;
}

@media screen and (max-width: 991px) {
    .dh-board,
    .img-bbs-default-index-layout .page_wrap ~ div,
    .dh-view-box,
    .form-horizontal,
    #mailForm {
        padding: 60px 15px;
    }
}

@media screen and (max-width: 767px) {
    .dh-board,
    .img-bbs-default-index-layout .page_wrap ~ div,
    .dh-view-box,
    .form-horizontal,
    #mailForm {
        padding: 40px 15px;
    }
}

/* 게시판 설정 끝 */

/*sub*/

.sub-content-layout {
    padding: 50px 15px 80px;
}

.snb {
    padding-right: 30px;
}

.snb h3 {
    margin-top: 8px;
    border-bottom: 3px solid var(--orange);
    padding-bottom: 30px;
    margin-bottom: 0;
    font-size: 24px;
    letter-spacing: -0.03em;
}

.snb > ul > li {
    border-bottom: 1px solid #ddd;
}

.snb > ul > li.active > a {
    font-weight: 500;
    color: var(--orange);
    text-decoration: none;
}

.snb > ul > li:hover > a {
    color: var(--orange);
}

.snb > ul > li > a {
    position: relative;
    display: block;
    padding: 15px 15px;
    font-size: 15px;
    letter-spacing: -0.02em;
    color: #555;
}

.snb li a .fa {
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 10px;
}

.snb li.active a .fa {
    color: var(--orange);
}

.snb li:hover a .fa {
    color: var(--orange);
}

.snb > ul .snb-drop {
    padding-bottom: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    background: #f3f3f3;
}

.snb .snb-drop li {
    position: relative;
    padding-left: 10px;
    margin-left: 30px;
    line-height: 2;
    width: max-content;
}

.snb .snb-drop li a {
    color: #888;
    font-size: 13px;
}

.snb .snb-drop li.active a,
.snb .snb-drop li:hover a {
    color: #3c3c3c;
    font-weight: 500;
    text-decoration: none;
}

.snb .snb-drop li:before {
    content: "-";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.snb .snb-drop li.active:before,
.snb .snb-drop li:hover:before {
    border-color: var(--orange);
}

.sub-content h3 {
    position: relative;
    font-size: 34px;
    letter-spacing: -0.03em;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-top: 0;
    line-height: 1;
}

.sub-content .sub-title {
    margin: 40px 0 20px;
}

.sub-content .sub-title.first-title {
    margin-top: 0;
}

.sub-content .sub-title h4 {
    margin: 0 0 0;
    font-size: 22px;
    letter-spacing: -0.3px;
    font-weight: 500;
}

.sub-content .sub-title h4:before {
    content: "\f058";
    font-family: FontAwesome;
    color: var(--orange);
    margin-right: 8px;
}
.sub-content .sub-title.green h4:before {
    color: var(--green);
}
.sub-content .sub-title h5 {
    margin: 8px 0 0 27px;
    color: #555;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.2px;
}

.fa-arrow-right {
    position: absolute;
    font-size: 30px;
    left: 49%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
}

.arrow {
    position: relative;
    height: 302px;
}

.arrow-wrap {
    position: relative;
    height: 302px;
}

.mT30 {
    margin-top: 30px !important;
}

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

@media (max-width: 767px) {
    .subpage .pageheader {
        height: 200px;
    }

    .pageheader h2 {
        font-size: 32px;
        top: 43%;
    }

    .sub-content-layout {
        padding: 30px 15px 50px;
    }

    .sub-content {
        margin-top: 50px;
    }
}

/* subpage table */
.sub-content .table-bordered {
    border: none;
    border-top: 2px solid #333;
    border-bottom: 1px solid #ddd;
    margin-bottom: 35px;
}

.sub-content .table-bordered th {
    background-color: #f3f3f3;
    border-bottom: 1px solid #ddd;
}

.sub-content .table-bordered td {
    color: #666;
}

.sub-content .table-bordered th,
.sub-content .table-bordered td {
    border-left: none;
    border-right: none;
    padding: 10px;
    font-size: 13px;
    letter-spacing: -0.034em;
}

.sub-content .thead-center th {
    text-align: center;
}

.sub-content .thead-center th img {
    margin-top: 10px;
}

.biz5-1 .sub-content .table-bordered td img {
    margin-bottom: 30px;
}

/* subpage about */
#about01 .sub-content .about-top {
    font-size: 24px;
    font-weight: 500;
    color: var(--orange);
    margin-bottom: 20px;
}

#about01 .sub-content .about-top span {
    color: #1f58a6;
    display: block;
    font-weight: 600;
    font-size: 14px;
}

#about01 .sub-content p {
    font-size: 15px;
    letter-spacing: -0.02em;
    color: #555;
    line-height: 28px;
    margin-bottom: 15px;
}

/* subpage product */

ul,
dl,
ol {
    padding: 0;
}

/* sub page */

/* com2 */
.sub-content .history.table-bordered th {
    background: #fff;
    color: var(--orange);
    vertical-align: top !important;
    font-size: 26px;
    text-align: left;
    font-weight: 500;
}

/* com4 */
.intel-box {
    background: #f3f3f3;
    padding: 20px;
    margin-bottom: 30px;
}

.intel-box p {
    margin-bottom: 5px;
    color: #666;
}

.intel-imgs-in {
    padding-bottom: 30px;
}

.intel-imgs-in p {
    margin: 0;
    text-align: center;
    background: #f3f3f3;
    border: 1px solid #ddd;
    border-top: none;
    padding: 5px;
}

.intel-imgs-in img {
    border: 1px solid #ddd;
    padding: 5px;
    max-height: 150px;
}

/* com5 */
.Certifications-imgs .intel-imgs-in img {
    max-height: 245px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
}

/* com6 */
.partner-table {
    border: 1px solid #ddd;
    border-bottom: none;
    width: 100%;
}

.partner-table td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px;
}

.partner-table td img {
    max-width: 180px;
}

/* biz page */
.biz-img-wrap {
    margin-bottom: 30px;
}

.prod-caption,
.biz-img-wrap p {
    margin-bottom: 0;
    background: #f3f3f3;
    text-align: center;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: none;
    font-size: 16px;
    letter-spacing: -0.035em;
    word-break: keep-all;
}

img:not(.img-bordered) + .prod-caption {
    border: 1px solid #ddd;
}

.img-wrap .clearfix {
    padding-bottom: 30px;
}

/* Material Division */

.clip-table {
    text-align: center;
}

.clip-table .tableizer-firstrow th {
    text-align: center;
}

/* pkg develop division */
.task-box {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #ddd;
}

.task-box dl {
    margin: 0;
}

.task-box dt {
    font-size: 20px;
    letter-spacing: -0.3px;
    font-weight: 500;
    line-height: 27px;
    margin-bottom: 8px;
}

.task-box dt .num {
    background: var(--orange);
    color: #fff;
    font-size: 14px;
    border-radius: 50%;
    display: inline-block;
    width: 27px;
    height: 27px;
    text-align: center;
    margin-right: 8px;
}

.task-box dd {
    font-size: 15px;
    letter-spacing: -0.2px;
    color: #666;
    position: relative;
    padding-left: 15px;
    margin-left: 20px;
    line-height: 28px;
}

.task-box dd:before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}

.task-big-box > .task-box {
    counter-increment: taskNum;
}

.task-big-box span.num::before {
    content: counters(taskNum, "", decimal-leading-zero);
}

/* equipment division */
.col-20 {
    width: 20%;
    float: left;
    padding: 0 15px;
    position: relative;
}

@media (max-width: 992px) {
    .col-20 {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .col-20 {
        width: 50%;
    }
}

.biz3-1 .des {
    margin: 0;
    text-align: center;
    background: #f3f3f3;
    padding: 10px;
    margin-top: 20px;
    border: 1px solid #ddd;
}

.equip-box {
    margin-bottom: 40px;
    padding-bottom: 70px;
    border-bottom: 1px dashed #ddd;
}

.equip-box:last-child {
    border-bottom: 0;
}

.sub-content .equip-table {
    font-size: 13px;
    margin-bottom: 0;
    border-top: 1px solid var(--orange);
}

.sub-content .equip-table th {
    border-bottom: 1px solid var(--orange);
    background: #fff;
    color: var(--orange);
}

.sub-content .equip-table th,
.sub-content .equip-table td {
    padding: 10px;
}

.biz5-1 .equip-box-img {
    margin-bottom: 30px;
}

.equip-box h4 {
    font-size: 18px;
    letter-spacing: -0.3px;
    font-weight: 600;
    color: #333;
    margin: 0 0 30px;
}

.equip-box h4:before {
    content: "";
    display: block;
    width: 25px;
    height: 3px;
    background: var(--orange);
    margin: 0 0 10px;
}

.equip-box .equip-box-text ul {
    margin: 0;
    padding: 0;
}

@media (min-width: 992px) {
    .equip-box .equip-box-text ul {
        margin-top: 110px;
    }
}

.equip-box .equip-box-text ul li {
    font-size: 15px;
    color: #666;
    letter-spacing: -0.2px;
    line-height: 28px;
    margin-bottom: 2px;
    position: relative;
    padding-left: 20px;
}

.equip-box .equip-box-text ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: var(--orange);
    margin-right: 8px;
    position: absolute;
    left: 0;
    top: 0;
}

.video-btn {
    margin: 35px auto 0;
    /* position: relative;
    left: 32%;
    top: 35px; */
    padding: 5px 30px;
    border-radius: 40px;
    background: #ec8e1a;
    color: #fff;
    display: block;
    font-size: 16px;
    width: 111px;
}

.video-btn:hover {
    color: #333;
    text-decoration: none;
}

/* .equip-box:nth-of-type(3) .video-btn {
    left: 17%;
    margin-right: 10px;
} */

#videoplay,
.body-layout {
    padding-right: 0 !important;
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 200px auto;
    }
}

/* 2019-07-24 홈페이지 수정 */

/* company */
.greeting {
}

.greeting p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    word-break: keep-all;
}

.profile p {
    text-indent: 10px;
    line-height: 1.6;
    font-size: 15px;
}

.profile img {
    width: 100%;
    margin-bottom: 50px;
}

.customer_wrap > div {
    margin-bottom: 20px;
}

.customer_wrap img {
    width: 100%;
    border: 1px solid #ddd;
}

/* news */
.form-append {
    height: 60px;
}

.form-append > form {
    float: right;
}

.award-wrap .table thead tr {
    text-align: center;
}

.award-wrap .table td {
    vertical-align: middle;
}

/* business field */
.biz-img-wrap .jig {
    width: 100%;
}

/* rnd */
.li-dot li {
    position: relative;
    padding: 3px 0 0 10px;
    font-size: 14px;
    color: #616161;
}

.li-dot li:before {
    content: "";
    width: 3px;
    height: 3px;
    background: #666;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 14px;
}

.rnd1_2 .col-sm-12 {
    padding: 0;
}

.rnd1_2 .li-dot {
    margin: 0;
}

.rnd1_2 .li-dot:nth-of-type(1) {
    width: 38%;
    padding: 50px 15px;
}

.rnd1_2 .li-dot:last-child {
    padding: 52px 0 0;
}

.rnd1_2 .li-dot:last-child > li {
    color: var(--orange);
}

.rnd1_2 .biz-img-wrap img {
    width: 100%;
}

.rnd1_2 .biz-img-wrap:nth-of-type(2) img {
    padding: 5px 7px;
    border: 1px solid #e2e2e2;
}

.rnd2_1 .sub-title h4 {
    font-size: 20px;
}

.rnd2_3 .task-big-box {
    margin: 50px 50px 0;
}

/*2019-08-12*/
.rnd2_1 .video-btn {
    display: inline-block;
    position: unset;
    margin-left: 24px;
    padding: 5px 30px;
}

.video-btn.mpt-btn {
    display: inline-block;
    left: auto;
    top: auto;
    margin-bottom: 40px;
    width: 222px;
}

.assy-testline {
}

.assy-testline .col-sm-4 {
    position: relative;
}

.assy-testline .col-sm-4::after {
    content: "\f054";
    font-family: "FontAwesome" !important;
    position: absolute;
    color: var(--orange);
    top: 41%;
    right: -23px;
    font-size: 25px;
    display: block;
    line-height: 45px;
    width: 45px;
    text-align: center;
    border-radius: 50%;
    z-index: 1;
}

.assy-testline .col-sm-4:last-child:after {
    content: "";
    display: none;
}

.flex-row {
    display: flex;
    align-items: flex-start;
}

.flex-row .img-box {
    flex: 0 0 230px;
    max-width: 230px;
    padding-right: 15px;
}

.flex-row .img-box img + img {
    margin-top: 5px;
}

.flex-row .txt-box {
    flex: 1;
}

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

/* 채용공고 게시판 */
.text-bbs10 .table-bordered > tbody > tr > td,
.text-bbs10 .table-bordered > tbody > tr > th,
.text-bbs10 .table-bordered > thead > tr > td,
.text-bbs10 .table-bordered > thead > tr > th {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
}
.text-bbs10 .table-bordered > thead > tr > td,
.text-bbs10 .table-bordered > thead > tr > th {
    text-align: center;
}
.text-bbs10 .table-bordered > tbody > tr > td:nth-child(1),
.text-bbs10 .table-bordered > tbody > tr > th:nth-child(1),
.text-bbs10 .table-bordered > thead > tr > td:nth-child(1),
.text-bbs10 .table-bordered > thead > tr > th:nth-child(1) {
    width: 170px;
}
.text-bbs10 .table-bordered > tbody > tr > td:nth-child(1),
.text-bbs10 .table-bordered > tbody > tr > th:nth-child(1) {
    font-size: 14px;
    font-weight: 500;
    background: #f8f8f8;
}
.text-bbs10 .table-bordered > tbody > tr > td:nth-child(2) {
    text-align: left;
}
.text-bbs10 .table-bordered ul {
    margin: 5px 0 9px;
}
.text-bbs10 .table-bordered ul li {
    position: relative;
    padding-left: 8px;
    line-height: 1.55em;
}
.text-bbs10 .table-bordered ul li::before {
    content: "-";
    left: 0;
    position: absolute;
}

@media screen and (max-width: 767px) {
    .dh-board .table > thead > tr > th,
    .dh-board .table > tbody > tr > th,
    .dh-board .table > tfoot > tr > th,
    .dh-board .table > thead > tr > td,
    .dh-board .table > tbody > tr > td,
    .dh-board .table > tfoot > tr > td {
        padding: 10px;
        font-size: 11px;
    }
    .dh-board .table > thead > tr > th {
        font-size: 12px;
    }
    .dh-board .table > thead > tr > th.writer,
    .dh-board .table > tbody > tr > td.writer,
    .dh-board .table > thead > tr > th.hits,
    .dh-board .table > tbody > tr > td.hits {
        display: none;
    }
    .filter-items .filter-label {
        min-width: 80px;
        padding: 8px;
    }
}
ul.li-line li {
    position: relative;
    padding-left: 20px;
    font-size: 15px;
}
ul.li-line li + li {
    margin-top: 7px;
}
ul.li-line li::before {
    content: "▶";
    position: absolute;
    left: 0;
    top: 0;
}
ul.li-line .blue {
    color: var(--blue);
    font-weight: 600;
}
ul.li-line .orange {
    color: var(--orange);
    font-weight: 600;
}
ul.li-line .green {
    color: var(--green);
    font-weight: 600;
}
ul.li-box {
    padding: 30px 40px;
    margin-top: 40px;
    background-color: #f7f7f7;
}
ul.li-box li {
    color: #333;
}
ul.li-box a {
    text-decoration: underline;
    color: #555;
}