/* 웹폰트 Import */
@import url("https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&display=swap&subset=korean");
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/css?family=Pacifico);

/* 스크롤 설정 */
html {
    overflow-x: hidden;
    overflow-y: scroll;
}
body {
    background-color: #fff;
    opacity: 0;
}

/* 폰트 설정 */
* {
    font-family: "맑은 고딕", "Malgun Gothic", "Nanum Gothic", "Noto Sans CJK KR", sans-serif !important;
    word-wrap: break-word;
    word-break: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: "맑은 고딕", "Malgun Gothic", "Nanum Gothic", "Noto Sans CJK KR", sans-serif !important;
}
.fa {
    font-family: "FontAwesome" !important;
}
.glyphicon {
    font-family: "Glyphicons Halflings" !important;
}
ul,
li {
    list-style: none;
}
.nav-top {
    background-color: #eee;
}
.nav-top .container {
    position: relative;
    display: flex;
    justify-content: flex-end;
}
/* [max-medium / landscape phones]  태블릿/모바일, 768px 미만 ▼ */
@media (width <= 767.98px) {
    .nav-top .container{
        padding-inline: 0 !important;
    }
}
ul.li-lang {
    margin: 0;
    padding: 0;
    display: flex;
}
ul.li-lang button {
    all: unset;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 25px;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background-color: #555;
    color: #ccc;
    font-weight: 600;
    padding-inline: 10px;
    font-size: 11px;
}
ul.li-lang button:disabled {
    background-color: #053690;
    pointer-events: none;
    color: #fff;
}
/* 메뉴 설정 시작 */
.navbar-inverse {
    background: #fff;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 0;
    /* height: 86px; */
}

.navbar-inverse > .container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    background: #fff;
    padding: 0px;
    max-height: 85px;
}

.navbar-inverse .divider-vertical {
    display: none;
}
.caret {
    display: none;
}
.navbar ~ br {
    display: none;
}
@media screen and (max-width: 991px) {
    /* .topmarginLay_a{height: 157px !important;} */
}
@media screen and (max-width: 767px) {
    /* .topmarginLay_a{height: 86px !important;} */
    .navbar-inverse {
        height: auto;
    }
}

/* ----- 로고 설정 ----- */
.navbar-inverse .navbar-brand {
    margin: 12px 0 0;
    padding: 0;
}
.navbar-brand img {
    padding: 10px 15px;
    margin: 0;
    width: 350px;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    background-color: transparent;
}
@media screen and (max-width: 991px) {
    .navbar-header {
        width: 100%;
        margin: 0 !important;
        border-bottom: 1px solid #eee;
    }
    .navbar-brand img {
        max-width: 180px;
        padding: 0;
        margin: 5px 0 0;
    }
}
@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-brand {
        margin: 0;
        padding: 19px 0 19px 15px;
    }
    .navbar-top > div > a {
        margin: 5px 20px 0;
    }
}
/* ----- 메인 메뉴 설정 -----*/
.navbar-inverse .navbar-nav > li > a {
    color: #454545;
    font-size: 17px;
    font-weight: 400;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    padding: 15px 0 30px;
    margin: 20px 30px 0;
    letter-spacing: -0.03em;
    border: none !important;
    border-right: 1px solid transparent !important;
    border-bottom: 2px solid transparent !important;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    background: #fff;
    color: #053690;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border: none !important;
    border-right: 1px solid transparent !important;
    border-bottom: 2px solid #053690 !important;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #053690;
    border: none !important;
    border-right: 1px solid transparent !important;
    border-bottom: 2px solid #053690 !important;
}
/* @media screen and (max-width: 991px) {
    .navbar-inverse .navbar-nav > li > a{font-size: 16px; margin: 22px 0px 18px 0px; padding: 12px 20px 12px 20px;}
} */
@media screen and (max-width: 767px) {
    .navbar-nav {
        margin: 0;
        background: #fff;
        border-bottom: 1px solid #ddd;
    }
    .navbar-inverse .navbar-nav > li > a {
        font-size: 16px;
        margin: 0;
        padding: 15px;
        border: none !important;
    }
    .navbar-nav .open .dropdown-menu {
        padding: 0;
    }
}
/* ----- 서브 메뉴 설정 ----- */
/* .navbar-nav .dropdown-menu {background: transparent; min-width: 180px; box-shadow: 0 0 0 rgba(0,0,0,0); left: 0; right: auto; padding: 0; margin: 0;}
.navbar-nav .dropdown-menu > li > a {background: #fff; padding: 12px 20px; color: #555; font-size: 14px; border-bottom: 1px solid #dedede !important;}
.navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {background: #f7f7f7; color: #053690; border-bottom: 1px solid #dadada !important;} */
.navbar-nav .dropdown-menu {
    display: none;
}
/* ----- 모바일 메뉴 설정 ----- */
.navbar-toggle {
    background: #053690;
    border-radius: 0;
    border: none;
    margin: 15px 5px;
    padding: 10px;
}
@media (min-width: 767px) {
    .navbar-nav .dropdown-menu {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
        background: #fbfbfb;
        border-bottom: 1px solid #eaeaea !important;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header,
    .navbar-nav .open .dropdown-menu > li > a {
        padding: 10px 15px 10px 25px;
    }

    .navbar-toggle {
        margin: 20px 15px 20px 0;
    }
}
/* ---------- 회원가입 메뉴 숨김용 ---------- */
.navbar-inverse .navbar-nav > li:last-child {
    display: none;
}
/* //메뉴 설정 끝 */

/* 슬라이드 영역 설정 시작 */
.container_slide {
    padding: 0;
    width: 100%;
}
.fill {
    height: 480px;
}
.carousel-caption {
    top: 50%;
    bottom: auto;
    text-align: left;
    padding: 0;
    margin: -105px 0 0;
}
/* [max-medium / landscape phones]  태블릿/모바일, 768px 미만 ▼ */
@media (width <= 767.98px) {
    .fill {
        height: 500px;
    }
    .carousel-caption {
        top: 40%;
    }
    [lang="en"] .carousel-caption {
        left: 5%;
        right: 5%;
    }
}
.fill h1 {
    margin: 0;
}
.fill h1 span,
.fill p span {
    background-color: transparent;
    opacity: 1;
    padding: 0;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    letter-spacing: 0.03em;
}
.fill h1 span h4 {
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 15px;
}
.fill h1 span h2 {
    font-size: 48px;
    font-weight: 300;
    letter-spacing: -0.06em;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0;
}
[lang="en"] .fill h1 span h2 {
    font-size: clamp(24px, 5vw, 28px);
}
[lang="en"] .fill h1 span h2 span {
    font-size: clamp(32px, 5vw, 52px);
}
.fill h1 span h2 span {
    color: #fff;
    font-size: 54px;
    font-weight: 600;
}
.fill p {
    margin: 30px 0 0;
}
.fill p span {
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}
.carousel-control {
    display: none;
}

@media (max-width: 767px) {
    .fill {
        position: relative;
        display: block !important;
        z-index: -1;
    }
    .fill:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: -1;
    }
    .fill h1 span h2,
    .fill h1 span h2 span {
        font-size: 36px;
    }
}
/* 슬라이드 영역 설정 끝 */

