@charset "utf-8";

#site {
    padding-top: 85px;
    font-size: 16px;
    font-family: 'notokr', sans-serif;
    color: #111;
    letter-spacing: -0.02em;
    line-height: 1.5;
}

a,
button {
    transition: all ease-in-out .15s;
    -webkit-transition: all ease-in-out .15s;
    -moz-transition: all ease-in-out .15s;
    -ms-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
}

a,
a:hover,
a:focus {
    color: inherit;
}

p {
    margin-bottom: 15px;
    line-height: 1.87;
}

.btn.btn-primary {
    background-color: #148cb3;
    border-color: #148cb3;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: #056a98;
    border-color: #056a98;
}

.btn.btn-dark {
    background-color: #3a3a3a;
    border-color: #3a3a3a;
}

.btn.btn-dark:hover,
.btn.btn-dark:focus {
    background-color: #1c1c1c;
    border-color: #1c1c1c;
}

a[href^="mailto"], .checkbox a,
.board_wrapper .table.board_write_table tbody tr th>span.required_text {
    color: #079cc7;
}

/* 스크립트로 추가 */
.btn-top {
    z-index: 1;
    position: fixed;
    display: none;
    right: 18px;
    bottom: 18px;
    padding: 12px 18px;
    font-size: 22px;
    color: #fff;
    background-color: rgba(5, 137, 185, .85);
}
.btn-top:hover {
    cursor: hand;
    cursor: pointer;
    background-color: rgba(5, 137, 185, 1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* 언어 전환 버튼 (다국어) */
.ch-lang {
    top: 29px;
    right: 70px;
    float: right;
    position: absolute;
}
.ch-lang ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.ch-lang ul > li {
    position: relative;
    display: inline-block;
    line-height: 1;
}
.ch-lang ul > li .lang {
    padding: 0 0 0 8px;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    line-height: 1;
    background-color: transparent;
    border: none;
    letter-spacing: -0.03em;
}
.ch-lang ul > li .lang.active {
    font-weight: 600;
    color: #148cb3;
}
.ch-lang ul > li .lang:not(.active):hover {
    color: #333;
    text-decoration: underline;
}
.ch-lang ul > li .lang:not(.active):focus {
    outline: none;
}

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

/* 상단 메뉴 */
.navbar-inverse {
    position: fixed;
    margin-bottom: 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.navbar-inverse .navbar-brand {
    padding: 0;
    margin-left: 0 !important;
    margin: 25px 0 0;
    height: auto;
}
body.en .navbar-inverse .navbar-brand {
    margin: 30px 0 0;
}

.navbar-inverse .navbar-nav>li>a {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    letter-spacing: -0.02em;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #148cb3;
}

.navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle,
.navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle {
    color: #fff;
    background: #148cb3;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-toggle {
        border: 0;
        padding: 15px 0;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #666;
        transition: ease-in-out .15s all;
        opacity: 1;
        position: relative;
    }
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background: none;
        border-color: #148cb3;
    }
    .navbar-inverse .navbar-toggle:hover .icon-bar,
    .navbar-inverse .navbar-toggle:focus .icon-bar {
        background-color: #148cb3;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: transparent;
    }
    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(1) {
        transform: rotate(45deg);
        top: 6px;
    }
    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(2) {
        opacity: 0;
    }
    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(3) {
        transform: rotate(-45deg);
        top: -6px;
    }
}

@media (min-width: 768px) {
    .navbar-inverse .navbar-nav .dropdown-menu {
        left: 50%;
        right: auto;
        padding: 0;
        transform: translate(-50%, 0);
        background-color: transparent;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, .125);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, .125);
        min-width: 180px;
        background: rgba(41,59,113,0.85);
    }
    .navbar-inverse .navbar-nav .dropdown-menu>li>a {
        padding: 12px 20px;
        font-size: 15px;
        color: #eee;
    }
    .navbar-inverse .navbar-nav .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .dropdown-menu>li>a:focus {
        color: #fff;
        background: #079cc7;
    }
}

@media (min-width: 992px) {
    .navbar-inverse .navbar-right {
        margin-right: -30px;
    }
    .navbar-inverse .navbar-nav>li>a {
        padding: 32px 22px;
    }
}

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

.carousel-control.left .glyphicon::before {
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.carousel-control.right .glyphicon::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.carousel-indicators{
    bottom:30px;
}

.carousel-indicators li,
.carousel-indicators li.active {
    width: 90px;
    height: 8px;
    background-color: #fff;
    margin: 0 4px;
    transition: ease-in-out .15s all;
    border: none;
    opacity: 0.5;
}

.carousel-indicators li.active {
    opacity: 1;
}

.carousel-caption {
    padding: 0;
    top: 51.5%;
    text-shadow: none;
    color: #0a72bb;
}

.carousel-caption h1 {
    font-size: 84px;
    letter-spacing: -0.01em;
    margin: 0 0 3px;
    font-weight: 600;
    color: #0268b1;
}
.carousel-caption p {
    font-size: 33px;
    letter-spacing: 0;
    font-weight: 400;
}

.carousel-caption p>.btn {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    border: 2px solid #0b88cc;
    background: #0b88cc;
    color: #fff;
    border-radius: 3px;
    letter-spacing: 0.5px;
    margin-top: 58px;
    padding: 18px 45px;
}

.carousel-caption p>.btn:hover,
.carousel-caption p>.btn:focus {
    color: #7de5f3;
}

@media (max-width: 767px) {
    .carousel-control {
        font-size: 14px;
    }
    .carousel-indicators li,
    .carousel-indicators li.active {
        width: 6px;
        height: 6px;
    }
}

/* 푸터 */
#site footer {
    margin-top: 0px;
    background-color: #222;
    color: #999;
}

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



#site footer .footer-info ul {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 0
}

#site footer .footer-info ul li {
    list-style: none;
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    margin-bottom: 3px;
    line-height: 1.8;
    letter-spacing: -0.025em;
}

#site footer .footer-info ul li.logo {
    float: left;
    margin-right: 47px;
    margin-bottom: 8px;
}
/*
#site footer .footer-info ul li.name {
    font-weight: 600;
}
*/
#site footer .footer-info ul li.copy {
    display: block;
    margin-top: 12px;
    font-size: 13px;
    color: #777;
}

#mainCarousel .carousel-inner .item {height: 100vh;}

@media (max-width: 767px) {
    #mainCarousel .carousel-inner .item {
        height: 250px
    }

    #mainCarousel .carousel-caption h1 {
        font-size: 24px
    }

    #mainCarousel .carousel-caption p {
        font-size: 12px;
    }
}

.root_daum_roughmap {
    width: 100% !important;
    padding: 0 !important;
}

.root_daum_roughmap .map_border {
    display: none !important;
}

.board_box_blog2 .row {
    margin-left: -5px;
    margin-right: -5px;
}

.board_box_blog2 .row>div[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.board_box_blog2 .inner {
    margin-top: 0;
    margin-bottom: 0;
}

.board_box_blog2 .inner .bottom {
    padding: 12px 10px;
}

.board_box_blog2 .inner .bottom .title {
    margin-bottom: 0;
}

.board_box_blog2 .inner .bottom .title a {
    font-size: 14px;
}

.board_box_blog2 .inner .bottom .info {
    display: none;
}

.board_box_blog2 .inner .top a .thumb {
    height: 100px;
}

/* 메인 스타일 */
#main_wrapper {margin-top: -85px;}

/* 동영상 영역 */
.main-contents > #section-video {
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.main-contents > #section-video > img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .7;
    z-index: 10;
}
.main-contents > #section-video video {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: 0;
}
.main-contents > #section-video .text {
    top: 48%;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
    z-index: 800;
}
.main-contents > #section-video .text h1 {
    margin: 0;
}
.main-contents > #section-video .text h2 {
    margin: 10px 0 0;
    font-size: 22px;
    font-weight: 500;
    color: #a1a2a6;
    letter-spacing: 6px;
}
body.en .main-contents > #section-video .text h2 {
    font-size: 20px;
    letter-spacing: 2px;
}

/********** 서브 시작 **********/
/* 공통 */
#site > .container {
    width: 100%;
    padding: 0;
}

.sub-contents .page-top {
    height: 280px;
    padding: 102px 0 0;
    color: #fff;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #333;
    background-image: url('/public/img/sub/back-page-top1.jpg');
}

#biz_partners .page-top {background-image: url('/public/img/sub/back-page-top2.jpg');}
#recruiting .page-top {background-image: url('/public/img/sub/back-page-top3.jpg');}
#contact_us .page-top {background-image: url('/public/img/sub/back-page-top4.jpg');}

.sub-contents>.page-top>.container {
    position: relative;
}

.sub-contents>.page-top h2 {
    margin: 0 0 10px;
    font-size: 44px;
    font-weight: 700;
    letter-spacing: -0.02em;
    /* color: #253d84; */
    text-shadow: 1px 1px 3px rgb(18, 97, 146);
}

