@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700&display=swap');
@import url('https://webfontworld.github.io/pretendard/Pretendard.css');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);


.material-symbols-outlined {
    font-variation-settings: 'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
}

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


/* 구글 아이콘 가변 폰트
span.material-symbols-outlined {
    transition: font-variation-settings .3s;
    font-variation-settings: var(--gms200_Out);
}

.item:hover span.material-symbols-outlined {
    font-variation-settings: var(--gms300_Fill);
} 
*/

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

/* 닷홈 빌더 설정
.navbar .caret,
.navbar .divider-vertical,
.navbar ~ br,
.footer-social-layout,
.footer_copy .text-center > br,
.topmarginLay_a {display: none;}
 */

 .xsDown{
    display: none;
 }
 @media (max-width: 767px) {
    .xsDown{
        display: block;
     }
     [lang="en"] [id^=main] .main-sec-body .intro p {
        font-size: clamp(1.5rem,3.3vw,2.5rem);
    }
 }


:root {
    --page-point-color: #0100fc;
    --page-point-color-hover: #0100A9;
    --page-danger-color: #f34825;
    --page-danger-color-hover: #ce4825;
    --page-dark-color: #000000;
    --page-dark-color-hover: #333;
    --page-grey-color: #d5d5d5;
    --page-grey-color-hover: #c4c4c4;

    /* google-material-symbols */
    --gms: "Material Symbols Outlined";
    --gms-grad-low: "GRAD" -25;
    --gms-grad-zero: "GRAD" 0;
    --gms-grad-high: "GRAD" 200;
    --gms-opsz: "opsz" 48;
    /* fill icon */
    --gms-100-fill: "FILL" 1, "wght" 100, var(--gms-opsz);
    --gms-200-fill: "FILL" 1, "wght" 200, var(--gms-opsz);
    --gms-300-fill: "FILL" 1, "wght" 300, var(--gms-opsz);
    --gms-400-fill: "FILL" 1, "wght" 400, var(--gms-opsz);
    --gms-500-fill: "FILL" 1, "wght" 500, var(--gms-opsz);
    --gms-600-fill: "FILL" 1, "wght" 600, var(--gms-opsz);
    --gms-700-fill: "FILL" 1, "wght" 700, var(--gms-opsz);
    /* outlined icon */
    --gms-100-out: "FILL" 0, "wght" 100, var(--gms-opsz);
    --gms-200-out: "FILL" 0, "wght" 200, var(--gms-opsz);
    --gms-300-out: "FILL" 0, "wght" 300, var(--gms-opsz);
    --gms-400-out: "FILL" 0, "wght" 400, var(--gms-opsz);
    --gms-500-out: "FILL" 0, "wght" 500, var(--gms-opsz);
    --gms-600-out: "FILL" 0, "wght" 600, var(--gms-opsz);
    --gms-700-out: "FILL" 0, "wght" 700, var(--gms-opsz);
}

@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%;}
}

.ani{
    opacity: 0;
    animation-duration: 1s;
	animation-fill-mode: both;
}
.anim_wrap{/* overflow: hidden; */}
.active .ani.fi-in{animation-name:fadeIn;}
.active .ani.fi-up{animation-name:fadeInUp;}
.active .ani.fi-up2{animation-name:fadeInUp2;position: relative;}
.active .ani.fi-down{animation-name:fadeInDown;}
.active .ani.fi-left{animation-name:fadeInLeft;}
.active .ani.fi-left2{animation-name:fadeInLeft2;position: relative;}
.active .ani.fi-right{animation-name:fadeInRight;}
.active .ani.fi-right2{animation-name:fadeInRight2;position: relative;}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
@keyframes fadeInRight2 {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}
@keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.active .ani.t1{animation-delay: 0.1s;}
.active .ani.t2{animation-delay: 0.2s;}
.active .ani.t3{animation-delay: 0.3s;}
.active .ani.t4{animation-delay: 0.4s;}
.active .ani.t5{animation-delay: 0.5s;}
.active .ani.t6{animation-delay: 0.6s;}
.active .ani.t7{animation-delay: 0.7s;}
.active .ani.t8{animation-delay: 0.8s;}
.active .ani.t9{animation-delay: 0.9s;}
.active .ani.t10{animation-delay: 1.0s;}
.active .ani.t11{animation-delay: 1.1s;}
.active .ani.t12{animation-delay: 1.2s;}
.active .ani.t13{animation-delay: 1.3s;}
.active .ani.t14{animation-delay: 1.4s;}
.active .ani.t15{animation-delay: 1.5s;}
.active .ani.t16{animation-delay: 1.6s;}
.active .ani.t17{animation-delay: 1.7s;}
.active .ani.t18{animation-delay: 1.8s;}
.active .ani.t19{animation-delay: 1.9s;}

