@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css");
@font-face {
    font-family: 'Dokrip';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Dokrip.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.material-symbols-outlined {}

html {overflow-x: hidden;overflow-y: scroll;}
#site {background-color: #fff;word-break: keep-all !important;padding-top: 9.2rem;}
#site > .container{width: 100%;padding: 0;}
/* 폰트 설정 */
#site, h1, h2, h3, h4, h5, h6, input, textarea, button {font-family: 'Roboto Condensed', 'Pretendard Variable', 'notokr', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif;}

ol, ul{padding: 0;margin: 0;list-style: none;list-style-position: inside;}

@media (min-width: 768px){
    .col-sm-20{width: 20%;}
    .col-sm-40{width: 40%;}
    .col-sm-60{width: 60%;}
    .col-sm-80{width: 80%;}
}
@media (min-width: 992px){
    .col-md-20{width: 20%;}
    .col-md-40{width: 40%;}
    .col-md-60{width: 60%;}
    .col-md-80{width: 80%;}
}
@media (min-width: 1200px){
    .col-lg-20{width: 20%;}
    .col-lg-40{width: 40%;}
    .col-lg-60{width: 60%;}
    .col-lg-80{width: 80%;}
}

/* 상단 네비게이션 */

.navbar.navbar-inverse{background-color: #fff;border-bottom: 1px solid #eee;}
.navbar-header .navbar-brand{display: block;padding: 0;font-size: 2.0rem;margin-left: 0 !important;margin-top: 1.4rem;height: auto;}
.navbar-header .navbar-brand img{margin-top: 0;display: inline-block;}

.nav.navbar-nav > li > a{display: block;height: 100%;padding: 3.6rem 4.4rem;font-size: 1.8rem;font-weight: 700;color: #333;}
.nav.navbar-nav > li > a::after{content: '';display: block;width: 0;height: 3px;background: #1fa435;transition: all .3s ease;position: absolute;bottom: -1px;left: 50%;transform: translateX(-50%);}
.nav.navbar-nav > li > a .caret{display: none;}
.nav.navbar-nav > li:hover > a,
.nav.navbar-nav > li.open > a,
.nav.navbar-nav > li:focus > a,
.nav.navbar-nav > li > a:hover,
.nav.navbar-nav > li > a:focus,
.nav.navbar-nav > li.open > a,
.nav.navbar-nav > li.open > a:hover,
.nav.navbar-nav > li.open > a:focus{color: #1fa435;background: none;}
.nav.navbar-nav > li > a:hover::after,
.nav.navbar-nav > li.open > a::after{
    width: 100%;
}
.nav.navbar-nav li .dropdown-menu{left: 50%;right: auto;border-radius: 0;border: 0;padding: 0.5rem;transform: translateX(-50%);}
.nav.navbar-nav li .dropdown-menu li a{padding: 0.7rem 1.5rem;text-align: center;color: #000;font-size: 1.5rem;letter-spacing: -0.02em;}
.nav.navbar-nav li .dropdown-menu li a:hover{
    background: #1d6833;
    color: #fff;
}


@media (max-width: 767px){
    html{font-size: 2vw;}
    #site{padding-top: 63px;}

    .navbar-header .navbar-brand {
        margin-top: 5px;
        margin-left: 15px !important;
        width: 250px;
    }

    /*.navbar-inverse .navbar-toggle{border:1px solid #666;}*/
    .navbar-inverse .navbar-toggle {
        border: 0;
        padding: 9px 0;
        margin: 15px;
        margin-left: 15px;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #666;
        transition: ease-in-out .15s all;
        opacity: 1;
        position: relative;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background: none;
        border-color: #222;
    }

    .navbar-inverse .navbar-toggle:hover .icon-bar,
    .navbar-inverse .navbar-toggle:focus .icon-bar {
        background-color: #222;
    }

    .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;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #e6e6e6;
    }

    .nav.navbar-nav > li > a {
        padding: 2.9rem 4.4rem;
        font-size: 2.1rem;
        text-align: center;
    }
    .nav.navbar-nav li .dropdown-menu {
        transform: translateX(0%);
    }
    .nav.navbar-nav li .dropdown-menu li a {
        padding: 1rem 1.5rem;
        font-size: 1.8rem;
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    #site{}
    .navbar-header .navbar-brand {
        margin-top: 1.8rem;
        width: 23rem;
    }
    .nav.navbar-nav > li > a {
        padding: 3.6rem 2.1rem;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){
    #site{}
    .nav.navbar-nav > li > a {
        padding: 3.6rem 3cqb;
    }
}

/* //상단 네비게이션 */

/* 슬라이드 영역 */
#mainCarousel .carousel-inner .item{
    height: calc(100vh - 9.1rem);
}
.carousel-indicators {
    bottom: 3.0rem;
}
#mainCarousel .carousel-inner .item::before {
    content:'';
    display:block;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.33);
}
#mainCarousel .carousel-inner .item .carousel-caption {
    top: 48%;
    /* top: 39%; */
    padding: 0;
    left: calc((100% - 114.0rem) / 2);
    right: calc((100% - 114.0rem) / 2);
    text-shadow: none;
}
#mainCarousel .carousel-inner .item h1 {
    font-size: 6.8rem;
    font-weight: 700;
    margin: .0rem 0 5rem;
}
#mainCarousel .carousel-inner .item h1 img {
    padding-bottom: 2.0rem;
}
#mainCarousel .carousel-inner .item h1 .sm {
    font-size: 2.5rem;
}
#mainCarousel .carousel-inner .item p {
    font-size: 2.8rem;
    font-weight: 300;
    letter-spacing: 0;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
    line-height: 1.4;
}
#mainCarousel .carousel-inner .item p .sm {
    font-size: 2.7rem;
    letter-spacing: 0.05rem;
}
#mainCarousel .carousel-indicators li,
#mainCarousel .carousel-indicators li.active{
    width: 7.0rem;
    height: .5rem;
    border: 0;
    border-radius: 0;
    opacity: 0.6;
    background: #fff;
    margin: 0 .3rem;
}
#mainCarousel .carousel-indicators li.active{
    opacity: 1;
}

