@charset "utf-8";

@font-face {
    font-family: 'NanumSqaure';
    font-weight: 700;
    src: url('/public/font/NanumSquare/NanumSquareEB.eot');
    src: url('/public/font/NanumSquare/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
         url('/public/font/NanumSquare/NanumSquareEB.woff') format('woff'),
         url('/public/font/NanumSquare/NanumSquareEB.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumSqaure';
    font-weight: 600;
    src: url('/public/font/NanumSquare/NanumSquareB.eot');
    src: url('/public/font/NanumSquare/NanumSquareB.eot?#iefix') format('embedded-opentype'),
         url('/public/font/NanumSquare/NanumSquareB.woff') format('woff'),
         url('/public/font/NanumSquare/NanumSquareB.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumSqaure';
    font-weight: 400;
    src: url('/public/font/NanumSquare/NanumSquareR.eot');
    src: url('/public/font/NanumSquare/NanumSquareR.eot?#iefix') format('embedded-opentype'),
         url('/public/font/NanumSquare/NanumSquareR.woff') format('woff'),
         url('/public/font/NanumSquare/NanumSquareR.ttf') format('truetype');
}
@font-face {
    font-family: 'NanumSqaure';
    font-weight: 300;
    src: url('/public/font/NanumSquare/NanumSquareL.eot');
    src: url('/public/font/NanumSquare/NanumSquareL.eot?#iefix') format('embedded-opentype'),
         url('/public/font/NanumSquare/NanumSquareL.woff') format('woff'),
         url('/public/font/NanumSquare/NanumSquareL.ttf') format('truetype');
}

#site {
    padding-top: 0;
    font-size: 17px;
    font-family: 'NanumSqaure', 'notokr', sans-serif;
    letter-spacing: -0.034em;
}

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

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

p {
    line-height: 1.6em;
}

a[href^="mailto"] {
    color: inherit;
}

.btn.btn-primary {
    background-color: #00a151;
    border-color: #00a151;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: #028644;
    border-color: #028644;
}
.board_wrapper .text-center .btn.btn-lg {
    font-size: 16px;
}
.board_wrapper .text-center .btn+.btn {
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6, p, li, td {
    word-break: keep-all;
}


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

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

.navbar-inverse .navbar-brand img{height: 33px;margin-top: 9px;}

.navbar-inverse .navbar-nav > li > a{font-size:18px;font-weight:700;color:#333;}
.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus{color:#00a151;}

.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{background:none;color:#00a151;}
.navbar-inverse .navbar-nav > li > a::after {
    content: '';
    left: 50%;
    bottom: -2px;
    width: 0;
    height: 4px;
    position: absolute;
    background: #00a151;
    transform: translateX(-50%);
    transition: all 0.35s;
}

@media (max-width: 767px) {
 /*.navbar-inverse .navbar-toggle{border:1px solid #666;}*/
 .navbar-inverse .navbar-toggle{border:0;padding:16px 0;}
 .navbar-inverse .navbar-toggle .icon-bar{background-color:#333;transition:ease-in-out .15s all;opacity:1;position:relative;}
 .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background:none;border-color:#00a151;}
 .navbar-inverse .navbar-toggle:hover .icon-bar,.navbar-inverse .navbar-toggle:focus .icon-bar{background-color:#00a151;}
 .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);background:rgba(0,0,0,0.85);border-radius:0;border:none;padding:0;-webkit-box-shadow:0px 4px 8px rgba(0,0,0,.125);box-shadow:0px 4px 8px rgba(0,0,0,.125);
    animation-fill-mode: both;
    animation-duration: .4s;
    animation-name: fadeIn;}
 .navbar-inverse .navbar-nav .dropdown-menu>li>a{padding:12px 20px;font-size: 15px;font-weight:400;color:#fff;text-align:center;}
 .navbar-inverse .navbar-nav .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .dropdown-menu>li>a:focus{background:#00a151;}
 .navbar-inverse .navbar-nav > li > a:hover::after,
 .navbar-inverse .navbar-nav > li > a:focus::after,
 .navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle::after,
 .navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle::after,
 .navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle::after {
    width: 160px;
 }
}

@media (min-width: 992px) {
    .navbar-inverse > .container {
        position: relative;
    }
    .navbar-inverse .navbar-header {
        position: absolute;
        left: 15px;
        float: unset;
    }
    .navbar-inverse .navbar-collapse {
        text-align: center;
        line-height: 0;
    }
    .navbar-inverse .navbar-right {
        float: none !important;
        width: 70%;
        display: inline-flex;
        margin-right: -28%;
        justify-content: space-around;
    }
    .navbar-inverse .navbar-nav > li > a {
        padding: 31px 30px 29px;
    }
}

/* 슬라이드 공통 */
.carousel-control{text-shadow:0px 2px 6px rgba(0, 0, 0, .125);transition:ease-in-out .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:12px;height:12px;background-color:rgba(255,255,255,.1);border:1px solid #fff;margin:0 8px;border-radius:0;transition:ease-in-out .15s all;}
.carousel-indicators li.active{width:12px;height:12px;background-color:#fff;margin:0 8px;box-shadow:0px 2px 6px rgba(0, 0, 0, .125);transform:rotate(45deg);}

.carousel-caption {text-shadow:0px 0px 10px rgba(0, 0, 0, .75);}

@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:#323233;color:#eee;font-family:'notokr', sans-serif}
#site footer .footer-info{padding: 45px 0;}
#site footer .footer-info ul{position:relative;margin:0;padding:0;font-size:0;font-family: 'notokr';}
#site footer .footer-info ul li{list-style:none;display:inline-block;font-size: 15px;font-weight:300;letter-spacing:-0.02em;line-height: 27px;}
#site footer .footer-info > .container {
    position: relative;
}
#site footer .footer-info .top {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #616162;
}
#site footer .footer-info .top > ul.left li {
    position: relative;
}
#site footer .footer-info .top > ul.left li+li {
    margin-left: 23px;
}
#site footer .footer-info .top > ul.left li+li::before {
    content: '';
    top: 6px;
    left: -11px;
    height: 14px;
    position: absolute;
    border-left: 1px solid rgba(255, 255, 255, 0.22);
}
#site footer .footer-info .top > ul.right {
    top: 0;
    right: 15px;
    position: absolute;
    text-align: right;
}
#site footer .footer-info .top > ul.right li {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}
#site footer .footer-info .bottom {
    text-align: right;
    /* display: flex;
    justify-content: space-between; */
}
#site footer .footer-info .bottom img {
    height: 50px;
}
#site footer .footer-info .bottom .copy {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0em;
    font-family: 'notokr';
}

/* 메인 페이지 */
#mainCarousel {
    margin: 0 auto;
}
#mainCarousel .carousel-inner .item {
    height: 300px;
    /* height: 580px; */
}
#mainCarousel .carousel-caption {
    top: auto;
    right: 5%;
    bottom: 0;
    left: auto;
    text-align: left;
    transform: none;
}
#mainCarousel .carousel-caption h1 {
    margin: 0;
    font-size: 43px;
    /* font-size: 49px; */
    line-height: 1.4em;
}
@media (max-width: 767px) {
 #mainCarousel .carousel-inner .item{height:200px}
 #mainCarousel .carousel-caption {
    top: 35%;
    right: 4%;
    bottom: auto;
    left: 4%;
}
 #mainCarousel .carousel-caption h1{font-size:22px}
 #mainCarousel .carousel-caption p{font-size:12px;}
}

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

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

