@charset "UTF-8";

/* subVisual */
.subVisual {height:220px;position:relative;background-size: 50%;background-repeat: no-repeat;background-position: center center;transition: all .3s ease-out;overflow:hidden;}
.subVisual .sub_tit {color:#fff;font-size:32px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:500;width: 100%;text-align: center;}
.subVisual .sub_visual_bg {position: absolute;top: 0;width: 100%;height: 100%;animation: sv_ani 2s ease-in-out;animation-fill-mode: forwards;}

@keyframes sv_ani {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

/* CONTENT */
.content {padding-top:100px;}

/* LNB */
.lnb {border-bottom:1px solid #d7d7d7;text-align:center;}
.lnb li {display:inline-block;position:relative;margin-left:-6px;}
.lnb li::after {content:'';width:1px;height:10px;display:block;background:#999;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.lnb li:last-of-type::after {display:none;}
.lnb li > a {padding:1rem 1rem;font-size:18px;color:#666;}
.lnb li.on > a {font-weight:600;color:#005e3c;}
.lnb li > a:hover {text-decoration:underline;}

/* ȸ»ç¼Ò°³ */
.comp_greeting .txt {margin-bottom:30px;}
.comp_greeting .txt .big {padding:75px 0 2rem;font-size:30px;word-break: keep-all;text-align:center;font-weight:600;}
.comp_greeting .txt p {font-size:20px;padding-bottom:50px;}
.comp_greeting .txt p span {color:#005e3c;font-weight:600;}
.comp_greeting .img_box {text-align:center;margin-bottom: 50px;}
.comp_greeting .img_box > ul > li {float:left;text-align:center;position:relative;}
.comp_greeting .img_box > ul > li::after {content:'';width:1px;height:200px;display:block;background:#d7d7d7;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.comp_greeting .img_box > ul > li > a {box-sizing:border-box;}
.comp_greeting .img_box > ul > li > a > img {transition: all .3s;}
.comp_greeting .img_box > ul > li > a:hover img{transform: scale(0.8)}
.comp_greeting .comp_img {position:relative;}
.comp_greeting .comp_img .comp_img_txt {position:absolute;left:-69px;bottom:-69px;animation: rotate 8s infinite linear;}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
	100% {
		transform: rotate(360deg);
	}
}

/* ¿À½Ã´Â ±æ */
.comp_map .map {width:100%;margin-bottom:30px;}
.comp_map .comp_name {font-size:32px;font-weight:600;color:#fff;display:inline-block;vertical-align:top;margin-right:50px;background:#005e3c;padding:3rem 1rem;border-radius:10px;}
.comp_map .map_info > ul {display:inline-block;vertical-align:top;padding-top:10px;}
.comp_map .map_info > ul > li {padding-bottom:10px;}
.comp_map .map_info > ul > li img {margin-right:10px;vertical-align:bottom;}

/* BUSINESS */
.business .busi_list > li {margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #d7d7d7;}
.business .busi_list > li:last-of-type {border-bottom:none;}
.business .comp_logo {border:1px solid #d7d7d7;display:inline-block;border-radius: 20px;}
.business .comp_logo > img {width:230px;}
.business .desc {width:calc(99% - 230px);display:inline-block;vertical-align:top;box-sizing:border-box;padding:1rem 0 0 30px;}
.business .desc .tit {font-weight:600;font-size:22px;color:#005e3c;padding-bottom:20px;}
.business .desc .tit_desc {font-weight:600;font-size:20px;padding-bottom:15px;}
.business .desc > ul > li {position:relative;padding-left:12px;padding-bottom:7px;font-size:18px;}
.business .desc > ul > li::before {content:'';width:5px;height:5px;display:block;background:#7c7c7c;position:absolute;left:0;top:9px;border-radius:10px;}

/* Customer */
.customer .customer_tit {font-weight:700;font-size:32px;color:#aacc01;margin-bottom:20px;}
.customer .customer_box:first-of-type {margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #d7d7d7;}
.customer .customer_box > ul > li {width:17%;display:inline-block;position:relative;box-shadow:0px 0px 10px #dddddd;border-radius:10px;margin-right: 3%;margin-bottom: 3%;}
.customer .customer_box > ul > li:nth-of-type(5n) {margin-right:0;}
.customer .customer_box > ul > li img {width:100%;}
.customer .customer_box > ul > li span {width:100%;position:absolute;bottom:10px;left:50%;transform:translate(-50%);text-align:center;font-weight:700;}

/* ÀÎÁõ¼­ */
.certification .certi_tit {font-weight:700;font-size:24px;color:#aacc01;margin-bottom:50px;padding-top:20px;text-align:center;word-break:keep-all;}
.certification .certi_box {width:30%;display:inline-block;margin-bottom:50px;vertical-align:top;/* padding-bottom:40px;border-bottom:1px solid #d7d7d7; */}
.certification .certi_box:nth-of-type(3n+2) {margin-right:4%;margin-left:4%;}
.certification .certi_box > ul > li {/* width:30%;display:inline-block; */box-shadow:0px 0px 10px #dddddd;/* margin-right:4%;margin-bottom:4%; */cursor:pointer;}
.certification .certi_box > ul > li:nth-of-type(n+2) {display:none;}
/* .certification .certi_box > ul > li:nth-of-type(2n) {margin:0 4%;} */
.certification .certi_box > ul > li img {width:100%;}
.certi_img_pop {width:100%;max-width:596px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#999;display:none;z-index:987;text-align:center;}
.certi_img_pop.on {display:block;}
.certi_img_pop.length_one .btn {display:none;}
.certi_img_pop img {width:100%;max-width:596px;}
.certi_img_pop .close {text-align:right;color:#fff;text-align:center;font-weight:700;background:#aacc01;padding:7px 0;}
.certi_img_pop .btn {position:absolute;top:50%;transform:translateY(-50%);}
.certi_img_pop .btn img {opacity:.7;}
.certi_img_pop .before {left:12px;}
.certi_img_pop .next {right:12px;}
.certi_img_pop_bg {width:100%;height:100%;background:rgba(0,0,0,.7);position:fixed;top:0;left:0;display:none;}
.certi_img_pop_bg.on {display:block;}

/* Supprot&Survice */
.support .img_box {margin-bottom:50px;}
.support .img_box img {max-width:100%;}
.support .desc_box p {padding-bottom:30px;font-size:20px;line-height:165%;}
.support .desc_box p strong {font-weight:700;padding-bottom:10px;display:block;font-size:22px;}
.support .desc_box > ul {background:#f1f1f1;padding:1rem;border-radius:10px;margin-top:1rem;margin-bottom:30px;}
.support .desc_box > ul > li {position:relative;font-size:20px;padding-left:12px;line-height:165%;}
.support .desc_box > ul > li::before {content:'';width:5px;height:5px;display:block;background:#7c7c7c;position:absolute;left:0;top:15px;border-radius:10px;}

/* btns */
.btns {margin-top:30px;text-align:right;}
.btns > ul > li {display:inline-block;}
.btns a {background:#666;color:#fff;width:80px;display:inline-block;padding:10px 0;text-align:center;border:1px solid #666;}
.btns a:hover {color:#333;background:#fff;}
.btns input {background:#666;color:#fff;width:80px;display:inline-block;padding:11px 0;text-align:center;border:1px solid #666;font-size:16px;cursor:pointer;}
.btns input:hover {color:#333;background:#fff;}

/* NEWS */
/* NEWS list */
.news .news_list > li {padding:1rem;border-bottom:1px solid #d7d7d7;}
.news .news_list > li.notice_back {background:#f3f3f3;}
.news .news_list > li:first-of-type {border-top:2px solid #999;}
.news .news_list > li p {display:inline-block;}
.news .news_list > li .board {width:70%;display:inline-block;padding-left:1rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news .news_list > li .board:hover {text-decoration:underline;}
.news .news_list > li .num {width:50px;text-align:center;font-weight:600;}
.news .news_list > li .writer {float:right;font-weight:600;}
.news .news_list > li .date {float:right;margin-left:30px;}
.news .news_list > li .hit {width:60px;float:right;margin-left:10px;text-align:center;}
.news .news_list > li .notice_icon {color:#f00;font-weight:600;padding-right:10px;}
.news .news_list > li .new_icon {color:#abcd05;font-weight:600;padding-left:10px;}
.news .search_box {margin-top:30px;text-align:center;padding:1rem;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;}
.news .pagination {margin-top:30px;text-align:center;padding:1rem;}
.news .pagination a {width:30px;text-align:center;padding: 3px 0;display:inline-block;border:1px solid #d7d7d7;}
.news .pagination a.no_border {border:none;}
.news .pagination b {color:#fff;background:#999;display:inline-block;width:30px;text-align:center;padding: 5px 0;}
.news .pagination .cuten {display:inline-block;width:30px;text-align:center;}

/* NEWS view */
.news .view_tit_box {font-size:24px;font-weight:700;border-top:2px solid #666;padding:1.5rem 0 1.2rem;}
.news .view_info {border-bottom:1px solid #d7d7d7;padding:0 0 1.5rem;}
.news .view_info > ul > li {margin-right:30px;display:inline-block;position:relative;padding-left:25px;}
.news .view_info > ul > li:last-of-type {margin-right:0;}
.news .view_info > ul > li::before {content:'';width:20px;height:20px;display:block;position:absolute;left:0;top:3px;}
.news .view_info > ul > li span {color:#555;}
.news .view_info .writer > a {display:inline-block;}
.news .view_info .writer::before {background:url('/design/default/images/sub/writer_icon.png') no-repeat center center;}
.news .view_info .date::before {background:url('/design/default/images/sub/date_icon.png') no-repeat center center;}
.news .view_cont img {max-width:100%;}
.news #bd_content {width:100%;padding:20px;border-bottom:2px solid #666;box-sizing:border-box;margin-bottom:30px;}
.news .prevnext > ul > li {width:100%;border-bottom:1px solid #d7d7d7;}
.news .prevnext > ul > li:first-of-type {border-top:1px solid #d7d7d7;}
.news .prevnext > ul > li > a {max-width:100%;display:inline-block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news .prevnext > ul > li > a:hover {text-decoration:underline;}
.news .prevnext > ul > li > a span {width:100px;background:#f7f8f9;display:inline-block;padding:10px 0;text-align:center;font-weight:600;margin-right:20px;}
.news .upload_box {margin-top:30px;}
.news .upload_box > ul > li > a {display:inline-block;}
.news .upload_box > ul > li span {font-weight:600;color:#57b531;}

/* NEWS post */
.news .post_box {border-bottom:1px solid #d7d7d7;}
.news .post_box input[type="text"] {width:100%;border:1px solid #b9b9b9;padding:7px;}
.news .post_box textarea {width:100%;border:1px solid #b9b9b9;padding:5px;font-family:'Noto Sans KR', sans-serif;}
.news .post_box .post_box_tag {width:150px;text-align:center;background:#f7f8f9;display:inline-block;vertical-align:top;padding:15px 0;font-weight:700;}
.news .post_box .post_box_in {width:calc(99% - 150px);display:inline-block;padding:10px 0;}
.news .post_cont .post_box_tag {height:271px;}
.news .user_chk .post_box_tag {height:60px;}
.news .user_chk img {margin-top:10px;}
.news .post_upload .chk_sm {font-size:12px;margin-right:15px;display:inline-block;}

/* Contact Us */
.contact textarea {font-family: 'Noto Sans KR', sans-serif}
.contact .person {margin-bottom:60px;}
.contact .person strong {font-weight:700;font-size:20px;margin-bottom:15px;display:block;}
.contact .person textarea {width:100%;height:200px;border: 1px solid #d7d7d7;}
.contact .person .agree_box {padding-top:1rem;float:right;}
.contact form {width:48%;display:inline-block;}
.contact .must {padding-bottom:1rem;border-bottom:1px solid #d7d7d7;margin-bottom:1rem;font-weight:600;}
.contact .qna_form {}
.contact .qna_form > ul > li {margin-bottom:15px;}
.contact .qna_form > ul > li input {width:100%;border:1px solid #d7d7d7;padding:7px;}
.contact .qna_form > ul > li input[type="file"] {border:none;}
.contact .qna_form > ul > li textarea {width:100%;border:1px solid #d7d7d7;padding:10px;}
.contact .qna_form > ul > li > label {display:block;padding-bottom:10px;font-weight:600;margin-right:15px;vertical-align:top;}
.contact .contact_map {width:48%;display:inline-block;vertical-align:top;margin-right:3%;}
.contact .contact_map iframe {width:100%;height:586px;}
.contact .contact_map > ul {background:#f3f3f3;padding:15px;}
.contact .contact_map > ul > li {font-weight:600;padding-bottom:15px;}

/* Products */
.product .prod_list > ul > li {width:49.97%;min-height:400px;display:inline-block;border-bottom:1px solid #d7d7d7;position:relative;padding:1.2rem;box-sizing:border-box;vertical-align:top;}
.product .prod_list > ul > li:nth-of-type(2n-1)::after {content:'';width:1px;height:250px;display:block;background:#d7d7d7;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.product .prod_list > ul > li:nth-of-type(2n) {margin-left:-5px;}
.product .prod_list > ul > li .thumb_link {text-align:center;}
.product .prod_list > ul > li .thumb {max-width:100%;height:150px;transition:all .3s;}
.product .prod_list > ul > li .thumb_link:hover .thumb {transform: scale(1.15);}
.product .prod_list > ul > li .name {padding:1rem 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product .prod_list > ul > li .info {padding-bottom:1rem;overflow: hidden;text-overflow: ellipsis;white-space: normal;line-height: 1.2;height: 2.6em;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.product .prod_list > ul > li .product_btns {text-align:center;padding-top:20px;}
.product .prod_list > ul > li .btn {width:100px;text-align:center;padding:7px 0;display:inline-block;/*position:absolute;bottom:1.2rem;*/}
.product .prod_list > ul > li .photo {border:1px solid #41c12a;/*left:1.2rem;*/}
.product .prod_list > ul > li .photo:hover {background:#41c12a;color:#fff;}
.product .prod_list > ul > li .more {border:1px solid #abcd04;/*left:8.2rem;*/}
.product .prod_list > ul > li .more:hover {background:#abcd04;color:#fff;}
.product .pagination {text-align:center;padding-top:1rem;}
.product .pagination a {width:30px;text-align:center;padding: 0.17rem 0;display:inline-block;border:1px solid #d7d7d7;}
.product .pagination b {color: #fff;background: #999;display: inline-block;width: 30px;text-align: center;padding: 5px 0;}
.product .product_top {margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #d7d7d7;}
.product .product_top .how {background:#f2f2f2;font-weight:600;font-size: 20px;padding:1rem;box-sizing:border-box;}
.product .product_top .how p {color:#005e3c;display:inline-block;vertical-align:top;}
.product .product_top .how ul {display:inline-block;}
.product .product_top .how ul li {color:#005e3c;}
.product .product_top .top_list {padding-top:20px;}
.product .product_top .top_list > ul > li {padding-left:12px;box-sizing:border-box;position:relative;font-size: 18px;padding-bottom: 7px;}
.product .product_top .top_list > ul > li::before {content:'';width:5px;height:5px;display:block;background:#7c7c7c;position:absolute;left:0;top:11px;border-radius:10px;}
.product .img_box {text-align:center;}
.product .view_img img {height:400px;max-width:100%;}
.product .bigger_img_box {padding-top:20px;border-bottom:1px solid #d7d7d7;padding-bottom:20px;}
.product .bigger_img {display:inline-block;}
.product .bigger_img img {height:50px;}
.product .view_info {border-bottom:1px solid #d7d7d7;padding:20px 0;margin-bottom: 20px;}
.product .product_name {font-weight:bold;font-size:32px;text-align:center;padding-bottom:25px;}
.product .view_btns {text-align:center;}
.product .view_btns > a {display:inline-block;width:160px;text-align:center;border:1px solid #fff;padding:7px 0;margin-top: -4px;color:#fff;}
.product .view_btns .bigger {background:#b6d202;}
.product .view_btns .bigger:hover {color:#333;border:1px solid #b6d202;background:none;}
.product .view_btns .cata_reg {background:#ff8150;}
.product .view_btns .cata_reg:hover {color:#333;border:1px solid #ff8150;background:none;}
.product .desc_box {padding:20px;box-sizing:border-box;border-bottom:2px solid #444;}
.product .desc_box pre {white-space: pre-wrap;overflow-x: scroll;}
.product .desc_box table td, .product .desc_box table th {border:1px solid #d7d7d7;padding:3px;}
.product .desc_tit {font-weight:bold;color: #fff;font-size:18px;margin-top:30px;padding:10px 0;display:block;background:#666;text-align:center;}