.sub-contents>.page-top .sm {
    font-size: 16px;
    font-weight: 400;
    opacity: .6;
    text-align: center;
    letter-spacing: 0.02em;
    /* color: #0894d9; */
    opacity: 1;
    font-weight: 500;
    text-shadow: 1px 1px 3px rgb(18, 97, 146);
}

.sub-contents>.page-top .breadcrumb {
    top: -80px;
    left: 15px;
    position: absolute;
    margin-bottom: 0;
    padding: 0 15px 0 0;
    font-size: 12px;
    letter-spacing: 0;
    background-color: transparent;
    opacity: .8;
}
.breadcrumb>li+li:before{
    color:#fff;
}
.sub-contents>.page-top .breadcrumb>li:first-child::before {
    content: '\f015';
    top: 0;
    left: 0;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
}

.sub-contents>.links {
    margin-top: -27px;
}

.sub-contents>.links ul.nav {
    background: #148cb3;
    display: none
}

.sub-contents>.links ul.nav>li+li a {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.sub-contents>.links ul.nav>li>a {
    padding: 19px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #fff;
}

.sub-contents>.links ul.nav>li>a:hover,
.sub-contents>.links ul.nav>li>a:focus {
    color: #fff;
    background-color: #074d7d;
}


.sub-contents>.contents>section {
    padding: 60px 0;
}

.sub-contents>.contents>section:first-child {
    padding-top: 85px;
}

.sub-contents>.contents>section:last-child {
    padding-bottom: 110px;
}

.title-lv-3 {
    position: relative;
    margin: 0 0 30px;
    font-weight: 600;
    font-size: 38px;
    line-height: 1;
    letter-spacing: -0.04em;
}
.title-lv-4 {
    position: relative;
    margin: 0 0 28px;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.025em;
}

.list-default {
    padding-left: 0;
    list-style-type: none;
}
.list-default > li {
    position: relative;
    margin-bottom: 5px;

}
.list-style-1 > li {
    margin-bottom: 4px;
    padding-left: 16px;
}
.list-style-1 > li::before {
    content: '';
    top: 9px;
    left: 2px;
    width: 6px;
    height: 6px;
    position: absolute;
    background-color: #333;
    border-radius: 4px;
}

.tb-default>thead>tr>th,
.tb-default>thead>tr>td,
.tb-default>tbody>tr>th,
.tb-default>tbody>tr>td {
    padding: 14px;
    font-size: 15px;
    vertical-align: middle;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-top: none;
    border-bottom: 1px solid #eaeaea;
}

.tb-style-1 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #eaeaea;
    background: #fff;
    margin-bottom: 0;
}
.tb-style-1>thead>tr>th,
.tb-style-1>tbody>tr>th,
.tb-style-1>tbody>tr>td {
    padding: 16px 0px;
    font-size: 14px;
    line-height: 1.6;
}
.tb-style-1>thead>tr>th,
.tb-style-1>tbody>tr>th {
    font-weight: 600;
    text-align: center;
}
.tb-style-1>thead>tr>th:last-child,
.tb-style-1>tbody>tr>td:last-child {
    border-right: none;
}
.tb-style-1>thead>tr>th {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.01em;
    background-color: #f0f0f0;
    border-bottom: 1px solid #bbb;
}
.tb-style-1>tbody>tr>td {
    word-break: keep-all;
    color: #333;
}

.tb-style-2>thead>tr>th,
.tb-style-2>tbody>tr>th,
.tb-style-2>tbody>tr>td {
    padding: 12px;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
}
.tb-style-2>thead>tr>th,
.tb-style-2>tbody>tr>th {
    font-weight: 600;
}
.tb-style-2>thead>tr>th {
    font-weight: 500;
    color: #fff;
    background-color: #333;
    border-color: #888;
    border-top: 1px solid #333 !important;
}

/* About us (서브) */
/* 1) 인사말 */
#about_us #section1 .page-title+.row {
    margin-top: 50px;
}
#about_us #section1 .image {
    padding: 0 100px 0 130px;
}
#about_us #section1 .image img {
    border-radius: 20px;
}
#about_us #section1 .text {
    word-break: keep-all;
}
#about_us #section1 .text>p {
    margin-bottom: 30px;
    line-height: 1.875;
}
#about_us #section1 .text .txt-big>p {
    margin: 0 0 38px;
    font-size: 30px;
    font-weight: 600;
    color: #148cb3;
    letter-spacing: -0.04em;
    line-height: 1.55;
}
#about_us #section1 .sign {
    text-align: right;
}
#about_us #section1 .sign>img {
    float: right;
}
#about_us #section1 .sign>.name {
    display: inline-block;
    margin: 20px 15px 0 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
}
#about_us #section1 .sign>.name strong {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0.2em;
    line-height: 1.3em;
}
/* 2) 비전 및 미션 */
#about_us #section2 h4 {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px dashed #ddd;
}
#about_us #section2 h5 {
    margin: 58px 0 8px;
    font-size: 40px;
    color: #0091d0;
    line-height: 1.4em;
    text-align: center;
    font-weight: 400;
    letter-spacing: -0.05em;
}
#about_us #section2 h5+p {
    font-size: 24px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #222;
    font-weight: 300;
    margin-bottom: 25px;
}
#about_us #section2 .wrap-ci {
    position: relative;
    display: inline-block;
    margin-top: 50px;
}
#about_us #section2 .wrap-ci > .meaning {
    position: absolute;
    font-size: 13px;
    font-weight: 500;
    color: #313f69;
    letter-spacing: -0.03em;
    font-style: italic;
}
#about_us #section2 .wrap-ci > #m1 {
    top: 38%;
}
#about_us #section2 .wrap-ci > #m2 {
    top: 0;
    left: 43%;
}
#about_us #section2 .wrap-ci > #m3 {
    top: 44%;
    right: 0;
}
#about_us #section2 .wrap-ci > #m4 {
    left: 35%;
    bottom: 0;
}
#about_us #section2 .wrap-ci > .meaning > span {
    min-width: 7px;
    display: inline-block;
    font-size: 22px;
    color: #00a0df;
    font-weight: 600;
}
#about_us #section2 .wrap-ci > img {
    padding: 38px 52px;
}
#about_us #section2 ul {
    margin: 45px 0 0;
}
#about_us #section2 ul li{
    color: #555;
    margin-bottom: 22px;
    font-size: 15px;
    letter-spacing: -0.03em;
}
#about_us #section2 ul > li strong {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
    display: inline-block;
    line-height: 1;
    color: #293b71;
}
#about_us #section2 ul > li strong span {
    font-size: 20px;
    color: #00a0df;
}
/* 3) 임원진 */
#about_us #section3 .box-leadership {
    margin-bottom: 30px;
    padding: 40px 40px;
    border: 1px solid #e0e1e2;
    font-size: 14px;
    letter-spacing: -0.015em;
    background: #fff;
    transition:all 0.25s
}
#about_us #section3 .box-leadership:hover {
    color:#fff;
    background-color:#148cb3;
    border-color:#148cb3;
}

#about_us #section3 .box-leadership>h4 {
    position: relative;
    margin: 0 0 7px;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: -0.025em;
    font-weight: 400;
}
#about_us #section3 .box-leadership>.name {
    font-size: 20px;
    font-weight: 700;
    color: #202020;
    letter-spacing: -0.01em;
    transition: all 0.25s
}
#about_us #section3 .box-leadership:hover > h4,
#about_us #section3 .box-leadership:hover > .name{
    color:#fff;
}
/* 3) 연혁 */
#about_us #section4 ul {
    position: relative;
    margin-top: 40px;
}
#about_us #section4 ul::before {
    content: '';
    top: 10px;
    left: 20%;
    height: 97%;
    position: absolute;
    border-left: 1px dashed #ddd;
}
#about_us #section4 ul>li {
    margin-bottom: 45px;
}
#about_us #section4 ul>li>.year {
    float: left;
    width: 20%;
    position: relative;
    margin: 0;
    font-size: 30px;
    color: rgba(20, 140, 179, 0.4);
    text-align: center;
    font-weight: 500;
}
#about_us #section4 ul>li>.year::before {
    content: '';
    top: 8px;
    right: -6px;
    width: 11px;
    height: 11px;
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    border: 3px solid #148cb3;
}
#about_us #section4 ul>li>.detail {
    width: 80%;
    display: inline-block;
    padding-top: 3px;
    padding-left: 70px;
}
#about_us #section4 ul>li>.detail .inner {
    margin-bottom: 4px;
}
#about_us #section4 ul>li>.detail .month {
    float: left;
    margin: 4px 12px 0 0;
    font-size: 15px;
    font-weight: 700;
    color: #333;
    line-height: 1em;
    letter-spacing: 0em;
}
#about_us #section4 ul>li>.detail p {
    display: inline-block;
    line-height: 1.4;
    margin-bottom: 2px;
}
/* 4) 회사위치 */
#about_us #section5 .page-title+.row {
    margin-top: 35px;
}
#about_us #section5 .left .name {
    font-size: 40px;
    font-weight: 700;
    color: #0f025c;
    letter-spacing: -0.025em;
    line-height: 1;
}
#about_us #section5 .left .name .i {
    font-size: 37px;
    font-weight: 900;
}
#about_us #section5 .left .name span:not(.i) {
    font-weight: 600;
    color: #079cc7;
}
#about_us #section5 .left p {
    font-size: 16px;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 0;
}
#about_us #section5 .right>ul {
    margin-top: 5px;
    text-align: right;
}
#about_us #section5 .right>ul>li {
    display: inline-block;
    margin-left: 15px;
    font-size: 16px;
}
#about_us #section5 .right>ul>li.addr {
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 6px;
}
#about_us #section5 .right>ul>li.addr>i {
    color: #079cc7;
    margin-right: 6px;
}
#about_us #section5 .right>ul>li>strong {
    padding-right: 5px;
    font-weight: 600;
}
#about_us #section5 iframe {
    margin-top: 40px;
}