/* 푸터 영역 설정 시작 */
.socialArea {
    display: none;
}
.footer_copy {
    background: #fafafa;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #e8e8e8;
}
.footer_copy > div {
    padding: 0;
}
.footer-top {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
    display: none;
}
.footer-top > ul {
    width: 1170px;
    margin: 0 auto;
    padding: 0;
}
.footer-top > ul > li {
    display: inline-block;
}
.footer-top > ul > li > a {
    color: #333;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 0;
    display: inline-block;
}
.footer-top > ul > li > a::after {
    content: "|";
    padding: 0 20px;
    color: #e8e8e8;
    font-size: 10px;
}
.footer-top > ul > li:last-child > a::after {
    content: "";
}
.footer-bottom {
    text-align: left;
    width: 1170px;
    margin: 0 auto;
    color: #000;
    font-size: 13px;
    font-weight: 600;
    padding: 25px 0 20px;
}
.footer-bottom > address {
    display: flex;
    margin: 0;
    line-height: 1.5;
}
.footer-bottom > address > span {
    display: inline-block;
    width: 47px;
}
[lang="en"] .footer-bottom > address > span {
    width: 90px;
}
/* [max-medium / landscape phones]  태블릿/모바일, 768px 미만 ▼ */
@media (width <= 767.98px) {
    .footer-bottom > address {
        flex-direction: column;
    }
}
.footer-bottom > ul {
    padding: 0;
    margin: 0 0 10px;
    line-height: 1.5;
}
.footer-bottom > ul > li {
    display: inline-block;
}
.footer-bottom > ul > li::after {
    content: "";
    padding: 0 3px;
    color: #e8e8e8;
    font-size: 10px;
}
.footer-bottom > ul > li:last-child::after {
    content: "";
}
.footer-bottom > p {
    margin: 0;
}
.footer-bottom > p span {
    color: #222;
}
@media screen and (max-width: 991px) {
    .footer-top > ul,
    .footer-bottom {
        width: 100%;
    }
    .footer-top > ul {
        padding: 0 15px;
    }
    .footer-top > ul > li > a::after {
        padding: 0 10px;
    }
    .footer-bottom {
        padding: 20px 15px;
        font-size: 12px;
    }
    .footer-bottom > address > span {
        width: 37px;
    }
}
/* //푸터 영역 설정 끝 */