#mainCarousel .carousel-control{display: none;}
@media (max-width: 767px){
    #mainCarousel .carousel-inner .item {
        height: 35.0rem;
    }
    #mainCarousel .carousel-inner .item .carousel-caption {
        top: 45%;
        right: 15px;
        left: 15px;
    }
    #mainCarousel .carousel-inner .item h1 {
        font-size: 3.1rem;
        font-weight: 600;
        margin: 0rem 0 3rem;
    }
    #mainCarousel .carousel-inner .item h1 img {
        height: 11.0rem;
    }
    #mainCarousel .carousel-inner .item p {
        font-size: 2.2rem;
    }
    #mainCarousel .carousel-inner .item p .sm {
        display: inline-block;
        margin-top: 15px;
        font-size: 2.0rem;
        line-height: 1.3em;
    }
    #mainCarousel .carousel-indicators li,
    #mainCarousel .carousel-indicators li.active {
        width: 5.0rem;
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    #mainCarousel .carousel-inner .item .carousel-caption{left: calc((100% - 75.0rem) / 2);right: calc((100% - 75.0rem) / 2);}
    #mainCarousel .carousel-inner .item h1 {
        font-size: 4.7rem;
    }
    #mainCarousel .carousel-inner .item p {
        font-size: 2.3rem;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){
    #mainCarousel .carousel-inner .item .carousel-caption{left: calc((100% - 97.0rem) / 2);right: calc((100% - 97.0rem) / 2);}
    #mainCarousel .carousel-inner .item h1 {
        font-size: 6.3rem;
    }
}
/* //슬라이드 영역 */

/* 메인 중단영역 */

.main-section{
    padding: 12.0rem 0;
}
.main-section#main01{
    background-image: url(/public/img/main/main01-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.main-section#main02{
    background: #f5f5f5;
    background-image: url(/public/img/main/main02-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.main-section#main03{
    background: url(/public/img/main/main03-bg.jpg);
    padding: 9.0rem 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.main-section .img-area{}
.main-section#main01 .img-area img{border: 1px solid #eee;}
.main-section .txt-area{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.main-section .txt-area.col-sm-pull-6{align-items: flex-end;}
.main-section .txt-area h4{
    margin: 0 0 1.4rem;
    font-size: 5.5rem;
    font-weight: 700;
    letter-spacing: -0.023em;
    color: #222;
}
.main-section .txt-area .en {
    margin: 0 0 4.0rem;
    font-size: 2.1rem;
    font-weight: 300;
    color: #439d4b;
    text-transform: uppercase;
}
#main02 .txt-area.col-sm-pull-6 {
    padding-right: 2.0rem;
}
.main-section .txt-area .li-main{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 3.0rem;
    margin: 0 0 7.0rem;
}
.main-section .txt-area .li-main > li{
    font-size: 2.0rem;
    font-weight: 400;
    position: relative;
    color: #555;
}
.main-section .txt-area .li-main > li::after{
    content: '';
    display: block;
    width: .4rem;
    height: .4rem;
    background: #555;
    border-radius: 50%;
    position: absolute;
    top: 1.5rem;
    right: -1.8rem;
}
.main-section .txt-area .li-main > li:last-child:after{display: none;}
.main-section .txt-area a {
    position: relative;
    display: flex;
    width: 18.0rem;
    padding: 0 2.2rem;
    line-height: 5.5rem;
    text-align: center;
    font-size: 1.6rem;
    /* justify-content: center; */
    align-items: center;
    color: #fff;
    background: #1d6833;
}
.main-section .txt-area a > span {
    right: 2.2rem;
    position: absolute;
    transition: all ease .15s;
    /* margin-left: 1.0rem; */
}
.main-section .txt-area a:hover{
    text-decoration: none;
    background: #135d29;
    color: #fff;
}
.main-section .txt-area a:hover span {
    right: 1.2rem;
}

.main-section .row{
    display: flex;
    align-items: center;
}
.main-section .row > div{}
#main01 .col-xs-12.col-sm-6.txt-area {
    padding-left: 2.0rem;
}
.main-section#main03 .row{
    box-shadow: 8px 8px 30px 5px #000;
}
.main-section#main03 .row > div{
    padding: 0;
}
#main03 .page-header{
    margin: 0 0 0;
    padding: 1.7rem 0 1.5rem;
    border-color: #999;
    padding-top: 0;
}
#main03 .page-header h4{padding: 0;margin: 0;font-size: 2.8rem;font-weight: 700;letter-spacing: -0.03em;}
#main03 .page-header a{
    font-size: 2.2rem;
    margin-top: .2rem;
}
#main03 .board_box_list,
#main03 .main-support{
    margin: 0;
    padding: 3.8rem 4.5rem;
    height: 30.3rem;
    max-height: 100%;
}
#main03 .board_box_list{
    background: #fff;
    margin-bottom: 0 !important;
}
#main03 .board_box_list ul{}
#main03 .board_box_list ul li{
    border-bottom: 1px solid #e5e5e5;
    padding: 1rem 0;
}
#main03 .board_box_list ul li:last-child {
  border-bottom:0;
}
#main03 .board_box_list ul li a{
    font-size: 1.6rem;
    text-decoration: none;
    font-weight: 500;
}
#main03 .board_box_list ul li .regdate{
    font-size: 1.6rem;
}
#main03 .board_box_list ul li .hits,
#main03 .board_box_list ul li .writer{display: none;}
#main03 .main-support{
    background: #084a2a;
    background-image: url(/public/img/main/main-support.png);
    position: relative;
    z-index: 0;
    padding: 5.5rem 6.5rem 0;
}
#main03 .main-support .page-header{border-color: transparent;border-bottom: 0;margin: 0 0 .5rem;}
#main03 .main-support .page-header h4{
    color: #fff;
    font-size: 3.5rem;
}
#main03 .main-support .m-sppt-body{
    height: 14.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#main03 .main-support .m-sppt-body p{
    margin: 0;
    font-size: 1.9rem;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.02em;
}
#main03 .main-support .m-sppt-body a{
    color: #fff;
    font-weight: 500;
    font-size: 1.4rem;
    text-decoration: underline;
    text-align: right;
    /* padding-bottom: 5.0rem; */
    opacity: .7;
}
#main03 .main-support .m-sppt-body a:hover{
    color: #ffffff;
    opacity: 1;
}


