/* 회사소개 (company/20251217_about_us.php)
   색상: 본문 #151515 / 보조 #666 / 다크 #3f3a38 / 포인트 #c98f78 (회사소개서 PDF 톤) */

.about_container{padding:100px 0 0; color:#151515; word-break:keep-all; overflow:hidden;}
.about_container *{box-sizing:border-box;}
.about_container img{max-width:100%; vertical-align:top;}
.about_container ul, .about_container ol{list-style:none; margin:0; padding:0;}
.about_container dl, .about_container dd{margin:0;}

.about_inner{max-width:1250px; margin:0 auto;}

.about_label{font-size:13px; font-weight:600; letter-spacing:0.2em; text-transform:uppercase; color:#c98f78; margin-bottom:10px;}
.about_title{font-size:32px; color:#151515; font-weight:600; letter-spacing:-0.04em; line-height:1.3;}
.about_title span{font-size:16px; font-weight:400; color:#888; margin-left:8px; letter-spacing:-0.02em;}
.about_section p{font-size:17px; line-height:1.7; letter-spacing:-0.03em; color:#444;}

/* 타이틀 */
.about_top_section{position:relative; padding-bottom:160px; text-align:center;}
.about_top_section:before{content:''; display:block; position:absolute; width:1px; height:80px; background:#555; bottom:0; left:50%;}
.about_eyebrow{font-size:14px; font-weight:600; letter-spacing:0.3em; color:#c98f78; margin-bottom:20px;}
.about_top_section h1{text-align:center; color:#151515; font-size:52px; font-weight:600; line-height:1.3; letter-spacing:-0.05em;}
.about_top_section p{font-size:16px; color:#888; margin-top:24px; letter-spacing:-0.02em;}

/* 인트로 */
.about_intro{position:relative; margin-top:80px; padding:120px 0; text-align:center; background:url('/company/images/about_bg01.jpg') center center no-repeat; background-size:cover; background-attachment:fixed; color:#fff;}
.about_intro:before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.55);}
.about_intro .about_inner{position:relative;}
.about_intro h2{font-size:36px; font-weight:600; letter-spacing:-0.04em;}
.about_intro h2 + div{font-size:24px; margin-top:24px; color:#e8bfae; letter-spacing:-0.03em;}
.about_intro p{font-size:18px; line-height:1.8; margin-top:24px; color:rgba(255,255,255,0.88); letter-spacing:-0.03em;}

/* 회사 개요 */
.outline_wrap{margin-top:32px;}
.outline_wrap > div{flex:1; border:1px solid #ddd; border-top:3px solid #3f3a38; padding:28px 28px 30px;}
.outline_wrap h3{color:#151515; font-size:18px; font-weight:600;}
.outline_wrap > div > div{font-size:16px; color:#444; letter-spacing:-0.03em; line-height:1.6; margin-top:10px;}
.outline_detail{margin-top:20px; gap:20px; align-items:stretch;}
.outline_detail dl{flex:1; background:#f7f5f4; padding:36px 40px;}
.outline_detail dt{font-size:16px; font-weight:600; color:#151515; margin-top:28px;}
.outline_detail dt:first-child{margin-top:0;}
.outline_detail dd{font-size:16px; line-height:1.6; color:#444; margin-top:6px; letter-spacing:-0.03em;}
.outline_detail dd a{color:#444; text-decoration:underline;}
.outline_brand{width:400px; flex-shrink:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:48px 20px; background:#3f3a38; text-align:center;}
.outline_brand img{width:177px;}
.brand_line{display:block; width:40px; height:1px; background:#c98f78; margin:28px 0 20px;}
.brand_since{font-size:15px; font-weight:600; letter-spacing:0.3em; color:#e8bfae;}
.about_section .outline_brand p{font-size:15px; color:rgba(255,255,255,0.7); margin-top:8px;}

/* 비전 및 철학 */
.about_section.vision{position:relative; padding:120px 0; background:#3f3a38;}
.vision_img{position:absolute; top:0; left:0; width:58%; height:100%; background-position:center; background-size:cover; filter:grayscale(100%);}
.vision_img:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(90deg, rgba(63,58,56,0) 60%, rgba(63,58,56,1) 100%);}
.about_section.vision .about_inner{position:relative; display:flex; justify-content:flex-end;}
.vision_box{width:560px; background:#4a4442; padding:56px 56px 60px; box-shadow:0 20px 50px rgba(0,0,0,0.25);}
.about_section.vision .about_title{color:#fff;}
.about_section.vision h3{font-size:22px; font-weight:400; margin-top:10px; color:#e8bfae; letter-spacing:-0.02em;}
.about_section.vision p{font-size:16px; line-height:1.8; color:rgba(255,255,255,0.82); margin-top:32px; padding-left:20px; border-left:2px solid #c98f78;}

/* 사업 영역 */
.about_section.business{background:#f5f5f5;}
.business_wrap{margin-top:56px; flex-wrap:wrap; justify-content:center; gap:20px;}
.business_wrap > div{width:calc((100% - 40px) / 3); padding:44px 20px 40px; position:relative; background:#fff; transition:transform .25s, box-shadow .25s;}
.business_wrap > div:hover{transform:translateY(-6px); box-shadow:0 14px 30px rgba(0,0,0,0.08);}
.business_wrap > div:before{content:''; display:block; width:64px; height:64px; margin:0 auto 24px; background-position:center; background-repeat:no-repeat; background-size:100%;}
.business_wrap > .biz_make:before{background-image:url('/company/images/about_icon01.svg');}
.business_wrap > .biz_dist:before{background-image:url('/company/images/about_icon02.svg');}
.business_wrap > .biz_oem:before{background-image:url('/company/images/about_icon05.svg');}
.business_wrap > .biz_rnd:before{background-image:url('/company/images/about_icon03.svg');}
.business_wrap > .biz_content:before{background-image:url('/company/images/about_icon04.svg');}
.business_wrap > div h3{color:#151515; font-size:20px; font-weight:600;}
.business_wrap > div span{display:block; font-size:13px; color:#c98f78; margin-top:4px; letter-spacing:0.02em;}
.business_wrap > div div{font-size:16px; line-height:1.6; margin-top:16px; color:#444; letter-spacing:-0.03em;}

/* 생산 및 품질 관리 */
.about_container ol.process_wrap{position:relative; margin-top:56px; gap:20px;}
.process_wrap:before{content:''; position:absolute; top:6px; left:12.5%; right:12.5%; height:1px; background:#d6c3bb;}
.process_wrap li{flex:1; position:relative; padding-top:36px; text-align:center;}
.process_wrap li:before{content:''; position:absolute; top:0; left:50%; width:13px; height:13px; margin-left:-6px; border-radius:50%; background:#c98f78; box-shadow:0 0 0 5px #f6ebe6;}
.process_num{display:block; font-size:14px; font-weight:600; color:#c98f78; letter-spacing:0.1em;}
.process_wrap h3{font-size:20px; font-weight:600; margin-top:6px; color:#151515;}
.process_wrap li div{font-size:15px; line-height:1.6; color:#555; margin-top:10px; letter-spacing:-0.03em;}

.quality_wrap{margin-top:64px; gap:40px; align-items:stretch;}
.quality_img{width:440px; min-height:260px; flex-shrink:0; background-position:center; background-size:cover;}
.quality_list{flex:1; gap:40px; align-items:center;}
.quality_list > div{flex:1;}
.quality_list h3{font-size:20px; font-weight:600; color:#151515; padding-bottom:14px; border-bottom:1px solid #151515;}
.quality_list li{position:relative; font-size:16px; line-height:1.6; color:#444; padding:14px 0 14px 18px; border-bottom:1px solid #e5e5e5; letter-spacing:-0.03em;}
.quality_list li:before{content:''; position:absolute; left:2px; top:24px; width:5px; height:5px; border-radius:50%; background:#c98f78;}
.quality_note{margin-top:40px; padding:26px 30px; background:#3f3a38; color:rgba(255,255,255,0.85); font-size:18px; text-align:center; letter-spacing:-0.03em;}
.quality_note strong{color:#e8bfae; font-weight:600;}

/* 신뢰의 근거 */
.about_section.trust{position:relative; background:#3f3a38 url('/company/images/about_bg02.jpg') center top no-repeat; background-size:cover;}
.about_section.trust:before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(50,46,44,0.9);}
.about_section.trust .about_inner{position:relative;}
.about_section.trust .about_title{color:#fff;}
.about_section.trust p{color:rgba(255,255,255,0.75);}
.trust_wrap{display:flex; flex-wrap:wrap; margin-top:48px; border-top:1px solid rgba(255,255,255,0.15); border-left:1px solid rgba(255,255,255,0.15);}
.trust_wrap > div{width:50%; display:flex; align-items:center; gap:32px; padding:44px 40px; border-right:1px solid rgba(255,255,255,0.15); border-bottom:1px solid rgba(255,255,255,0.15);}
.trust_num{width:180px; flex-shrink:0; font-size:60px; font-weight:700; line-height:1; color:#e8bfae; letter-spacing:-0.03em; font-family:'Roboto', 'Noto Sans KR', sans-serif;}
.trust_wrap h3{font-size:20px; font-weight:600; color:#fff;}
.trust_wrap h3 span{font-size:13px; font-weight:400; color:rgba(255,255,255,0.6); margin-left:4px;}
.about_section.trust .trust_wrap p{font-size:15px; line-height:1.6; margin-top:8px; color:rgba(255,255,255,0.7);}

/* 파트너 및 입점현황 */
.about_section.partner .about_inner{gap:60px; align-items:stretch;}
.partner_img{width:440px; min-height:480px; flex-shrink:0; background-position:center; background-size:cover;}
.partner_cont{flex:1;}
.about_container ul.partner_list{margin-top:12px;}
.partner_list{position:relative; margin-top:36px; padding-left:36px;}
.partner_list li{position:relative; padding:18px 20px; border:1px solid #e2e2e2; margin-top:14px;}
.partner_list li:first-child{margin-top:0;}
.partner_list h3{font-size:18px; font-weight:600; color:#151515;}
.about_section.partner .partner_list p{font-size:15px; line-height:1.6; margin-top:6px; color:#555;}

/* 쓰임의 진정성 */
.about_section.value{background:#f7f5f4;}
.about_section.value .about_inner{align-items:center; gap:40px;}
.value_txt{flex:1;}
.value_txt p + p{margin-top:16px;}
.value_circle{position:relative; width:520px; height:460px; flex-shrink:0;}
.value_center{position:absolute; top:50%; left:50%; width:240px; height:240px; margin:-120px 0 0 -120px; border-radius:50%; background:#3f3a38; color:#fff; font-size:26px; font-weight:600; letter-spacing:0.08em; display:flex; align-items:center; justify-content:center;}
.value_item{position:absolute; width:190px; height:190px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#fff; padding:0 18px;}
.value_item h3{font-size:18px; font-weight:600;}
.about_section.value .value_item p{font-size:13px; line-height:1.5; margin-top:8px; color:rgba(255,255,255,0.88);}
.value_item.item01{top:0; right:30px; background:rgba(201,143,120,0.92);}
.value_item.item02{top:140px; left:0; background:rgba(168,115,92,0.92);}
.value_item.item03{bottom:0; right:10px; background:rgba(140,92,72,0.92);}

/* 제품 라인업 */
.lineup_wrap{display:flex; flex-wrap:wrap; gap:20px; margin-top:32px;}
.lineup_item{width:calc(50% - 10px); display:flex; align-items:center; background:#fff; border:1px solid #e2e2e2; transition:box-shadow .25s;}
.lineup_item:hover{box-shadow:0 14px 30px rgba(0,0,0,0.08);}
.lineup_img{position:relative; width:200px; height:200px; margin:20px 0 20px 20px; flex-shrink:0; overflow:hidden; background:#eee;}
.lineup_img img{position:absolute; top:0; left:0; width:100% !important; height:100% !important; max-width:none; object-fit:cover; transition:transform .4s;}
.lineup_item:hover .lineup_img img{transform:scale(1.05);}
.lineup_txt{flex:1; padding:28px 30px;}
.lineup_txt h3{font-size:20px; font-weight:600; color:#151515; padding-bottom:12px; margin-bottom:14px; border-bottom:1px solid #eee;}
.lineup_txt dl{display:flex; flex-wrap:wrap; font-size:15px; line-height:1.6; letter-spacing:-0.03em;}
.lineup_txt dt{width:44px; font-weight:600; color:#c98f78; margin-top:6px;}
.lineup_txt dd{width:calc(100% - 44px); color:#444; margin-top:6px;}
.lineup.acc .about_title{padding-top:60px; border-top:1px solid #e5e5e5;}

/* 마무리 */
.about_outro{padding:100px 0; background:#3f3a38; color:#fff;}
.about_outro .about_inner{align-items:flex-end; gap:40px;}
.about_outro h2{font-size:36px; font-weight:400; line-height:1.45; letter-spacing:-0.04em; color:#e8bfae;}
.about_container ul.outro_info{padding-left:32px; border-left:1px solid rgba(255,255,255,0.2);}
.about_container ul.outro_info li{font-size:15px; line-height:1.9; color:rgba(255,255,255,0.75);}
.about_container ul.outro_info li.outro_name{font-size:17px; font-weight:600; color:#fff; margin-bottom:6px;}
.outro_info a{color:rgba(255,255,255,0.75);}
.outro_info a:hover{color:#fff;}

/* 유틸 */
.mt8{margin-top:8px;}
.mt16{margin-top:16px;}
.pt100{padding-top:100px;}
.pb100{padding-bottom:100px;}
.gap20{gap:20px;}

/* 반응형 */
@media screen and (max-width:1290px){
	.about_inner{padding:0 20px;}
}
@media screen and (max-width:1024px){
	.about_top_section h1{font-size:42px;}
	.outline_brand, .quality_img, .partner_img{width:340px;}
	.vision_img{width:100%;}
	.vision_img:after{background:rgba(63,58,56,0.55);}
	.about_section.vision .about_inner{justify-content:center;}
	.trust_num{width:140px; font-size:48px;}
	.trust_wrap > div{padding:36px 28px; gap:20px;}
	.value_circle{width:440px; height:420px;}
	.value_item{width:170px; height:170px;}
	.lineup_item{width:100%;}
}
@media screen and (max-width:768px){
	.about_container{padding-top:60px;}
	.about_container .dp_flex{flex-direction:column;}
	.pt100{padding-top:64px;}
	.pb100{padding-bottom:64px;}
	.about_top_section{padding-bottom:110px;}
	.about_top_section:before{height:56px;}
	.about_top_section h1{font-size:30px;}
	.about_intro{margin-top:56px; padding:80px 0; background-attachment:scroll;}
	.about_intro h2{font-size:26px;}
	.about_intro h2 + div{font-size:19px;}
	.about_intro p{font-size:15px;}
	.about_intro p br, .about_section p br{display:none;}
	.about_title{font-size:26px;}
	.about_title span{display:block; margin:6px 0 0;}
	.about_section p{font-size:15px;}
	.outline_detail dl{padding:28px 24px;}
	.outline_brand, .quality_img, .partner_img{width:100%;}
	.quality_img{min-height:220px;}
	.partner_img{min-height:260px;}
	.about_section.vision{padding:64px 0;}
	.vision_box{width:100%; padding:36px 28px;}
	.business_wrap{margin-top:36px; gap:12px;}
	.business_wrap > div{width:100%;}
	.process_wrap{gap:28px;}
	.process_wrap:before{top:0; bottom:0; left:6px; right:auto; width:1px; height:auto;}
	.process_wrap li{text-align:left; padding:0 0 0 36px;}
	.process_wrap li:before{left:0; top:4px; margin-left:0;}
	.process_wrap li br{display:none;}
	.quality_wrap{margin-top:44px; gap:32px;}
	.quality_list{gap:32px; width:100%;}
	.quality_list > div{width:100%;}
	.quality_note{font-size:15px; padding:22px 20px;}
	.trust_wrap > div{width:100%; padding:28px 20px;}
	.trust_num{width:110px; font-size:38px;}
	.about_section.partner .about_inner{gap:36px;}
	.partner_list{padding-left:28px;}
	.partner_list li{padding:18px 20px;}
	.partner_list li:before{left:-28px;}
	.value_circle{width:100%; height:auto; display:flex; flex-direction:column; gap:10px;}
	.value_center{position:static; width:120px; height:120px; margin:0 auto 10px; font-size:18px;}
	.value_item{position:static; width:100%; height:auto; border-radius:12px; padding:22px 20px;}
	.value_item h3{font-size:17px;}
	.about_section.value .value_item p{font-size:14px;}
	.about_section.value .value_item p br{display:inline;}
	.lineup_item{align-items:flex-start;}
	.lineup_img{width:110px; height:110px; margin:16px 0 0 16px;}
	.lineup_txt{padding:16px 16px 18px;}
	.lineup_txt h3{font-size:17px; padding-bottom:8px; margin-bottom:6px;}
	.lineup_txt dl{font-size:13px;}
	.lineup_txt dt{width:34px;}
	.lineup_txt dd{width:calc(100% - 34px);}
	.lineup.acc .about_title{padding-top:48px;}
	.about_outro{padding:64px 0;}
	.about_outro .about_inner{align-items:flex-start;}
	.about_outro h2{font-size:24px;}
	.outro_info{padding-left:0; border-left:0; padding-top:24px; border-top:1px solid rgba(255,255,255,0.2); width:100%;}
}