/* 메인 페이지 설정 시작 */
.container_contents {
    padding: 50px 0px 50px;
}
.main-map h3 {
    font-size: 28px;
    margin: 0 0 10px;
    padding: 0 0 10px 15px;
}
/*content Proudct part*/
.product-wrap {
    width: 1170px;
    margin: 0 auto;
}
.product-box {
    padding: 0;
    border-right: 1px solid #fff;
}
.product-box-title {
    height: 240px;
    background: #6681cb;
    text-align: center;
    padding: 40px 30px 0;
}
.product-box-title h3 {
    color: #fff;
    font-size: 28px;
    margin: 0 0 10px;
}
.product-box-title p {
    color: #e5e5e5;
    font-size: 13px;
    margin: 0 0 25px;
}
.product-box-title i {
    color: rgba(255, 255, 255, 0.5);
    font-size: 65px;
}
.product-box .product-inner {
    height: 240px;
}
.product-box:nth-child(2) .product-inner {
    background: url("/skin/img/main/product01.jpg");
    background-size: cover;
}
.product-box:nth-child(3) .product-inner {
    background: url("/skin/img/main/product02.jpg");
    background-size: cover;
}
.product-box:nth-child(4) .product-inner {
    background: url("/skin/img/main/product03.jpg");
    background-size: cover;
}
.product-box:nth-child(5) .product-inner {
    background: url("/skin/img/main/product04.jpg");
    background-size: cover;
}
.product-box:nth-child(6) .product-inner {
    background: url("/skin/img/main/product05.jpg");
    background-size: cover;
}
.product-box:nth-child(7) .product-inner {
    background: url("/skin/img/main/product06.jpg");
    background-size: cover;
}
.product-box:nth-child(8) .product-inner {
    background: url("/skin/img/main/product07.jpg");
    background-size: cover;
}
.product-hover {
    visibility: hidden;
    height: 100%;
}
.product-hover p {
    background: rgba(0, 0, 0, 0.5);
    margin: 0;
    height: 100%;
    text-align: center;
    padding: 85px 0 0;
}
.product-hover p i {
    color: #fff;
}
.product-box .product-inner:hover .product-hover {
    visibility: visible;
}
.product-btn {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    padding: 14px 0;
    background: #053690;
    letter-spacing: -0.05em;
    margin: -49px 0 0;
}
/* //메인 페이지 설정 끝 */

/* 서브 페이지 */
.sub-layout {
    width: 100%;
    padding: 0;
}
.extra-page {
    min-height: 400px;
}
.content > .row {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 45px 0px;
}

/* 서브 페이지 */
/*=================================================
		00. 공통
=================================================*/
.content p {
    line-height: 1.7;
    color: #000;
    font-size: 15px;
}
.margin-top-30 {
    margin-top: 30px;
}
.margin-top-50 {
    margin-top: 50px;
}

.top-sub-bg {
    width: 100%;
    height: 180px;
    margin: 0 auto;
    background: url(/skin/img/sub/sub_top.jpg);
    position: relative;
}
.top-sub-bg > div {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    position: inherit;
    height: 100%;
}
.top-sub-bg h2 {
    color: #fff;
    position: absolute;
    top: 50%;
    margin: -15px 0 0;
}

@media (max-width: 767px) {
    .top-sub-bg h2 {
        left: 10%;
    }
}

/* ----- 탭메뉴 ----- */
.nav-tabs {
    margin: 40px auto 0;
    max-width: 1170px;
}
.nav-tabs > li {
    width: 33.3333%;
}
.nav-tabs > li > a {
    font-size: 16px;
    letter-spacing: -0.02em;
    padding: 15px 35px;
    background: #fafafa;
    margin: 0;
    border: 1px solid #d8d8d8;
    border-bottom: 2px solid #246ec7;
    color: #666;
    margin-bottom: -1px;
    text-align: center;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-radius: 0;
    border: 2px solid #246ec7;
    border-bottom: 1px solid #fff;
    color: #246ec7;
    font-weight: 600;
}
.nav-tabs > li > a:hover {
    border: 1px solid #d8d8d8;
    border-bottom: 2px solid #246ec7;
}

@media (max-width: 767px) {
    #tab {
        padding: 0 25px;
    }
    .nav-tabs > li > a {
        font-size: 14px;
    }
}