/* 상단 네비게이션 */
#navbar-bg{transition: all .3s ease;height: 0px;}
.navbar.navbar-inverse{background-color: transparent;background: linear-gradient(0deg, transparent, rgb(0 0 0 / 50%));/* backdrop-filter: blur(1px); */border: none;transition: all .3s ease;overflow: hidden;}
.navbar.navbar-inverse .container{
    width: 100%;
    padding: 0 50px
}
.navbar.navbar-inverse .container::before,
.navbar.navbar-inverse .container::after{display: none;}
.navbar-header .navbar-brand{display: block;padding: 0 15px 0 0;font-size: unset;margin-top: 30px;margin-left: 0 !important;height: auto;/* width: 200px; */}
.navbar-header .navbar-brand > span{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.navbar-header .navbar-brand img{margin-top: 0;height: clamp(35px,3.13vw,60px);display: inline-block;}
.navbar-header .navbar-brand .txt{
    font-size: clamp(20px,2vw,37px);
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.02em;
}
.on .navbar-header .navbar-brand .txt{/* color: var(--page-dark-color); */}

.navbar-inverse .navbar-collapse{}
.navbar-inverse .navbar-collapse::before,
.navbar-inverse .navbar-collapse::after{display: none;}
.navbar-inverse .nav.navbar-nav{
    float: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}
.nav.navbar-nav > li > a{
    position: relative;
    display: block;
    text-align: center;
    height: 100%;
    padding: 40px 2.6vw;
    font-size: clamp(13px,1vw,19px);
    color: #fff;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0;
}
.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: var(--page-point-color) !important;
    color: #fff !important;
    background: none;
}
.nav.navbar-nav > li > a::after{
    content: '';
    width: 0px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    transition: all 0.3s ease;
    opacity: 0;
}
.nav.navbar-nav > li:hover > a::after,
.nav.navbar-nav > li.open > a::after,
.nav.navbar-nav > li:focus > a::after,
.nav.navbar-nav > li > a:hover::after,
.nav.navbar-nav > li > a:focus::after,
.nav.navbar-nav > li.open > a::after,
.nav.navbar-nav > li.open > a:hover::after,
.nav.navbar-nav > li.open > a:focus::after{
    opacity: 1;
    width: 15px
}

.nav.navbar-nav li .dropdown-menu{left: 50%;right: auto;border-radius: 0;border: 0;padding: 0;transform: translateX(-50%);/* background: rgba(0,0,0,0.8); */box-shadow: none;background: none;}
.nav.navbar-nav li .dropdown-menu li a{
    padding: 1rem 1.5rem;
    color: var(--page-dark-color-hover);
    color: rgb(255 255 255 / 80%);
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 1.5rem;
    border: 0;
    font-weight: 300;
    letter-spacing: -0.01em;
}
.nav.navbar-nav li .dropdown-menu li:last-child a {border-bottom:0;}
.nav.navbar-nav li .dropdown-menu li a:hover,
.nav.navbar-nav li .dropdown-menu li a:focus{
    /* background: var(--page-point-color-hover); */
    background: none;
    /* color: var(--page-point-color);*/
    color: #fff;
    font-weight: 500;
    text-decoration: underline;
    text-underline-position: under;
}

