@charset "utf-8";

#site {
    padding-top: 0px;
    font-size: 16px;
    font-family: "notokr", sans-serif;
    letter-spacing: -0.03em;
}
#site.en {
    letter-spacing: -0.02em;
}

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

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

p {
    line-height: 1.6em;
}

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

.btn.btn-primary {
    background-color: #245b93;
    border-color: #245b93;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: #153965;
    border-color: #153965;
}

.wrap-btn {
    width: 300px;
    margin: 80px 0 0;
    display: inline-block;
}
.wrap-btn > a {
    width: 100%;
    display: inline-block;
    color: #fff;
    overflow: hidden;
    background-color: #0250a0;
    border-radius: 3px;
}
.wrap-btn > a:hover {
    background: #036dda;
}
.wrap-btn .icon,
.wrap-btn .text {
    float: left;
    display: inline-block;
    text-align: center;
}
.wrap-btn .icon {
    width: 23%;
    position: relative;
    padding: 20px 0;
}
.wrap-btn .icon .inner {
    width: 100%;
    position: absolute;
    transition: all ease-in-out 0.05s;
    -webkit-transition: all ease-in-out 0.05s;
    -moz-transition: all ease-in-out 0.05s;
    -ms-transition: all ease-in-out 0.05s;
    -o-transition: all ease-in-out 0.05s;
}
.wrap-btn > a:hover .icon .inner {
    margin-top: -46px;
}
.wrap-btn .icon .inner i {
    display: block;
    font-size: 23px;
    padding-bottom: 20px;
}
.wrap-btn .text {
    width: 77%;
    padding: 18px 0;
    font-size: 17px;
    font-weight: 400;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.list-default {
    padding-left: 0;
    list-style-type: none;
}
.list-default > li {
    margin-bottom: 5px;
}
.list-style-1 > li {
    position: relative;
    padding-left: 12px;
}
.list-style-1 > li::before {
    content: "";
    top: 9px;
    left: 0;
    width: 5px;
    height: 5px;
    position: absolute;
    background-color: #307ec5;
    border-radius: 50%;
}

.tb-default > thead > tr > th,
.tb-default > thead > tr > td,
.tb-default > tbody > tr > th,
.tb-default > tbody > tr > td {
    padding: 12px;
    font-size: 16px;
    vertical-align: middle;
}

.tb-style-1 {
    border-top: 2px solid #373a36;
}
.tb-style-1 > thead > tr > th,
.tb-style-1 > tbody > tr > th {
    text-align: center;
}
.tb-style-1 > thead > tr > th {
    background-color: #eee;
    border: none;
}

.space-bottom {
    margin-bottom: 120px;
}
.space-bottom-2 {
    margin-bottom: 40px;
}

/* 언어 전환 버튼 (다국어) */
.menu-top {
    padding: 2px 0 6px;
    text-align: right;
    background-color: #f1f1f1;
}
.menu-top ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.menu-top ul > li {
    position: relative;
    display: inline-block;
    line-height: 1;
}
.menu-top ul > li .lang {
    padding: 0 0 0 8px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    background-color: transparent;
    border: none;
}
.menu-top ul > li .lang.active {
    font-weight: 800;
    color: #0061c5;
    opacity: 1;
}
.menu-top ul > li .lang:not(.active):hover {
    text-decoration: underline;
}
.menu-top ul > li .lang:focus {
    outline: none;
}

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

/* 상단 메뉴 */
.navbar-inverse {
    background: #fff;
    position: static;
    margin-bottom: 0;
    border: 0;
}

.navbar-inverse .navbar-brand {
    height: auto;
}
.navbar-inverse .navbar-brand img {
    height: 48px;
    margin-top: 5px;
}

.navbar-inverse .navbar-nav > li > a {
    font-size: 17px;
    font-weight: 600;
    color: #333;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #183859;
}
.navbar-inverse .navbar-nav > li > a.member {
    /* 로그인/회원가입 */
    margin: 27px 18px;
    padding: 8px 12px;
    font-size: 14px;
    color: #183859;
    background-color: #f6f6f6;
    border-radius: 3px;
}
.navbar-inverse .navbar-nav > li > a.member:hover,
.navbar-inverse .navbar-nav > li > a.member:focus {
    background-color: #eee;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.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-color: #183859;
    border: none;
}

@media (max-width: 767px) {
    /*.navbar-inverse .navbar-toggle{border:1px solid #666;}*/
    .navbar-inverse .navbar-toggle {
        border: 0;
        padding: 20px 0;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #183859;
        transition: ease-in-out 0.15s all;
        opacity: 1;
        position: relative;
    }
    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background: none;
        border-color: #183859;
    }
    .navbar-inverse .navbar-toggle:hover .icon-bar,
    .navbar-inverse .navbar-toggle:focus .icon-bar {
        background-color: #183859;
    }
    .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;
        transform: translate(-50%, 0);
        border-radius: 0;
        padding: 0;
        -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.125);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.125);
        background-color: rgba(0, 0, 0, 0.5);
    }
    .navbar-inverse .navbar-nav .dropdown-menu > li > a {
        padding: 12px 20px;
        font-size: 15px;
        font-weight: 500;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
    }
    .navbar-inverse .navbar-nav .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .dropdown-menu > li > a:focus {
        color: #fcde4b;
        background-color: #000000;
    }
}

@media (min-width: 992px) {
    .navbar-inverse .navbar-right {
        margin-right: -30px;
    }
    .navbar-inverse .navbar-nav > li > a {
        padding: 35px 30px;
    }
    .navbar-inverse .navbar-nav > li > a::before {
        content: "";
        top: 47%;
        left: 14px;
        width: 8px;
        height: 8px;
        position: absolute;
        border-radius: 20px;
    }
    .navbar-inverse .navbar-nav > li > a:hover::before,
    .navbar-inverse .navbar-nav > li.open > a::before {
        background-color: #fdd824;
    }
    .navbar-inverse .navbar-nav > #gnbauth > a::before{content: none;}
    .logined .navbar-inverse .navbar-nav > #gnbauth > a::before{content: "";}
}

/* 슬라이드 공통 */
.carousel-control {
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.125);
    transition: ease-in-out 0.15s all;
}
.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 li {
    width: 60px;
    height: 6px;
    background-color: #fff;
    border: none;
    margin: 0 6px;
    border-radius: 0;
    transition: ease-in-out 0.15s all;
}
.carousel-indicators li.active {
    width: 60px;
    height: 6px;
    background-color: #fcde4b;
    border: none;
    margin: 0 6px; /*box-shadow:0px 2px 6px rgba(0, 0, 0, .125)*/
}

.carousel-caption {
    top: 35%;
    right: 10%;
    left: 10%;
    text-shadow: none;
}

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

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

#site footer .footer-link {
    padding: 15px 0;
    border-bottom: 1px solid #444;
}

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

#site footer .footer-link ul li {
    list-style: none;
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    line-height: 26px;
}

#site footer .footer-link ul li a {
    color: inherit;
}

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

#site footer .footer-info ul {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 0;
}
#site footer .footer-info ul:after {
    content: "";
    display: table;
    clear: both;
}