@media screen and (max-width: 1680px) {
    #sidebar {
        width: 24em;
    }
}
#sidebar {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    -moz-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
    -webkit-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
    -ms-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
    transition: margin-left 0.5s ease, box-shadow 0.5s ease;
    font-size: 0.9em;
    position: relative;
    width: 100%;
}
@media screen and (max-width: 1680px) {
    #sidebar > .inner {
        padding: 0 30px 0 0;
        width: 100%;
    }
}
#sidebar > .inner {
    padding: 0 30px 0 0;
    position: relative;
    width: 100%;
}
#sidebar > .inner > * {
    margin: 0 0 3.5em;
    padding: 0 0 3.5em;
}
@media screen and (max-width: 991px) {
    #sidebar > .inner > * {
        padding: 0;
    }
    #sidebar > .inner {
        padding: 2.22222em 2.22222em 0.1em;
        position: relative;
        width: 100%;
    }
}
#sidebar > .inner > * > :last-child {
    margin: 30px 0 0;
}
#menu ul {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #3d4449;
    font-family: "Roboto Slab", serif;
    font-family: 400;
    letter-spacing: 0.075em;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    text-transform: uppercase;
}
#menu > ul > li:first-child {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}
#menu > ul > li {
    border-bottom: solid 1px rgba(210, 215, 217, 0.75);
    margin: 0;
    padding: 10px 0;
}
#menu > ul li.active a {
    color: #053690;
    font-weight: bold;
}
#menu > ul > li a:after {
    font-family: "FontAwesome";
    content: "\f105";
    float: right;
}
#menu ul a,
#menu ul span {
    border-bottom: 0;
    color: inherit;
    cursor: pointer;
    display: block;
    font-size: 0.9em;
    padding: 0.625em 0;
    text-decoration: none;
}
#menu ul a {
    transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
}
#menu ul a.opener,
#menu ul span.opener {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    position: relative;
}
#menu ul a,
#menu ul span {
    border-bottom: 0;
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 4px 10px 4px;
    letter-spacing: -0.05em;
}
#menu ul a.opener:before,
#menu ul span.opener:before {
    -moz-transition: color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
    color: #9fa3a6;
    content: "\f078";
    position: absolute;
    right: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-transform: none !important;
}
#menu > ul > li > ul {
    color: #9fa3a6;
    display: none;
    margin: 0;
    padding-left: 1em;
}
#menu > ul > li > ul > li {
    margin: 0.125em 0 0;
    padding: 0.125em 0 0;
}
#menu > ul > li > ul a,
#menu > ul > li > ul span {
    font-size: 14px;
    color: #777;
    padding: 4px 10px;
}
#menu ul a.opener.active:before,
#menu ul span.opener.active:before {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#menu ul a.opener.active + ul,
#menu ul span.opener.active + ul {
    display: block;
}
#sidebar .major {
    border-bottom: 2px solid #dedede;
    padding: 0 10px 10px;
}
#sidebar .major h2 {
    margin: 0;
    text-align: left;
    font-size: 26px;
}
@media screen and (max-width: 767px) {
    .content-left {
        display: none;
    }
}

/* 페이지 경로 */
.title-route {
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin: 0;
}
.title-route > div {
    max-width: 1170px;
    margin: 0 auto;
    float: none;
    overflow: hidden;
}
.title-route ol {
    display: inline-block;
    margin: 0 0px 11px;
    padding: 0;
    list-style-type: none;
    float: right;
}
.title-route li {
    color: #888;
    padding-right: 5px;
    float: left;
    font-size: 12px;
}
.title-route li:last-child {
    color: #333;
}
.title-route h4 {
    display: none;
}
.title-route > div {
    padding: 11px 0px 0px;
}

/* 페이지 타이틀 */
.section-title-wrap {
    margin-bottom: 50px;
}
.section-title {
    color: #053690;
    font-size: 33px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 10px;
}
.content p.section-subtitle {
    color: #666;
    font-size: 19px;
    margin: 10px 0 0px;
    text-align: left;
}
@media (max-width: 767px) {
    .title-route ol {
        margin: 0;
    }
    .title-route > div {
        padding: 15px;
    }
}

/*=================================================
	비율 DIV
=================================================*/
/*****#####===== 비율 박스 =====#####*****/
.ratio-box {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.ratio-box:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.ratio-box > .ratio-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.middle-box {
    display: table;
    width: 100%;
    height: 100%;

    text-align: center;
}

.middle-box .inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    text-align: center;
}

/*****#####===== 원형 비율 박스 =====#####*****/
.middle-box .inner.circle {
    border-radius: 100%;
    border: 5px solid rgba(255, 255, 255, 0.7);
}
.middle-box .inner.circle p {
    margin: 0;
    color: #000;
    font-size: 17px;
    letter-spacing: -0.05em;
}

/*****#####===== 레이어 =====#####*****/
.ratio-box .layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;

    background-color: rgba(0, 0, 0, 0.5);

    color: #ffffff;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease-in-out;
}

.ratio-box:hover .layer {
    opacity: 1;
}

.ratio-box .slide-layer {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease-in-out;
}

