@charset "utf-8";

/*공통*/
.c-white {color:#fff !important;}
.c-main {color:var(--color-primary) !important;}
.c-2 {color:var(--color-secondary) !important;}

.bg-gray {position:relative;}
.bg-gray:before {content:''; position:absolute; z-index:-1; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background:#f8f8f8;}

.doc-cnt {margin-bottom:clamp(40px, calc(100/ var(--inner) * 100vw ),100px);}
.doc-cnt-padding {padding:clamp(40px, calc(100/ var(--inner) * 100vw ),100px) 0;} 

.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}

.check-bg {width:100%; height:100%; padding:clamp(40px, calc(150/ var(--inner) * 100vw ),150px) 15px; background:linear-gradient(to bottom, transparent 7px , #f5f5f5 7px) 0 0 / 100vw 8px repeat-y, linear-gradient(to right, transparent 7px, #f5f5f5 7px) 0 0 / 8px 100% repeat-x white; border:1px solid #dfdfdf; border-radius:var(--size10); text-align:center;}

.content-margin {margin-bottom:clamp(40px, calc(120/ var(--inner) * 100vw ),120px);}
.content-padding {padding:clamp(40px, calc(120/ var(--inner) * 100vw ),120px) 0;}

/* 인사말 */
.greeting {display:flex; gap:clamp(20px, calc(170/ var(--inner) * 100vw ),170px);}
.greeting .img {width:50%; max-width:540px;}
.greeting .cnt {flex:1 1 auto; min-width:0; width:1%;}
.greeting .cnt .tit {margin-bottom:1em; font-size:var(--font-size-36); font-weight:600; line-height:1.2; color:#242424;}
.greeting .cnt .txt {margin-bottom:var(--size30);}
.greeting .cnt .txt:last-child {margin-bottom:0;}
.greeting .col {margin-bottom:var(--size30);}
.greeting .col:last-child {margin-bottom:0;}
.greeting .col .tt {margin-bottom:1.4em; font-size:var(--font-size-18); font-weight:600; color:#242424;}
.underline {position:relative;}
.greeting .sign {display:flex; align-items:flex-end; margin-top:var(--size40); font-size:var(--font-size-18);}
.greeting .sign strong {font-weight:600; color:#242424;}
.greeting .sign img {display:inline-block; margin-left:var(--size40); mix-blend-mode:darken;}

/* 언더라인 */
.underline {display:inline-block; position:relative;}
.underline:before {content:''; position:absolute; z-index:-1; left:0; bottom:0.1em; width:0; height:0.5em; background:#e2d2c1; opacity:0.4; border-radius:100vh; transition:0.8s all 1s ease;}
.aos-animate .underline:before {width:100%;}

/* 연혁 */
.history .group-tit {margin-bottom:var(--size50); padding-bottom:1.5em; border-bottom:1px solid #6a6a6a; font-size:var(--font-size-30); font-weight:600; line-height:1.2; color:#242424;}
.history .group {margin-bottom:clamp(40px, calc(140/ var(--inner) * 100vw ),140px);}
.history .group:last-child {margin-bottom:0;}
.history .gr2 .col {display:flex; padding:var(--size50) 0; border-bottom:1px solid #a8a8a8;}
.history .gr2 .col:first-child {padding-top:0;}
.history .gr2 .year {padding-left:clamp(20px, calc(250/ var(--inner) * 100vw ),250px); width:clamp(200px, calc(480/ var(--inner) * 100vw ),480px); font-size:var(--font-size-30); font-weight:600; color:#242424;}
.history .gr2 .inner {flex:1 1 auto; min-width:0; width:1%;}
.history .gr2 .img-wrap {display:flex; align-items:center; gap:clamp(10px, calc(75/ var(--inner) * 100vw ),75px); padding-left:var(--size30);}
.history .gr2 .img-wrap img {mix-blend-mode:darken;}

.history .gr3 .tit {margin-bottom:1em; font-size:var(--font-size-30); font-weight:600; color:#242424;}
.history .gr3 .wrap {display:flex;}
.history .gr3 .wrap>div {width:50%;}
.history .gr3 .item:not(:last-child) {margin-bottom:var(--size90);}

.dot-list>li {position:relative; padding-left:1.5em; margin-bottom:1.13em;}
.dot-list>li:last-child {margin-bottom:0;}
.dot-list>li:before {content:''; position:absolute; left:0; top:0.65em; width:0.25em; height:0.25em; background:#242424; border-radius:100%;}

/* 브랜드 */
.partner-tit {margin-bottom:var(--size50); padding-bottom:1.5em; border-bottom:1px solid #6a6a6a; font-size:var(--font-size-30); font-weight:600; line-height:1.2; color:#242424;}
.partner-tit img {mix-blend-mode:darken;}
.partners .gr1 {margin-bottom:var(--size80);}
.partners .group .col:first-child {padding-top:0;}
.partners .group .col {padding:var(--size50) 0; border-bottom:1px dashed #a8a8a8;}
.partners .group .col:last-child {border-bottom:0; padding-bottom:0;}

.partner-list {display:flex; margin:0 calc(0px - var(--size20));}
.partner-list .item {width:16.666%; padding:0 var(--size20);}
.partner-list .item .img {margin-bottom:var(--size20);}
.partner-list .item .img:last-child {margin-bottom:0;}
.partner-list .tit {margin-bottom:var(--size35); font-size:var(--font-size-30); font-weight:600; line-height:1.2; color:#242424;}

.partner-list2 .items {display:flex; flex-wrap:wrap; margin:calc(0px - var(--size20));}
.partner-list2 .item {width:16.666%; padding:var(--size20);}

.partners .gr2 {margin-bottom:clamp(40px, calc(140/ var(--inner) * 100vw ),140px); border-top:1px solid #6a6a6a;}
.partners .gr2 .col:first-child {padding-top:var(--size50);}

/* 프로세스 */
.process .tit {margin-bottom:var(--size80); font-size:var(--font-size-30); font-weight:600; line-height:1.2; color:#242424;}
.process .items {display:flex;}
.process .item {flex:1;}
.process .step {position:relative; padding-bottom:var(--size30); margin-bottom:var(--size50); font-size:var(--font-size-20); font-weight:500; line-height:1; color:#868686;}
.process .step:before {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#a8a8a8;}
.process .step:after {content:''; position:absolute; left:0; bottom:-4px; width:9px; height:9px; background:#242424; border-radius:100%;}
.process .cnt {padding-right:10px;}
.process .tt {margin-bottom:var(--size20); font-size:var(--font-size-26); font-weight:600; line-height:1.2; color:#010101;}
.process .txt:not(:first-child) {margin-top:var(--size30);}
.process ul>li {position:relative; padding-left:0.5em;}
.process ul>li:before {content:''; position:absolute; left:1px; top:0.7em; width:0.3em; height:1px; background:#454545;}