/* Imaging business (서브) */
/* 공통 스타일 */
#biz_imaging .banner {
    width: 100%;
    height: 380px;
    display: inline-block;
    padding: 100px 50px 50px;
    margin-top: 10px;
    color: #fff;
    text-align: center;
    background-color: #333;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
#biz_imaging .banner>.download {
    position: absolute;
    top: 0;
    right: 0;
}
#biz_imaging .banner>.download .btn {
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.5);
}
#biz_imaging .banner>.download .btn:hover,
#biz_imaging .banner>.download .btn:focus {
    color: #fff;
    background-color: #056a98 !important;
}
#biz_imaging .banner>.download .btn>i {
    padding-right: 5px;
}
#biz_imaging h4.info {
    position: relative;
    margin: 0 0 20px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.025em;
}
#biz_imaging .table>tbody>tr>th {
    width: 100px;
    text-align: left;
}
#biz_imaging .bottom {
    position: relative;
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: -0.015em;
    font-weight: 400;
    color: #777;
}
#biz_imaging .bottom::before {
    content: '';
    top: 1px;
    left: 0;
    height: 98%;
    position: absolute;
}

/* 1) Omnihexol */
#biz_imaging #section1-top {
    position: relative;
    height: 280px;
    padding: 0;
    background: url('/public/img/sub/omnihexol-banner-bg.jpg') no-repeat center center;
    z-index: 1;
}
#biz_imaging #section1-top::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #2593c5;
    opacity: 0.35;
    z-index: -1;
}
#biz_imaging #section1-top > .container-fluid {padding: 0;}
#biz_imaging #section1-top .banner {
    height: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
}
#biz_imaging #section1-top .banner > h2 {
    margin: 125px 0 0;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.55);
}
#biz_imaging #section1 {padding-top: 0;}
#biz_imaging #section1 .row2 > .top p {
    margin: 26px 0 70px;
    font-size: 28px;
    font-weight: 400;
    word-break: keep-all;
    text-align: center;
    letter-spacing: -0.025em;
}
#biz_imaging #section1 .row2 > .left table,
#biz_imaging #section1 .row2 > .right table {
    float: right;
    width: 75%;
}
#biz_imaging #section1 .row2 img {
    width: 25%;
    display: inline-block;
    margin-top: 3px;
    padding: 0 35px 0 10px;
}
#biz_imaging #section1 .row2 > .right table {
    float: left;
}
#biz_imaging #section1 .row2 > .right img {
    padding: 0 10px 0 35px;
}
#biz_imaging #section1 .row2 .efficacy {
    margin: 35px 0 0;
    font-size: 15px;
    word-break: keep-all;
}
#biz_imaging #section1 .row2 > .spec table {
    margin: 20px 0 0;
}
#biz_imaging #section1 .row2 > .spec table > thead > tr > th,
#biz_imaging #section1 .row2 > .spec table > tbody > tr > td {
    padding: 4px;
}
#biz_imaging #section1 .row2 > .spec-left table {
    min-height: 187px;
}
/* 2) Baritop & Balgin */
#biz_imaging #section2 .banner{
    height: 380px;
    background-image: url('/public/img/sub/baritop-banner.jpg');
}
#biz_imaging #section3 .banner>.wrap-img {
    float: left;
    width: 45%;
    margin-top: -24px;
}
#biz_imaging #section2 .banner>.wrap-img .circle{
    width:230px;
    height:230px;
    background-color:#fff;
    border-radius:50%;
    float: right;
    margin-right: 50px;
    padding: 40px 53px 0;
    border: 5px solid #ccc;
}
#biz_imaging #section2 .banner>.text {
    float: right;
    width: 55%;
    text-align: left;
}
#biz_imaging #section2 .banner>.text h5 {
    margin: 70px 0 0;
    font-size: 50px;
    color: #fff;
    line-height: 1em;
    font-weight: 600;
    display: inline-block;
    position: relative;
    letter-spacing: -0.05em;
    z-index: 2;
    text-shadow: 0 0 6px rgba(0,0,0,0.75);
}
#biz_imaging #section2 .row2 p {
    margin: 15px 0 70px;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -0.025em;
    word-break: keep-all;
    text-align: center;
}
#biz_imaging #section2 .table>tbody>tr:nth-child(3)>td {
    height: 125px;
}
/* 3) Disposable */
#biz_imaging #section3 .banner {
    margin-bottom: 20px;
    background-image: url('/public/img/sub/disposable-banner-bg2.jpg');
}
#biz_imaging #section3 .banner>.wrap-img .circle {
    border-radius:50%;
    float: right;
    margin-right: 50px;
    border: 5px solid #fff;
}
#biz_imaging #section3 .banner .text {
    float: right;
    width: 55%;
    text-align: left;
    margin-top: 41px;
}
#biz_imaging #section3 .title-lv-4 {
    margin: 0;
    font-size: 42px;
    color: #fff;
    line-height: 1.35;
    font-weight: 600;
    display: inline-block;
    position: relative;
    z-index: 2;
    letter-spacing: -0.045em;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
#biz_imaging #section3 .download {
    float: right;
}
#biz_imaging #section3 .download>.btn {
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 600;
}
.btn i {
    margin-right: 6px
}
#biz_imaging #section3 .download .btn:hover,
#biz_imaging #section3 .download .btn:focus {
    color: #fff;
    background-color: #056a98 !important;
}
#biz_imaging #section3 h4 {
    margin: 50px 0 35px;
    font-weight: 700;
    line-height: 1;
    font-size: 24px;
    letter-spacing: -0.025em;
    border-bottom: 1px solid #333;
    padding-bottom: 13px;
}
#biz_imaging #section3 .box-images {
    width: 100%;
    display: inline-block;
    margin: 0 0 16px;
}
#biz_imaging #section3 .box-images h5 {
    margin: 0px 0 8px 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}
#biz_imaging #section3 .box-images>h5 {
    margin-left: 3px;
}
#biz_imaging #section3 .box-images .column {
    float: left;
    width: 25%;
    margin-bottom: 15px;
    padding: 0 3px;
}
#biz_imaging #section3 .box-images img {
    border-radius: 5px;
}
#biz_imaging #section3 .row2 img {
    margin-bottom: 6px;
    border-radius: 25px;
    overflow: hidden;
}
#biz_imaging #section3 .row2 .left img {
    width: 326px;
}
#biz_imaging #section3 .row2 .right img {
    margin-bottom: 40px;
}

/* BrainsWay1-4 (서브) */
/* .navbar-inverse .navbar-nav .dropdown-menu > li#snb_94 {
    display: none;
} */
/* 공통 스타일 */
#brains_way #section1 {
    width: 100%;
    height: 280px;
    position: relative;
    padding: 102px 0 0;
    /* color: #fff; */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 76% 50%;
    background-image: url('/public/img/sub/back-page-top6.jpg');
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    z-index: 1;
}
/* #brains_way #section1::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #2593c5;
    opacity: 0.35;
    z-index: -1;
} */
#brains_way #section1 > .container {position: relative;}
/* #brains_way #section1 .text {text-align: center;} */
#brains_way #section1 .text h1 {
    margin: 0 0 7px;
    font-size: 48px;
    /* font-size: 44px; */
    font-weight: 700;
    letter-spacing: -0.02em;
    /* text-shadow: 1px 1px 3px rgb(18, 97, 146); */
}
#brains_way #section1 .text h1 .logo {
    display: flex;
    align-items: center;
    gap: 12px;
}
#brains_way #section1 .text h1 .logo > img:nth-child(1) {
    width: 83px;
}
#brains_way #section1 .text h1 .logo > img:nth-child(2) {
    height: 41px;
}
#brains_way #section1 .text p {
    font-size: 22px;
    /* font-size: 19px; */
    font-weight: 500;
    letter-spacing: 0.02em;
    /* text-shadow: 1px 1px 3px rgb(18, 97, 146); */
    opacity: 1;
}
#brains_way #section1 .breadcrumb {
    top: -80px;
    left: 15px;
    position: absolute;
    margin-bottom: 0;
    padding: 0 15px 0 0;
    font-size: 12px;
    letter-spacing: 0;
    background-color: transparent;
    opacity: .8;
}
#brains_way #section1 .breadcrumb>li:first-child::before {
    content: '\f015';
    top: 0;
    left: 0;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
}
#brains_way .breadcrumb>li+li::before {
    color: #111;
}
#brains_way .contents a.hyperlink {
    font-weight: 600;
    text-decoration: underline;
}
#brains_way .contents a.hyperlink:hover {
    color: #148cb3;
}