.ratio-box:hover .slide-layer {
    opacity: 1;

    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.ratio-box .layer.circle {
    border-radius: 100%;
}

/*=================================================
		01. 회사소개
=================================================*/
/*****#####===== 인사말 =====#####*****/
.greeting_des p {
    word-break: keep-all !important;
    font-size: 13.5px;
    max-width: 95%;
    text-align: justify;
}

.about1 .sign {
    margin: 30px 0 0;
    font-weight: 500;
    text-align: right;
}
.about1.greeting .col-md-7 p {
    font-size: 14px;
    word-break: keep-all;
}

.about1 p.first-txt {
    color: #053690;
    margin: 0 0 30px;
    font-size: 19px !important;
    line-height: 1.5;
    letter-spacing: -0.05em;
}

@media (max-width: 767px) {
    .steps {
        padding-left: 30px;
    }
    .about1 p.first-txt {
        margin: 30px 0;
    }
    .greeting_des p {
        margin: 0 0 15px 0;
        max-width: 100%;
        text-align: left;
    }
}

/*****#####===== 연혁 =====#####*****/
.steps {
    position: relative;
}
/* .steps:before {top: 85px;bottom: 0;position: absolute;content: " ";width: 2px;background-color: #053690;left: 1.2%;margin-left: -1px;} */
@media screen and (max-width: 991px) {
    .steps:before {
        left: 50%;
    }
}
.timeline {
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    padding: 0px;
    list-style-type: none;
}
.timeline .timeline-box {
    position: relative; /* float: left; */ /* clear: left; */
    width: 100%;
    margin: 5px 2.5% 0;
    list-style-type: none;
    display: block;
    padding: 5px 10px;
    z-index: 15;
}
.timeline .timeline-box:after {
    content: "";
    dispplay: block;
    clear: both;
}
.timeline .timeline-box .timeline-title {
    margin: 0 20px 0 0;
    color: #053690;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: -0.03em;
    float: left;
    padding: 0;
}
.timeline .timeline-box .timeline-details {
    display: inline-block;
    padding-top: 5px;
}
.timeline .timeline-box .timeline-details table tr {
    line-height: 1.8;
}
.timeline .timeline-box .timeline-details table tr th {
    vertical-align: top;
    padding-right: 20px;
}
.timeline .timeline-box .timeline-details table tr td {
    font-size: 15px;
}
.timeline .timeline-box .timeline-details p strong {
    font-weight: 500;
    font-size: 14px;
    color: #4491f5;
    margin-right: 10px;
    width: 55px;
}
.timeline .timeline-box span {
    position: absolute;
    top: -15px;
    right: 24px;
    font-size: 8em;
    font-weight: 700;
    color: #053690;
    opacity: 0.1;
    z-index: -1;
}
.timeline .timeline-box .timeline-details p {
    font-size: 14px;
    font-weight: 600;
}
@media all and (max-width: 600px) {
    .timeline .timeline-box {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
/* .timeline .timeline-box:hover::after {background: #053690;} */
@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: 100.8%;
        top: 1.5em;
        border: 2px solid #053690;
    }
}
/* .timeline .timeline-box:first-child {margin-bottom: 2.5em;} */
/* .timeline .timeline-box:nth-of-type(1n)::before {position: absolute;top: 15px;display: inline-block;border-top: 10px solid transparent;border-left: 10px solid #f8f8f8;border-right: 0 solid #f8f8f8;border-bottom: 10px solid transparent;content: " ";} */
.timeline .timeline-box:nth-of-type(2n)::before {
    right: auto;
    left: -10px;
    position: absolute;
    top: 15px;
    display: inline-block;
    border-top: 10px solid transparent;
    border-right: 10px solid #f8f8f8;
    border-left: 0 solid #f8f8f8;
    border-bottom: 10px solid transparent;
    content: " ";
}
@media all and (min-width: 600px) {
    /* .timeline .timeline-box:nth-of-type(2n) {margin-top: 3em;} */
}
.timeline .timeline-box:nth-child(2n)::after {
    left: -1.9%;
    right: auto;
}
/* .timeline-box:hover, .timeline-box:focus {transform: translate(0, -5px); -webkit-transform: translate(0, -5px); -ms-transform: translate(0, -5px);}
.timeline-box:hover, .timeline-box:focus {-webkit-box-shadow: 0px 3px 0px 0px #053690; -moz-box-shadow: 0px 3px 0px 0px #053690; box-shadow: 0px 3px 0px 0px #053690;}
.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;} */
/* .steps-area {padding: 50px 0 0; margin-top: -50px;} */
.steps-timeline {
    font-size: 14px;
    line-height: 16px;
}
.step-title,
.step-description {
    margin: 0;
    display: block;
    text-align: center;
}
.step-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
.ste-description {
    overflow: hidden;
    line-height: 20px;
}
.steps-timeline .step {
    outline: 1px dashed rgba(0, 128, 0, 0);
    margin-bottom: 20px;
}
.step-milestone {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 8px solid #053690;
    border-radius: 50%;
    margin: 15px auto;
    box-sizing: border-box;
}
@media screen and (max-width: 678px) {
    .steps-timeline {
        border-left: 2px solid #3498db;
        margin-left: 25px;
    }
    .steps-timeline .step {
        margin-left: -25px;
        display: block;
        overflow: auto;
    }
    .step-milestone {
        float: left;
        margin-left: 10px;
    }
    .step-title,
    .step-description {
        text-align: left;
        margin-left: 60px;
    }
}
@media screen and (min-width: 678px) {
    .steps-timeline {
        border-top: 2px solid #3498db;
        margin-top: 50px;
        margin-left: 0%;
        margin-right: 0%;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
    }
    .steps-timeline .step {
        margin-top: -30px;
        -webkit-flex: 1; /* << Safari 6.1+ */
        -ms-flex: 1; /* << IE 10 */
        flex: 1;
    }
}

/* 연혁 디자인 수정 */
#timeline {
    position: relative;
    height: 100%;
    /* padding-top: 70px; */
    margin-top: 20px;
}
#timeline .dummy {
    visibility: hidden;
}
#timeline::before {
    content: " ";
    width: 1px;
    height: 100%;
    background-color: #dce4ec;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
}
#timeline::after {
    content: " ";
    width: 16px;
    height: 16px;
    background: #273895;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    border-radius: 50%;
    margin-left: -7px;
}
#timeline dl {
    float: left;
    width: 50%;
    margin-bottom: 0;
    padding: 0px 20px 50px;
    position: relative;
    animation-duration: 1s;
    animation-fill-mode: both;
}
#timeline dl:nth-child(odd) {
    text-align: right;
    animation-name: fadeInLeft;
}
#timeline dl:nth-child(even) {
    text-align: left;
    margin-top: 12%;
    animation-name: fadeInRight;
}
#timeline dl:nth-child(2){margin-top: 5%;}
#timeline dl:nth-child(odd):before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    right: -5px;
    top: 10px;
    background: #fff;
    border: 2px solid #273895;
    border-radius: 50%;
}
#timeline dl:nth-child(even):before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: -5px;
    top: 10px;
    background: #fff;
    border: 2px solid #273895;
    border-radius: 50%;
}
#timeline dl dt {
    font-size: 21px;
    color: #053690;
    font-weight: 600;
    margin-bottom: 2px;
}
#timeline dl dd {
    font-weight: 400;
    color: #616161;
    font-size: 16px;
}
#timeline dl dd strong {
    margin: 0 5px;
}
#timeline dl dd ul {
    margin: 0;
    padding: 0;
}
#timeline dl dd ul li {
    list-style: none;
    word-break: break-word;
    margin: 0 0 5px;
    line-height: 1.5;
    color: #000;
}
#timeline dl dd ul li ul li {
    color: #666;
    font-size: 15px;
}
#timeline dl:nth-child(even) dd ul li ul {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    font-size: 14px;
    padding: 5px;
}
#timeline dl:nth-child(even) dd ul {
    padding-right: 5px;
}
#timeline dl:nth-child(odd) dd > ul {
    padding-left: 30px;
}
#timeline dl:nth-child(odd) dd ul li {
    text-indent: -30px;
}
#timeline dl:nth-last-of-type(1) {
}

