@charset "utf-8";
@import url("/skin/notokr/notokr.css");

html {
    overflow-x: hidden;
    overflow-y: scroll;
}
.body-layout {
    background-color: #fff;
}
.body-layout > br {
    display: none;
}

/* 폰트 설정 */
.body-layout,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
button {
    font-family: "notokr", "NanumGothic", "나눔고딕", "NanumBarunGothic", "Apple SD Neo Gothic", "Malgun Gothic", "Gulim", sans-serif;
}
ol,
ul,
li {
    list-style: none;
    list-style-position: inside;
}
h4 {
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: -0.034em;
    color: #002e64;
}
p {
    font-size: 16px;
}
a:hover,
a:focus {
    text-decoration: none;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    word-break: keep-all;
}

/*상단 메뉴 설정 시작*/
.navbar-inverse {
    background: #ffffff; /*배경 색*/
    border-color: #ffffff; /*테두리 색*/
    padding: 0; /*내부 여백*/
    margin: 0px 0px 0px 0px; /*외부 여백*/
    border-bottom: 1px solid #dddddd;
}
/*상단 메뉴 설정 끝*/

/*상단 메뉴 로고 시작*/
.navbar-brand img {
    margin-top: 0;
    /* padding-top: 27px; */
}
/*상단 메뉴 로고 끝*/

/* 상단 메인 메뉴 설정 시작*/
.navbar-inverse .navbar-nav > li > a {
    color: #333333; /*텍스트 색*/
    font-size: 16px; /*텍스트 크기*/
    padding: 30px 38px; /*내부 여백*/
    margin: 0px 0px 0px 0px; /*외부 여백*/
}
/* 상단 메인 메뉴 설정 끝*/

/* 상단 서브 메뉴 설정 시작*/
.dropdown-menu > li > a {
    background-color: #ffffff; /*배경 색*/
    color: #333333; /*텍스트 색*/
    padding: 12px 20px; /*내부 여백*/
    margin: 0; /*외부 여백*/
    font-size: 14px;
}
/* 상단 서브 메뉴 설정 끝*/

/* 하단 카피라이트 설정 시작*/
body > .navbar-fixed-bottom .text-center {
    background: #ffffff; /*배경 색*/
    color: #999999; /*텍스트 색*/
    font-size: 14px; /*텍스트 크기*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 0px 0px 0px 0px; /*외부 여백*/
    text-align: center; /*텍스트 정렬*/
}
.footer_copy .text-center {
    background-color: #585b62; /*배경 색*/
    color: #999999; /*텍스트 색*/
    font-size: 14px; /*텍스트 크기*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 0px 0px 0px 0px; /*외부 여백*/
    text-align: center; /*텍스트 정렬*/
}
/* 하단 카피라이트 설정 끝*/

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

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

.flex-caption span.intro-title {
    background: none; /*배경 색*/
    color: #ffffff; /*텍스트 색*/
    font-size: 36px; /*텍스트 크기*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 10px 10px 10px 10px; /*외부 여백*/
}
.flex-caption span.intro-text {
    background: none; /*배경 색*/
    color: #ffffff; /*텍스트 색*/
    font-size: 14px; /*텍스트 크기*/
    padding: 0px 0px 0px 0px; /*내부 여백*/
    margin: 10px 10px 10px 10px; /*외부 여백*/
}
/*인트로 텍스트 설정 끝*/

/***** Custom CSS *****/
.mobile-show {
    display: none;
}
.mobile-hide {
    display: block;
}

.topmarginLay_a {
    height: 80px !important;
}
.footer-social-layout {
    display: none;
}

/* 언어 변환 버튼 시작 */
.ch-lang {
    width: 100%;
    margin: 10px 0 0;
    border-bottom: 1px solid #ddd;
}
.ch-lang ul {
    text-align: right;
}
.ch-lang ul > li {
    display: inline-block;
}
.ch-lang ul > li:last-child {
    border-left: 1px solid #ccc;
}
.ch-lang ul > li > img {
    width: 20px;
    margin-left: 30px;
    display: inline-block;
}
.ch-lang ul > li .lang {
    margin-right: 30px;
    font-size: 13px;
    color: #555;
    background-color: transparent;
    border: none;
}
.ch-lang ul > li .lang.active {
    color: #3f4f99;
    font-weight: 600;
}
.ch-lang ul > li .lang:not(.active):hover {
    color: #222;
}
/* 언어 변환 버튼 끝 */

