/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.6.1783562180
Updated: 2026-07-09 10:56:20

*/

* {
    word-break: keep-all;
    line-height: 1.4;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

:root {
    --primary: #277FFF;
    --grey: #666;
    --small: 1.1rem;
    --midium: 1.2rem;
    --large: 1.5rem;
    --xlarge: 2rem;
    --bg: #F8F8F8;
    --border:#DBDBDB;
}

header.entry-header .entry-title {
    display: none;
}

.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 0;
    margin-bottom: 0;
}

.ast-container,
.ast-container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.page .entry-header {
    display: none;
}

.br_m {
    display: none;
}

.padding {
    padding: 100px 20px;
}

.padding2 {
    padding: 0px 20px 100px 20px;
}

.background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

a {
    text-decoration: none;
    outline: 0;
}

a:focus {
    outline: 0;
}

.ast-single-post .entry-content a,
.ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
    text-decoration: none;
}

/** 헤더 **/
.ast-mobile-header-wrap .ast-primary-header-bar,
.ast-primary-header-bar .site-primary-header-wrap {
    width: 1280px;
    margin: 0 auto;
    max-width: 100%;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header {
    background-color: var(--primary);
}

.ahfb-svg-iconset svg {
    fill: white;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: black;
}

#ast-desktop-header .ast-icon.icon-arrow svg{
    display: none;
}

#ast-scroll-top{
    display: none !important;
}

.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{
    top: 0;
}

.mhidden{
    display: none;
}

/** 메인페이지 **/
.hero-section {
    padding: 200px 20px;
    background-image: url('/wp-content/uploads/2026/07/hero_bg.jpg');
}

.hero-s {
    font-size: var(--small);
    color: var(--primary);
    font-weight: 500;
}

.hero-t {
    margin: 10px 0px 30px 0px;
    font-size: 3rem;
    font-weight: bold;
    color: white;
}

.hero-d {
    color: white;
    font-size: var(--small);
}

.hero-flex {
    display: flex;
    gap: 20px;
    margin-top: 50px;
}

.hero-left a {
    background-color: var(--primary);
}

.hero-right a {
    border: 1px solid white;
}

.hero-left a,
.hero-right a {
    display: inline-block;
    color: white;
    padding: 10px 30px;
}

.hero-left a:hover,
.hero-right a:hover {
    transition: .5s;
    transform: translateY(-5px);
}

.title {
    text-align: center;
    font-weight: bold;
    color: black;
    font-size: var(--xlarge);
}

.sub {
    text-align: center;
    color: var(--primary);
    font-weight: 500;
    margin-bottom: 10px;
}

.descr {
    font-size: var(--small);
    text-align: center;
    margin: 10px 0px 50px 0px;
}

.business-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.business-t {
    margin: 20px 0px 10px 0px;
    font-size: var(--midium);
    font-weight: bold;
    color: black;
    text-align: center;
}

.business-d {
    text-align: center;
    font-size: var(--small);
}

.banner-section {
    background-image: url('/wp-content/uploads/2026/07/banner_bg.jpg');
}

.banner-section .title,
.banner-section .descr {
    color: white;
}

.banner-section .descr {
    margin: 20px 0px 50px 0px;
}

.btn-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-box a {
    text-align: center;
    color: white;
    background-color: var(--primary);
    padding: 10px 30px;
    display: inline-block;
    font-weight: bold;
}

.btn-box a:hover {
    transition: .5s;
    transform: translateY(-5px);
}

.mservice-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    text-align: center;
}

.mservice-grid img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.mservice-t {
    font-size: var(--midium);
    font-weight: bold;
    color: black;
    margin: 10px 0px;
}

.mservice-d {
    font-size: var(--small);
}

.entry-content ul,
.entry-content ol {
    padding: 0;
    margin: 0;
}

ol,
ul,
li {
    list-style-type: none;
}

