@charset "utf-8";

/* 공통 */
.c-white {color:#fff !important;}
.c-main {color:var(--c-main) !important;}
.c-dark {color:#242424 !important;}
.font-high1-B {font-family:var(--font-high1-B);}
.font-high1-M {font-family:var(--font-high1-M);}
.font-high1-L {font-family:var(--font-high1-L);}

.sub-top-img-tit {position:relative; margin-bottom:clamp(20px, calc( 100 / var(--inner) * 100vw ),100px);}
.sub-top-img-tit .bg {position:relative; margin-left:calc(0px - var(--size100)); margin-right:-360px; border-top-left-radius:clamp(40px, calc( 200 / var(--inner) * 100vw ), 200px); overflow:hidden;}
.sub-top-img-tit .tit {position:absolute; left:0; bottom:0; padding:1em var(--size120) 0 var(--size100); margin-left:calc(0px - var(--size100)); background:#fff; border-top-right-radius:clamp(20px, calc( 100 / var(--inner) * 100vw ), 100px); font-size:clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px); letter-spacing:-0.03em; color:#000; line-height:1.36;}

.bullet-list>li {position:relative; margin-bottom:0.5em; padding-left:0.63em; font-weight:400; line-height:1.3; letter-spacing:-0.03em; color:#454545;}
.bullet-list>li:last-child {margin-bottom:0;}
.bullet-list>li:before {content:''; position:absolute; left:0; top:0.4em; width:0.25em; height:0.25em; background:#242424; border-radius:100%;}

.doc-tit {position:relative; margin-bottom:0.5em; padding-left:1.18em; font-size:clamp(20px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.doc-tit:before {content:''; position:absolute; left:0; top:0.14em; width:0.86em; height:0.86em; background:url('/images/sub/bullet01.png') no-repeat 50% 50%/contain;}
.doc-txt {margin-bottom:1.6em; font-weight:400; letter-spacing:-0.03em; line-height:1.5em; color:#454545;}
.doc-txt strong {font-weight:600; color:#242424;}
.doc-cnt {margin-bottom:clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px);}
.doc-cnt:last-child {margin-bottom:0 !important;}

.border-top-wrap {padding-top:var(--size40); border-top:1px solid #242424;}
.table-wrap table {width:100%; border-collapse:collapse; border-spacing:0px;}

.check-list>li {margin-bottom:0.43em; position:relative; padding-left:1.5em; line-height:1.5; letter-spacing:-0.03em; color:#454545;}
.check-list>li:before {content:''; position:absolute; left:0; top:0.2em; width:1em; height:1em; background:url('/images/sub/icon-check.png') no-repeat 50% 50%/contain;}
.check-list>li:last-child {margin-bottom:0;}

/* 비전 및 경영이념 */
.company .group:first-child {border-top:1px solid #000;}
.company .group {padding:var(--size60) 0; padding-left:var(--size40); border-bottom:1px dashed #ddd;}
.company .group:last-child {padding-bottom:0; border-bottom:0;}
.company .group-tit {position:relative; margin-bottom:var(--size30); font-size:1.13em; font-weight:700; line-height:1; letter-spacing:-0.03em; color:#e07224;}
.company .group-tit:before {content:''; position:absolute; left:calc(0px - var(--size40)); top:30%; width:calc(var(--size40) - var(--size40)/3); height:0.17em; background:#e07225;}
.company .group .tit {margin-bottom:1.13em; font-size:clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight:600; line-height:1.4; letter-spacing:-0.03em; color:#242424;}
.company .group .tit strong {font-weight:800;}
.company .flex-wrap {display:flex;}
.company .flex-wrap .tit {width:410px;}
.company .flex-wrap ul {display:flex; flex:1 1 auto; min-width:0; width:1%; justify-content:space-between;}
.company .flex-wrap ul li {width:clamp(100px, calc( 230 / var(--inner) * 100vw ), 230px); height:clamp(100px, calc( 230 / var(--inner) * 100vw ), 230px); border-radius:100%; background:#d4e7c7; padding:10px;}
.company .flex-wrap ul li .circle {display:flex; align-items:center; justify-content:center; width:100%; height:100%; border:13px solid #fff; background:#71ae44; border-radius:100%; font-size:clamp(14px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:700; line-height:1; letter-spacing:-0.03em; color:#fff; text-align:center;}
.company .flex-wrap ul li:nth-child(2) {background:#f6bb9a;}
.company .flex-wrap ul li:nth-child(2) .circle {background:#e07223;}
.company .flex-wrap ul li:nth-child(3) {background:#f9bda0;}
.company .flex-wrap ul li:nth-child(3) .circle {background:#ff875c;}

.company .wrap {display:flex; margin:-15px;}
.company .wrap .box {width:33.333%; padding:15px;}
.company .wrap .box .in {height:100%; background:#f7f7f7; padding:var(--size60) 10px; border-radius:var(--size15); text-align:center;}
.company .wrap .box .tt {margin:1.25em 0 1.46em; font-size:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); line-height:1.2; font-weight:700; letter-spacing:-0.03em; color:#242424;}
.company .wrap .box .tx {margin-bottom:1.11em; font-size:clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); line-height:1.2; font-weight:600; letter-spacing:-0.03em; color:#e07225;}
.company .wrap .box ul li {color:#454545;}

/* 연혁 */
.history .group {display:flex; padding:var(--size60); border-bottom:1px solid #ddd;}
.history .group:first-child {border-top:1px solid #000;}
.history .group:last-child {padding-bottom:0; border-bottom:0;}
.history .group .tit {width:50%; max-width:430px; font-size:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-weight:700; line-height:1.4; letter-spacing:-0.03em; color:#242424;}
.history .group .in {flex:1 1 auto; min-width:0; width:1%;}
.history .group .year {padding-bottom:0.71em; margin-bottom:0.71em; border-bottom:1px dashed #ddd; font-size:clamp(16px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#e07224;}
.history .group .part {margin-bottom:var(--size50);}
.history .group .part:last-child {margin-bottom:0;}
.history .group .txt {margin-top:0.5em; font-size:0.88em; font-weight:600; line-height:1.3; letter-spacing:-0.03em; color:#ababab;}

/* 찾아오시는 길 */
.root_daum_roughmap {width:100% !important; height:clamp(270px, calc( 450 / var(--inner) * 100vw ), 450px) !important; border-radius:var(--size20); overflow:hidden;}
.root_daum_roughmap .wrap_map {height:clamp(270px, calc( 450 / var(--inner) * 100vw ), 450px) !important;}

.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:#e07224; 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:#febe98;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}

/* esg */
.esg .top-img-tit {position:relative; margin-bottom:var(--size60); border-radius:var(--size30); overflow:hidden;}
.esg .top-img-tit .txt-wrap {position:relative; margin-top:-125px; width:95%; max-width:1100px; padding:var(--size50) 10px 0 var(--size100); background:#fff; border-top-right-radius:var(--size60);}
.esg .top-img-tit .tit {margin-bottom:0.93em; font-family:var(--font-high1-B); font-size:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); letter-spacing:-0.03em; color:#242424; line-height:1.2em;}
.esg .top-img-tit .tt {margin-bottom:0.56em; font-size:1.13em; font-weight:600; color:#242424;}
.esg .top-img-tit .txt {font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); letter-spacing:-0.03em; color:#454545;}
.esg .sign {margin-top:2.2em; font-size:1.13em; font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#242424;}

.dec-list {padding:0 var(--size100);}
.dec-list .box {display:flex; margin-bottom:10px; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.dec-list .box:last-child {margin-bottom:0;}
.dec-list .box .icon {display:flex; align-items:center; justify-content:center; width:150px; background:#fafafa;}
.dec-list .box .in {display:flex; align-items:center; flex:1 1 auto; min-width:0; width:1%; min-height:100px;}
.dec-list .box .in .tit {position:relative; width:100px; font-family:var(--font-high1-B); font-size:var(--font-size-20); letter-spacing:-0.03em; color:#e07224; line-height:1.2; text-align:center;}
.dec-list .box .in .tit:before {content:''; position:absolute; width:1px; height:40px; right:0; top:50%; transform:translateY(-50%); background:#e07224;}
.dec-list .box .in .txt {padding-left:2.5em; flex:1 1 auto; min-width:0; width:1%; font-weight:400; line-height:1.6; letter-spacing:-0.03em; color:#454545;}

/* 사업소개 */
.page-menu {padding-top:var(--size100); margin-bottom:var(--size100);}
.page-menu ul {display:flex; justify-content:center; margin:0 -5px;}
.page-menu ul li {width:33.333%; max-width:300px; padding:0 5px;}
.page-menu ul li a {display:flex; align-items:center; justify-content:center; background:#f2f2f2; border-radius:100vh; height:clamp(40px, calc( 60 / var(--inner) * 100vw ),60px); font-family:var(--font-high1-M); font-size:clamp(14px, calc(18 / var(--inner) * 100vw ),18px); line-height:1; letter-spacing:-0.03em; color:#898989;}
.page-menu ul li.active a {background:#e07224; font-family:var(--font-high1-B); color:#fff;}

.business-top-cont {text-align:center;}
.business-top-cont .tit {font-family:var(--font-high1-M); font-size:clamp(20px, calc( 40 / var(--inner) * 100vw ),40px); line-height:1.4; letter-spacing:-0.03em; color:#242424;}
.business-top-cont .txt {margin-top:1.6em; font-weight:400; color:#454545;}

.bakery-list {position:relative; padding-top:var(--size30); border-top:1px solid #242424;}
.bakery-list ul {display:flex; flex-wrap:wrap; margin:0 -14px -55px;}
.bakery-list ul li {position:relative; width:25%; padding:0 14px; margin-bottom:55px; text-align:center;}
.bakery-list ul li .tag {position:absolute; left:14px; top:0; z-index:1;}
.bakery-list .thumb {position:relative; padding-bottom:100%; overflow:hidden;}
.bakery-list .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.bakery-list .cate {margin:1em 0 0.5em; font-family:var(--font-high1-B); font-size:0.88em; line-height:1; letter-spacing:0.2em; color:#e07224;}
.bakery-list .tit {margin-top:0.6em; font-family:var(--font-high1-B); font-size:clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px); line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.bakery-list .txt {margin-top:0.63em; font-weight:400; color:#454545;}

.definition {padding-bottom:clamp(20px, calc( 55 / var(--inner) * 100vw ), 55px); margin-bottom:clamp(20px, calc( 55 / var(--inner) * 100vw ), 55px); border-bottom:1px dashed #ddd;}
.definition .wrap {display:flex; margin:0 -15px;}
.definition .wrap .box {width:50%; padding:0 15px;}
.definition .wrap .box .tit {margin:1.4em 0 0.6em; font-size:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); line-height:1.2; letter-spacing:-0.03em; font-weight:600; color:#242424;}
.definition .wrap .box .txt {color:#454545;}

.process-step h3 {margin-bottom:1.08em; font-size:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.process-step .wrap {padding:var(--size60); border:1px solid #ddd; border-radius:var(--size20);}
.process-step .wrap ol {display:flex; flex-wrap:wrap; margin:0 -23px -55px;}
.process-step .wrap ol li {position:relative; margin:0 23px 55px; display:flex; flex-direction:column; align-items:center; justify-content:center; width:234px; height:234px; background:#f7f7f7; text-align:center; border-radius:100%;}
.process-step .wrap ol li:before {content:''; position:absolute; right:-42px; width:39px; height:39px; background:url('/images/sub/icon-arw.png') no-repeat 50% 50%/contain;}
.process-step .wrap ol li .num {position:absolute; left:0; top:0; width:108px; padding:0.83em 0; background:#e07224; border-radius:100vh; font-size:1.13em; font-weight:700; line-height:1; letter-spacing:-0.03em; color:#fff; text-align:center;}
.process-step .wrap ol li .tit {margin-bottom:0.9em; font-size:clamp(15px, calc( 21 / var(--inner) * 100vw ), 21px); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.process-step .wrap ol li .txt {font-size:0.88em; font-weight:400; line-height:1.7em; letter-spacing:-0.03em; color:#454545;}
.process-step .wrap ol li:last-child {background:#e07224;}
.process-step .wrap ol li:last-child .num {background:#f7f7f7; color:#e07224;}
.process-step .wrap ol li:last-child .tit,
.process-step .wrap ol li:last-child .txt {color:#fff;}

.process-step .wrap ol li:nth-child(n+5):before {right:auto; left:-42px; transform:scale(-1);}
.process-step .wrap ol li:nth-child(4):before {right:auto; left:50%; bottom:-48px; margin-left:-19.5px; transform:rotate(90deg);}
.process-step .wrap ol li:last-child:before {display:none;}
.process-step .wrap ol li:nth-child(5) {order:8;}
.process-step .wrap ol li:nth-child(6) {order:7;}
.process-step .wrap ol li:nth-child(7) {order:6;}
.process-step .wrap ol li:nth-child(8) {order:5;}

.facility-status .img {margin-bottom:clamp(15px, calc( 35 / var(--inner) * 100vw ), 35px);}
.facility-status .table-cap {margin-bottom:1.1em; font-size:0.94em; font-weight:400; line-height:1.2; letter-spacing:-0.03em; color:#454545;}
.facility-status .table-wrap table {text-align:center; border-radius:10px 10px 0 0; overflow:hidden;}
.facility-status .table-wrap thead th {padding:0.78em; border-right:1px solid #ddd; background:#e07224; color:#fff; font-size:1.13em; font-weight:600; line-height:1.2; letter-spacing:-0.03em;}
.facility-status .table-wrap thead th:last-child {border-right:0;}
.facility-status .table-wrap tbody th {background:#fafafa; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:600; color:#242424;}
.facility-status .table-wrap tbody td {padding:1em; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#454545;}
.facility-status .table-wrap tbody td:last-child {border-right:0;}

.equipment-status ul {display:flex; flex-wrap:wrap; margin:0 -14px -37px;}
.equipment-status ul li {width:25%; padding:0 14px; margin-bottom:37px; text-align:center;}
.equipment-status ul li .tit {margin-top:0.9em; font-size:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.equipment-status ul li .txt {margin-top:0.5em; font-size:0.88em; font-weight:400; line-height:1.2; letter-spacing:-0.03em; color:#898989;}

.field-trip .col {display:flex; padding:clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px) clamp(20px, calc( 100 / var(--inner) * 100vw ), 100px); border-bottom:1px dashed #ddd;}
.field-trip .col:last-child {padding-bottom:0; border-bottom:0;}
.field-trip .col-tit {width:200px;}
.field-trip .col-tit span {display:inline-block; position:relative; padding-top:0.38em; font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.field-trip .col-tit span:before {content:''; position:absolute; right:-10px; top:0; width:0.21em; height:0.21em; background:#e07224; border-radius:100%;}
.field-trip .cnt {flex:1 1 auto; min-width:0; width:1%; padding:clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px); background:#fafafa; border-radius:var(--size20);}
.field-trip .cnt.note {background:url('/images/sub/icon-note.png') no-repeat right clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px) top clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px); border:1px solid #ddd;}
.field-trip .cnt .tit {margin-bottom:1.25em; font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:500; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.field-trip .cnt dl {display:flex; margin-bottom:0.63em; font-weight:400; line-height:1.2; letter-spacing:-0.03em; color:#454545;}
.field-trip .cnt dl:last-child {margin-bottom:0;}
.field-trip .cnt dt {width:100px; font-weight:500; color:#242424;}
.field-trip .cnt dd {flex:1 1 auto; min-width:0; width:1%;}

/* 식품사업 */
.food .top-img-tit {position:relative; margin-bottom:var(--size60); border-radius:var(--size30); overflow:hidden;}
.food .top-img-tit .txt-wrap {position:relative; margin-top:-125px; width:95%; max-width:960px; padding:var(--size50) 10px 0 var(--size100); background:#fff; border-top-right-radius:var(--size60);}
.food .top-img-tit .tit {margin-bottom:0.93em; font-family:var(--font-high1-B); font-size:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); letter-spacing:-0.03em; color:#242424; line-height:1.2em;}
.food .top-img-tit .tit strong {display:block; font-size:0.7em; font-weight:500;}
.food .top-img-tit .txt {color:#454545;}
.food .field-trip {padding:0 var(--size100);}
.food .field-trip .col {padding-left:clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px); padding-right:clamp(10px, calc( 40 / var(--inner) * 100vw ), 40px); border-top:1px solid #242424;}
.food .field-trip .col-tit {width:170px;}

/* 연계고용 */
.employment .top-cnt {margin-bottom:clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px); text-align:center;}
.employment .top-cnt .tit {margin-bottom:0.75em; font-family:var(--font-high1-B); font-size:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#000;}
.employment .top-cnt .txt {font-weight:400; color:#454545;}
.employment .wrap {border-top:1px solid #242424;}
.employment .col {padding:clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px); border-bottom:1px dashed #ddd;}
.employment .col:last-child {padding-bottom:0; border-bottom:0;}
.employment .col-tit {margin-bottom:1.25em;}
.employment .col-tit span {display:inline-block; position:relative; padding-top:0.38em; font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.employment .col-tit span:before {content:''; position:absolute; right:-10px; top:0; width:0.21em; height:0.21em; background:#e07224; border-radius:100%;}

.employment .wrap .info-txt {margin-top:1.25em; font-weight:400; line-height:1.2; color:#898989;}
.employment .wrap .img {margin-top:clamp(15px, calc( 34 / var(--inner) * 100vw ),34px); margin-bottom:clamp(15px, calc( 60 / var(--inner) * 100vw ), 60px);}
.employment .wrap .img:first-child {margin-top:0;}
.employment .wrap .img:last-child {margin-bottom:0;}
.employment .wrap .box {margin-bottom:clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px);}
.employment .wrap .box:last-child {margin-bottom:0;}
.employment .wrap .tt {margin-bottom:0.9em; font-size:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#454545;}
.employment .table-wrap table {border-top:1px solid #242424; text-align:center;}
.employment .table-wrap th {padding:1em; background:#fafafa; font-weight:600; line-height:1.2; color:#242424; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.employment .table-wrap td {padding:0.88em; border-bottom:1px solid #ddd; border-right:1px solid #ddd; line-height:1.4; color:#454545;}
.employment .table-wrap td.subject {padding-left:1.25em; text-align:left;}
.employment .table-wrap th:last-child,
.employment .table-wrap td:last-child {border-right:0;}

.dot-list>li {position:relative; padding-left:0.63em; font-weight:400; color:#454545;}
.dot-list>li:before {content:''; position:absolute; width:0.25em; height:0.25em; background:#242424; border-radius:100%; left:0; top:0.6em;}
.line-list>li {position:relative; padding-left:0.6em; font-size:0.94em; font-weight:400; color:#454545;}
.line-list>li:before {content:''; position:absolute; left:0; top:0.8em; width:0.27em; height:1px; background:#838383;}

/* 인재채용 */
.recruitment .top-img {margin-bottom:clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px);}
.recruitment .wrap {border-top:1px solid #242424;}
.recruitment .wrap .col {display:flex; padding:clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px) clamp(20px, calc( 100 / var(--inner) * 100vw ), 100px); border-bottom:1px dashed #ddd;}
.recruitment .wrap .col:last-child {border-bottom:1px solid #ababab;}
.recruitment .wrap .col-tit {width:25%; max-width:300px; font-size:clamp(20px, calc(28 / var(--inner) * 100vw ), 28px); font-weight:700; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.recruitment .wrap .cnt {flex:1 1 auto; min-width:0; width:1%;}
.recruitment .wrap .tit {margin-bottom:0.72em; font-size:1.13em; font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#242424;}
.recruitment .bar-list>li {position:relative; padding-left:0.63em; font-weight:400; color:#454545;}
.recruitment .bar-list>li:before {content:''; position:absolute; left:0; top:0.8em; width:0.31em; height:1px; background:#454545;}
.welfare-list ul {display:flex;}
.welfare-list ul li {position:relative; margin-left:calc(0px - var(--size20));}
.welfare-list ul li:first-child {margin-left:0;}

.brand .txt h3 {color: #242424; font-size: var(--font-size-30); font-weight: 600; line-height: 1.33em; letter-spacing: -0.04em; margin-bottom: var(--size20);}
.brand .txt p {color: #454545; font-size: var(--font-size-18); font-weight: 400; line-height: 1.67em;}
.brand .contain::after {content: none;}
.brand .top .contain {border-top: 1px solid #242424; padding-top: var(--size60); padding-bottom: var(--size100);}
.brand .top .txt {text-align: center; margin-bottom: var(--size60);}
.brand .top .img {width: 100%; aspect-ratio: 3 / 1; display: flex; align-items: center; justify-content: center; position: relative; border: 1px solid #ddd; overflow: hidden;}
.brand .top .img img {width: 83.48%;}
.brand .top .img:before {content: ''; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); background: url('/images/sub/brand-img2-bg.svg') no-repeat center / cover; z-index: 1;}
.brand .mid {background: #fafafa; padding: var(--size60) 0;}
.brand .mid .contain {display: flex; align-items: center; justify-content: center; gap: var(--size60);}
.brand .mid .images {display: flex; align-items: center; justify-content: center; flex-direction: column; gap: var(--size25); width: 56.17%;}
.brand .mid .txt {width: 38.83%;}
.brand .bot .contain {display: flex; align-items: center; justify-content: space-between; gap: var(--size60); padding-top: var(--size100);}

.greetings {display: flex; justify-content: center; gap: var(--size70);}
.greetings .img {width: 37.6%; aspect-ratio: 450 / 600; max-width: 450px;}
.greetings .img .in {width: 95.56%; aspect-ratio: 430 / 580; position: relative;}
.greetings .img .in:before {content: ''; position: absolute; right: -4.65%; bottom: -3.45%; width: 100%; height: 100%; border: 1px solid #e07224; border-radius: 0 var(--size140) 0 var(--size100);}
.greetings .img img {overflow: hidden; border-radius: 0 var(--size140) 0 var(--size100); width: 100%; height: 100%; object-fit: contain; position: relative; z-index: 1;}
.greetings .txt {width: 56.67%;}
.greetings .stit {font-size: var(--font-size-18); margin-bottom: var(--size30);}
.greetings h3 {color: #242424; font-size: var(--font-size-30); font-weight: 600; line-height: 1.33em; letter-spacing: -0.04em; margin-bottom: var(--size60);}
.greetings .txt > p {color: #454545; font-size: var(--font-size-18); font-weight: 500; line-height: 1.67em; letter-spacing: -0.04em; margin-bottom: var(--size30);}
.greetings .txt > p:last-of-type {margin-bottom: 0;}
.greetings .txt .big-txt {color: #242424; font-size: var(--font-size-22); font-weight: 700;}
.greetings .txt .sign {color: #242424; font-size: var(--font-size-18); font-weight: 600; line-height: 1.67em; letter-spacing: -0.04em; margin-top: var(--size50);}
.greetings .txt .sign strong {font-weight: 800;}