/* 상단 메뉴바 시작 */
.navbar-inverse .divider-vertical {
    border-right-color: #25378a;
    border-left-color: #25378a;
}

.navbar-nav > li {
    /* width: 150px; */
    font-weight: 600;
    text-align: center;
    /* border-left: 1px solid #ddd; */
}
.navbar-nav > li:last-child {
    /* border-right: 1px solid #ddd; */
}

.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:active,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:active {
    color: #25378a;
    background-color: transparent !important;
}
.navbar-nav > li.divider-vertical,
.navbar-nav > li .caret {
    display: none;
}
.dropdown-menu {
    border: none;
    padding: 0;
    left: 0 !important;
    right: auto !important;
}
.dropdown-menu > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.034em;
    border-top: 1px solid #eee;
    background: #fafafa;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #fff;
    background: #6171bb;
    text-decoration: none;
}
/* 상단 메뉴바 끝*/

/* 로그인 페이지 */
.btn-warning {
    background-color: #25378a;
    border-color: #25378a;
}
/* 내 정보 페이지 */
.join-view-layout {
    margin-top: 250px;
}

/* 메인 페이지 시작 */
/* 이미지 슬라이드 */
@media screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: 15px;
    }
}
.container_slide {
    width: 100%;
    margin-top: 43px;
    padding: 0;
}
.container_slide .fill {
    height: calc(100vh - 265px);
}
.container_slide .carousel-caption {
    top: 24%;
    text-shadow: unset;
}
.container_slide .carousel-caption h1 {
    margin-bottom: 20px;
    font-size: 80px;
    color: #fff;
    font-weight: 600;
    text-shadow: none;
    text-align: left;
}
.container_slide .carousel-caption h1 span {
    padding: 0;
    opacity: unset;
    text-shadow: unset;
    letter-spacing: -0.02em;
    background-color: transparent;
    text-shadow: 1px 1px 3px hsla(0, 0%, 0%, 0.7);
}
.container_slide .carousel-caption h1 small {
    display: block;
    margin-top: 25px;
    letter-spacing: 0.3em;
    color: #fff;
    font-size: 24px;
    text-shadow: none;
    padding-left: 10px;
}
.container_slide .carousel-caption > h1 > span > p {
    margin-top: 50px;
    font-size: 32px;
    font-weight: 300;
    text-shadow: none;
    padding-left: 7px;
}
.container_slide .carousel-caption p span {
    font-size: 32px;
    letter-spacing: -0.034em;
    color: #fff;
    background-color: transparent;
    opacity: unset;
    text-shadow: unset;
    font-weight: 300;
}
.carousel-indicators li,
.carousel-indicators li.active {
    width: 20px;
    height: 8px;
    margin: 0 4px;
}
.carousel-indicators li {
    background-color: #fff;
    border-radius: 0;
}
.carousel-indicators li.active {
    background-color: #25378a;
    border-color: #25378a;
}
/*
.slide-box-right {
    top: 15%;
    right: 0;
    width: 16%;
    position: absolute;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
}
.slide-box-right strong {
    display: block;
    padding: 17px 0 15px;
    position: relative;
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    line-height: 1;
    color: #d7a96c;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    text-shadow: none;
}
.slide-box-right > ul {
    margin: 0;
    padding: 0px 16px;
}
.slide-box-right > ul > li {
    margin: 0;
    padding: 18px 10px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.03em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.slide-box-right > ul > li:last-child {
    border-bottom: none;
}
*/