/* 메인 추가 스타일 */
/* Slick Slider */
.slick-slide {
    margin: 0px 20px;
}
/* .slick-slide img {
    width: 100%;
} */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    top: 0;
    left: 0;
    position: relative;
    display: block;
}
.slick-track:before,
.slick-track:after {
    content: '';
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    height: auto;
    display: block;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-arrow::before {
    content: '';
    padding: 0 5px;
    font-size: 35px;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    color: #ccc;
}
.slick-prev:before {content: '\f053';}
.slick-next:before {content: '\f054';}
.slick-dots {
    bottom: -50px;
}
.slick-dots li,
.slick-dots li button {
    width: 15px;
    height: 15px;
}
.slick-dots li button:before {
    content: '';
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 20px;
    opacity: 1;
}
.slick-dots li.slick-active button:before {
    background: #00a151;
}

.slider-banner.slider {
    margin: 45px 0 30px;
    border: 1px solid #ddd;
}
.slider-banner.slider:hover {
    border-color: #00a151;
}
.slider-banner.slider .slick-slide{
    margin: 0;
}
.slider-banner.slider .slick-slide a {
    min-height: 300px;
    /* min-height: 400px; */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-decoration: none;
    background: url(/public/img/main/slider-banner-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.slider-banner.slider .slick-slide a:focus {
    outline: none;
}
.slider-banner.slider .slick-slide .prod.image {
    flex-basis: 32%;
    /* flex-basis: 35%; */
    padding: 0 30px;
}
.slider-banner.slider .slick-slide .prod.image img {
    max-height: 230px;
}
.slider-banner.slider .slick-slide .prod.detail {
    flex-basis: 68%;
    /* flex-basis: 65%; */
    padding-left: 35px;
    margin-top: -18px;
}
.slider-banner.slider .slick-slide .prod.detail h4 {
    margin: 0 0 20px;
    font-size: 26px;
    /* margin: 0 0 30px;
    font-size: 31px; */
    font-weight: 700;
}
.slider-banner.slider .slick-slide .prod.detail ul li {
    margin-bottom: 10px;
    font-size: 17px;
    /* font-size: 19px; */
    font-weight: 500;
}
.slider-banner.slider .slick-slide .prod.detail ul li sup {
    font-family: 'notokr';
}
.slider-banner.slider .slick-dots {
    bottom: 15px;
    /* bottom: 25px; */
}

.slider-banner.slider .slick-slide#slick-slide04 .prod.image,
.slider-banner.slider .slick-slide#slick-slide04 .prod.detail {
    flex-basis: 50%;
}
.slider-banner.slider .slick-slide#slick-slide04 .prod.detail p.yet {
    width: 170px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #999;
    line-height: 1em;
    background: #eee;
    border: 8px solid #fff;
    border-radius: 100%;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
}

#main_wrapper h2 {
    padding: 60px 0 20px;
    /* padding: 80px 0 40px; */
    font-size: 42px;
    color: #222;
    font-weight: 700;
    letter-spacing: -0.03em;
    text-align: center;
    margin: 0;
}
/* NEW PRODUCT */
.board_box_blog2 .row {
    margin-left: -15px;
    margin-right: -15px;
}
#section_735b90 .board_box_blog2 .row {
    background: #f9f9f9;
    padding: 14px 5px 1px;
    margin: 0;
}
.board_box_blog2 .row > div[class^="col-"] {
    padding-left: 8px;
    padding-right: 8px;
}
.board_box_blog2 .inner {
    margin-top: 0;
    margin-bottom: 15px;
    background: #fff;
    padding: 10px 0 0;
}
.board_box_video .inner:hover,
.board_box_blog2 .inner:hover {
    border-color: #00a151;
}
.board_box_blog2 .inner .top a .thumb {
    height: 185px;
    width: 290px;
    margin: 0 auto;
}
.board_box_blog2 .inner .bottom {
    padding: 15px 10px;
    border-top: 1px solid #ddd;
    border-top: 0;
}
.board_box_blog2 .inner .bottom .title {
    margin-bottom: 0;
}
.board_box_blog2 .inner .bottom .title a {
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    transition: none;
}
.board_box_blog2 .inner .bottom .title a:hover,
.board_box_blog2 .inner .bottom .title a:focus {
    color: #00a151;
}
.board_box_video .inner .bottom .title .cate,
.board_box_blog2 .inner .bottom .title .cate {
    margin-right: 5px;
    padding: 2px 6px;
    font-family: 'notokr', sans-serif;
    color: #fff;
    line-height: 1.6;
    background-color: #00a151;
    border-radius: 1px;
    font-size: 13px;
    border-radius: 3px;
}
.board_box_blog2 .inner .bottom .info {
    display: none;
}
#section_735b90 .board_box_blog2.col-sm-12.col-xs-12 .page-header {
    margin-bottom: 22px;
}
div[class^="board_box_"] .page-header {
    border-bottom-color: #999;
    padding-bottom: 6px;
    margin: 0 0 15px;
}
div[class^="board_box_"] .page-header a {
    text-decoration: none;
}
div[class^="board_box_"] .page-header a:hover i {
    color: #222;
}
div[class^="board_box_"] .page-header h4 {
    font-size: 25px;
}
div[class^="board_box_"] .page-header i {
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: right;
    font-size: 19px;
    color: #9b9b9b;
    background: none;
}
.board_box_list .info span.writer {
    font-weight: 500;
    font-size: 15px;
}
.board_box_list .info span {
    opacity: .7;
    font-size: 15px;
    font-weight: 500;
}
/* COMMUNITY */
#section_44f683 {
    margin-bottom: 90px;
}
#section_44f683 div[class^="board_box_"]:nth-child(1) {padding-right: 23px;}
#section_44f683 div[class^="board_box_"]:nth-child(2) {
    padding-left: 23px;
}
.board_box_list ul li a {
    transition: none;
}
.board_box_list ul li a:hover,
.board_box_list ul li a:focus {
    color: #00a151;
}
@media (min-width: 767px) {
    #section_44f683 div[class^="board_box_"] {
      width: 50%;
    }
}
/*************** 서브 시작 ***************/
/* 공통 스타일 */
.navbar-inverse + .container {
    width: 100%;
    padding: 0;
}
.subPage > .pageTop {
    height: 250px;
    position: relative;
    color: #fff;
    text-align: center;
    background: #333 url(/public/img/sub/back_page_top1.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.subPage[id^='product'] > .pageTop {
    background: #333 url(/public/img/sub/back_page_top2.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
#notice > .pageTop,
#inquiry > .pageTop,
#data_library > .pageTop {
    background: #333 url(/public/img/sub/back_page_top3.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.subPage > .pageTop::before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background: #000;
    opacity: 0.35;
}
.subPage > .pageTop > .container {
    height: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.subPage > .pageTop h1,
.subPage > .pageTop h2 {
    margin: 0;
    font-size: 42px;
    font-weight: 500;
    letter-spacing: -0.04em;
}

.subPage > .contents > section {
    padding: 80px 0;
}
.subPage > .contents > section:first-child {
    padding-top: 90px;
}
.subPage > .contents > section:last-child {
    padding-bottom: 120px;
}
.page-title {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}
/* .page-title::after {
    content: '';
    width: 45px;
    display: inline-block;
    margin: 35px auto 0;
    border-top: 4px solid #d7d7d7;
} */
#notice .page-title::after, #inquiry .page-title::after, #data_library .page-title::after {
    margin-top: 30px;
}
#section3 .page-title {
    margin-bottom: 45px;
}
.page-title h1,
.page-title h2 {
    margin: 0;
    font-size: 43px;
    color: #222;
    font-weight: 700;
    letter-spacing: -0.03em;
}
.page-title p {
    margin: 40px 0 0px;
    font-size: 22px;
    color: #00a151;
    font-weight: 600;
    letter-spacing: -0.035em;
    display: inline-block;
    position: relative;
}
.page-title p::before {
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 30px;
    background: url(/public/img/main/tit-bull01.png) center no-repeat;
    background-size: contain;
    left: -48px;
    top: -7px;
    opacity: .4;
}
.page-title p::after {
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 30px;
    background: url(/public/img/main/tit-bull02.png) center no-repeat;
    background-size: contain;
    right: -48px;
    top: -10px;
    opacity: .4;
}
.list-default {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}
.list-default > li {
    position: relative;
    margin-bottom: 6px;
}
.list-default > li:last-child {
    margin-bottom: 0;
    border-right: 0;
}
.list-style-1 > li {
    padding-left: 12px;
}
.list-style-1 > li::before {
    content: '';
    top: 10px;
    left: 0px;
    width: 5px;
    height: 5px;
    position: absolute;
    background: #333;
    border-radius: 20px;
}