#site footer .footer-info ul li {
    list-style: none;
    display: inline-block;
    font-size: 13px;
    margin-right: 15px;
    line-height: 23px;
}

#site footer .footer-info .copy li {
    color: #bbb;
}

#site footer .footer-info .logo img {
    width: 120px;
    margin: 30px auto;
}
#site footer .footer-info .social {
    padding-right: 0;
}
#site footer .footer-info .social h5 {
    margin: 0 0 15px;
    font-size: 15px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
}
#site footer .footer-info .social ul li {
    float: left;
    margin-right: 8px;
}
#site.en footer .footer-info .social ul li:nth-child(4),
#site.en footer .footer-info .social ul li:nth-child(5) {
    display: none;
}
#site footer .footer-info ul li .btn-social > a {
    width: 36px;
    height: 36px;
    display: inline-block;
    padding: 7px 8px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 25px;
}
#site footer .footer-info ul li #facebook > a,
#site footer .footer-info ul li #youtube > a {
    font-size: 18px;
}
#site footer .footer-info ul li #smartstore > a {
    font-size: 16px;
}
#site footer .footer-info ul li #naver > a {
    padding: 9px 8px;
}
#site footer .footer-info ul li #kakao > a {
    padding: 10px 8px;
}

#site footer .footer-info ul li #facebook > a:hover {
    background-color: #3b5998;
}
#site footer .footer-info ul li #instagram > a:hover {
    background-color: #d73889;
}
#site footer .footer-info ul li #youtube > a:hover {
    background-color: #f80000;
}
#site footer .footer-info ul li #naver > a:hover {
    background-color: #01c73c;
}
#site footer .footer-info ul li #kakao > a:hover {
    background-color: #f5da00;
}
#site footer .footer-info ul li #smartstore > a:hover {
    background-color: #01c73c;
}

#site footer .footer-info .fam-link {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #444;
}
#site footer .footer-info .fam-link ul {
    display: flex;
    justify-content: space-between;
    gap: 0 5px;
}
#site footer .footer-info .fam-link ul:after {
    display: none;
}
#site footer .footer-info .fam-link ul li {
    float: none;
    display: block;
    margin: 0;
}
#site footer .footer-info .fam-link ul li a {
    display: block;
    border-radius: 2px;
    overflow: hidden;
}
#site footer .footer-info .fam-link ul li a:hover,
#site footer .footer-info .fam-link ul li a:focus {
}
#site footer .footer-info .fam-link ul li a img {
    display: block;
    height: 30px;
    width: 100%;
}

/* 메인 페이지 */
#mainCarousel .carousel-inner .item {
    height: 660px;
}
#mainCarousel .carousel-caption h1 {
    font-size: 72px;
    font-weight: 700;
    margin-bottom: 40px;
    letter-spacing: -0.06em;
}
body.en #mainCarousel .carousel-caption h1 {
    letter-spacing: -0.04em;
}
.carousel-caption p {
    font-weight: 300;
    font-size: 20px;
    letter-spacing: -0.03em;
    word-break: keep-all;
    line-height: 1.4em;
}
body.en .carousel-caption p {
    letter-spacing: -0.015em;
}
.carousel-caption p > span {
    font-size: 17px;
    letter-spacing: -0.05em;
}
body.en .carousel-caption p > span {
    letter-spacing: -0.03em;
}

@media (max-width: 767px) {
    #mainCarousel .carousel-inner .item {
        height: 260px;
    }
    #mainCarousel .carousel-caption h1 {
        margin-bottom: 20px;
        font-size: 36px;
    }
    #mainCarousel .carousel-caption p {
        font-size: 15px;
    }
    #mainCarousel .carousel-caption p > span {
        font-size: 12px;
    }
    body.en #mainCarousel .carousel-caption p > span {
        font-size: 11px;
    }
}

.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-contents {
    padding-top: 0px;
}
.main-contents h3 {
    margin: 0 0 45px;
    font-size: 35px;
    font-weight: 600;
    color: #111;
    letter-spacing: -0.04em;
    text-align: center;
}
body.kr .main-contents #row2 {
    display: block;
}
body.kr .main-contents #row3 {
    display: none;
}
body.en .main-contents #row2 {
    display: none;
}
body.en .main-contents #row3 {
    display: block;
}

.main-contents #row1 {
    margin: -210px auto 0;
    margin-bottom: 60px;
    width: 960px;
}
.main-contents #row1 > div {
    padding: 0px 3px;
}
.main-link > a {
    width: 100%;
    display: inline-block;
    padding: 25px 30px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 3px;
    height: 150px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.main-link > a:hover {
    margin-top: -15px;
    text-decoration: none;
    background-color: #00677b;
    border: 1px solid #005e71;
}
.main-link i {
    font-size: 40px;
    margin-top: 10px;
}
.main-link h4 {
    margin: 18px 0 0;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.02em;
}
.main-contents #row2 > div {
    padding: 0;
}
.main-banner {
    margin-top: 80px;
    margin-bottom: 80px;
}
.main-banner > a {
    width: 100%;
    display: inline-block;
    border: 1px solid transparent;
    border-right: 1px solid #eaeaea;
}
.main-banner > a:hover {
    border: 1px solid #7883cd;
    text-decoration: none;
}
.main-banner#banner2 > a:hover {
    border-color: #35bad4;
}
.main-banner#banner3 > a:hover {
    border: 1px solid #ff8700 !important;
}
.main-banner img {
    width: 100px;
    border-radius: 60px;
    margin-top: 15px;
}
.main-banner .text {
    padding: 7px 10px;
    text-align: center;
}
.main-banner .text h4 {
    margin: 15px 0 10px;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: -0.06em;
}
.main-banner > a:hover .text h4 {
    color: #183859;
}
.main-banner .text p {
    font-size: 15px;
}

.main-contents #row3 {
    padding: 80px 0;
}
.main-contents .main-work > .text {
    min-height: 222px;
    padding: 30px 30px 20px;
    word-break: keep-all;
    background: #f6f6f6;
}
.main-contents .main-work h4 {
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.04em;
}
.main-contents .main-work p {
    font-size: 15px;
}

body.en #section_14bfa6 {
    display: none;
}
#section_14bfa6 {
    padding: 60px 0;
}
#section_14bfa6 {
    background-color: #f6f6f6;
}
#section_14bfa6 .board_box_list {
    width: 33%;
    padding-left: 30px;
    padding-right: 30px;
}

div[class^="board_box_"] .page-header h4 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    letter-spacing: -0.06em;
}
.page-header {
    border-color: #666;
    padding-bottom: 5px;
}
.board_box_list ul li {
    position: relative;
    padding-left: 0;
    font-size: 14px;
    color: #555;
    letter-spacing: -0.02em;
}
.board_box_list ul li::before {
    content: "- ";
    top: 3px;
    left: 0;
    position: absolute;
    display: none;
}
.board_box_list ul li a {
    color: #555;
    font-size: 16px;
    letter-spacing: -0.06em;
}
.board_box_list ul li a:hover {
    color: #000;
    text-decoration: none;
}
div[class^="board_box_"] .page-header a:hover > i {
    color: #fcde4b;
}
/********** 서브 시작 **********/
/* 공통 */
.navbar-inverse + .container {
    width: 100%;
    padding: 0;
}