/* 슬라이드 하단 게시판 */
.intro-board-widget-layout {
    width: 66.6%;
    display: inline-block;
    margin-bottom: 20px;
}
.intro-board-widget-layout .intro-boardbox {
    width: 50%;
}
.intro-board-widget-layout .intro-boardbox .page-header,
.intro-html-layout .page-header {
    margin: 35px 0 5px;
}
.intro-board-widget-layout .intro-boardbox .page-header > h4 > a,
.intro-html-layout .page-header > h4 > a {
    /* padding: 3px 8px; */
    color: #999;
    /* border: 1px solid #ddd; */
}
.intro-board-widget-layout .intro-boardbox .dh-front-blog > div {
    width: 50%;
}
.intro-board-widget-layout .intro-boardbox .dh-front-blog > div > .thumbnail {
    min-height: auto;
    margin-bottom: 40px;
}
.intro-board-widget-layout .intro-boardbox .dh-front-blog > div > .thumbnail > a.blogthumb {
    height: 157px;
}
.intro-board-widget-layout .intro-boardbox .dh-front-blog > div > .thumbnail > .caption h5 {
    margin: 0;
    font-size: 15px;
    text-align: left;
    padding: 3px !important;
    letter-spacing: -0.034em;
}
.intro-board-widget-layout .intro-boardbox .dh-front-blog .blog-row-contents {
    display: none;
}

/* HTML 영역 */
.intro-html-layout {
    float: right;
    width: 33.3%;
    padding-left: 30px;
}
.intro-html-layout .wrap-main-info {
    /* margin-top: 25px; */
}
.intro-html-layout .wrap-main-info .box-info {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    padding: 16px 9px;
    font-size: 18px;
    font-weight: 600;
    /* background-color: #f6f6f6; */
    border-bottom: 1px solid #e0e1e8;
}
.intro-html-layout .wrap-main-info .box-info > i {
    width: 16%;
    height: 40px;
    margin-right: 12px;
    padding: 7px 0px;
    font-size: 27px;
    color: #929eb4;
    text-align: center;
    /* border-right: 1px solid #ddd; */
}
.intro-html-layout .wrap-main-info .box-info small {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #999;
}
.intro-html-layout .wrap-main-info .box-info > a {
    color: inherit;
}
/* 메인 페이지 끝 */

/* 서브 페이지 */
/* 공통 */
.sub-layout {
    width: 100%;
    padding: 0;
}

.sub-page .top .img {
    height: 160px;
    margin-top: 39px;
    background-repeat: no-repeat;
    background-size: cover;
}

/* 서브 페이지 상단 이미지 */
.sub-page .top #back1.img {
    background-image: url("/skin/img/sub/page-top.jpg");
}
.sub-page .top #back2.img {
    background-image: url("/skin/img/sub/page-top2.jpg");
}
.sub-page .top #back3.img {
    background-image: url("/skin/img/sub/page-top3.jpg");
}
.sub-page .top #back4.img {
    background-image: url("/skin/img/sub/page-top.jpg");
}

.sub-page .inner-section {
    padding: 0;
}

.left-menu {
    padding-top: 45px;
    padding-right: 0;
    padding-left: 0;
    width: 16%;
}
.left-menu h3 {
    font-size: 36px;
    color: #333;
    font-weight: 300;
    text-align: left;
    margin-bottom: 26px;
    padding-left: 15px;
    letter-spacing: -0.034em;
}
.left-menu > ul {
    padding-left: 0;
    border-top: 1px solid #ddd;
    margin-bottom: 0;
}
.left-menu > ul > li {
    list-style-type: none;
    border-bottom: 1px solid #e5e5e5;
}
.left-menu > ul > li:hover,
.left-menu > ul > li:focus {
    background-color: #f0f0f0;
}
.left-menu > ul > li:hover > a,
.left-menu > ul > li:focus > a {
    text-decoration: none;
}
.left-menu > ul > li.current {
    background-color: #3f4f99;
}
.left-menu > ul > li > a {
    display: block;
    padding: 13px 18px;
    font-size: 15px;
    color: #333;
}
.left-menu > ul > li.current > a {
    color: #fff;
}
.left-menu > ul > li i {
    margin-right: 8px;
    display: none;
}

.sub-page .right-content {
    padding: 60px 20px 0 60px;
    border-left: 1px solid #ddd;
    width: 84%;
}
.sub-page .right-content .breadcrumb {
    right: 0;
    top: 30px;
    position: absolute;
    font-size: 13px;
    color: #777;
    background-color: transparent;
}
.sub-page .right-content .breadcrumb li.current {
    color: #333;
    font-weight: 600;
}