/* 상단 탭 */
#brains_way #section2 {padding: 0;}
#brains_way .links2 {
    width: 100%;
    max-width: 1140px;
    position: absolute;
    margin: 15px 0 30px;
    z-index: 100;
}
#brains_way.scroll-down .links2 {
    position: fixed;
    transform: translateY(-285px);
}
#brains_way .links2 ul.nav>li>a {
    padding: 16px 15px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.035em;
    background: #3a3a3c;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 0;
    border-radius: 0;
}
#brains_way .links2 ul.nav>li.active>a {
    background: #0a72bb;
    border-color: #0a72bb;
}
#brains_way .links2 ul.nav>li+li a {
    border-left: none;
}
#brains_way .links2 ul.nav>li:not(.active)>a:hover,
#brains_way .links2 ul.nav>li:not(.active)>a:focus {
    font-weight: 500;
    color: #fff;
    background: #148cb3;
    border-color: #148cb3;
}

#brains_way .tab-content {
    margin-top: 97px;
}

#brains_way .tab-content section {
    padding: 60px 0;
}

#brains_way .text-box {
    word-break: keep-all;
}

#brains_way .text-box p {
    margin-bottom: 0;
    color: #666;
    line-height: 1.7;
}

#brains_way .text-box p+p {
    margin-top: 20px;
}

#brains_way section.wrap-banner2 {
    margin-top: 20px;
    padding: 0;
}
#brains_way section.wrap-banner2 .banner2 {
    padding: 70px;
    color: #fff;
    text-align: center;
    background: #0f83a9;
}

#brains_way .banner2>h4 {
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 35px;
    color: #fdff89;
    letter-spacing: -0.055em;
}
#brains_way .banner2>p {
    margin: 0 0 30px;
    font-size: 18px;
}
#brains_way .banner2>a {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
}
#brains_way .banner2>a:hover,
#brains_way .banner2>a:focus {
    color: #fff;
    background-color: #004361;
    border-color: #004361;
}

#brains_way .contents .text-box > div[class^='col-sm']:not(.left):not(.right) {
    padding: 0;
}
/* BrainsWay1 - 브레인즈웨이의 효능
#brains_way #brains_tab1 > #section-tab1-1 h4 {
    float: left;
    width: 25%;
    padding-right: 30px;
    font-size: 32px;
    word-break: keep-all;
    line-height: 1.35em;
}
#brains_way #brains_tab1 > #section-tab1-1 .text-box {
    width: 75%;
    display: inline-block;
}
#brains_way #brains_tab1 > #section-tab1-1 .text-box .color {
    color: #079cc7;
} */
/* BrainsWay2 - 브레인즈웨이의 효능, 치료 프로토콜
#brains_way #brains_tab2 .text-box {
    padding-left: 45px;
    padding-right: 45px;
}
#brains_way #brains_tab2 > #section-tab2-1 p+p {
    margin-top: 20px
}
#brains_way #brains_tab2 > #section-tab2-1 .row1 img {
    margin: 40px auto;
}
#brains_way #brains_tab2 > #section-tab2-1 #box1 {
    margin-top: 26px
}
#brains_way #brains_tab2 > #section-tab2-1 .box-result {
    width: 100%;
    display: inline-table;
    margin-top: 15px;
    border: 1px solid #ddd;
}
#brains_way #brains_tab2 > #section-tab2-1 .box-result>.wrap-icon {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
#brains_way #brains_tab2 > #section-tab2-1 .box-result>.wrap-icon::after{
    content:"";
    width:1px;
    height: calc(100% - 100px);
    position:absolute;
    transform: translateY(-50%);
    right:0;
    top: 50%;
    background:#e3e3e3;
}
#brains_way #brains_tab2 > #section-tab2-1 .box-result>.text {
    width: 75%;
    display: table-cell;
    padding: 50px;
    word-break: keep-all;
    vertical-align: middle;
}
#brains_way #brains_tab2 > #section-tab2-1 .box-result>.text>p:not(.sm) {
    font-size: 18px;
    font-weight: 500;
    color: #03a9b1;
    line-height: 1.45;
}
#brains_way #brains_tab2 #box2.box-result>.text>p:not(.sm) {
    color: #3da748;
}
#brains_way #brains_tab2 > #section-tab2-1 .box-result>.text>p.sm {
    margin: 15px 0 30px;
    font-size: 13px;
    color: #666;
    line-height: 1.5;
    letter-spacing: 0;
}
#brains_way #brains_tab2 > #section-tab2-1 .box-result .inner {
    width: 45%;
    float: left;
    display: inline-block;
    margin-top: 15px;
    text-align: center;
}
#brains_way #brains_tab2 > #section-tab2-1 .box-result .inner.center {
    width: 10%;
}
#brains_way #brains_tab2 > #section-tab2-1 .box-result .inner>div:not(.percent) {
    font-weight: 500;
    line-height: 1.3;
}
#brains_way #brains_tab2 > #section-tab2-1 .box-result .inner>div.percent {
    display: inline-block;
    margin-top: 5px;
    font-size: 50px;
    font-weight: 600;
    color: #03a9b1;
    line-height: 1em;
}
#brains_way #brains_tab2 > #section-tab2-1 #box2.box-result .inner>div.percent {
    color: #3da748;
}
#brains_way #brains_tab2 > #section-tab2-1 .box-result .inner>div.vs {
    padding: 35px 0 25px;
    font-size: 24px;
    color: #03a9b1;
}
#brains_way #brains_tab2 > #section-tab2-1 .box-result .inner>div.result {
    display: inline-block;
    padding-left: 6px;
}
#brains_way #brains_tab2 > #section-tab2-2 .text-box .col-sm-9 {
    padding-left: 40px;
}
#brains_way #brains_tab2 > #section-tab2-2 .text-box img {
    border-radius: 5px;
}
#brains_way #brains_tab2 > #section-tab2-3 .text-box .col-sm-9{
    padding-left: 40px;
}
#brains_way #brains_tab2 > #section-tab2-3 .text-box .col-sm-9 ul {
    margin-bottom: 20px;
    margin-top: 20px;
}
#brains_way #brains_tab2 > #section-tab2-4 .row>div>p {
    position: relative;
    margin: 0 0 39px;
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    letter-spacing: -0.025em;
}
#brains_way #brains_tab2 > #section-tab2-4 .board_wrapper {
    padding: 0;
    width: 100%;
}

#brains_way #brains_tab2 > #section-tab2-4 .table.board_write_table tbody tr th,
#brains_way #brains_tab2 > #section-tab2-4 .table.board_write_table tbody tr td {
    font-size: 16px;
} */
/* BrainsWay3 - 영상 및 기타 자료
#brains_way #brains_tab3 .video p {
    margin: 25px 0 0;
    font-size: 15px;
    word-break: keep-all;
    line-height: 1.7;
    color: #666;
}
#brains_way #brains_tab3 .video.fourth p {
    min-height: 75px;
}
#brains_way #brains_tab3 .video iframe {
    margin-top: 25px;
    margin-bottom: 35px;
    border: none;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.35);
}
#brains_way #brains_tab3 .bottom {
    margin: 30px 0;
    text-align: center;
}
#brains_way #brains_tab3 .bottom > p {
    font-size: 20px;
    margin-bottom: 40px;
    letter-spacing: -0.025em;
    word-break: keep-all;
    line-height: 1.6;
}
#brains_way #brains_tab3 .bottom > a {
    font-size: 16px;
    font-weight: 500;
    border: 2px solid #148cb3;
    border-radius: 3px;
    padding: 20px 30px;
    color: #148cb3;
    letter-spacing: -0.025em;
}
#brains_way #brains_tab3 .bottom > a i {
    font-size: 18px;
    color: #148cb3;
}
#brains_way #brains_tab3 .bottom > a:hover{
    background:#148cb3;
    color:#fff
}
#brains_way #brains_tab3 .bottom > a:hover i{
    color:#fff
}
#brains_way #brains_tab3 .banner2>a {
    width: 690px;
}
#brains_way #brains_tab3 .banner2>a.btn2 {
    margin-top: 8px;
} */
/* BrainsWay4 - 우울증이란?, 다양한 우울증 치료법
#brains_way #brains_tab4 .left {
    padding-left: 0;
    padding-right: 15px;
}
#brains_way #brains_tab4 .right {
    padding-left: 15px;
    padding-right: 0;
}
#brains_way #brains_tab4 img {
    margin-bottom: 30px;
}
#brains_way #brains_tab4 h5 {
    margin: 45px 0 18px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1em;
}
#brains_way #brains_tab4 #section-tab4-2 .right img {
    margin: 40px auto;
}
#brains_way #brains_tab4 #section-tab4-2 p.intro {
    margin: 60px 0 0;
    padding-top: 60px;
    font-size: 17px;
    font-weight: 500;
    color: #333;
    border-top: 1px dashed #ddd;
}
#brains_way #brains_tab4 #section-tab4-2 p.intro > i {
    padding-right: 3px;
} */