@media (max-width: 767px) {
    #timeline {
        padding-top: 50px;
    }
    #timeline::before {
        left: 15px;
    }
    #timeline::after {
        left: 15px;
    }
    #timeline dl {
        padding: 0 20px 0 35px;
        width: 100%;
    }
    #timeline dl dt {
        font-size: 20px;
    }
    #timeline dl dd {
        font-size: 14px;
        word-break: keep-all;
    }
    #timeline dl:nth-child(even) {
        text-align: left;
    }
    #timeline dl:nth-child(even):before,
    #timeline dl:nth-child(odd):before {
        right: auto;
        left: 9px;
        top: 30px;
    }
    #timeline dl:nth-child(odd) {
        margin-top: 0;
    }
    #timeline dl:nth-child(even) dd ul {
        padding-left: 35px;
    }
    #timeline dl:nth-child(even) dd ul li {
        text-indent: -30px;
    }
    #timeline dl:nth-child(even) dd ul li strong {
        position: relative;
        right: auto;
    }
    #timeline dl:nth-last-of-type(1)::after {
        right: auto;
        left: 12px;
        bottom: -1px;
    }
}

/*****#####===== 조직도 =====#####*****/
/*****#####===== 비전 =====#####*****/
.about4 .inner.circle {
    background-color: #e8e8e8;
    color: #053690;
}
.about4 .center-box .inner {
    background-color: #053690;
}
.about4 .center-box .inner p {
    color: #fff;
}
.about4 .vision-box {
    padding: 0 150px 50px;
}

/*=================================================
		02.제품 소개
=================================================*/
.product .text-wrap {
    padding-left: 30px;
}
.product .pd-title {
    font-size: 16px;
    font-weight: 500;
    color: #053690;
}
.product ul {
    padding-left: 0;
}
.product ul li {
    line-height: 1.6;
}
.content-sub ul {
    padding-left: 0;
}
.content-sub a {
    color: #000;
}

/* vishay */

.pd_intro01 .col-sm-12 > .row {
    margin-bottom: 35px;
}
.pd_intro01 .col-sm-6 ul > li {
    display: inline-block;
}
.pd_intro01 h5 {
    color: #f6a00a;
    font-size: 15px;
    font-weight: bold;
}
.pd_intro01 a {
    border: 1px solid #eee;
    padding: 15px 10px;
    display: inline-block;
    background: #f9f9f9;
}
.pd_intro01 .product_head {
    margin-bottom: 25px;
}
.pd_intro01 .product_head p {
    display: inline-block;
    font-weight: 600;
    font-size: 17px;
}
.pd_intro01 .product_head p span {
    color: #007ac5;
}

/*삼성전기 */
.pd_intro02 .pd_intro02_sect {
    border: 1px solid #e1e1e1;
    padding: 19px;
    margin: 0px 0px 15px;
    min-height: 310px;
}
.pd_intro02 h5 {
    color: #164aea;
    font-weight: 600;
    font-size: 16px;
    text-indent: 5px;
}
.pd_intro02_sect p {
    font-size: 12px;
    padding: 0px 0px 0px 8px;
    margin-top: 15px;
}

