body { direction: ltr; background-color: #e5e5e5; overflow-x: hidden; }
* { margin: 0; padding: 0; }

.wrapper { position: fixed; top: 0; height: 140px; width: 100%; z-index: 1000 }
.hestia-top-bar { width: 100%; z-index: 1031; background-color: #363537; height: 40px; }

@media (min-width:749px) {
    .container { max-width: 748px }
}

@media (min-width:768px) {
    .container { max-width: 750px }
}

@media (min-width:992px) {
    .container { max-width: 970px }
}

@media (min-width:1200px) {
    .container { max-width: 2000px }
}

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.row { margin-left: -15px; margin-right: -15px; }

.header-menu { background-color: #fff; box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 20%); height: 94px; display: flex; }
    .header-menu .container { width: 1050px; margin: 0 auto; padding: 0; font-family: "Arial", Sans-serif; }
.navbar-wrap { overflow: hidden; font-family: "Arial", Sans-serif; }
.header-logo { max-width: 210px; float: left; margin: 20px; }
    .header-logo img { height: auto; max-width: 100%; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.header-right { float: left; margin: 20px; }
.dropdown-wrap { float: left; overflow: hidden; width: 152px; }
    .dropdown-wrap a { display: inline-block; font-weight: 700; font-size: 17px; color: #333; text-align: center; padding: 20px 16px; text-decoration: none; opacity: 1 !important; font-family: "Arial", Sans-serif; }
        .dropdown-wrap a:hover { color: #a0bd2f; }

.homediv { padding-top: 132px; }
.homediv1 { position: relative; background-attachment: fixed; background-image: url(/contents/images/web/main_item_wrap_back.jpg); background-position: center center; background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-size: cover; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; }
    .homediv1 .background-overlay { z-index: 100; height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-color: #000000; opacity: 0.4; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; transition-property: background, border-radius, opacity; transition-duration: 0.3s, 0.3s, 0.3s; transition-timing-function: ease, ease, ease; transition-delay: 0s, 0s, 0s; }
.homediv2 { padding: 30px 0px 30px 0px; position: relative; background-color: #ffffff; }
.homediv4 { background: #898989; color: #999; padding: 30px 0 18px; text-align: center; height: 30px; }
    .homediv4 .text { color: #eee; text-align: center; font-weight: 300; line-height: 1.618; font-size: 14px; }

.swiper-box { position: relative; width: 1100px; margin-left: auto; margin-right: auto; }
.swiper-container { width: 1000px; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; width: 170px; border: 1px solid #eeeeee; height: 80px; }
    .swiper-slide .elementor-carousel-image { width: 170px; height: 80px; background: no-repeat 50%; -webkit-background-size: cover; background-size: cover; position: relative }
.swiper-button-next:after, .swiper-button-prev:after { font-size: 20px !important; color: rgb(84,89,95); font-weight: 800; }

.divrow4 { width: 1120px; height: 524px; margin-right: auto; margin-left: auto; z-index: 800; position: relative; }
    .divrow4 .spacer-inner { height: 60px; }
    .divrow4 .divcon4 { height: 192px; }
        .divrow4 .divcon4 .fk01 { float: left; width: 280px; height: 192px; background-image: url(/contents/images/web/main_item01.jpg); background-position: center center; background-size: cover; }
        .divrow4 .divcon4 .fk02 { float: left; width: 280px; height: 192px; background-color: #97B719; }
        .divrow4 .divcon4 .fk03 { float: left; width: 280px; height: 192px; background-image: url(/contents/images/web/main_item02.jpg); background-position: center center; background-size: cover; }
        .divrow4 .divcon4 .fk04 { float: left; width: 280px; height: 192px; background-color: #97B719; }
        .divrow4 .divcon4 .fk05 { float: left; width: 280px; height: 192px; background-color: #97B719; }
        .divrow4 .divcon4 .fk06 { float: left; width: 280px; height: 192px; background-image: url(/contents/images/web/main_item03.jpg); background-position: center center; background-size: cover; }
        .divrow4 .divcon4 .fk07 { float: left; width: 280px; height: 192px; background-color: #97B719; }
        .divrow4 .divcon4 .fk08 { float: left; width: 280px; height: 192px; background-image: url(/contents/images/web/main_item04.jpg); background-position: center center; background-size: cover; }
        .divrow4 .divcon4 .fknr { height: 132px; width: 220px; padding: 30px; }
        .divrow4 .divcon4 .fknr01 { color: #FFFFFF; font-family: "Arial", Sans-serif; font-size: 20px; font-weight: bold; margin-bottom: 20px; }
        .divrow4 .divcon4 .fknr02 { color: #FFFFFF; font-family: "Arial", Sans-serif; font-size: 15px; font-weight: 300; line-height: 1.4em; margin-bottom: 20px; }
        .divrow4 .divcon4 .fknr03 { font-family: "Noto Sans KR", Sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 1.6px; fill: #FFFFFF; color: #FFFFFF; background-color: #515F1A; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #C4DA71; border-radius: 0px 0px 0px 0px; padding: 8px 10px 6px 10px; width: 49px; }

.homediv3 { background-color: #F5F5F5; }
.lxwm { width: 1100px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-top: 50px; padding-bottom: 50px; }
    .lxwm .lxwm01 { color: #ADCC00; font-family: "NanumSquare", Sans-serif; font-size: 18px; font-weight: 900; margin-bottom: 20px; }
    .lxwm .lxwm02 { color: #000000; font-family: "Noto Sans KR", Sans-serif; font-size: 14px; font-weight: 300; line-height: 1.818; }

.divinfo1 { padding-top: 132px; background-color: #ffffff; }
    .divinfo1 .divtopimg { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 250px; width: 100%; }
.divinfo2 { margin-right: auto; margin-left: auto; width: 1140px; min-height: 600px; padding-top: 48px; padding-bottom: 80px; }
    .divinfo2 .divleft { width: 205px; float: left; }
        .divinfo2 .divleft .divtitle { padding: 30px 10px 30px 10px; background-color: transparent; background-image: linear-gradient( 220deg, #FFFFFF 6%, #B0CC43 7%); height: 25.6px; }
            .divinfo2 .divleft .divtitle .textinfo { text-align: center; color: #FFFFFF; font-family: "NanumSquare", Sans-serif; font-size: 26px; font-weight: bold; clear: both; }
        .divinfo2 .divleft .nav-menu { margin-left: auto; margin-right: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }
            .divinfo2 .divleft .nav-menu .item { border: 1px solid #eee; display: block; list-style: none; margin: 0; padding: 0; line-height: normal; -webkit-tap-highlight-color: rgba(0,0,0,0); height: 40px; line-height: 40px; text-align: center; }
                .divinfo2 .divleft .nav-menu .item .menuaselected { font-family: "Noto Sans KR", Sans-serif; font-size: 15px; font-weight: 300; color: #B0CC43; cursor: pointer; text-decoration: none; }
                .divinfo2 .divleft .nav-menu .item .menua { font-family: "Noto Sans KR", Sans-serif; font-size: 15px; font-weight: 300; color: #333333; cursor: pointer; text-decoration: none; }
    .divinfo2 .divright { width: 910px; float: right; padding-top: 20px; }
        .divinfo2 .divright .divtitle { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #EEEEEE; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 0px 0px 20px 0px; }
        .divinfo2 .divright .dittitle1 { color: #54595F; font-family: "Arial", Sans-serif; font-size: 26px; font-weight: bold; width: 50%; }
        .divinfo2 .divright .dittitle2 { text-align: right; font-family: "Noto Sans KR", Sans-serif; color: #54595F; font-family: "Noto Sans KR", Sans-serif; font-size: 14px; font-weight: 300; width: 50% }
            .divinfo2 .divright .dittitle2 a { color: #c4d950; box-shadow: none; text-decoration: none; font-weight: bold; }
        .divinfo2 .divright .divinfo { padding-top: 30px; }
            .divinfo2 .divright .divinfo p { text-align: left; color: #000000; font-size: 16px; font-weight: 300; line-height: 1.9em; }

            .divinfo2 .divright .divinfo .list { width: 100%; border: 1px solid rgb(226, 226, 226); border-collapse: collapse }
                .divinfo2 .divright .divinfo .list th { background: #eee; height: 43px; padding: 0; border-bottom: 1px solid rgb(226, 226, 226); font-family: "Noto Sans KR", Sans-serif; font-size: 14px; font-weight: 500; }
                .divinfo2 .divright .divinfo .list td { height: 43px; text-align: center; padding: 0; border-bottom: 1px solid rgb(226, 226, 226); }
                .divinfo2 .divright .divinfo .list a { text-decoration: none; color: black; font-weight: 300; font-family: "Noto Sans KR", Sans-serif; }


.page_ctrl { text-align: center; margin: 10px auto; box-sizing: border-box; }
    .page_ctrl * { line-height: 26px; }
    .page_ctrl button { margin: 0 3px; min-width: 40px; background: #ffffff; border: 1px solid #e5e5e5; color: #5e5e5e; cursor: pointer; outline: none; text-align: center; padding-left: 6px; padding-right: 6px; }
        .page_ctrl button:hover { background: #B0CC43; color: #ffffff; }
    .page_ctrl .btn_dis { cursor: default; opacity: .7; background: #eeeeee; color: #5e5e5e; padding-left: 4px; padding-right: 4px; }
        .page_ctrl .btn_dis:hover { background: #eeeeee; color: #5e5e5e; padding-left: 4px; padding-right: 4px; }
    .page_ctrl .current_page { background: #B0CC43; color: #ffffff; }
    .page_ctrl .input_page_num { width: 30px; height: 26px; margin: 0 3px; padding: 0; text-align: center; background: #ffffff; border: 1px solid #e5e5e5; color: #5e5e5e; outline: none; }
    .page_ctrl .page_total, .page_ctrl .page_text { color: #2b2b2b; font-size: 13px; }

.kboard-search { text-align: center; padding-top: 40px; }
    .kboard-search select { display: inline; margin: 0; padding: 0 5px; width: 100px; min-width: 0; max-width: 100px; height: 26px; min-height: 0; font-size: 13px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: none; background-color: white; line-height: 26px; vertical-align: middle; box-shadow: none; box-sizing: content-box; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
    .kboard-search input { display: inline; margin: 0; padding: 0 5px; width: 200px; min-width: 0; max-width: 200px; height: 26px; min-height: 0; font-size: 13px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: none; background-color: white; line-height: 26px; vertical-align: middle; box-shadow: none; box-sizing: content-box; }
    .kboard-search button { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 10px; width: auto; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; letter-spacing: normal; color: white !important; background: #B0CC43; border: none !important; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; transition-duration: 0.3s; box-sizing: content-box; }

.divinfo2 .divright .divinfo .pimgs { width: 467px; height: 345px; float: left; border: 1px solid #e5e5e5 }
.divinfo2 .divright .divinfo .pinfo { padding-left: 40px; width: 401px; float: left; }
.divinfo2 .divright .divinfo .kboard-title { padding-bottom: 15px; color: #555; font-weight: 700; font-size: 18px; line-height: unset; text-align: left; font-family: "Noto Sans KR", Sans-serif; }
.divinfo2 .divright .divinfo .kboard-info { border-top: 2px solid #c4d950; border-bottom: 2px solid #c4d950; margin-bottom: 20px; }

    .divinfo2 .divright .divinfo .kboard-info .meta-key-text { height: 33px; border-bottom: 1px solid #e1e1e1; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(225, 225, 225); }
    .divinfo2 .divright .divinfo .kboard-info .option-name { font-weight: 300; line-height: 1.618; padding: 5px 0; width: 35%; background-color: #f7f7f7; text-align: center; font-size: 14px; color: black; float: left; text-align: center; }
    .divinfo2 .divright .divinfo .kboard-info .option-value { height: 33px; font-weight: 300; line-height: 33px; font-size: 14px; padding-left: 3%; color: black; float: left; text-align: center; }
.divinfo2 .divright .divinfo .contactbutton { box-shadow: none; text-decoration: none; border: 1px solid #e2e2e2; padding: 5px; display: block; text-align: center; font-size: 15px; font-weight: 500; background: #a0bd2f; color: #fff; }

.divinfo2 .divright .divinfo .infodetail { clear: both; width: 100%; padding-top: 60px; }
    .divinfo2 .divright .divinfo .infodetail .detailtitle { font-size: 18px; font-weight: 500; color: #a0bd2f; height: 40px; }
    .divinfo2 .divright .divinfo .infodetail .detail-hr { margin: 0; padding: 0; height: 0; border: 0; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-bottom: 1px solid #cccccc; }
.divinfo2 .divright .divinfo .info1 { padding-top: 30px; }
    .divinfo2 .divright .divinfo .info1 p { text-align: left; color: #000000; font-size: 16px; font-weight: 300; line-height: 1.9em; }
.kboard-control { padding-top: 20px; text-align: left; }
    .kboard-control a { background: rgb(176, 204, 67) !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat-x: initial !important; background-repeat-y: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(176, 204, 67) !important; color: rgb(255, 255, 255) !important; padding: 4px; text-decoration: none }
.kboardnavi { padding-top: 15px; overflow: hidden; }
    .kboardnavi .kboard-prev { position: relative; float: left; width: 50%; }
    .kboardnavi .kboard-next { position: relative; float: right; width: 50%; text-align: right; }
    .kboardnavi a { text-decoration: none; }
    .kboardnavi .navi-document-title { vertical-align: middle; color: #959595; font-size: 14px; text-decoration: none; }
    .kboardnavi .navi-arrow { text-decoration: none; border: 0; font-size: 13px; line-height: 20px; box-shadow: none; color: #545861; }

.kboard-row { float: left; padding: 5px 0; width: 100%; }
    .kboard-row .attr-name { display: inline; float: left; margin: 0; padding: 0; width: 100%; line-height: 34px; color: #545861; font-size: 16px; font-weight: 500; }
    .kboard-row .attr-required-text { color: red; font-weight: normal; font-size: 13px; }
    .kboard-row .attr-value { margin: 0; padding: 0; line-height: 34px; font-size: 16px; }
    .kboard-row .form-control { display: inline; margin: 0; padding: 0 5px; width: 100%; height: 32px; line-height: 32px; font-size: 16px; color: #666666; border-radius: 4px; border: 1px solid #dcdcdc; box-shadow: none; background: none; background-color: white; box-sizing: border-box; vertical-align: middle; }

.kboard-control { margin-top: 30px; text-align: center; }
    .kboard-control button { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 50px; width: auto; height: 48px; line-height: 48px; font-size: 16px; font-weight: normal; letter-spacing: normal; color: #545861 !important; background: #eaeaea !important; border: none; border-radius: 24px; border-top-left-radius: 24px; border-top-right-radius: 24px; border-bottom-right-radius: 24px; border-bottom-left-radius: 24px; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; transition-duration: 0.3s; box-sizing: content-box; background: #B0CC43 !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat-x: initial !important; background-repeat-y: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(176, 204, 67) !important; color: #fff !important; }

.active_control { margin: 0; padding: 15px 0; overflow: hidden; }
    .active_control img { display: inline; margin: 0; width: 20px; height: 20px; vertical-align: middle; max-width: 100%; }
.active-search { }
    .active-search select { display: inline; margin: 0; padding: 0 5px; width: 100px; min-width: 100px; height: 26px; min-height: 0; font-size: 13px; color: black; border-radius: 0; border: 1px solid #f9f9f9; background: #f9f9f9; line-height: 26px; vertical-align: middle; box-shadow: none; box-sizing: content-box; }
    .active-search input { display: inline; margin: 0; padding: 0 5px; width: 200px; min-width: 200px; height: 26px; min-height: 0; font-size: 13px; color: black; border-radius: 0; border: 1px solid #f9f9f9; background: #f9f9f9; line-height: 26px; vertical-align: middle; box-shadow: none; box-sizing: content-box; }
    .active-search button { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 10px; height: 28px; line-height: 28px; font-size: 13px; font-weight: normal; letter-spacing: normal; color: black !important; background: #f9f9f9 !important; background-image: initial !important; background-position-x: initial !important; background-position-y: initial !important; background-size: initial !important; background-repeat-x: initial !important; background-repeat-y: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(249, 249, 249) !important; border: none; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; transition-duration: 0.1s; box-sizing: content-box; }

.kboard-category { padding-bottom: 15px; }
.kboard-category-list { margin: 0 0 5px 0; padding: 0; list-style: none; border: 0; overflow: hidden; }
    .kboard-category-list li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
        .kboard-category-list li a { display: block; padding: 10px 10px 8px 10px; font-size: 13px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
    .kboard-category-list .kboard-category-selected a { font-weight: bold; border-bottom: 2px solid #545861; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgb(84, 88, 97); color: #545861; }

.kboard-pure-gallery-list { margin: 0 -1% 0 0; padding: 0; list-style: none; overflow: hidden; }
    .kboard-pure-gallery-list .kboard-list-item { margin: 0 1% 0 0; width: 32.3333333333%; visibility: visible; float: left; margin: 0 1% 0 0; padding: 0 0 20px 0; list-style: none; border: 0; cursor: pointer; }
        .kboard-pure-gallery-list .kboard-list-item.animation-fadein { visibility: visible; -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; }
        .kboard-pure-gallery-list .kboard-list-item a { display: block; color: black; text-decoration: none; border: 0; text-shadow: none; box-shadow: none; box-sizing: content-box; }
        .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail { margin-bottom: 5px; height: 220px; background-color: #f9f9f9; overflow: hidden; }
            .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-child { height: 100%; background-size: cover; background-position: center; transition-duration: 0.5s; }
        .kboard-pure-gallery-list .kboard-list-item .kboard-list-title { margin-bottom: 5px; text-align: center; font-size: 15px; height: 20px; line-height: 20px; color: #333333; }
.kboard-pure-gallery-cut-strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; margin-bottom: 5px; text-align: center; font-size: 15px; height: 20px; line-height: 20px; color: #666666; }

.newstitle { margin: 0; padding: 22px; color: #545861; font-weight: normal; font-size: 24px; text-align: center; }
.newsdetail { background-color: #f9f9f9; font-size: 13px; text-align: center; }
    .newsdetail .detail-attr { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 11px 22px; vertical-align: middle; }
        .newsdetail .detail-attr .detail-name { float: left; font-weight: bold; color: #545861; text-align: right; }
        .newsdetail .detail-attr .detail-value { float: left; padding-left: 10px; color: #545861; }
.newscontent { clear: both; float: left; width: 100%; min-height: 200px; }
    .newscontent .content-view { margin: 0; padding: 22px; word-break: break-all; }
        .newscontent .content-view img { display: inline; margin: 0; vertical-align: middle; max-width: 100%; }

.certs01 { }
    .certs01 .fas { float: right; }
    .certs01 .fastext { float: right; font-family: "Arial", Sans-serif; font-size: 14px; font-weight: 300; padding-top: 5px; }
.certs02 { clear: both; }
    .certs02 .item { float: left; width: 32%; padding: 5px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-top: 10px; height: 420px; cursor: pointer; }
        .certs02 .item img { width: 100%; height: 380px; border: 1px solid rgb(226, 226, 226); }
        .certs02 .item .title { text-align: center; color: #54595F; font-family: "Noto Sans KR", Sans-serif; font-size: 14px; font-weight: bold; padding-top: 5px; }