.sub-page .page-content {
    margin-top: 10px;
    margin-bottom: 80px;
    padding: 0;
}

.sub-page .page-title h2 {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 16px;
    letter-spacing: -0.034em;
}
.sub-page .page-title hr {
    margin-top: 0;
    border-color: #ddd;
}

h3.section-title {
    padding-left: 18px;
    font-size: 28px;
    margin-bottom: 18px;
    letter-spacing: -0.034em;
}
h3.section-title::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 0px;
    border: 3px solid #25378a;
    position: absolute;
    left: 15px;
    top: 29px;
    /* border-top-color: #34a3ea; */
    border-right-color: #1864ab;
}

/* 회사소개 */
.sub-page .right-content .page-content .slogan {
    margin-bottom: 20px;
    font-size: 35px;
    font-weight: 400;
    color: #002e64;
    letter-spacing: -0.034em;
}

table.company-info {
    border-top: 1px solid #555;
    border-bottom: 1px solid #ddd;
}
table.company-info tr > th,
table.company-info tr > td {
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #ddd;
}
table.company-info tr > th:first-child,
table.company-info tr > td:first-child {
    border-left: none;
}
table.company-info tr > th {
    padding: 14px 8px;
    background-color: #f6f6f6;
}

/* 미션/비전 */
.mission .wrap-circle {
    width: 33%;
    display: inline-block;
    padding: 0 7px;
}
.mission .wrap-circle .circle {
    padding: 20px;
    text-align: center;
    border: 1px solid #ccc;
    border-top: 3px solid #1864ab;
    background-image: url("/skin/img/sub/circle-quarter.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 300px;
    box-shadow: 3px 3px 0px 1px #edf1f5;
}
.mission .wrap-circle .circle .mission {
    width: 85px;
    display: block;
    margin: 0 auto;
    padding: 4px 0 1px;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    /* border-top: 1px solid #ddd; */
    /* border-bottom: 1px solid #ddd; */
    /* background-color: #f6f6f6; */
}
.mission .wrap-circle .circle h4 {
    margin: 43px 0;
    font-size: 36px;
}
body.en .mission .wrap-circle .circle h4 {
    font-size: 32px;
}
.mission .wrap-circle .circle p {
    margin-bottom: 0;
    letter-spacing: -0.034em;
}

.vission .text {
    font-size: 30px;
    padding-left: 20px;
    line-height: 38px;
}
.vission .text h4 {
    margin-bottom: 15px;
    font-size: 35px;
}
.vission .text span {
    color: #1864ab;
}

/* 연혁 */
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: " ";
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 98%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0 30px;
    padding-left: 50px;
    position: relative;
}
ul.timeline > li:first-child {
    margin-top: 0px;
}
ul.timeline > li:before {
    content: " ";
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #1864ab;
    left: 22px;
    top: 3px;
    width: 16px;
    height: 16px;
    z-index: 400;
}
ul.timeline > li > h5 {
    margin: 0;
    float: left;
    font-size: 19px;
    font-weight: 600;
}
ul.timeline > li > p {
    padding-left: 80px;
}
body.en ul.timeline > li > p {
    padding-left: 60px;
}
ul.timeline > li > p::before {
    content: "-";
    margin-right: 5px;
    color: #777;
}

/* 오시는 길 */
table.contact-us {
    margin-top: 50px;
    border-bottom-color: #ccc;
}
table.contact-us tr > td[colspan="3"] {
    border-bottom: 1px solid #ddd;
}
table.contact-us tr > td > i {
    margin-right: 5px;
    padding: 3px;
    font-size: 18px;
    color: #505050;
}
table.contact-us tr > td > a {
    color: inherit;
}