.sub-contents {
    margin-bottom: 150px;
}
.sub-contents > .page-top {
    height: 220px;
    padding: 85px 0 0;
    color: #fff;
    background-image: url("/public/img/sub/back-page-top1.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #333;
}
.sub-contents > .page-top h2 {
    display: inline-block;
    margin-top: 0;
    font-size: 42px;
    font-weight: 500;
    letter-spacing: -0.02em;
}
.sub-contents > .page-top small {
    padding-left: 12px;
    font-size: 13px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0.1em;
}
.sub-contents .wrap-breadcrumb {
    margin: -40px 0 0;
}
.sub-contents .breadcrumb {
    margin-bottom: 0;
    padding: 11px 0 12px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0;
    background-color: transparent;
    text-align: right;
    text-transform: uppercase;
}

.sub-contents .link {
    margin-bottom: 70px;
    border-bottom: 1px solid #ddd;
}
.sub-contents .link ul {
    text-align: center;
    width: 100%;
    margin-bottom: 0;
}
.sub-contents .link ul > li > a {
    width: 100%;
    display: inline-block;
    padding: 16px;
    font-size: 17px;
    border-right: 1px solid #eaeaea;
    text-transform: uppercase;
}
.sub-contents .link ul > li:first-child > a {
    border-left: 1px solid #eaeaea;
}
.sub-contents .link ul > li.active > a {
    font-weight: 500;
    color: #fff;
    background: #183859;
    padding-bottom: 17px;
}
.sub-contents .link ul > li > a:hover,
.sub-contents .link ul > li > a:focus {
    text-decoration: none;
}
.sub-contents .link ul > li:not(.active) > a:hover {
    color: #002750;
    background: #eff3f7;
    padding-bottom: 17px;
    font-weight: 500;
}

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

.title-lv-3 {
    position: relative;
    margin: 0 0 40px;
    padding-left: 17px;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.06em;
}
.title-lv-3::before {
    content: "";
    top: 1px;
    left: 0;
    width: 7px;
    height: 85%;
    position: absolute;
    background-color: #183859;
    border-radius: 0 6px;
    border-top: 8px solid #fcdf51;
}
.title-lv-4 {
    position: relative;
    margin: 0 0 18px;
    padding-left: 22px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.06em;
}
.title-lv-4::before {
    content: "";
    top: 5px;
    left: 0;
    width: 13px;
    height: 15px;
    position: absolute;
    background-color: #183859;
    border-radius: 0 5px;
}
body.en .title-lv-3,
body.en .title-lv-4 {
    letter-spacing: -0.045em;
}
.title-lv-5 {
    position: relative;
    margin-top: 0;
    margin-bottom: 15px;
    padding-left: 14px;
    font-size: 20px;
    letter-spacing: -0.034em;
}
.title-lv-5::before {
    content: "";
    top: 3px;
    left: 0;
    width: 6px;
    height: 17px;
    position: absolute;
    background-color: #183859;
    border-radius: 2px;
}

/* 쉐어라이트 - 법인소개 (서브) */
/* 1) 법인소개 */
#company .space-bottom {
    padding-bottom: 100px;
    border-bottom: 1px dashed #ddd;
}
#company #row1 .left img {
    border-radius: 3px;
}
#company #row1 .text {
    padding: 0 0 0 50px;
}
#company #row1 .text .txt-big {
    margin: 0 0 22px;
    font-size: 20px;
    font-weight: 500;
    color: #0061c5;
    text-align: left;
    line-height: 1.5em;
    /* letter-spacing: -0.06em; */
    letter-spacing: -0.04em;
}
body.en #company #row1 .text .txt-big {
    letter-spacing: -0.045em;
}
#company #row1 .text p {
    font-size: 20px;
    line-height: 1.6em;
    word-break: keep-all;
    /* letter-spacing: -0.08em; */
    letter-spacing: -0.05em;
    /* margin-bottom: 50px; */
    margin-bottom: 30px;
}
#company #row1 .text p.txt-m{margin-bottom: 22px;}
body.en #company #row1 .text p {
    letter-spacing: -0.065em;
    margin-bottom: 50px;
}
#company #row1 .text p:last-child {
    margin-bottom: 0;
}
#company #row1 ul {
    margin-bottom: 0;
    text-align: center;
}
#company #row1 ul > li {
    width: 33%;
    float: left;
    display: inline-block;
    margin-bottom: 0;
    padding: 20px 15px;
    font-size: 17px;
    font-weight: 600;
    color: #183859;
    line-height: 1em;
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    border-radius: 3px;
}
#company #row1 ul > li + li {
    border-left: none;
}
#company #row1 ul > li img {
    margin-bottom: 10px;
}
/* 2) 연혁 */
.his-area{background: #003d5c;padding: 20px !important;}
#company #row2.space-bottom {
    /* padding-bottom: 40px; */
    padding-bottom: 100px;
}
#company #row2 div[class^="col-"]:not(.title) {
    display: inline-table;
    padding: 0;
}
.wrap-history > .inner {
    width: 100%;
    margin-bottom: 10px;
}
.wrap-history h4 {
    margin: 0;
    padding: 15px;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    background-color: #1e3858;
}
.wrap-history#his2 h4 {
    background-color: #234f8d;
}
.wrap-history#his3 h4 {
    position: relative;
    background-color: #51a0e3;
}
.wrap-history#his3 h4::before,
.wrap-history#his3 h4::after {
    content: "";
    position: absolute;
}
.wrap-history#his3 h4::before {
    top: 0;
    right: 0;
    border-top: 30px solid #fff;
    border-right: 30px solid #fff;
    border-bottom: 30px solid transparent;
    border-left: 30px solid transparent;
}
.wrap-history#his3 h4::after {
    right: 0;
    bottom: 0;
    border-top: 30px solid transparent;
    border-right: 30px solid #fff;
    border-bottom: 30px solid #fff;
    border-left: 30px solid transparent;
}
.wrap-history h4 .text {
    margin-top: 8px;
    font-size: 25px;
    font-weight: 300;
}
.wrap-history .bottom {
    margin-top: 10px;
    padding: 20px 30px;
}
.wrap-history .bottom .date {
    float: left;
    margin: 3px 0 0;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}