.tbanner-section {
    padding: 150px 20px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.tbanner-t {
    font-size: var(--xlarge);
    color: white;
    text-align: center;
    font-weight: bold;
}

.tbanner-d {
    margin-top: 5px;
    color: white;
    text-align: center;
    font-size: var(--small);
}

.introduce-bg {
    background-image: url('/wp-content/uploads/2026/07/int_bg.jpg');
}

.subpage-tabs {
    width: 100%;
    background-color: white;
    margin-top: -50px;
    border-bottom: 1px solid #eee;
}

.subpage-tabs__menu {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.subpage-tabs__menu>li {
    flex: 1;
}

.subpage-tabs__menu>li>a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: var(--small);
    font-weight: 500;
    height: 50px;
}

.subpage-tabs__menu>li>a:hover {
    color: white;
    background-color: var(--primary);
}

.subpage-tabs__menu>.current-menu-item>a,
.subpage-tabs__menu>.current-menu-parent>a,
.subpage-tabs__menu>.current-page-ancestor>a,
.subpage-tabs__menu>.current_page_item>a,
.subpage-tabs__menu>.current_page_parent>a {
    color: white;
    background-color: var(--primary);
}

.introduce-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}

.introduce-t {
    color: black;
    font-size: var(--xlarge);
    font-weight: bold;
}

.introduce-s {
    margin: 20px 0px;
    font-size: var(--midium);
    color: var(--primary);
    font-weight: 500;
}

.introduce-d {
    font-size: var(--small);
}

.black {
    color: black;
}

.introduce-x {
    margin-top: 20px;
    font-size: var(--small);
    text-align: right;
}

img {
    display: block;
    margin: 0 auto;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-embedded-audio,
.entry-content .wp-embedded-video,
.entry-content .wp-video,
.entry-content p {
    margin-bottom: 0;
}

.history-page .descr {
    padding-bottom: 50px;
    border-bottom: 1px solid black;
}

.history-wrap {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 90px;
    align-items: start;
}

.history-left {
    display: flex;
    flex-direction: column;
}

.history-year {
    display: grid;
    grid-template-columns: 130px 1fr;
    column-gap: 50px;
}

.history-title {
    color: var(--primary);
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
}

.history-list {
    position: relative;
    padding-left: 48px;
}

.history-list:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #ddd;
}

.history-item {
    position: relative;
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 25px;
    margin-bottom: 55px;
}

.history-last .history-item {
    margin-bottom: 0;
}

.history-item01:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1E73F0;
    left: -54px;
}

.month {
    font-size: var(--large);
    color: var(--grey);
    font-weight: bold;
}

.history-text strong {
    display: block;
    color: black;
    font-size: var(--midium);
}

.history-text p {
    margin-top: 8px;
    color: var(--grey);
}

.history-right {
    position: sticky;
    top: 120px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.history-image {
    border-radius: 24px;
    overflow: hidden;
}

.history-image img {
    width: 100%;
    display: block;
}

.area-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
}

.area-t {
    margin: 20px 0px 10px 0px;
    font-weight: bold;
    color: black;
    font-size: var(--midium);
    text-align: center;
}

.area-d {
    color: var(--grey);
    font-size: var(--small);
    text-align: center;
}

.another-section {
    border-top: 1px solid #eee;
}

.another-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    text-align: center;
}

.another-t {
    margin: 20px 0px 10px 0px;
    text-align: center;
    font-weight: bold;
    color: black;
    font-size: var(--midium);
}

.another-d {
    text-align: center;
    color: var(--grey);
}

.root_daum_roughmap .cont .section.lst {
    display: none;
}

.location-info {
    width: 100%;
    max-width: 600px;
    margin: 50px auto 50px auto;
}

.location-grid {
    font-size: var(--small);
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 30px;
    margin-bottom: 20px;
}

.location-grid:last-child {
    margin-bottom: 0;
}

.location-left {
    color: black;
    font-weight: bold;
}

.product-bg {
    background-image: url('/wp-content/uploads/2026/07/product_bg.jpg');
}

.main {
    color: var(--primary);
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    text-align: center;
}

.product-t {
    color: black;
    margin: 20px 0px 10px 0px;
    font-weight: bold;
    font-size: var(--midium);
}