/* 페이지 리뉴얼 */
#brains_way .links2 ul {
    display: flex;
}
#brains_way .links2 ul > li {
    width: 100%;
    display: inline-block;
}
#brains_way .page-title {
    margin-bottom: 40px;
    text-align: center;
}
#brains_way #brains_tab1 .box-who {
    padding: 50px;
    text-align: center;
    border-top: 2px solid rgba(20, 140, 179, 0.4);
    border-bottom: 2px solid rgba(20, 140, 179, 0.4);
}
#brains_way #brains_tab1 .box-who .icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: #fff;
    background: #0091d0;
    border-radius: 6px;
}
#brains_way #brains_tab1 .box-who .icon > * {
    font-size: 40px;
}
#brains_way #brains_tab1 .box-who p {
    margin: 30px 0 0;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1em;
}
#brains_way #brains_tab1 .board_wrapper {
    /* margin-top: 60px; */
    padding: 0;
}

#brains_way #brains_tab2 section {
    padding: 0;
}
#brains_way #brains_tab2 section+section .container {
    position: relative;
    margin-top: 30px;
    padding-top: 30px;
}
#brains_way #brains_tab2 section+section .container::before {
    content: '';
    top: 0;
    left: 16px;
    width: calc(100% - 30px);
    position: absolute;
    border-top: 1px solid #E9EAEA;
    /* border-top: 1px solid #999; */
}
#brains_way #brains_tab2 #section-tab2-1 .item11 {
    padding-top: 0;
    text-align: center;
}

/* #brains_way .box-prod {
    padding: 30px;
    background: rgb(0,160,223);
    background: linear-gradient(90deg, rgba(0,160,223,1) 0%, rgba(41,59,113,1) 100%);
} */
#brains_way .box-prod hr {
    margin: 25px 0;
    border-top: 1px solid #E9EAEA;
}
#brains_way .box-prod > .item {
    padding: 60px 0;
}
#brains_way .box-prod > .item:not(.wide) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 55px;
    /* padding: 60px; */
    background: #fff;
    /* border: 4px solid #e9f1fb; */
}
#brains_way .box-prod > .item:nth-child(even) {
    flex-direction: row-reverse;
}
/* #brains_way .box-prod > .item+.item {
    margin-top: 30px;
} */
#brains_way .box-prod .image {
    flex-basis: 40%;
    /* flex-basis: 27%; */
}
/* #brains_way .box-prod .image img {
    max-height: 380px;
} */
#brains_way .box-prod .detail {
    flex-basis: 55%;
    /* flex-basis: 67%; */
}
#brains_way .box-prod .detail .tit {
    margin: 0 0 30px;
    font-size: 30px;
    /* font-size: 25px; */
    /* font-weight: 600; */
    font-weight: 700;
    color: #000;
}
#brains_way .box-prod .detail p {
    margin-bottom: 0;
    font-size: 21px;
    /* font-size: 17px; */
    color: #637178;
    /* color: #666; */
    word-break: keep-all;
    line-height: 1.5;
}
#brains_way .box-prod .detail p+p {
    margin-top: 15px;
}
#brains_way .box-prod > .item2 .image .w_img {
    position: relative;
    padding-left: 55px;
    padding-bottom: 60px;
}
#brains_way .box-prod > .item2 .image .w_img img:nth-of-type(2) {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 110px;
}
#brains_way .box-prod > .item .banner {
    position: relative;
    /* margin: 80px 0 70px; */
    padding: 50px 100px;
    background: #E8F1FA;
    border-radius: 0px 100px;
    /* padding: 65px 90px 60px 90px;
    background: #e9f1fb;
    border-radius: 0 90px; */
}
#brains_way .box-prod > .item .banner .icon {
    position: absolute;
    top: -32px;
    left: 92px;
    width: 65px;
    /* top: -30px;
    left: 80px;
    width: 60px; */
}
#brains_way .box-prod > .item .banner .tit {
    margin: 25px 0;
    font-size: 35px;
    font-weight: 700;
    /* margin: 0 0 15px;
    font-size: 28px;
    font-weight: 800; */
}
#brains_way .box-prod > .item .banner p {
    margin: 25px 0;
    /* margin-bottom: 0; */
    font-size: 18px;
    color: #637178;
    /* color: #666; */
    line-height: 1.6;
}
#brains_way .box-prod .ref {
    margin-top: 60px;
    padding-top: 20px;
    font-size: 19px;
    /* font-size: 14px; */
    border-top: 2px solid #52d5e8;
}
#brains_way .box-prod .ref strong {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 21px;
}
#brains_way .box-prod figure {
    margin: 60px 0;
}
#brains_way .box-prod figure figcaption {
    margin-top: 10px;
    font-size: 18px;
    /* font-size: 13px; */
}

/* #brains_way #brains_tab2 .box-prod > .item:nth-child(n+4):nth-child(-n+10) {
    padding: 0;
} */
#brains_way #section-tab2 .box-prod > .item2,
#brains_way #section-tab2 .box-prod > .item4,
#brains_way #section-tab2 .box-prod > .item6,
#brains_way #section-tab2 .box-prod > .item8,
#brains_way #section-tab2 .box-prod > .item10 {
    flex-direction: row-reverse;
}
#brains_way #section-tab2 .box-prod > .item:nth-child(n+4):nth-child(-n+10) .image {
    flex-basis: 43%;
}
#brains_way #section-tab2 .box-prod > .item:nth-child(n+4):nth-child(-n+10) .detail {
    flex-basis: 51%;
}
/* #brains_way #brains_tab2 .box-prod > .item:nth-child(n+4):nth-child(-n+10):nth-child(even) .detail {
    padding-left: 30px;
} */
#brains_way #section-tab2 .box-prod > .item1 .image,
#brains_way #section-tab2 .box-prod > .item2 .image {
    flex-basis: 37%;
}
#brains_way #section-tab2 .box-prod > .item1 .image img,
#brains_way #section-tab2 .box-prod > .item2 .image img {
    max-height: unset;
}
#brains_way #section-tab2 .box-prod > .item1 .detail,
#brains_way #section-tab2 .box-prod > .item2 .detail {
    flex-basis: 57%;
}
#brains_way #section-tab2 .box-prod > .item1 .detail p {
    font-size: 22px;
}
#brains_way #section-tab2 .box-prod > .item2 .detail p {
    font-size: 21px;
}
#brains_way #section-tab2 .box-prod > .item2 .detail .tit {
    font-size: 35px;
    /* font-size: 32px; */
    color: #0070c0;
}
#brains_way #section-tab2-2 .box-prod .detail .tit,
#brains_way #section-tab2-3 .box-prod .detail .tit {
    color: #0091d0;
}
#brains_way #section-tab2-2 .box-prod > .item1 {
    flex-direction: row-reverse;
}
#brains_way #section-tab2-2 .box-prod > .item2 .detail,
#brains_way #section-tab2-4 .box-prod > .item3 .detail {
    flex-basis: 100%;
}
#brains_way #section-tab2-2 .box-prod .ref,
#brains_way #section-tab2-3 .box-prod .ref {
    flex-basis: 100%;
    /* margin-top: 0; */
}
/* #brains_way #brains_tab3 .box-prod > .item3 .ref strong {
    font-size: 16px;
} */
/* #brains_way #brains_tab4 .box-prod .item+.item {
    margin-top: -100px;
    border-top: 0;
} */
#brains_way #section-tab2-3 .box-prod > .item.detail.wide {
    margin-bottom: -50px;
    padding-bottom: 0;
}
#brains_way #section-tab2-3 .box-prod .image {
    flex-basis: 50%;
}
#brains_way #section-tab2-3 .box-prod .image img,
#brains_way #section-tab2-3 .box-prod .row img {
    width: 100%;
    /* max-height: 440px; */
}
#brains_way #section-tab2-3 .box-prod .row {
    margin-bottom: 55px;
}
#brains_way #section-tab2-3 .box-prod > .item1 {
    flex-direction: row;
}
#brains_way #section-tab2-3 .box-prod > .item1 .detail,
#brains_way #section-tab2-3 .box-prod > .item2 .detail {
    flex-basis: 44%;
}
/* #brains_way #section-tab2-3 .box-prod > .item2 .detail, */
#brains_way #section-tab2-3 .box-prod > .item3 .detail {
    flex-basis: 100%;
}
#brains_way #section-tab2-3 .box-prod > .item3 .detail .tit {
    font-size: 24px;
    font-weight: 400;
    color: #000;
}
#brains_way #section-tab2-3 .box-prod > .item3 .detail .tit strong {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 158%;
    font-weight: 500;
}
#brains_way #section-tab2-3 .box-prod > .item3 figure img {
    border: 1px solid #ddd;
    padding: 30px;
}
#brains_way #section-tab2-4 .page-title {
    margin-top: 60px;
}
#brains_way #section-tab2-4 .box-prod .image {
    flex-basis: 42%;
}
#brains_way #section-tab2-4 .box-prod .detail {
    flex-basis: 52%;
}
#brains_way #section-tab2-4 .box-prod > .item1 {
    padding-top: 0;
}
#brains_way #section-tab2-4 .box-prod > .item1 img {
    margin-bottom: 60px;
}
#brains_way #section-tab2-4 .box-prod > .item2 {
    flex-direction: row;
}
/* #brains_way #section-tab2-3 .box-prod > .item2 .ref {
    margin-top: 0;
} */
#brains_way #section-tab2-4 .box-prod > .item3 .detail img {
    margin-top: 60px;
}
#brains_way #section-tab2-4 .box-prod .ref {
    flex-basis: 100%;
}
#brains_way #section-tab2-4 .box-prod img {
    width: 100%;
    max-height: 600px;
}
#brains_way .box-video > .item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
#brains_way .box-video > .item+.item {
    margin-top: 34px;
}
#brains_way .box-video > .item .video iframe {
    border-radius: 5px;
}
#brains_way .box-video > .item .text {
    height: calc(100% - 5px);
    padding: 30px;
    border: 5px solid #e9f1fb;
    border-radius: 5px;
}
#brains_way .box-video > .item .text .tit {
    margin: 0 0 30px;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.2em;
}
#brains_way .box-video > .item .text p {
    margin-bottom: 0;
    font-size: 18px;
    color: #666;
    word-break: keep-all;
    line-height: 1.6;
}