/* AVX */
.pd_intro03 h5 {
    color: #ea6412;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 25px;
}
.pd_intro03 h6 {
    display: inline-block;
}
.pd_intro03 .link a {
    display: block;
    border: 1px solid #eee;
    padding: 15px 10px;
    background: #f9f9f9;
}

/* kemet */

.pd_intro04 .col-sm-12 ul > li {
    display: inline-block;
}
.pd_intro04 h5 {
    color: #ea6412;
    font-size: 17px;
    font-weight: bold;
    margin: 30px 0px 5px;
}
.pd_intro04 h6 a {
    display: block;
    border: 1px solid #eee;
    padding: 15px 10px;
    background: #f9f9f9;
}

/* mps */
.pd_intro05 h5 {
    display: inline-block;
}
.pd_intro05 h5 a {
    display: block;
    border: 1px solid #eee;
    padding: 15px 10px;
    background: #f9f9f9;
}
.pd_intro05 .description .title {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 35px;
}
.pd_intro05 .description .title span {
    font-size: 15px;
    color: #009e47;
}

/* hitachi chemical */

.pd_intro06 .pd_intro06_sect {
    margin-top: 35px;
}
.pd_intro06 .pd_intro06_sect ul > li {
    display: inline-block;
}
.pd_intro06 h5 {
    color: #f6a00a;
    font-size: 15px;
    font-weight: bold;
}
.pd_intro06 a {
    border: 1px solid #eee;
    padding: 15px 10px;
    display: inline-block;
    background: #f9f9f9;
}

/* dynamic */
.pd_intro07_sect {
    margin: 0 0 35px;
}
.pd_intro07 p.title {
    color: #17375d;
    font-size: 18px;
    font-weight: bold;
}
.pd_intro07 h5 {
    color: #f6a00a;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 24px;
}
.pd_intro07_sect .col-sm-4 {
    padding: 15px 10px;
    background: #eee;
}
.pd_intro07_sect .col-sm-4 h6 {
    background: #c2e1e9;
    color: #0066cc;
    padding: 10px 0px;
    text-decoration: underline;
    font-size: 16px;
    margin: 10px;
    font-weight: bold;
}
.pd_intro07_sect .col-sm-4 p {
    font-size: 13px;
    padding: 0px 10px;
}
.pd_intro07_sect .col-sm-3 {
    padding: 0px 5px;
}
.pd_intro07_sect .col-sm-3 h6 {
    color: #52b8e6;
    font-weight: bold;
    font-size: 16px;
}

/* kyushu*/
.pd_intro08_sect {
    margin: 35px 0px;
}
.pd_intro08_sect > div {
    padding: 0px;
}
.pd_intro08_sect .col-sm-3 img {
    margin-bottom: 8px;
}
.pd_intro08 .product_head {
    margin-bottom: 25px;
}
.pd_intro08 .product_head img {
    width: 100%;
    max-width: 60px;
    margin-top: -35px;
    margin-right: 15px;
}
.pd_intro08 .product_head p {
    display: inline-block;
    font-weight: 500;
    font-size: 25px;
    line-height: 25px;
}
.pd_intro08 .product_head p small {
    font-size: 15px;
}

/*=================================================
		02.제품 소개 (수정)
=================================================*/
.product .sec1 .row {
    margin-bottom: 20px;
}
.product .sec1 .img-wrap,
.product .sec1 .txt-wrap {
    height: 200px;
}
.product .sec1 .img-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.product .sec1 .img-wrap a {
    display: flex;
    width: 190px;
    height: 120px;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
}
.product .sec1 .img-wrap a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product .sec1 .txt-wrap {
    padding: 20px;
    display: flex;
    align-items: center;
    background-color: #eee;
}
.product .sec1 .txt-wrap h4 {
    background: #c2e1e9;
    color: #0066cc;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}
.product .sec1 .txt-wrap h4 a {
    display: block;
}
.product .sec1 .txt-wrap ul li {
    font-size: 15px;
}
.product .sec1 .txt-wrap ul li.drop {
    padding-left: 22px;
    font-size: 14px;
    color: #555;
}
.product .sec1 .txt-wrap ul li:before {
    content: "- ";
}
.product .sec1 .txt-wrap ul li.drop:before {
    content: "└ ";
}

@media (max-width: 767px) {
    .product .sec1 {
        padding: 0 15px;
    }
    .product .sec1 .img-wrap {
        border-right: 1px solid #eee;
    }
    .product .sec1 .img-wrap a img {
        width: 45%;
    }
}

/*=================================================
		03.제품 문의
=================================================*/
.contact-mail-layout {
    padding: 0 0 50px;
}
.contact_mail {
    margin: 40px auto 10px;
}
.contact_mail .section-title-wrap {
    margin-bottom: 30px;
}
.form-control {
    padding: auto 16px;
    height: auto;
    font-size: 13px;
    line-height: 1.6;
    color: #666;
    border-radius: 0;
}
#mailForm {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}
#mailForm .btn-primary {
    background: #053690;
    border-radius: 0;
    border: 1px solid #053690 !important;
    padding: 8px 0 8px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#mailForm .btn-primary:focus,
.btn-primary:hover {
    background-color: #053690 !important;
    border: 1px solid #053690 !important;
}

/*=================================================
		04. 찾아오시는 길
=================================================*/
.location h5 {
    color: #2f48a2;
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 20px;
}
.location h5 i {
    color: #658efe;
    padding-right: 10px;
}
.location table {
    border-top: 1px solid;
    border-bottom: 1px solid #ddd;
    margin: 30px 0 50px;
}
.location table td .subject {
    display: inline-block;
    width: 43px;
}

@media (max-width: 767px) {
    .location table {
        border-right: 1px solid #eee;
    }
    .table-responsive {
        border: none;
    }
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px) {
}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px) {
    .about4 .vision-box {
        padding: 0 200px 50px;
    }
}