.navbar.navbar-inverse .nav-bottom{
    display:flex;
    margin-left: 35px;
}
.navbar.navbar-inverse .hamburger{
    line-height: 1;
    cursor: pointer;
}
.navbar.navbar-inverse .hamburger .material-symbols-outlined{
    color: #fff;
    font-size: clamp(27px,2.1vw,44px);
    font-variation-settings: var(--gms-200-out), var(--gms-grad-high);
}

.navbar.navbar-inverse .nav-bottom .lang-wrap{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 8px;
}
.lang-wrap .lang-change-btn{
    padding: 0;
    border: 0;
    line-height: 1;
    background: none;
    color: #fff;
    font-size: clamp(13px,0.8vw,18px);
    font-weight: 600;
    display: block;
    opacity: 0.6;
}
.lang-wrap .lang-change-btn.active{opacity: 1;}

/* on 일 때 */
.navbar.navbar-inverse.on.opened{
    /* background-color: rgba(255,255,255,0.65); */
    background-color: rgba(25,25,25,0.4);
    border-color: transparent;
    backdrop-filter: blur(20px);
}
.on .navbar-header .navbar-brand img{
    
}
.on .nav.navbar-nav > li > a{
    /* color: var(--page-dark-color); */
}
.on.navbar.navbar-inverse .hamburger .material-symbols-outlined{
    /* color: #000; */
}

@media (max-width: 767px){
    #site{}

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

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

    .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;
        padding: 0;
        background: #e6e6e6;
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    #site{}
}
@media (min-width: 992px) and  (max-width: 1199px){
    #site{}
}

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

/* 슬라이드 영역 */
#mainCarousel .carousel-inner .item{
    /* height: calc(100vh - 9.2rem); */
    height: 100vh;
}
#mainCarousel .carousel-inner .item::before {
    content:'';
    display:block;
    position:absolute;
    background: #000;
    opacity:.2;
    width: 100%;
    height:100%;
}
#mainCarousel .carousel-inner .item:nth-child(3)::before {
    opacity:.3;
}
#mainCarousel .carousel-inner .item .carousel-caption{padding: 0;left: calc((100% - 114.0rem) / 2);right: calc((100% - 114.0rem) / 2);text-align: left;text-shadow: none;top: 53%;}
#mainCarousel .carousel-inner .item h1{
    font-size: clamp(50px,9vw,90px);
    margin-bottom: 5rem;
    letter-spacing: 0.02em;
}
#mainCarousel .carousel-inner .item p{
    font-size: clamp(20px,3.4vw,33px);
    font-weight: 500;
}
#mainCarousel .carousel-control{display: none;}
#mainCarousel .carousel-indicators li,
#mainCarousel .carousel-indicators li.active{
    width: 1.3rem;
    height: 1.3rem;
    border: 1px solid #fff;
    margin: 0 20px;
}
#mainCarousel .carousel-indicators {
    bottom: 5rem;
}

@media (max-width: 767px){
    #mainCarousel .carousel-inner .item .carousel-caption{left: 15px;right: 15px;}
}
@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);}
}
@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);}
}
/* //슬라이드 영역 */

/* 메인 중단영역 */

.main-section{/* overflow: hidden; */}
.main-section .main-sec-head{
    padding: 12rem 0 0;
    background: url(/public/img/sub/main_title.jpg) no-repeat center;
    position: relative;
    min-height: 28vh;
    min-height: 23vh;
    background-size: cover;
}

.main-section .main-sec-head::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.3;
}
.main-section .main-sec-head h3{
    text-align: center;
    font-size: clamp(33px,2.5vw,48px);
    color: #fff;
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.015em;
    position: relative;
    z-index: 1;
}
.main-section .main-sec-body{
    padding: 12rem 0 0;
    background: #fff;
    min-height: 77vh;
}
#main01 .main-sec-body, #main02 .main-sec-body {
    background-image: url(/public/img/main/main-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 13rem;
    display: flex;
    align-items: center;
}