/* 제품 페이지 - 전문의약품, 일반의약품, 건강기능식품  */
/* 게시판(blog / B타입) */
/* 글 리스트 */
.dh-board > .dhb-txt-box-type-b {
    padding: 0;
    border: none;
    background-color: transparent;
}
.dh-board > .dhb-txt-box-type-b .row {
    border: 1px solid #ddd;
    margin: 0 10px 20px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.dh-board > .dhb-txt-box-type-b .row:hover,
.dh-board > .dhb-txt-box-type-b .row:focus {
    border-color: #97a1ce;
}
.dh-board > .dhb-txt-box-type-b .dhb-txt-box-type-b-img-layout {
    padding: 0;
}
.dh-board > .dhb-txt-box-type-b .thumb-hidden {
    height: 220px;
    max-height: 220px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.dh-board > .dhb-txt-box-type-b .dhb-txt-box-type-b-text-layout {
    padding: 0;
}
.dh-board > .dhb-txt-box-type-b h4 {
    width: auto;
    margin: 0;
    padding: 13px;
    text-align: center;
    font-size: 15px;
    background-color: #fff;
}
.dh-board > .dhb-txt-box-type-b .txt-box-footer {
    display: none;
}
.dh-board .label-danger {
    margin-left: 3px;
    padding: 0.4em 0.7em;
    background-color: #e03131;
    border-radius: 100%;
}
.btn,
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-radius: 0;
}
input.form-control {
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: 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: #999;
    border-color: #999;
}
/* 글 상세 */
.dh-view-box {
    margin-top: 0;
    padding-top: 0;
}
.dh-view-box > .row > .page-header {
    border-top: none;
    border-bottom: 1px solid #ddd;
    padding: 0 5px;
}
.dh-view-box h4 {
    margin-bottom: 20px;
    font-size: 28px;
    text-align: left;
    margin-top: 0;
}
.dh-view-box > .row > .dh-view-info,
.dh-attach {
    display: none;
}

/* 제품문의 페이지 */
#contact_mail .left-menu li.display-none {
    visibility: hidden;
}
#mailForm .form-group .form-control {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
input[type="submit"].btn-primary.btn-block {
    display: block;
    margin: 0 auto;
    padding: 15px;
    width: 190px;
    font-weight: 600;
    background-color: #999;
    border-color: #999;
    border-radius: 0;
}
input[type="submit"].btn-primary.btn-block:hover,
input[type="submit"].btn-primary.btn-block:focus {
    background-color: #3f4f99;
    border-color: #3f4f99;
}

/* 로그인, 아이디/비밀번호 찾기 페이지 */
.login-layout,
.id-find-layout,
.pw-find-layout {
    width: 1170px;
    margin: 60px auto 0;
    padding: 60px 15px 80px;
}

/* 하단 푸터 시작 */
.footer-info {
    padding: 30px 0 0;
    text-align: center;
}
.footer-info > .container {
    position: relative;
}
.footer-info img {
    margin-bottom: 15px;
}
.footer-info ul {
    margin-bottom: 0;
}
.footer-info ul li {
    display: inline-block;
    margin-right: 6px;
    font-size: 13px;
    color: #eee;
    line-height: 20px;
}
.footer-info ul li .divider {
    margin-left: 8px;
    color: #6c6c6c;
}
.footer-info ul li.copy {
    margin-top: 10px;
    color: #ccc;
    font-size: 11px;
}
.footer-info ul li > a {
    color: inherit;
}
.footer-info .login {
    top: 0;
    right: 20px;
    display: block;
    position: absolute;
}
.footer-info .login > a {
    color: #eee;
    font-size: 13px;
}
/* 하단 푸터 끝 */