.wrap-history .bottom .detail {
    padding-left: 68px;
    font-size: 14px;
    word-break: keep-all;
}
/* 3) 오시는 길 */
#company .location p.addr {
    text-align: right;
    font-size: 18px;
    margin: 5px 0 15px;
    letter-spacing: -0.06em;
    font-weight: 500;
}
body.en #company .location p.addr {
    letter-spacing: -0.045em;
}
#company .location p.addr i {
    padding-right: 5px;
    color: #3496fc;
}
#company #row3,
#company #row4 {
    margin-bottom: 50px;
}
#company .location .title-lv-4-2 {
    position: relative;
    margin: 0 0 20px;
    padding-left: 22px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.06em;
}
#company .location .title-lv-4-2::before {
    content: "";
    top: 5px;
    left: 0;
    width: 13px;
    height: 15px;
    position: absolute;
    background-color: #183859;
    border-radius: 0 5px;
}
#company #row5 .wrap-icon {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 30px;
    padding: 15px;
    background-color: #183859;
    border-radius: 50px;
}
#company #row5 .wrap-icon img {
    width: 35px;
}
#company #row5 p {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -0.08em;
    margin-bottom: 50px;
}
body.en #company #row5 p {
    letter-spacing: -0.055em;
}
#company #row5 h4 {
    margin-top: 50px;
}

/* 제품소개 - 쉐어라이팅 */
#product_sharelighting #row1 div:not(.left):not(.icon) > img {
    margin-top: 50px;
    border-radius: 3px;
}
#product_sharelighting .box-icon {
    /* float: left;
    width: 33.3%;
    display: inline-block;*/
    text-align: center; 
}
.en #product_sharelighting .box-icon {
    float: left;
    width: 33.3%;
    display: inline-block;
}
#product_sharelighting .box-icon > .icon {
    display: inline-block;
    margin-top: 25px;
    /* padding: 12px;
    background-color: #183859;
    border-radius: 100%; */
}
.en #product_sharelighting .box-icon > .icon {
    padding: 12px;
    background-color: #183859;
    border-radius: 100%;
}
.en #product_sharelighting .box-icon > .icon img {
    width: 50px;
}
#product_sharelighting .box-icon > h4 {
    font-size: 15px;
    /* font-size: 16px; */
    font-weight: 600;
    color: #183859;
}
#product_sharelighting .box-icon > p {
    font-size: 14px;
    font-weight: 500;
    color: #183859;
    line-height: 1.4;
}
.wrap-oil-lamp img+img {
    margin-top: 30px;
}
.wrap-oil-lamp .left {
    padding-right: 46px;
}
.wrap-oil-lamp .right {
    padding-left: 0;
}
.wrap-oil-lamp .inner-left {
    padding-right: 10px;
}
.wrap-oil-lamp .inner-right {
    padding-left: 10px;
}
.wrap-oil-lamp .right .middle {
    margin: 20px 0 30px;
}
.wrap-oil-lamp .right .bottom img {
    max-width: 400px;
}
#product_sharelighting .images {
    /* margin-top: 80px; */
}
#product_sharelighting .images figure figcaption {
    padding: 30px 0;
    font-size: 20px;
    font-weight: 500;
    color: #111;
    letter-spacing: -0.06em;
    text-align: center;
    background: #eff3f7;
}

/* 제품소개 - 퓨리라이트 */
#product_sharelighting #row1,
#product_purilight #row1 {
    margin-bottom: 60px;
}
#product_purilight .contents img {
    border-radius: 3px;
}
.description {
    padding: 5px;
    font-size: 17px;
    text-align: center;
    word-break: keep-all;
    background: repeating-linear-gradient(45deg, #ccc 0, #ccc 0.05em, transparent 0.1em, transparent 0.3em);
}
.description > .inner {
    padding: 40px 50px 40px;
    background-color: #fafafa;
    text-align: left;
}
.description p {
    text-align: left;
    letter-spacing: -0.06em;
    font-size: 17px;
}
.description p:last-child {
    margin-bottom: 0;
}
#product_purilight .description {
    margin-bottom: 40px;
    text-align: left;
}
#product_purilight .description > .inner {
    padding: 30px 35px 20px;
}
#product_purilight .description h4 {
    margin: 0;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2;
    color: #0d539a;
    letter-spacing: -0.034em;
}
#product_purilight .description h4:after {
    content: "";
    width: 70px;
    height: 1px;
    display: block;
    margin: 20px 0 25px;
    background-color: #566ba0;
}
#product_purilight .description ul > li {
    margin-bottom: 9px;
}
#product_purilight figure {
    margin-bottom: 40px;
}
#product_purilight figure > figcaption {
    margin-top: 10px;
}
#product_purilight ul.feature {
    width: 100%;
    display: inline-block;
    margin-bottom: 0;
    padding: 50px 30px 40px;
    background-color: #317ec5;
    border-radius: 10px;
}
#product_purilight ul.feature > li {
    width: 16.6%;
    float: left;
    text-align: center;
}
#product_purilight ul.feature > li .circle {
    background: #0b539a;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    padding-top: 30px;
    margin: 0 auto;
}
#product_purilight ul.feature > li h5 {
    position: relative;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    margin: 12px 0 10px;
}
#product_purilight ul.feature > li .sm {
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
    word-break: keep-all;
}

/* 제품소개 - 퓨리썬 */
#product_purisun .contents {
    padding: 40px 0;
}
#product_purisun .contents > section {
    margin-bottom: 100px;
    padding: 0;
}
#product_purisun .contents > section:last-child {
    margin-bottom: 0;
}
#product_purisun #seq1 .row:not(:last-child),
#product_purisun #seq2 .row:not(:last-child) {
    margin-bottom: 100px;
}
.en #product_purisun .prod-tit > h4 {
    margin: 12px 0 5px;
    font-size: 50px;
    color: #312783;
    letter-spacing: -0.05em;
}
.en #product_purisun .prod-tit > h5 {
    margin: 0;
    padding-left: 5px;
    font-size: 24px;
    font-weight: 300;
    color: #000;
    letter-spacing: -0.03em;
}
.en #product_purisun .prod-tit > p {
    position: relative;
    margin: 60px 0 0;
    font-size: 22px;
    word-break: keep-all;
    line-height: 1.35em;
}
body.en #product_purisun #seq1 .row1 .prod-tit > p {
    font-size: 20px;
}
.en #product_purisun .prod-tit > p::before {
    content: "";
    top: -30px;
    left: 0;
    width: 50px;
    position: absolute;
    border-top: 1px solid #999;
}
#product_purisun .title-lv-4-2 {
    position: relative;
    margin: 0 0 18px;
    padding-left: 24px;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    letter-spacing: -0.04em;
}
#product_purisun .title-lv-4-2::before {
    content: "";
    top: 3px;
    left: 2px;
    width: 16px;
    height: 16px;
    position: absolute;
    background: #234f8d;
    border-radius: 20px;
}
.en #product_purisun .contents ul {
    margin-top: 20px;
    text-align: center;
}
.en #product_purisun .contents ul > li {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3em;
    word-break: keep-all;
}