/* 회사소개 (페이지) */
#introduction #section1 .row1 p {
    margin: -115px 0 0;
    font-size: 18px;
    line-height: 1.7em;
    background: #fff;
    padding: 50px 60px 0;
    font-weight: 400;
    position: absolute;
    width: 1020px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    color: #222;
    letter-spacing: -0.035em;
}
.wrap-history {
    position: relative;
}
.wrap-history::before {
    content: '';
    top: 15px;
    left: 24%;
    height: 95%;
    position: absolute;
    border-left: 1px solid #e3e3e3;
}
.wrap-history ul > li {
    width: 60%;
    margin: 0 0 0 25%;
    padding: 0 0 0 230px;
}
.wrap-history ul > li+li {
    margin-top: 50px;
}
.wrap-history ul > li::before {
    content: '';
    top: 20px;
    left: 0;
    width: 45px;
    position: absolute;
    border-top: 1px solid #e3e3e3;
}
.wrap-history ul > li .year {
    left: 0;
    position: absolute;
    margin: 0 0 20px;
    padding-left: 55px;
    font-size: 36px;
    font-weight: 600;
    color: #00a151;
    margin-top: 1px;
}
.wrap-history ul > li .year::before,
.wrap-history ul > li .year::after {
    content: '';
    position: absolute;
}
.wrap-history ul > li .year::before {
    top: 10px;
    left: -22px;
    width: 21px;
    height: 21px;
    background: #fff;
    border: 6px solid #daf5e8;
    border-radius: 50%;
}
.wrap-history ul > li .year::after {
    top: 16px;
    left: -16px;
    width: 9px;
    height: 9px;
    background: #00a151;
    border-radius: 50%;
}
.wrap-history ul > li .detail {
    padding-top: 5px;
}
.wrap-history ul > li .block {
    position: relative;
    padding-left: 40px;
}
.wrap-history ul > li .block+.block {
    margin-top: 7px;
}
.wrap-history ul > li .block .month {
    top: 0;
    left: 0;
    position: absolute;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    letter-spacing: 0.02em;
    margin-top: 2px;
}
.wrap-history ul > li .block p {
    margin-bottom: 0;
    font-size: 17px;
}
ul.list-contatct {
    display: flex;
    flex-wrap: wrap;
    margin: 35px -10px 0;
    padding: 0 130px;
}
ul.list-contatct > li {
    flex-basis: 33.3%;
    margin-bottom: 0;
    padding: 0;
    -ms-flex-preferred-size: calc(33.3% - 20px);
}
ul.list-contatct > li:not(.addr) .inner {
    /* padding: 26px 25px 24px; */
    /* border: 1px solid #ddd; */
    /* border-top: 1px solid #00a151; */
    padding-left: 70px;
    position: relative;
}
ul.list-contatct > li:not(.addr)::before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 30px;
    background: #ddd;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
}
ul.list-contatct > li:nth-child(2)::before {
    content: none;
}
ul.list-contatct > li h5 {
    position: relative;
    margin: 0 0 5px;
    padding-left: 0;
    font-size: 17px;
    font-weight: 600;
    color: #00a151;
    display: inline-block;
}
ul.list-contatct > li h5 i {
    position: absolute;
    font-size: 127%;
    color: #fff;
    background: #00a151;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    padding: 16px 17px;
    left: -68px;
    margin-top: -3px;
}
ul.list-contatct > li span {
    font-size: 19px;
    font-weight: 600;
    display: block;
}
ul.list-contatct > li.addr {
    flex-basis: 100%;
    margin: 0 0 40px;
    text-align: center;
}
ul.list-contatct > li.addr span {
    position: relative;
    display: inline-block;
    padding-left: 27px;
    font-size: 21px;
    font-weight: 400;
    color: #000;
}
ul.list-contatct > li.addr i {
    color: #00a151;
    position: absolute;
    left: 0;
    top: 4px;
}