#brains_way.board .tab-content section {
    padding-bottom: 0;
}
/* #brains_way+.board_wrapper .table_blog,
#brains_way+.board_wrapper .board_data_view,
#brains_way+.board_wrapper > form {
    margin-top: -60px;
} */

/* Business Partners (서브) */
#biz_partners .box-partner > a {
    text-decoration: none;
}
#biz_partners .box-partner img {
    border: 1px solid #ddd;
    transition: all 0.25s;
}
#biz_partners .box-partner > a:hover img {
    border-color: #148cb3;
}
#biz_partners .box-partner h4 {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    margin: 15px 0 0;
    line-height: 1.4em;
}

/* Psychiatry Business (서브-게시판) */
#recruiting > .contents > section:last-child {
    padding-bottom: 0;
}
#recruiting .page-title h3 {
    font-size: 34px;
}
#recruiting #section1 h5 {
    margin: 30px 0 13px;
    font-size: 16px;
    font-weight: 600;
    color: #148cb3;
}
#recruiting #section1 .text-box {
    min-height: 176px;
    padding: 8px 50px 15px;
    border: 1px solid #ddd;
}
body.en #recruiting #section1 .text-box {
    min-height: 198px;
}
#recruiting #section1 .text-box > .wrap-icon {
    float: left;
    width: 16%;
    margin-top: 45px;
}
#recruiting #section1 .text-box > .text {
    width: 84%;
    display: inline-block;
    padding: 0 0 0 25px;
}
#recruiting #section1 .text-box p {
    margin: 0;
    font-size: 15px;
    color:#666;
    word-break: keep-all;
    line-height: 1.6;
}

/* Contact us (서브-주문폼) */
#contact_us > .contents > section:last-child {
    padding-bottom: 0;
}
#contact_us+.board_wrapper {
    margin-bottom: 110px;
}

/* 게시판/주문폼 공통 스타일 */
.board_wrapper {
    margin-top: 0;
}

.board_wrapper .table.board_write_table tbody tr td .form-control {
    width: 350px;
}

.table_default {
    margin-bottom: 50px;
    border-top: 1px solid #333;
}

.table.table_default thead th {
    background: #f8f8f8;
    border-bottom: 1px solid #ddd !important;
}

.table.board_write_table tbody tr td .text-muted {
    font-size: 14px;
}

.search_wrap .write_btn_wrap {
    right: 15px;
}

.table.table_default tbody td {
    padding: 18px 15px;
}

.table.table_default tbody tr .subject a:hover {
    color: #079cc7;
    text-decoration: underline;
}

.board_data_view {
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
}

.board_data_view .header_wrap {
    padding: 35px 15px;
    border-bottom: 1px solid #ddd;
}

.board_wrapper .table.board_write_table {
    border-top: 1px solid #333;
}

.board_wrapper .table.board_write_table>tbody>tr>td,
.board_wrapper .table.board_write_table>tbody>tr>th,
.board_wrapper .table.board_write_table>tfoot>tr>td,
.board_wrapper .table.board_write_table>tfoot>tr>th,
.board_wrapper .table.board_write_table>thead>tr>td,
.board_wrapper .table.board_write_table>thead>tr>th {
    border-top: none;
}

.board_wrapper .table.board_write_table tbody tr th {
    background: #f8f8f8;
}