#product_purisun #seq1 .row2 > .left img {
    margin: 35px auto;
}
#product_purisun #seq1 .row3 ul {
    margin-top: 50px;
}
#product_purisun #seq1 .row3 ul > li {
    font-size: 20px;
    text-align: left;
    word-break: keep-all;
    line-height: 1.5em;
}
#product_purisun #seq1 .row3 > .image {
    padding: 0 35px;
}
#product_purisun #seq1 .row3 figure + figure {
    margin-top: 15px;
}
#product_purisun #seq1 .row3 figure > figcaption {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.2em;
    text-align: center;
}
#product_purisun #seq1 .row4 > div[class^="col-"] {
    padding: 0 25px;
}
#product_purisun #seq1 .row4 figure img {
    padding: 8px;
    border: 1px solid #ddd;
    box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.15);
}
#product_purisun #seq1 .row4 figure figcaption {
    margin: 15px 0 0;
    font-size: 18px;
    text-align: center;
    color: #777;
}
#product_purisun #seq1 .row4 > div:nth-child(n + 4) figure {
    margin-top: 30px;
}
#product_purisun table.spec {
    margin: 0 0 0 -8px;
}
#product_purisun table.spec > tbody > tr > th,
#product_purisun table.spec > tbody > tr > td {
    border: none;
}
#product_purisun table.spec > tbody > tr > th {
    width: 120px;
}
body.en #product_purisun table.spec > tbody > tr > th {
    width: 150px;
}
#product_purisun #seq2 .row2 > .left img {
    float: left;
    width: 50%;
}
#product_purisun #seq2 .row2 ul {
    text-align: left;
}
#product_purisun #seq2 .row2 ul > li + li {
    margin-top: 30px;
}
/*
#product_purisun #row1 .col1 .description .inner {
    padding: 37px;
}
#product_purisun .description h4:after {
    content: '';
    width: 70px;
    height: 1px;
    display: block;
    margin: 25px 0 30px;
    background-color: #566ba0;
}
#product_purisun #row1 .col1 {
    width: 25%;
}
#product_purisun #row1 .col1 h4 {
    margin: 0 0 20px;
    font-size: 32px;
    font-weight: 500;
    color: #0d539a;
    letter-spacing: -0.03em;
}
#product_purisun #row1 .col1 p {
    margin: 0;
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: -0.06em;
}
#product_purisun #row1 .col2 {
    padding-right: 10px;
    width: 75%;
    padding-left: 10px;
}
#product_purisun #row1 .col2 > div {
    padding-left: 5px;
    padding-right: 5px;
}
#product_purisun #row1 .col3 img {
    margin-top: 120px;
}
*/

/* 함께하기 - 봉사, 후원, 찾아가는 과학교실 (서브) */
.guide {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
    background-color: #f6f6f6;
    border-top: 1px solid;
    border-bottom: 1px solid #ccc;
}
.guide > .img {
    padding: 18px 60px 17px;
    background: #7883cd;
    width: 25%;
}
.guide > .text {
    padding: 21px 50px 20px;
    width: 75%;
}
.guide > .text p:first-child {
    margin: 10px 0 16px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.08em;
}
.guide > .text span {
    color: red;
}
.guide > .text .btn {
    margin-top: 20px;
    margin-right: 10px;
    padding: 10px 40px;
    font-size: 15px;
    font-weight: 500;
    border: none;
    border-radius: 2px;
    background: #007890;
}

#volunteer .contents > section#seq3,
#class-science .contents > section#seq3 {
    padding: 0;
}

#volunteer .guide .wrap-logo > img {
    float: right;
    width: 200px;
    margin-top: 12px;
    padding: 10px 15px;
    background-color: #fff;
    border: 1px solid #ddd;
}

#support .guide > .text p:first-child {
    margin-bottom: 5px;
}

#support .modal-header {
    padding: 14px 15px 10px;
    background-color: #f6f6f6;
}
#support .modal .modal-title {
    display: inline-block;
    font-size: 20px;
}
#support .modal-body {
    padding: 30px;
}
#support .modal-footer {
    color: #fff;
}
#support .modal-footer button {
    margin: 10px;
    color: #fff;
}
#support .modal-footer button:hover {
    color: #fff;
}

#volunteer .board_wrapper,
#class-science .board_wrapper {
    /* 주문폼 */
    margin-top: -30px;
}
#support + .board_wrapper {
    /* 주문폼 */
    margin-top: -40px;
}
script + .board_wrapper {
    /* 게시판 */
    margin-top: -140px;
}

#support {
    margin-bottom: 0;
}
#support .guide > .img {
    background: #35bad4;
}
#support .contents > section#seq2 {
    padding-top: 10px;
}
#class-science .guide > .text {
    padding: 40px 50px;
}

/* Contact */
#contact + .board_wrapper .table.board_write_table tbody tr#item_1 td .form-control {
    width: 100%;
}

/* 목록 게시판 공통 */
.board_wrapper {
    margin-top: -10px;
}
.board_wrapper .badge {
    padding: 6px 7px 5px;
    background-color: #868686;
    border-radius: 2px;
    margin-right: 5px;
    font-weight: 400;
}
.search_wrap {
    margin-bottom: 180px;
}
.board_wrapper .reply_wrap {
    margin-bottom: 90px;
}

/* 주문폼 공통 */
.board_wrapper .table.board_write_table tbody tr td .form-control {
    width: 350px;
}
.board_wrapper .table.board_write_table tbody tr th > span.required_text {
    color: #f08c00;
}
form .text-muted {
    font-size: 14px;
}
form .text-muted i {
    color: #f08c00;
}

/* 블로그B 게시판 */
.table_blog2 dd .inner .bottom {
    padding: 15px 0;
}
.table_blog2 dd .inner .bottom .title a {
    font-size: 18px;
    letter-spacing: -0.05em;
}
.table_blog2 dd .inner .bottom .title a:hover,
.table_blog2 dd .inner .title a:focus {
    color: inherit;
    text-decoration: none;
}
.table_blog2 dd .inner .bottom .info {
    margin-top: -2px;
    font-size: 15px;
}

/* WHAT WE DO (영문 전용 페이지) */
#projects .box-text > .text {
    min-height: 237px;
    padding: 35px 30px 25px;
    word-break: keep-all;
    background: #f6f6f6;
}
#projects .box-text h4 {
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.04em;
}
#projects table > thead > tr > th,
#projects table > tbody > tr > th,
#projects table > tbody > tr > td {
    padding: 16px;
}
#projects table > tbody > tr > td:nth-child(2) {
    text-align: center;
}

/* HOW TO JOIN US (영문 전용 주문폼) */
#how_to_join {
    margin-bottom: 10px;
}
#how_to_join .link {
    margin-bottom: 0;
}
#how_to_join .box-text {
    padding: 30px 30px 20px;
    word-break: keep-all;
    text-align: center;
    background: #f6f6f6;
}
#how_to_join .box-text p {
    font-size: 18px;
    font-weight: 500;
}

/* CONTACT (영문 전용 주문폼) */
#contact {
    margin-bottom: 10px;
}
#contact .box-text {
    padding: 30px 30px 20px;
    word-break: keep-all;
    text-align: center;
    background: #f6f6f6;
}
#contact .box-text p {
    font-size: 18px;
    font-weight: 500;
}
/*********** 서브 끝 ***********/

