@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 부산중구지역자활센터
Part : 서브
Last edit : 2026
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100~900)
font-family: 'Noto Serif KR', serif; (100~900)
font-family: 'Roboto', sans-serif; (100~900)
font-family: 'PuradakGentleGothic', sans-serif;
font-family: 'Ridibatang', serif;

--------------------------------------------------------- */





/* 서브 start ----------------------------------- */


header {}



/* 서브 비주얼 */

.container_visual {}
.sub_visual { position:relative; width:100%; height:350px; overflow:hidden;}
.sub_visual .sub_bg { width:100%; height:350px; min-width:1300px; background-position:50% 100%; background-size: cover; background-attachment:fixed; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease; -ms-transition: all 0.45s ease; -o-transition: all 0.45s ease; transition: all 0.45s ease;}
.sub_visual .sub_bg:hover { -ms-transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transform: scale(1.05,1.05);}
.sub_visual_view_pc { display:block;}
.sub_visual_view_tb { display:none;}
.sub_visual .sub01_bg_pc { background-image:url(/images/sub/sub01_visual.jpg);}
.sub_visual .sub01_bg_tb { background-image:url(/images/sub/sub01_visual.jpg);}
.sub_visual .sub02_bg_pc { background-image:url(/images/sub/sub02_visual.jpg);}
.sub_visual .sub02_bg_tb { background-image:url(/images/sub/sub02_visual.jpg);}
.sub_visual .sub03_bg_pc { background-image:url(/images/sub/sub03_visual_260917.jpg);}
.sub_visual .sub03_bg_tb { background-image:url(/images/sub/sub03_visual_260917.jpg);}
.sub_visual .sub04_bg_pc { background-image:url(/images/sub/sub04_visual.jpg);}
.sub_visual .sub04_bg_tb { background-image:url(/images/sub/sub04_visual.jpg);}



/* 서브탭 start */