#main02 .main-sec-body {
    padding-bottom: 16rem;
}
.main-section .main-sec-body .intro{
    text-align: center;
    margin: 0 0 4.5rem;
}
.main-section .main-sec-body .intro p{
    font-size: 2.5rem;
    font-weight: 500;
    color: var(--page-dark-color);
    margin: 0;
}
#main01 .main-sec-body .intro p, #main02 .main-sec-body .intro p {
    color: #fff;
}
#main01 .main-sec-body img, #main02 .main-sec-body img{/* height: 19vw; */width: auto;}


/* 풀페이지 스크립트 페이지네이션 */
#fp-nav.fp-right {
    right: 10px!important;
}

#site #fp-nav ul li, 
#site .fp-slidesNav ul li {
    width: 22px !important;
    height: 22px !important;
}

#site #fp-nav ul li a span, 
#site .fp-slidesNav ul li a span{
    width: 6px;
    height: 6px;
    margin: 0;
    transform: translate(-50%, -50%);
    background: rgb(191 191 191 / 70%);
}

#site #fp-nav ul li a span:last-child::after, 
#site .fp-slidesNav ul li a span:last-child::after {
    content: '';
    width: 0;
    aspect-ratio: 1;
    border: 1px solid rgb(63 83 255);
    position: absolute;
    border-radius: 50%;
    left:50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.2s;
    opacity: 0;
}

#site #fp-nav ul li a.active span, 
#site .fp-slidesNav ul li a.active span, 
#site #fp-nav ul li:hover a.active span, 
#site .fp-slidesNav ul li:hover a.active span {
    background: rgb(63 83 255);
}

#site #fp-nav ul li a.active span:last-child::after, 
#site .fp-slidesNav ul li a.active span:last-child::after, 
#site #fp-nav ul li:hover a.active span:last-child::after, 
#site .fp-slidesNav ul li:hover a.active span:last-child::after {
    width: 22px;
    opacity: 1;
}



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

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

/* 서브페이지 */