.with-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding-top: 80px;
    margin-top: 80px;
    border-top: 1px solid #eee;
    text-align: center;
}

.with-t {
    margin: 20px 0px 10px 0px;
    font-weight: bold;
    color: black;
    font-size: var(--midium);
}

.core-section {
    background-color: var(--bg);
}

.core-section .title {
    margin-bottom: 50px;
}

.core-feature {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.core-feature__item {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 30px 32px;
    background: white;
    border: 1px solid #eee;
    border-radius: 18px;
    transition: .3s;
}

.core-feature__item:hover {
    border-color: var(--primary);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

.core-feature__num {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--primary);
    color: white;
    font-size: var(--large);
    font-weight: bold;
}

.core-feature__content h3 {
    font-size: var(--midium);
    font-weight: bold;
    color: black;
    margin-bottom: 5px;
}

.core-feature__content p {
    color: var(--grey);
}

.application-section .title,
.improcess-section .title {
    text-align: left;
    margin-bottom: 30px;
    font-size: var(--large);
}

.application-section .title::before,
.improcess-section .title::before {
    content: "|";
    color: var(--primary);
    display: inline-block;
    padding-right: 10px;
}

.application-section .core-feature__item {
    background-color: var(--bg);
}

.improcess-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}

.improcess-t {
    margin-top: 10px;
    font-size: var(--midium);
    font-weight: bold;
    color: black;
    text-align: center;
}

.portfolio-bg {
    background-image: url('/wp-content/uploads/2026/07/por_bg.jpg');
}

.worka-section .title {
    margin-bottom: 50px;
}

.worka-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
    text-align: center;
}

.worka-t {
    margin: 20px 0px 10px 0px;
    font-size: var(--midium);
    font-weight: bold;
    color: black;
}

.woanother-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 80px;
    padding-top: 80px;
    border-top: 1px solid #eee;
    text-align: center;
}

.woanother-t{
    margin: 20px 0px 10px 0px;
    font-weight: bold;
    color: black;
    font-size: var(--midium);
}

.proimp-section .title{
    margin-bottom: 50px;
}

.proimp-grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
    text-align: center;
}

.proimp-t{
    margin-top: 20px;
    font-weight: bold;
    color: black;
    font-size: var(--midium);
}

.solution-bg{
    background-image: url('/wp-content/uploads/2026/07/slo_bg.jpg');
}

.solution-grid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    text-align: center;
}

.solution-t{
    margin: 20px 0px 10px 0px;
    font-weight: bold;
    color: black;
    font-size: var(--midium);
}

.secter-box{
    margin-top: 80px;
    padding-top: 80px;
    border-top: 1px solid #eee;
}

.secter-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    text-align: center;
}

.secter-t{
    color: black;
    font-weight: bold;
    font-size: var(--midium);
    margin: 20px 0px 10px 0px;
}

.solpro-section{
    background-color: var(--bg);
}

.solpro-section .title{
    margin-bottom: 50px;
}

.solpro-grid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    text-align: center;
}

.solpro-t{
    margin: 20px 0px 10px 0px;
    font-size: var(--midium);
    font-weight: bold;
    color: black;
}

.case-bg{
    background-image: url('/wp-content/uploads/2026/07/case_bg.jpg');
}

.kboard-card-gallery-poweredby{
    display: none;
}

#kboard-card-gallery-document .kboard-document-action .left{
    display: none;
}

.contact-bg{
    background-image: url('/wp-content/uploads/2026/07/contact_bg.jpg');
}

.contact-box{
    border-top: 1px solid black;
    border-bottom: 1px solid #eee;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

#wpforms-submit-221{
    width: 100%;
}

.cert-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    text-align: center;
}

.cert-t{
    margin-top: 20px;
    font-weight: bold;
    color: black;
    font-size: var(--midium);
}

.cert-d{
    margin-top: 5px;
}

.maintenance-bg{
    background-image: url('/wp-content/uploads/2026/07/ma_bg.jpg');
}

.maintenance-section{
    background-color: var(--bg);
}

.ict-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.ict-card{
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 30px 40px;
}