@media (max-width: 767px){
    .main-section .row {
        flex-direction: column;
    }
    .main-section .txt-area h4 {
        margin: 3rem 0 1rem;
        font-size: 4rem;
    }
    .main-section .txt-area .li-main {
        gap: 1.8rem;
        margin: 0 0 3rem;
    }
    .main-section .txt-area .li-main > li::after {
        top: 1.3rem;
        right: -1.1rem;
    }
    .main-section .txt-area.col-sm-pull-6 {
        align-items: flex-start;
    }
    .main-section#main03{padding: 0;background: #fff;}
    .main-section#main03 .row {box-shadow: none;}
}
@media (min-width: 768px) and  (max-width: 991px){}
@media (min-width: 992px) and  (max-width: 1199px){}

/* //메인 중단영역 */

/* 서브페이지 */

.subHeader {height: 32rem;background-image: url(/public/img/sub/sub_title.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;display: flex;align-items: center;justify-content: center;}
.subHeader .container{}
.subHeader .container h2{text-align: center;color: #fff;font-size: 5.8rem;font-weight: 700;margin: 0;}
.subHeader .container .breadcrumb{padding: 0;margin: 7px 0 0;background: none;text-align: center;}
.subHeader .container .breadcrumb > li > a,
.subHeader .container .breadcrumb > li.active{color:#fff; opacity: 0.7;}

.subMenu{
    background: #006835;
}
.subMenu .nav{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}
.subMenu .nav::before,
.subMenu .nav::after{display: none;}
.subMenu .nav > li{
    margin: 0;
    flex: 1;
}
.subMenu .nav > li > a{
    background: none;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    padding: 1.5rem 0 1.4rem;
    opacity: 0.75;
    font-weight: 400;
    letter-spacing: 0.02em;
}
.subMenu .nav > li > a:hover,
.subMenu .nav > li > a:focus{
    opacity: 1;
    background: transparent;
    font-weight: 500;
}
.subMenu .nav > li.active > a{
    font-weight: 500;
    opacity: 1;
}
.subMenu .nav > li.active > a::after{
    content: '';
    display: block;
    border-top: 8px solid #006835;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%);
}

.subContent{padding-top: 10rem;}
.subContent_title{}
.subContent_title h3{
    margin: 0 0 9rem;
    text-align: center;
    font-size: 4.5rem;
    font-weight: 700;
}
.subContent .content, .bbs-section{padding-bottom: 15rem;}
#about01 .subContent_title h3::after, #about02 .subContent_title h3::after, #about05 .subContent_title h3::after, #about06 .subContent_title h3::after{
    content: 'Our Vision';
    display: block;
    font-weight: 300;
    font-size: 2.5rem;
    margin: 25px 0;
    letter-spacing: -0.02em;
    color: #439d4b;
}
#about02 .subContent_title h3::after {
    content: 'Company Introduction';
}
#about05 .subContent_title h3::after {
    content: 'Organizational Structure';
}
#about06 .subContent_title h3::after {
    content: 'Company Icon';
}
.bbs-area .board_wrapper{margin-top: 0;}
.subContent .content h4{
    text-align: center;
    font-size: 3.2rem;
    color: #000;
    letter-spacing: -0.023em;
    font-weight: 600;
    margin: 0 0 5rem;
}
.subContent .content h4::before{content: '';display: block;margin: 0 auto 1rem;width: 5rem;height: 0.2rem;background: #1fa435;}
#about02 .content .container h4::before {
    display: none
}#about02 .content .container h4::after {
    content: '';
    display: block;
    margin: 0.7rem 0 0;
    width: 100%;
    height: 0.5rem;
    background: #066115;
}
.table.table_default thead th {
    background: #fff;
    font-size: 17px;
}

.table.table_default tbody .subject {
    font-size: 17px;
}

.board_wrapper .table.board_write_table tbody tr th {
    padding: 15px 20px;
    font-size: 15px;
    background: transparent;
}

.board_wrapper .table.board_write_table tbody tr :where(th, td) .checkbox {
    margin: 7px 0;
}