/* 블로그A 게시판 */
.table_blog {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 60px;
    border-top: none;
}
.table_blog dd {
    padding: 0;
    border-bottom: none;
}
.table_blog dd:hover {
    background: #fff;
}
.table_blog .left {
    display: none;
}
.table_blog .right {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 30px 35px 80px 35px;
    border: 1px solid #eee;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.15);
    transition: all ease-in-out .15s;
}
.table_blog dd:hover .right {
    border-color: #0091d0;
}
.table_blog .right .title {
    margin: 0 0 20px;
    padding: 0;
}
.table_blog .right .title a {
    font-size: 16px;
    color: #0091d0;
    line-height: 1.6em;
}
.table_blog .right .title a span {
    height: 152px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.table_blog .right .title a span::after {
    content: "\e95c";
    top: 2px;
    position: relative;
    padding-left: 5px;
    font-size: 110%;
    font-family: "Phosphor-bold";
}
.table_blog .right .text {
    left: 0;
    bottom: 30px;
    position: absolute;
    padding: 0 35px;
}
.table_blog .right .text p {
    padding: 0;
    font-size: 15px;
    line-height: 1.45em;
    height: 42px;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.table_blog .right .info {
    display: none;
}

/*********** 서브 끝 ***********/

/****** 모바일 최적화 시작 ******/
@media (max-width: 1199px) { /* Small·Medium·Large devices */
    .main-contents > #section-video .text {width: 70%;}
    #biz_imaging #section1 .row2 > .left table, #biz_imaging #section1 .row2 > .right table {
        float: none;
        width: 100%;
    }
    #biz_imaging #section1 .row2 img {
        width: 100%;
        margin: 35px 0;
        padding: 0 100px !important;
    }
    #biz_partners .box-partner {margin-bottom: 30px;}
}
@media (max-width: 767px) { /* Small devices (col-xs-*) 모바일 */
    #site {padding-top: 83px;}
    .btn-top {
        right: 15px;
        bottom: 15px;
        font-size: 18px;
    }
    .navbar-inverse {padding-top: 22px;}
    .ch-lang {
        top: 0;
        right: 0;
        width: 100%;
        padding: 8px 15px;
        text-align: right;
    }
    .ch-lang ul > li .lang {font-size: 12px;}
    .navbar-inverse .navbar-brand {margin: 15px 0 0 15px !important;}
    body.en .navbar-inverse .navbar-brand {margin: 18px 0 0 15px !important;}
    .navbar-inverse .navbar-nav {margin: 0 -15px;}
    .navbar-inverse .navbar-nav > .open {background-color: #f6f6f6;}
    .navbar-inverse .navbar-nav > li > a {padding: 10px 15px;}
    .navbar-inverse .navbar-nav > .open .dropdown-menu {padding: 10px 0;}
    .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a {
        font-size: 15px;
        color: #111;
    }
    .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a:focus {
        font-weight: 600;
        color: #111;
    }
    /* BrainsWay > 소개 */
    /* .navbar-inverse .navbar-nav .dropdown-menu > li#snb_94 {display: block;} */

    .sub-contents .page-top {
        height: 180px;
        padding: 55px 0 0;
    }
    .sub-contents>.page-top h2 {font-size: 39px;}
    .sub-contents>.page-top .sm {font-size: 14px;}
    .sub-contents>.page-top .breadcrumb {
        top: -40px;
        font-size: 11px;
    }

    .main-contents > #section-video,
    .main-contents > #section-video video {height: 450px;}
    .main-contents > #section-video .text h2 {
        font-size: 15px;
        letter-spacing: 3px;
    }
    body.en .main-contents > #section-video .text h2 {
        font-size: 15px;
        letter-spacing: 3px;
        line-height: 1.5em;
    }

    #site footer .footer-info {padding: 30px 0;}
    #site footer .footer-info > .container {padding: 0;}
    #site footer .footer-info ul li {
        margin-right: 8px;
        font-size: 12px;
        line-height: 1.5;
    }
    #site footer .footer-info ul li.logo {
        float: none;
        display: block;
    }

    .sub-contents > .contents > section {padding: 35px 0;}
    .sub-contents > .contents > section:first-child {padding-top: 70px;}
    .sub-contents > .contents > section:last-child {padding-bottom: 70px;}

    .title-lv-3 {
        margin: 0 0 25px;
        font-size: 34px;
        line-height: 1.2;
    }
    .title-lv-4 {
        margin: 0 0 25px;
        font-size: 22px;
    }
    p {line-height: 1.6;}

    #about_us > .page-top {background-position: 75% 50%;}
    #about_us #section1 .page-title+.row {margin-top: 25px;}
    #about_us #section1 .image {padding: 0 80px;}
    #about_us #section1 .text > p {margin-bottom: 20px;}
    #about_us #section1 .text .txt-big > p {
        margin: 50px 0 30px;
        font-size: 26px;
        line-height: 1.35;
    }
    #about_us #section2 h5 {
        margin: 20px 0 10px;
        font-size: 29px;
    }
    #about_us #section2 h5+p {
        font-size: 22px;
        word-break: keep-all;
        line-height: 1.5;
    }
    #about_us #section2 .wrap-ci {margin-top: 30px;}
    #about_us #section2 ul {margin: 35px 0 0;}
    #about_us #section2 ul li {
        margin-bottom: 17px;
        word-break: keep-all;
    }
    #about_us #section4 ul {margin-top: 20px;}
    #about_us #section4 ul::before {
        left: 5px;
        height: 94%;
    }
    #about_us #section4 ul > li {margin-bottom: 25px;}
    #about_us #section4 ul > li > .year {
        float: none;
        width: 100%;
        padding-left: 20px;
        font-size: 27px;
        text-align: left;
    }
    #about_us #section4 ul > li > .year::before {
        top: 9px;
        right: auto;
        left: 0;
    }
    #about_us #section4 ul > li > .detail {
        width: 100%;
        padding: 12px 0 0 20px;
    }
    #about_us #section4 ul > li > .detail .month {
        width: 13%;
        margin: 5px 0 0;
    }
    #about_us #section4 ul > li > .detail p {
        width: 87%;
        word-break: keep-all;
    }
    #about_us #section5 .page-title+.row {margin-top: 20px;}
    #about_us #section5 .left .name {font-size: 33px;}
    #about_us #section5 .left .name .i {font-size: 30px;}
    #about_us #section5 .left p {font-size: 15px;}
    #about_us #section5 .right>ul {
        margin-top: 15px;
        text-align: left;
    }
    #about_us #section5 .right>ul>li.addr {
        margin: 0 0 3px;
        font-size: 15px;
    }
    #about_us #section5 .right>ul>li {
        margin-left: 0;
        font-size: 15px;
    }
    #about_us #section5 .right>ul>li+li {margin-left: 15px;}
    #about_us #section5 iframe {
        height: 300px;
        margin-top: 0;
    }

    #brains_way .title-lv-4 {
        word-break: keep-all;
        line-height: 1.3;
    }
    #brains_way #section1 {
        height: 180px;
        padding: 55px 0 0;
        background-position: 50% 50%;
    }
    #brains_way #section1 .text h1 {font-size: 40px;}
    #brains_way #section1 .text h1 .logo {
        gap: 10px;
    }
    #brains_way #section1 .text h1 .logo > img:nth-child(1) {
        width: 63px;
    }
    #brains_way #section1 .text h1 .logo > img:nth-child(2) {
        height: 31px;
    }
    #brains_way #section1 .text p {font-size: 16px;}
    #brains_way #section1 .breadcrumb {
        top: -40px;
        font-size: 11px;
    }
    #brains_way .links2 {
        position: static !important;
    }
    #brains_way .links2 ul {
        flex-wrap: wrap;
    }
    #brains_way .links2 ul > li {
        flex: 1 1 50%;
    }
    #brains_way .links2 ul.nav > li:nth-child(odd) {
        padding-right: 2px;
    }
    #brains_way .links2 ul.nav > li:nth-child(even) {
        padding-left: 2px;
    }
    /* #brains_way .links2 ul.nav > li {
        float: left;
        width: 50%;
        padding: 0 2px;
    } */
    #brains_way .links2 ul.nav > li > a {
        padding: 12px 15px;
        font-size: 14px;
    }
    #brains_way .tab-content {
        margin-top: 0;
    }
    #brains_way .tab-content section:not(.wrap-banner2) {padding: 40px 0;}
    #brains_way #brains_tab1 > #section-tab1-1 h4 {
        width: 100%;
        font-size: 28px;
    }
    body.en #brains_way #brains_tab1 > #section-tab1-1 h4 {font-size: 25px;}
    #brains_way #brains_tab1 > #section-tab1-1 .text-box {width: 100%;}
    #brains_way #brains_tab2 > #section-tab2-1 .box-result>.wrap-icon {
        width: 100%;
        display: inline-block;
        margin-top: 30px;
    }
    #brains_way #brains_tab2 > #section-tab2-1 .box-result>.wrap-icon::after {display: none;}
    #brains_way #brains_tab2 > #section-tab2-1 .box-result>.text {
        width: 100%;
        display: inline-block;
        padding: 30px 15px;
    }
    #brains_way #brains_tab2 > #section-tab2-1 .box-result>.text>p:not(.sm) {font-size: 16px;}
    #brains_way #brains_tab2 > #section-tab2-1 .box-result .inner>div.vs {padding: 9px 0;}
    #brains_way #brains_tab2 > #section-tab2-1 .box-result .inner {width: 100% !important;}
    #brains_way #brains_tab2 .text-box {
        padding-left: 0;
        padding-right: 0;
    }
    #brains_way #brains_tab2 > #section-tab2-2 .text-box .col-sm-9,
    #brains_way #brains_tab2 > #section-tab2-3 .text-box .col-sm-9 {padding: 20px 0 0;}
    #brains_way #brains_tab2 > #section-tab2-4 .row>div>p {font-size: 24px;}
    #brains_way #brains_tab3 .banner2>a {width: auto;}
    #brains_way #brains_tab3 .bottom > a {
        word-break: keep-all;
        white-space: normal;
    }
    #brains_way #brains_tab4 .right {padding: 20px 0 0;}
    #brains_way #brains_tab4 h5 {
        margin: 40px 0 15px;
        line-height: 1.3;
    }
    #brains_way .banner2 > h4 {
        font-size: 30px;
        word-break: keep-all;
    }
    #brains_way .banner2 > p {
        margin: 0 0 15px;
        font-size: 16px;
    }
    #brains_way section.wrap-banner2 .banner2 {padding: 40px 30px;}
    #brains_way .banner2 > a {
        padding: 15px;
        word-break: keep-all;
        white-space: normal;
    }
    #brains_way #brains_tab3 .video iframe {
        height: 220px;
        margin-top: 15px;
        margin-bottom: 30px;
    }

    /* BrainsWay 리뉴얼 */
    #brains_way #brains_tab1 .box-who {
        padding: 30px;
    }
    #brains_way #brains_tab1 .box-who .icon {
        width: 60px;
        height: 60px;
    }
    #brains_way #brains_tab1 .box-who .icon > * {
        font-size: 32px;
    }
    #brains_way #brains_tab1 .box-who p {
        margin: 20px 0 0;
        font-size: 20px;
    }
    /* #brains_way #brains_tab1 .board_wrapper {
        margin-top: 30px;
    } */
    #brains_way #brains_tab1 .board_wrapper tr#item_3 .radio-inline {
        margin-right: 15px;
        font-size: 14px;
    }
    #brains_way #brains_tab1 .board_wrapper tr#item_3 .radio-inline+.radio-inline {
        margin-left: 0;
    }
    /* #brains_way .box-prod {
        padding: 15px;
    } */
    #brains_way .box-prod > .item {
        padding: 30px 0;
    }
    #brains_way .box-prod > .item:not(.wide) {
        flex-direction: column !important;
        gap: 25px;
        /* padding: 30px 15px !important; */
    }
    /* #brains_way .box-prod > .item+.item {
        margin-top: 20px;
    } */
    #brains_way .box-prod .detail p {
        font-size: 19px;
        /* font-size: 15px; */
        line-height: 1.4;
    }
    #brains_way .box-prod .detail .tit {
        margin: 0 0 20px;
        font-size: 26px;
        /* font-size: 21px; */
    }
    #brains_way .box-prod .image img {
        max-height: 320px;
    }
    #brains_way .box-prod .ref {
        margin-top: 30px;
        /* margin-top: 20px; */
        padding-top: 15px;
        font-size: 17px;
        /* font-size: 12px; */
    }
    #brains_way .box-prod figure figcaption {
        margin-top: 8px;
        font-size: 16px;
    }
    

    #brains_way #section-tab2 .box-prod > .item1 .detail p {
        font-size: 20px;
    }
    #brains_way #section-tab2 .box-prod > .item2 .detail p {
        font-size: 19px;
    }
    #brains_way #section-tab2 .box-prod > .item2 .detail .tit {
        font-size: 30px;
        /* font-size: 27px; */
    }
    #brains_way #section-tab2-3 .box-prod > .item.detail.wide {
        margin-bottom: -25px;
    }
    #brains_way #section-tab2-3 .box-prod .row > div+div {
        margin-top: 20px;
    }
    #brains_way #section-tab2-3 .box-prod > .item3 .detail .tit {
        font-size: 21px;
    }
    #brains_way .box-prod > .item .banner {
        padding: 15px 30px;
        /* margin: 40px 0 20px; */
        /* padding: 35px 20px 30px 20px; */
        border-radius: 0 50px;
    }
    #brains_way .box-prod > .item .banner .icon {
        top: -25px;
        left: 15px;
        width: 50px;
    }
    #brains_way .box-prod > .item .banner .tit {
        font-size: 24px;
        /* font-size: 21px; */
    }
    #brains_way .box-prod > .item .banner p {
        font-size: 18px !important;
        /* font-size: 15px; */
        line-height: 1.4;
    }
    #brains_way .box-prod figure {
        margin: 30px 0;
    }
    /* #brains_way #brains_tab2 .box-prod > .item:nth-child(n+4):nth-child(-n+10):nth-child(even) .detail {
        padding-left: 0;
    } */
    /* #brains_way #brains_tab3 .box-prod > .item3 .ref strong {
        font-size: 14px;
    } */
    /* #brains_way #brains_tab4 .box-prod .item+.item {
        margin-top: -20px;
    } */
    #brains_way #section-tab2-4 .page-title {
        margin-top: 20px;
    }
    #brains_way #section-tab2-4 .box-prod > .item1 img {
        margin-bottom: 30px;
    }
    #brains_way #section-tab2-4 .box-prod > .item3 .detail img {
        margin-top: 30px;
    }
    #brains_way .box-video > .item {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    #brains_way .box-video > .item .video iframe {
        height: 194px;
    }
    #brains_way .box-video > .item .text {
        height: 100%;
        padding: 20px;
    }
    #brains_way .box-video > .item .text .tit {
        margin: 0 0 20px;
        font-size: 18px;
    }
    #brains_way .box-video > .item .text p {
        font-size: 16px;
        line-height: 1.5;
    }


    #biz_imaging #section1-top {
        height: 180px;
        background-position: 60% 50%;
    }
    #biz_imaging #section1-top .banner > h2 {
        margin: 70px 0 0;
        font-size: 43px;
    }
    #biz_imaging .banner > .download .btn {
        padding: 14px 25px;
        font-size: 13px;
    }
    #biz_imaging #section1 .row2 > .top p {
        margin: 25px 0 40px;
        font-size: 23px;
    }
    #biz_imaging #section1 .row2 > .spec table > thead > tr > th,
    #biz_imaging #section1 .row2 > .spec table > tbody > tr > td {font-size: 13px;}
    #biz_imaging .bottom {font-size: 12px;}
    #biz_imaging #section2 .banner {
        height: 130px;
        padding: 0;
    }
    #biz_imaging #section2 .row2 p {
        margin: 15px 0 40px;
        font-size: 26px;
        line-height: 1.5;
    }
    #biz_imaging #section2 .left > table {margin-bottom: 30px;}
    #biz_imaging #section3 .banner {padding: 20px;}
    #biz_imaging #section3 .banner > .wrap-img {
        float: none;
        width: 100%;
        margin: 50px 0 0;
    }
    #biz_imaging #section3 .banner > .wrap-img .circle {
        float: none;
        width: 180px;
        margin: 0 auto;
    }
    #biz_imaging #section3 .banner .text {
        float: none;
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    #biz_imaging #section3 .title-lv-4 {font-size: 32px;}
    #biz_imaging #section3 .row2 .left img {
        width: 100%;
        margin-bottom: 15px;
    }
    #biz_imaging #section3 .row2 .right img {margin-bottom: 0;}
    #biz_imaging #section3 .box-images .column {
        width: 50%;
        margin-bottom: 6px;
    }
    #biz_partners .page-top {background-position: 90% 50%;}
    #biz_partners .box-partner h4 {font-size: 15px;}
    #recruiting .page-top {background-position: 83% 50%;}
    #recruiting #section1 .text-box {
        margin-bottom: 20px;
        padding: 0 15px 25px;
    }
    body.en #recruiting #section1 .text-box {min-height: auto;}
    #recruiting #section1 .text-box > .wrap-icon {margin-top: 30px;}
    #contact_us .page-top {background-position: 85% 50%;}
    #contact_us+.board_wrapper {margin-bottom: 70px;}

    .board_wrapper {margin-bottom: 0;}
    .board_wrapper .table colgroup, .board_wrapper .table tr .num,
    .board_wrapper .table tr .hits {display: none;}
    .board_wrapper .table .subject {width: 55%;}
    .board_wrapper .table .writer {width: 20%;}
    .board_wrapper .table .regdate {width: 25%;}
  
    .board_data_view .header_wrap {padding: 30px 10px;}
    .board_data_view .header_wrap .title {
      font-size: 25px;
      line-height: 1.25em;
    }
    .table.table_default tr th, .table.table_default tr td {padding: 10px;font-size: 14px;}
    .table.table_default tbody .subject .badge {
      margin-right: 5px;
      font-size: 11px;
    }
    .board_wrapper .table.board_write_table tbody tr td .form-control,
    .board_wrapper .table.board_write_table .form-control.form-control-big {width: 100%;}
    .board_wrapper .text-center .btn.btn-lg {
      width: 100%;
      margin: 12px 0 0;
      padding: 12px;
    }
    .search_wrap {margin-bottom: 70px;}
    .search_wrap .write_btn_wrap {right: 0;}
    .board_wrapper .reply_wrap {margin-bottom: 50px;}

    .member_wrapper {
      padding-top: 60px;
      padding-bottom: 100px;
    }

    .table_blog {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .table_blog .right {
        padding: 20px 20px 40px 20px;
    }
    .table_blog .right .title {
        margin: 0 0 30px;
    }
    .table_blog .right .title a {
        font-size: 13px;
        line-height: 1.5em;
    }
    .table_blog .right .title a span {
        height: 117px;
    }
    .table_blog .right .text {
        bottom: 20px;
        padding: 0 20px;
    }
    .table_blog .right .text p {
        height: 35px;
        font-size: 13px;
        line-height: 1.35em;
    }
    .brains_way.board {
        margin-bottom: -100px;
    }
}
@media (min-width: 768px) { /* Medium·Large·Extra large devices */
    html.main .navbar-inverse {
        background: transparent;
        border-bottom: none;
    }
}
@media (min-width: 768px) and (max-width: 1199px) { /* Medium·Large devices */
    html:not(.main) #site {padding-top: 136px;}
    .container > .navbar-header {
        width: 100%;
        padding: 25px 0 10px;
        text-align: center;
    }
    body.en .container > .navbar-header {padding: 34px 0 10px;}
    .navbar-inverse .navbar-brand {
        float: none;
        display: inline-block;
        margin: 0 auto !important; 
    }
    .navbar-inverse .navbar-collapse {text-align: center;}
    .navbar-inverse .navbar-right {
        float: none !important;
        display: inline-block;
        margin-right: 0;
        margin-bottom: -6px;
    }
    .navbar-inverse .navbar-nav > li > a {padding: 20px 10px;}

    #about_us #section1 .image {padding: 0 40px;}
    #about_us #section5 .left .name {font-size: 35px;}
    #about_us #section5 .left .name .i {font-size: 32px;}
    #about_us #section5 .right>ul {margin: 15px 0 0;text-align: left;}
    #about_us #section5 .right>ul>li {margin-left: 0;}
    #brains_way .links2 ul.nav > li {
        float: left;
        width: 33%;
        padding: 0 2px;
        margin-bottom: 5px;
    }
    body.en #brains_way #brains_tab1 > #section-tab1-1 h4 {font-size: 26px;}
    #brains_way #section-tab2-2 .video iframe {height: 410px;}
    #recruiting #section1 .text-box {
        min-height: 300px;
        padding: 40px 30px 30px;
    }
    body.en #recruiting #section1 .text-box {min-height: 322px;}
    #recruiting #section1 .text-box > .wrap-icon, #recruiting #section1 .text-box > .text {
        width: 100%;
        float: none;
        margin-top: 0;
        padding: 0;
    }
}
@media (min-width: 1500px) {
    .main-contents > #section-video video {width: 100%;}
}
/******* 모바일 최적화 끝 *******/