/* 제품소개 (게시판) */
.subPage[id^='product'] .table_blog2 {
    margin-bottom: 0;
}
.subPage[id^='product'] .search_wrap {
    margin-top: 0;
    margin-bottom: 35px;
    text-align: right;
}
html.is_adm .subPage[id^='product'] .search_wrap {
    padding-right: 130px;
}
.subPage[id^='product'] .pagination_wrap {
    margin-top: 30px;
}
.subPage[id^='product'] .badge.cate2,
.board_box_blog2 .inner .bottom .title .cate.cate2 {
    background-color: #1971c2;
}
.subPage[id^='product'] .badge.cate3,
.board_box_blog2 .inner .bottom .title .cate.cate3 {
    background-color: #eee;
    color: #111;
}
.subPage[id^='product'] .table_blog2 dd .inner .bottom .title {
    height: 48px;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.subPage[id^='product'] .table_blog2 dd .inner .bottom .title .badge {
    top: 20px;
    left: 35px;
    position: absolute;
}

/* 제품소개 게시글 */
.subPage[id^='product'] .download_wrap {
    text-align: right;
    border-top: none;
}
.subPage[id^='product'] .download_wrap table {
    width: 100%;
}
.subPage[id^='product'] .download_wrap table th,
.subPage[id^='product'] .download_wrap table td {
    width: 100%;
    display: inline-block;
    padding: 5px 0;
    font-size: 16px;
    text-align: right;
}
.subPage[id^='product'] .download_wrap table th {
    font-size: 17px;
}

.product_detail {
    font-size: 17px;
}
.product_detail ul {
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}
.product_detail ul > li::before {
    content: '';
    top: 8px;
    left: 0px;
    width: 6px;
    height: 6px;
    position: absolute;
    background: #00a151;
    border-radius: 30px;
}
.product_detail ul > li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 13px;
}
.product_detail h5 {
    position: relative;
    margin: 0 0 50px;
    padding-left: 28px;
    padding-bottom: 15px;
    font-size: 25px;
    font-weight: 700;
    color: #222;
    letter-spacing: -0.04em;
    line-height: 1;
    border-bottom: 1px solid #ddd;
}
.product_detail h5::before {
    content: '';
    top: 1px;
    left: 0;
    width: 21px;
    height: 21px;
    position: absolute;
    background: #fff;
    border: 5px solid #111;
    border-top-color: #00a151;
    border-radius: 50%;
}
.product_detail h6 {
    font-weight: 700;
}