/* board 추가 css */
.board_data_view .header_wrap .title {
    font-size: 26px;
    letter-spacing: -0.06em;
}
.board_data_view .header_wrap {
    border-bottom: 1px solid #ddd;
    padding: 50px 0;
}
.board_data_view .contents_wrap p {
    font-size: 17px;
}
.board_wrapper .table.board_write_table tbody tr th {
    font-size: 15px;
}
.board_data_view {
    border-top: 1px solid #333;
}
.table.table_default tbody tr th.num {
    font-weight: normal;
}
.table.table_default tbody .subject a {
    font-size: 16px;
    letter-spacing: -0.06em;
}
.table.table_default tr th,
.table.table_default tr td {
    font-size: 15px;
    border-bottom: 1px solid #ddd;
}
.text-muted {
    font-size: 15px !important;
    margin-top: 8px !important;
}
.checkbox label,
.radio label {
    font-size: 16px;
    letter-spacing: -0.06em;
}
body.en .checkbox label,
body.en .radio label {
    letter-spacing: -0.045em;
}
.custom_checkbox + span a {
    font-weight: 500;
}
.table_blog2 dd .inner {
    border: none;
}
.board_wrapper .text-center .btn.btn-lg {
    margin-bottom: 150px;
}
.breadcrumb > li + li:before {
    font-size: 10px;
    padding: 0 8px;
}
#volunteer .board_wrapper .text-center .btn.btn-lg,
#support .board_wrapper .text-center .btn.btn-lg,
#class-science .board_wrapper .text-center .btn.btn-lg {
    margin-bottom: 50px;
}
.guide > .text p {
    line-height: 1.5em;
    letter-spacing: -0.06em;
}
#class-science .guide > .img {
    background: #fe8722;
}
.space-bottom-2 .description {
    padding-left: 5px;
}
.space-bottom-2 > div {
    padding-left: 0;
}
#product #row1 .text p {
    text-align: left;
    font-size: 17px;
    letter-spacing: -0.06em;
}
#product img {
    border-radius: 3px;
}
#product #row1 > div:nth-child(7),
#product #row2 > div:nth-child(4) {
    padding-left: 60px;
}
.search_wrap .write_btn_wrap {
    right: 15px;
}
div[class^="board_box_"] .page-header .pull-right {
    margin-top: 3px;
    color: #666;
    margin-left: 3px;
}
#section_14bfa6 .row {
    margin-left: 20px;
    margin-right: 20px;
}
.row2 > div:nth-child(3) .main-banner > a {
    border-right: none;
    background: #ddd;
}
#row2 div:nth-child(3) .main-banner > a {
    border-right: 1px solid transparent;
}
#main_wrapper #row2 {
    margin: auto;
    width: 1100px;
}
#mainCarousel .carousel-caption h1 span {
    font-weight: 700;
}

/* 0404 */
#education .right img{
    height: 506px;
}
#product_sharelighting .row1 .images img{height: 330px;}
#product_sharelighting .row3 .col-sm-6 {margin-bottom: 30px;}
#product_sharelighting .row4 .col-sm-5.images img{height: 406px;}
#product_purisun .bs-tit+ul{margin: 30px 0;}
#certifi .row figure img{
    border: 1px solid #ddd;
    padding: 10px;
}
#certifi .row figcaption{margin-top: 10px;text-align: center;}
#company .left .img-area{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 42px;
}
#company .left .img-area img:last-child{
    grid-column: 2 span;
    width: 277px;
}
#company .right.text p:nth-child(3){
    margin-bottom: 30px;
}
.certifi-area{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px 30px;
}
.certifi-area .img-b{
    grid-column: 2 span;
    grid-row: 2 span;
}
.bs-tit h4{
        margin: 0; 
    font-size: 28px; 
    font-weight: 500; 
    line-height: 1.2;
    color: #0d539a; 
    letter-spacing: -0.034em;
}
.bs-tit h5{
    margin: 10px 0 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    color: #0d539a;
    letter-spacing: -0.034em;
}
.bs-tit p{
    position: relative;
    margin: 30px 0;
    font-size: 22px;
    word-break: keep-all;
    line-height: 1.35em;
}
.s-bottom{margin-bottom: 60px;}
.ba-txt{
    font-size: 20px;
    line-height: 1.6em;
    word-break: keep-all;
    letter-spacing: -0.08em;
    margin-bottom: 50px;
}
.education-table {
    width: 100%;
    border-top: 3px solid #183859;
}
.education-table thead tr th{border-bottom: 0;}
.education-table tr {
    border-bottom: 1px solid #ddd;
}
.education-table tr :is(th, td) {
    font-size: 16px;
    padding: 15px 15px;
    color: #555;
    border-left: 1px solid #ddd;
    vertical-align: middle;
    text-align: center;
}
.education-table tr th {
    color: #333;
    background: #f6f8fb;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 17px 15px;
}
.education-table tr :is(th, td):last-child {
    border-right: 1px solid #ddd;
}
@media (max-width: 767px) {
    .education-table tr :is(th, td) {
        padding: 10px 12px;
    }
}