.board_wrapper .table.board_write_table tbody tr :where(th, td) {
    font-size: 15px;
}

.btn.btn-primary {
    background-color: #1d6833;
    border: 1px solid #1d6833;
    color: #fff;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
    background-color: #135d29;
}

.table.table_default thead th {
    border-bottom-color: #ccc;
}

#about03 .table_blog2 .inner .top a span.thumb{height: 50rem;}

#news .search_wrap {margin-bottom: 0;}
#news .bbs-area .board_wrapper {
    margin-bottom: 0;
}

.greeting{
    display: flex;
    gap: 0 10rem;
}
.greeting .image{
    width: 35rem;
}
.greeting .image img{
}
.greeting .text{
    flex: 1;
    padding-right: 12.3rem;
}
.greeting .text p{
    font-size: 1.7rem;
    margin: 0 0 3rem;
    text-align: justify;
}
.greeting .text p.intro{
    font-size: 3rem;
    font-weight: 600;
    color: #006835;
    letter-spacing: -0.02em;
}
.greeting .text p.epil{
    margin: 0;
    display: flex;
    gap: 2rem;
    justify-content: flex-end;
    align-items: flex-start;
}
.greeting .text p.epil .ceo{
    font-weight: 700;
    margin-top: 1.3rem;
}
.greeting .text p.epil .name{
    font-size: 3rem;
    font-weight: 500;
    font-family: 'Dokrip';
}

.comp-intro{
    text-align: center;
    flex-basis: 100% !important;
}
.comp-intro p{}
.comp-intro p.en{
    font-size: 4.2rem;
    font-weight: 600;
    margin: 0 0 3rem;
}
.comp-intro p.kr{
    font-size: 2.3rem;
    margin: 0;
}
#about02 .content .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#about02 .content .container::before,
#about02 .content .container::after{display: none;}

#about02 .content .container h4 {
    /* flex-basis: 24%; */
    text-align: left;
    margin: 0;
    font-weight: 700;
}
#about02 .content .container h4 + * {
    flex-basis: 76%;
}
#about02 .con1 h4 {
    display: none;
}