/* 게시판, 주문폼 공통 스타일 */
/* 카테고리 */
.category_wrap {
    margin-bottom: 40px;
    box-shadow: 0px 2px 1px rgba(0,0,0,0.1);
}
.category_wrap ul {
    width: 100%;
    display: inline-block;
    padding: 25px 15px 23px;
    text-align: center;
    background: #f6f6f6;
    border-top: 2px solid #00a151;
}
.category_wrap ul li {
    margin: 5px;
}
.category_wrap ul li+li {
    margin-left: 5px;
}
.category_wrap ul li a {
    min-width: 90px;
    padding: 14px 22px;
    font-size: 15px;
    font-weight: 500;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 30px;
    font-family: 'notokr';
}
.category_wrap ul li.on a,
.category_wrap ul li.on a:hover,
.category_wrap ul li.on a:focus {
    color: #fff;
    background: #333;
    border-color: #333;
    font-weight: 600;
}
.category_wrap ul li:not(.on) a:hover,
.category_wrap ul li:not(.on) a:focus {
    color: #fff;
    background: #00a151;
    border-color: #00a151;
    font-weight: 500;
}
/* 목록 */
.board_wrapper,
.calendar_wrapper {
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'notokr';
}
.search_wrap {
    margin-bottom: 0;
}
.board_wrapper .table.table_default {
    border-top: 2px solid #333;
}
.table.table_default tr th,
.table.table_default tr td {
    font-size: 15px;
    border-color: #e6e6e6;
    padding: 16px 0;
    letter-spacing: 0;
    color: #555;
}
.board_wrapper .table.table_default thead th {
    font-weight: 600;
    color: #333;
    border-color: #ddd;
    font-size: 17px;
    background: #fff;
}
.badge {
    margin-right: 5px;
    padding: 2px 6px;
    font-size: 12px;
    font-family: 'notokr', sans-serif;
    font-weight: 500;
    color: #fff;
    line-height: 1.6;
    background-color: #00a151;
    border-radius: 3px;
}
.table_video dd .inner .bottom .info, .table_blog2 dd .inner .bottom .info {
    margin-bottom: 0px;
    font-size: 15px;
}
.table_video dd .inner .bottom .title a, .table_blog2 dd .inner .bottom .title a {
    font-size: 17px;
    font-weight: 600;
}
.table.table_default tbody .subject a {
    font-size: 16px;
}
.table.table_default tbody .subject a:hover {
    text-decoration: underline;
}
.board_data_view .header_wrap {
    padding: 0;
    border-bottom: 1px solid #ccc;
}
.board_wrapper .reply_wrap h4 {
    font-size: 17px;
}
#reply_list span {
    font-size: 16px !important;
}
.board_data_view .header_wrap .title {
    padding: 30px 8px 0;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.5em;
}
.board_data_view .header_wrap .info {
    margin: 0;
    padding: 7px 2px 30px;
    font-family: 'notokr', sans-serif;
    /* background: #f6f6f6; */
    font-size: 15px;
}
.board_data_view .header_wrap .info span {
    font-size: 15px;
    color: #6e6e6e;
}
.board_data_view .header_wrap .info span+span {
    margin-left: 15px;
}
.board_data_view .header_wrap .info span strong {
    font-weight: 500;
    color: #6e6e6e;
    font-size: 13px;
    margin-right: 5px;
}
.table_video dd .inner .bottom, .table_blog2 dd .inner .bottom {
    padding: 15px 15px;
    font-family: 'NanumSqaure';
}
.alert-info {
    color: #222;
    background-color: #f5f5f5;
    padding: 30px;
    border: 0;
}
.pagination_wrap ul li a {
    font-size: 17px;
}
.pagination_wrap ul li.active a,
.pagination_wrap ul li.active a:hover,
.pagination_wrap ul li.active a:focus {
    color: #00a151;
}
.pagination_wrap ul li.box a {
    border: none;
}
.pagination_wrap ul li.box:hover a,
.pagination_wrap ul li.box:focus a {
    color: #00a151;
}
.board_wrapper .text-center {
    margin-bottom: 0;
}
/* 게시글 작성 */
.board_wrapper .table.board_write_table tbody tr th,
.board_wrapper .table.board_write_table tbody tr td {
    font-size: 16px;
    letter-spacing: -0.04em;
    border-color: #e6e6e6;
}
.board_wrapper .table.board_write_table{
    border-top: 2px solid #333;
    margin-top: 10px;
}
.board_wrapper .table.board_write_table tbody tr th {
    width: 190px;
    font-weight: 500;
    color: #222;
    background: #f8f8f8;
}
.btn.btn-outline-primary {
    color: #00a151;
    border-color: #00a151;
}
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus {
    background-color: #00a151;
    color: #fff;
}
/* 주문폼 */
.board_wrapper .table.board_write_table tbody tr td .form-control {
    width: 350px;
    font-family: 'notokr', sans-serif;
}
.board_wrapper .table.board_write_table tbody tr th > span.required_text {
    font-weight: 600;
    color: #ff0000;
}
.board_wrapper .table.board_write_table tbody tr td .text-muted {
    margin-top: 10px !important;
    font-size: 15px;
    font-family: 'notokr', sans-serif;
}
.board_wrapper .table.board_write_table .checkbox a {
    font-weight: 500;
    color: #337ab7;
    text-decoration: underline;
}
.form-control:not([readonly]):focus {
    border-color: #555;
}
/* 블로그B 게시판 */
.table_video dd .inner:hover,
.table_blog2 dd .inner:hover {
    border-color: #00a151;
}
.table_video dd .inner .top a .thumb,
.table_blog2 dd .inner .top a .thumb {
    height: 215px;
}
.table_video dd .inner .bottom .title a:hover,
.table_video dd .inner .bottom .title a:focus,
.table_blog2 dd .inner .bottom .title a:hover,
.table_blog2 dd .inner .bottom .title a:focus {
    color: #00a151;
}
/*************** 서브 끝 *****************/