/****** 모바일 최적화 시작 ******/
@media (max-width: 767px) {
    /* 모바일 */
    #site {
        padding-top: 101px;
    }
    .menu-top ul > li .lang {
        font-size: 10px;
    }
    .navbar-inverse {
        width: 100%;
        position: fixed;
        display: inline-table;
        border-bottom: 1px solid #ddd;
    }
    .navbar-inverse .navbar-nav {
        margin: 0 -15px;
    }
    .navbar-inverse .navbar-brand img {
        height: 40px;
        margin-top: 0;
    }
    .navbar-inverse .navbar-nav > li.open {
        background-color: #f6f6f6;
    }
    .navbar-inverse .navbar-nav > li > a {
        padding: 12px 15px;
        font-size: 16px;
        text-align: center;
        border-top: 1px solid #ddd;
    }
    .navbar-inverse .navbar-nav > li > a.member {
        margin: 0;
        padding: 12px 15px;
        background-color: #fff;
    }
    .navbar-inverse .navbar-nav > li > a.member:hover,
    .navbar-inverse .navbar-nav > li > a.member:focus {
        background-color: #fff;
    }
    .navbar-inverse .navbar-nav li.open .dropdown-menu > li > a {
        padding: 6px 15px;
        font-size: 15px;
        font-weight: 500;
        color: #333;
        text-align: center;
    }
    .navbar-inverse .navbar-nav li.open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav li.open .dropdown-menu > li > a:focus {
        color: #183859;
    }

    .member_wrapper {
        padding: 40px 15px 80px;
    }

    .carousel-caption {
        top: 45%;
        left: 5%;
        right: 5%;
    }
    .carousel-indicators {
        bottom: 30px;
    }
    body.en .carousel-indicators {
        bottom: 10px;
    }
    .main-contents #row1,
    #main_wrapper #row2 {
        margin: 0 -15px;
    }
    .main-contents #row1 {
        padding: 15px;
    }
    .main-contents #row1 > div {
        padding: 0;
    }
    .main-link > a {
        height: auto;
        padding: 20px;
        color: #333;
        border: 1px solid #ddd;
        border-radius: 0;
    }
    .main-contents #row1 > div:first-child > .main-link > a {
        border-right: none;
        border-bottom: none;
        border-radius: 3px 0 0;
    }
    .main-contents #row1 > div:nth-child(2) > .main-link > a {
        border-bottom: none;
        border-radius: 0 3px 0;
    }
    .main-contents #row1 > div:nth-child(3) > .main-link > a {
        border-right: none;
        border-radius: 0 0 0 3px;
    }
    .main-contents #row1 > div:nth-child(4) > .main-link > a {
        border-radius: 0 0 3px;
    }
    .main-link > a:hover {
        margin-top: 0;
        color: #fff;
    }
    .main-link > a > i {
        margin-top: 0;
        font-size: 36px;
    }
    .main-link h4 {
        margin-top: 15px;
        font-size: 17px;
    }
    #main_wrapper #row2 {
        margin: 15px -15px 38px;
    }
    .main-banner {
        margin: 0 15px;
    }
    .main-banner > a {
        padding: 15px 0;
        border: none;
    }
    #banner2.main-banner > a {
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
    }
    .main-contents #row3 {
        padding: 50px 0;
    }
    .main-contents .main-work > .text {
        min-height: auto;
    }
    #section_14bfa6 {
        padding: 40px 0;
    }
    #section_14bfa6 .row {
        margin-left: 0;
        margin-right: 0;
    }
    #section_14bfa6 .board_box_list {
        width: 100%;
        padding: 0;
    }
    .page-header {
        margin-top: 20px;
    }
    #site footer .footer-info .logo img {
        width: 100px;
        margin: 0 auto 25px;
    }
    #site footer .footer-info ul li {
        font-size: 12px;
    }
    #site footer .footer-info .social {
        margin-top: 22px;
    }
    #site footer .footer-info .copy {
        margin-top: 12px;
    }

    .sub-contents {
        margin-bottom: 70px;
    }
    .sub-contents > .page-top {
        height: 170px;
        padding: 55px 0 0;
    }
    .sub-contents > .page-top h2 {
        margin-bottom: 5px;
        font-size: 38px;
    }
    .sub-contents > .page-top small {
        display: block;
        padding-left: 0;
        font-size: 12px;
    }
    .sub-contents .breadcrumb {
        font-size: 11px;
    }
    .sub-contents .link {
        margin: 20px 0;
        border-bottom: none;
    }
    /*
    .sub-contents .link ul > li {
        display: inline-block;
        width: 100%;
    }
    */
    .sub-contents .link ul > li > a {
        padding: 8px !important;
        font-size: 15px;
        border: 1px solid #eaeaea;
    }
    .sub-contents .link ul > li.active > a {
        padding-bottom: 8px;
    }
    .space-bottom {
        margin-bottom: 60px;
    }
    .title-lv-3 {
        margin: 0 0 25px;
        font-size: 26px;
    }
    .title-lv-4 {
        margin: 0 0 13px;
        font-size: 20px;
    }
    .title-lv-4::before {
        top: 3px;
    }
    .sub-contents .contents > section {
        padding: 20px 0;
    }
    #company .space-bottom {
        padding-bottom: 60px;
    }
    #company #row1 .left img {
        margin-bottom: 50px;
    }
    #company #row1 .text {
        padding: 0 15px;
    }
    #company #row1 .text p {
        margin-bottom: 30px;
    }
    #company #row2.space-bottom {
        padding-bottom: 20px;
    }
    .wrap-history {
        padding: 0 15px;
    }
    .wrap-history#his1 .bottom,
    .wrap-history#his2 .bottom {
        height: auto;
    }
    #company .location p.addr {
        font-size: 17px;
        text-align: center;
    }
    #company #row5 p {
        margin-bottom: 30px;
        font-size: 22px;
        line-height: 1.4em;
    }
    #company #row5 h4 {
        margin-top: 30px;
        font-size: 18px;
    }
    #company #row5 div[class^="col-"] > img {
        margin-top: 20px;
    }

    .board_wrapper {
        margin-top: -30px;
        margin-bottom: 0;
    }
    .board_wrapper > .table.table_default > colgroup > col:nth-child(1),
    .board_wrapper > .table.table_default > colgroup > col:nth-child(5) {
        width: 70px;
    }
    .board_wrapper > .table.table_default > colgroup > col:nth-child(2) {
        width: 270px;
    }
    .board_wrapper > .table.table_default > colgroup > col:nth-child(3) {
        width: 100px;
    }
    .search_wrap {
        margin-bottom: 90px;
    }
    .search_wrap .write_btn_wrap {
        right: 0;
    }
    .board_wrapper .reply_wrap {
        margin-bottom: 70px;
    }
    .board_data_view .header_wrap {
        padding: 30px 0;
    }
    .board_data_view .header_wrap .title {
        font-size: 24px;
        line-height: 1.2em;
    }
    .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 > form {
        margin-bottom: 90px;
    }
    .board_wrapper .text-center .btn.btn-lg {
        width: 100%;
        margin: 10px 0 0;
        padding: 12px;
    }
    .table_blog2 dd {
        width: 100%;
    }
    #how_to_join .box-text {
        margin-bottom: 20px;
        padding: 30px 15px 20px;
    }
    #how_to_join .box-text p {
        font-size: 15px;
    }
        #product_sharelighting .box-icon {
        /* float: none;
        width: 100%;
        padding: 10px 0;
        text-align: left; */
    }
    #product_sharelighting .box-icon > .icon {
        /* float: left;
        margin-top: 0;
        margin-right: 20px; */
    }
    #product_sharelighting .box-icon > h4 {
        margin-top: 3px;
    }
    /* #product_sharelighting .box-icon:nth-child(2) > h4 {
        margin-top: 12px;
    } */
    .wrap-oil-lamp img+img {
        margin-top: 20px;
    }
    .wrap-oil-lamp .left,
    .wrap-oil-lamp .right,
    .wrap-oil-lamp .inner-left,
    .wrap-oil-lamp .inner-right {
        padding: 0 15px !important;
    }
    .wrap-oil-lamp .right .top > div {
        margin-top: 20px;
    }
    .wrap-oil-lamp .right .bottom img {
        max-width: 100%;
    }
    #product_sharelighting .images {
        margin-top: 40px;
    }
    #product_sharelighting .images > div+div {
        margin-top: 20px;
    }
    #product_sharelighting .images figure figcaption {
        padding: 20px 0;
        font-size: 16px;
    }
    .wrap-btn {
        width: 280px;
        margin: 50px 0 0;
    }
    .wrap-btn .icon {
        padding: 17px 0;
    }
    .wrap-btn .text {
        padding: 16px 0;
        font-size: 16px;
    }
    .description {
        font-size: 16px;
    }
    #product_purilight .description > .inner {
        padding: 25px 25px 15px;
    }
    #product_purilight .description h4 {
        font-size: 28px;
    }
    #product_purilight ul.feature {
        margin-top: 0;
        padding: 30px 10px 15px;
    }
    #product_purilight ul.feature > li .circle {
        width: 80px;
        height: 80px;
        padding-top: 16px;
    }
    #product_purilight ul.feature > li .circle img {
        width: 50px;
        margin-bottom: 35px;
    }
    #product_purilight ul.feature > li h5 {
        margin-bottom: 7px;
        font-size: 17px;
    }
    #product_purisun .contents > section {
        margin-bottom: 60px;
    }
    #product_purisun img {
        margin-bottom: 0;
    }
    #product_purisun #seq1 img {
        margin-bottom: 35px;
    }
    #product_purisun #seq1 .wrap-contents h4 {
        line-height: 1.4;
    }
    #product_purisun #seq1 .row1 > .col1 {
        padding: 0 15px;
    }
    #product_purisun #seq1 .row:not(:last-child),
    #product_purisun #seq2 .row:not(:last-child) {
        margin-bottom: 60px;
    }
