@charset "utf-8";
.greetings .img {width: 50%; padding-right:clamp(0rem, -0.9375rem + 2.3438vw, 1.875rem);}
.greetings .img img {border-radius: 10px;}
.greetings .txt {flex: 1; padding-left: 50px;}
.greetings .desc p:not(:last-child) {margin-bottom:clamp(1.25rem, 0.7813rem + 1.1719vw, 2.1875rem);}
.greetings .sign {gap: 15px;}

.deco-tit {position: relative; padding-top: 30px; margin-bottom:clamp(1.25rem, 0.7813rem + 1.1719vw, 2.1875rem); font-size: var(--fz32-26); line-height: 1.375em; color: var(--dark-color); text-align: center;}
.deco-tit:before {position: absolute; content: ''; width: 26px; height: 16px; top: 0; left: 50%; margin-left: -13px; background: url('/images/sub/tit-deco.png') no-repeat center center; background-size: contain;}

.purpose-box {border-radius: 10px; padding:clamp(1.5625rem, -1.4063rem + 7.4219vw, 7.5rem) clamp(0.9375rem, 0.1563rem + 1.9531vw, 2.5rem);}
.purpose-box .wrap {max-width: 750px; margin: 0 auto; text-align: center; letter-spacing: -.02em;}
.sec-history {position: relative;}
.history-wrap {justify-content: space-between; gap: 40px;}
.sec-history .img {position: sticky; top: calc(var(--header-height) + 10px); border-radius: 225px; overflow: hidden; height: fit-content; margin-top: 20px;}
.history-cnt {width: 50%; border-top: 2px solid #505050;}
.history-cnt .item, .history-cnt .item-cnt ol>li {display: flex; font-size: var(--fz18-15);}
.history-year {min-width: 160px; color: var(--primary-color); font-weight: 700;font-size: var(--fz32-26);}
.history-month {min-width: 40px; font-weight: 700; color: var(--dark-color);}
.history-cnt .item li:not(:last-child) {margin-bottom: 14px;}
.history-cnt .item {padding: 20px 0;}
.history-cnt .item:not(:last-child) {border-bottom: 1px solid #ddd;}
.history-cnt .item .highlight {position: relative; color: var(--primary-color); font-size: var(--fz20-16); font-weight: 700; line-height: 1.5em; letter-spacing: -0.04em; padding-left: 12px; display: block;}
.history-cnt .item .highlight:before {position: absolute; content: ''; width: 4px; height: 16px; top: 8px; left: 0; background: var(--primary-color);}
.history-cnt .item .history-img {width: 277px; aspect-ratio: 277 / 393; overflow: hidden; border: 1px solid #ccc; margin: 14px 0;}
.history-cnt .item .history-img img {width: 100%; height: 100%; object-fit: contain;}
.org .sec {margin-top: var(--padding100-40);}

.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap {width:100% !important;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:var(--primary-color); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--primary-color);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

.support {padding-top:clamp(2.5rem, 0.1563rem + 5.8594vw, 7.1875rem);}
.support .qna-items .item {padding:clamp(0.9375rem, 0.3125rem + 1.5625vw, 2.1875rem) clamp(0.9375rem, 0.1563rem + 1.9531vw, 2.5rem);border: 1px solid #ddd; border-radius: 20px;}
.support .qna-items .item:not(:last-child), .support .expect-items .item:not(:last-child), .story .efficacy-items .item:not(:last-child) {margin-bottom: 20px;}
.support h3, .story .sec-efficacy h3 {display: flex; gap: 10px; margin-bottom: 20px;}
.support h3 .num, .story .sec-efficacy h3 .num {display: flex; align-items: center; justify-content: center; width: 30px; min-width: 30px; height: 30px; border-radius: 100%; background: var(--primary-color); color: #fff; font-size: var(--fz16-14);}
.support .dot-list {font-size: var(--fz18-15);}
.support .dot-list>li {position: relative; padding-left: 13px;}
.support .dot-list>li:not(:last-child) {margin-bottom: 4px;}
.support .dot-list>li:before {position: absolute; content: '·'; left: 0; font-size: 22px; font-weight: 900; color: var(--primary-color);}
.support .dot-list ul li {margin-top: 4px;}
.support .vision-items {display: flex; flex-wrap: wrap; gap: 40px;}
.support .vision-items .item {position: relative; overflow: hidden; z-index: 1; width: calc((100% - 40px) / 2); min-height: 250px; padding:clamp(0.9375rem, 0.3125rem + 1.5625vw, 2.1875rem) clamp(0.9375rem, 0.1563rem + 1.9531vw, 2.5rem); border: 1px solid #ddd; background: #fff; border-radius: 20px; }
.support .vision-items .num {position: absolute; bottom: -3px; right: 3px; z-index: -1;}
.support .vision-items .fz16-14 {line-height: 1.5em;}
.support .vision-items .dot-list .flex-wrap {flex-wrap: wrap; gap: 5px 20px; margin-top: 12px;}
.support .dot-list ul.flex-wrap li {margin-top: 0;}
.support .sec-expect .dot-list>li {display: flex; gap: 5px}
.support .sec-expect .dot-list>li span.fw600 {min-width: max-content;}
.support .expect-items .item {display: flex;}
.support .expect-items .img {width: 50%;}
.support .expect-items .img img {border-radius: 20px;}
.support .expect-items .txt {flex: 1; padding-left: 40px; padding-top: clamp(0rem, -1.0938rem + 2.7344vw, 2.1875rem);}
.support .expect-items .dot-list {max-width: 520px;}
.support .law-wrap {gap:30px;}
.support .document-download {gap: 15px; width: 450px; height: 100px; padding: 15px 25px; background: var(--primary-color);; border-radius: 20px; color: #fff; font-size: var(--fz18-15);}

.story .sec-box .box {padding:clamp(1.25rem, -1.7188rem + 7.4219vw, 7.1875rem) 15px; border-radius: 10px; text-align: center;}
.story .sec-box h2 {width: fit-content; padding: 16px 32px; margin: 0 auto clamp(0.9375rem, 0.625rem + 0.7813vw, 1.5625rem); border-radius: 30px; background: var(--primary-color);}
.story .sec-box p {max-width: 730px; margin: 0 auto;}
.story .sec-feature .box-items {gap: 30px;}
.story .sec-feature .box {padding: 50px 15px 35px; background: #fff; border-radius: 20px; border: 1px solid #ddd;}
.story .sec-feature .icon {margin-bottom:clamp(0.9375rem, 0.5313rem + 1.0156vw, 1.75rem);}
.story .sec-efficacy .item {padding:clamp(0.9375rem, 0.3125rem + 1.5625vw, 2.1875rem) clamp(0.9375rem, 0.1563rem + 1.9531vw, 2.5rem); border: 1px solid #ddd; border-radius: 20px;}
.story .sec-efficacy p {padding-left: 40px;}

.recipes .sec:not(:last-child) {padding-bottom:clamp(1.25rem, 0rem + 3.125vw, 3.75rem);margin-bottom:clamp(1.25rem, 0rem + 3.125vw, 3.75rem);border-bottom: 1px solid #ddd;}
.recipes .sub-tit {gap: 10px;}
.recipes .txt {flex: 1; padding-right: 30px; line-height: 1.777em;}
.recipes .img img {border-radius: 20px;}
.recipes .img {width: 50%; padding-left: 20px;}
.recipes ol li {display: flex;}
.recipes .num {min-width: 33px;}