.managing{
    border-radius: 3rem;
}
.managing .top{
    gap: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 1.5rem;
}
.managing .top p{
    flex: auto;
    font-size: 2rem;
    background: #fff;
    line-height: 1;
    padding: 2.5rem 4rem;
    margin: 0;
    font-weight: 700;
    color: #000;
    position: relative;
    border: 5px solid #349855;
    text-align: center;
}
.managing .top p::after{
    content: '+';
    font-size: 2.8rem;
    position: absolute;
    top: 50%;
    right: -4.7rem;
    transform: translateY(-50%);
    color: #7aa681;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}
.managing .top p:last-child::after{display: none;}
.managing .bottom{
    position: relative;
}
.managing .bottom::before {
    display: block;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 3.2rem;
    line-height: 1;
    content: '\f063';
    text-align: center;
    color: #7aa681;
}
.managing .bottom p{
    margin: 1.5rem 0 0;
    text-align: center;
    font-size: 2.2rem;
    font-weight: 600;
    color: #fff;
    padding: 20px;
    background: #70b86f;
}

.value-cicle{display: flex;align-items: center;gap: 2rem;justify-content: center;}
.value-cicle > li{
    width: 20rem;
    height: 20rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.8rem;
    font-weight: 500;
    color: #fff;
    border-radius: 50%;
    background: #1C6758;
    box-shadow: 0px 4px 9.6px 0.4px rgba(0, 0, 0, 0.1), 2.1px 3.4px 9.6px 0.4px rgba(0, 0, 0, 0.1);
    border: 12px solid #fff;
}
.value-cicle > li::before{
    content: '';
}
.value-wrap{
    margin: 3rem 0 3rem;
    border-radius: 10px;
}
.value-wrap .value{
    display: flex;
    align-items: center;
    gap: 5rem;
    background: #eee;
    margin: 0 0 10px;
}
.value-wrap .value dt{
    font-size: 2.8rem;
    color: #fff;
    width: 26rem;
    padding: 1.1rem 0rem;
    text-align: center;
    background: #3D8361;
    font-weight: 500;
}
.value-wrap .value dd{
    flex: 1;
}
.value-wrap .value dd .li-value{
    display: flex;
    gap: 3rem;
}
.value-wrap .value dd .li-value > li{
    position: relative;
    font-size: 2.2rem;
    font-weight: 600;
}
.value-wrap .value dd .li-value > li::after{content: '';display: block;width: 0.3rem;height: 0.3rem;background: #333;border-radius: 50%;position: absolute;top: 50%;right: -1.6rem;transform: translateY(-50%);}
.value-wrap .value dd .li-value > li:last-child:after{display: none;}

.value-end{
    text-align: center;
}
.value-end p{}
.value-end p.en{
    border-radius: 15px;
    font-size: 3.2rem;
    margin: 0 0 3rem;
    font-weight: 600;
    position: relative;
    font-style: italic;
    background: #f0f2ed;
    padding: 30px;
    letter-spacing: -0.02em;
}
.value-end p.en::before,
.value-end p.en::after{
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    color: #d3d3d3;
    font-size: 3rem;
    top: 25px;
    line-height: 1;
}
.value-end p.en::before{content: '\f10d';left: 45px;}
.value-end p.en::after{content: '\f10e';right: 45px;}
.value-end p.en small{display: block;font-size: 1.8rem;font-weight: 300;margin-top: 10px;font-style: initial;}
.value-end p.kr{
    margin: 0;
    font-size: 2.2rem;
    letter-spacing: -0.02em;
    font-weight: 500;
    background: #f0f2ed;
    padding: 3rem 0;
    border-radius: 1rem;
}
.value-end p.kr b{color: #028037;}

.history{
    position: relative;
}
.history::before{
    content: '';
    display: block;
    width: 0.2rem;
    height: 100%;
    background: #eee;
    position: absolute;
    top: 0;
    left: 19.5rem;
}
.history .timeline{
    display: flex;
    padding: 1rem 0 9rem;
}
.history .timeline .year{
    width: 20rem;
    margin: 0;
    font-size: 4.5rem;
    font-weight: 700;
    color: #61a86d;
    letter-spacing: -0.023em;
    line-height: 1;
}
.history .timeline .issue{
    flex: 1;
}
.history .timeline .issue > li{
    font-size: 1.7rem;
    margin-top: 0.9rem;
    position: relative;
    display: flex;
    gap: 0rem;
    padding-left: 3.5rem;
}
.history .timeline .issue > li::before{
    content: '';
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    background: #3ebe2c;
    position: absolute;
    top: 1rem;
    left: -0.85rem;
    border-radius: 50%;
}
.history .timeline .issue > li .date{
    font-weight: 600;
    color: #006835;
    font-size: 1.8rem;
    margin-right: 20px;
}
.history .timeline .issue > li .text{
}
.history .timeline .issue > li.turning-point{
    margin: 6rem 0 3rem;
    height: 0.2rem;
    width: 100%;
    background: #2d8057;
}
.history .timeline .issue > li.turning-point::before{
    content: '';
    width: 1.1rem;
    height: 1.1rem;
    top: -0.5rem;
    left: -0.9rem;
    background: #2d8057;
}
.history .timeline .issue > li.turning-point::after{
    content: 'TAEJIN INNOVATION';
    display: block;
    font-size: 3.6rem;
    font-weight: 900;
    font-style: italic;
    color: #2d8057;
    opacity: 1;
    position: absolute;
    top: -3.7rem;
    left: 2.9rem;
    line-height: 1;
}

#about02 .con5 {
    display: none;
}

.cert-wrap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem;
}
.cert-wrap .cert{}
.cert-wrap .cert img{
    border: 1px solid #ddd;
}
.cert-wrap .cert .caption{
    margin: 0;
    line-height: 3;
    font-size: 1.6rem;
    text-align: center;
    font-weight: 600;
    color: #000;
}

.root_daum_roughmap{width: 100% !important;}
.location{}
.location .map{}
.location .map .wrap_map {
    HEIGHT: 420px !important;
}
.location .text{
    margin-top: 3rem;
}
.location .li-location{
    display: flex;
    align-items: center;
}
.location .li-location > li{
    width: 20%;
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.7rem;
    justify-content: flex-end;
}
.location .li-location > li:first-child{
    width: 60%;
    justify-content: flex-start;
    gap: 0.4rem;
}
.location .li-location > li .material-symbols-outlined{
    color: #006835;
}
.location .li-location > li .tit{
    font-weight: 600;
    color: #000;
}
.location .li-location > li .des{
    font-weight: 500;
}

.ci-wrap{}
.ci-wrap .item{
    margin: 0 0 8rem;
}
.ci-wrap .item h5{
    margin: 0 0 1.7rem;
    font-size: 2.6rem;
    font-weight: 600;
    color: #333;
    letter-spacing: -0.02em;
}
.ci-wrap .item.grid{
    padding: 8rem 30rem;
    background: url(/public/img/sub/ci-bg.png);
    border: 1px solid #ccc;
}
.ci-wrap .item.grid img{
}
.ci-wrap .item.concept{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 5rem;
}
.ci-wrap .item.concept h5 {
    border-top: 3px solid #333;
    padding-top: 1.5rem;
    font-size: 2.2rem;
}
.ci-wrap .item.concept .box{
    border-bottom: 1px solid #ddd;
    padding-bottom: 4rem;
}
.ci-wrap .item.concept .box .des{
    height: 36rem;
    position: relative;
}
.ci-wrap .item.concept .box .des img{
    height: 20rem;
}
.ci-wrap .item.concept .box .des .li-concept{
    margin-top: 2rem;
}
.ci-wrap .item.concept .box:first-child .des .li-concept{
    padding-top: 4rem;
    margin: 0;
}
.ci-wrap .item.concept .box .des .li-concept > li{
    font-size: 2.2rem;
    margin-top: 0;
    color: #32a745;
    text-align: center;
}
.ci-wrap .item.concept .box:nth-child(1) .des .li-concept > li {
    font-size: 2.6rem;
    margin-top: 1rem;
}
.ci-wrap .item.concept .box .des .li-concept > li.gray{
    color: #d1d1d1;
}
.ci-wrap .item.concept .box .des .li-concept > li.holly{
    color: #006838;
}
.ci-wrap .item.concept .box .des .caption{
    margin: 0;
    position: absolute;
    bottom: 0;
    font-size: 1.7rem;
    color: #999;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.ci-wrap .item.making{}
.ci-wrap .item.making p{
    text-align: center;
    font-size: 2.4rem;
    padding: 0 6rem;
    font-weight: 500;
    margin: 10rem 0 7rem;
    letter-spacing: 0;
    line-height: 1.6em;
}
.ci-wrap .item.making img{
    width: 69%;
}
.ci-wrap .item.signature{}
.ci-wrap .item.signature .sign-wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* gap: 7rem 20rem; */
    /* padding: 6rem 12rem; */
    background: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.ci-wrap .item.signature .sign-wrap .box{
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 3rem 12rem;
}
.ci-wrap .item.signature .sign-wrap .box img{}
.ci-wrap .item.signature .sign-wrap .box .caption{
    text-align: center;
    font-size: 1.7rem;
    font-weight: 500;
    margin: 2rem 0 0;
    color: #666;
}
.ci-wrap .item.signature .sign-wrap .box .caption::before {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background: #999;
    margin: 0 auto 10px;
}
.ci-wrap .item.download{}
.ci-wrap .item.download .download-wrap{
    display: flex;
    gap: 2rem;
}
.ci-wrap .item.download .download-wrap .ci-download{
    flex: 1;
    text-align: center;
    border: 1px solid #1fa435;
    line-height: 6.5rem;
    font-size: 1.6rem;
    color: #3a7f5e;
    font-weight: 700;
}
.ci-wrap .item.download .download-wrap .ci-download:hover,
.ci-wrap .item.download .download-wrap .ci-download:focus{
    color: #fff;
    background: #006835;
    border-color: #006835;
    text-decoration: none;
}
.ci-wrap .item.guide{margin: 0;}
.ci-wrap .item.guide .guide-wrap{
    /* margin: 0 0 3rem; */
    padding: 8rem 6rem 5rem;
    border: 7px solid #eee;
    border-bottom: 0;
    border-top: 3px dotted #eee;
}
.ci-wrap .item.guide .guide-wrap.min{
    border-top: 7px solid #eee;
    padding-top: 60px;
}
.ci-wrap .item.guide .guide-wrap.type {
    border-bottom: 7px solid #eee;
}
.ci-wrap .item.guide .guide-wrap.safety{}
.ci-wrap .item.guide .guide-wrap.color{}
.ci-wrap .item.guide .guide-wrap.app{}
.ci-wrap .item.guide .guide-wrap.usage{}
.ci-wrap .item.guide .guide-wrap.type{}

.ci-wrap .item.guide .guide-wrap > .text{
    margin: 0 0 3rem;
}
.ci-wrap .item.guide .guide-wrap > .text h6{
    font-size: 2.2rem;
    font-weight: 600;
    color: #1fa435;
    margin: 0 0 1.5rem;
}
.ci-wrap .item.guide .guide-wrap > .text p{
    margin: 0;
    font-size: 1.7rem;
    line-height: 1.5;
}
.ci-wrap .item.guide .guide-wrap > .image{background: #fff;padding: 3rem 0;}
.ci-wrap .item.guide .guide-wrap.min > .image {
    padding: 15rem 0;
}

.ci-wrap .item.guide .guide-wrap.safety > .image {
    padding: 5rem 10rem 7rem;
}
.ci-wrap .item.guide .guide-wrap .caption{
    font-size: 1.7rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
}
.ci-wrap .item.guide .guide-wrap .inner{
    margin: 0 0 3rem;
}
.ci-wrap .item.guide .guide-wrap .inner:last-child{margin-bottom: 0;}
.ci-wrap .item.guide .guide-wrap .inner img{}

.ci-wrap .item.guide .guide-wrap.color .color-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color{}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color .color-box{
    width: 100%;
    height: 14rem;
    background: #999;
    margin: 0 0 1.5rem;
}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color .li-color{}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color .li-color > li{
    font-size: 1.8rem;
}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.main1,
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.main2{width: calc(50% - 1.5rem);}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.main1 .color-box{background: #34a945;}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.main1 .li-color > li{color: #34a945}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.main2 .color-box{background: #056839;}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.main2 .li-color > li{color: #056839;}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.sub1,
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.sub2,
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.sub3{
    width: calc((100% / 3) - 2rem);
}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.sub1 .color-box{background: #8dc63f;}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.sub1 .li-color > li{color: #8dc63f;}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.sub2 .color-box{background: #004722;}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.sub2 .li-color > li{color: #004722;}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.sub3 .color-box{background: #4c4d4f;}
.ci-wrap .item.guide .guide-wrap.color .color-wrap .color.sub3 .li-color > li{color: #4c4d4f;}

.ci-wrap .item.guide .guide-wrap.app > .image{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8rem;
}
.ci-wrap .item.guide .guide-wrap.app .ci-app{
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
    margin: 0;
    flex-direction: column;
}
.ci-wrap .item.guide .guide-wrap.app .ci-app:last-child{margin: 0;}
.ci-wrap .item.guide .guide-wrap.app .ci-app .text:nth-child(3){margin-top: 40px;}
.ci-wrap .item.guide .guide-wrap.app .ci-app .text dl{
    margin: 0;
}
.ci-wrap .item.guide .guide-wrap.app .ci-app .text dl dt{color: #000;font-size: 2.1rem;margin: 0 0 1rem;}
.ci-wrap .item.guide .guide-wrap.app .ci-app .text dl dd{
    font-size: 1.6rem;
}
.ci-wrap .item.guide .guide-wrap.app .ci-app .image{
    flex: 1;
}
.ci-wrap .item.guide .guide-wrap.app .ci-app:nth-child(1) .image img {
    margin-left: 0;
    padding: 5px 50px 0 0;
}
.ci-wrap .item.guide .guide-wrap.app .ci-app .image .inner{}

.ci-wrap .item.guide .guide-wrap.usage > .image{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem 2rem;
}
.ci-wrap .item.guide .guide-wrap.usage > .image .inner{
    margin: 0;
}
.ci-wrap .item.guide .guide-wrap.usage > .image .inner .caption{font-size: 1.5rem;}

.ci-wrap .item.guide .guide-wrap.type > .image{
    display: flex;
    gap: 8rem;
}
.ci-wrap .item.guide .guide-wrap.type > .image .inner{
    margin: 0;
}
.ci-wrap .item.guide .guide-wrap.type > .image .inner .caption{
    font-size: 2rem;
    margin: 0 0 1.8rem;
}
.ci-wrap .item.guide .guide-wrap.type > .image .inner img{}

.table-proj {
    border: 1px solid #eee;
}
#project .bbs-section{
    margin: 0 6rem 12rem;
    padding: 10rem 0 0;
    background: #f4f4f4;
}
#project .bbs-section .container{
}
#project .bbs-section .container .bbs-section{}
#project .board_data_view .header_wrap {
    border-bottom: 1px solid #ddd;
}
#project .board_data_view .header_wrap h4 {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.02em;
}
#project .bbs-section .category_wrap{
    margin-bottom: 40px;
}
#project .bbs-section .category_wrap ul{
}
#project .bbs-section .category_wrap ul > li{}
#project .bbs-section .category_wrap ul > li + li {
    margin-left: 20px;
}
#project .bbs-section .category_wrap ul > li > a{
    font-size: 1.7rem;
    padding-bottom: 0.4rem;
    opacity: 0.8;
    color: #333;
    border: 0;
}

