.a4 {}

.a4_map {width:100%;height:560px;}
.a4_map iframe {width:100%;height:100%;display:block;}

.a4_info {border-top:1px solid #D5D5D5;padding:50px 0;}
.a4_info_top {display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #D5D5D5;}
.a4_info_top img {height:40px;}
.a4_info_btm {display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.a4_info_btm dl {padding:0 40px;border-right:1px solid #D5D5D5;}
.a4_info_btm dl:first-child {padding-left:0;}
.a4_info_btm dl:last-child {border:none;}
.a4_info_btm dt {font-size:14px;color:#F26522;letter-spacing:0.15em;margin-bottom:20px;}
.a4_info_btm dt i {margin-right:8px;}
.a4_info_btm dd {font-size:18px;color:#0A0A0A;font-weight:600;line-height:1.7;word-break:keep-all;}
.a4_info_btm dd span {display:block;font-size:16px;color:#888;font-weight:400;}

.a4_map_btn {display:inline-flex;align-items:center;gap:12px;padding:16px 28px;background:#F26522;color:#fff;text-decoration:none;font-weight:700;font-size:15px;transition:all 0.3s;position:relative;overflow:hidden;}
.a4_map_btn::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#D9501A;transition:left 0.3s;}
.a4_map_btn:hover::before {left:0;}
.a4_map_btn span,.a4_map_btn i {position:relative;z-index:1;}

@media (max-width:960px) {
.a4_map {height:400px;}
.a4_info_btm {grid-template-columns:repeat(2,1fr);gap:30px;}
.a4_info_btm dl {border:none;padding:0;}
}
@media (max-width:640px) {
.a4_map {height:280px;}
.a4_info_btm {grid-template-columns:1fr 1fr;}
.a4_info_top img {height:24px;}
.a4_map_btn {padding:14px 20px;font-size:14px;}
.a4_info_btm dd {font-size: 14px;}
.a4_info_btm dd span {font-size: 14px;}
}




.b1 {color:#0A0A0A;}
.b1_tab_nav {display:flex; max-width:1440px; margin:0 auto; padding:0 32px; gap:4px;}
.b1_tab_nav button {flex:0 0 auto; padding:16px 28px; font-size:16px; font-weight:400; color:#717171; background:#F5F5F5; border:none; cursor:pointer; position:relative; letter-spacing:-0.01em; transition:all 0.3s; word-break:keep-all;}
.b1_tab_nav button.on {background:#0A0A0A; color:#fff;}
.b1_tab_nav button:hover:not(.on) {background:#E8E8E8; color:#0A0A0A;}
.b1_tab_nav button:hover {color:#F26522;}
.b1_panel {display:none;}
.b1_panel.on {display:block;}
 
/* ── p1 KV ── */
.p1_kv {background:#0A0A0A; padding:120px 20px; position:relative; overflow:hidden;}
.p1_kv::before {content:'D.G.'; position:absolute; bottom:-60px; right:-10px; font-family:'Archivo Black',sans-serif; font-size:300px; font-weight:900; color:rgba(242,101,34,0.05); line-height:1; pointer-events:none; white-space:nowrap;}
.p1_kv_inner {max-width:1400px; margin:0 auto; display:grid; grid-template-columns:480px 1fr; gap:80px; align-items:start; position:relative; z-index:2;}
.p1_kv_l strong {display:inline-flex; align-items:center; gap:12px; font-size:12px; font-weight:700; color:#F26522; letter-spacing:0.15em; margin-bottom:24px;}
.p1_kv_l strong::before {content:''; width:28px; height:1px; background:#F26522;}
.p1_kv_l h3 {font-size:clamp(40px,5.5vw,80px); font-weight:900; color:#fff; line-height:1.0; letter-spacing:-0.04em; margin-bottom:24px; word-break:keep-all;}
.p1_kv_l h3 span {color:#F26522;}
.p1_kv_l p {font-size:16px; color:rgba(255,255,255,0.6); line-height:1.8; word-break:keep-all;}
.p1_kv_r {padding-top:8px; display:flex; flex-wrap:wrap; gap:8px;}
.p1_kv_r span {padding:9px 14px; border:1px solid rgba(255,255,255,0.12); font-size:13px; font-weight:700; color:rgba(255,255,255,0.6); transition:all 0.3s; cursor:default;}
.p1_kv_r span:hover {border-color:#F26522; color:#F26522;}
 
/* ── p1 카드 ── */
.p1_cards {padding: 100px 20px 20px 20px; max-width: 1440px; margin: 0 auto;}
.p1_cards_inner {display:grid; grid-template-columns:1fr 1fr; border-left:1px solid #E8E8E8; border-top: 1px solid #e8e8e8;}
.p1_card {padding:56px 48px; border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8;}
.p1_card > strong {display:block; font-size:11px; font-weight:700; color:#F26522; letter-spacing:0.15em; margin-bottom:14px;}
.p1_card > p {font-size:22px; font-weight:900; color:#0A0A0A; letter-spacing:-0.02em; margin-bottom:28px; padding-bottom:20px; line-height: 1.4; border-bottom:2px solid #F26522; word-break:keep-all; display:inline-block;}
.p1_card_body {display:flex; gap:24px; align-items:flex-start;}
.p1_card_body > p {flex:1; font-size:16px; color:#555; line-height:1.85; word-break:keep-all;}
.p1_card_body > p strong {color:#F26522; font-weight:800;}
.p1_card_img {width: 100%; max-width: 200px; flex-shrink: 0; overflow: hidden;}
.p1_card_img img {width:100%; height:100%; object-fit:cover; display:block;}
 
.p1_card_body ol {list-style:none; padding:0; flex:1; display:flex; flex-direction:column; gap:6px;}
.p1_card_body ol li {font-size:16px; color:#555; line-height:1.6; display:flex; gap:10px; align-items:flex-start; word-break:keep-all;}
.p1_card_body ol li span {font-size:10px; font-weight:800; color:#F26522; background:#FFF0E8; width:20px; height:20px; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px;}
 
.p1_card_body dl {flex:1;}
.p1_card_body dl dt {font-size:16px; color:#555; line-height:1.85; word-break:keep-all; margin-bottom:20px;}
.p1_card_body dl dd {display:flex; align-items:center; gap:12px; font-size:15px; font-weight:700; color:#0A0A0A; word-break:keep-all; margin-bottom:12px;}
.p1_card_body dl dd::before {content:''; width:6px; height:6px; background:#F26522; flex-shrink:0;}
.p1_card_body dl span {border: 1px solid #F26522; color: #F26522; padding: 6px 8px; font-size: 13px; display: inline-block; margin: 3px; list-style: none; border-radius: 5px; transition: all 0.5s;}
.p1_card_body dl span:hover {background:#F26522; color: #fff;}
 
/* ── p1 갤러리 ── */
.p1_gallery {display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; max-width: 1400px; margin: 0 auto 100px auto; padding: 20px; border: 2px solid #F26522;}
.p1_gallery div {aspect-ratio:4/3; overflow:hidden;}
.p1_gallery div img {width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.6s;}
.p1_gallery div:hover img {transform:scale(1.07);}
 



.p2_kv {background:#0A0A0A; padding:120px 20px; position:relative; overflow:hidden;}
.p2_kv::before {content:'CAR.'; position:absolute; bottom:-60px; right:-10px; font-family:'Archivo Black',sans-serif; font-size:300px; font-weight:900; color:rgba(242,101,34,0.05); line-height:1; pointer-events:none; white-space:nowrap;}
.p2_kv_inner {max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; position:relative; z-index:2;}
.p2_kv_l strong {display:inline-flex; align-items:center; gap:12px; font-size:12px; font-weight:700; color:#F26522; letter-spacing:0.15em; margin-bottom:24px;}
.p2_kv_l strong::before {content:''; width:28px; height:1px; background:#F26522;}
.p2_kv_l h3 {font-size:clamp(36px,4.5vw,70px); font-weight:900; color:#fff; line-height:1.05; letter-spacing:-0.04em; margin-bottom:20px; word-break:keep-all;}
.p2_kv_l h3 span {color:#F26522;}
.p2_kv_l p {font-size:16px; color:rgba(255,255,255,0.6); line-height:1.8; word-break:keep-all;}
.p2_kv_r {display:flex; flex-direction:column; gap:16px;}
.p2_kv_r dl {display:flex; align-items:center; gap:16px; padding:20px 24px; border:1px solid rgba(255,255,255,0.1);}
.p2_kv_r dl:hover {border-color:#F26522;}
.p2_kv_r dt {font-size:16px; font-weight:800; color:#fff; word-break:keep-all;}
.p2_kv_r dt i {color:#F26522; margin-right:10px;}
 
.p2_gallery {display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; max-width: 1440px; margin: 0 auto; padding: 100px 20px;}
.p2_gallery > div {display:flex; flex-direction:column;}
.p2_gallery > div > p {padding:14px 16px; font-size:16px; font-weight:700; color:#0A0A0A; background:#fff; border-bottom:2px solid #F26522; word-break:keep-all; position: relative;}
.p2_gallery > div > p::before {content: ''; background: #F26522; font-size: 10px; position: absolute; left: 0; top: 50%; transform: translate(0px, -50%); width: 8px; height: 8px; border-radius: 50%;}
.p2_gallery > div > div {overflow:hidden; flex:1;}
.p2_gallery > div > div img {width:100%; aspect-ratio:3/4; object-fit:cover; display:block; transition:transform 0.6s;}
.p2_gallery > div > div:hover img {transform:scale(1.07);}
 
.p2_notice {background:#F26522; padding:36px 32px;}
.p2_notice_inner {max-width:1440px; margin:0 auto; display:flex; align-items:center; gap:20px;}
.p2_notice i {font-size:24px; color:#fff; flex-shrink:0;}
.p2_notice p {font-size:17px; font-weight:800; color:#fff; line-height:1.6; word-break:keep-all;}




.p3_kv {background:#0A0A0A; padding:120px 20px; position:relative; overflow:hidden;}
.p3_kv::before {content:'CARGO.'; position:absolute; bottom:-60px; right:-10px; font-family:'Archivo Black',sans-serif; font-size:240px; font-weight:900; color:rgba(242,101,34,0.05); line-height:1; pointer-events:none; white-space:nowrap;}
.p3_kv_inner {max-width:1400px; margin:0 auto; position:relative; z-index:2;}
.p3_kv_inner > strong {display:inline-flex; align-items:center; gap:12px; font-size:12px; font-weight:700; color:#F26522; letter-spacing:0.15em; margin-bottom:24px;}
.p3_kv_inner > strong::before {content:''; width:28px; height:1px; background:#F26522;}
.p3_kv_inner > h3 {font-size:clamp(36px,4.5vw,70px); font-weight:900; color:#fff; line-height:1.05; letter-spacing:-0.04em; margin-bottom:20px; word-break:keep-all;}
.p3_kv_inner > h3 span {color:#F26522;}
.p3_kv_inner > p {font-size:16px; color:rgba(255,255,255,0.6); line-height:1.8; word-break:keep-all;}

.p3_list {max-width:1440px; margin:0 auto; padding:100px 20px;}
.p3_list_inner {display:grid; grid-template-columns:repeat(2,1fr); border-left:1px solid #E8E8E8; border-top:1px solid #E8E8E8;}
.p3_item {padding:56px 48px; border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; position:relative; overflow:hidden; transition:background 0.4s;}
.p3_item::after {content:''; position:absolute; bottom:0; left:0; width:0; height:3px; background:#F26522; transition:width 0.4s;}
.p3_item:hover::after {width:100%;}
.p3_item > i {font-size:36px; color:#F26522; margin-bottom:24px; display:block;}
.p3_item > strong {display:block; font-size:22px; font-weight:900; color:#0A0A0A; letter-spacing:-0.02em; margin-bottom:8px; word-break:keep-all;}
.p3_item > em {display:block; font-size:12px; font-weight:700; color:#F26522; letter-spacing:0.1em; font-style:normal; margin-bottom:20px;}
.p3_item > p {font-size:15px; color:#555; line-height:1.85; word-break:keep-all; margin-bottom:24px;}
.p3_item dl {display:flex; flex-direction:column; gap:10px; padding-top:20px; border-top:1px solid #EBEBEB;}
.p3_item dl dd {display:flex; align-items:center; gap:10px; font-size:14px; color:#444; word-break:keep-all;}
.p3_item dl dd::before {content:''; width:5px; height:5px; background:#F26522; flex-shrink:0; border-radius:50%;}







@media screen and (max-width:960px) {
  .b1_tab_nav {padding:0 20px;}
  .b1_tab_nav button {padding:16px 14px; font-size:13px;}

  .p1_kv {padding:80px 20px;}
  .p1_kv_inner {grid-template-columns:1fr; gap:40px;}
  .p1_cards_inner {grid-template-columns:1fr;}
  .p1_gallery {grid-template-columns:1fr 1fr;}

  .p2_kv {padding:80px 20px;}
  .p2_kv_inner {grid-template-columns:1fr; gap:40px;}
  .p2_gallery {grid-template-columns:1fr 1fr;}
  .p2_notice {padding:30px 20px;}

  .p3_kv {padding:80px 20px;}
  .p3_list {padding:70px 20px;}
  .p3_list_inner {grid-template-columns:1fr;}
}
@media screen and (max-width:640px) {
  .b1_tab_nav {overflow-x:auto; flex-wrap:nowrap; overflow-y: hidden;}
  .b1_tab_nav button {white-space:nowrap;}

  .p1_kv {padding:60px 20px;}
  .p1_cards {padding: 50px 20px;}
  .p1_card {padding:36px 24px;}
  .p1_card > p {font-size: 20px;}
  .p1_card_body {flex-direction:column;}
  .p1_card_body > p {font-size: 14px;}
  .p1_card_body ol li {font-size: 14px;}
  .p1_card_body dl dt {font-size: 14px;}
  .p1_card_body dl dd {font-size: 14px; margin-bottom: 10px;}
  .p1_card_body dl span {font-size: 12px;}
  .p1_card_img {display: none;}
  .p1_gallery {margin: 0 auto 50px auto; padding: 0 20px;}

  .p2_kv {padding:60px 20px;}
  .p2_gallery {grid-template-columns:1fr 1fr; padding: 50px 20px;}
  .p2_gallery > div > p {font-size: 14px;}
  .p2_notice p {font-size: 15px;}

  .p3_kv {padding:60px 20px;}
  .p3_list {padding:50px 20px;}
  .p3_item {padding:36px 24px;}
  .p3_item > i {font-size:28px;}
  .p3_item > strong {font-size:18px;}
}