@charset "utf-8";

@media (max-width: 1280px) {
	/* header */
    .sitelogo img {max-height:50px; transition:.4s;}

    .header-fixed #header {height:calc(var(--header-height) / 10 * 8);}
    .header-fixed .sitelogo img {max-height:40px;}

    /* main */
    .main-hero .scroll {bottom:40px;}

    .main-fashion .swiper-slide {width:36%;}

    .main-business .item {min-height:220px;}

    /* footer */
    .foot-logo img {max-height:50px;}
}

@media (max-width: 1023px) {
    /* header */
	#gnb {display:none;}
    .btn-m-menu {display:block;}
    .mobile-navigation {display:block;}

    /* main */
    .main-hero .item {position:relative; display:block; padding-bottom:65%;}
    .main-hero .img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
    .main-hero .txt {max-width:700px;}

    /* footer */
    .btn-bott-group {display:grid; gap:5px; position:fixed; bottom:var(--contain-padding); right:var(--contain-padding); z-index:50;}

    /* content */
    .cs-wrap .between {flex-direction:column;}
    .cs-wrap .map-area {width:100%}
    .cs-wrap .map-area:before {padding-bottom:50%;}
    .cs-wrap .info-area {width:100%;}

	.partners {grid-template-columns:repeat(4, 1fr);}
}

@media (max-width: 760px) {
	/* header */

    /* main */
    .main-hero .item {padding-bottom:100%;}
    .main-hero .content {bottom:18%;}
    .main-hero .pager {top:auto; bottom:5%;}
    .main-hero .scroll {display:none;}

    .main-fashion .swiper-slide {width:45%;}
    .main-fashion .item .txt {padding:.6rem .8rem;}

    .main-business .item {min-height:auto; flex-direction:column-reverse;}
    .main-business .item .img {width:100%; padding-bottom:53%;}

    /* footer */
    #footer {font-size:13px;}
    .foot-logo img {max-height:40px;}
    .foot-info .f-sns {position:static; margin-bottom:1rem;}
    .foot-info address {margin-right:-16px;}
    .foot-info address span {margin:0 20px 2px 0;}
    .foot-info .copyright {margin-top:1.5rem; font-size:11px;}

    /* content */
    .sub-hero {padding:30px 0;}

    .doc-tit {margin-bottom:1.2em;}
    .doc-tit big {font-size:1.4em;}

    .about {flex-direction:column; gap:0;}
    .about .tit {width:auto;}
    .about .cnt {margin-top:0;}

    .certificates .items {grid-template-columns:unset; gap:20px;}

    .history table th {padding:10px 10px;}
    .history table td {padding:10px 0 10px 10px;}

    .business {line-height:1.65em;}
    .business.between {flex-direction:column; gap:1.5rem;}
    .business.between .right {width:auto;}
    .business.between .right img {width:100%;}

    .btn-site {display:block; min-width:unset; padding:20px 30px;}

    .map-wrap {padding-bottom:75%;}

    .cs-wrap .map-area:before {padding-bottom:75%;}
    .cs-wrap .info-area h4 {margin-bottom:1.2em; padding:1.2em 0;}

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

}