/* 모바일 최적화 */
@media (min-width: 768px) {
    /* 데스크탑/태블릿 */
    .navbar-right {
        margin-right: 0;
    }

    /* 게시판(blog / B타입) - 전문의약품, 일반의약품, 건강기능식품 / 메일폼 - 제품문의 */
    .dh-board,
    .dh-view-box,
    .form-horizontal,
    .contact-mail-layout > .sub-page + div {
        width: 982px;
        display: table;
        margin-top: -135px;
        margin-bottom: -30px;
        margin-left: 553px;
        padding: 0 20px 150px 60px;
        border-left: 1px solid #ddd;
    }
    .join-view-layout .form-horizontal {
        border-left: 0;
    }
    .contact-mail-layout > .sub-page + div {
        margin-left: 554px;
    }
    .dh-board {
        padding-top: 10px;
    }
    .dh-board > .dhb-txt-box-type-b {
        width: 33.3%;
    }
    #mailForm {
        margin-top: 0;
    }

    /* 글 작성/수정 */
    .form-horizontal .control-label {
        width: 14%;
        text-align: left;
    }
}
.breadcrumb > li + li:before {
    content: "\f105 ";
    color: #999;
    font-family: "FontAwesome";
}
.root_daum_roughmap {
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
.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;
}
#mailForm .error {
    font-size: 14px;
    margin-top: 7px;
}
#mailForm label[for="mail_agree"] {
    font-size: 13px;
    letter-spacing: -0.034em;
}
#mailForm .checkbox {
    margin-bottom: 80px;
}
.table > thead > tr > th {
    border-bottom: 1px solid #ddd;
}
.sub-page .page-content:last-child {
    margin-bottom: 180px;
}
.vission .text p {
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: -0.034em;
}
#company .col-md-12 p {
    font-size: 18px;
    letter-spacing: -0.034em;
    line-height: 1.7em;
}
#company .col-md-12 .slogan {
    font-size: 35px;
    margin-top: 80px;
}
#company .col-md-12 img {
    border-radius: 5px;
    /* padding: 20px; */
}
body.en #company table.company-info > thead > tr > th:nth-child(5),
body.en #company table.company-info > thead > tr > th:nth-child(6) {
    width: 13%;
}
.page-title {
    margin-bottom: 40px;
}
#introduce-branch .section-title {
    font-size: 24px;
    letter-spacing: -0.06em;
    padding-left: 0;
}
#introduce-branch .section-title::before {
    /*top: 22px;
    left: 14px;
    height: 23px;
    width: 5px;
    background: #007bd3;
    border: none;*/
    border-color: transparent;
}
#introduce-branch .section-title .num {
    margin-right: 3px;
    padding: 3px 7px;
    font-size: 17px;
    color: #fff;
}
#introduce-branch .section-title .num#seq-1 {
    background-color: #492593;
}
#introduce-branch .section-title .num#seq-2 {
    background-color: #087ce1;
}
#introduce-branch .section-title .num#seq-3 {
    background-color: #01538b;
}
#introduce-branch .section-title .num#seq-4 {
    background-color: #1049ba;
}
#introduce-branch .section-title .num#seq-5 {
    background-color: #293597;
}