.subHeader {background-image: url(/public/img/sub/sub_title.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;padding: 15rem 0 8rem;position:relative;z-index: 1;}
.subHeader::before {
    content:'';
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background: #000;
    top:0;
    left:0;
    opacity: 0.35;
    z-index: -1;
}
[id^="about"] .subHeader {
    background-image: url(/public/img/sub/sub_title01.jpg);
}
[id^="performance"] .subHeader {
    background-image: url(/public/img/sub/sub_title02.jpg);
}
[id^="certification"] .subHeader {
    background-image: url(/public/img/sub/sub_title03.jpg);
}
#business02 .subHeader {
    background-image: url(/public/img/sub/sub_title04_2.jpg);
}
.subHeader .container{}
.subHeader .container h2{color: #fff;font-size: clamp(40px,3.1vw,60px);margin: 7rem 0 1.5rem;font-weight: 700;margin-bottom: 0;letter-spacing: -0.02em;}
.subHeader .container .breadcrumb{padding: 0;margin: 0;background: none;display: none;}
.subHeader .container .breadcrumb > li > a,
.subHeader .container .breadcrumb > li.active{color:#fff; opacity: 0.7;}

.subMenu{
    margin: 6rem 0 0;
}
.subMenu .nav{
    display: flex;
    gap: clamp(25px,2.2vw,40px);
}
.subMenu .nav::before,
.subMenu .nav::after{display: none;}
.subMenu .nav > li{}
.subMenu .nav > li > a{
    color: rgba(255, 255, 255, 0.6);
    background: none;
    font-size: clamp(15px,1.1vw,21px);
    font-weight: 600;
    padding: 0;
}
.subMenu .nav > li > a:hover,
.subMenu .nav > li > a:focus{
    background: none;
    opacity: 1;
    color: #fff;
}
.subMenu .nav > li.active > a{
    font-weight: 600;
    opacity: 1;
    color: #fff;
    border-bottom: 2px solid #eee;
    border-radius: 0;
    padding-bottom: 0.3rem;
}
.subMenu .nav > li {
    position:relative;
}
/* .subMenu .nav > li.active > a::before {
    content:'';
    display:block;
    position:absolute;
    width: .6rem;
    height: .6rem;
    background: #fff;
    top: -1.5rem;
    left: 50%;
    opacity:1;
    border-radius: 50%;
    transform: translateX(-50%);
} */
.subContent{padding-top: 11rem;}
.subContent_title{}
.subContent_title h3{
    font-size: clamp(30px,2.2vw,42px);
    font-weight: 700;
    color: #222;
    margin: 0 0 6rem;
    letter-spacing: -0.015em;
}
[id^="business0"] .subContent_title h3 {
    margin: 0 0 2.5rem;
}
.subContent .content, .bbs-section{padding-bottom: 10rem;}
#performance01 .subContent .content{padding-top: 10rem;padding-bottom: 0rem;}

#performance01 .subContent .content:last-child {
    padding-bottom: 16rem;
}
#performance01 .subContent .content.con1{padding-top: 0rem; padding-bottom: 0rem;}
.subContent .content:last-child {
    padding-bottom: 16rem;
}
.bbs-area .board_wrapper{margin-top: 0;}
.subContent .content h4{
    margin: 0 0 2.5rem;
    font-size: 3rem;
    font-weight: 700;
    padding-left: 3rem;
    position: relative;
}
.subContent .content h4::before{content: '';background-image: url("/public/img/logo/logo-symbol_b.png");display: block;width: 2.5rem;height: 2.8rem;/* border-left: 4px solid var(--page-point-color-hover); *//* border-top: 4px solid var(--page-point-color-hover); *//* border-right: 4px solid transparent; *//* border-bottom: 4px solid transparent; *//* border-radius: 50%; *//* transform: rotate(-45deg); */position: absolute;left: 0;top: 3px;}
.subContent .content h4::after{/* content: ''; */display: block;width: 1.5rem;height: 1.5rem;border-left: 8px solid var(--page-point-color-hover);border-top: 8px solid var(--page-point-color-hover);border-right: 8px solid transparent;border-bottom: 8px solid transparent;border-radius: 50%;transform: rotate(135deg);position: absolute;left: 4px;top: 9px;}

.table-style{
    width: 100%;
}
.table-style tr{
    border-bottom: 1px solid #ddd;
}
.table-style tr th,
.table-style tr td{
    font-size: 1.6rem;
    padding: 1.5rem 2rem;
}
.table-style tr th:last-child,
.table-style tr td:last-child{}

.table-style tr th{}
.table-style thead tr th{
    background: #0e0e67;
    color: #fff;
}
[id^="performance"] .table-style thead tr th:nth-child(1){width: 10%;}
[id^="performance"] .table-style thead tr th:nth-child(2){width: 21%;}
.table-style tbody tr th{
    color: #222;
    background: #f5f5f5;
}
.table-style tr td{
    color: #333;
}
#performance01 .table-style tr td{font-family: 'Spoqa Han Sans Neo', sans-serif;}

.greeting{
    display: flex;
    flex-direction: row-reverse;
    gap: 12rem;
}
.greeting .text{
    flex: 1;
}
.greeting .text p{
    font-size: clamp(13px,0.9vw,17.5px);
    margin: 0 0 3rem;
    line-height: 1.6;
    letter-spacing: -0.005em;
}
.greeting .text p.intro{
    font-size: clamp(25px,1.7vw,32px);
    font-weight: 700;
    color: var(--page-point-color-hover);
    margin: 5rem 0 4.5rem;
    line-height: 1.45;
    letter-spacing: -0.015em;
    padding-right: 5rem;
}
.greeting .text p.ceo{
    /* text-align: right; */
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-bottom: 0;
    margin-top: 3rem;
}
.greeting .text p.ceo b{
    font-size: 2.4rem;
    margin-left: 0.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}
.greeting .text p.ceo img{margin: 0;margin-left: 10px;}
.greeting .image{
    width: 36%;
    padding-top: 30px;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* padding-right: 60px; */
}
.greeting .image img{
    /* width: 75%; */
}

.history{
    position: relative;
}

.history::before {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    left: 23%;
    top: 6rem;
    background: #e9e9e9;
}
.history .timeline{
    display: flex;
    align-items: flex-start;
    padding: 5rem 0;
}
.history .timeline:first-child {
    padding-top:3rem;
}
.history .timeline .year{
    position: relative;
    width: 23%;
    font-size: clamp(20px,3.2vw,62px);
    margin: 0;
    line-height: 1;
    font-weight: 800;
    color: #dbdbdb;
    opacity: 1;
    font-style: italic;
    transition: all .3s ease;
}

.history .timeline .year::before,
.history .timeline .year::after {
    content: '';
    width: 1.3rem;
    aspect-ratio: 1;
    background: #3a39dd;
    position: absolute;
    right: -0.7rem;
    top: 3rem;
    border-radius: 50%;
}
.history .timeline .year::after {
    width: 2.9rem;
    opacity: 0.2;
    right: -1.5rem;
    top: 2.2rem;
    background: #6b6afb;
}

.history .timeline .issue{
    flex: 1;
    padding-left: 9%;
    margin-top: 1.6rem;
}
.history .timeline .issue > li{
    margin-top: 0.8rem;
    font-size: clamp(14px,0.9vw,17px);
    display: flex;
    gap: 2rem;
    align-items: baseline;
    transition: all .3s ease;
}
.history .timeline .issue > li .month{
    color: var(--page-point-color-hover);
    font-weight: 700;
    font-size: 1.7rem;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.03em;
    transition: all .3s ease;
}
.history .timeline .issue > li .text{}


.history .timeline.active{}
.history .timeline.active .year{
    font-size: clamp(25px,3.8vw,72px);
}
.history .timeline.active .year::before,
.history .timeline.active .year::after{}
.history .timeline.active .issue{}
.history .timeline.active .issue > li{
    font-size: clamp(18px,1.2vw,24px);
}
.history .timeline.active .issue > li .month{
    font-size: clamp(18px,1.2vw,24px);
}

[id^="business"] .intro{}
[id^="business"] .intro p{
    margin: 0;
    font-size: 2.5rem;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #222;
}
.biz-layout{
    gap: 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.biz-layout .image{
    border: 1px solid #ddd;
    padding: .5rem;
}
.biz-layout .image img{}

.con1 .biz-layout{}
.con1 .biz-layout .image{}
.con1 .biz-layout .image img{}

.con2 .biz-layout{}
.con2 .biz-layout .image{}
.con2 .biz-layout .image img{}

.con3 .biz-layout{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.con3 .biz-layout.map {
    grid-template-columns: repeat(1, 1fr);
}
.con3 .biz-layout.map .image {
    /* padding: 4rem 4rem; */
    border: none;
    padding: 0;
}

#business01 .con3 .biz-layout.map .image {
    padding: 0;
    border: none;
    margin-top: 2rem;
}
.con3 .biz-layout .image{}
.con3 .biz-layout .image img{}

.cert-wrap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    padding-bottom: 8rem;
    margin-bottom: 8rem;
    align-items: start;
    border-bottom: 1px dashed #d0d0d0;
}
.cert-wrap:last-child {
    padding-bottom:0;
    margin-bottom: 0;
    border-bottom: 0;
}

.cert-wrap .cert{}
.cert-wrap .cert .image{}
.cert-wrap .cert .image img{
    width: 25.5rem;
}
[id^="certification0"] .cert-wrap .cert .image img{
    width: 37rem;
    box-shadow: 0 0 12px rgba(0,0,0,0.3);
}

[id^="certification0"] .cert-wrap .cert .image {
    border-top: 20px solid #ad996f;
    border-left: 20px solid #b39d6c;
    border-right: 20px solid #977653;
    border-bottom: 20px solid #977653;
    box-shadow: 0 12px 12px 0px rgba(0,0,0,0.15), 0 2px 2px rgba(0,0,0,0.2);
}
[id^="certification0"]  .cert-wrap{
    gap: 10rem;
}
#certification03 .cert-wrap .cert .image img{
    width: 35rem;
}
.cert-wrap .cert .text{}
.cert-wrap .cert .text p{
    padding: 0;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--page-dark-color);
    background: #fff;
    margin-bottom: 0;
    margin-top: 1.2rem;
}
[id^="certification0"] .cert-wrap .cert .text p {
    margin-top: 2.5rem;
    font-size: 17px;
    background: transparent;
    font-weight: 600;
}
.cert-wrap .cert.medal-award{grid-column: 1 / span 2;display: flex;/* background: #fff; */align-items: center;/* justify-content: center; */justify-content: center;flex-wrap: wrap;gap: 0 15px;padding: 0 1.5rem;}
.cert-wrap .cert.medal-award .image{width: 45.6%;max-width: \;}
.cert-wrap .cert.medal-award .image img{}
.cert-wrap .cert.medal-award .medal{
    padding: 0;
    width: 22rem;
}
#certification03 .cert-wrap .cert.medal-award .medal{
    padding: 0;
    border: 1px solid #ddd;
    padding: 3rem;
    box-shadow: 0 10px 12px 0px rgba(0,0,0,0.05);
    width: 44%;
}
.cert-wrap .cert.medal-award .medal img{}
.cert-wrap .cert.medal-award .text{
    width: 100%;
}
.cert-wrap .cert.medal-award .text p{}