.sub_menu_wrap { width:100%; height:52px; border-bottom:1px solid #e1ded8; border-top:1px solid #e1ded8; background-color:#fff;}
.sub_menu { position:relative; width:1300px; height:50px; margin:0 auto;}
.icon_home { position:absolute; left:0; top:0; width:50px; height:50px;}
.icon_print { position:absolute; right:0; top:0; width:50px; height:50px;}
.sub_tab { width:1200px; margin-left:50px;}
.sub_tab>ul {}
.sub_tab>ul>li { float:left; position:relative; border-right:1px solid #e1ded8; height:50px; line-height:50px; font-size:16px; color:#444; cursor:pointer; background-repeat:no-repeat; background-position:90% 50%;}
.sub_tab>ul>li.sub_depth1 { border-left:none; padding-left:30px; padding-right:150px; background-image: url(/images/icon/tab_box_bg_right.png); z-index:1;}
.sub_tab>ul>li.sub_depth2 { display:none; padding-left:30px; padding-right:150px; background-image:url(/images/icon/tab_box_bg.png); z-index:1;}
.menu_on { display:block !important;}
.sub_tab>ul>li>a { display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sub_tab>ul>li:hover { background-color:#f6f6f6;}
.sub_tab>ul>li.tab_active { background-color:#f6f6f6;}
.tab_box_bg_on { background-image:url(/images/icon/tab_box_bg_on.png) !important;}

.sub_tab_sub { position:absolute; display:none; top:50px; left:-1px; border:1px solid #e1ded8; width:100%; z-index:1; box-sizing:content-box; background-color:#FFF;}
.sub_tab_sub ul { padding:30px;}
.sub_tab_sub ul li { float:none; height:30px; font-size:16px; line-height:29px; width:100%; border:none; background-image:none;}
.sub_tab_sub ul li a { display:block; width:100%; height:100%; padding-left:10px;}
.sub_tab_sub ul li:hover { background-color:#f6f6f6;}

.sub_menu_wrap_fixed { position: fixed; top: -1px; z-index: 100;}

.depth3_tab { width:94%; height:auto; padding:0; margin:0 auto 50px auto; overflow:hidden; font-size:0; border:1px solid rgba(0,0,0,0.15);}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display:inline-block; vertical-align:top; font-family: 'PuradakGentleGothic', sans-serif; font-size:20px; font-weight:200; color:#444; text-align:center; padding:25px 0; background-color:#fff;}
.depth3_tab>a:nth-child(2n) { background-color:#f5f5f5;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#4565bc;}



/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:1300px; border-bottom:1px solid #e1ded8;}
.sub_container { position: relative; width:1300px; margin:0 auto; padding:0 0 50px 0;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_title { font-family: 'PuradakGentleGothic', sans-serif; position:relative; width:94%; margin:0 auto 40px auto; padding:60px 0 20px 20px; font-size:40px; font-weight:500; text-align:left; border-bottom:1px solid #e1ded8;}
.sub_title_sub { font-family: 'Noto Sans KR', sans-serif; display:inline-block; font-size:16px; font-weight:400; color:#999; padding-left:20px;}
.sub_title_fixed { padding:110px 0 20px 20px;}
.box100per { width:94%; margin:0 auto; padding:0 20px 40px 20px;}
.box50per { display:inline-block; width:50%; padding:0; vertical-align:top; max-width:544px;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 30px 25px 30px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}
.in_title1 { font-family: 'PuradakGentleGothic', sans-serif; font-size:48px; font-weight:500; margin:50px 0 30px 0; color:#333;}
.in_title1_bar { width:50px; height:1px; margin-bottom:30px; background-color:#666;}
.in_title1_txt { font-size:24px; font-weight:400; margin-bottom:30px; color:#777;}
.in_title1_txt>span { display:block;}
.in_title2 { font-family: 'PuradakGentleGothic', sans-serif; font-size:30px; font-weight:400;  margin:30px 0 30px 0; }
.in_title2_bar { width:40px; height:1px; margin-bottom:20px; background-color:#666;}
.in_title2_txt { font-size:18px; font-weight:400; margin-bottom:30px; color:#777;}
.in_title3 { font-family: 'PuradakGentleGothic', sans-serif; font-size:20px; font-weight:200; margin-bottom:20px; background-image: url(/images/icon/mark.png); background-repeat:no-repeat; background-position:0% 6px; padding-left:25px;}
.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}
.sub_img { position:relative;}
.sub_img_m { display:none;}
.big_view { display: none;}
.big_view>a { display: none;}

.preparing { width:100%; text-align:center;}
.preparing>img { width:80%; height:auto; max-width:392px;}



/* 서브01 */

.sub01_greeting { position:relative; padding-bottom:30px; color:#444;}
.greeting_intro { display:flex; position:relative; min-height:470px; overflow:hidden; border-radius:30px 0 30px 0; background-color:#edf2ff;}
.greeting_intro:before { position:absolute; left:-100px; bottom:-140px; width:320px; height:320px; border:60px solid rgba(69,101,188,0.08); border-radius:50%; content:"";}
.greeting_intro_txt { display:flex; flex-direction:column; justify-content:center; position:relative; width:48%; padding:70px 45px 70px 70px; z-index:1;}
.greeting_label { margin-bottom:22px; font-family:'Roboto', sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:#4565bc;}
.greeting_intro_txt h4 { font-family:'PuradakGentleGothic', sans-serif; font-size:42px; line-height:1.45; font-weight:400; color:#27314e; word-break:keep-all;}
.greeting_intro_txt h4 strong { position:relative; font-weight:400; color:#4565bc; z-index:1;}
.greeting_intro_txt h4 strong:after { position:absolute; left:0; right:0; bottom:2px; height:10px; background-color:rgba(69,101,188,0.14); content:""; z-index:-1;}
.greeting_intro_txt>p:last-child { margin-top:30px; font-size:17px; line-height:1.8; color:#66708a; word-break:keep-all;}
.greeting_intro_img { width:52%; min-height:470px; overflow:hidden;}
.greeting_intro_img img { display:block; width:100%; height:100%; min-height:470px; object-fit:cover; object-position:center;}
.greeting_message { display:flex; position:relative; width:88%; margin:-45px auto 0; padding:55px 65px 65px; border-radius:24px; box-shadow:0 20px 50px rgba(34,52,96,0.12); background-color:#fff; z-index:2;}
.greeting_keyword { width:220px; padding-right:45px; border-right:1px solid #e3e8f2;}
.greeting_keyword span { display:block; position:relative; margin-bottom:16px; padding-left:20px; font-family:'PuradakGentleGothic', sans-serif; font-size:17px; line-height:1.5; color:#4565bc; word-break:keep-all;}
.greeting_keyword span:before { position:absolute; left:0; top:9px; width:7px; height:7px; border-radius:50%; background-color:#4565bc; content:"";}
.greeting_keyword span:last-child { margin-bottom:0;}
.greeting_body { width:calc(100% - 220px); padding-left:55px;}
.greeting_body p { margin-bottom:24px; font-size:17px; line-height:2; color:#555; word-break:keep-all;}
.greeting_body .greeting_lead { font-size:20px; line-height:1.8; font-weight:500; color:#27314e;}
.greeting_body .greeting_thanks { margin:35px 0 12px; font-family:'PuradakGentleGothic', sans-serif; font-size:22px; color:#4565bc;}
.greeting_body .greeting_sign { margin-bottom:0; text-align:right; font-size:16px; color:#777;}
.greeting_sign span { display:inline-block; margin-right:6px; font-size:16px; color:#999;}
.greeting_sign strong { display:inline-block; margin-left:8px; font-family:'PuradakGentleGothic', sans-serif; font-size:26px; font-weight:400; color:#27314e;}
.sub01_corporation { position:relative; padding-bottom:30px; color:#444;}
.corporation_identity { display:flex; align-items:center; position:relative; min-height:370px; overflow:hidden; padding:65px 80px; border-radius:30px 0 30px 0; background:linear-gradient(125deg,#910000 0%,#a91313 54%,#f7eeee 54%,#fbf7f7 100%);}
.corporation_identity:before { position:absolute; left:-90px; top:-130px; width:320px; height:320px; border:1px solid rgba(255,255,255,0.16); border-radius:50%; content:"";}
.corporation_identity:after { position:absolute; left:90px; bottom:-210px; width:390px; height:390px; border:70px solid rgba(255,255,255,0.06); border-radius:50%; content:"";}
.corporation_title { position:relative; width:48%; color:#fff; z-index:1;}
.corporation_title>p { margin-bottom:20px; font-family:'Roboto', sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:rgba(255,255,255,0.7);}
.corporation_title h4 { font-family:'PuradakGentleGothic', sans-serif; font-size:38px; line-height:1.4; font-weight:400;}
.corporation_title h4 strong { font-weight:400; color:#fff;}
.corporation_title>span { display:inline-block; margin-top:20px; padding-top:20px; border-top:1px solid rgba(255,255,255,0.35); font-size:18px; letter-spacing:1px;}
.corporation_logo { position:relative; width:52%; padding-left:80px; text-align:center; z-index:1;}
.corporation_logo img { display:block; width:100%; max-width:500px; height:auto; margin:0 auto;}
.corporation_logo p { margin-top:18px; font-family:'Roboto', sans-serif; font-size:16px; font-weight:600; letter-spacing:4px; color:#910000;}
.corporation_meaning { display:flex; align-items:center; position:relative; width:88%; margin:-35px auto 60px; padding:50px 65px; border-radius:24px; box-shadow:0 18px 45px rgba(91,24,24,0.12); background-color:#fff; z-index:2;}
.corporation_meaning_icon { display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; width:165px; height:165px; border:1px solid #ead6d6; border-radius:50%; background-color:#fbf5f5;}
.corporation_meaning_icon b { position:absolute; top:30px; font-family:Arial,sans-serif; font-size:58px; line-height:1; font-weight:400; color:#910000;}
.corporation_meaning_icon span { position:relative; padding-top:86px; font-family:'Roboto', sans-serif; font-size:16px; font-weight:700; letter-spacing:2px; color:#910000; z-index:1;}
.corporation_meaning_txt { padding-left:55px;}
.corporation_label { margin-bottom:12px; font-family:'Roboto', sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:#910000;}
.corporation_meaning_txt h4 { margin-bottom:18px; font-family:'PuradakGentleGothic', sans-serif; font-size:30px; line-height:1.5; font-weight:400; color:#302828; word-break:keep-all;}
.corporation_meaning_txt h4 strong { font-weight:400; color:#910000;}
.corporation_meaning_txt>p { font-size:17px; line-height:1.9; color:#666; word-break:keep-all;}
.corporation_meaning_txt em { font-style:normal; color:#910000;}
.corporation_words { display:flex; margin-top:25px;}
.corporation_words span { display:inline-block; min-width:82px; margin-right:10px; padding:9px 18px; border-radius:30px; font-family:'PuradakGentleGothic', sans-serif; font-size:16px; text-align:center; color:#910000; background-color:#f8eded;}
.corporation_values { display:flex; margin:0 -12px;}
.corporation_value { display:flex; width:calc(50% - 24px); margin:0 12px; padding:38px 38px 40px; border-top:3px solid #910000; background-color:#faf8f6;}
.corporation_number { flex-shrink:0; margin-right:25px; font-family:'Roboto', sans-serif; font-size:16px; font-weight:700; color:#910000;}
.corporation_value h4 { margin-bottom:18px; font-family:'PuradakGentleGothic', sans-serif; font-size:23px; line-height:1.5; font-weight:400; color:#302828; word-break:keep-all;}
.corporation_value p { font-size:16px; line-height:1.9; color:#666; word-break:keep-all;}
.sub01_history { position:relative; padding-bottom:30px; color:#444;}
.history_intro { display:flex; align-items:center; justify-content:space-between; position:relative; min-height:300px; overflow:hidden; padding:55px 75px; border-radius:30px 0 30px 0; background:linear-gradient(135deg,#293d76 0%,#4565bc 68%,#6f89d0 100%);}
.history_intro:before { position:absolute; left:-100px; bottom:-170px; width:340px; height:340px; border:65px solid rgba(255,255,255,0.06); border-radius:50%; content:"";}
.history_intro:after { position:absolute; right:28%; top:-150px; width:280px; height:280px; border:1px solid rgba(255,255,255,0.14); border-radius:50%; content:"";}
.history_intro_txt { position:relative; color:#fff; z-index:1;}
.history_intro_txt>p { margin-bottom:18px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:rgba(255,255,255,0.65);}
.history_intro_txt h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:36px; line-height:1.45; font-weight:400;}
.history_intro_txt h4 strong { font-weight:400; color:#dbe4ff;}
.history_intro_txt>span { display:block; margin-top:22px; font-size:16px; color:rgba(255,255,255,0.75);}
.history_period { display:flex; align-items:center; position:relative; padding:28px 34px; border:1px solid rgba(255,255,255,0.2); border-radius:20px; background-color:rgba(255,255,255,0.08); z-index:1;}
.history_period>div { text-align:center;}
.history_period strong { display:block; font-family:'Roboto',sans-serif; font-size:36px; font-weight:700; color:#fff;}
.history_period span { display:block; margin-top:5px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:2px; color:rgba(255,255,255,0.6);}
.history_period i { position:relative; width:70px; height:1px; margin:0 20px; background-color:rgba(255,255,255,0.4);}
.history_period i:after { position:absolute; right:0; top:-3px; width:7px; height:7px; transform:rotate(45deg); border-top:1px solid rgba(255,255,255,0.7); border-right:1px solid rgba(255,255,255,0.7); content:"";}
.history_nav { display:flex; width:88%; margin:-28px auto 65px; border-radius:16px; box-shadow:0 15px 35px rgba(35,54,105,0.13); background-color:#fff; position:relative; z-index:2;}
.history_nav a { display:block; position:relative; width:33.333333%; padding:22px 15px; font-family:'PuradakGentleGothic',sans-serif; font-size:17px; text-align:center; color:#4a5571;}
.history_nav a:after { position:absolute; right:0; top:50%; width:1px; height:22px; transform:translateY(-50%); background-color:#e4e8f1; content:"";}
.history_nav a:last-child:after { display:none;}
.history_nav a:hover { color:#fff; background-color:#4565bc;}
.history_nav a:first-child:hover { border-radius:16px 0 0 16px;}
.history_nav a:last-child:hover { border-radius:0 16px 16px 0;}
.history_decade { display:flex; position:relative; margin-bottom:80px; scroll-margin-top:80px;}
.history_decade:last-child { margin-bottom:0;}
.history_decade>h4 { flex-shrink:0; width:205px; padding-top:3px; font-family:'Roboto',sans-serif; color:#27314e;}
.history_decade>h4 strong { font-size:48px; font-weight:700;}
.history_decade>h4 span { margin-left:5px; font-size:24px; font-weight:400; color:#4565bc;}
.history_list { position:relative; width:calc(100% - 205px); padding-left:52px; border-left:1px solid #dfe4ef;}
.history_year { display:flex; position:relative; margin-bottom:22px; padding:32px 38px; border-radius:16px; background-color:#f7f8fb;}
.history_year:last-child { margin-bottom:0;}
.history_year:before { position:absolute; left:-62px; top:42px; width:13px; height:13px; border:3px solid #fff; border-radius:50%; box-shadow:0 0 0 1px #4565bc; background-color:#4565bc; content:"";}
.history_year_title { flex-shrink:0; width:145px; padding-right:30px;}
.history_year_title time { display:block; font-family:'Roboto',sans-serif; font-size:31px; line-height:1; font-weight:700; color:#4565bc;}
.history_year_title>span { display:inline-block; margin-top:11px; padding:4px 10px; border-radius:20px; font-size:16px; color:#fff; background-color:#4565bc;}
.history_detail { width:calc(100% - 145px);}
.history_detail h5 { margin-bottom:19px; font-family:'PuradakGentleGothic',sans-serif; font-size:20px; line-height:1.4; font-weight:400; color:#27314e;}
.history_detail li { display:flex; margin-bottom:11px; font-size:16px; line-height:1.7; color:#5e6473;}
.history_detail li:last-child { margin-bottom:0;}
.history_detail li>span { flex-shrink:0; width:55px; font-weight:600; color:#4565bc;}
.history_detail li>p,.history_detail li>div { width:calc(100% - 55px);}
.history_detail li>div p { position:relative; margin-bottom:7px; padding-left:12px;}
.history_detail li>div p:before { position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:50%; background-color:#aab5d3; content:"";}
.history_detail li>div p:last-child { margin-bottom:0;}
.history_latest { box-shadow:0 13px 32px rgba(69,101,188,0.13); background-color:#edf2ff;}
.history_latest:after { position:absolute; right:22px; top:18px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:2px; color:#4565bc; content:"RECENT";}
.sub01_mission { position:relative; padding-bottom:30px; color:#444;}
.mission_statement { display:flex; align-items:center; position:relative; min-height:390px; overflow:hidden; padding:65px 75px; border-radius:30px 0 30px 0; background:linear-gradient(135deg,#293d76 0%,#4565bc 72%,#6882ca 100%);}
.mission_statement:before { position:absolute; right:-120px; top:-170px; width:410px; height:410px; border:70px solid rgba(255,255,255,0.06); border-radius:50%; content:"";}
.mission_statement:after { position:absolute; left:37%; bottom:-140px; width:260px; height:260px; border:1px solid rgba(255,255,255,0.14); border-radius:50%; content:"";}
.mission_symbol { display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; width:190px; height:190px; margin-right:70px; border:1px solid rgba(255,255,255,0.24); border-radius:50%; background-color:rgba(255,255,255,0.08); z-index:1;}
.mission_symbol:before { position:absolute; width:140px; height:140px; border:1px dashed rgba(255,255,255,0.2); border-radius:50%; content:"";}
.mission_symbol svg { width:112px; height:112px; fill:none; stroke:#fff; stroke-width:2;}
.mission_symbol svg circle:last-of-type { fill:#dbe4ff; stroke:none;}
.mission_statement_txt { position:relative; color:#fff; z-index:1;}
.mission_label { margin-bottom:16px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:4px; color:rgba(255,255,255,0.65);}
.mission_statement_txt h4 { margin-bottom:22px; font-family:'PuradakGentleGothic',sans-serif; font-size:40px; line-height:1.3; font-weight:400; color:#fff;}
.mission_statement_txt>p:last-child { max-width:700px; font-size:20px; line-height:1.9; color:rgba(255,255,255,0.9); word-break:keep-all;}
.vision_section { width:90%; margin:-38px auto 0; padding:58px 55px 55px; border-radius:24px; box-shadow:0 20px 50px rgba(34,52,96,0.13); background-color:#fff; position:relative; z-index:2;}
.vision_heading { margin-bottom:35px; text-align:center;}
.vision_heading>p { margin-bottom:12px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:#4565bc;}
.vision_heading h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:32px; line-height:1.4; font-weight:400; color:#27314e;}
.vision_heading h4 span { font-size:20px; color:#7180a8;}
.vision_values { display:flex; margin:0 -10px; counter-reset:vision;}
.vision_values li { position:relative; width:calc(33.333333% - 20px); min-height:295px; margin:0 10px; padding:30px 27px 32px; border:1px solid #e2e7f2; border-radius:18px; background-color:#f8faff; transition:transform 0.25s ease,box-shadow 0.25s ease;}
.vision_values li:hover { transform:translateY(-6px); box-shadow:0 14px 28px rgba(46,70,132,0.1);}
.vision_values li:nth-child(2) { background-color:#f5f7fc;}
.vision_value_top { display:flex; align-items:center; justify-content:space-between; margin-bottom:32px;}
.vision_number { font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:2px; color:#4565bc;}
.vision_icon { display:flex; align-items:center; justify-content:center; width:58px; height:58px; border-radius:50%; background-color:#e8edfb;}
.vision_icon svg { width:29px; height:29px; fill:none; stroke:#4565bc; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.vision_values li:first-child .vision_icon svg { fill:none;}
.vision_values h5 { min-height:78px; margin-bottom:25px; font-family:'PuradakGentleGothic',sans-serif; font-size:20px; line-height:1.6; font-weight:400; color:#303a55; word-break:keep-all;}
.vision_values p { display:inline-block; padding:8px 17px; border-radius:30px; font-size:16px; font-weight:600; color:#4565bc; background-color:#e8edfb;}
.sub01_organization { position:relative; padding-bottom:30px; color:#444;}
.organization_heading,.staff_heading { margin-bottom:38px; text-align:center;}
.organization_heading>p,.staff_heading>p { margin-bottom:11px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:#4565bc;}
.organization_heading h4,.staff_heading h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:32px; line-height:1.4; font-weight:400; color:#27314e;}
.organization_section { padding:58px 55px 62px; border-radius:30px 0 30px 0; background-color:#f5f7fc;}
.organization_chart { position:relative;}
.organization_leadership { position:relative; width:100%; padding-bottom:72px;}
.organization_node { display:flex; align-items:center; justify-content:center; position:relative; width:230px; height:66px; margin:0 auto; border-radius:12px; font-family:'PuradakGentleGothic',sans-serif; font-size:21px; color:#fff; z-index:2;}
.organization_node strong { font-weight:400;}
.organization_director { margin-bottom:34px; background-color:#293d76;}
.organization_director:after { position:absolute; left:50%; top:66px; width:1px; height:34px; background-color:#b8c1d7; content:"";}
.organization_manager { background-color:#4565bc;}
.organization_manager:after { position:absolute; left:50%; top:66px; width:1px; height:38px; background-color:#b8c1d7; content:"";}
.organization_committees { position:absolute; top:36px; width:190px; border:1px solid #dce1ec; border-radius:10px; background-color:#fff; z-index:2;}
.organization_committees:before { position:absolute; top:50%; width:165px; height:1px; background-color:#b8c1d7; content:"";}
.organization_committees_left { right:calc(50% + 165px);}
.organization_committees_left:before { left:100%; top:50%;}
.organization_committees_right { left:calc(50% + 165px); top:60px;}
.organization_committees_right:before { right:100%;}
.organization_committees span { display:block; padding:12px 15px; font-size:16px; text-align:center; color:#5e6679;}
.organization_committees_left span:first-child { border-bottom:1px solid #e4e7ee;}
.organization_teams { display:flex; position:relative; margin:0 -8px;}
.organization_teams:before { position:absolute; left:16.666667%; right:16.666667%; top:-34px; height:1px; background-color:#b8c1d7; content:"";}
.organization_team { position:relative; width:calc(33.333333% - 16px); margin:0 8px; border-radius:14px; box-shadow:0 10px 25px rgba(45,63,108,0.08); background-color:#fff;}
.organization_team:before { position:absolute; left:50%; bottom:100%; width:1px; height:34px; background-color:#b8c1d7; content:"";}
.organization_team h5 { display:flex; align-items:center; justify-content:center; min-height:64px; padding:14px 10px; border-radius:14px 14px 0 0; font-family:'PuradakGentleGothic',sans-serif; font-size:18px; line-height:1.35; font-weight:400; text-align:center; color:#fff; background-color:#4565bc; word-break:keep-all;}
.organization_team h5 small { margin-left:11px; padding-left:11px; border-left:1px solid rgba(255,255,255,0.45); font-family:inherit; font-size:18px;}
.organization_team ul { padding:25px 20px 28px;}
.organization_team li { position:relative; margin-bottom:9px; padding-left:13px; font-size:16px; line-height:1.55; color:#60697c; word-break:keep-all;}
.organization_team li:before { position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background-color:#4565bc; content:"";}
.organization_team li:last-child { margin-bottom:0;}
.organization_team li.organization_group { margin-top:18px; padding-left:0; font-weight:700; color:#334d94;}
.organization_team li.organization_group:first-child { margin-top:0;}
.organization_team li.organization_group:before { display:none;}
.staff_section { margin-top:75px;}
.staff_leaders { display:flex; margin:0 -10px 42px;}
.staff_leaders article { display:flex; align-items:center; position:relative; width:calc(50% - 20px); min-height:150px; margin:0 10px; padding:30px 38px; overflow:hidden; border-radius:18px; color:#fff; background:linear-gradient(130deg,#293d76,#4565bc);}
.staff_leaders article:after { position:absolute; right:-55px; bottom:-75px; width:170px; height:170px; border:30px solid rgba(255,255,255,0.06); border-radius:50%; content:"";}
.staff_leaders article>span { margin-right:30px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:2px; color:#cbd6f5;}
.staff_leaders h5 { margin-bottom:12px; font-family:'PuradakGentleGothic',sans-serif; font-size:24px; line-height:1.3; font-weight:400;}
.staff_leaders p { position:relative; margin:5px 0; padding-left:13px; font-size:16px; color:rgba(255,255,255,0.86); z-index:1;}
.staff_leaders p:before { position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background-color:#cbd6f5; content:"";}
.staff_workers { padding:38px 42px 42px; border:1px solid #e1e6f0; border-radius:22px; background-color:#fafbfe;}
.staff_workers>h5 { position:relative; margin-bottom:30px; text-align:center;}
.staff_workers>h5:before { position:absolute; left:0; right:0; top:50%; height:1px; background-color:#dde3ef; content:"";}
.staff_workers>h5 span { display:inline-block; position:relative; padding:0 25px; font-family:'PuradakGentleGothic',sans-serif; font-size:22px; font-weight:400; color:#27314e; background-color:#fafbfe; z-index:1;}
.staff_grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.staff_grid article { min-height:165px; padding:28px 24px; border-top:3px solid #4565bc; border-radius:0 0 12px 12px; box-shadow:0 8px 20px rgba(44,63,111,0.06); background-color:#fff;}
.staff_grid strong { display:block; margin-bottom:17px; font-family:'PuradakGentleGothic',sans-serif; font-size:20px; font-weight:400; color:#303a55;}
.staff_grid li { position:relative; margin-bottom:8px; padding-left:13px; font-size:16px; line-height:1.55; color:#646d80; word-break:keep-all;}
.staff_grid li:before { position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%; background-color:#4565bc; content:"";}
.staff_grid li:last-child { margin-bottom:0;}
.sub01_location { position:relative; padding-bottom:30px; color:#444;}
.location_intro { display:flex; align-items:stretch; position:relative; overflow:hidden; border-radius:30px 0 30px 0; background:linear-gradient(135deg,#293d76 0%,#4565bc 100%);}
.location_intro:before { position:absolute; left:-120px; bottom:-170px; width:350px; height:350px; border:65px solid rgba(255,255,255,0.05); border-radius:50%; content:"";}
.location_intro_title { display:flex; flex-direction:column; justify-content:center; position:relative; width:42%; padding:65px 45px 65px 70px; color:#fff; z-index:1;}
.location_intro_title>p { margin-bottom:17px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:4px; color:rgba(255,255,255,0.65);}
.location_intro_title h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:32px; line-height:1.55; font-weight:400; color:#fff; word-break:keep-all;}
.location_intro_title h4 strong { font-size:39px; font-weight:400; color:#dbe4ff;}
.location_contact { position:relative; width:58%; padding:45px 55px; background-color:rgba(255,255,255,0.96); z-index:1;}
.location_contact_item { display:flex; align-items:center; padding:19px 0; border-bottom:1px solid #e1e6f0;}
.location_contact_item:last-child { border-bottom:0;}
.location_icon { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:54px; height:54px; margin-right:23px; border-radius:50%; background-color:#e8edfb;}
.location_icon svg { width:27px; height:27px; fill:none; stroke:#4565bc; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.location_contact_item strong { display:block; margin-bottom:6px; font-family:'PuradakGentleGothic',sans-serif; font-size:16px; font-weight:400; color:#4565bc;}
.location_contact_item p,.location_contact_item a { font-size:16px; line-height:1.65; color:#4e5669; word-break:keep-all;}
.location_transport { width:90%; margin:-25px auto 70px; padding:48px 50px 50px; border-radius:22px; box-shadow:0 18px 45px rgba(34,52,96,0.12); background-color:#fff; position:relative; z-index:2;}
.location_transport>h4,.location_map_section>h4 { margin-bottom:28px; font-family:'PuradakGentleGothic',sans-serif; font-size:27px; line-height:1.4; font-weight:400; color:#27314e;}
.location_transport>h4:after,.location_map_section>h4:after { display:block; width:38px; height:3px; margin-top:13px; background-color:#4565bc; content:"";}
.transport_list { display:flex; margin:0 -10px;}
.transport_list article { display:flex; width:calc(50% - 20px); min-height:155px; margin:0 10px; padding:28px 30px; border-radius:15px; background-color:#f5f7fc;}
.transport_title { flex-shrink:0; width:105px; padding-right:24px; border-right:1px solid #dce2ef; text-align:center;}
.transport_title span { display:flex; align-items:center; justify-content:center; width:48px; height:48px; margin:0 auto 12px; border-radius:50%; background-color:#e2e8f8;}
.transport_title svg { width:25px; height:25px; fill:none; stroke:#4565bc; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.transport_title h5 { font-family:'PuradakGentleGothic',sans-serif; font-size:18px; font-weight:400; color:#303a55;}
.transport_list ul { padding:4px 0 0 27px;}
.transport_list li { position:relative; margin-bottom:12px; padding-left:13px; font-size:16px; line-height:1.6; color:#5d6577; word-break:keep-all;}
.transport_list li:before { position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:50%; background-color:#4565bc; content:"";}
.transport_list li:last-child { margin-bottom:0;}
.location_map_section { position:relative;}
.location_map { overflow:hidden; width:100%; border:1px solid #dce1ec; border-radius:18px; background-color:#f5f7fc;}
.location_map .root_daum_roughmap { width:100% !important;}
.location_map .root_daum_roughmap .wrap_map { height:500px !important;}




/* 서브02 */

.sub02_self_support { position:relative; padding-bottom:30px; color:#444;}
.self_support_intro { display:flex; align-items:stretch; position:relative; min-height:390px; overflow:hidden; border-radius:30px 0 30px 0; background:linear-gradient(135deg,#293d76 0%,#4565bc 100%);}
.self_support_intro:before { position:absolute; left:-100px; bottom:-170px; width:340px; height:340px; border:65px solid rgba(255,255,255,0.05); border-radius:50%; content:"";}
.self_support_intro_txt { display:flex; flex-direction:column; justify-content:center; position:relative; width:54%; padding:60px 40px 60px 70px; color:#fff; z-index:1;}
.self_support_intro_txt>p { margin-bottom:18px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:4px; color:rgba(255,255,255,0.65);}
.self_support_intro_txt h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:27px; line-height:1.7; font-weight:400; color:#fff; word-break:keep-all;}
.self_support_intro_txt h4 strong { font-size:36px; font-weight:400; color:#dbe4ff;}
.self_support_intro_img { position:relative; width:46%; min-height:390px; overflow:hidden;}
.self_support_intro_img img { display:block; width:100%; height:100%; min-height:390px; object-fit:cover; object-position:center; -webkit-mask-image:linear-gradient(to right,transparent 0,#000 50%); mask-image:linear-gradient(to right,transparent 0,#000 50%);}
.self_support_about { display:flex; position:relative; width:90%; margin:-35px auto 75px; padding:55px 60px 58px; border-radius:22px; box-shadow:0 18px 45px rgba(34,52,96,0.12); background-color:#fff; z-index:2;}
.self_support_heading { flex-shrink:0; width:250px; padding-right:50px;}
.self_support_heading>p { margin-bottom:12px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:#4565bc;}
.self_support_heading h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:30px; line-height:1.45; font-weight:400; color:#27314e; word-break:keep-all;}
.self_support_heading h4:after { display:block; width:38px; height:3px; margin-top:17px; background-color:#4565bc; content:"";}
.self_support_about_txt { width:calc(100% - 250px); padding-left:55px; border-left:1px solid #e1e6f0;}
.self_support_about_txt p { margin-bottom:21px; font-size:17px; line-height:1.95; color:#565f72; word-break:keep-all;}
.self_support_about_txt p:last-child { margin-bottom:0;}
.self_support_qualification { margin-bottom:85px;}
.self_support_qualification>.self_support_heading,.self_support_process>.self_support_heading { width:100%; margin-bottom:38px; padding:0; text-align:center;}
.self_support_qualification>.self_support_heading h4:after,.self_support_process>.self_support_heading h4:after { margin:17px auto 0;}
.qualification_list { display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
.qualification_list article { display:flex; position:relative; min-height:210px; overflow:hidden; padding:34px 34px 36px; border:1px solid #e0e5ef; border-radius:17px; background-color:#f8faff;}
.qualification_list article:nth-child(3),.qualification_list article:nth-child(5),.qualification_list article:nth-child(6) { min-height:285px;}
.qualification_number { flex-shrink:0; margin-right:24px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:2px; color:#4565bc;}
.qualification_list h5 { margin-bottom:15px; font-family:'PuradakGentleGothic',sans-serif; font-size:20px; line-height:1.4; font-weight:400; color:#303a55;}
.qualification_list p { position:relative; margin-bottom:9px; padding-left:12px; font-size:16px; line-height:1.75; color:#5c6578; word-break:keep-all;}
.qualification_list p:before { position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:50%; background-color:#4565bc; content:"";}
.qualification_list p:last-child { margin-bottom:0;}
.qualification_note { margin-top:14px; padding:15px 17px; border-radius:10px; background-color:#edf2ff;}
.qualification_note li { position:relative; margin-bottom:7px; padding-left:16px; font-size:16px; line-height:1.65; color:#65708a; word-break:keep-all;}
.qualification_note li:before { position:absolute; left:0; top:0; content:"※"; color:#4565bc;}
.qualification_note li:last-child { margin-bottom:0;}
.qualification_help { display:flex; align-items:center; margin-top:24px; padding:24px 30px; border-radius:14px; color:#fff; background:linear-gradient(120deg,#293d76,#4565bc);}
.qualification_help>span { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:38px; height:38px; margin-right:18px; border:1px solid rgba(255,255,255,0.35); border-radius:50%; font-family:'Roboto',sans-serif; font-size:17px; font-weight:700;}
.qualification_help p { font-size:16px; line-height:1.7; color:rgba(255,255,255,0.9); word-break:keep-all;}
.self_support_process { position:relative; overflow:hidden; padding:60px 55px 65px; border-radius:30px 0 30px 0; background-color:#f3f6fc;}
.self_support_process>.self_support_heading,.self_support_process>.process_diagram { position:relative; z-index:1;}
.process_diagram { position:relative; max-width:960px; margin:0 auto; padding:5px 0 10px;}
.process_circle { display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; border-radius:24px; box-shadow:0 13px 30px rgba(38,64,130,0.12); font-family:'PuradakGentleGothic',sans-serif; text-align:center; color:#fff; z-index:1;}
.process_circle:after { position:absolute; left:50%; top:100%; width:0; height:28px; transform:translateX(-50%); border-left:2px dotted #94a6c9; background:none; content:"";}
.process_circle strong { font-size:20px; line-height:1.45; font-weight:400; word-break:keep-all;}
.process_circle span { margin-top:8px; font-family:'Noto Sans KR',sans-serif; font-size:16px; line-height:1.45;}
.process_gateway { display:flex; flex-direction:column; align-items:center; position:relative;}
.process_gateway .process_circle { width:260px; height:120px; margin-bottom:28px; background:linear-gradient(145deg,#4565bc,#2b79c7);}
.process_gateway .process_counsel { background:linear-gradient(145deg,#168ed1,#18b7d4);}
.process_gateway .process_counsel:before { position:absolute; right:100%; top:50%; width:200px; height:318px; border-top:2px dotted #94a6c9; border-left:2px dotted #94a6c9; content:""; z-index:-1;}
.process_gateway .process_plan { margin-bottom:55px; background:linear-gradient(145deg,#11a9d3,#22c1cf);}
.process_gateway .process_plan:before { position:absolute; right:100%; top:50%; width:200px; height:170px; border-top:2px dotted #94a6c9; border-left:2px dotted #94a6c9; content:""; z-index:-1;}
.process_gateway .process_plan:after { height:55px; background:repeating-linear-gradient(to bottom,#94a6c9 0,#94a6c9 4px,transparent 4px,transparent 9px);}
.process_group_label { display:flex; flex-direction:column; justify-content:center; position:absolute; left:calc(50% + 170px); top:0; width:215px; height:416px; padding-left:46px; font-family:'PuradakGentleGothic',sans-serif; font-size:20px; line-height:1.4; color:#34405e;}
.process_group_label:before { position:absolute; left:0; top:0; width:2px; height:100%; background-color:#4565bc; content:"";}
.process_group_label small { display:block; font-size:16px; color:#6c7690;}
.process_program_row { display:flex; align-items:center; justify-content:center; position:relative; margin-bottom:58px;}
.process_referral { position:absolute; right:calc(50% + 210px); width:240px; height:150px; background:linear-gradient(145deg,#08aaa8,#0dc9b0);}
.process_referral:before { position:absolute; left:100%; top:50%; width:30px; border-top:2px dotted #94a6c9; content:"";}
.process_referral:after { display:none;}
.process_program { width:360px; height:260px; padding:35px; background:linear-gradient(145deg,#087fd2,#17b8dc);}
.process_program strong { margin-bottom:18px; font-size:27px;}
.process_program ul { font-family:'Noto Sans KR',sans-serif; text-align:left;}
.process_program li { position:relative; margin-bottom:6px; padding-left:12px; font-size:16px; line-height:1.45;}
.process_program li:before { position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:50%; background-color:#fff; content:"";}
.process_program:after { height:28px; background:repeating-linear-gradient(to bottom,#94a6c9 0,#94a6c9 4px,transparent 4px,transparent 9px);}
.process_case_label { display:flex; align-items:center; position:absolute; left:calc(50% + 235px); top:-471px; width:150px; height:1077px; padding-right:46px; font-family:'PuradakGentleGothic',sans-serif; font-size:20px; color:#34405e;}
.process_case_label:before { position:absolute; right:0; top:0; width:2px; height:100%; background-color:#12a8d0; content:"";}
.process_result { display:flex; justify-content:center; position:relative; gap:80px;}
.process_result:before { position:absolute; left:calc(50% - 155px); right:calc(50% - 155px); top:-30px; height:30px; border-top:2px dotted #94a6c9; border-left:2px dotted #94a6c9; border-right:2px dotted #94a6c9; content:"";}
.process_result_group { display:flex; flex-direction:column; align-items:center;}
.process_result_group .process_circle { width:230px; height:130px; margin-bottom:28px; background:linear-gradient(145deg,#079e83,#16bda2);}
.process_result_group .process_after,.process_result_group .process_retry { margin-bottom:0; background:linear-gradient(145deg,#07845f,#0ca878);}
.process_result_group .process_after:after,.process_result_group .process_retry:after { display:none;}
.process_failure strong { font-size:21px;}
.process_failure span { font-size:16px;}
.process_retry strong { font-size:17px;}
.sub02_case_management { position:relative; padding-bottom:30px; color:#444;}
.case_management_intro { display:flex; align-items:stretch; position:relative; min-height:390px; overflow:hidden; border-radius:30px 0 30px 0; background:linear-gradient(135deg,#293d76 0%,#4565bc 100%);}
.case_management_intro:before { position:absolute; left:-110px; bottom:-175px; width:350px; height:350px; border:65px solid rgba(255,255,255,0.05); border-radius:50%; content:"";}
.case_management_intro_txt { display:flex; flex-direction:column; justify-content:center; position:relative; width:54%; padding:60px 40px 60px 70px; color:#fff; z-index:1;}
.case_management_intro_txt>p { margin-bottom:18px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:4px; color:rgba(255,255,255,0.65);}
.case_management_intro_txt h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:28px; line-height:1.65; font-weight:400; color:#fff; word-break:keep-all;}
.case_management_intro_txt h4 strong { font-size:36px; font-weight:400; color:#dbe4ff;}
.case_management_intro_img { position:relative; width:46%; min-height:390px; overflow:hidden;}
.case_management_intro_img img { display:block; width:100%; height:100%; min-height:390px; object-fit:cover; object-position:center; -webkit-mask-image:linear-gradient(to right,transparent 0,#000 50%); mask-image:linear-gradient(to right,transparent 0,#000 50%);}
.case_management_about { display:flex; position:relative; width:90%; margin:-35px auto 75px; padding:55px 60px 58px; border-radius:22px; box-shadow:0 18px 45px rgba(34,52,96,0.12); background-color:#fff; z-index:2;}
.case_management_heading { flex-shrink:0; width:250px; padding-right:50px;}
.case_management_heading>p,.case_management_section_title>p:first-child { margin-bottom:12px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:#4565bc;}
.case_management_heading h4,.case_management_section_title h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:30px; line-height:1.45; font-weight:400; color:#27314e; word-break:keep-all;}
.case_management_heading h4:after,.case_management_section_title h4:after { display:block; width:38px; height:3px; margin-top:17px; background-color:#4565bc; content:"";}
.case_management_about_txt { width:calc(100% - 250px); padding-left:55px; border-left:1px solid #e1e6f0;}
.case_management_about_txt p { margin-bottom:21px; font-size:17px; line-height:1.95; color:#565f72; word-break:keep-all;}
.case_management_about_txt p:last-child { margin-bottom:0;}
.case_management_support { margin-bottom:70px;}
.case_management_section_title { max-width:1000px; margin:0 auto 38px; text-align:center;}
.case_management_section_title h4:after { margin:17px auto 21px;}
.case_management_section_title>p:last-child { font-size:22px; line-height:1.85; color:#606a7e; word-break:keep-all;}
.case_management_list { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; counter-reset:none;}
.case_management_list li { display:flex; align-items:flex-start; padding:32px 27px 34px; border:1px solid #e0e5ef; border-radius:17px; background-color:#f8faff;}
.case_management_list span { flex-shrink:0; margin-right:15px; line-height:1.8; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:2px; color:#4565bc;}
.case_management_list p { position:relative; padding-left:12px; font-size:16px; line-height:1.8; color:#555f74; word-break:keep-all;}
.case_management_list p:before { position:absolute; left:0; top:12px; width:5px; height:5px; border-radius:50%; background-color:#4565bc; content:"";}
.case_management_message { display:flex; align-items:center; position:relative; overflow:hidden; padding:48px 60px; border-radius:24px 0 24px 0; color:#fff; background:linear-gradient(125deg,#293d76,#4565bc);}
.case_management_message:after { position:absolute; right:-55px; top:-90px; width:220px; height:220px; border:45px solid rgba(255,255,255,0.05); border-radius:50%; content:"";}
.case_management_message>span { flex-shrink:0; width:180px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:4px; color:#cbd6f5;}
.case_management_message>div { position:relative; padding-left:45px; border-left:1px solid rgba(255,255,255,0.25); z-index:1;}
.case_management_message p { margin-bottom:12px; font-size:17px; line-height:1.85; color:rgba(255,255,255,0.92); word-break:keep-all;}
.case_management_message p:last-child { margin-bottom:0;}
.sub02_gateway { position:relative; padding-bottom:30px; color:#444;}
.gateway_intro { display:flex; align-items:stretch; position:relative; min-height:390px; overflow:hidden; border-radius:30px 0 30px 0; background:linear-gradient(135deg,#293d76 0%,#4565bc 100%);}
.gateway_intro:before { position:absolute; left:-110px; bottom:-180px; width:350px; height:350px; border:65px solid rgba(255,255,255,0.05); border-radius:50%; content:"";}
.gateway_intro_txt { display:flex; flex-direction:column; justify-content:center; position:relative; width:54%; padding:60px 40px 60px 70px; color:#fff; z-index:1;}
.gateway_intro_txt>p { margin-bottom:18px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:4px; color:rgba(255,255,255,0.65);}
.gateway_intro_txt h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:28px; line-height:1.65; font-weight:400; color:#fff; word-break:keep-all;}
.gateway_intro_txt h4 strong { font-size:36px; font-weight:400; color:#dbe4ff;}
.gateway_intro_img { position:relative; width:46%; min-height:390px; overflow:hidden;}
.gateway_intro_img img { display:block; width:100%; height:100%; min-height:390px; object-fit:cover; object-position:center; -webkit-mask-image:linear-gradient(to right,transparent 0,#000 50%); mask-image:linear-gradient(to right,transparent 0,#000 50%);}
.gateway_about { display:flex; align-items:center; position:relative; width:90%; margin:-35px auto 75px; padding:55px 60px 58px; border-radius:22px; box-shadow:0 18px 45px rgba(34,52,96,0.12); background-color:#fff; z-index:2;}
.gateway_heading { flex-shrink:0; width:270px; padding-right:30px;}
.gateway_heading>p,.gateway_section_title>p { margin-bottom:12px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:#4565bc;}
.gateway_heading h4,.gateway_section_title h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:30px; line-height:1.45; font-weight:400; color:#27314e; word-break:keep-all;}
.gateway_heading h4:after,.gateway_section_title h4:after { display:block; width:38px; height:3px; margin-top:17px; background-color:#4565bc; content:"";}
.gateway_about_txt { width:calc(100% - 270px); padding-left:55px; border-left:1px solid #e1e6f0;}
.gateway_about_txt p { font-size:17px; line-height:1.95; color:#565f72; word-break:keep-all;}
.gateway_activity { padding:58px 55px 62px; border-radius:30px 0 30px 0; background-color:#f3f6fc;}
.gateway_section_title { margin-bottom:38px; text-align:center;}
.gateway_section_title h4:after { margin:17px auto 0;}
.gateway_activity_layout { display:flex; align-items:stretch; gap:30px;}
.gateway_support_list { display:flex; flex-direction:column; justify-content:flex-start; width:42%;}
.gateway_support_list li { display:flex; align-items:center; min-height:94px; margin-bottom:14px; padding:22px 25px; border-radius:14px; box-shadow:0 8px 20px rgba(44,63,111,0.07); background-color:#fff;}
.gateway_support_list li:last-child { margin-bottom:0;}
.gateway_support_list span { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:42px; height:42px; margin-right:20px; border-radius:50%; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; color:#fff; background-color:#4565bc;}
.gateway_support_list p { font-size:16px; line-height:1.65; color:#505a70; word-break:keep-all;}
.gateway_gallery { display:grid; width:58%; grid-template-columns:repeat(2,1fr); gap:14px;}
.gateway_gallery figure:first-child { grid-column:1/-1; min-height:360px;}
.gateway_gallery figure { position:relative; min-height:310px; overflow:hidden; border-radius:18px; box-shadow:0 12px 28px rgba(34,52,96,0.12); background-color:#dfe5f2;}
.gateway_gallery img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform 0.35s ease;}
.gateway_gallery figure:hover img { transform:scale(1.035);}
.sub02_asset_support { position:relative; padding-bottom:30px; color:#444;}
.asset_support_intro { display:flex; align-items:stretch; position:relative; min-height:390px; overflow:hidden; border-radius:30px 0 30px 0; background:linear-gradient(135deg,#293d76 0%,#4565bc 100%);}
.asset_support_intro:before { position:absolute; left:-110px; bottom:-180px; width:350px; height:350px; border:65px solid rgba(255,255,255,0.05); border-radius:50%; content:"";}
.asset_support_intro_txt { display:flex; flex-direction:column; justify-content:center; position:relative; width:54%; padding:60px 40px 60px 70px; color:#fff; z-index:1;}
.asset_support_intro_txt>p { margin-bottom:18px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:4px; color:rgba(255,255,255,0.65);}
.asset_support_intro_txt h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:28px; line-height:1.65; font-weight:400; color:#fff; word-break:keep-all;}
.asset_support_intro_txt h4 strong { font-size:36px; font-weight:400; color:#dbe4ff;}
.asset_support_intro_img { position:relative; width:46%; min-height:390px; overflow:hidden;}
.asset_support_intro_img img { display:block; width:100%; height:100%; min-height:390px; object-fit:cover; object-position:center; -webkit-mask-image:linear-gradient(to right,transparent 0,#000 50%); mask-image:linear-gradient(to right,transparent 0,#000 50%);}
.asset_support_about { display:flex; position:relative; width:90%; margin:-35px auto 75px; padding:55px 60px 58px; border-radius:22px; box-shadow:0 18px 45px rgba(34,52,96,0.12); background-color:#fff; z-index:2;}
.asset_support_heading { flex-shrink:0; width:270px; padding-right:50px;}
.asset_support_heading>p,.asset_support_section_title>p { margin-bottom:12px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:#4565bc;}
.asset_support_heading h4,.asset_support_section_title h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:30px; line-height:1.45; font-weight:400; color:#27314e; word-break:keep-all;}
.asset_support_heading h4:after,.asset_support_section_title h4:after { display:block; width:38px; height:3px; margin-top:17px; background-color:#4565bc; content:"";}
.asset_support_about_txt { width:calc(100% - 270px); padding-left:55px; border-left:1px solid #e1e6f0;}
.asset_support_about_txt p { margin-bottom:21px; font-size:17px; line-height:1.95; color:#565f72; word-break:keep-all;}
.asset_support_about_txt p:last-child { margin-bottom:0;}
.asset_support_guide { padding:58px 35px 48px; border-radius:30px 0 30px 0; background-color:#f3f6fc;}
.asset_support_section_title { margin-bottom:35px; text-align:center;}
.asset_support_section_title h4:after { margin:17px auto 0;}
.asset_support_table_scroll { overflow-x:auto; border-radius:14px; box-shadow:0 10px 28px rgba(34,52,96,0.1); background-color:#fff;}
.asset_support_table { width:100%; min-width:1050px; border-collapse:separate; border-spacing:0; table-layout:fixed;}
.asset_support_table caption { overflow:hidden; position:absolute; width:1px; height:1px; clip:rect(1px,1px,1px,1px);}
.asset_support_table .asset_support_category { width:125px;}
.asset_support_table th,.asset_support_table td { padding:19px 13px; border-right:1px solid #dfe5ec; border-bottom:1px solid #dfe5ec; font-size:16px; line-height:1.6; font-weight:400; text-align:center; color:#465066; word-break:keep-all;}
.asset_support_table tr>*:last-child { border-right:0;}
.asset_support_table tbody tr:last-child>* { border-bottom:0;}
.asset_support_table thead th { padding:17px 10px; font-family:'PuradakGentleGothic',sans-serif; color:#fff; background-color:#129f99;}
.asset_support_table thead th:first-child { border-radius:14px 0 0 0; background-color:#087d83;}
.asset_support_table thead th:last-child { border-radius:0 14px 0 0;}
.asset_support_table tbody th { font-weight:600; color:#16777e; background-color:#edfafa;}
.asset_support_table td strong { font-weight:700; color:#039e9a;}
.asset_support_table td span,.asset_support_table th span { color:#748096;}
.asset_support_table td small { display:block; margin-top:6px; font-size:16px; color:#7f899c;}
.asset_support_footnotes { margin-top:20px;}
.asset_support_footnotes p { margin-bottom:7px; font-size:16px; line-height:1.65; color:#657086; word-break:keep-all;}
.asset_support_notice { display:flex; align-items:flex-start; margin-top:24px; padding:24px 28px; border:1px solid #dbe3f3; border-radius:14px; background-color:#edf2ff;}
.asset_support_notice span { flex-shrink:0; margin-right:13px; font-size:18px; font-weight:700; color:#4565bc;}
.asset_support_notice p { font-size:16px; line-height:1.75; color:#56627a; word-break:keep-all;}
.sub02_market_work { position:relative; padding-bottom:30px; color:#444;}
.market_work_intro { display:flex; align-items:stretch; position:relative; min-height:390px; overflow:hidden; border-radius:30px 0 30px 0; background:linear-gradient(135deg,#293d76 0%,#4565bc 100%);}
.market_work_intro:before { position:absolute; left:-110px; bottom:-175px; width:350px; height:350px; border:65px solid rgba(255,255,255,0.05); border-radius:50%; content:"";}
.market_work_intro_txt { display:flex; flex-direction:column; justify-content:center; position:relative; width:54%; padding:60px 40px 60px 70px; color:#fff; z-index:1;}
.market_work_intro_txt>p { margin-bottom:18px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:4px; color:rgba(255,255,255,0.65);}
.market_work_intro_txt h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:28px; line-height:1.65; font-weight:400; color:#fff; word-break:keep-all;}
.market_work_intro_txt h4 strong { font-size:36px; font-weight:400; color:#dbe4ff;}
.market_work_intro_img { position:relative; width:46%; min-height:390px; overflow:hidden;}
.market_work_intro_img img { display:block; width:100%; height:100%; min-height:390px; object-fit:cover; object-position:center; -webkit-mask-image:linear-gradient(to right,transparent 0,#000 50%); mask-image:linear-gradient(to right,transparent 0,#000 50%);}
.market_work_section { position:relative; width:94%; margin:-35px auto 0; padding:58px 45px 55px; border-radius:24px; box-shadow:0 18px 45px rgba(34,52,96,0.12); background-color:#f5f7fc; z-index:2;}
.market_work_heading { margin-bottom:38px; text-align:center;}
.market_work_heading>p { margin-bottom:12px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:#4565bc;}
.market_work_heading h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:30px; line-height:1.45; font-weight:400; color:#27314e;}
.market_work_heading h4:after { display:block; width:38px; height:3px; margin:17px auto 0; background-color:#4565bc; content:"";}
.market_work_grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
.market_work_unit { overflow:hidden; border:1px solid #dfe5ef; border-radius:18px; box-shadow:0 9px 24px rgba(40,58,105,0.07); background-color:#fff;}
.market_work_unit:last-child { /*grid-column:1/-1;*/}
.market_work_unit_head { display:flex; align-items:center; position:relative; min-height:98px; padding:22px 28px; border-bottom:1px solid #e4e8f1; background:linear-gradient(120deg,#edf2ff,#f8faff);}
.market_work_unit_head>span { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:68px; height:54px; margin-right:22px; border-radius:12px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; color:#fff; background-color:#4565bc;}
.market_work_unit_head small { display:block; margin-bottom:5px; font-size:16px; font-weight:600; color:#667598;}
.market_work_unit_head small em { margin-right:8px; font-family:'Roboto',sans-serif; font-style:normal; font-weight:700; letter-spacing:2px; color:#7890ce;}
.market_work_unit h5 { font-family:'PuradakGentleGothic',sans-serif; font-size:22px; line-height:1.4; font-weight:400; color:#29344f; word-break:keep-all;}
.market_work_cu .market_work_unit_head>span { background:linear-gradient(135deg,#7b49a0,#a65ab4);}
.market_work_gs .market_work_unit_head>span { background:linear-gradient(135deg,#087fd2,#14abc6);}
.market_work_school .market_work_unit_head>span { background:linear-gradient(135deg,#138f7e,#19b69a);}
.market_work_office .market_work_unit_head>span { background:linear-gradient(135deg,#516078,#77849a);}
.social_work_grid .market_work_unit:last-child { grid-column:auto;}
.social_work_cafe .market_work_unit_head>span { background:linear-gradient(135deg,#9a653b,#c59056);}
.social_work_assembly .market_work_unit_head>span { background:linear-gradient(135deg,#28719b,#42a0b9);}
.social_work_craft .market_work_unit_head>span { background:linear-gradient(135deg,#39876f,#54a989);}
.market_work_body { padding:30px 30px 34px;}
.market_work_body h6 { position:relative; margin:27px 0 13px; padding-left:14px; font-family:'PuradakGentleGothic',sans-serif; font-size:18px; line-height:1.4; font-weight:400; color:#34405d;}
.market_work_body h6:first-child { margin-top:0;}
.market_work_body h6:before { position:absolute; left:0; top:5px; width:4px; height:17px; border-radius:4px; background-color:#4565bc; content:"";}
.market_work_body li { position:relative; margin-bottom:9px; padding-left:14px; font-size:16px; line-height:1.75; color:#596378; word-break:keep-all;}
.market_work_body li:before { position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:50%; background-color:#9aa8c8; content:"";}
.market_work_body li:last-child { margin-bottom:0;}
.market_work_body li>small { display:block; margin-top:4px; font-size:16px; color:#788298;}
.market_work_gallery { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:28px;}
.market_work_gallery figure { overflow:hidden; aspect-ratio:1/1; border-radius:16px; background-color:#e8ebf2;}
.market_work_gallery img { display:block; width:100%; height:100%; object-fit:cover; cursor:zoom-in; transition:transform 0.35s ease;}
.market_work_gallery figure:hover img { transform:scale(1.035);}
.market_work_gallery img:focus { outline:3px solid #4565bc; outline-offset:-3px;}
.market_work_gallery_single { grid-template-columns:1fr;}
.market_work_gallery_single figure { aspect-ratio:16/9;}
.market_work_gallery_featured figure:first-child { grid-column:1/-1; aspect-ratio:2.67/1;}
.market_work_location { display:flex; align-items:flex-start; justify-content:space-between; gap:12px;}
.market_work_location span { flex:1;}
.market_work_location a { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-width:80px; height:34px; padding:0 13px; border-radius:20px; font-size:16px; font-weight:600; color:#fff; background-color:#4565bc; transition:background-color 0.2s ease;}
.market_work_location a:hover { background-color:#293d76;}
.sub02_youth_challenge { position:relative; padding-bottom:30px; color:#444;}
.youth_challenge_intro { display:flex; align-items:stretch; position:relative; min-height:350px; overflow:hidden; border-radius:30px 0 30px 0; color:#fff; background:linear-gradient(135deg,#314986 0%,#4565bc 68%,#5578d0 100%);}
.youth_challenge_intro:before,.youth_challenge_intro:after { position:absolute; border:1px solid rgba(255,255,255,0.12); border-radius:50%; content:"";}
.youth_challenge_intro:before { right:-90px; top:-150px; width:380px; height:380px;}
.youth_challenge_intro:after { right:80px; bottom:-210px; width:330px; height:330px;}
.youth_challenge_intro_text { display:flex; align-items:center; position:relative; width:60%; padding:55px 35px 55px 60px; z-index:1;}
.youth_challenge_label { position:relative; width:200px; padding-right:28px; z-index:1;}
.youth_challenge_label span { display:flex; align-items:center; justify-content:center; width:92px; height:92px; margin:0 auto 17px auto; border-radius:50%; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:2px; color:#4565bc; background-color:#fff;}
.youth_challenge_label p { font-size:16px; font-weight:600; color:#dfe7ff;}
.youth_challenge_title { position:relative; width:calc(100% - 150px); padding-left:38px; border-left:1px solid rgba(255,255,255,0.35); z-index:1;}
.youth_challenge_title>p { margin-bottom:17px; font-size:17px; color:#dfe7ff;}
.youth_challenge_title h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:31px; line-height:1.6; font-weight:400; color:#fff; word-break:keep-all;}
.youth_challenge_title h4 strong { font-size:38px; font-weight:400; color:#fff3b5;}
.youth_challenge_intro_img { position:relative; width:40%; min-height:350px; overflow:hidden;}
.youth_challenge_intro_img img { display:block; width:100%; height:100%; min-height:350px; object-fit:cover; object-position:center; -webkit-mask-image:linear-gradient(to right,transparent 0,#000 50%); mask-image:linear-gradient(to right,transparent 0,#000 50%);}
.youth_challenge_content { display:flex; position:relative; width:94%; margin:-28px auto 45px; padding:55px 50px 50px; border-radius:24px; box-shadow:0 18px 42px rgba(34,52,96,0.12); background-color:#fff; z-index:2;}
.youth_challenge_heading { width:230px; padding-right:42px;}
.youth_challenge_heading>p,.youth_challenge_space_text>p { margin-bottom:11px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:#4565bc;}
.youth_challenge_heading h4,.youth_challenge_space_text h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:30px; line-height:1.45; font-weight:400; color:#27314e;}
.youth_challenge_heading h4:after { display:block; width:38px; height:3px; margin-top:17px; background-color:#4565bc; content:"";}
.youth_challenge_text { width:calc(100% - 230px); padding-left:48px; border-left:1px solid #e1e6f0;}
.youth_challenge_text p { margin-bottom:19px; font-size:16px; line-height:1.9; color:#596378; word-break:keep-all;}
.youth_challenge_text p:last-child { margin-bottom:0;}
.youth_challenge_program_layout { display:flex; align-items:stretch; gap:20px; width:94%; margin:0 auto 62px;}
.youth_challenge_keywords { display:flex; flex-direction:column; gap:14px; width:calc(50% - 10px); margin:0;}
.youth_challenge_keywords li { display:flex; align-items:center; justify-content:center; min-height:130px; padding:20px 24px; border:1px solid #dfe6f3; border-radius:15px; text-align:center; background-color:#f7f9fd;}
.youth_challenge_keywords span { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:42px; height:42px; margin-right:16px; border-radius:50%; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; color:#fff; background-color:#4565bc;}
.youth_challenge_keywords strong { font-family:'PuradakGentleGothic',sans-serif; font-size:18px; line-height:1.4; font-weight:400; text-align:center; color:#34405d; word-break:keep-all;}
.youth_challenge_activity_gallery { width:calc(50% - 10px);}
.youth_challenge_activity_gallery figure { overflow:hidden; width:100%; height:100%; min-height:304px; border-radius:20px; box-shadow:0 12px 28px rgba(34,52,96,0.12); background-color:#e8ebf2;}
.youth_challenge_activity_gallery img { display:block; width:100%; height:100%; object-fit:cover; cursor:zoom-in; transition:transform 0.35s ease;}
.youth_challenge_activity_gallery figure:hover img { transform:scale(1.025);}
.youth_challenge_activity_gallery img:focus { outline:3px solid #4565bc; outline-offset:-3px;}
.youth_challenge_space { display:flex; align-items:center; overflow:hidden; border-radius:28px 0 28px 0; background-color:#f1f4fa;}
.youth_challenge_space_text { width:38%; padding:48px 35px 48px 55px;}
.youth_challenge_space_text ul { margin-top:28px;}
.youth_challenge_space_text li { position:relative; margin-bottom:11px; padding-left:15px; font-size:16px; line-height:1.6; color:#596378;}
.youth_challenge_space_text li:before { position:absolute; left:0; top:10px; width:5px; height:5px; border-radius:50%; background-color:#4565bc; content:"";}
.youth_challenge_space_gallery { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:repeat(3,auto); gap:12px; width:62%; padding:0 30px; background-color:#fff;}
.youth_challenge_space_gallery figure { overflow:hidden; border:1px solid #e0e5ee; border-radius:12px; background-color:#f8f9fc;}
.youth_challenge_space_gallery figure:not(.youth_challenge_building) { display:grid; grid-template-columns:1fr; grid-template-rows:120px auto;}
.youth_challenge_space_gallery img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.35s ease;}
.youth_challenge_space_gallery figure:hover img { transform:scale(1.045);}
.youth_challenge_space_gallery figcaption { padding:10px 12px; font-size:16px; font-weight:600; line-height:1.4; text-align:center; color:#34405d; background-color:#f4f6fa;}
.youth_challenge_building { display:grid; grid-column:2; grid-row:1/4; grid-template-rows:minmax(0,1fr) auto;}
.sub02_enterprise { position:relative; padding-bottom:30px; color:#444;}
.enterprise_intro { display:flex; align-items:stretch; min-height:390px; overflow:hidden; border-radius:30px 0 30px 0; background:linear-gradient(135deg,#293d76 0%,#4565bc 100%);}
.enterprise_intro_txt { display:flex; flex-direction:column; justify-content:center; position:relative; width:54%; padding:58px 35px 58px 70px; color:#fff; z-index:1;}
.enterprise_intro_txt:before { position:absolute; left:-120px; bottom:-190px; width:360px; height:360px; border:65px solid rgba(255,255,255,0.05); border-radius:50%; content:"";}
.enterprise_intro_txt>p { position:relative; margin-bottom:18px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:#cdd8f7;}
.enterprise_intro_txt h4 { position:relative; font-family:'PuradakGentleGothic',sans-serif; font-size:28px; line-height:1.65; font-weight:400; color:#fff; word-break:keep-all;}
.enterprise_intro_txt h4 strong { font-size:36px; font-weight:400; color:#dbe4ff;}
.enterprise_intro_img { position:relative; width:46%; min-height:390px; overflow:hidden;}
.enterprise_intro_img img { display:block; width:100%; height:100%; min-height:390px; object-fit:cover; object-position:center; -webkit-mask-image:linear-gradient(to right,transparent 0,#000 50%); mask-image:linear-gradient(to right,transparent 0,#000 50%);}
.enterprise_about { display:flex; position:relative; width:94%; margin:-35px auto 58px; padding:58px 48px 54px; border-radius:24px; box-shadow:0 18px 45px rgba(34,52,96,0.12); background-color:#fff; z-index:2;}
.enterprise_heading { width:230px; padding-right:40px;}
.enterprise_heading>p,.enterprise_section_title>p { margin-bottom:11px; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; letter-spacing:3px; color:#4565bc;}
.enterprise_heading h4,.enterprise_section_title h4 { font-family:'PuradakGentleGothic',sans-serif; font-size:30px; line-height:1.45; font-weight:400; color:#27314e; word-break:keep-all;}
.enterprise_heading h4:after,.enterprise_section_title h4:after { display:block; width:38px; height:3px; margin-top:17px; background-color:#4565bc; content:"";}
.enterprise_about_txt { width:calc(100% - 230px); padding-left:48px; border-left:1px solid #e1e6f0;}
.enterprise_about_txt>p { margin-bottom:17px; font-size:16px; line-height:1.9; color:#596378; word-break:keep-all;}
.enterprise_about_txt>p:last-child { margin-bottom:0;}
.enterprise_definition { margin-bottom:28px; padding:25px 15px 25px 26px; border-radius:15px; background-color:#f1f5ff;}
.enterprise_definition p { position:relative; margin-bottom:12px; padding-left:13px; font-size:16px; line-height:1.75; font-weight:600; color:#344d8c; word-break:keep-all; letter-spacing:-0.06em;}
.enterprise_definition p:before { position:absolute; left:0; top:11px; width:6px; height:6px; border-radius:50%; background-color:#4565bc; content:"";}
.enterprise_definition p:last-child { margin-bottom:0;}
.enterprise_support { margin-bottom:65px; padding:50px 45px 48px; border-radius:26px 0 26px 0; background-color:#f4f7fc;}
.enterprise_section_title { margin-bottom:34px; text-align:center;}
.enterprise_section_title h4:after { margin:17px auto 0;}
.enterprise_support ul { display:grid; grid-template-columns:repeat(5,1fr); gap:14px;}
.enterprise_support li { min-height:145px; padding:23px 14px; border:1px solid #dfe6f3; border-radius:16px; text-align:center; background-color:#fff;}
.enterprise_support span { display:flex; align-items:center; justify-content:center; width:38px; height:38px; margin:0 auto 15px; border-radius:50%; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; color:#fff; background-color:#4565bc;}
.enterprise_support li p { font-family:'PuradakGentleGothic',sans-serif; font-size:17px; line-height:1.5; color:#3d4965; word-break:keep-all;}
.enterprise_list { padding:54px 42px 48px; border-radius:26px; background-color:#f5f7fc;}
.enterprise_grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
.enterprise_unit { overflow:hidden; border:1px solid #dfe5ef; border-radius:18px; box-shadow:0 9px 24px rgba(40,58,105,0.07); background-color:#fff;}
.enterprise_unit_head { display:flex; align-items:center; min-height:105px; padding:23px 28px; border-bottom:1px solid #e4e8f1; background:linear-gradient(120deg,#edf2ff,#f8faff);}
.enterprise_unit_head>span { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:58px; height:58px; margin-right:20px; border-radius:50%; font-family:'Roboto',sans-serif; font-size:16px; font-weight:700; color:#fff; background-color:#4565bc;}
.enterprise_green .enterprise_unit_head>span { background:linear-gradient(135deg,#238b6f,#4bb68a);}
.enterprise_interior .enterprise_unit_head>span { background:linear-gradient(135deg,#53627b,#7b889e);}
.enterprise_unit_head small { display:block; margin-bottom:5px; font-size:16px; font-weight:600; color:#667598;}
.enterprise_unit_head h5 { font-family:'PuradakGentleGothic',sans-serif; font-size:22px; line-height:1.4; font-weight:400; color:#29344f; word-break:keep-all;}
.enterprise_unit_head h5 em { font-family:inherit; font-size:16px; font-style:normal; color:#64708b;}
.enterprise_unit_body { padding:30px 28px 34px;}
.enterprise_unit_body h6 { position:relative; margin:27px 0 13px; padding-left:14px; font-family:'PuradakGentleGothic',sans-serif; font-size:18px; line-height:1.4; font-weight:400; color:#34405d;}
.enterprise_unit_body h6:first-child { margin-top:0;}
.enterprise_unit_body h6:before { position:absolute; left:0; top:5px; width:4px; height:17px; border-radius:4px; background-color:#4565bc; content:"";}
.enterprise_unit_body li { position:relative; margin-bottom:9px; padding-left:14px; font-size:16px; line-height:1.75; color:#596378; word-break:keep-all;}
.enterprise_unit_body li:before { position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:50%; background-color:#9aa8c8; content:"";}
.enterprise_unit_body li:last-child { margin-bottom:0;}
.enterprise_unit_body li small { display:block; margin-top:4px; font-size:16px; color:#788298;}
.enterprise_gallery { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:28px;}
.enterprise_gallery figure { overflow:hidden; aspect-ratio:1/1; border-radius:16px; background-color:#e8ebf2;}
.enterprise_gallery figure:first-child { grid-column:1/-1; aspect-ratio:16/9;}
.enterprise_gallery img { display:block; width:100%; height:100%; object-fit:cover; cursor:zoom-in; transition:transform 0.35s ease;}
.enterprise_gallery figure:hover img { transform:scale(1.035);}
.enterprise_gallery img:focus { outline:3px solid #4565bc; outline-offset:-3px;}
.enterprise_location { display:flex; align-items:flex-start; justify-content:space-between; gap:12px;}
.enterprise_location>span { flex:1;}
.enterprise_location a { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-width:80px; height:34px; padding:0 13px; border-radius:20px; font-size:16px; font-weight:600; color:#fff; background-color:#4565bc; transition:background-color 0.2s ease;}
.enterprise_location a:hover { background-color:#293d76;}
.sub02_02_tw { width:33.333333333%;}
.sub02_03_tw { width:50%;}
.sub02_06_tw { width:33.333333333%;}

/* 사업 안내 설명 이미지 확대 */
.gateway_gallery img,.youth_challenge_space_gallery img { cursor:zoom-in;}
.gateway_gallery img:focus,.youth_challenge_space_gallery img:focus { outline:3px solid #4565bc; outline-offset:-3px;}
body.business_image_lightbox_open { overflow:hidden;}
.business_image_lightbox { display:none; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:100%; padding:70px 40px 40px; background-color:rgba(10,16,31,0.9); z-index:10000;}
.business_image_lightbox.business_image_lightbox_on { display:flex;}
.business_image_lightbox_inner { max-width:1200px; max-height:calc(100vh - 110px); text-align:center;}
.business_image_lightbox_inner img { display:block; max-width:100%; max-height:calc(100vh - 160px); margin:0 auto; object-fit:contain; box-shadow:0 18px 55px rgba(0,0,0,0.35);}
.business_image_lightbox_inner p { margin-top:15px; font-size:16px; line-height:1.6; color:#fff;}
.business_image_lightbox_close { position:absolute; right:28px; top:18px; width:48px; height:48px; border:0; font-family:Arial,sans-serif; font-size:42px; line-height:48px; color:#fff; cursor:pointer; background:none;}
.business_image_lightbox_close:focus { outline:2px solid #fff; outline-offset:2px;}



/* 서브03 */




/* 서브04 */







/* 서브 end ----------------------------------- */



/* 1100 ~ 768까지 태블릿 설정 */

@media screen and (max-width:1100px){



/* 서브 비주얼 */

.container_visual { padding-top:80px;}
.sub_visual { width:100%; height:200px;  margin-top:0;}
.sub_visual .sub_bg { width:100%; height:200px; min-width:768px; background-position:50% 100%; background-attachment:fixed; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease;}
.sub_visual .sub_bg:hover { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
.sub_visual_view_pc { display:none;}
.sub_visual_view_tb { display:block;}
.sub_visual_title { position:absolute; width:100%; top:60px; left:auto; margin-left:0; font-size:34px; font-weight:500; color:#FFF; letter-spacing:-1px; z-index:3; padding-left:40px;}
.sub_visual_txt { position:absolute; width:100%; top:115px; left:auto; margin-left:0; font-size:12px; font-weight:400; color:rgba(255,255,255,0.7); z-index:3; padding-left:44px;}



/* 서브탭 start */

.sub_menu_wrap { width:100%; height:52px; border-bottom:1px solid #e1ded8; border-top:1px solid #e1ded8; background-color:#fff;}
.sub_menu { position:relative; width:100%; min-width:768px; height:50px; margin:0 auto;}
.icon_home { display:none;}
.icon_print { display:none;}
.sub_tab { width:100%; margin-left:0;}
.sub_tab>ul {}
.sub_tab>ul>li { float:left; position:relative; border-right:1px solid #e1ded8; height:50px; line-height:50px; font-size:14px; color:#444; cursor:pointer; background-repeat:no-repeat; background-position:90% 50%;}
.sub_tab>ul>li.sub_depth1 { width:50%; border-left:none; padding-left:30px; padding-right:100px; z-index:1;}
.sub_tab>ul>li.sub_depth2 { width:50%; border-right:none; display:none; padding-left:30px; padding-right:100px; z-index:1;}
.menu_on { display:block !important;}
.sub_tab>ul>li>a { display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sub_tab>ul>li:hover { background-color:#f6f6f6;}
.sub_tab>ul>li.tab_active { background-color:#f6f6f6;}
.tab_box_bg_on { background-image:url(/images/icon/tab_box_bg_on.png) !important;}

.sub_tab_sub { position:absolute; display:none; top:50px; left:-1px; border:1px solid #e1ded8; width:100%; z-index:1; box-sizing:content-box; background-color:#FFF;}
.sub_tab_sub ul { padding:15px 30px;}
.sub_tab_sub ul li { float:none; height:auto; margin:8px 0; padding:5px 0; font-size:13px; line-height:19px; width:100%; border:none; background-image:none;}
.sub_tab_sub ul li:hover { background-color:#f6f6f6;}

.sub_menu_wrap_fixed { position: relative; top: auto; z-index: 100;}

.depth3_tab { width:94%; height:auto; padding:0; margin:0 auto 40px auto; overflow:hidden; font-size:0; border:1px solid rgba(0,0,0,0.15);}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display:inline-block; vertical-align:top; font-size:16px; text-align:center; padding:20px 0; background-color:#fff;}
.depth3_tab>a:nth-child(2n) { background-color:#f5f5f5;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#4565bc;}



/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:768px;}
.sub_container { position: relative; width:100%; margin:0 auto; padding:0 0 50px 0;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_title { position:relative; width:94%; margin:0 auto 40px auto; padding:60px 0 20px 0; font-size:34px; text-align:left; border-bottom:1px solid #e1ded8;}
.sub_title_sub { display:inline-block; font-size:14px; font-weight:500; color:#999; padding-left:20px;}
.box100per { width:94%; margin:0 auto; padding:0 0 40px 0;}
.box50per { display:inline-block; width:50%; padding:0; vertical-align:top; max-width:auto;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 30px 25px 30px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}
.in_title1 { font-size:40px; margin:40px 0 25px 0; color:#333;}
.in_title1_bar { width:40px; height:1px; margin-bottom:25px; background-color:#666;}
.in_title1_txt { font-size:20px; margin-bottom:25px; color:#777;}
.in_title1_txt>span { display:inline-block;}
.in_title2 { font-size:28px; margin:0 0 25px 0;}
.in_title2_bar { width:40px; height:1px; margin-bottom:20px; background-color:#666;}
.in_title2_txt { font-size:17px; margin-bottom:30px; color:#777;}
.in_title3 { font-size:18px; margin-bottom:20px; background-position:0% 4px; padding-left:25px;}
.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}
.sub_img { position:relative;}
.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); width: 60px; height: 60px;}
.big_view>a { display: block; width: 100%; height: 100%;}



/* 서브01 */

.greeting_intro { min-height:400px; border-radius:24px 0 24px 0;}
.greeting_intro_txt { width:50%; padding:50px 35px 50px 40px;}
.greeting_label { margin-bottom:18px; font-size:13px;}
.greeting_intro_txt h4 { font-size:32px;}
.greeting_intro_txt>p:last-child { margin-top:24px; font-size:15px;}
.greeting_intro_img { width:50%; min-height:400px;}
.greeting_intro_img img { min-height:400px;}
.greeting_message { width:92%; margin:-35px auto 0; padding:45px 40px 50px;}
.greeting_keyword { width:180px; padding-right:30px;}
.greeting_keyword span { font-size:15px;}
.greeting_body { width:calc(100% - 180px); padding-left:40px;}
.greeting_body p { font-size:16px; line-height:1.9;}
.greeting_body .greeting_lead { font-size:18px;}
.corporation_identity { min-height:330px; padding:50px 45px;}
.corporation_title h4 { font-size:31px;}
.corporation_logo { padding-left:50px;}
.corporation_meaning { width:92%; margin:-30px auto 50px; padding:42px 40px;}
.corporation_meaning_icon { width:135px; height:135px;}
.corporation_meaning_icon b { top:24px; font-size:48px;}
.corporation_meaning_icon span { padding-top:70px; font-size:10px;}
.corporation_meaning_txt { padding-left:40px;}
.corporation_meaning_txt h4 { font-size:25px;}
.corporation_meaning_txt>p { font-size:16px;}
.corporation_value { padding:32px 28px 34px;}
.corporation_number { margin-right:18px;}
.corporation_value h4 { font-size:20px;}
.corporation_value p { font-size:15px;}
.history_intro { min-height:270px; padding:45px 42px;}
.history_intro_txt h4 { font-size:30px;}
.history_period { padding:22px 25px;}
.history_period strong { font-size:29px;}
.history_period i { width:42px; margin:0 13px;}
.history_nav { width:92%; margin:-25px auto 55px;}
.history_nav a { padding:19px 12px; font-size:15px;}
.history_decade>h4 { width:155px;}
.history_decade>h4 strong { font-size:38px;}
.history_decade>h4 span { font-size:20px;}
.history_list { width:calc(100% - 155px); padding-left:38px;}
.history_year { padding:28px 25px;}
.history_year:before { left:-45px; top:38px;}
.history_year_title { width:115px; padding-right:20px;}
.history_year_title time { font-size:26px;}
.history_detail { width:calc(100% - 115px);}
.history_detail h5 { font-size:18px;}
.history_detail li { font-size:15px;}
.mission_statement { min-height:350px; padding:52px 45px;}
.mission_symbol { width:155px; height:155px; margin-right:45px;}
.mission_symbol:before { width:115px; height:115px;}
.mission_symbol svg { width:90px; height:90px;}
.mission_statement_txt h4 { font-size:33px;}
.mission_statement_txt>p:last-child { font-size:17px;}
.vision_section { width:94%; padding:48px 32px 45px;}
.vision_heading h4 { font-size:28px;}
.vision_values li { min-height:275px; padding:26px 20px 28px;}
.vision_value_top { margin-bottom:26px;}
.vision_icon { width:50px; height:50px;}
.vision_icon svg { width:25px; height:25px;}
.vision_values h5 { min-height:74px; font-size:17px;}
.organization_section { padding:48px 28px 52px;}
.organization_node { width:200px; height:60px; font-size:19px;}
.organization_director:after { top:60px;}
.organization_manager:after { top:60px;}
.organization_committees { width:165px;}
.organization_committees_left { right:calc(50% + 135px);}
.organization_committees_right { left:calc(50% + 135px); top:58px;}
.organization_committees:before { width:135px;}
.organization_committees span { font-size:13px;}
.organization_team { width:calc(33.333333% - 12px); margin:0 6px;}
.organization_team h5 { min-height:60px; font-size:15px;}
.organization_team ul { padding:22px 14px 25px;}
.organization_team li { padding-left:10px; font-size:13px;}
.staff_leaders article { padding:28px;}
.staff_workers { padding:34px 28px 36px;}
.staff_grid { grid-template-columns:repeat(3,1fr);}
.staff_grid article { min-height:150px; padding:25px 20px;}
.staff_grid li { font-size:14px;}
.location_intro_title { width:40%; padding:52px 30px 52px 42px;}
.location_intro_title h4 { font-size:27px;}
.location_intro_title h4 strong { font-size:32px;}
.location_contact { width:60%; padding:35px 35px;}
.location_contact_item { padding:16px 0;}
.location_icon { width:48px; height:48px; margin-right:18px;}
.location_contact_item p,.location_contact_item a { font-size:15px;}
.location_transport { width:94%; margin-bottom:58px; padding:42px 30px;}
.location_transport>h4,.location_map_section>h4 { font-size:24px;}
.transport_list article { padding:25px 20px;}
.transport_title { width:85px; padding-right:16px;}
.transport_list ul { padding-left:19px;}
.transport_list li { font-size:14px;}
.location_map .root_daum_roughmap .wrap_map { height:440px !important;}




/* 서브02 */

.self_support_intro { min-height:340px; padding:0;}
.self_support_intro_txt { width:54%; padding:45px 28px 45px 42px;}
.self_support_intro_txt h4 { font-size:23px;}
.self_support_intro_txt h4 strong { font-size:30px;}
.self_support_intro_img { width:46%; min-height:340px;}
.self_support_intro_img img { min-height:340px;}
.self_support_about { width:94%; padding:45px 38px 48px;}
.self_support_heading { width:200px; padding-right:30px;}
.self_support_heading h4 { font-size:26px;}
.self_support_about_txt { width:calc(100% - 200px); padding-left:35px;}
.self_support_about_txt p { font-size:15px;}
.qualification_list article { padding:28px 24px 30px;}
.qualification_list article:nth-child(3),.qualification_list article:nth-child(5),.qualification_list article:nth-child(6) { min-height:300px;}
.qualification_number { margin-right:17px;}
.qualification_list h5 { font-size:18px;}
.qualification_list p { font-size:14px;}
.qualification_note li { font-size:13px;}
.self_support_process { padding:50px 30px 55px;}
.process_gateway .process_counsel:before { width:170px; height:313px;}
.process_gateway .process_plan:before { width:170px; height:165px;}
.process_group_label { left:calc(50% + 155px);}
.process_referral { right:calc(50% + 185px); width:210px; height:135px;}
.process_referral:before { width:25px;}
.process_circle strong { font-size:18px;}
.process_program { width:320px; height:235px;}
.process_program strong { font-size:23px;}
.process_program li { font-size:14px;}
.process_case_label { left:calc(50% + 210px); top:-471px; height:1052px; font-size:17px;}
.case_management_intro { min-height:340px;}
.case_management_intro_txt { width:54%; padding:45px 28px 45px 42px;}
.case_management_intro_txt h4 { font-size:23px;}
.case_management_intro_txt h4 strong { font-size:30px;}
.case_management_intro_img { width:46%; min-height:340px;}
.case_management_intro_img img { min-height:340px;}
.case_management_about { width:94%; padding:45px 38px 48px;}
.case_management_heading { width:200px; padding-right:30px;}
.case_management_heading h4,.case_management_section_title h4 { font-size:26px;}
.case_management_about_txt { width:calc(100% - 200px); padding-left:35px;}
.case_management_about_txt p,.case_management_section_title>p:last-child,.case_management_message p { font-size:15px;}
.case_management_list li { min-height:165px; padding:28px 24px 30px;}
.case_management_list span { margin-right:17px;}
.case_management_list p { font-size:14px;}
.case_management_message { padding:40px 38px;}
.case_management_message>span { width:135px;}
.case_management_message>div { padding-left:30px;}
.gateway_intro { min-height:340px;}
.gateway_intro_txt { width:54%; padding:45px 28px 45px 42px;}
.gateway_intro_txt h4 { font-size:23px;}
.gateway_intro_txt h4 strong { font-size:30px;}
.gateway_intro_img { width:46%; min-height:340px;}
.gateway_intro_img img { min-height:340px;}
.gateway_about { width:94%; padding:45px 38px 48px;}
.gateway_heading { width:250px; padding-right:30px;}
.gateway_heading h4,.gateway_section_title h4 { font-size:26px;}
.gateway_about_txt { width:calc(100% - 220px); padding-left:35px;}
.gateway_about_txt p { font-size:15px;}
.gateway_activity { padding:48px 30px 52px;}
.gateway_activity_layout { gap:20px;}
.gateway_support_list li { min-height:85px; padding:18px;}
.gateway_support_list span { width:36px; height:36px; margin-right:14px;}
.gateway_support_list p { font-size:14px;}
.gateway_gallery figure { min-height:270px;}
.asset_support_intro { min-height:340px;}
.asset_support_intro_txt { width:54%; padding:45px 28px 45px 42px;}
.asset_support_intro_txt h4 { font-size:23px;}
.asset_support_intro_txt h4 strong { font-size:30px;}
.asset_support_intro_img { width:46%; min-height:340px;}
.asset_support_intro_img img { min-height:340px;}
.asset_support_about { width:94%; padding:45px 38px 48px;}
.asset_support_heading { width:220px; padding-right:30px;}
.asset_support_heading h4,.asset_support_section_title h4 { font-size:26px;}
.asset_support_about_txt { width:calc(100% - 220px); padding-left:35px;}
.asset_support_about_txt p { font-size:15px;}
.asset_support_guide { padding:48px 25px 42px;}
.asset_support_table th,.asset_support_table td { font-size:15px;}
.asset_support_table td small,.asset_support_footnotes p { font-size:13px;}
.market_work_intro { min-height:340px;}
.market_work_intro_txt { width:54%; padding:45px 28px 45px 42px;}
.market_work_intro_txt h4 { font-size:23px;}
.market_work_intro_txt h4 strong { font-size:30px;}
.market_work_intro_img { width:46%; min-height:340px;}
.market_work_intro_img img { min-height:340px;}
.market_work_section { width:96%; padding:48px 28px 45px;}
.market_work_grid { gap:16px;}
.market_work_unit_head { padding:19px 20px;}
.market_work_unit_head>span { width:58px; height:48px; margin-right:16px; font-size:15px;}
.market_work_unit h5 { font-size:19px;}
.market_work_body { padding:25px 22px 29px;}
.market_work_body h6 { font-size:17px;}
.market_work_body li,.market_work_body li>small,.market_work_location a { font-size:14px;}
.market_work_location { display:block;}
.market_work_location a { width:max-content; margin-top:8px;}
.youth_challenge_intro { min-height:320px;}
.youth_challenge_intro_text { width:70%; padding:42px 25px 42px 35px;}
.youth_challenge_label { width:180px; padding-right:20px;}
.youth_challenge_label span { width:78px; height:78px;}
.youth_challenge_title { width:calc(100% - 125px); padding-left:26px;}
.youth_challenge_title h4 { font-size:25px;}
.youth_challenge_title h4 strong { font-size:31px;}
.youth_challenge_intro_img { width:40%; min-height:320px;}
.youth_challenge_intro_img img { min-height:320px;}
.youth_challenge_content { padding:47px 35px 43px;}
.youth_challenge_heading { width:195px; padding-right:30px;}
.youth_challenge_heading h4,.youth_challenge_space_text h4 { font-size:26px;}
.youth_challenge_text { width:calc(100% - 195px); padding-left:35px;}
.youth_challenge_text p { font-size:15px;}
.youth_challenge_keywords li { padding:18px;}
.youth_challenge_keywords strong { font-size:17px;}
.youth_challenge_space_text { width:40%; padding:40px 25px 40px 35px;}
.youth_challenge_space_gallery { width:60%; padding:22px;}
.youth_challenge_space_gallery figcaption { font-size:14px;}
.enterprise_intro { min-height:340px;}
.enterprise_intro_txt { width:54%; padding:45px 28px 45px 42px;}
.enterprise_intro_txt h4 { font-size:23px;}
.enterprise_intro_txt h4 strong { font-size:30px;}
.enterprise_intro_img { width:46%; min-height:340px;}
.enterprise_intro_img img { min-height:340px;}
.enterprise_about { width:96%; padding:48px 32px 45px;}
.enterprise_heading { width:200px; padding-right:28px;}
.enterprise_heading h4,.enterprise_section_title h4 { font-size:26px;}
.enterprise_about_txt { width:calc(100% - 200px); padding-left:32px;}
.enterprise_about_txt>p,.enterprise_definition p { font-size:15px;}
.enterprise_support { padding:45px 25px 42px;}
.enterprise_support ul { gap:9px;}
.enterprise_support li { padding:20px 8px;}
.enterprise_support li p { font-size:15px;}
.enterprise_list { padding:48px 28px 44px;}
.enterprise_unit_head { padding:20px;}
.enterprise_unit_head>span { width:52px; height:52px; margin-right:15px;}
.enterprise_unit_head h5 { font-size:19px;}
.enterprise_unit_body { padding:25px 22px 29px;}
.enterprise_unit_body li,.enterprise_unit_body li small,.enterprise_location a { font-size:14px;}
.enterprise_location { display:block;}
.enterprise_location a { width:max-content; margin-top:8px;}
.sub02_02_tw { width:33.333333333%;}
.sub02_03_tw { width:50%;}
.sub02_06_tw { width:33.333333333%;}



/* 서브03 */




/* 서브04 */







/* 서브 end ----------------------------------- */
}



/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px){



/* 서브 비주얼 */

.sub_visual { display:none;}



/* 서브탭 start */

.container_visual { padding-top:60px;}
.sub_menu_wrap { width:100%; height:51px; border-bottom:1px solid #e1ded8; border-top:none; background-color:#fff;}
.sub_menu { position:relative; width:100%; min-width:320px; height:50px; margin:0 auto;}
.icon_home { display:none;}
.icon_print { display:none;}
.sub_tab { width:100%; margin-left:0;}
.sub_tab>ul {}
.sub_tab>ul>li { float:left; position:relative; border-right:1px solid #e1ded8; height:50px; line-height:50px; font-size:13px; color:#444; cursor:pointer; background-repeat:no-repeat; background-position:90% 50%;}
.sub_tab>ul>li.sub_depth1 { width:50%; border-left:none; padding-left:20px; padding-right:0; z-index:1;}
.sub_tab>ul>li.sub_depth2 { width:50%; border-right:none; display:none; padding-left:20px; padding-right:32px; z-index:1;}
.sub_tab>ul>li.sub_depth2>p { width:100%; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sub_depth2>.sub_tab_sub { border-right:0;}
.menu_on { display:block !important;}
.sub_tab>ul>li>a { display:block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.sub_tab>ul>li:hover { background-color:#f6f6f6;}
.sub_tab>ul>li.tab_active { background-color:#f6f6f6;}
.tab_box_bg_on { background-image:url(/images/icon/tab_box_bg_on.png) !important;}

.sub_tab_sub { position:absolute; display:none; top:50px; left:-1px; border:1px solid #e1ded8; width:100%; z-index:1; box-sizing:content-box; background-color:#FFF;}
.sub_tab_sub ul { padding:10px 20px;}
.sub_tab_sub ul li { float:none; height:auto; margin:8px 0; padding:5px 0; font-size:12px; line-height:18px; width:100%; border:none; background-image:none;}
.sub_tab_sub ul li:hover { background-color:#f6f6f6;}
.sub_tel { display:none;}

.depth3_tab { width:100%; height:auto; padding:0; margin:0 auto 30px auto; overflow:hidden; font-size:0; border:1px solid rgba(0,0,0,0.15);}
.depth3_tab:after { display:block; content:""; clear:both;}
.depth3_tab>a { display:inline-block; vertical-align:top; font-size:13px; text-align:center; padding:15px 0; background-color:#fff;}
.depth3_tab>a:nth-child(2n) { background-color:#f5f5f5;}
.depth3_tab>a.depth3_active, .depth3_tab>a:hover { color:#FFF; background-color:#4565bc;}




/* 서브공통 */

.sub_box { position:relative; width:100%; min-width:320px;}
.sub_container { position: relative; width:92%; margin:0 auto; padding:0 0 50px 0;}
.sub_container:after { display:block; content:""; clear:both;}
.sub_title { width:100%; margin:0 auto 30px auto; padding:40px 0 20px 0; font-size:28px; text-align:left; border-bottom:1px solid #e1ded8;}
.sub_title_sub { display:block; font-size:13px; color:#999; padding-left:0;}
.box100per { width:100%; margin:0 auto; padding:0 0 40px 0;}
.box50per { display:block; width:100%; padding:0 0 40px 0; vertical-align:top;}
.in_box { display: block; width: 100%; margin-bottom: 30px; padding: 25px 20px 25px 20px; vertical-align: top; border: 1px solid #CCC; border-radius: 10px; background-color: #F9F9F9;}
.in_title1 { font-size:30px; margin:30px 0 25px 0; color:#333;}
.in_title1_bar { width:40px; height:1px; margin-bottom:25px; background-color:#666;}
.in_title1_txt { font-size:16px; margin-bottom:25px; color:#777;}
.in_title1_txt>span { display:inline-block;}
.in_title2 { font-size:24px; margin:0 0 15px 0;}
.in_title2_bar { width:40px; height:1px; margin-bottom:20px; background-color:#666;}
.in_title2_txt { font-size:16px; margin-bottom:30px; color:#777;}
.in_title3 { font-size:14px; margin-bottom:20px; background-position:0% 1px; padding-left:22px;}
.line_1px { width:100%; height:1px; background-color:#ddd; margin-bottom:30px;}
.sub_img { position:relative;}
.sub_img_pt { display:none;}
.sub_img_m { display:block;}
.big_view { display: block; position: absolute; top: 0; right: 0; background-image: url(/images/icon/view.png); background-size:100%; width: 40px; height: 40px;}
.big_view>a { display: block; width: 100%; height: 100%;}



/* 서브01 */

.sub01_greeting { padding-bottom:10px;}
.greeting_intro { display:block; min-height:0; border-radius:18px 0 18px 0;}
.greeting_intro:before { left:-75px; bottom:auto; top:170px; width:220px; height:220px; border-width:40px;}
.greeting_intro_txt { width:100%; padding:38px 25px 34px;}
.greeting_label { margin-bottom:14px; font-size:11px; letter-spacing:2px;}
.greeting_intro_txt h4 { font-size:27px; line-height:1.45;}
.greeting_intro_txt h4 strong:after { bottom:0; height:8px;}
.greeting_intro_txt>p:last-child { margin-top:20px; font-size:14px; line-height:1.7;}
.greeting_intro_txt>p:last-child br { display:none;}
.greeting_intro_img { width:100%; min-height:230px; height:230px;}
.greeting_intro_img img { min-height:230px; object-position:center;}
.greeting_message { display:block; width:92%; margin:-22px auto 0; padding:30px 22px 36px; border-radius:16px; box-shadow:0 14px 35px rgba(34,52,96,0.12);}
.greeting_keyword { display:flex; flex-wrap:wrap; width:100%; margin-bottom:25px; padding:0 0 18px; border-right:0; border-bottom:1px solid #e3e8f2;}
.greeting_keyword span { margin:0 16px 7px 0; padding-left:14px; font-size:13px;}
.greeting_keyword span:before { top:7px; width:5px; height:5px;}
.greeting_body { width:100%; padding-left:0;}
.greeting_body p { margin-bottom:20px; font-size:14px; line-height:1.85; word-break:normal;}
.greeting_body .greeting_lead { font-size:16px; line-height:1.75;}
.greeting_body .greeting_thanks { margin:28px 0 10px; font-size:18px;}
.greeting_body .greeting_sign { font-size:13px; line-height:1.8;}
.greeting_sign span { font-size:13px;}
.greeting_sign strong { margin-left:5px; font-size:22px;}
.sub01_corporation { padding-bottom:10px;}
.corporation_identity { display:block; min-height:0; padding:38px 24px 45px; border-radius:18px 0 18px 0; background:linear-gradient(155deg,#910000 0%,#a91313 48%,#f7eeee 48%,#fbf7f7 100%);}
.corporation_identity:before { left:-100px; top:-130px; width:250px; height:250px;}
.corporation_identity:after { display:none;}
.corporation_title { width:100%; padding-bottom:65px;}
.corporation_title>p { margin-bottom:14px; font-size:10px; letter-spacing:2px;}
.corporation_title h4 { font-size:27px;}
.corporation_title>span { margin-top:14px; padding-top:14px; font-size:14px;}
.corporation_logo { width:100%; padding-left:0;}
.corporation_logo img { max-width:300px;}
.corporation_logo p { margin-top:12px; font-size:10px; letter-spacing:3px;}
.corporation_meaning { display:block; width:92%; margin:-22px auto 38px; padding:30px 22px 34px; border-radius:16px;}
.corporation_meaning_icon { width:100px; height:100px; margin:0 auto 25px;}
.corporation_meaning_icon b { top:17px; font-size:38px;}
.corporation_meaning_icon span { padding-top:55px; font-size:9px;}
.corporation_meaning_txt { padding-left:0; text-align:center;}
.corporation_label { margin-bottom:10px; font-size:10px; letter-spacing:2px;}
.corporation_meaning_txt h4 { margin-bottom:14px; font-size:21px;}
.corporation_meaning_txt>p { font-size:14px; line-height:1.8; text-align:left; word-break:normal;}
.corporation_words { justify-content:center; margin-top:20px;}
.corporation_words span { min-width:68px; margin:0 4px; padding:8px 12px; font-size:13px;}
.corporation_values { display:block; margin:0;}
.corporation_value { width:100%; margin:0 0 18px; padding:28px 22px 30px;}
.corporation_number { margin-right:16px; font-size:14px;}
.corporation_value h4 { margin-bottom:13px; font-size:18px;}
.corporation_value p { font-size:14px; line-height:1.8; word-break:normal;}
.sub01_history { padding-bottom:10px;}
.history_intro { display:block; min-height:0; padding:38px 25px 42px; border-radius:18px 0 18px 0;}
.history_intro:before { left:-80px; bottom:-120px; width:230px; height:230px; border-width:42px;}
.history_intro:after { right:-80px; top:-90px; width:190px; height:190px;}
.history_intro_txt>p { margin-bottom:14px; font-size:9px; letter-spacing:2px;}
.history_intro_txt h4 { font-size:26px;}
.history_intro_txt>span { margin-top:16px; font-size:13px;}
.history_period { justify-content:center; width:100%; margin-top:30px; padding:18px 15px; border-radius:14px;}
.history_period strong { font-size:25px;}
.history_period span { font-size:9px;}
.history_period i { width:50px; margin:0 15px;}
.history_nav { width:92%; margin:-18px auto 42px; border-radius:12px;}
.history_nav a { padding:16px 8px; font-size:13px;}
.history_nav a:first-child:hover { border-radius:12px 0 0 12px;}
.history_nav a:last-child:hover { border-radius:0 12px 12px 0;}
.history_decade { display:block; margin-bottom:55px; scroll-margin-top:65px;}
.history_decade>h4 { width:100%; margin-bottom:22px; padding:0 0 13px; border-bottom:2px solid #27314e;}
.history_decade>h4 strong { font-size:34px;}
.history_decade>h4 span { font-size:18px;}
.history_list { width:100%; padding-left:19px; border-left:1px solid #dfe4ef;}
.history_year { display:block; margin-bottom:16px; padding:24px 20px 25px; border-radius:12px;}
.history_year:before { left:-26px; top:31px; width:11px; height:11px;}
.history_year_title { width:100%; margin-bottom:18px; padding:0 0 15px; border-bottom:1px solid #e0e4ed;}
.history_year_title time { display:inline-block; font-size:25px;}
.history_year_title>span { margin:0 0 0 8px; vertical-align:3px;}
.history_detail { width:100%;}
.history_detail h5 { margin-bottom:16px; font-size:17px;}
.history_detail li { margin-bottom:10px; font-size:14px; line-height:1.7;}
.history_detail li>span { width:45px;}
.history_detail li>p,.history_detail li>div { width:calc(100% - 45px); word-break:normal;}
.history_detail li>div p { padding-left:10px;}
.history_detail li>div p:before { top:10px;}
.history_latest:after { right:16px; top:13px; font-size:8px;}
.sub01_mission { padding-bottom:10px;}
.mission_statement { display:block; min-height:0; padding:38px 25px 72px; border-radius:18px 0 18px 0;}
.mission_statement:before { right:-110px; top:-130px; width:280px; height:280px; border-width:45px;}
.mission_statement:after { display:none;}
.mission_symbol { width:105px; height:105px; margin:0 0 28px;}
.mission_symbol:before { width:76px; height:76px;}
.mission_symbol svg { width:62px; height:62px;}
.mission_label { margin-bottom:12px; font-size:9px; letter-spacing:3px;}
.mission_statement_txt h4 { margin-bottom:16px; font-size:27px;}
.mission_statement_txt>p:last-child { font-size:15px; line-height:1.8; word-break:normal;}
.vision_section { width:92%; margin:-35px auto 0; padding:36px 20px 24px; border-radius:16px;}
.vision_heading { margin-bottom:25px;}
.vision_heading>p { margin-bottom:9px; font-size:9px; letter-spacing:2px;}
.vision_heading h4 { font-size:23px;}
.vision_heading h4 span { font-size:16px;}
.vision_values { display:block; margin:0;}
.vision_values li { width:100%; min-height:0; margin:0 0 14px; padding:23px 20px 24px; border-radius:13px;}
.vision_values li:hover { transform:none;}
.vision_value_top { margin-bottom:18px;}
.vision_number { font-size:12px;}
.vision_icon { width:44px; height:44px;}
.vision_icon svg { width:22px; height:22px;}
.vision_values h5 { min-height:0; margin-bottom:18px; font-size:17px; line-height:1.55;}
.vision_values p { padding:7px 14px; font-size:13px;}
.sub01_organization { padding-bottom:10px;}
.organization_heading,.staff_heading { margin-bottom:28px;}
.organization_heading>p,.staff_heading>p { margin-bottom:9px; font-size:9px; letter-spacing:2px;}
.organization_heading h4,.staff_heading h4 { font-size:24px;}
.organization_section { padding:36px 17px 38px; border-radius:18px 0 18px 0;}
.organization_leadership { padding-bottom:50px;}
.organization_node { width:72%; max-width:230px; height:54px; border-radius:10px; font-size:17px;}
.organization_director { margin-bottom:28px;}
.organization_director:after { top:54px; height:28px;}
.organization_manager:after { top:54px; height:51px;}
.organization_committees { position:relative; left:auto; right:auto; top:auto; width:88%; max-width:280px; margin:22px auto 0;}
.organization_committees_right { top:auto; margin-bottom:28px;}
.organization_committees:before { left:50%; right:auto; bottom:100%; top:auto; width:1px; height:22px;}
.organization_committees span { padding:10px 12px; font-size:13px;}
.organization_teams { display:block; margin:0;}
.organization_teams:before { display:none;}
.organization_team { width:100%; margin:0 0 16px;}
.organization_team:before { left:50%; height:16px;}
.organization_team h5 { min-height:52px; padding:12px 10px; font-size:16px;}
.organization_team h5 small { margin-left:9px; padding-left:9px; font-size:13px;}
.organization_team ul { padding:20px 20px 22px;}
.organization_team li { margin-bottom:7px; padding-left:12px; font-size:13px;}
.staff_section { margin-top:55px;}
.staff_leaders { display:block; margin:0 0 28px;}
.staff_leaders article { width:100%; min-height:125px; margin:0 0 14px; padding:25px 23px; border-radius:14px;}
.staff_leaders article>span { margin-right:22px; font-size:11px;}
.staff_leaders h5 { margin-bottom:9px; font-size:20px;}
.staff_leaders p { font-size:14px;}
.staff_workers { padding:28px 15px 18px; border-radius:16px;}
.staff_workers>h5 { margin-bottom:23px;}
.staff_workers>h5 span { padding:0 17px; font-size:19px;}
.staff_grid { display:block;}
.staff_grid article { min-height:0; margin-bottom:13px; padding:22px 20px 23px;}
.staff_grid strong { margin-bottom:13px; font-size:18px;}
.staff_grid li { margin-bottom:7px; font-size:13px;}
.sub01_location { padding-bottom:10px;}
.location_intro { display:block; border-radius:18px 0 18px 0;}
.location_intro:before { left:-90px; bottom:auto; top:60px; width:250px; height:250px; border-width:45px;}
.location_intro_title { width:100%; padding:38px 24px 42px;}
.location_intro_title>p { margin-bottom:12px; font-size:9px; letter-spacing:3px;}
.location_intro_title h4 { font-size:23px; line-height:1.5;}
.location_intro_title h4 strong { font-size:28px;}
.location_contact { width:100%; padding:24px 22px 28px;}
.location_contact_item { align-items:flex-start; padding:15px 0;}
.location_icon { width:43px; height:43px; margin-right:14px;}
.location_icon svg { width:22px; height:22px;}
.location_contact_item strong { margin-bottom:4px; font-size:14px;}
.location_contact_item p,.location_contact_item a { font-size:13px; line-height:1.6; word-break:normal;}
.location_transport { width:92%; margin:-18px auto 48px; padding:30px 18px 20px; border-radius:16px;}
.location_transport>h4,.location_map_section>h4 { margin-bottom:23px; font-size:21px;}
.location_transport>h4:after,.location_map_section>h4:after { width:30px; height:2px; margin-top:10px;}
.transport_list { display:block; margin:0;}
.transport_list article { display:block; width:100%; min-height:0; margin:0 0 12px; padding:22px 18px; border-radius:12px;}
.transport_title { display:flex; align-items:center; width:100%; margin-bottom:18px; padding:0 0 15px; border-right:0; border-bottom:1px solid #dce2ef; text-align:left;}
.transport_title span { width:40px; height:40px; margin:0 12px 0 0;}
.transport_title svg { width:21px; height:21px;}
.transport_title h5 { font-size:16px;}
.transport_list ul { padding:0;}
.transport_list li { margin-bottom:9px; padding-left:11px; font-size:13px; line-height:1.6; word-break:normal;}
.location_map { border-radius:12px;}
.location_map .root_daum_roughmap .wrap_map { height:360px !important;}




/* 서브02 */

.sub02_self_support { padding-bottom:10px;}
.self_support_intro { display:block; min-height:0; padding:0; border-radius:18px 0 18px 0;}
.self_support_intro:before { left:-80px; bottom:-120px; width:230px; height:230px; border-width:42px;}
.self_support_intro_txt { width:100%; padding:38px 24px 42px;}
.self_support_intro_txt>p { margin-bottom:13px; font-size:9px; letter-spacing:3px;}
.self_support_intro_txt h4 { font-size:20px; line-height:1.65;}
.self_support_intro_txt h4 strong { font-size:25px;}
.self_support_intro_img { width:100%; min-height:220px; height:220px;}
.self_support_intro_img img { min-height:220px; object-position:center; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 50%); mask-image:linear-gradient(to bottom,transparent 0,#000 50%);}
.self_support_about { display:block; width:92%; margin:-25px auto 55px; padding:32px 22px 35px; border-radius:16px;}
.self_support_heading { width:100%; margin-bottom:25px; padding:0;}
.self_support_heading>p { margin-bottom:9px; font-size:9px; letter-spacing:2px;}
.self_support_heading h4 { font-size:23px;}
.self_support_heading h4:after { width:30px; height:2px; margin-top:12px;}
.self_support_about_txt { width:100%; padding:22px 0 0; border-top:1px solid #e1e6f0; border-left:0;}
.self_support_about_txt p { margin-bottom:17px; font-size:14px; line-height:1.85; word-break:normal;}
.self_support_qualification { margin-bottom:55px;}
.self_support_qualification>.self_support_heading,.self_support_process>.self_support_heading { margin-bottom:27px;}
.self_support_qualification>.self_support_heading h4:after,.self_support_process>.self_support_heading h4:after { margin-top:12px;}
.qualification_list { display:block;}
.qualification_list article,.qualification_list article:nth-child(3),.qualification_list article:nth-child(5),.qualification_list article:nth-child(6) { min-height:0; margin-bottom:14px; padding:24px 20px 26px; border-radius:13px;}
.qualification_number { margin-right:14px; font-size:11px;}
.qualification_list h5 { margin-bottom:12px; font-size:17px;}
.qualification_list p { margin-bottom:8px; padding-left:10px; font-size:13px; line-height:1.7; word-break:normal;}
.qualification_list p:before { top:10px;}
.qualification_note { margin-top:12px; padding:13px 14px;}
.qualification_note li { padding-left:15px; font-size:13px; word-break:normal;}
.qualification_help { align-items:flex-start; margin-top:18px; padding:21px 18px; border-radius:12px;}
.qualification_help>span { width:31px; height:31px; margin-right:12px; font-size:14px;}
.qualification_help p { width:calc(100% - 43px); font-size:13px; line-height:1.65; word-break:normal;}
.self_support_process { padding:38px 17px 42px; border-radius:18px 0 18px 0;}
.process_diagram { padding:0;}
.process_circle { width:100% !important; max-width:280px; height:auto !important; min-height:116px; border-radius:16px;}
.process_circle:after { height:18px;}
.process_circle strong { font-size:17px;}
.process_circle span { font-size:13px;}
.process_gateway .process_circle { margin-bottom:18px; padding:22px 18px;}
.process_gateway .process_plan { margin-bottom:38px;}
.process_gateway .process_plan:after { height:38px;}
.process_gateway .process_counsel:before,.process_gateway .process_plan:before { display:none;}
.process_group_label { display:block; position:static; order:-1; width:auto; height:auto; margin-bottom:15px; padding:0 0 8px; border-bottom:2px solid #4565bc; font-size:16px; text-align:center;}
.process_group_label:before { display:none;}
.process_group_label small { display:inline; font-size:13px;}
.process_program_row { display:flex; flex-direction:column; margin-bottom:38px;}
.process_referral { position:relative; right:auto; order:2; margin-top:38px; padding:22px 18px;}
.process_referral:before { left:50%; bottom:100%; top:auto; width:2px; height:38px; border-top:0; border-left:2px dotted #94a6c9;}
.process_program { order:1; max-width:300px; min-height:210px; padding:28px 25px; border-radius:18px;}
.process_program strong { margin-bottom:14px; font-size:21px;}
.process_program li { font-size:13px;}
.process_program:after { height:38px;}
.process_case_label { display:block; position:static; order:0; width:auto; height:auto; margin-bottom:15px; padding:0 0 8px; border-bottom:2px solid #12a8d0; font-size:16px;}
.process_case_label:before { display:none;}
.process_result { display:block;}
.process_result:before { display:none;}
.process_result_group { position:relative; margin-bottom:32px;}
.process_result_group:before { position:absolute; left:50%; bottom:100%; width:2px; height:20px; border-left:2px dotted #94a6c9; content:"";}
.process_result_group .process_circle { margin-bottom:18px; padding:22px 18px;}
.process_failure strong { font-size:18px;}
.process_retry strong { font-size:16px;}
.sub02_case_management { padding-bottom:10px;}
.case_management_intro { display:block; min-height:0; border-radius:18px 0 18px 0;}
.case_management_intro:before { left:-80px; bottom:-120px; width:230px; height:230px; border-width:42px;}
.case_management_intro_txt { width:100%; padding:38px 24px 42px;}
.case_management_intro_txt>p { margin-bottom:13px; font-size:9px; letter-spacing:3px;}
.case_management_intro_txt h4 { font-size:20px; line-height:1.65;}
.case_management_intro_txt h4 strong { font-size:25px;}
.case_management_intro_img { width:100%; min-height:220px; height:220px;}
.case_management_intro_img img { min-height:220px; object-position:center; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 50%); mask-image:linear-gradient(to bottom,transparent 0,#000 50%);}
.case_management_about { display:block; width:92%; margin:-25px auto 55px; padding:32px 22px 35px; border-radius:16px;}
.case_management_heading { width:100%; margin-bottom:25px; padding:0;}
.case_management_heading>p,.case_management_section_title>p:first-child { margin-bottom:9px; font-size:9px; letter-spacing:2px;}
.case_management_heading h4,.case_management_section_title h4 { font-size:23px;}
.case_management_heading h4:after,.case_management_section_title h4:after { width:30px; height:2px; margin-top:12px;}
.case_management_about_txt { width:100%; padding:22px 0 0; border-top:1px solid #e1e6f0; border-left:0;}
.case_management_about_txt p { margin-bottom:17px; font-size:14px; line-height:1.85; word-break:normal;}
.case_management_support { margin-bottom:50px;}
.case_management_section_title { margin-bottom:27px; text-align:left;}
.case_management_section_title h4:after { margin:12px 0 17px;}
.case_management_section_title>p:last-child { font-size:14px; line-height:1.8; word-break:normal;}
.case_management_list { display:block;}
.case_management_list li { min-height:0; margin-bottom:14px; padding:24px 20px 26px; border-radius:13px;}
.case_management_list span { margin-right:14px; font-size:11px;}
.case_management_list p { padding-left:12px; font-size:13px; line-height:1.7; word-break:normal;}
.case_management_list p:before { top:9px;}
.case_management_message { display:block; padding:32px 22px 35px; border-radius:18px 0 18px 0;}
.case_management_message>span { display:block; width:auto; margin-bottom:18px; font-size:9px; letter-spacing:3px;}
.case_management_message>div { padding:20px 0 0; border-top:1px solid rgba(255,255,255,0.25); border-left:0;}
.case_management_message p { margin-bottom:12px; font-size:13px; line-height:1.75; word-break:normal;}
.sub02_gateway { padding-bottom:10px;}
.gateway_intro { display:block; min-height:0; border-radius:18px 0 18px 0;}
.gateway_intro:before { left:-80px; bottom:-120px; width:230px; height:230px; border-width:42px;}
.gateway_intro_txt { width:100%; padding:38px 24px 42px;}
.gateway_intro_txt>p { margin-bottom:13px; font-size:9px; letter-spacing:3px;}
.gateway_intro_txt h4 { font-size:20px; line-height:1.65;}
.gateway_intro_txt h4 strong { font-size:25px;}
.gateway_intro_img { width:100%; min-height:220px; height:220px;}
.gateway_intro_img img { min-height:220px; object-position:center; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 50%); mask-image:linear-gradient(to bottom,transparent 0,#000 50%);}
.gateway_about { display:block; width:92%; margin:-18px auto 55px; padding:32px 22px 35px; border-radius:16px;}
.gateway_heading { width:100%; margin-bottom:25px; padding:0;}
.gateway_heading>p,.gateway_section_title>p { margin-bottom:9px; font-size:9px; letter-spacing:2px;}
.gateway_heading h4,.gateway_section_title h4 { font-size:23px;}
.gateway_heading h4:after,.gateway_section_title h4:after { width:30px; height:2px; margin-top:12px;}
.gateway_about_txt { width:100%; padding:22px 0 0; border-top:1px solid #e1e6f0; border-left:0;}
.gateway_about_txt p { font-size:14px; line-height:1.85; word-break:normal;}
.gateway_activity { padding:38px 17px 42px; border-radius:18px 0 18px 0;}
.gateway_section_title { margin-bottom:27px; text-align:left;}
.gateway_section_title h4:after { margin:12px 0 0;}
.gateway_activity_layout { display:block;}
.gateway_support_list { width:100%; margin-bottom:25px;}
.gateway_support_list li { min-height:0; margin-bottom:12px; padding:19px 17px; border-radius:12px;}
.gateway_support_list span { width:34px; height:34px; margin-right:13px; font-size:10px;}
.gateway_support_list p { font-size:13px; line-height:1.65; word-break:normal;}
.gateway_gallery { width:100%; gap:8px;}
.gateway_gallery figure { min-height:175px; border-radius:12px;}
.gateway_gallery figure:first-child { min-height:240px;}
.sub02_asset_support { padding-bottom:10px;}
.asset_support_intro { display:block; min-height:0; border-radius:18px 0 18px 0;}
.asset_support_intro:before { left:-80px; bottom:-120px; width:230px; height:230px; border-width:42px;}
.asset_support_intro_txt { width:100%; padding:38px 24px 42px;}
.asset_support_intro_txt>p { margin-bottom:13px; font-size:13px; letter-spacing:2px;}
.asset_support_intro_txt h4 { font-size:20px; line-height:1.65;}
.asset_support_intro_txt h4 strong { font-size:25px;}
.asset_support_intro_img { width:100%; min-height:220px; height:220px;}
.asset_support_intro_img img { min-height:220px; object-position:center; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 50%); mask-image:linear-gradient(to bottom,transparent 0,#000 50%);}
.asset_support_about { display:block; width:92%; margin:-18px auto 55px; padding:32px 22px 35px; border-radius:16px;}
.asset_support_heading { width:100%; margin-bottom:25px; padding:0;}
.asset_support_heading>p,.asset_support_section_title>p { margin-bottom:9px; font-size:13px; letter-spacing:2px;}
.asset_support_heading h4,.asset_support_section_title h4 { font-size:23px;}
.asset_support_heading h4:after,.asset_support_section_title h4:after { width:30px; height:2px; margin-top:12px;}
.asset_support_about_txt { width:100%; padding:22px 0 0; border-top:1px solid #e1e6f0; border-left:0;}
.asset_support_about_txt p { margin-bottom:17px; font-size:14px; line-height:1.85; word-break:normal;}
.asset_support_guide { padding:38px 17px 35px; border-radius:18px 0 18px 0;}
.asset_support_section_title { margin-bottom:25px; text-align:left;}
.asset_support_section_title h4:after { margin:12px 0 0;}
.asset_support_table_scroll { border-radius:10px;}
.asset_support_table { min-width:920px;}
.asset_support_table .asset_support_category { width:105px;}
.asset_support_table th,.asset_support_table td { padding:15px 10px; font-size:13px; line-height:1.55;}
.asset_support_table td small { font-size:13px;}
.asset_support_footnotes { margin-top:16px;}
.asset_support_footnotes p { font-size:13px; line-height:1.6; word-break:normal;}
.asset_support_notice { margin-top:18px; padding:20px 17px; border-radius:12px;}
.asset_support_notice span { margin-right:9px; font-size:15px;}
.asset_support_notice p { font-size:13px; line-height:1.7; word-break:normal;}
.sub02_market_work { padding-bottom:10px;}
.market_work_intro { display:block; min-height:0; border-radius:18px 0 18px 0;}
.market_work_intro:before { left:-80px; bottom:-120px; width:230px; height:230px; border-width:42px;}
.market_work_intro_txt { width:100%; padding:38px 24px 42px;}
.market_work_intro_txt>p { margin-bottom:13px; font-size:13px; letter-spacing:2px;}
.market_work_intro_txt h4 { font-size:20px; line-height:1.65;}
.market_work_intro_txt h4 strong { font-size:25px;}
.market_work_intro_img { width:100%; min-height:220px; height:220px;}
.market_work_intro_img img { min-height:220px; object-position:center; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 50%); mask-image:linear-gradient(to bottom,transparent 0,#000 50%);}
.market_work_section { width:94%; margin:-18px auto 0; padding:35px 17px 38px; border-radius:16px;}
.market_work_heading { margin-bottom:27px; text-align:left;}
.market_work_heading>p { margin-bottom:9px; font-size:13px; letter-spacing:2px;}
.market_work_heading h4 { font-size:23px;}
.market_work_heading h4:after { width:30px; height:2px; margin:12px 0 0;}
.market_work_grid { display:block;}
.market_work_unit { margin-bottom:15px; border-radius:13px;}
.market_work_unit:last-child { margin-bottom:0;}
.market_work_unit_head { min-height:82px; padding:17px;}
.market_work_unit_head>span { width:52px; height:44px; margin-right:13px; border-radius:9px; font-size:13px;}
.market_work_unit_head small { margin-bottom:3px; font-size:13px;}
.market_work_unit_head small em { margin-right:5px;}
.market_work_unit h5 { font-size:18px;}
.market_work_body { padding:22px 18px 25px;}
.market_work_body h6 { margin:23px 0 11px; padding-left:12px; font-size:16px;}
.market_work_body h6:before { top:4px; height:15px;}
.market_work_body li { margin-bottom:8px; padding-left:12px; font-size:13px; line-height:1.7; word-break:normal;}
.market_work_body li:before { top:9px;}
.market_work_body li>small { font-size:13px;}
.market_work_gallery { gap:8px; margin-top:22px;}
.market_work_gallery figure { border-radius:11px;}
.market_work_location a { min-width:76px; height:32px; padding:0 12px; font-size:13px;}
.sub02_youth_challenge { padding-bottom:10px;}
.youth_challenge_intro { display:block; min-height:0; padding:0; border-radius:18px 0 18px 0;}
.youth_challenge_intro:before { right:-130px; top:-120px; width:290px; height:290px;}
.youth_challenge_intro:after { display:none;}
.youth_challenge_intro_text { display:block; width:100%; padding:35px 24px 42px;}
.youth_challenge_label { display:flex; align-items:center; width:100%; margin-bottom:25px; padding:0;}
.youth_challenge_label span { width:58px; height:58px; margin:0 14px 0 0; font-size:13px; letter-spacing:1px;}
.youth_challenge_label p { font-size:13px;}
.youth_challenge_title { width:100%; padding:23px 0 0; border-top:1px solid rgba(255,255,255,0.3); border-left:0;}
.youth_challenge_title>p { margin-bottom:12px; font-size:13px;}
.youth_challenge_title h4 { font-size:20px; line-height:1.65;}
.youth_challenge_title h4 strong { font-size:25px;}
.youth_challenge_intro_img { width:100%; min-height:210px; height:210px;}
.youth_challenge_intro_img img { min-height:210px; object-position:center; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 50%); mask-image:linear-gradient(to bottom,transparent 0,#000 50%);}
.youth_challenge_content { display:block; width:94%; margin:-18px auto 30px; padding:34px 22px 36px; border-radius:16px;}
.youth_challenge_heading { width:100%; margin-bottom:24px; padding:0;}
.youth_challenge_heading>p,.youth_challenge_space_text>p { margin-bottom:8px; font-size:13px; letter-spacing:2px;}
.youth_challenge_heading h4,.youth_challenge_space_text h4 { font-size:23px;}
.youth_challenge_heading h4:after { width:30px; height:2px; margin-top:12px;}
.youth_challenge_text { width:100%; padding:21px 0 0; border-top:1px solid #e1e6f0; border-left:0;}
.youth_challenge_text p { margin-bottom:16px; font-size:13px; line-height:1.8; word-break:normal;}
.youth_challenge_program_layout { display:block; width:94%; margin-bottom:42px;}
.youth_challenge_keywords { display:block; width:100%; margin-bottom:18px;}
.youth_challenge_keywords li { min-height:72px; margin-bottom:10px; padding:15px 17px; border-radius:12px;}
.youth_challenge_keywords li:last-child { margin-bottom:0;}
.youth_challenge_keywords span { width:36px; height:36px; margin-right:13px; font-size:13px;}
.youth_challenge_keywords strong { font-size:16px;}
.youth_challenge_activity_gallery { width:100%;}
.youth_challenge_activity_gallery figure { height:auto; min-height:0; aspect-ratio:16/9; border-radius:12px;}
.youth_challenge_space { display:block; border-radius:18px 0 18px 0;}
.youth_challenge_space_text { width:100%; padding:33px 23px 25px;}
.youth_challenge_space_text ul { margin-top:20px;}
.youth_challenge_space_text li { margin-bottom:8px; font-size:13px;}
.youth_challenge_space_text li:before { top:8px;}
.youth_challenge_space_gallery { width:100%; gap:8px; padding:15px;}
.youth_challenge_space_gallery figure { border-radius:8px;}
.youth_challenge_space_gallery figcaption { padding:8px 5px; font-size:13px;}
.sub02_enterprise { padding-bottom:10px;}
.enterprise_intro { display:block; min-height:0; border-radius:18px 0 18px 0;}
.enterprise_intro_txt { width:100%; padding:38px 24px 42px;}
.enterprise_intro_txt:before { left:-80px; bottom:-120px; width:230px; height:230px; border-width:42px;}
.enterprise_intro_txt>p { margin-bottom:13px; font-size:13px; letter-spacing:2px;}
.enterprise_intro_txt h4 { font-size:20px; line-height:1.65;}
.enterprise_intro_txt h4 strong { font-size:25px;}
.enterprise_intro_img { width:100%; min-height:220px; height:220px;}
.enterprise_intro_img img { min-height:220px; object-position:center; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 50%); mask-image:linear-gradient(to bottom,transparent 0,#000 50%);}
.enterprise_about { display:block; width:94%; margin:-18px auto 42px; padding:34px 22px 36px; border-radius:16px;}
.enterprise_heading { width:100%; margin-bottom:24px; padding:0;}
.enterprise_heading>p,.enterprise_section_title>p { margin-bottom:8px; font-size:13px; letter-spacing:2px;}
.enterprise_heading h4,.enterprise_section_title h4 { font-size:23px;}
.enterprise_heading h4:after,.enterprise_section_title h4:after { width:30px; height:2px; margin-top:12px;}
.enterprise_about_txt { width:100%; padding:21px 0 0; border-top:1px solid #e1e6f0; border-left:0;}
.enterprise_about_txt>p { margin-bottom:15px; font-size:13px; line-height:1.8; word-break:normal;}
.enterprise_definition { margin-bottom:23px; padding:20px 17px; border-radius:11px;}
.enterprise_definition p { margin-bottom:10px; padding-left:14px; font-size:13px; line-height:1.7; word-break:normal;}
.enterprise_definition p:before { top:8px; width:5px; height:5px;}
.enterprise_support { margin-bottom:42px; padding:36px 17px 34px; border-radius:18px 0 18px 0;}
.enterprise_section_title { margin-bottom:25px; text-align:left;}
.enterprise_section_title h4:after { margin:12px 0 0;}
.enterprise_support ul { grid-template-columns:repeat(2,1fr); gap:9px;}
.enterprise_support li { min-height:115px; padding:17px 9px; border-radius:12px;}
.enterprise_support li:last-child { grid-column:1/-1;}
.enterprise_support span { width:34px; height:34px; margin-bottom:11px; font-size:13px;}
.enterprise_support li p { font-size:14px;}
.enterprise_list { padding:36px 17px 38px; border-radius:17px;}
.enterprise_grid { display:block;}
.enterprise_unit { margin-bottom:15px; border-radius:13px;}
.enterprise_unit:last-child { margin-bottom:0;}
.enterprise_unit_head { min-height:88px; padding:17px;}
.enterprise_unit_head>span { width:46px; height:46px; margin-right:13px; font-size:13px;}
.enterprise_unit_head small { margin-bottom:3px; font-size:13px;}
.enterprise_unit_head h5 { font-size:18px;}
.enterprise_unit_head h5 em { display:block; margin-top:3px; font-size:13px;}
.enterprise_unit_body { padding:22px 18px 25px;}
.enterprise_unit_body h6 { margin:23px 0 11px; padding-left:12px; font-size:16px;}
.enterprise_unit_body h6:before { top:4px; height:15px;}
.enterprise_unit_body li { margin-bottom:8px; padding-left:12px; font-size:13px; line-height:1.7; word-break:normal;}
.enterprise_unit_body li:before { top:9px;}
.enterprise_unit_body li small { font-size:13px;}
.enterprise_gallery { gap:8px; margin-top:22px;}
.enterprise_gallery figure { border-radius:11px;}
.enterprise_location a { min-width:76px; height:32px; padding:0 12px; font-size:13px;}
.sub02_02_tw:nth-child(1) { width:25%;}
.sub02_02_tw:nth-child(2) { width:35%;}
.sub02_02_tw:nth-child(3) { width:40%;}
.sub02_03_tw { width:50%;}
.sub02_06_tw:nth-child(1) { width:33%;}
.sub02_06_tw:nth-child(2) { width:42%;}
.sub02_06_tw:nth-child(3) { width:25%;}
.business_image_lightbox { padding:62px 15px 25px;}
.business_image_lightbox_inner { max-height:calc(100vh - 87px);}
.business_image_lightbox_inner img { max-height:calc(100vh - 135px);}
.business_image_lightbox_inner p { margin-top:10px; font-size:13px;}
.business_image_lightbox_close { right:10px; top:8px; width:44px; height:44px; font-size:38px; line-height:44px;}



/* 서브03 */




/* 서브04 */







/* 서브 end ----------------------------------- */
}