@charset "utf-8";

.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}

.doc-tt {margin-bottom:57px; font-size:var(--fz14); font-weight:600; letter-spacing:-.025em; line-height:1.4em; color:#a8a8a8;}

.doc-tit {font-size:var(--fz40); font-weight:700; line-height:1.3em; color:#2c2c2c; letter-spacing:-.025em;}
.doc-tit2 {font-size:var(--fz32); font-weight:600; line-height:1.3em; color:#2c2c2c; letter-spacing:-.025em;}

.company-top {margin-bottom:30px; border-radius:var(--radius24); background:url('/images/sub/company-top.jpg') no-repeat 50% 50% / cover; min-height:490px; padding:30px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.company-top .logo {margin-bottom:32px;}
.company-top .tt {margin:13px 0 27px; font-size:var(--fz22); font-weight:600; letter-spacing:-.025em; line-height:1.4em; color:var(--color-primary);}
.company-top .txt {font-size:var(--fz20); font-weight:400; letter-spacing:-.025em; line-height:1.7em; color:#505050;}

.company-img img {border-radius:var(--radius24);}

.company-story {padding:110px 0 130px; text-align:center;}
.company-story .doc-tit2 {margin:30px 0 25px;}
.company-story .txt {font-size:var(--fz20); font-weight:500; letter-spacing:-.025em; line-height:1.7em; color:#505050;}
.company-story .txt span {color:var(--color-primary);}

.company-origin {display:flex; gap:10px; margin-bottom:130px;}
.company-origin .img {width:54%;}
.company-origin .img img {border-radius:var(--radius24);}
.company-origin .cnt {padding:30px 70px; display:flex; flex-direction:column; justify-content:center; background:url('/images/sub/company-origin-cnt.jpg') no-repeat 50% 50% / cover; border-radius:var(--radius24); flex:1 1 auto; min-width:0; width:1%;}
.company-origin .cnt .tt {margin:11px 0 60px; font-weight:500; line-height:1.4em; letter-spacing:-.025em; color:#878787;}
.company-origin .cnt .txt {margin-bottom:23px; font-weight:400; letter-spacing:-.025em; line-height:1.75em;}
.company-origin .cnt .txt:last-child {margin-bottom:0;}

.ceo-msg {margin-bottom:270px;}
.ceo-msg .wrap {display:flex;}
.ceo-msg .doc-tit {margin-bottom:80px;}
.ceo-msg .cnt {flex:1 1 auto; min-width:0; width:1%;}
.ceo-msg .cnt .doc-tit2 span {display:inline-block; color:var(--color-primary); position:relative;}
.ceo-msg .cnt .doc-tit2 span:before {content:''; position:absolute; bottom:2px; left:-2px; right:2px; height:10px; z-index:-1; background:#eef7ec;}
.ceo-msg .cnt .bar-txt {position:relative; padding-left:30px;}
.ceo-msg .cnt .bar-txt:before {content:''; width:2px; height:60px; background:#eee; position:absolute; left:0; top:50%; margin-top:-30px;}
.ceo-msg .cnt .t1 {font-size:var(--fz24); font-weight:600; letter-spacing:-.025em; line-height:1.58em;}
.ceo-msg .cnt .t1 span {color:var(--color-primary);}
.ceo-msg .cnt .t2 {font-size:var(--fz18); font-weight:400; letter-spacing:-.025em; line-height:1.67em; color:#505050;}
.ceo-msg .cnt .thanks {font-size:var(--fz18); font-weight:600; letter-spacing:-.025em;}
.ceo-msg .ceo {width:500px; margin-left:60px;}
.ceo-msg .ceo img {border-radius:var(--radius40);}
.ceo-msg .ceo figcaption {margin-top:40px; font-weight:600; line-height:1.4em; letter-spacing:-.025em; color:#505050; display:flex; justify-content:flex-end; align-items:center;}
.ceo-msg .ceo .sign {margin-left:24px;}

.delicious {margin-bottom:130px;}
.delicious .doc-tit {margin-bottom:90px;}
.delicious .box-wrap {margin-bottom:20px;}
.delicious .box-wrap .row {display:flex; margin:-10px;}
.delicious .box-wrap .col {width:calc(100% / 4); padding:10px;}
.delicious .box-wrap .box {height:100%; padding:40px 20px; background:#f3f9f1; border-radius:var(--radius24); text-align:center;}
.delicious .box-wrap .box .num {margin:23px 0 8px; font-weight:600; letter-spacing:-.025em; line-height:1.4em; color:#b3d3ab;}
.delicious .box-wrap .box .tit {margin-bottom:20px; font-size:var(--fz24); font-weight:600; letter-spacing:-.025em; line-height:1.4em; color:var(--color-primary);}
.delicious .box-wrap .box .txt {font-weight:400; letter-spacing:-.025em; line-height:1.75em;}
.delicious .bnr {border-radius:24px; background:url('/images/sub/delicios.jpg') no-repeat 50% 50% / cover; min-height:280px; color:#fff; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.delicious .bnr .doc-tit2 {margin-bottom:24px; color:#fff;}
.delicious .bnr .txt {color:#fff; font-size:var(--fz20); font-weight:600; letter-spacing:-.025em; line-height:1.7em;}

.history-title {margin-bottom:60px;}

.global-head {margin-bottom:80px;}
.global-head .contain {display:flex;}
.global-head .doc-tit {width:51.4%; padding-top:20px;}
.global-head .count-area {display:flex; gap:20px; flex:1 1 auto; min-width:0; width:1%;}
.global-head .count-area .box {padding:20px; display:flex; align-items:center; justify-content:center; border-radius:var(--radius16); background:var(--color-primary); color:#fff; width:50%; gap:15px; font-size:var(--fz18); font-weight:500; letter-spacing:-.025em; line-height:1.4em; color:#fff;}
[lang=en] .global-head .count-area .box {gap:28px;}
.global-head .counter {position:relative; background:#fff; min-width:90px; height:90px; border-radius:100%; font-size:var(--fz42); font-weight:800; letter-spacing:-.025em; line-height:1em; color:var(--color-primary); display:flex; align-items:center; justify-content:center;}
.global-head .counter:after {content:''; position:absolute; right:-40px; top:-40px; width:80px; height:80px; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.global-head .counter1:after {background-image:url('/images/sub/ico-counter1.png');}
.global-head .counter2:after {background-image:url('/images/sub/ico-counter2.png');}

.global img {width:100%;}

.directions-area {position:relative;}
.directions-bg {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-1;}

.directions-wrap {padding:140px 0;}
.directions {display:flex; align-items:stretch; padding:50px; background:rgba(0,0,0,.6); border-radius:var(--radius24); color:#fff;}
.directions .cnt {width:440px;}
.directions .info-wrap {margin-bottom:55px;}
.directions .info-wrap .info {display:none;}
.directions .info-wrap .info.active {display:block;}
.directions .info-wrap .info .tit {font-size:var(--fz24); font-weight:600; letter-spacing:-.025em; line-height:1.3em;}
.directions .info-wrap .info .addr {margin:12px 0 16px; font-size:var(--fz18); font-weight:400; letter-spacing:-.025em; line-height:1.4em;}
.directions .info-wrap .info .tel {display:flex; font-size:var(--fz18); font-weight:600; letter-spacing:-.025em; line-height:1.3em;}
.directions .info-wrap .info .tel:before {margin-right:9px; content:''; width:25px; height:25px; background:url('/images/sub/ico-direction-tel.png') no-repeat 50% 50% / contain;}
.directions .tab ul li:not(:last-child) {margin-bottom:7px;}
.directions .tab ul li a {width:265px; font-size:var(--fz18); font-weight:600; letter-spacing:-.025em; line-height:1.33em; border-radius:var(--radius28); border:1px solid rgba(255,255,255,.3); display:flex; align-items:center; height:56px; padding:0 23px;}
[lang=en] .directions .tab ul li a {font-size: var(--fz15); height: 64px;}
.directions .tab ul li a:before {margin-right:10px; content:''; min-width:12px; height:12px; border-radius:100%; background:rgba(255,255,255,.5);}
.directions .tab ul li.active a {background:var(--color-primary); border-color:var(--color-primary); color:#fff;}
.directions .map-wrap {flex:1 1 auto; min-width:0; width:1%; position:relative;}
.directions .map-wrap .map-cnt {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; pointer-events:none; transition:opacity .3s ease;
}
.directions .map-wrap .map-cnt iframe {border-radius:var(--radius24); width: 100%; height: 100%;}
.directions .map-wrap .map-cnt.active {opacity:1; pointer-events:auto; z-index:1; position:relative;}
.root_daum_roughmap_landing {border-radius:var(--radius24); overflow:hidden;}
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {height:563px !important;}
.root_daum_roughmap .cont {display:none;}

.about {display:flex; margin-bottom:140px;}
.about .cnt {width:60.7%; padding-top:calc(var(--header-height) + 155px)}
.about .cnt .txt {margin:45px 0 75px; font-size:var(--fz20); font-weight:400; letter-spacing:-.025em; line-height:1.7em; color:#505050;}
.about .what dl dt {margin-bottom:18px; padding-left:20px; position:relative; font-size:var(--fz18); font-weight:600; letter-spacing:-.025em; line-height:1.4em; color:#2c2c2c;}
.about .what dl dt:before {content:''; position:absolute; left:0; top:.4em; width:10px; height:10px; border-radius:100%; background:#379439;} 
.about .what dl dd {font-weight:400; letter-spacing:-.025em; line-height:1.4em; color:#505050;}
.about .img {padding:calc(var(--header-height) + 120px) 0 175px; position:relative; flex:1 1 auto; min-width:0; width:1%; margin-right:-160px;}
.about .img:before {border-radius:0 0 0 var(--radius64); content:''; z-index:-1; position:absolute; right:-999em; top:0; left:130px; bottom:0; background:#379439;}
.about .img img {border-radius:var(--radius24) var(--radius24) 0 var(--radius24);}

.about-links .row {display:flex; margin:-10px;}
.about-links .col {width:25%; text-align:center; padding:10px;} 
.about-links .item {height: 100%; padding:50px 20px; border-radius:var(--radius24); display:block; border:2px solid #efefef;}
.about-links .item .tt {margin:37px 0 13px; font-weight:600; letter-spacing:-.025em; line-height:1.4em; color:var(--color-primary);}
.about-links .item .doc-tit2 {margin-bottom:30px;}
.about-links .item .btn {transition:.3s; font-size:var(--fz15); font-weight:600; letter-spacing:-.025em; line-height:1.4em; display:inline-flex; align-items:center; color:#505050;}
.about-links .item .btn:before {margin-right:13px; transition:.3s; content:''; width:32px; height:32px; background:url('/images/sub/about-link-arrow.png') no-repeat 50% 50% / contain;}
.about-links .item:hover .btn {color:var(--color-primary);}
.about-links .item:hover .btn:before {background-image:url('/images/sub/about-link-arrow-on.png');}
.about-links .item:hover {border-color:var(--color-primary); box-shadow:0 0 30px rgba(6,82,8,.2);}

.ci-logo {border-radius:var(--radius16); margin-bottom:65px; text-align:center; padding:50px; background:url('/images/sub/grid.jpg'); border:1px solid #dfdfdf;}

.ci {margin-bottom:130px;}
.ci p {margin-bottom:40px; font-size:var(--fz18); font-weight:400; letter-spacing:-.025em; line-height:1.67em; color:#505050;}

.download-btn {border-radius:var(--radius8); border:1px solid #dfdfdf; display:inline-flex; align-items:center; justify-content:center; gap:30px; height:60px; padding:0 30px;}
.download-btn:before {content:''; width:15px; height:16px; background:url('/images/sub/ico-download.png') no-repeat 50% 50% / contain;}

.bi {display:flex;}
.bi .head {width:38.5%;}
.bi .groups {flex:1 1 auto; min-width:0; width:1%;}
.bi .group:not(:last-child) {margin-bottom:95px;}
.bi .group .title {margin-bottom:34px; font-size:var(--fz32); font-weight:600; letter-spacing:-.025em; line-height:1.4em; color:#ccc;}
.bi .group .title span {color:#2c2c2c;}
.bi .row-box {display:flex;}
.bi .row-box .col {width:50%;}
.bi .row-box .cnt {text-align:center; display:flex; align-items:center; justify-content:center; padding:25px; height:100%; background:#000; background:#f8f8f8; border-radius:16px;}
.bi .row-box .cnt dl dt {margin-bottom:20px; font-size:var(--fz28); font-weight:600; letter-spacing:-.025em; line-height:1.4em;}
.bi .row-box .cnt dl dd {font-size:var(--fz18); font-weight:400; letter-spacing:-.025em; line-height:1.67em; color:#505050;}

.prd-bnr {margin-bottom:100px; color:#fff; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; height:641px; border-radius:var(--radius24); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.prd-bnr .logo {margin-bottom:30px;}
.prd-bnr .tit {margin-bottom:20px; font-size:var(--fz32); font-weight:500; letter-spacing:-.025em; line-height:1.5em;}
.prd-bnr .txt {font-size:var(--fz20); font-weight:500; letter-spacing:-.025em; line-height:1.7em;}
.prd-bnr .txt + .txt {margin-top:15px;}

.biz-bnr {padding:40px; margin-bottom:80px; background:url('/images/sub/biz-bnr.jpg') no-repeat 50% 50% / cover; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; min-height:198px; border-radius:var(--radius24);}
.biz-bnr .doc-tit2 {margin-bottom:20px;}
.biz-bnr .txt {font-size:var(--fz20); font-weight:500; letter-spacing:-.025em;}

.history-area {position:relative;}

.history-tab ul {display:flex; justify-content:space-between;}
.history-tab ul li {position:relative; display:block; font-family:var(--font-pen); font-size:var(--fz48); font-weight:400; letter-spacing:0; line-height:1.5em; color:#ccc;}
.history-tab ul li.active {color:var(--color-primary);}

.history-progress {position:relative; height:1px; background-color:#dfdfdf; margin:0 auto;}
.history-progress span {display:block; position:absolute; top:-1px; bottom:-1px; width:0; background-color:var(--color-primary); transition:width 0.2s ease;}
.history-progress span:after {content:''; transition:.3s; position:absolute; right:-12px; top:50%; margin-top:-6px; width:12px; height:12px; border-radius:100%; background:var(--color-primary); outline:5px solid rgba(88,173,70,.12); z-index:1;}

.history-cnt {display:flex; background:#fbfbfb; position:relative; padding:110px 0 170px; overflow-x:scroll; overflow-y:hidden; white-space:nowrap;   scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none;}
.history-cnt .wrap {position: relative; z-index: 2; display:flex; width:max-content;}
.history-cnt .group {display:flex;}
.history-cnt .col {margin-right:120px;}
.history-cnt .year {margin-bottom:35px; font-size:var(--fz28); font-weight:700; letter-spacing:-.025em; line-height:1.33em;}
.history-cnt ul li { margin-bottom:19px; line-height:1.4em; font-size:var(--fz18); font-weight:400; letter-spacing:-.025em; color:#505050;}
.history-cnt ul li:last-child {margin-bottom:0;}
.history-cnt ul li strong {display:inline-block; color:var(--color-primary); min-width:60px;}

.history-change-num {z-index:1; position:absolute; left:50%; transform:translateX(-50%); bottom:0; font-family:var(--font-pen); font-size:var(--fz386); font-weight:400; letter-spacing:0; line-height:.4em; color:#f4f4f4;}