@charset "utf-8";
.doc-cnt30 {margin-bottom:var(--space-30);}
.doc-cnt120 {margin-bottom:clamp(60px, calc( 120 / var(--inner) * 100vw ), 120px);}

.greetings {margin-top:var(--space-80);}
.greetings .txt1 {font-size:var(--font-size-22); line-height:1; color:var(--color-primary); margin-bottom:var(--space-15);}
.greetings .txt2 {font-size:var(--font-size-34); font-weight:700; line-height:1.2; color:var(--color-bk); margin-bottom:var(--space-50);}
.greetings .desc {font-size:var(--font-size-18); line-height:1.67em;}
.greetings .desc p {margin-bottom:var(--space-20);}
.greetings .greeting-sign {font-size:var(--font-size-20); line-height:1.67em; font-weight:600; color:var(--color-bk); margin-top:var(--space-30);}

.product-content {display:flex; flex-direction:column; gap:clamp(60px, calc( 120 / var(--inner) * 100vw ), 120px);}
.sec-title {margin-bottom:var(--space-35); position:relative; display:flex; align-items:center; gap:12px;}
.title-deco {width:5px; height:26px; background:linear-gradient(to bottom, #879fba 0%, #879fba 50%, var(--color-primary) 50%, var(--color-primary) 100%);}
.sec-title h2,
.sec-title h3 {font-size:var(--font-size-30); font-weight:700; line-height:1.3em; color:var(--color-bk);}
.sec-txt {font-size:var(--font-size-18); line-height:1.67em;}
.sec-txt strong {font-weight:600;}
.type-list {display:flex; flex-direction:column; gap:var(--space-40);}
.type-row {display:flex; gap:var(--space-24); justify-content:space-between;}
.type-item {display:flex; flex-direction:column; gap:var(--space-30); width:50%; max-width:calc(50% - 12px);}
.type-txt {font-size:var(--font-size-18); line-height:1.5;}
.type-txt p:nth-child(2) {padding-left:10px;}
.type-txt strong {font-weight:600;}
.type-img {display:flex; flex-direction:column; gap:var(--space-20);}
.type-img strong {font-weight:600;}
.type-group {display:flex; flex-direction:column; gap:var(--space-40);}
.type-grid {display:flex; flex-wrap:wrap; gap:var(--space-24);}

.purpose-content {position:relative;}
.purpose-txt {position:absolute; bottom:0; right:0;background:#fff; padding:var(--space-50) var(--space-80);}
.purpose-txt p {font-size:var(--font-size-18); line-height:1.67em;}
.purpose-txt .highlight {font-weight:600; color:var(--color-primary);}

.business-list {display:flex; flex-wrap:wrap; gap:var(--space-40);}
.business-item {position:relative; width:373px; height:347px; border:1px solid #ddd; background:#fff; padding:var(--space-50) var(--space-40); display:flex; flex-direction:column; align-items:center; gap:var(--space-40);}
.business-icon img {height:clamp(100px, calc( 124 / var(--inner) * 100vw ), 124px);}
.business-line {width:100%; height:1px; background:#ddd; flex-shrink:0;}
.business-txt {flex:1; display:flex; flex-direction:column; justify-content:center; text-align:center;}
.business-txt p {font-size:var(--font-size-18); line-height:1.67em; margin-bottom:0;}
.business-txt p:last-child {margin-bottom:0;}

.history-wrapper {padding-right:310px; background-position:right top; background-repeat:no-repeat; background-image:url(/images/sub/history.png);}

.history-top {margin-bottom:var(--space-80); padding-bottom:var(--space-80); border-bottom:1px solid #ddd;}
.history-title {margin-bottom:var(--space-25); font-size:var(--font-size-34); font-weight:700; line-height:1; color:var(--color-primary);}
.history-desc {font-size:var(--font-size-18); line-height:1.6em;}
.history-line {width:100%; height:1px; background:#ddd;}
.timeline-content {position:relative; display:flex; flex-direction:column; gap:0;}
.timeline-decade {position:relative; display:flex; padding-bottom:clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px);}
.timeline-decade:last-child {padding-bottom:0;}

.timeline-decade:before {left:350px; position:absolute; content:''; top:0; width:1px; height:100%; background:#ddd;}
.decade-title {font-size:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); font-weight:700; line-height:0.73em; color:var(--color-bk); white-space:nowrap; flex-shrink:0; width:350px;}
.decade-events {padding-left:var(--space-80); display:flex; flex-direction:column; gap:var(--space-50); flex:1; position:relative;}
.decade-events:before {left:-6px; top:8px; width:12px; height:12px; position:absolute; content:''; border-radius:50%; background:#0F3F76;}

.event-item {display:flex; flex-direction:column; gap:var(--space-25);}
.event-year {font-size:var(--font-size-30); font-weight:700; line-height:1;}
.history-list {display:flex; flex-direction:column; gap:0;}
.event {display:flex; align-items:center; gap:var(--space-10);}
.event-month {font-weight:700; color:var(--color-primary);}
.event-dot {font-size:var(--font-size-20); color:#aaa;}
.event-text {flex:1;}

.root_daum_roughmap,
.root_daum_roughmap .wrap_map {overflow:hidden; height:clamp(250px, calc( 440 / var(--inner) * 100vw ), 440px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.location-info {padding:var(--space-60) var(--space-100) 0; display:flex; align-items:flex-start; gap:clamp(20px, calc( 200 / var(--inner) * 100vw ), 200px);}
.location-address {display:flex; flex-direction:column;}
.address-title {font-size:var(--font-size-16); font-weight:700; line-height:1; color:var(--color-primary); margin-bottom:9px;}
.address-street {font-size:var(--font-size-20); font-weight:500; line-height:1; color:var(--color-bk); margin-bottom:14px;}
.address-detail {font-weight:500;}
.address-detail span {padding-left:15px;}
.location-contact {display:flex; flex-direction:column; gap:var(--space-20); flex:1;}
.contact-item {display:flex; align-items:center; gap:clamp(10px, calc( 19 / var(--inner) * 100vw ), 19px);}
.contact-icon img {height:clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px);}
.contact-label {font-size:var(--font-size-16); font-weight:500; line-height:1; color:var(--color-bk); white-space:nowrap; width:71px;}
.contact-value {font-size:var(--font-size-16); line-height:1;}

.member-guide {display:flex; flex-direction:column; gap:var(--space-30);}
.guide-item {display:flex; align-items:flex-start;}
.guide-title {width:180px; font-size:var(--font-size-24); font-weight:600; line-height:1.25em; flex-shrink:0;}
.guide-content {flex:1; font-size:var(--font-size-18); line-height:1.67em;}
.guide-content a {font-size:var(--font-size-16);}

.member-table {position:relative; margin-top:var(--space-40);}
.member-table table {font-size:var(--font-size-18); line-height:1.4em; width:100%; border-collapse:collapse; text-align:center;}
.member-table th {background:rgba(15, 63, 118, 0.06); font-weight:400; border-bottom:1px solid #ddd;}
.member-table td {border-bottom:1px solid #ddd;}
.member-table th, .member-table td {padding:var(--space-20) 10px; border-right:1px solid #ddd;}
.member-table th:last-child, .member-table td:last-child {border-right:none;}

.member-table.ty2 table th,
.member-table.ty2 table td,
.member-table .col-left {padding-left:40px; text-align:left;}
.member-table.ty2 table {border-top:1px solid #ddd; text-align:left;}
.member-table .space {padding:0 41px;}

.tabmenu {margin-bottom:var(--space-80); text-align:center;}
.tabmenu ul {display:flex; justify-content:center;}
.tabmenu ul li {max-width:290px; flex:1;}
.tabmenu ul li a {height:75px; font-size:var(--font-size-18); border:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-weight:500; color:#888;}
.tabmenu ul li:hover a {color:var(--color-primary);}
.tabmenu ul li.active a {font-weight:600; border:2px solid var(--color-primary); color:var(--color-primary); box-shadow:1px 3px 10px rgba(0,0,0,0.2);}
.product-list {display:flex; flex-direction:column; gap:var(--space-40);}
.product-item {display:flex; gap:var(--space-24); align-items:flex-start;}
.product-item:not(:first-child) {justify-content:space-between;}
.product-txt {display:flex; flex-direction:column; gap:var(--space-32); flex:1;}
.product-title {display:flex; flex-direction:column; gap:0;}
.product-title .title-kr {font-size:var(--font-size-24); font-weight:600; line-height:1.25em; color:var(--color-bk); margin-bottom:0;}
.product-title .title-en {font-size:var(--font-size-20); font-weight:600; line-height:1.5em; color:var(--color-bk); margin-bottom:0;}
.product-desc {font-size:var(--font-size-18); line-height:1.5em;}
.product-desc p {margin-bottom:0;}

.understanding-sec {display:flex; flex-direction:column; gap:var(--space-60);}
.understanding-img {width:100%; height:512px; overflow:hidden;}
.understanding-img img {display:block; width:100%; height:100%; object-fit:cover; object-position:center;}
.understanding-txt {display:flex; flex-direction:column; gap:var(--space-30);}
.understanding-txt .txt-highlight {font-size:var(--font-size-32); font-weight:600; line-height:1.5;}
.understanding-txt .txt-highlight .highlight {color:var(--color-primary);}
.understanding-txt .txt-desc {font-size:var(--font-size-18); line-height:1.55em;}
.understanding-txt .txt-desc .hanja {font-size:var(--font-size-16);}
.compare-sec {margin-bottom:var(--space-80);}
.compare-sec:last-child {margin-bottom:0;}
.compare-wrapper {display:flex; align-items:center; justify-content:center; gap:var(--space-40);}

.compare-info {padding:var(--space-30) var(--space-25); border:1px solid #ddd; display:flex; flex-direction:column; gap:var(--space-30);}
.compare-origin {font-size:var(--font-size-18); line-height:1.67em;}
.compare-origin strong {font-weight:600;}
.compare-line {width:100%; height:1px; background:#ddd;}
.compare-desc {font-size:var(--font-size-18); line-height:1.6em;}
.compare-vs {font-size:var(--font-size-40); font-weight:600; color:var(--color-primary); opacity:.4;}

.business-sec {margin-bottom:var(--space-100);}
.business-sec:last-child {margin-bottom:0;}
.sec-list {display:flex; flex-direction:column; gap:var(--space-25);}
.item-title {font-size:var(--font-size-18); font-weight:600; line-height:1.67em;}
.item-desc {font-size:var(--font-size-18); line-height:1.67em; padding-left:7px;}

.inquiry-content {display:flex; flex-direction:column; gap:clamp(60px, calc( 120 / var(--inner) * 100vw ), 120px);}
.inquiry-title {text-align:center; margin-bottom:clamp(55px, calc( 110 / var(--inner) * 100vw ), 110px);}
.inquiry-title h2 {font-size:clamp(32px, calc( 42 / var(--inner) * 100vw ), 42px); font-weight:700; line-height:1.33em; color:var(--color-bk);}

.process-flow {display:flex; flex-direction:column; gap:var(--space-60);}
.process-group {display:flex; flex-direction:column; gap:var(--space-20);}
.group-title {font-size:var(--font-size-18); line-height:1.67em; margin-bottom:0;}
.group-title strong {font-weight:600;}
.process-steps {display:flex; align-items:center;}
.process-step {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); flex-shrink:0;}
.step-circle {position:relative;}
.step-circle img {height:clamp(100px, calc( 200 / var(--inner) * 100vw ), 200px);}
.step-text {line-height:1.6em; height: 3.2em; font-size:var(--font-size-18); font-weight:600; color:#242424; text-align:center; margin-top:var(--space-20);}
.step-arrow {margin:-65px 40px 0;}
.process-line {width:100%; height:1px; background:#ddd; margin:var(--space-20) 0 var(--space-30);}
.process-buttons {display:flex; gap:var(--space-16);}
.process-btn {display:flex; align-items:center; justify-content:center; border:1px solid #ddd; border-radius:30px; height:50px; gap:10px; padding:0 30px;}
.law-btn:hover,
.process-btn:hover {color:#0F3F76; border-color:#0F3F76;}

.effect-intro {display:flex; flex-direction:column; gap:var(--space-30); margin-bottom:var(--space-80);}
.effect-intro.ty2 {margin-bottom:var(--space-50);}
.effect-intro strong {font-weight:600; color:var(--color-primary);}
.effect-intro h2 {font-size:var(--font-size-30); font-weight:500; line-height:1.3em; color:var(--color-bk);}
.effect-intro p {font-size:var(--font-size-18); line-height:1.67em;}

.accordion-item {margin-bottom:var(--space-50); border-bottom:1px solid #ddd;}
.accordion-item:last-child {margin-bottom:0;}
.accordion-header {margin-bottom:var(--space-30); position:relative; display:flex; align-items:center; justify-content:space-between; cursor:pointer;}
.accordion-header .sec-title {margin-bottom:0; align-items:flex-start;}
.accordion-header .title-deco {margin-top:5px;}

.accordion-toggle {width:32px; height:32px; border:none; background:none; position:relative; cursor:pointer; flex-shrink:0;}
.accordion-toggle:after {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); width:8px; height:8px; border-right:2px solid #aaa; border-bottom:2px solid #aaa; transition:transform 0.3s;}
.accordion-item.active .accordion-toggle:after {transform:translate(-50%, -50%) rotate(-135deg); margin-top:6px;}
.accordion-line {width:100%; height:2px; background:#2C2C2C;}
.accordion-content {display:none; padding:var(--space-40) var(--space-50);}
.content-item {display:flex; align-items:flex-start; gap:var(--space-16); margin-bottom:var(--space-40);}
.content-item:last-child {margin-bottom:0;}
.item-bullet {display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:var(--color-primary); color:#fff; font-size:var(--font-size-16); font-weight:700; flex-shrink:0;}
.item-content {flex:1; font-size:var(--font-size-18); line-height:1.67em;}
.item-content h4 {font-size:var(--font-size-18); font-weight:600; line-height:1.67em; margin-bottom:0;}
.item-content p {margin-bottom:0;}
.item-content p:last-child {margin-bottom:0;}

.hanbang-intro {display:flex; flex-direction:column; gap:clamp(27px, calc( 54 / var(--inner) * 100vw ), 54px); margin-bottom:var(--space-40);}
.hanbang-intro h2 {font-size:var(--font-size-30); font-weight:700; line-height:1.3em; color:var(--color-bk);}
.hanbang-intro strong {font-weight:600; color:var(--color-primary);}
.hanbang-txt {display:flex; flex-direction:column; gap:0; font-size:var(--font-size-18); line-height:1.5em;}
.hanbang-txt p {margin-bottom:0;}
.hanbang-txt p:last-child {margin-bottom:0;}
.hanbang-list {border:1px solid #ddd; padding:clamp(35px, calc( 70 / var(--inner) * 100vw ), 70px) var(--space-80); margin-bottom:var(--space-30);}
.hanbang-list p {font-size:var(--font-size-18); line-height:1.67em; display:flex;}
.hanbang-list .num {color:var(--color-primary);}
.hanbang-outro {font-size:var(--font-size-18); line-height:1.5em;}

.chilhyo-sec {margin-top:clamp(35px, calc( 70 / var(--inner) * 100vw ), 70px);}
.chilhyo-item {border-top:2px solid var(--color-bk);}
.chilhyo-content {display:flex; padding-bottom:var(--space-40)}
.chilhyo-title {width:280px; font-size:var(--font-size-18); font-weight:700; line-height:1.67em; flex-shrink:0; padding:var(--space-20) var(--space-40) 0 0;}
.chilhyo-title .num {color:var(--color-primary);}
.chilhyo-desc {flex:1; background:rgba(15,63,118,0.04); padding:var(--space-35) var(--space-40); display:flex; align-items:center;}
.chilhyo-desc p {font-size:var(--font-size-18); line-height:1.5em;}

.yakhyo-intro {display:flex; flex-direction:column; gap:clamp(27px, calc( 54 / var(--inner) * 100vw ), 54px); margin-bottom:var(--space-80);}
.yakhyo-intro h2 {font-size:var(--font-size-30); font-weight:700; line-height:1.3em; color:var(--color-bk);}
.yakhyo-intro strong {font-weight:600; color:var(--color-primary);}
.yakhyo-txt {display:flex; flex-direction:column; gap:0; font-size:var(--font-size-18); line-height:1.5em;}
.yakhyo-txt p {margin-bottom:0;}
.yakhyo-txt p:first-child {line-height:3em;}
.yakhyo-accordion {display:flex; flex-direction:column; gap:0;}
.yakhyo-accordion .accordion-content {display:flex; flex-direction:column; gap:var(--space-20);}
.yakhyo-accordion .accordion-content > p {font-size:var(--font-size-18); line-height:1.5em; margin-bottom:0;}
.yakhyo-item {display:flex; align-items:flex-start; gap:var(--space-16); margin-bottom:0;}
.yakhyo-item .item-content {flex:1; font-size:var(--font-size-18); line-height:1.5em;}
.yakhyo-item .item-content p {margin-bottom:0;}
.yakhyo-item .item-content p:last-child {margin-bottom:0;}
.yakhyo-subtitle {font-weight:600; margin-bottom:var(--space-20) !important;}
.yakhyo-box {border:1px solid #ddd; padding:var(--space-40) var(--space-45);}
.yakhyo-box p {font-size:var(--font-size-18); line-height:1.67em;}
.yakhyo-box .num {color:var(--color-primary); font-weight:600;}
.yakhyo-box sub {font-size:11.61px; vertical-align:baseline;}
.yakhyo-table {margin:var(--space-20) 0;}
.yakhyo-table table {width:100%; border-collapse:collapse;}
.yakhyo-table thead {background:rgba(15,63,118,0.06);}
.yakhyo-table th {padding:clamp(13px, calc( 26 / var(--inner) * 100vw ), 26px) clamp(45px, calc( 90 / var(--inner) * 100vw ), 90px); font-size:var(--font-size-18); font-weight:600; line-height:1.67em; text-align:center; border:1px solid #ddd;}
.yakhyo-table td {padding:var(--space-20) clamp(45px, calc( 90 / var(--inner) * 100vw ), 90px); font-size:var(--font-size-18); line-height:2.25em; text-align:center; border:1px solid #ddd;}

.ingredient-intro {display:flex; flex-direction:column; gap:0; margin-bottom:var(--space-80);}
.ingredient-intro h2 {font-size:var(--font-size-30); font-weight:700; line-height:1.3em; color:var(--color-bk);}
.ingredient-intro strong {font-weight:600; color:var(--color-primary);}
.ingredient-list {display:flex; flex-direction:column; gap:var(--space-60);}
.ingredient-content {display:flex; flex-direction:column; gap:0; font-size:var(--font-size-18); line-height:1.67em;}
.ingredient-content .space {padding:0 50px;}
.ingredient-content .label {font-weight:600;}
.ingredient-content .label-bold {font-weight:700;}

.law-list {display:flex; flex-direction:column; gap:var(--space-80);}
.law-item {border-bottom:1px solid #ddd;}
.law-title {font-size:var(--font-size-30); padding-bottom:20px; border-bottom:2px solid #2C2C2C; font-weight:600; line-height:1.2; color:var(--color-bk);}
.law-buttons {padding:var(--space-30) 0; display:flex; gap:16px;}
.law-btn {min-width:155px; padding:10px 25px; gap:15px; display:flex; border:1px solid #ddd; border-radius:30px; justify-content:space-between; align-items:center; font-size:var(--font-size-16); color:var(--color-bk);}

.list-indent {padding-left:10px;}
.list-flex {display:flex;}
.list-flex .list-txt {flex:1;}