@charset "utf-8";

/* Landscape tablet */
@media (max-width: 1024px) {
    .main-links {margin-top:-18%;}

    .main-works .slick-slide {width:300px; padding:0 18px;}

    .board-categorys .link-item {min-width:120px;}

    .news-detail .heading .category {min-width:120px;}
}

/* portrait tablet */
@media (max-width: 900px){
	.only-desktop {display:none;} 
	.only-tablet {display:block;}

    #footer {padding:30px 0;}
    
    .news-list {grid-template-columns:repeat(3, 1fr);}

	.direction-wrap {display:none;}
	.direction-accordion {display:block;}
}

/* Landscape phone */
@media (max-width: 640px) {
	.only-desktop-tablet {display:none;} 
	.only-tablet {display:none;} 
    .only-pc {display:none;}
	.only-mobile {display:block;}    

	/* header */
    #header .contain {justify-content:space-between;}
    .sitelogo {line-height:0;}
    .sitelogo img {height:20px;}
	.mobile-navigation {width:100%; transform:none !important; transition:.2s; z-index:99;} 
    .mobile-overlay {display:none !important;}

    .menu-opened .btn-menu span:nth-child(1) {transform:rotate(45deg) translate(4px, -4px); transform-origin:top left;}
    .menu-opened .btn-menu span:nth-child(2) {opacity:0;}
    .menu-opened .btn-menu span:nth-child(3) {transform:rotate(-45deg) translate(4px, 4px); transform-origin:bottom left;}

    /* footer */
    .footer {flex-direction:column; justify-content:center; align-items:center;}
    .footer-links {order:-1;}
    .footer-info {width:100%; flex-direction:column; align-items:flex-start; gap:6px;}
    .footer-logo {font-size:16px;}
    .footer-copyright {font-size:12px;}

	/* main */
    .main-hero .content {top:50%;}
	.main-hero .mark {margin-bottkm:40px;}
	.main-hero .mark img {height:76px;}

    .main-links {padding:50px 0 60px; margin:0; overflow:hidden;}
    .main-links .swiper-slide {width:276px;}
    .main-links .link-item {box-shadow: 0px 0px 10px 0px rgba(12, 13, 13, 0.5);}

    .main-about {display:block; position:relative; height:calc(100vh - 55px);}
    .main-about .image {width:100%; height:100%;}
    .main-about .image:after {content:''; display:block; position:absolute; inset:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); z-index:1;}
    .main-about .content {position:absolute; inset:0; width:100%; height:100%; z-index:2; color:#fff; text-align:center;}

    .main-works .slick-slide {width:240px; padding:0 28px; aspect-ratio:1 / 1.1;}
    .main-works .link-item {box-shadow: 0px 0px 10px 0px rgba(12, 13, 13, 0.5);}
    .main-works .link-item .content {font-size:11px;}

    .main-news .items {grid-template-columns: repeat(1, 1fr); gap:30px;}

	/* contents */
	.sub-hero .scroll {width:20px; margin-left:-10px; bottom:40px;}

    .about-text {padding:50px 0; margin-bottom:40px; min-height:auto;}

    .about-service {margin-bottom:40px;}
    .about-service .items {grid-template-columns: repeat(1, 1fr);}
    .about-service .item .content .text {width:80%;}

    .about-products .heading {margin-bottom:40px; text-align:center; font-weight: 200;}
    .about-products .items {grid-template-columns: repeat(1, 1fr);}

	/* board */
    .board-categorys {margin-left:calc(0px - var(--container-space)); margin-right:calc(0px - var(--container-space));}
    .board-categorys .swiper {padding:0 11px;}
    .board-categorys .link-item {min-width:82px; padding:8px 15px;}

    .works-list {grid-template-columns:repeat(1, 1fr); gap:35px 16px;}

    .works-hero {aspect-ratio:750 / 634;}

    .news-list {grid-template-columns:repeat(1, 1fr); gap:35px 16px;}

    .news-detail .heading .category {min-width:82px; padding:8px 15px;}
	
}

/* Landscape phones and down */
@media (max-width: 400px) {}