@charset "utf-8";


/* 공통 */
:root{ --inner: 1780; --inner-width: 92.70833333%; --radius: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); }
#content{padding-bottom:clamp(30px, calc( 70 / var(--inner) * 100vw ), 70px);}
#content > .inr{max-width:1260px; margin:0 auto; padding:0 20px;} /* 삭제금지 사이즈변경가능 */
#content h2{margin-top:80px; margin-bottom:30px; font-size:clamp(35px, calc( 42 / var(--inner) * 100vw ), 42px); color:#111; font-weight:400; text-align:center; font-weight:700; word-break:keep-all;}
[data-subarea]{padding:100px var(--page-pad);}
.inner{ margin-inline: auto; max-width: calc(var(--inner) * 1px); width: var(--inner-width); }
.inner-narrow{ --inner: 1400; }
.inline-block{ display: inline-block; }
.color-marsh{ color: #d4be73; }
.color-sandstone{ color: #d6b498; }

/* 서브비쥬얼 + 타이틀 */
.area-subVisual{padding:clamp(60px, calc( 91 / var(--inner) * 100vw ), 91px) var(--page-pad) 0; text-align:center; }
.area-subVisual .page-subTitle{ margin-bottom: 18px; font-size: clamp(18px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight: 500; color: #c4c4c4; }
.area-subVisual .page-subTitle:empty{ display: none; }
.area-subVisual .page-title{font-size:clamp(35px, calc( 42 / var(--inner) * 100vw ), 42px); }
body :is(.area-subVisual) ~ #container [data-subarea]:nth-of-type(1){padding-top:clamp(40px, calc( 76 / var(--inner) * 100vw ), 76px);}
body :is(.area-subVisual) ~ #container h2{margin-top:20px;}
[data-sublayout="product"]{display:none;}

/* 공통 서브비쥬얼 + 타이틀 - 반응형 */
@media screen and (max-width:1024px){
	/* 공통 */
	#header{border-bottom:1px solid #e5e5e5;}
}
@media screen and (max-width:768px){
}
@media screen and (max-width:480px){
}

/* 제품 서브단 */
[data-shop-list="default"] > li [data-shop-icon="icon"]{text-align:center;}


/* 회사소개 > 브랜드스토리 */

/* compnay */
[data-grid]{display:grid;}
[data-grid="2"]{grid-template-columns:1fr 1fr; gap:30px;}
[data-grid="3"]{grid-template-columns:1fr 1fr 1fr; gap:40px;}

.company-page{position:relative; padding-top:0; padding-bottom:60px;}
.company-page_title{display:flex; justify-content:center; align-items:center; text-align:center; flex-direction:column; letter-spacing:-.5px; padding-bottom:70px;}
.company-page_title span{display:inline-block;}
.company-page_title .deco01{font-size:32px; color:#268d92; text-transform:uppercase; font-family:var(--font-eng); font-weight:300;}
.company-page_title .deco02{font-size:56px; color:#111111; font-weight:600; padding-top:10px;}
.company_img{margin-top:85px;}
/* .company-page_text p{line-height:1.8; font-weight:400; font-size:18px; text-align:center;} */
.company-page_text{margin-top:70px; will-change:transform; line-height:1.8; font-weight:400; font-size:18px; }
.company-page_img i{display:block; overflow:hidden;}
.company-page_img img{width:100%;}
.company-sections { display: grid; gap: 4rem; max-width: 33.75rem; margin-inline: auto;
    & > section { display: grid; gap: 1rem; }
    .heading-4 { font-weight: 700; font-size: 1.375rem; text-wrap: balance;
        @media (width >= 540px) { font-size: 1.5rem; }
    }
    .value-list { display: grid; gap: 0.5em;
        .value-title { font-weight: 700; }
    }
    .slogan-list { list-style: inside decimal;
        & > li { list-style: inherit; }
    }
}

@media (max-width:1480px){
    [data-grid="3"]{gap:30px;}
    .company-page_title .deco01{font-size:28px;}
    .company-page_title .deco02{font-size:50px;}
}
@media (max-width:1280px){
    [data-grid="3"]{gap:15px;}
    .company-page_title{padding-bottom:40px;}
    .company-page_title .deco01{font-size:24px;}
    .company-page_title .deco02{font-size:46px;}
}
@media (max-width: 540px){
    [data-grid="3"]{gap:20px; grid-template-columns:1fr;}
    .company-page_title{padding-bottom:30px;}
    .company-page_title .deco01{font-size:18px;}
    .company-page_title .deco02{font-size:30px;}
    .company-page_text{margin-top:45px;}
    .company-page_text p{font-size:16px; text-align:left;}
    .mo_br{display:none;}
}
@media (max-width: 350px){
    .company-page_title .deco01{font-size:16px;}
    .company-page_title .deco02{font-size:22px; padding-top:0;}
}

/* 연혁 */ 
.history-page_title{display:flex; justify-content:center; align-items:center; text-align:center; max-width:1780px; height:460px; font-size:35px; font-weight:400; color:#fff; background: url(../../images/content/history_bg.jpg) no-repeat 0 0; background-size:cover; background-position: right center; }
.history-contents{height:100%; padding-top:130px;}
.history-year-tit{position:relative; height:auto; font-family: var(--font-eng); font-size:66px; font-weight:600; line-height:1.25; color:#268d92;}
.history-year-tit > div{position: -webkit-sticky; position: sticky; top:0; padding-left:45%; z-index: 1;}
.history-year-tit .deco{padding-left:44px; font-size:36px; color:#c5c5c5; font-family:var(--font-kor); font-weight:300;}
.history-year-item{position:relative; padding-left:70px; padding-bottom:50px;}
.history-year-item::before{content:""; display:block; position:absolute; top:20px; left:0; width:2px; height:100%; background-color:#f1f1f1;}
.history-year-item:last-child::before{display:none;}
.history-year-item .year{position:relative; padding-bottom:10px; font-size:30px; font-weight:900; color:#111;}
.history-year-item .year::before{content:""; display:block; width:10px; height:10px; border-radius:50%; background-color:#111; position:absolute; top:16px; left:-74px; }
.history-year-item:first-child .year::before{left:-80px; background-color:#fff; border:6px solid #268d92;}
.history-year-item .year-detail li{position:relative; padding-left:16px; padding-bottom:20px;}
.history-year-item .year-detail li::before{content:"·"; display:block; position:absolute; left:0;}
@media (max-width:1280px){
    .history-page_title{font-size:30px;}
    .history-year-tit > div{padding-left:35%;}
}
@media (max-width:1080px){
    .history-page_title{height:300px; font-size:24px;}
    .history-contents{padding-top:80px;}
    .history-year-tit{font-size:46px;}
    .history-year-tit > div{padding-left:10%;}
    .history-year-tit .deco{padding-left:32px; font-size:26px;}
}
@media (max-width:860px){
    .history-year-item{padding-left:40px;}
    .history-year-item:first-child .year::before{left:-50px;}
    .history-year-item .year::before{left:-44px;}
}
@media (max-width:740px){
    .history-page_title{height:240px; padding:0 26px; font-size:22px;}
}
@media (max-width:560px){
    .history-page_title{height:220px; padding:0 20px; font-size:20px; overflow:hidden; text-align:left;}
    .history-page_title br{display:none;}
    .history-contents{grid-template-columns: 1fr; padding-top:60px;}
    .history-year-tit{font-size:30px;}
    .history-year-tit > div{padding-left:9%;}
    .history-year-tit > div > p br{display:none;}
    .history-year-tit .deco{padding-left:0; font-size:18px;}
    .history-year-item{padding-bottom:30px; padding-left:70px;}
    .history-year-item::before{left:30px;}
    .history-year-item .year-detail li{padding-bottom:12px;}
    .history-year-item .year{font-size:24px;}
    .history-year-item:first-child .year::before{top:8px;}
    .history-year-item .year::before{top:13px;}
}