.ict-t{
    margin-bottom: 20px;
    font-weight: bold;
    color: black;
    font-size: var(--midium);
}

.standard-section{
    border-top: 1px solid var(--border);
}

.compare-section{
    background-color: var(--bg);
}

.table-cap{
    margin-top: 10px;
}

.red{
    color: red;
}

.equipment-section{
    background-color: var(--bg);
}

.equipment-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.equipment-card{
    border-radius: 30px;
    border: 1px solid var(--border);
    background-color: white;
}

.equipment-head{
    font-size: var(--midium);
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
    color: white;
    border-radius: 30px 30px 0px 0px;
    background-color: var(--primary);
}

.equipment-body{
    padding: 20px;
}

.equipment-item{
    color: black;
    margin-bottom: 8px;
}

.equipment-item::before{
    display: inline-block;
    content: "✓";
    color: var(--primary);
    padding-right: 8px;
}

.equipment-item:last-child{
    margin-bottom: 0;
}

.equipment-t{
    color: black;
    margin-bottom: 10px;
}

.bold{
    font-weight: bold;
}

.margintop30{
    margin-top: 30px;
}

.equipment-cap{
    margin-top: 20px;
}

.equipment-section{
    background-color: var(--bg);
}

.maprocess-grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
    text-align: center;
}

.maprocess-t{
    margin: 20px 0px 10px 0px;
    font-weight: bold;
    color: black;
    font-size: var(--midium);
}

.maprocess-section .title{
    margin-bottom: 50px;
}

/** 푸터 **/
.ast-footer-copyright p {
    display: none;
}

.footer-logo img {
    display: inline-block;
}

.footer-section {
    color: white;
    font-size: .9rem;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: flex-end;
    align-items: flex-end;
}

.footer-grid .footer-left {
    text-align: left;
}

.footer-grid .footer-right {
    text-align: right;
}

.footer-logo {
    margin-bottom: 20px;
}

@media all and (max-width:767px) {
    .br_pc {
        display: none;
    }

    .br_m {
        display: block;
    }

    .hero-section {
        padding: 100px 20px;
        text-align: center;
    }

    .hero-t {
        font-size: 2rem;
    }

    .hero-flex {
        justify-content: center;
        align-items: center;
    }

    .padding {
        padding: 80px 20px;
    }

    .business-grid {
        grid-template-columns: 1fr;
    }

    .mservice-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .mservice-grid img {
        width: 90px;
    }

    .site-logo-img img {
        width: 140px;
    }

    .tbanner-section {
        padding: 100px 20px;
    }

    .history-wrap{
        grid-template-columns: 1fr;
    }

    .subpage-tabs__menu>li>a{
        font-size: .9rem;
    }

    .subpage-tabs {
        margin-top: 0;
    }

    .introduce-grid {
        grid-template-columns: 1fr;
    }

    .history-year {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .history-image {
        display: none;
    }

    .history-item:last-child {
        margin-bottom: 0;
    }

    .history-last {
        margin-top: 50px;
    }

    .area-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .another-grid {
        grid-template-columns: 1fr;
    }

    .location-grid {
        gap: 10px;
        grid-template-columns: 1fr;
    }

    .product-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .with-grid{
        grid-template-columns: 1fr;
    }

    .core-feature{
        grid-template-columns: 1fr;
    }

    .improcess-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .worka-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .woanother-grid{
        grid-template-columns: 1fr;
    }

    .proimp-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .solution-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .secter-grid{
        grid-template-columns: 1fr;
    }

    .solpro-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .cert-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .cert-t{
        gap: 10px;
        font-size: .9rem;
    }

    .ict-grid{
        grid-template-columns: 1fr;
    }

    .equipment-grid{
        grid-template-columns: 1fr;
    }

    .maprocess-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-grid {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .footer-grid .footer-right {
        text-align: left;
    }
}

/* Tablet (가로폭 768px 이상, 1023px 이하) */
@media all and (min-width:768px) and (max-width:1023px) {}

/* PC Desktop (가로폭 1024 이상) */
@media all and (min-width:1024px) {}