.intro-board-widget-layout .page-header,
.intro-html-layout .page-header {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.intro-board-widget-layout .page-header h4,
.intro-html-layout .page-header h4 {
    font-size: 22px;
    letter-spacing: -0.034em;
    color: #333;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    padding-bottom: 11px;
    margin-bottom: 0;
}
.intro-board-widget-layout .dh-front-blog > .col-md-4 > .thumbnail > a.blogthumb {
    border: none;
}
@media (max-width: 768px) {
    .mobile-show {
        display: block;
    }
    .mobile-hide {
        display: none;
    }

    .ch-lang {
        margin-bottom: 10px;
    }
    .ch-lang ul > li > img {
        margin-left: 25px;
    }
    .ch-lang ul > li .lang {
        margin-right: 15px;
    }

    .navbar-inverse .navbar-nav > li.open > a,
    .navbar-inverse .navbar-nav > li.open > a:hover,
    .navbar-inverse .navbar-nav > li.open > a:focus {
        color: #fff;
        background-color: #222 !important;
    }

    .login-layout,
    .id-find-layout,
    .pw-find-layout {
        width: auto;
        margin: auto;
        padding: 15px;
    }
    .join-view-layout {
        margin-top: 0;
        padding: 15px;
    }

    .navbar-brand {
        padding: 10px 15px;
    }
    .navbar-brand img {
        height: 42px;
        margin-top: -7px;
        padding-top: 0;
    }
    /* body.en .navbar-brand img {width: 220px;} */
    .navbar-toggle {
        /* margin-top: 3px; */
        border: 0;
        border-radius: 0;
    }
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: transparent;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        width: 25px;
        height: 2px;
        background-color: #1864ab;
    }
    .navbar-nav {
        margin-bottom: 0;
    }
    .navbar-nav > li {
        text-align: left;
        border-top: 1px solid #ddd;
    }
    .navbar-nav > li.dropdown::after {
        content: "▼";
        position: absolute;
        right: 20px;
        top: 17px;
        font-size: 10px;
        color: #999;
    }
    .navbar-nav > li.dropdown.open::after {
        content: "▲";
        color: #fff;
    }
    .navbar-inverse .navbar-nav > li > a {
        padding: 15px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        padding: 10px 18px;
        color: #555;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #1864ab;
    }

    .container_slide {
        margin-top: 27px;
    }
    /* body.en .container_slide {margin-top: 18px;} */
    .container_slide .carousel-caption {
        top: auto;
    }
    .container_slide .carousel-caption h1 {
        font-size: 40px;
        text-align: center;
    }
    .container_slide .carousel-caption h1 small {
        font-size: 20px;
    }

    .mobile-btn-layout-container + .container_contents {
        padding-right: 0;
    }
    .intro-board-widget-layout,
    .intro-board-widget-layout .intro-boardbox,
    .intro-board-widget-layout .intro-boardbox .dh-front-blog > div,
    .intro-html-layout {
        width: 100%;
    }
    .intro-board-widget-layout .intro-boardbox .dh-front-blog > div {
        width: 50%;
        float: right;
    }
    .intro-board-widget-layout {
        margin-bottom: 0;
    }
    .intro-board-widget-layout .intro-boardbox {
        padding-right: 0;
    }
    .intro-html-layout {
        padding-left: 0;
        margin-bottom: 35px;
    }
    .intro-html-layout .wrap-main-info .box-info > i {
        width: 20%;
    }

    .footer-info > .container {
        padding: 0;
    }
    .footer-info .login {
        position: static;
        margin-bottom: 20px;
    }

    /* 서브 */
    .sub-page > .row.top {
        margin: 0;
    }
    .sub-page .top .img {
        height: 140px;
        margin-top: 27px;
        background-position: center center;
    }
    .sub-page .top #back1.img,
    .sub-page .top #back4.img {
        background-image: url(/skin/img/sub/page-top-mobile.jpg);
    }

    .left-menu {
        display: none;
    }
    .sub-page .right-content {
        width: 100%;
        padding: 60px 15px;
        border-left: 0;
    }
    .sub-page .page-title h2 {
        margin-bottom: 10px;
        text-align: center;
    }
    .sub-page .right-content .breadcrumb {
        position: static;
        margin-bottom: 15px;
        padding: 0;
        text-align: center;
    }
    #company .col-md-12 .slogan {
        margin-top: 60px;
    }
    .sub-page .page-content {
        margin-bottom: 60px;
    }
    .sub-page .page-content:last-child {
        margin-bottom: 30px;
    }

    table.company-info tr > th,
    table.company-info tr > td {
        border-bottom: 1px solid #ddd;
    }

    h3.section-title::before {
        top: 8px;
    }
    .mission .wrap-circle {
        width: 100%;
        margin-bottom: 15px;
    }
    .vission .text h4 {
        margin-top: 30px;
    }

    ul.timeline {
        margin-top: 30px;
    }

    table.contact-us tr > td > i {
        display: block;
    }

    #introduce-branch .section-title {
        margin-top: 35px;
    }

    .bbs-blog2-index-layout .sub-page .right-content,
    .bbs-blog-view-layout .sub-page .right-content,
    .contact-mail-layout .sub-page .right-content {
        padding-bottom: 0;
    }
    .bbs-blog2-index-layout .sub-page .right-content .page-title,
    .bbs-blog-view-layout .sub-page .right-content .page-title,
    .contact-mail-layout .sub-page .right-content .page-title {
        margin-bottom: 0;
    }

    .dh-margin-top {
        margin-left: 0;
        margin-right: 0;
    }

    .dh-view-box > .row > .page-header {
        margin-right: 15px;
        padding: 0 15px;
    }
    .btn-group {
        margin-bottom: 10px;
    }
    .dh-view-box > .row {
        margin-right: 0;
        padding-right: 0;
    }

    #mailForm {
        padding: 15px;
    }

    .footer-info img {
        height: 37px;
    }
}
.root_daum_roughmap .cont{
    display: none;
}