/*********** 모바일 최적화 시작 ***********/
@media (max-width: 767px) { /* Small devices (col-xs-*) 모바일 */
    #site{padding-top:63px;font-size:16px}
    p{line-height:1.5em}

    .navbar-inverse{position:fixed;border-bottom:1px solid #ddd}
    .navbar-inverse .navbar-brand img{height:25px;margin-top:6px}
    .navbar-inverse .navbar-nav{margin:0 -15px}
    .navbar-inverse .navbar-nav > .open{background-color:#f6f6f6}
    .navbar-inverse .navbar-nav > li > a{padding:10px 15px;font-size:17px;}
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus{color:#00a151}
    .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 !important;background:#00a151}
    .navbar-inverse .navbar-nav .dropdown.open .dropdown-toggle .caret,
    .navbar-inverse .navbar-nav .dropdown.open:hover .dropdown-toggle .caret,
    .navbar-inverse .navbar-nav .dropdown.open:focus .dropdown-toggle .caret{border-top-color:#fff}
    .navbar-inverse .navbar-nav > .open .dropdown-menu{padding:10px 0}
    .navbar-inverse .navbar-nav > .open .dropdown-menu > li > a{padding:5px 25px;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}

    .slider-banner.slider .slick-slide a {
        min-height: unset;
    }
    .slider-banner.slider .slick-slide .prod.image {
        flex-basis: 100%;
        padding: 30px;
    }
    .slider-banner.slider .slick-slide .prod.image img {
        max-height: 180px;
    }
    .slider-banner.slider .slick-slide .prod.detail {
        flex-basis: 100%;
        margin-top: 0;
        padding: 0 20px 30px;
    }
    .slider-banner.slider .slick-slide .prod.detail h4 {
        margin: 0 0 15px;
        font-size: 20px;
    }
    .slider-banner.slider .slick-slide .prod.detail ul li {
        margin-bottom: 7px;
        font-size: 14px;
    }
    .slider-banner.slider .slick-slide#slick-slide04 .prod.image,
    .slider-banner.slider .slick-slide#slick-slide04 .prod.detail {
        flex-basis: 100%;
    }
    .slider-banner.slider .slick-slide#slick-slide04 .prod.image {
        padding: 0;
    }
    .slider-banner.slider .slick-slide .prod.image img {
    max-height: 180px;
}
    .slider-banner.slider .slick-slide#slick-slide04 .prod.detail {
        text-align: center;
    }
    .slider-banner.slider .slick-slide#slick-slide04 .prod.detail p.yet {
        margin: 45px auto 0;
    }
    #main_wrapper h2 {
        padding: 45px 0 20px;
        font-size: 36px;
    }
    div[class^="board_box_"] .page-header h4 {
        font-size: 22px;
    }
    div[class^="board_box_"] .page-header i {
        width: 28px;
        height: 28px;
        font-size: 17px;
    }
    .board_box_list .info span.hits {
        display: none;
    }
    #section_44f683 {
        margin-bottom: 30px;
    }
    #section_44f683 div[class^="board_box_"]:nth-child(1) {
        padding-right: 15px;
    }
    #section_44f683 div[class^="board_box_"]:nth-child(2) {
        padding-left: 15px;
    }

    #site footer .footer-info {
        padding: 20px 0;
    }
    #site footer .footer-info ul li {
        font-size: 12px;
        line-height: 20px;
    }
    #site footer .footer-info .top > ul.left li {
        margin-right: 15px;
    }
    #site footer .footer-info .top > ul.left li+li {
        margin-left: 0;
    }
    #site footer .footer-info .top > ul.left li+li::before {
        display: none;
    }
    #site footer .footer-info .top > ul.right {
        position: static;
        display: flex;
        margin-top: 10px;
        text-align: left;
    }
    #site footer .footer-info .top > ul.right li {
        margin-right: 10px;
        font-size: 11px;
    }
    #site footer .footer-info .bottom {
        flex-wrap: wrap;
    }
    #site footer .footer-info .bottom img {
        height: 40px;
        margin-bottom: 8px;
    }
    #site footer .footer-info .bottom .copy {
        font-size: 11px;
    }

    .subPage > .pageTop {
        height: 180px;
    }
    .subPage > .pageTop h1,
    .subPage > .pageTop h2 {
        font-size: 38px;
    }
    .subPage > .contents > section {
        padding: 50px 0;
    }
    .subPage > .contents > section:first-child {
        padding-top: 60px;
    }
    .subPage > .contents > section:last-child {
        padding-bottom: 80px;
    }
    .page-title {
        margin-bottom: 35px;
    }
    .page-title h1,
    .page-title h2 {
        font-size: 38px;
    }
    .page-title p {
        margin: 30px 0 0;
        padding: 0 40px 0;
        font-size: 19px;
    }
    .page-title p::before,
    .page-title p::after {
        width: 40px;
        height: 24px;
    }
    .page-title p::before {
        left: 0;
    }
    .page-title p::after {
        right: 0;
    }

    #introduction #section1 .row1 p {
        position: static;
        width: auto;
        margin: 0;
        padding: 30px 0 0;
        font-size: 17px;
        line-height: 1.6em;
        transform: none;
    }
    .wrap-history::before {
        top: 15px;
        left: 0;
        height: 95%;
    }
    .wrap-history ul > li {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .wrap-history ul > li+li {
        margin-top: 35px;
    }
    .wrap-history ul > li .year {
        position: static;
        margin: 0 0 15px;
        padding-left: 25px;
        font-size: 32px;
    }
    .wrap-history ul > li .year::before {
        left: -8px;
        width: 17px;
        height: 17px;
    }
    .wrap-history ul > li .year::after {
        top: 15px;
        left: -3px;
        width: 7px;
        height: 7px;
    }
    .wrap-history ul > li::before {
        top: 18px;
        width: 24px;
    }
    .wrap-history ul > li .detail {
        padding-left: 15px;
    }
    .wrap-history ul > li .block {
        padding-left: 34px;
    }
    .wrap-history ul > li .block .month {
        margin-top: 0;
        font-size: 17px;
    }
    .wrap-history ul > li .block p {
        font-size: 16px;
    }
    #introduction #section3 iframe {
        height: 300px;
    }
    ul.list-contatct {
        margin: 25px 0 0;
        padding: 0 0;
    }
    ul.list-contatct > li {
        flex-basis: 100%;
    }
    ul.list-contatct > li+li {
        margin-top: 15px;
    }
    ul.list-contatct > li.addr {
        margin: 0 0 15px;
    }
    ul.list-contatct > li.addr span {
        padding: 32px 0 0;
        font-size: 19px;
    }
    ul.list-contatct > li.addr i {
        top: 0;
        left: 50%;
        font-size: 25px;
        transform: translateX(-50%);
    }
    ul.list-contatct > li span {
        font-size: 18px;
    }

    .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_wrapper .table.table_default tr th,
    .board_wrapper .table.table_default tr td{padding:10px;font-size:12px}
    .table.table_default tbody .subject .badge{margin-right:5px;font-size:11px}
    .table.table_default tr td.subject a{font-size:13px}
    .board_data_view .header_wrap .title{padding:20px 8px 0;font-size:21px}
    .board_data_view .header_wrap .info{padding-bottom:20px;}
    .board_data_view .header_wrap .info span{font-size:12px}
    .board_wrapper .table.board_write_table tbody tr td .form-control,
    .board_wrapper .table.board_write_table .form-control.form-control-big,
    .member_wrapper #join_form .table .form-control,
    .member_wrapper #join_form .table .form-control.form-control-big{width:100%}
    .board_wrapper .table.board_write_table .files .fileInput .file_add{width:100%;margin:0 0 15px;padding:6px 12px}
    .member_wrapper .text-center .btn.btn-lg,
    .board_wrapper .text-center .btn.btn-lg{width:100%;margin:0;padding:9px}
    .board_wrapper .text-center .btn#write_btn,
    .member_wrapper .text-center .btn#join_btn,
    .board_wrapper .text-center .btn#list_btn{margin-top:20px}
    [id^='form_history'] {padding-top:40px;padding-bottom:80px}
    .member_wrapper{padding-top:60px;padding-bottom:100px}

    [id^='form_history'] .board_wrapper {padding-top: 0;padding-bottom: 0}
    [id^='form_history'] .board_wrapper .alert-info {padding: 20px}

    html.is_adm .subPage[id^='product'] .search_wrap {
        padding-right: 0;
    }
    .category_wrap ul {
        padding: 15px;
    }
    .category_wrap ul li {
        min-width: 140px;
    }
    .category_wrap ul li a {
        min-width: unset;
        padding: 12px 15px;
        font-size: 14px;
    }
    .table_video dd,
    .table_blog2 dd {
        width: 100%;
    }
    .subPage[id^='product'] .table_blog2 dd .inner .bottom .title {
        height: 24px;
        -webkit-line-clamp: 1;
    }
    .table_video dd .inner .bottom,
    .table_blog2 dd .inner .bottom {
        padding-top: 0;
    }
    .table_video dd .inner .bottom .title a,
    .table_blog2 dd .inner .bottom .title a {
        font-size: 16px;
    }
    .subPage[id^='product'] .download_wrap table th {
        font-size: 16px;
    }
    .subPage[id^='product'] .download_wrap table th,
    .subPage[id^='product'] .download_wrap table td {
        font-size: 15px;
    }
    #notice .page-title::after,
    #inquiry .page-title::after,
    #data_library .page-title::after {
        margin-top: 0;
    }
}
@media (min-width: 768px) { /* Medium·Large·Extra large devices */
    #mainCarousel {
        width: 750px;
    }
}
@media (min-width: 768px) and (max-width: 1199px) { /* Medium·Large devices */
    ul.list-contatct {
        padding: 0;
    }
}
@media (min-width: 992px) {
    #mainCarousel {
        width: 970px;
    }
}
@media (min-width: 1200px) { /* Extra large devices (col-lg-*) */
    #mainCarousel {
        width: 1140px;
        margin: 0 auto;
    }
}
/************ 모바일 최적화 끝 ************/