/* #product_purisun .prod-tit > h4 {
        font-size: 45px;
    } */
/* #product_purisun .prod-tit > h5 {
        font-size: 22px;
    } */
 /* #product_purisun .prod-tit > p {
        margin-bottom: 60px;
        font-size: 20px;
    } */
    #product_purisun #seq1 .row2 > div:not(:last-child),
    #product_purisun #seq2 .row3 > div:not(:last-child) {
        margin-bottom: 60px;
    }
    #product_purisun #seq1 .row3 > .text {
        margin-bottom: 60px;
    }
    #product_purisun #seq1 .row4 {
        padding: 0 10px;
    }
    #product_purisun #seq1 .row4 > div[class^="col-"] {
        padding: 0 10px;
    }
    #product_purisun #seq1 .row4 > div:nth-child(n + 3) figure {
        margin-top: 30px;
    }
    #product_purisun #seq1 .row4 figure figcaption {
        margin: 10px 0 0;
        font-size: 14px;
    }
    .guide > .img {
        width: 100%;
        padding: 0 60px;
    }
    .guide > .img > img {
        width: 180px;
    }
    .guide > .text {
        width: 100%;
        padding: 15px;
    }
    .guide > .text p:first-child {
        margin: 10px 0 12px;
        font-size: 20px;
    }
    #volunteer .guide .wrap-logo > img {
        float: none;
        margin: 25px auto 0;
    }
    #volunteer .board_wrapper,
    #class-science .board_wrapper {
        margin-top: 0;
    }
    #volunteer .board_wrapper .text-center .btn.btn-lg,
    #class-science .board_wrapper .text-center .btn.btn-lg {
        margin-bottom: 0;
    }
    script + .board_wrapper {
        margin-top: -70px;
    }
    .guide > .text .btn {
        float: left;
        width: 46%;
        margin: 15px 5px 25px;
        padding: 10px;
        display: inline-block;
    }
    #support + .board_wrapper {
        margin-top: -20px;
    }
    #support .modal-body {
        padding: 20px;
    }
    #support .modal-footer button {
        float: right;
        margin: 0;
    }
    #class-science .guide > .text {
        padding: 15px;
    }
    #class-science #seq2 .board_wrapper > form {
        margin-bottom: 60px;
    }
    #projects .box-text > .text {
        min-height: auto;
    }
    #contact .box-text {
        margin-bottom: 20px;
        padding: 30px 15px 20px;
    }
    #contact .box-text p {
        font-size: 15px;
    }

    /* 팝업 */
    .main_popup_contents {
        padding: 5px;
    }
    .main_popup_contents img {
        width: 100%;
        height: auto;
    }
  
  	/* 0404 */
    #education #row3 .row .col-sm-4+.col-sm-4{margin-top: 20px;}
    #product_purilight .list-default{margin-bottom: 30px;}
    #product_purilight .row3 .col-sm-4{margin-top: 20px;}
      .certifi-area{grid-template-columns: repeat(1, 1fr);}
    .certifi-area .img-b{grid-column: 1 span;}
}
@media (max-width: 1199px) {
    /* 태블릿, 모바일 */
    .main-contents #row1,
    #main_wrapper #row2 {
        width: auto;
    }
    .main-contents .main-work {
        margin-bottom: 30px;
    }
    .wrap-history .bottom {
        padding: 15px;
    }
    #product_purilight ul.feature > li {
        width: 33%;
    }
    #product_purilight ul.feature > li .sm {
        margin-bottom: 10px;
        font-size: 13px;
    }
    #projects .box-text {
        margin-bottom: 30px;
    }
    /*
    #product_purisun #row1 .col1 {
        width: 100%;
    }
    #product_purisun #row1 .col1 .description .inner {
        padding: 30px;
    }
    #product_purisun #row1 .col1 h4 {
        font-size: 30px;
    }
    #product_purisun #row1 .col2 {
        width: 100%;
        padding: 0 15px;
    }
    #product_purisun #row1 .col2 img {
        margin: 25px auto 0;
    }
    #product_purisun #row1 .col3 img {
        margin-top: 25px;
    }
    */
}
@media (min-width: 768px) {
    /* 데스크탑, 태블릿 */
    .carousel-indicators {
        bottom: 43%;
    }
    .sub-contents .link ul > li {
        display: table-cell;
        width: 1%;
    }
    .modal-dialog {
        width: 650px;
        margin: 60px auto;
    }
}
@media (min-width: 992px) {
    #company #row2 > div:nth-child(2) {
        /* margin-top: 80px; */
    }
    #company #row2 > div:nth-child(3) {
        margin-top: 40px;
    }
    .wrap-history {
        display: table-cell;
        vertical-align: bottom;
    }
    #company #row2 div[class^="col-"]:not(.title) {
 /* min-height: 592px;
        margin-top: -35px; */
    }
    .wrap-history#his1 .bottom {
        height: 345px;
    }
    .wrap-history#his2 .bottom {
        height: 390px;
    }
    .wrap-history#his3 .bottom {
        padding-bottom: 50px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    /* 태블릿 */
    .navbar-inverse > .container {
        width: 100%;
        padding: 0;
    }
    .container > .navbar-header,
    .navbar-inverse .navbar-brand {
        width: 100%;
    }
    .navbar-inverse .navbar-brand img {
        margin: 0 auto;
    }
    .navbar-inverse .navbar-collapse {
        text-align: center;
    }
    .navbar-inverse .navbar-right {
        float: none !important;
        display: inline-block;
        margin-right: 0;
        margin-bottom: -5px;
    }
    .navbar-inverse .navbar-nav > li > a {
        padding: 25px;
    }
    .navbar-inverse .navbar-nav > li > a.member {
        margin: 17px 10px;
    }

    .carousel-caption {
        top: 30%;
        left: 10%;
        right: 10%;
    }

    /*#product_purisun #row1 .col1 .description .inner {
        padding: 20px;
    }*/
    .guide > .img {
        padding: 13px 30px 12px;
    }
    .guide > .text {
        padding: 20px;
    }
}
@media (min-width: 1200px) {
    /* 데스크탑 */
    /* #site footer .footer-info .copy {margin-top: -26px;} */
    #site.en footer .footer-info .copy {
        margin-top: -5px;
    }
    /* #product_purisun #seq1 .row,
    #product_purisun #seq2 .row {
        padding: 0 80px;
    }
    #product_purisun #seq1 .row4 {
        padding: 0 120px;
    } */
}
/******* 모바일 최적화 끝 *******/
#site.kr #main_popup_4 {
    display: none !important;
}