.cert-wrap.export-cert{
    display: flex;
    align-items: flex-start;
    gap: 7rem;
}
.cert-wrap.export-cert .trophy{
    flex: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    padding-right: 14rem;
}
.cert-wrap.export-cert .trophy .image{}
.cert-wrap.export-cert .paper{
    width: 48rem;
    border: 1px solid #ddd;
}
.cert-wrap.export-cert .paper img{}
.cert-wrap.export-cert .cert{}
.cert-wrap.export-cert .cert .image{}
.cert-wrap.export-cert .cert .image img{}
.cert-wrap.export-cert .cert .text{}
.cert-wrap.export-cert .cert .text p{}

.location-wrap{display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;}
.location{}

[lang="en"] .location>.text {
    min-height: 200px;
}
[lang="ko"] .location>.text {
    min-height: 116px;
}
.location h5{
    font-size: 2.8rem;
    font-weight: 700;
    color: #000;
    margin: 0 0 1.5rem;
}
.location .map{}
.location .li-location{display: flex;gap: 6rem;justify-content: space-between;padding: 0rem 0 0;margin: 3rem 0 3rem;}
.location .li-location > li{
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}
.location .li-location > li:first-child{/* width: 50%; */}
.location .li-location > li .material-symbols-outlined{
    color: #fff;
    font-size: 1.5rem;
    background: var(--page-point-color-hover);
    border-radius: 50%;
    padding: .5rem;
    width: 2.5rem;
}
.location .li-location > li .text{
    font-size: 1.9rem;
    font-weight: 500;
    flex: 1;
}