#project .bbs-section .category_wrap ul > li > a:hover,
#project .bbs-section .category_wrap ul > li > a:focus{
    opacity: 1;
}
#project .bbs-section .category_wrap ul > li.on > a{
    opacity: 1;
    color: #20a736;
    font-weight: 700;
    border-bottom: 1px solid;
}

#project .bbs-section .inner{
    border: 0;
    background: #fff;
}
#project .bbs-section .inner:hover{}
#project .bbs-section .inner .bottom{
    padding: 0;
}
#project .bbs-section .inner .bottom .title{
    padding: 0;
    margin: 0;
    position: relative;
}
#project .bbs-section .inner .bottom .title .badge{
    background: transparent;
    font-size: 1.4rem;
    margin: 0;
    font-weight: 600;
    padding: 1.6rem 2rem 0;
    line-height: 1;
    position: absolute;
    letter-spacing: 0.02em;
    color: #3ca72d;
}
#project .bbs-section .inner .bottom .title .badge.badge1{}
#project .bbs-section .inner .bottom .title .badge.badge2{}
#project .bbs-section .inner .bottom .title .badge.badge3{}
#project .bbs-section .inner .bottom .title a{
    display: block;
    line-height: 1;
    padding: 3.8rem 2rem 2rem;
    font-variant: JIS04;
    color: #000;
    font-weight: 500;
}
#project .bbs-section .inner .bottom .title a > span{}
#project .bbs-section .inner .bottom .info{display: none;}
.table-proj .proj-inner tr:last-child td {
    border-bottom: 0;
}
.table-proj th, .table-proj td {
    font-size: 16px;
    padding: 12px 20px;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.table-proj th {
    background: #888;
    font-size: 15px;
    border-bottom: 1px solid #bcbcbc;
    color: #fff;
    width: 120px;
    font-weight: 500;
}

.table-proj .proj-inner {
    margin: -12px -20px;
}

.table-proj .proj-inner th {
    background: #f4f4f4;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}

#form_contact #list_btn{display: none;}
@media (max-width: 767px){
    .subHeader {
        height: 19rem;
    }
    .subHeader .container h2 {
        font-size: 4.6rem;
    }
    .subMenu{display: none;}
    .subContent_title h3 {
        margin: 0 0 5rem;
        font-size: 4rem;
    }
    #about01 .subContent_title h3::after, #about02 .subContent_title h3::after, #about05 .subContent_title h3::after, #about06 .subContent_title h3::after {
        margin: 11px 0;
    }
    .greeting {
        display: flex;
        gap: 10rem;
        flex-direction: column;
        overflow: hidden;
    }
    .greeting .image {
        width: 100%;
        margin-top: -20rem;
    }
    .greeting .image img{margin: 0 auto}
    .greeting .text {
        padding-right: 0;
        margin-top: -20rem;
    }

    .comp-intro p.en {
        font-size: 2.9rem;
    }

    #about02 .content .container h4{margin-bottom: 3rem}
    #about02 .content .container h4 + * {
        flex-basis: auto;
    }
    .managing .top p {
        flex: auto;
        font-size: 1.8rem;
        padding: 1.5rem 1rem;
    }

    .value-cicle > li {
        width: 13rem;
        height: 13rem;
        border: 7px solid #fff;
    }
    .value-wrap .value dt {
        font-size: 2.4rem;
        color: #fff;
        width: 18rem;
    }
    .value-end p.en::before {
        content: '\f10d';
        left: 10px;
    }
    .value-end p.en::after {
        content: '\f10e';
        right: 10px;
    }

    .ci-wrap .item.grid {
        padding: 4rem 4rem;

    }
    .ci-wrap .item.concept {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 4rem;
    }
    .ci-wrap .item.signature .sign-wrap .box {
        padding: 3rem 3rem;
    }
    .ci-wrap .item.download .download-wrap {
        display: flex;
        gap: 2rem;
        flex-direction: column;
    }
    .ci-wrap .item.guide .guide-wrap {
        /* margin: 0 0 3rem; */
        padding: 4rem 3rem 0rem;
    }
    .ci-wrap .item.guide .guide-wrap.app > .image {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 8rem;
    }
    .ci-wrap .item.guide .guide-wrap.usage > .image {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .ci-wrap .item.guide .guide-wrap.type > .image {
        display: flex;
        gap: 8rem;
        flex-direction: column;
    }

    .table_blog2 > dd{width: 100%;}
    #about03 .table_blog2 .inner .top a span.thumb {
        height: 64rem;
    }
    
    .location .li-location {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .location .li-location > li {
        width: 100%;
        display: flex;
        margin-top: 1rem;
        align-items: center;
        gap: 1rem;
        font-size: 1.7rem;
        justify-content: flex-start;
    }
    .location .li-location > li:first-child {
        width: 100%;
    }

    #project .bbs-section {
        margin: 0 2rem 12rem;
        padding: 10rem 0 0;
    }
    #project .bbs-section .inner .bottom .title a {
        white-space: normal;
        line-height: 1.2;
    }
    .table.table_default tr .num,
    .table.table_default tr .regdate,
    .table.table_default tr .hits,
    .table.table_default tr .writer{display: none;}

    .board_wrapper .table.board_write_table tbody tr td .btn,
    .board_wrapper .table.board_write_table tbody tr td .form-control,
    .board_wrapper .table.board_write_table .input-group.input-group-big,
    .board_wrapper .table.board_write_table .form-control.form-control-big{width: 100%;}

    #list_btn{display: none;}
    #write_btn{margin: 0;}
}
@media (min-width: 768px) and  (max-width: 991px){
    .greeting{gap: 0 3rem;}
    .greeting .text {
        flex: 1;
        padding-right: 2.3rem;
    }
    .managing .top p {
        padding: 2.5rem 1rem;
    }
    .value-cicle > li {
        width: 17rem;
        height: 17rem;
    }
    .value-wrap .value dt {
        font-size: 2.5rem;
        color: #fff;
        width: 21rem;
    }
    .ci-wrap .item.grid {
        padding: 8rem 10rem;
    }
    .ci-wrap .item.signature .sign-wrap .box {
        padding: 3rem 7rem;
    }
    #about03 .table_blog2 .inner .top a span.thumb {
        height: 30rem;
    }
    #project .bbs-section .container {
        width: 100%;
    }
    #project .bbs-section {
        margin: 0 3rem 12rem;
    }
    #project .table_blog2 dd{width: 50%;}
    #project .bbs-section .inner .bottom .title a {
        white-space: normal;
        line-height: 1.2;
        height: 10.2rem;
    }
}
@media (min-width: 992px) and  (max-width: 1199px){}
/* //서브페이지 */

