@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


.traffic_guide											{ font-family:'Noto Sans KR', sans-serif; color:#111; width:100%; box-sizing:border-box; margin-bottom:80px;}
.traffic_guide .ai_mark									{display: none; opacity:.6; padding: 2px 16px; justify-content: center; align-items: center; gap: 10px;border-radius: 36px; border: 1px solid #f1f3f5; color:#fff; position: absolute; bottom:1.3rem; right:1.3rem; z-index:100;}
.traffic_guide .pc_none						 			{display:none;}


.traffic_guide .ai_mark.in_flex							{display:inline-flex;}	
.traffic_guide .before_dot								{position: relative; padding-left:10px;}
.traffic_guide .before_dot.bl::before					{background-color:#000;}
.traffic_guide .before_dot::before						{position: absolute; left:0; top:14px; width:3px; height:3px; background-color: #646464; border-radius:50%; content:'';}

.traffic_guide .traffic_visual							{ position:relative; width:100%; height:650px; background:url('/images/visitjj/contents/traffic/img_top_visual.jpg') center center / cover no-repeat; overflow:hidden; }
.traffic_guide .traffic_visual::before					{ content:''; position:absolute; inset:0;}
.traffic_guide .traffic_visual_inner					{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:40px; width:952px; max-width:calc(100% - 80px); margin:0 auto; padding-top:144px; text-align:center; color:#fff; }
.traffic_guide .traffic_visual_tit						{ display:flex; flex-direction:column; gap:8px; width:579px; max-width:100%; }
.traffic_guide .traffic_visual_sub						{ font-weight:500; font-size:2.125rem; line-height:1.41; letter-spacing:-1.87px; margin:0; }
.traffic_guide .traffic_visual_main						{ font-weight:700; font-size:3rem; line-height:1.33; letter-spacing:-2.64px; margin:0; }
.traffic_guide .traffic_visual_desc						{ font-weight:400; font-size:1.375rem; line-height:1.55; letter-spacing:-1.21px; margin:0; }

.traffic_guide .traffic_main							{ width:1300px; max-width:calc(100% - 40px); margin:-100px auto 0; display:flex; flex-direction:column; gap:80px; position:relative; z-index:100; background-color: #fff;}

.traffic_guide .traffic_section_intro					{ background:#fff; display:flex; flex-direction:column; align-items:center; gap:18px; padding-top:80px; width:100%; }
.traffic_guide .traffic_section_tit						{ display:flex; flex-direction:column; align-items:center; gap:10px; width:540px; max-width:100%; text-align:center; }
.traffic_guide .traffic_no_label						{ display:inline-flex; align-items:center; justify-content:center; gap:10px; }
.traffic_guide .no_badge								{ display:inline-flex; align-items:center; justify-content:center; background:#7401b8; color:#fff; padding:4px 16px; margin-right:-8px; font-family:'Montserrat', sans-serif; font-weight:700; font-size:1.25rem; line-height:1.5; letter-spacing:-0.2px; white-space:nowrap; }
.no_diamond												{ display:inline-block; width:10.648px; height:10.648px; background:#7401b8; transform:translate(-8px) rotate(45deg); flex-shrink:0; }
.traffic_guide .no_text									{ font-weight:700; font-size:2.375rem; line-height:1.26; letter-spacing:-2.09px; color:#7401b8; white-space:nowrap; }
.traffic_guide .traffic_section_sub						{ font-weight:500; font-size:1.75rem; line-height:1.43; letter-spacing:-1.54px; color:#111; margin:0; }
.traffic_guide .traffic_section_desc					{ font-weight:400; font-size:1.25rem; line-height:1.6; letter-spacing:-1.1px; color:#646464; text-align:center; margin:0; }

.traffic_guide .traffic_tab_contents					{ display:flex; flex-direction:column; align-items:center; gap:80px; width:100%; }

.traffic_guide .traffic_tab_header						{ position:relative; width:100%; height:288px; background:url('/images/visitjj/contents/traffic/img_pick_bg1.jpg') center center / cover no-repeat; overflow:hidden; }
.traffic_guide .traffic_tab_header.con2					{ background:url('/images/visitjj/contents/traffic/img_pick_bg2.jpg') center center / cover no-repeat;}



.traffic_guide .traffic_tab_overlay					{ position:absolute; inset:0;}
.traffic_guide .traffic_tab_inner						{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:40px; width:100%; padding-top:80px; }
.traffic_guide .traffic_tab_tit						{ display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; }
.traffic_guide .traffic_tab_pick						{ display:inline-flex; align-items:center; gap:6px; }
.traffic_guide .pick_icon								{ display:inline-block; width:24px; height:24px; background:url('/images/visitjj/contents/traffic/icon_check_circle.svg') center center / contain no-repeat; }
.traffic_guide .pick_text								{ font-family:'Montserrat', sans-serif; font-weight:700; font-size:1.5rem; line-height:1.25; letter-spacing:-0.24px; color:#fff; }
.traffic_guide .traffic_tab_question					{ font-weight:700; font-size:2.375rem; line-height:1.26; letter-spacing:-2.09px; color:#fff; margin:0; }

.traffic_guide .traffic_tab_btn_list					{ display:grid; grid-template-columns:repeat(4, 1fr); width:1200px; max-width:calc(100% - 100px); background:#fff; list-style:none; margin:0; padding:0; box-sizing:border-box; overflow:hidden; line-height:0; isolation:isolate; }
.traffic_guide .traffic_tab_item						{ position:relative; height:84px; background:#fff; box-sizing:border-box; overflow:hidden; align-self:stretch; justify-self:stretch; }
.traffic_guide .traffic_tab_item:nth-child(2)			{border-left:1px solid #d9d9d9;}
.traffic_guide .traffic_tab_item:nth-child(3)			{ border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; }
.traffic_guide .traffic_tab_btn						{ display:flex; align-items:center; justify-content:center; gap:4px 10px; width:100%; height:100%; text-decoration:none; box-sizing:border-box; }
.traffic_guide .tab_icon								{ width:40px; height:40px; display:inline-block; flex-shrink:0; background-position:center; background-repeat:no-repeat; background-size:cover; }

.traffic_guide .tab_icon_bus							{ background-image:url('/images/visitjj/contents/traffic/img_tab_ic1.png'); }
.traffic_guide .tab_icon_ktx							{ background-image:url('/images/visitjj/contents/traffic/img_tab_ic2.png'); }
.traffic_guide .tab_icon_express						{ background-image:url('/images/visitjj/contents/traffic/img_tab_ic3.png'); }
.traffic_guide .tab_icon_tip							{ width:24px; background-image:url('/images/visitjj/contents/traffic/img_tab_ic4.png'); }
.traffic_guide .tab_icon_card							{ background-image:url('/images/visitjj/contents/traffic/img_tab_ic5.png');}
.traffic_guide .tab_icon_taxi							{ background-image:url('/images/visitjj/contents/traffic/img_tab_ic6.png');}


.traffic_guide .tab_label								{ font-weight:500; font-size:1.375rem; line-height:1.64; letter-spacing:-1.21px; color:#646464; white-space:nowrap; }
.traffic_guide .traffic_tab_item.is_active				{ background:linear-gradient(to right, #bd4cff, #7401b8); }
.traffic_guide .traffic_tab_item.is_active .tab_label	{ color:#fff; font-weight:700; }

.traffic_guide .traffic_tab_item.is_active .tab_icon_bus	{ background-image:url('/images/visitjj/contents/traffic/img_tab_ic1_on.png')}
.traffic_guide .traffic_tab_item.is_active .tab_icon_ktx    { background-image:url('/images/visitjj/contents/traffic/img_tab_ic2_on.png')}
.traffic_guide .traffic_tab_item.is_active .tab_icon_express    { background-image:url('/images/visitjj/contents/traffic/img_tab_ic3_on.png')}
.traffic_guide .traffic_tab_item.is_active .tab_icon_tip    { background-image:url('/images/visitjj/contents/traffic/img_tab_ic4_on.png')}
.traffic_guide .traffic_tab_item.is_active .tab_icon_card	{ background-image:url('/images/visitjj/contents/traffic/img_tab_ic5_on.png');}
.traffic_guide .traffic_tab_item.is_active .tab_icon_taxi	{ background-image:url('/images/visitjj/contents/traffic/img_tab_ic6_on.png');}




.traffic_guide .traffic_route							{ display:flex; flex-direction:column; align-items:center; gap:80px; width:100%; }

.traffic_guide .route_tit								{ display:flex; flex-direction:column; align-items:center; gap:20px; width:100%; }
.traffic_guide .route_tit_inner						{ display:flex; flex-direction:column; align-items:center; gap:10px; }
.traffic_guide .route_tit_icon							{ display:inline-flex; align-items:center; justify-content:center;}
.traffic_guide .route_tit_icon img						{ width:100%; height:100%; object-fit:contain; }
.traffic_guide .route_tit_text							{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.traffic_guide .route_subtit							{ font-weight:500; font-size:1.75rem; line-height:1.43; letter-spacing:-1.54px; color:#111; margin:0; }
.traffic_guide .route_maintit							{ font-weight:700; font-size:2.375rem; line-height:1.26; letter-spacing:-2.09px; color:#7401b8; margin:0; }
.traffic_guide .route_divider							{ display:block; width:100%; height:1px; background:#d9d9d9; }
.traffic_guide .route_desc								{ font-weight:500; font-size:1.375rem; line-height:1.64; letter-spacing:-1.21px; color:#646464; text-align:center; margin:0; }

.traffic_guide .route_method							{ display:flex; flex-direction:column; align-items:center; gap:30px; width:100%; }
.traffic_guide .route_method_visual						{ position:relative; width:100%; height:521px; }
.traffic_guide .route_method_visual img					{ position:absolute; top:0; left:0; width:100%; height:500px; object-fit:cover; display:block; }
.traffic_guide .route_method_badge						{ position:absolute; left:50px; top:479px; display:inline-flex; align-items:center; justify-content:center; background:#7401b8; color:#fff; padding:8px 20px; font-weight:500; font-size:1.125rem; line-height:1.4; letter-spacing:-0.99px; white-space:nowrap; }

.traffic_guide .route_method_body						{ display:flex; align-items:flex-start; gap:60px; width:1200px; max-width:calc(100% - 100px); }
.traffic_guide .route_method_tit						{ flex-shrink:0; font-weight:700; font-size:1.75rem; line-height:1.43; letter-spacing:-1.54px; color:#111; margin:0; }
.traffic_guide .route_con								{display:flex; flex-direction: column; gap:10px;}

.traffic_guide .route_method_desc						{ flex:1; min-width:0; font-weight:400; font-size:1.25rem; line-height:1.6; letter-spacing:-0.07em; color:#646464; margin:0; }
.traffic_guide .route_method_desc em					{font-weight:700; color:#646464;}
.traffic_guide .route_method_info						{ display:flex; gap:40px; width:1200px; max-width:calc(100% - 100px); border:1px solid #d9d9d9; padding:40px 50px; }
.traffic_guide .info_col								{ flex:1; min-width:0; display:flex; flex-direction:column; gap:8px 16px; }
.traffic_guide .info_col + .info_col					{ padding-left:40px; border-left:1px solid #d9d9d9; }
.traffic_guide .info_head								{ display:flex; align-items:center; gap:20px; }
.traffic_guide .info_terminal							{ font-weight:700; font-size:1.375rem; line-height:1.36; letter-spacing:-1.21px; color:#111; margin:0; white-space:nowrap; }
.traffic_guide .link_btn								{ display:inline-flex; align-items:center; justify-content:center; padding:8px 16px; border:1px solid #c8c8c8; font-weight:400; font-size:.9rem; line-height:1.3; letter-spacing:-0.88px; color:#000; text-decoration:none; white-space:nowrap; }
.traffic_guide .link_btn.no_border						{color:#646464; border:none; padding: 0; text-decoration: underline; text-underline-offset: 4px;}


 
.traffic_guide .info_dl								{ display:grid; grid-template-columns:auto 1fr; column-gap:10px; row-gap:6px; margin:0; }
.traffic_guide .info_dl dt								{ font-weight:700; font-size:1.1875rem; line-height:1.63; letter-spacing:-1.045px; color:#646464; white-space:nowrap; }
.traffic_guide .info_dl dd								{ font-weight:400; font-size:1.1875rem; line-height:1.47; letter-spacing:-1.045px; color:#646464; margin:0; }

.traffic_guide .bus_feature								{ display:flex; flex-direction:column; width:1200px; max-width:calc(100% - 100px); }
.traffic_guide .bus_feature_main						{ display:flex; align-items:stretch; gap:40px; padding:40px 50px; border:1px solid #d9d9d9; box-sizing:border-box; }
.traffic_guide .bus_feature_col							{ flex:1; min-width:0; display:flex; flex-direction:column; gap:16px; }
.traffic_guide .bus_feature_col:first-child				{ border-right:1px solid #d9d9d9; padding-right:40px; justify-content:space-between; min-height:145px; }
.traffic_guide .bus_feature_head						{ display:flex; align-items:center; gap:10px; }
.traffic_guide .bus_feature_icon						{ display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
.traffic_guide .bus_feature_icon img					{ width:100%; height:100%; object-fit:contain; display:block; }
.traffic_guide .bus_feature_tit							{ font-weight:700; font-size:1.375rem; line-height:1.36; letter-spacing:-1.21px; color:#111; margin:0; white-space:nowrap; }
.traffic_guide .bus_feature_list						{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.traffic_guide .bus_feature_list li						{ font-weight:400; font-size:1.1875rem; line-height:1.63; letter-spacing:-1.045px; color:#646464; }
.traffic_guide .bus_feature_note						{ display:flex; align-items:center; justify-content:center; padding:20px 50px; border:1px solid #d9d9d9; border-top:0; box-sizing:border-box; }
.traffic_guide .bus_feature_note p						{ margin:0; font-weight:400; font-size:1.1875rem; line-height:1.63; letter-spacing:-1.045px; color:#646464;}

.traffic_guide .bus_book_box							{ display:flex; flex-direction:column; gap:30px; width:1200px; max-width:calc(100% - 100px); padding:40px; border:1px solid #d9d9d9; box-sizing:border-box; }
.traffic_guide .bus_book_item							{ display:flex; align-items:center; gap:30px; width:100%; }
.traffic_guide .bus_book_item + .bus_book_item			{ padding-top:30px; border-top:1px solid #d9d9d9; }
.traffic_guide .bus_book_icon							{ display:inline-flex; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0; }
.traffic_guide .bus_book_icon img						{ width:100%; height:100%; object-fit:contain; display:block; }
.traffic_guide .bus_book_body							{ flex:1; min-width:0; display:flex; flex-direction:column; gap:16px; padding:10px 0 10px 30px; border-left:1px solid #d9d9d9; }
.traffic_guide .bus_book_head							{ display:flex; align-items:center; flex-wrap:wrap; gap:20px 40px; }
.traffic_guide .bus_book_head_group						{ display:inline-flex; align-items:center; gap:10px; flex-wrap:wrap; }
.traffic_guide .bus_book_title							{ font-weight:700; font-size:1.375rem; line-height:1.36; letter-spacing:-1.21px; color:#111; margin:0; white-space:nowrap; }
.traffic_guide .bus_book_store							{ display:inline-flex; align-items:center; gap:10px; }
.traffic_guide .bus_book_store_btn						{ display:inline-block; width:118px; height:32px; border-radius:8px; overflow:hidden; }
.traffic_guide .bus_book_store_btn img					{ width:100%; height:100%; object-fit:cover; display:block; }
.traffic_guide .bus_book_info							{ display:flex; flex-direction:column; gap:6px; }
.traffic_guide .bus_book_bullets						{ display:flex; flex-wrap:wrap; gap:6px 20px; font-weight:400; font-size:1.1875rem; line-height:1.63; letter-spacing:-1.045px; color:#111; }
.traffic_guide .bus_book_bullets.is_column				{ flex-direction:column; gap:4px; }
.traffic_guide .bus_book_note							{ font-weight:400; font-size:1rem; line-height:1.75; letter-spacing:-0.88px; color:#7401b8; }
.traffic_guide .bus_book_method_tit						{ font-weight:700; font-size:1.1875rem; line-height:1.63; letter-spacing:-1.045px; color:#111; margin:6px 0 4px; }
.traffic_guide .bus_book_steps							{ display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; }
.traffic_guide .bus_book_step							{ position: relative; display:flex; align-items:center; gap:20px; background:#f5f5f5; padding:16px 20px; }
.traffic_guide .bus_book_step.is_full					{ grid-column:1 / -1; }
.traffic_guide .bus_book_step_num						{ flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; padding:0 12px; min-height:28px; background:#646464; color:#fff; font-family:'Montserrat', sans-serif; font-weight:700; font-size:1.1875rem; line-height:1.47; letter-spacing:-0.19px; }
.traffic_guide .bus_book_step_text						{ margin:0; font-weight:400; font-size:1.1875rem; line-height:1.47; letter-spacing:-1.045px; color:#646464; }
.traffic_guide .bus_book_step_extra						{ font-weight:400; font-size:1rem; line-height:1.75; letter-spacing:-0.88px; color:#646464; }
.traffic_guide .bus_book_step_extra p					{ margin:0; }
.traffic_guide .bus_book_step_extra strong				{ font-weight:700;}

.traffic_guide .step_box								{ position:relative; width:1200px; max-width:calc(100% - 100px); background:#fff; border:1px solid #d9d9d9; padding:50px 60px 40px; margin-top:30px; }
.traffic_guide .step_box_tit							{ position:absolute; top:-30px; left:50%; transform:translateX(-50%); display:inline-flex; align-items:center; justify-content:center; background:#fff; padding:10px 30px; font-weight:700; font-size:1.625rem; line-height:1.54; letter-spacing:-1.43px; color:#7401b8; white-space:nowrap; }
.traffic_guide .step_list								{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:24px; }
.traffic_guide .step_item								{ display:flex; align-items:center; gap:30px; }

.traffic_guide .step_body								{ flex:1; min-width:0; display:flex; flex-direction:column; gap:10px; padding:10px 0 10px 30px; border-left:1px solid #d9d9d9; }
.traffic_guide .step_tit								{ font-weight:700; font-size:1.375rem; line-height:1.36; letter-spacing:-1.21px; color:#7401B8; margin:0; }
.traffic_guide .step_tit.bl								{color:#000;}	
.traffic_guide .step_desc								{ font-weight:400; font-size:1.1875rem; line-height:1.63; letter-spacing:-1.045px; color:#000; margin:0; }
.traffic_guide .step_desc.grey							{color:#646464}

.traffic_guide .step_desc small.flex					{display:flex; flex-wrap: nowrap;}
.traffic_guide .step_desc small							{color:#7401B8; font-size:16px; font-weight:400;}

.traffic_guide .step_body.sm{gap:6px;}
.traffic_guide .app_btn_list							{display:flex; align-items:center; gap:10px; margin-top:14px;}

.traffic_guide .step_extra								{ display:flex; flex-direction:column; gap:6px; }
.traffic_guide .step_extra_row							{ display:flex; gap:2px 10px; flex-wrap:wrap; position: relative;}
.traffic_guide .step_extra_label						{ font-weight:700; font-size:1.1875rem; line-height:1.68; letter-spacing:-1.045px; color:#646464; white-space:nowrap; }
.traffic_guide .step_extra_text							{ font-weight:400; font-size:1.1875rem; line-height:1.68; letter-spacing:-1.045px; color:#646464; }


.traffic_guide .app_recommend_list						{ display:flex; flex-direction:column; gap:20px; width:1200px; max-width:calc(100% - 100px); }
.traffic_guide .app_recommend_item						{ display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; padding:16px 200px; border:1px solid #d9d9d9; box-sizing:border-box; flex-wrap:wrap; }
.traffic_guide .app_recommend_item.center				{justify-content: center; gap:10px 40px;}
.traffic_guide .app_recommend_brand						{ display:inline-flex; align-items:center; gap:12px; flex-wrap:wrap; }
.traffic_guide .app_recommend_icon						{ display:inline-flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:12px; overflow:hidden; flex-shrink:0; }
.traffic_guide .app_recommend_icon img					{ width:100%; height:100%; object-fit:cover; display:block; }
.traffic_guide .app_recommend_text						{ display:inline-flex; align-items:center; gap:6px; }
.traffic_guide .app_recommend_name						{ font-weight:700; font-size:1.25rem; line-height:1.5; letter-spacing:-1.1px; color:#111; white-space:nowrap; }
.traffic_guide .app_recommend_label						{ font-weight:400; font-size:1.1875rem; line-height:1.47; letter-spacing:-1.045px; color:#111; white-space:nowrap; }
.traffic_guide .app_recommend_link						{ display:inline-flex; align-items:center; justify-content:center; padding:8px 16px; border:1px solid #c8c8c8; font-weight:400; font-size:1rem; line-height:1.3; letter-spacing:-0.88px; color:#646464; text-decoration:none; white-space:nowrap; }
.traffic_guide .app_recommend_store						{ display:inline-flex; flex-wrap: wrap; align-items:center; gap:6px; flex-shrink:0; }
.traffic_guide .app_recommend_store_btn					{ display:inline-block; width:118px; height:32px; border-radius:8px; overflow:hidden; }
.traffic_guide .app_recommend_store_btn img				{ width:100%; height:100%; object-fit:cover; display:block; }

.traffic_guide .card_pick_list							{ display:flex; flex-direction:column; gap:60px; width:1200px; max-width:calc(100% - 100px); }
.traffic_guide .card_pick_item							{ display:flex; align-items:center; gap:60px; width:100%; }
.traffic_guide .card_pick_visual						{ display:inline-flex; align-items:center; justify-content:center; padding:10px; border:1px solid #d9d9d9; border-radius:12px; flex-shrink:0; box-sizing:border-box; }
.traffic_guide .card_pick_visual img					{ width:210px; height:330px; object-fit:cover; display:block; }
.traffic_guide .card_pick_body							{ flex:1; min-width:0; display:flex; flex-direction:column; gap:20px; }
.traffic_guide .card_pick_head							{ display:flex; align-items:center; gap:10px; }
.traffic_guide .card_pick_num							{ display:inline-flex; align-items:center; justify-content:center; padding:0 12px; min-height:28px; background:#7401b8; color:#fff; font-family:'Montserrat', sans-serif; font-weight:700; font-size:1.1875rem; line-height:1.47; letter-spacing:-0.19px; }
.traffic_guide .card_pick_title							{ font-weight:700; font-size:1.75rem; line-height:1.43; letter-spacing:-1.54px; color:#111; margin:0; white-space:nowrap; }
.traffic_guide .card_pick_info							{ display:flex; flex-direction:column; gap:16px; padding:30px; background:#f5f5f5; box-sizing:border-box; width:100%; }
.traffic_guide .card_pick_feature_list					{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.traffic_guide .card_pick_feature						{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.traffic_guide .card_pick_label							{ font-weight:700; font-size:1.1875rem; line-height:1.63; letter-spacing:-1.045px; color:#111; white-space:nowrap; }
.traffic_guide .card_pick_text							{ font-weight:400; font-size:1.1875rem; line-height:1.47; letter-spacing:-1.045px; color:#646464; }
.traffic_guide .card_pick_link							{ display:inline-flex; align-items:center; align-self:flex-start; font-weight:400; font-size:1rem; line-height:1.3; letter-spacing:-0.88px; color:#646464; text-decoration:underline; }
.traffic_guide .card_pick_note_list						{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.traffic_guide .card_pick_note_list li					{ font-weight:400; font-size:1.1875rem; line-height:1.63; letter-spacing:-1.045px; color:#646464; }
.traffic_guide .card_pick_note_list strong				{ font-weight:700; color:#111; }

.traffic_guide .bus_step								{ display:flex; align-items:center; gap:40px; width:100%; }
.traffic_guide .bus_step_reverse						{ flex-direction:row-reverse; }
.traffic_guide .bus_step_visual						{position:relative; flex:1; min-width:0; height:400px; }
.traffic_guide .bus_step_reverse .bus_step_visual		{ height:420px; }
.traffic_guide .bus_step_visual img					{ width:100%; height:100%; object-fit:cover; display:block; }
.traffic_guide .bus_step_body							{ flex:1; min-width:0; display:flex; flex-direction:column; gap:20px; }
.traffic_guide .bus_step_reverse .bus_step_body		{ align-items:flex-end; text-align:right; }
.traffic_guide .bus_step_tit							{ font-weight:700; font-size:1.75rem; line-height:1.43; letter-spacing:-1.54px; color:#111; margin:0; }
.traffic_guide .bus_step_desc							{ font-weight:400; font-size:1.3125rem; line-height:1.57; letter-spacing:-1.05px; color:#646464; margin:0; }

.traffic_guide .transfer_benefit						{ display:flex; flex-direction:column; align-items:center; gap:30px; width:100%; }
.traffic_guide .transfer_benefit_visual				{position:relative; width:100%; height:500px; overflow:hidden; }
.traffic_guide .transfer_benefit_visual img			{ width:100%; height:100%; object-fit:cover; display:block; }
.traffic_guide .transfer_benefit_body					{ display:flex; align-items:flex-start; gap:60px; width:1200px; max-width:calc(100% - 100px); }
.traffic_guide .transfer_benefit_tit					{ flex-shrink:0; font-weight:700; font-size:1.75rem; line-height:1.43; letter-spacing:-1.54px; color:#111; }
.traffic_guide .transfer_benefit_tit p					{ margin:0; }
.traffic_guide .transfer_benefit_desc					{ flex:1; min-width:0; display:flex; flex-direction:column; gap:6px; }
.traffic_guide .transfer_benefit_desc p				{ font-weight:400; font-size:1.1875rem; line-height:1.63; letter-spacing:-1.045px; color:#646464; margin:0; }
.traffic_guide .transfer_benefit_desc p.sm				{font-size:16px; display:flex; color:#7401B8;}		
.traffic_guide .bus_info_bar							{ display:flex; align-items:center; justify-content:center; gap:40px; width:100%; padding:20px 60px; background:#f5f5f5; box-sizing:border-box; flex-wrap:wrap; }
.traffic_guide .bus_info_bar p							{ margin:0; font-weight:400; font-size:1.1875rem; line-height:1.47; letter-spacing:-1.045px; color:#646464; }

.traffic_guide .tip_list								{ display:flex; flex-direction:column; gap:40px; width:1200px; max-width:calc(100% - 100px); }
.traffic_guide .tip_list_item							{ display:flex; flex-direction:column; gap:10px; padding:0 40px; }
.traffic_guide .tip_list_item.pt-0						{padding-top:0 !important;}	
.traffic_guide .tip_list_item + .tip_list_item			{ padding-top:40px; border-top:1px solid #d9d9d9; }
.traffic_guide .tip_list_tit							{ font-weight:700; font-size:1.75rem; line-height:1.43; letter-spacing:-1.54px; color:#7401b8; margin:0; }
.traffic_guide .tip_list_desc_wrap						{display:flex; gap:6px; flex-direction: column;}	
.traffic_guide .tip_list_desc							{ font-weight:400; font-size:1.25rem; line-height:1.6; letter-spacing:-1.1px; color:#111; margin:0; }
.traffic_guide .tip_extra								{ display:flex; flex-direction:column; gap:6px; }
.traffic_guide .tip_extra_row							{ display:flex; align-items:center; gap:0 10px; flex-wrap:wrap; }
.traffic_guide .tip_extra_label							{ font-weight:700; font-size:1.1875rem; line-height:1.63; letter-spacing:-1.045px; color:#111; white-space:nowrap; }
.traffic_guide .tip_extra_text							{ font-weight:400; font-size:1.1875rem; line-height:1.47; letter-spacing:-1.045px; color:#111; }
.traffic_guide .tip_bullet_list							{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.traffic_guide .tip_bullet_list li						{ font-weight:400; font-size:1.1875rem; line-height:1.63; letter-spacing:-1.045px; color:#111; }
.traffic_guide .tip_place_list							{ display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; width:100%; margin-top:10px; }
.traffic_guide .tip_place_item							{ display:flex; flex-wrap: wrap; flex-direction:column; align-items:flex-start; gap:10px; padding:24px 16px; background:#fff; border:1px solid #c8c8c8; box-sizing:border-box; }
.traffic_guide .tip_place_name							{ font-weight:700; font-size:1.3125rem; line-height:1.52; letter-spacing:-1.155px; color:#111; margin:0; }
.traffic_guide .tip_place_addr							{ font-weight:400; font-size:1.1875rem; line-height:1.63; letter-spacing:-1.045px; color:#646464; margin:0; }
.traffic_guide .tip_note_list							{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; margin-top:10px; }
.traffic_guide .tip_note_list .nowrap					{display:flex; flex-wrap:nowrap; gap:0 2px;}	
.traffic_guide .tip_note_list li						{ font-weight:400; font-size:1rem; line-height:1.75; letter-spacing:-0.88px; color:#7401b8; }



.traffic_guide .hotline_bar							{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:12px 40px; background:#f5f5f5; flex-wrap:wrap; }
.traffic_guide .hotline_tit							{ font-weight:700; font-size:1.125rem; line-height:1.78; letter-spacing:-0.99px; color:#646464; margin:0; white-space:nowrap; }
.traffic_guide .hotline_text							{ font-weight:500; font-size:1.125rem; line-height:1.78; letter-spacing:-0.99px; color:#646464; margin:0; }
.traffic_guide .hotline_text strong					{ font-weight:700; }
.traffic_guide .hotline_tit a						{text-decoration: underline; text-underline-offset: 4px;}

@media (max-width:1300px){
	.traffic_guide .traffic_section_desc	{max-width:80%;}
	.traffic_guide .traffic_section_desc br{display:none;}
	.traffic_guide .transfer_benefit_desc p.sm br{display:none}
}

@media (max-width:1024px){
	.traffic_guide										{margin-bottom:60px;}
	
	.traffic_guide .traffic_visual						{ height:auto; min-height:520px; padding:80px 24px; }
	.traffic_guide .traffic_visual_inner				{ width:100%; max-width:100%; padding-top:0; gap:32px; }
	.traffic_guide .traffic_visual_tit					{ width:100%; gap:8px; }
	.traffic_guide .traffic_visual_sub					{ font-size:1.75rem; letter-spacing:-1px; }
	.traffic_guide .traffic_visual_main					{ font-size:2.5rem; letter-spacing:-1.5px; }
	.traffic_guide .traffic_visual_desc					{ font-size:1.125rem; letter-spacing:-0.6px; }

	.traffic_guide .traffic_main						{ max-width:calc(100% - 48px); gap:60px; }
	.traffic_guide .traffic_section_intro				{ padding-top:60px; }
	.traffic_guide .no_text							{ font-size:2rem; letter-spacing:-1.4px; }
	.traffic_guide .traffic_section_sub				{ font-size:1.5rem; letter-spacing:-1px; }
	.traffic_guide .traffic_section_desc				{ font-size:1.125rem; letter-spacing:-0.6px; }

	.traffic_guide .traffic_tab_contents				{ gap:60px; }
	.traffic_guide .traffic_tab_header					{ height:auto;}
	.traffic_guide .traffic_tab_inner					{ padding-top:60px; gap:32px; }
	.traffic_guide .traffic_tab_question				{ font-size:1.875rem; letter-spacing:-1.2px; }
	.traffic_guide .traffic_tab_btn_list				{ max-width:94%; }
	.traffic_guide .traffic_tab_item					{height:76px;}
	
	.traffic_guide .tab_icon							{width: 30px; height:30px;}
	.traffic_guide .tab_label							{ font-size:1.125rem; letter-spacing:-0.6px; }
	.traffic_guide .tab_icon_tip						{width: 20px;}
	.traffic_guide .traffic_route						{gap:60px}
	.traffic_guide .route_tit_inner img						{width:60px;}
	.traffic_guide .route_subtit						{ font-size:1.5rem; letter-spacing:-1px; }
	.traffic_guide .route_maintit						{ font-size:2rem; letter-spacing:-1.4px; }
	.traffic_guide .route_desc							{ font-size:1.125rem; letter-spacing:-0.6px; }
	.traffic_guide .route_desc br						{display:none;}
	.traffic_guide .route_method_visual					{ height:460px; }
	.traffic_guide .route_method_visual img				{ height:440px; }
	.traffic_guide .route_method_badge					{ left:30px; top:420px; }

	.traffic_guide .route_method_body,
	.traffic_guide .route_method_info, 
	.traffic_guide .step_box,
	.traffic_guide .app_dl_bar,
	.traffic_guide .app_recommend_list,
	.traffic_guide .bus_feature,
	.traffic_guide .bus_book_box						{ max-width:calc(100% - 60px); }
	.traffic_guide .app_recommend_list					{gap:16px;}
	.traffic_guide .bus_feature_main					{ padding:32px 30px; gap:24px; }
	.traffic_guide .bus_feature_col						{gap:12px;}
	.traffic_guide .bus_feature_col:first-child			{ padding-right:24px; }
	.traffic_guide .bus_feature_note					{ padding:18px 30px; }
	.traffic_guide .bus_feature_tit						{ font-size:1.25rem; }
	.traffic_guide .bus_book_box						{ padding:32px 28px; gap:24px; }
	.traffic_guide .bus_book_item + .bus_book_item		{ padding-top:24px; }
	.traffic_guide .bus_book_body						{ padding-left:24px; gap:14px; }
	.traffic_guide .bus_book_head						{gap:10px 20px;}
	.traffic_guide .bus_book_title						{ font-size:1.25rem; }
	.traffic_guide .bus_book_step						{gap:10px 20px;}

	.traffic_guide .bus_book_step_extra					{ font-size:0.9375rem; }
	.traffic_guide .route_method_body					{ gap:40px; }
	.traffic_guide .route_method_tit					{ font-size:1.5rem; letter-spacing:-1px; }
	.traffic_guide .route_method_desc					{ font-size:1.125rem; letter-spacing:-0.6px; }
	.traffic_guide .route_method_info					{ padding:32px 30px; gap:30px; }
	.traffic_guide .info_col + .info_col				{ padding-left:30px; }
	.traffic_guide .info_terminal						{ font-size:1.25rem; }
	.traffic_guide .info_dl dt,
	.traffic_guide .info_dl dd							{ font-size:1.0625rem; letter-spacing:-0.6px; }

	.traffic_guide .step_box							{ padding:40px 32px 32px; }
	.traffic_guide .step_box_tit						{ font-size:1.375rem; letter-spacing:-0.8px; padding:8px 24px; top:-28px; }
	.traffic_guide .step_tit							{ font-size:1.25rem; letter-spacing:-0.8px; }
	.traffic_guide .bus_book_step_text br				{display:none;}
	.traffic_guide .step_desc							{ font-size:1.0625rem; letter-spacing:-0.6px; }
	.traffic_guide .step_desc small 					{font-size:15px;}
	.traffic_guide .transfer_benefit_desc p.sm			{font-size:15px;}
	.traffic_guide .step_extra_label,
	.traffic_guide .step_extra_text						{ font-size:1.0625rem; letter-spacing:-0.6px; }
	.traffic_guide .app_recommend_item					{ padding:16px 30px; gap:20px; }
	
	.traffic_guide .card_pick_list						{ max-width:calc(100% - 60px); gap:48px; }
	.traffic_guide .card_pick_item						{ gap:40px; }
	.traffic_guide .card_pick_visual img				{ width:180px; height:280px; }
	.traffic_guide .card_pick_title						{ font-size:1.5rem; letter-spacing:-1px; }
	.traffic_guide .card_pick_info						{ padding:24px; gap:14px; }
	.traffic_guide .card_pick_label,
	.traffic_guide .card_pick_text,
	.traffic_guide .card_pick_note_list li				{ font-size:1.0625rem; letter-spacing:-0.6px; }

	.traffic_guide .bus_book_steps						{ grid-template-columns:repeat(2, 1fr); }

	.traffic_guide .bus_step							{ gap:30px; }
	.traffic_guide .bus_step_visual						{ height:340px; }
	.traffic_guide .bus_step_reverse .bus_step_visual	{ height:360px; }
	.traffic_guide .bus_step_tit						{ font-size:1.5rem; letter-spacing:-1px; }
	.traffic_guide .bus_step_body						{gap:16px;}
	.traffic_guide .bus_step_desc						{ font-size:1.125rem; letter-spacing:-0.6px; }
	.traffic_guide .bus_step_desc br					{display:none;}
	.traffic_guide .transfer_benefit_visual				{ height:400px; }
	.traffic_guide .transfer_benefit_body				{ max-width:calc(100% - 60px); gap:40px; }
	.traffic_guide .transfer_benefit_tit				{ font-size:1.5rem; letter-spacing:-1px; }
	.traffic_guide .transfer_benefit_desc p				{ font-size:1.0625rem; letter-spacing:-0.6px; }
	.traffic_guide .bus_info_bar						{ padding:18px 40px; gap:28px; }
	.traffic_guide .bus_info_bar p						{ font-size:1.0625rem; letter-spacing:-0.6px; }

	.traffic_guide .tip_list							{ max-width:calc(100% - 60px); gap:30px;}
	.traffic_guide .tip_list_item + .tip_list_item		{padding-top:30px;}
	.traffic_guide .tip_list_item						{ padding:0 30px; }
	.traffic_guide .tip_list_tit						{ font-size:1.5rem; letter-spacing:-1px; }
	.traffic_guide .tip_list_desc						{ font-size:1.125rem; letter-spacing:-0.6px; }
	.traffic_guide .tip_extra_label,
	.traffic_guide .tip_extra_text						{ font-size:1.0625rem; letter-spacing:-0.6px; }
	.traffic_guide .tip_bullet_list li					{ font-size:1.0625rem; letter-spacing:-0.6px; }
	.traffic_guide .tip_place_item						{ padding:20px 24px; gap:8px;}
	.traffic_guide .tip_place_name						{ font-size:1.25rem; }
	.traffic_guide .tip_place_addr						{ font-size:1.0625rem; letter-spacing:-0.6px; }
}

@media (max-width:768px){
	.traffic_guide										{margin-bottom:48px;}
	.traffic_guide .traffic_visual						{ min-height:360px; padding:60px 20px; display:flex; align-items:center;}
	.traffic_guide .traffic_visual_inner				{ gap:24px; }
	.traffic_guide .traffic_visual_sub					{ font-size:1.5rem; }
	.traffic_guide .traffic_visual_main				{ font-size:2rem; letter-spacing:-1.2px; }
	.traffic_guide .traffic_visual_desc				{ font-size:1rem; }
	.traffic_guide .traffic_visual_desc br				{display:none;}

	.traffic_guide .traffic_main						{ max-width:calc(100% - 32px); gap:48px; margin:0 auto;}
	.traffic_guide .traffic_section_intro				{ padding-top:48px; gap:14px; }
	.traffic_guide .no_badge							{ font-size:1rem; padding:4px 12px; }
	.traffic_guide .no_text							{ font-size:1.75rem; letter-spacing:-1px; }
	.traffic_guide .traffic_section_sub				{ font-size:1.25rem; }
	.traffic_guide .traffic_section_desc				{ font-size:1rem; }
	.traffic_guide .traffic_section_desc br				{display:none;}
	.traffic_guide .traffic_tab_contents				{ gap:48px; }
	.traffic_guide .traffic_tab_inner					{ padding-top:48px; gap:24px; }
	.traffic_guide .pick_text							{ font-size:1.25rem; }
	.traffic_guide .traffic_tab_question				{ font-size:1.5rem; letter-spacing:-1px; }

	.traffic_guide .traffic_tab_btn_list				{ grid-template-columns:repeat(2, 1fr); max-width:calc(100% - 40px); }
	.traffic_guide .traffic_tab_item					{ height:auto; min-height:68px; }
	.traffic_guide .traffic_tab_item:nth-child(3)		{ border-left:none; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9; }
	.traffic_guide .traffic_tab_item:nth-child(4)		{ border-top:1px solid #d9d9d9; }
	.traffic_guide .tab_label							{ font-size:1rem; }
	.traffic_guide .traffic_route						{gap:50px}
	.traffic_guide .route_tit_inner img					{width:50px;}
	.traffic_guide .route_subtit						{ font-size:1.25rem; }
	.traffic_guide .route_maintit						{ font-size:1.75rem; letter-spacing:-1px; }
	.traffic_guide .route_desc							{ font-size:1rem; }
	.traffic_guide .route_desc br{display:none;}
	.traffic_guide .route_method_visual				{ height:360px; }
	.traffic_guide .route_method_visual img			{ height:100%; object-fit:cover; }
	.traffic_guide .route_method_badge					{ left:0; top:0; padding:6px 16px; font-size:1rem; }
	.traffic_guide .route_method_body,
	.traffic_guide .route_method_info,
	.traffic_guide .step_box,
	.traffic_guide .app_dl_bar,
	.traffic_guide .app_recommend_list,
	.traffic_guide .bus_feature,
	.traffic_guide .bus_book_box						{ max-width:calc(100% - 40px); max-width:100%;}
	.traffic_guide .app_recommend_list					{gap:12px;}
	.traffic_guide .bus_feature_main					{ flex-direction:column; padding:24px; gap:20px; }
	.traffic_guide .bus_feature_col						{gap:10px;}
	.traffic_guide .bus_feature_col:first-child			{ border-right:0; border-bottom:1px solid #d9d9d9; padding-right:0; padding-bottom:20px; min-height:0; justify-content:flex-start; }
	.traffic_guide .bus_feature_note					{ padding:16px 24px; }
	.traffic_guide .bus_feature_note p					{ text-align:left; font-size:1rem;}
	.traffic_guide .bus_feature_tit						{ font-size:1.125rem; }
	.traffic_guide .bus_feature_list li					{ font-size:1rem; }
	.traffic_guide .bus_feature_list li br				{display:none;}
	.traffic_guide .bus_book_box						{ padding:24px 20px; gap:20px; }
	.traffic_guide .bus_book_item						{ flex-direction:column; align-items:flex-start; gap:16px; }
	.traffic_guide .bus_book_item + .bus_book_item		{ padding-top:20px; }
	.traffic_guide .bus_book_body						{ width:100%; padding:0; border-left:0; gap:12px; }
	.traffic_guide .bus_book_title						{ font-size:1.125rem; }
	.traffic_guide .bus_book_bullets					{ font-size:1rem; }
	.traffic_guide .bus_book_method_tit					{ font-size:1.1rem; }
	.traffic_guide .bus_book_step_text					{ font-size:1rem; }
	.traffic_guide .bus_book_step_num					{font-size:1rem;}
	.traffic_guide .bus_book_step_extra					{ margin-left:0; font-size:0.875rem; flex-basis:100%; }
	.traffic_guide .route_method_body					{ flex-direction:column; gap:10px; }
	.traffic_guide .route_method_tit					{ font-size:1.375rem;}
	.traffic_guide .route_method_tit br					{display:none;}
	.traffic_guide .route_method_desc					{ font-size:1rem; }
	.traffic_guide .route_method_desc br				{display:none;}
	.traffic_guide .route_method_info					{ flex-direction:column; padding:24px; gap:24px; }
	.traffic_guide .info_col + .info_col				{ padding-left:0; padding-top:24px; border-left:none; border-top:1px solid #d9d9d9; }
	.traffic_guide .info_terminal						{ font-size:1.125rem; }
	.traffic_guide .info_dl dt,
	.traffic_guide .info_dl dd							{ font-size:1rem; }

	.traffic_guide .step_box							{ padding:36px 20px 24px; }
	.traffic_guide .step_box_tit						{ font-size:1.25rem; padding:8px 20px; top:-24px; }
	.traffic_guide .step_item							{ gap:20px; }
	.traffic_guide .step_item.step img					{width:50px;}
	.traffic_guide .step_item img.taxi-app				{width:60px;}
	.traffic_guide .step_body							{ padding:6px 0 6px 20px; }
	.traffic_guide .step_tit							{ font-size:1.125rem; }
	.traffic_guide .step_desc							{ font-size:1rem; }
	.traffic_guide .step_desc br						{display:none;}
	.traffic_guide .step_extra_row						{ gap:2px 8px; }
	.traffic_guide .step_extra_label,
	.traffic_guide .step_extra_text						{ font-size:1rem; }


	.traffic_guide .app_recommend_item					{ padding:16px 20px; gap:16px; }
	.traffic_guide .app_recommend_brand					{ gap:10px; }
	.traffic_guide .app_recommend_icon					{ width:52px; height:52px; }
	.traffic_guide .app_recommend_name					{ font-size:1.125rem; }
	.traffic_guide .app_recommend_label					{ font-size:1rem; }

	.traffic_guide .card_pick_list						{ max-width:calc(100% - 40px); gap:36px; }
	.traffic_guide .card_pick_item						{ flex-direction:column; align-items:stretch; gap:20px; }
	.traffic_guide .card_pick_visual					{ align-self:center; }
	.traffic_guide .card_pick_visual img				{ width:170px; height:260px; }
	.traffic_guide .card_pick_title						{ font-size:1.25rem; }
	.traffic_guide .card_pick_info						{ padding:22px; gap:12px; }
	.traffic_guide .card_pick_label,
	.traffic_guide .card_pick_text,
	.traffic_guide .card_pick_note_list li				{ font-size:1rem; }

	.traffic_guide .bus_step							{ flex-direction:column; gap:20px; }
	.traffic_guide .bus_step_reverse					{ flex-direction:column; }
	.traffic_guide .bus_step_visual						{ width:100%; height:300px; }
	.traffic_guide .bus_step_reverse .bus_step_visual	{ height:320px; }
	.traffic_guide .bus_step_body						{ width:100%; gap:10px;}
	.traffic_guide .bus_step_reverse .bus_step_body		{ align-items:flex-start; text-align:left; }
	.traffic_guide .bus_step_tit						{ font-size:1.375rem; }
	.traffic_guide .bus_step_desc						{ font-size:1rem; }
	.traffic_guide .transfer_benefit					{ gap:24px; }
	.traffic_guide .transfer_benefit_visual				{ height:300px; }
	.traffic_guide .transfer_benefit_body				{ flex-direction:column; max-width:calc(100% - 40px); gap:10px; }
	.traffic_guide .transfer_benefit_tit				{ font-size:1.375rem; }
	.traffic_guide .transfer_benefit_tit p				{display:inline;}
	.traffic_guide .transfer_benefit_desc p				{ font-size:1rem; }
	.traffic_guide .bus_info_bar						{ padding:16px 24px; gap:18px; }
	.traffic_guide .bus_info_bar p						{ font-size:1rem; }

	.traffic_guide .tip_list							{ max-width:calc(100% - 40px); gap:24px;}
	.traffic_guide .tip_list_item + .tip_list_item		{padding-top:24px;}
	.traffic_guide .tip_list_item						{ padding:0 20px; }
	.traffic_guide .tip_list_tit						{ font-size:1.375rem; }
	.traffic_guide .tip_list_desc						{ font-size:1rem; }
	.traffic_guide .tip_extra_label,
	.traffic_guide .tip_extra_text						{ font-size:1rem; }
	.traffic_guide .tip_bullet_list li					{ font-size:1rem; }
	.traffic_guide .tip_place_list						{ grid-template-columns:repeat(2, 1fr); }
	.traffic_guide .tip_place_item						{ padding:18px 20px; }
	.traffic_guide .tip_place_name						{ font-size:1.125rem; }
	.traffic_guide .tip_place_addr						{ font-size:1rem; }
	.traffic_guide .tip_note_list li					{ font-size:0.875rem; }

	.traffic_guide .hotline_bar							{ gap:4px; padding:14px 20px; }
	.traffic_guide .hotline_tit							{ font-size:1rem; }
	.traffic_guide .hotline_text						{ font-size:0.875rem; text-align:center; }
}

@media (max-width:480px){ 
	.traffic_guide										{margin-bottom:36px;}
	.traffic_guide .pc_none 							{display:flex; gap:10px; align-items:center;}
	.traffic_guide .pc_none .flex						{gap:6px; margin-top: -2px;}
	.traffic_guide .m_none								{display:none;} 
	.traffic_guide .bus_book_store_btn					{width:100px; height:auto;}
	.traffic_guide .ai_mark								{display:inline-flex; font-size:12px; right:.6rem; bottom:.6rem; padding:2px 10px;}
	.traffic_guide .divider-top							{margin-top: 6px !important;}
	.traffic_guide .divider-bottom						{padding-bottom:6px; border-bottom: 1px solid #d9d9d9;}
	
	.traffic_guide .m_none 								{display:none;}
	
	.traffic_guide .before_dot::before					{top: 10px;}
	.traffic_guide .traffic_visual						{ min-height:380px; min-height:unset; padding:48px 16px; }
	.traffic_guide .traffic_visual_inner				{ gap:20px; }
	.traffic_guide .traffic_visual_sub					{ font-size:1.25rem; letter-spacing:-0.6px; }
	.traffic_guide .traffic_visual_main					{ font-size:1.625rem; letter-spacing:-1px; }
	.traffic_guide .traffic_visual_desc					{ display:none; font-size:0.9375rem; line-height:1.7; }

	.traffic_guide .traffic_main						{ max-width:calc(100% - 24px); gap:36px; }
	.traffic_guide .traffic_section_intro				{ padding-top:36px; gap:12px; }
	.traffic_guide .traffic_no_label					{ gap:8px; }
	.traffic_guide .no_badge							{ font-size:0.875rem; }
	.traffic_guide .no_text								{ font-size:1.5rem; letter-spacing:-0.8px; }
	.traffic_guide .traffic_section_sub					{ font-size:1.0625rem; }
	.traffic_guide .traffic_section_desc				{ max-width:100%; font-size:0.9375rem; }

	.traffic_guide .traffic_tab_contents				{ gap:36px; }
	.traffic_guide .traffic_tab_inner					{ padding-top:36px; gap:36px; }
	.traffic_guide .pick_icon							{ width:20px; height:20px; }
	.traffic_guide .pick_text							{ font-size:1rem; }
	.traffic_guide .traffic_tab_question				{ font-size:1.25rem; letter-spacing:-0.6px; }

	.traffic_guide .traffic_tab_btn_list				{ max-width:100%;}
	.traffic_guide .tab_icon							{ width:24px; height:24px; }
	.traffic_guide .tab_icon_tip						{width:16px; height:24px;}

	.traffic_guide .traffic_tab_item					{min-height:50px;}
	.traffic_guide .tab_label							{ font-size:0.875rem; }
	.traffic_guide .traffic_tab_btn						{ gap:6px; }

	.traffic_guide .traffic_route						{gap:40px;}
	.traffic_guide .route_tit_inner img					{width:40px;}
	.traffic_guide .route_tit_inner img.tip_ic			{width: 24px;}
	.traffic_guide .route_tit							{ gap:16px; }
	.traffic_guide .route_subtit						{ font-size:1rem; }
	.traffic_guide .route_maintit						{ font-size:1.5rem; letter-spacing:-0.8px; }
	.traffic_guide .route_desc							{ font-size:0.9375rem; }
	.traffic_guide .route_method						{gap:16px;}
	.traffic_guide .route_method_visual					{ height:240px; }
	.traffic_guide .route_method_badge					{ left:0; top:0; padding:5px 12px; font-size:0.875rem; }
	.traffic_guide .route_method_body					{gap:6px;}

	.traffic_guide .route_method_body,
	.traffic_guide .route_method_info,
	.traffic_guide .step_box,
	.traffic_guide .app_dl_bar,
	.traffic_guide .app_recommend_list,
	.traffic_guide .bus_feature,
	.traffic_guide .bus_book_box						{ max-width:calc(100% - 24px); max-width:100%; }
	.traffic_guide .app_recommend_list					{gap:8px;}
	.traffic_guide .bus_feature_main					{ padding:18px 16px; gap:16px; }
	.traffic_guide .bus_feature_icon					{width:24px;}
	.traffic_guide .bus_feature_col						{gap:8px;}
	.traffic_guide .bus_feature_col:first-child			{ padding-bottom:16px; }
	.traffic_guide .bus_feature_note					{ padding:14px 16px; }
	.traffic_guide .bus_feature_note p					{ font-size:0.9375rem; }
	.traffic_guide .bus_feature_tit						{ font-size:1.0625rem; }
	.traffic_guide .bus_feature_list li					{ font-size:0.9375rem; line-height:1.5;}
	.traffic_guide .bus_book_box						{ padding:18px 14px; gap:14px; }
	.traffic_guide .bus_book_item						{ gap:10px; }
	.traffic_guide .bus_book_item + .bus_book_item		{ padding-top:14px; }
	.traffic_guide .bus_book_body						{gap:6px;}
	.traffic_guide .bus_book_icon						{margin:0 auto;}
	.traffic_guide .bus_book_icon						{ width:64px; height:64px; }
	.traffic_guide .bus_book_title						{ font-size:1.0625rem; }
	.traffic_guide .bus_book_bullets					{ font-size:0.9375rem;}
	.traffic_guide .bus_book_note						{ font-size:0.8125rem; line-height:1.4;}
	.traffic_guide .bus_book_method_tit					{ font-size:1rem; }
	.traffic_guide .bus_book_steps						{ grid-template-columns:1fr; }
	.traffic_guide .bus_book_step.is_full				{ grid-column:auto; }
	.traffic_guide .bus_book_step.is_full.is_column		{flex-direction: column;}	
	.traffic_guide .bus_book_step						{ gap:8px 10px; padding:14px 16px;}

	.traffic_guide .bus_book_step_text					{ font-size:0.9375rem; }
	.traffic_guide .bus_book_step_text br				{display:none;}
	.traffic_guide .bus_book_step_num					{font-size:.8rem; padding:0 6px;}
	.traffic_guide .bus_book_step_extra					{ font-size:0.8125rem; }
	.traffic_guide .bus_book_step_extra p				{text-align:center;}
	.traffic_guide .bus_book_step_extra	.m_column		{display:flex; flex-direction: column;}	
	.traffic_guide .route_method_tit					{ font-size:1.2rem; }
	.traffic_guide .route_method_desc					{ font-size:0.9375rem; }
	.traffic_guide .route_method_info					{ padding:20px 16px; gap:18px; }
	.traffic_guide .info_head							{ flex-wrap:wrap; gap:12px; }
	.traffic_guide .info_terminal						{ font-size:1.0625rem; }
	.traffic_guide .link_btn							{ margin:4px 0; font-size:0.8125rem; padding:4px 10px; }
	.traffic_guide .info_dl								{ grid-template-columns:1fr; gap:0; }
	.traffic_guide .info_dl dt,
	.traffic_guide .info_dl dd							{ font-size:0.9375rem; }
	.traffic_guide .info_dl dt							{margin-top: 6px;}
	.traffic_guide .info_dl dt:first-of-type			{margin-top: 0;}
	.traffic_guide .step_box							{ padding:28px 14px 18px; }
	.traffic_guide .step_box_tit						{ font-size:1.2rem; padding:6px 16px; top:-20px; }
	.traffic_guide .step_list							{ gap:18px; }
	.traffic_guide .step_item							{ gap:12px; align-items:flex-start; }
	.traffic_guide .step_item.step img					{width:40px;}
	.traffic_guide .step_item img.taxi-app				{width:50px;}
	.traffic_guide .step_body							{ padding:4px 0 4px 14px; gap:8px; }
	.traffic_guide .step_tit							{ font-size:1.067rem; }
	.traffic_guide .step_desc							{ font-size:0.9375rem; line-height:1.4;}
	.traffic_guide .step_desc small						{font-size:14px; line-height:1.3;}
	.traffic_guide .transfer_benefit_desc p.sm			{font-size:14px; line-height:1.3;}
	.traffic_guide .step_extra_row						{ flex-direction:column; align-items:flex-start; gap:0 4px; }
	.traffic_guide .link_btn.no_border					{position: absolute; right: 0; top:0; margin: 0;}
	.traffic_guide .step_extra_label,
	.traffic_guide .step_extra_text					{ font-size:0.9375rem; line-height:1.5;}

	.traffic_guide .app_recommend_item					{ align-items:center; gap:8px 14px; padding:10px;}
	.traffic_guide .app_recommend_item.center			{gap:8px;}
	.traffic_guide .app_recommend_brand					{  gap:3px; }
	.traffic_guide .app_recommend_text					{ flex-wrap:wrap; }
	.traffic_guide .app_recommend_icon					{ width:44px; height:44px; }
	.traffic_guide .app_recommend_name					{ font-size:1rem; }
	.traffic_guide .app_recommend_label					{ font-size:0.9375rem; }
	.traffic_guide .app_recommend_link					{ font-size:0.8125rem; padding:6px 12px; order: 3;}
	.traffic_guide .app_recommend_store_btn				{ width:90px; height:auto;}

	.traffic_guide .card_pick_list						{ max-width:calc(100% - 24px); gap:28px; }
	.traffic_guide .card_pick_visual img				{ width:150px; height:230px; }
	.traffic_guide .card_pick_num						{ font-size:1rem; min-height:24px; padding:0 10px; }
	.traffic_guide .card_pick_title						{ font-size:1.125rem; letter-spacing:-0.6px; }
	.traffic_guide .card_pick_info						{ padding:18px; gap:10px; }
	.traffic_guide .card_pick_feature					{ flex-direction:column; align-items:flex-start; gap:0;}
	.traffic_guide .card_pick_label,
	.traffic_guide .card_pick_text,
	.traffic_guide .card_pick_note_list li				{ font-size:0.9375rem; }
	.traffic_guide .card_pick_link						{ font-size:0.875rem; }

	.traffic_guide .bus_step							{ gap:8px; }
	.traffic_guide .bus_step_visual						{ height:220px; }
	.traffic_guide .bus_step_reverse .bus_step_visual	{ height:230px; }
	.traffic_guide .bus_step_body						{gap:4px;}
	.traffic_guide .bus_step_tit						{ font-size:1.1875rem; letter-spacing:-0.6px; }
	.traffic_guide .bus_step_desc						{ font-size:0.9375rem; }
	.traffic_guide .transfer_benefit					{ gap:8px; }
	.traffic_guide .transfer_benefit_visual				{ height:220px; }
	.traffic_guide .transfer_benefit_body				{ max-width:100%; gap:4px; }
	.traffic_guide .transfer_benefit_tit				{ font-size:1.25rem; letter-spacing:-0.8px; }
	.traffic_guide .transfer_benefit_desc p				{ font-size:0.9375rem; }
	.traffic_guide .bus_info_bar						{ padding:14px 16px; gap:4px 10px; }
	.traffic_guide .bus_info_bar p						{ font-size:0.9375rem; }

	.traffic_guide .tip_list							{ max-width:100%; gap:20px;}
	.traffic_guide .tip_list_item + .tip_list_item		{padding-top:20px;}
	.traffic_guide .tip_list_item						{ padding:16px 0 0;}
	.traffic_guide .tip_list_tit						{ font-size:1.25rem; letter-spacing:-0.8px; }
	.traffic_guide .tip_list_desc						{ font-size:0.9375rem; }
	.traffic_guide .tip_extra_label,
	.traffic_guide .tip_extra_text						{ font-size:0.9375rem; }
	.traffic_guide .tip_bullet_list li					{ padding-left:7px; font-size:0.9375rem; line-height: 1.5;}
	/* .traffic_guide .tip_place_list						{ grid-template-columns:1fr; } */
	.traffic_guide .tip_place_item						{ padding:10px 8px; gap:4px 12px;}
	.traffic_guide .tip_place_name						{ font-size:1.0625rem; }
	.traffic_guide .tip_place_addr						{ font-size:0.8rem; line-height: 1.4;}
	.traffic_guide .tip_place_addr img					{width:10px;}
	.traffic_guide .tip_note_list li					{ font-size:0.8125rem; line-height:1.4;}

	.traffic_guide .hotline_bar						{ padding:12px 16px; gap:0;}
	.traffic_guide .hotline_tit						{ font-size:0.9375rem; }
	.traffic_guide .hotline_text						{ font-size:0.8125rem; line-height: 1.4;}
}