#form_contact #list_btn{display: none;}

.main-sec-body .cert-wrap .cert .image {
    border-top: 13px solid #ad996f;
    border-left: 13px solid #b39d6c;
    border-right: 13px solid #977653;
    border-bottom: 13px solid #977653;
    box-shadow: 0 10px 10px 0px rgba(0,0,0,0.15), 0 2px 2px rgba(0,0,0,0.2);
}
.main-sec-body .cert-wrap .cert .image img {
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.main-sec-body .cert-wrap{
    grid-template-columns: repeat(4, 1fr);
    gap: 6rem;
}
.main-sec-body .cert-wrap .text p{
    margin-top: 2.1rem;
    line-height: 1.35;
    color: #222;
    font-size: 1.6rem;
    padding: 0 1rem;
}

@media (max-width: 767px){

    .table.table_default tr .num,
    .table.table_default tr .regdate,
    .table.table_default tr .hits{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){}
@media (min-width: 992px) and  (max-width: 1199px){}
/* //서브페이지 */

/* 푸터 */

footer {text-align: left;padding: 4.5rem 0 6rem;background: #222;color: #fff;}
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: .7;}
footer .footer-text{
    padding-left: 6rem;
}
footer .footer-text p{}
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: 5px;color: #ccc;line-height: 1.4;letter-spacing: 0.02em;margin-bottom: .3rem;}
footer .footer-text ul li address{margin-bottom: 0;line-height: 1.4;}
footer .footer-text .copyrights{display: block;font-size: 1.2rem;margin-top: .7rem;color: #999;letter-spacing: 0.02em;}

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


.maintenance {margin-top: .5rem;padding: 8rem 2.5rem;text-align: center;background: #f5f5f5;}
.maintenance .icon {display: block;line-height: 1;font-size: 7rem;margin-bottom: 1.0rem;}
.maintenance .big-cont {display: block;line-height: 1;font-size: 2.6rem;font-weight: bold;letter-spacing: -0.05em;margin-bottom: 2.0rem;margin-top: 3rem;}
.maintenance .small-cont {display: block;line-height: 1.5;font-size: 1.6rem;letter-spacing: -0.03em;color: #818181;margin-bottom: 2.0rem;}
.member_wrapper {max-width: 117.0rem;}
.fp-watermark{display:none}
@media (max-width:992px) {
    .nav.navbar-nav > li > a {
        padding: 40px 18px;
    }
    .navbar.navbar-inverse .container{
        padding: 0 15px;
    }
    .location .li-location{
        flex-direction: column;
        gap: 20px;
    }
    #main01 .main-sec-body,#main02 .main-sec-body{
        padding-bottom: 0;
    }
    .main-section .main-sec-body{
        padding-top: 0;
    }
    #main05 .main-sec-body{
        padding: 55px 0 0 0;
    }
    .greeting{
        flex-direction: column-reverse;
        align-items: center;
        gap: 30px;
    }
    .greeting .text p.intro{
        padding: 0;
    }
    .subContent{
        padding-top: 70px;
    }
    .subContent .content:last-child{
        padding-bottom: 100px;
    }
    .location-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
    .cert-wrap.export-cert{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        
    }
    .cert-wrap.export-cert .trophy{
        padding-right: 20px;
    }
    .cert-wrap.export-cert .paper{
        width: auto;
    }
    [lang="en"] .location>.text {
    min-height: auto;
    }
}
@media (max-width:768px){
    .history .timeline .year::before, .history .timeline .year::after {
        content: '';
        width: 9px;
        aspect-ratio: 1;
        background: #3a39dd;
        position: absolute;
        right: -6px;
        top: 30px;
        border-radius: 50%;
    }
    .history .timeline .year::after {
        width: 20px;
        opacity: 0.2;
        right: -12px;
        top: 25px;
        background: #6b6afb;
    }
    .cert-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
    #certification03 .cert-wrap {
        gap: 20px 0;
    }
}
@media (max-width:767px){
    .navbar.navbar-inverse .hamburger .material-symbols-outlined {
        display: none;
    }
    .navbar.navbar-inverse .nav-bottom{
        float: right;
        margin-left: 0;
        margin-right: 15px;
        padding: 17px 0;
    }
    .nav.navbar-nav > li > a {
        padding: 20px;
        color: #000;
    }
    .nav.navbar-nav li .dropdown-menu{
        transform: translateX(0);
    }
    .nav.navbar-nav > li > a::after{
        bottom:13px;
        background: #333;
    }
}
@media (max-width: 767px) {
    .navbar-inverse .nav.navbar-nav{
        flex-direction: column;
    }
    .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: #000 !important;
    }
}
@media (max-width:576px){
    footer .footer-text{
        padding-left: 0;
        font-size: 11px;
    }
    .table-style tr th, .table-style tr td {
        font-size: 14px;
        padding: 10px;
    }
    #certification03 .cert-wrap .cert.medal-award .medal {
        padding: 15px;
    }
    #about01 .subMenu .nav{
        flex-flow: wrap;
    }
}