/***** xs *****/
@media (max-width: 767px) {
    .about4 .vision-box {
        padding: 0 50px 50px;
    }
}

/* ---------- table 영역 설정 ---------- */
.table {
    border-top: 1px solid #b0b0b0;
}
.table tbody tr th {
    padding: 20px;
    text-align: left;
    background: #fafafa;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    font-weight: 400;
    vertical-align: middle;
}
.table tbody tr td {
    padding: 13px 20px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle;
}
@media screen and (max-width: 767px) {
    .table tbody tr th {
        padding: 15px 10px;
    }
}

/* --------------- sub page - 회원가입 --------------- */
.login-layout,
.id-find-layout,
.pw-find-layout {
    width: 1170px;
    margin: 70px auto 0;
    min-height: 500px;
}
.join-agree-layout,
.join-layout {
    width: 100%;
    margin: -38px auto 70px;
}
.join-agree-layout .panel {
    width: 80%;
    margin: 0 auto;
}
.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: #053690 !important;
    border: 0 !important;
    border-radius: 0;
}
.join-agree-layout .panel-body .form-group {
    float: none !important;
    width: 100% !important;
    margin: 20px auto 30px !important;
    display: inline-block !important;
}
.join-agree-layout .panel-body .form-group .control-label {
    margin: 0 auto 10px !important;
    width: 100% !important;
    padding: 0 15px !important;
}
@media screen and (max-width: 991px) {
    .login-layout,
    .id-find-layout,
    .pw-find-layout {
        width: 100%;
        margin: 0;
    }
}
/* --------------- sub page - 로그인 / 아이디, 비밀번호 찾기 --------------- */
.login-layout .panel,
.id-find-layout .panel,
.pw-find-layout .panel {
    border-radius: 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border: 1px solid transparent;
    min-height: 320px;
}
.login-layout .panel-body h2,
.id-find-layout .panel-body h2,
.pw-find-layout .panel-body h2 {
    margin: 0;
    color: #333;
    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 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: #333;
    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: #053690;
}
.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;
}

/* 게시판 설정 시작 */
/* ----- 텍스트 게시판 설정 ----- */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 14px 10px;
    color: #555;
    font-size: 14px;
}
.table > thead > tr > th {
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    font-weight: 500;
    color: #333;
}
.table > tbody > tr > td > strong > a {
    color: #555;
}
.table > tbody > tr > td > strong > a > span {
    color: #58ba36 !important;
}
.dh-board > .table-hover {
    border-top: 1px solid #34b371;
    border-bottom: 1px solid #ccc;
    margin: 0px 0 30px;
}
.dh-board > .table-hover > tbody > tr:hover td {
    background-color: #fcfcfc;
}
.table > tbody > tr:hover > td > strong > a {
    color: #222;
}
.dh-margin-top {
    margin-top: 40px;
    display: inline-block;
}
@media screen and (max-width: 767px) {
    .dh-board .table thead > tr > th.num,
    .dh-board .table tbody > tr > td.num {
        display: none;
    }
}
/* ----- 게시판 버튼 설정 ----- */
.label {
    background: transparent;
    padding: 0px 5px 0px;
    font-size: 90%;
}
.label-danger {
    color: #34b371;
}
.label-primary {
    color: #34b371;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #34b371;
    border: 1px solid #34b371 !important;
}
.pagination > li > a,
.pagination > li > span {
    color: #34b371;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #34b371;
}
.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 {
    padding: 0 15px 0 60px !important;
}
.sns-box {
    display: none;
}
.dh-view-box > .row > .page-header {
    border-top: 1px solid #2c2c2c;
    border-bottom: 1px solid #eee;
    padding: 5px 20px 5px;
    margin: 0;
}
.dh-view-box > .row > .page-header > h4 {
    color: #2c2c2c;
}
.dh-view-box > .row > .dh-view-info {
    border-bottom: 1px solid #ccc;
    background: transparent;
    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: 15px 20px 40px !important;
}
/* //게시판 설정 끝 */
/* 161213 added */
.container_contents {
    padding: 0;
}
.footer_copy {
    margin-top: -1px;
}

.dh-view-box > .row:nth-child(2) > div:nth-child(3) {
    padding: 15px 20px 40px !important;
}
/* //게시판 설정 끝 */
/* 161213 added */
.container_contents {
    padding: 0;
}
.footer_copy {
    margin-top: -1px;
}