/* 푸터 */

footer {text-align: left;padding: 6.0rem 0;background: #2a2b2d;color: #aeaeae;}
footer .footer-logo{}
footer .footer-logo h1{margin: 0;}
footer .footer-logo h1 > a{display: block;}
footer .footer-logo h1 > a > img{display: block;opacity: 0.75;}
footer .footer-text{
    padding-left: 60px;
}
footer .footer-text p strong{
    font-size: 1.5rem;
    color: #ccc;
    font-weight: 500;
}
footer .footer-text ul{padding-left: 0;margin-bottom: 0;}
footer .footer-text ul:after{content: '';clear: both;display: table;}
footer .footer-text ul li{float: left;margin-right: 1.5rem;line-height: 1.5;font-size: 1.4rem;}
footer .footer-text ul li address{margin-bottom: 0;line-height: 1.4;}
footer .footer-text p {
    margin-bottom: 7px;
}
footer .footer-text .copyrights{display: block;font-size: 1.2rem;margin-top: 1.5rem;opacity: 0.65;}
footer .footer-link{/* display: flex; *//* gap: 0 3rem; */}
.famsite{
    /* width: 18rem; */
    margin-bottom: 1rem;
}
.famsite.open{}
.famsite .fam-tit{
    display: block;
    cursor: pointer;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    padding: 1rem 0;
    border: 1px solid #ccc;
    color: #ccc;
    letter-spacing: 0.02em;
}
.famsite .fam-dropdown{
    display: none;
}
.famsite.open .fam-dropdown{
    display: block;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.famsite .fam-dropdown > li{}
.famsite .fam-dropdown > li > a{
    display: block;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1;
    padding: 0.7rem 0;
    border-bottom: 1px solid #ddd;
    color: #555;
    background: #fff;
}
.famsite .fam-dropdown > li > a:hover,
.famsite .fam-dropdown > li > a:focus{}

.login-li{
    flex: 1;
    text-align: right;
}
.login-li > li{}
.login-li > li a{
    color: #fff;
    opacity: 0.6;
    font-weight: 300;
}
.login-li > li a:hover,
.login-li > li a:focus{opacity: 1;}

@media (max-width: 767px){}
@media (min-width: 768px) and  (max-width: 991px){}
@media (min-width: 992px) and  (max-width: 1199px){}
/* //푸터 */


.maintenance {margin-top: .5rem;border: 7px solid #E5E5E5;padding: 5.0rem 2.5rem;text-align: center;}
.maintenance .icon {display: block;line-height: 1;font-size: 6.4rem;margin-bottom: 1.0rem;}
.maintenance .big-cont {display: block;line-height: 1;font-size: 2.2rem;font-weight: bold;letter-spacing: -0.05em;margin-bottom: 2.0rem;}
.maintenance .small-cont {display: block;line-height: 1.5;font-size: 1.4rem;letter-spacing: -0.03em;color: #818181;margin-bottom: 2.0rem;}
.member_wrapper {max-width: 117.0rem;}