#topGoArea { display:none !important; }
.sub_content_wrap { position:relative; padding-bottom:80px; }
.sub_content_wrap::before { content:''; position:absolute; top:0; right:0; left:0; height:170px; background:url(/images/user/sub/bg_sub_visual.png) no-repeat center/cover; z-index:-1; pointer-events:none; }
.sub_content { float:right; width:calc(100% - 326px); }
#lnb { float:left; width:264px; margin-top:40px; }
#lnb .lnb_titbox { height:147px; background:url(/images/user/sub/bg_lnb_titbox.png) no-repeat center/cover; overflow:hidden; border-radius:16px; box-shadow:6px 6px 12px 0px rgba(0, 0, 0, 0.12); }
#lnb .lnb_titbox .lnb_tit { display:flex; justify-content:center; align-items:center; height:116px; color:#FFFFFF; font-size:30px; line-height:1.5; font-weight:700; text-align:center; }
#lnb .lnb_list { position:relative; margin-top:-31px; padding:4px 16px 20px; border:1px solid #C6C6C6; border-radius:20px; background-color:#FFFFFF; }
#lnb .lnb_list > li > a { display:flex; justify-content:space-between; align-items:center; position:relative; padding:16px 0 16px 8px; color:#1D1D1D; font-size:17px; line-height:26px; font-weight:700; }
#lnb .lnb_list > li > a::before { content:''; position:absolute; right:0; bottom:0; left:0; height:1px; background-color:#C6C6C6; pointer-events:none; }
#lnb .lnb_list > li > a.in_ul::after { content:''; flex:none; width:22px; height:22px; margin-left:8px; background:url(/images/user/sub/ico_lnb_down.svg) no-repeat center/contain; }
#lnb .lnb_list > li > a[target='_blank']::after { content:''; flex:none; width:20px; height:20px; margin-left:10px; background:url(/images/user/common/ico_20_blank_gray.svg) no-repeat center/contain; }
#lnb .lnb_list > li > a:hover { text-decoration:underline; text-underline-offset:3px; }
#lnb .lnb_list > li > a.on { color:#002E6D; }
#lnb .lnb_list > li > a.in_ul.on::before { height:2px; background-color:#002E6D; }
#lnb .lnb_list > li:last-child > a {padding-bottom: 0;}
#lnb .lnb_list > li:last-child > a.in_ul.on {padding-bottom: 16px;}
#lnb .lnb_list > li:last-child > a::before { display:none; }
#lnb .lnb_list > li:last-child > a.in_ul.on::before { display:block; height:2px; background-color:#002E6D; }
#lnb .lnb_list > li > a.in_ul.on::after { background-image:url(/images/user/sub/ico_lnb_down_on.svg); }
#lnb .lnb_list > li > .lnb_depth { display:none; margin-top:16px; padding:8px 16px; border-radius:8px; background:#F8F8F8; }
#lnb .lnb_list > li > .lnb_depth > li > a { display:block; position:relative; padding:4px 0 4px 12px; }
#lnb .lnb_list > li > .lnb_depth > li > a::before { content:''; position:absolute; top:15px; left:0; width:4px; height:4px; border-radius:100%; background-color:#717171; }
#lnb .lnb_list > li > .lnb_depth > li > a > span { display:flex; justify-content:space-between; align-items:center; color:#1D1D1D; font-size:17px; line-height:26px; font-weight:400; }
#lnb .lnb_list > li > .lnb_depth > li > a[target='_blank'] > span::after { content:''; flex:none; width:16px; height:16px; margin-left:8px; background:url(/images/user/common/ico_16_blank_gray.svg) no-repeat center/contain; }
#lnb .lnb_list > li > .lnb_depth > li > a:hover > span, #lnb .lnb_list > li > .lnb_depth > li > a:focus > span { text-decoration:underline; text-underline-offset:3px; }
#lnb .lnb_list > li > .lnb_depth > li > a.active > span { font-weight:700; }
.sub_con_head { display:flex; flex-wrap:wrap; align-items:center; height:170px; padding:40px 0; }
.sub_con_head .title { width:100%; font-size:33px; line-height:50px; font-weight:700; }
.sub_location { display:flex; align-items:center; font-size:15px; line-height:23px; }
.sub_location > li + li { padding-left:24px; margin-left:8px; background:url(/images/user/sub/ico_location_arrow.svg) no-repeat 0 center; background-size:16px; }
.sub_location > li > a, .sub_location > li > em, .sub_location > li > span { display:block; font-size:15px; line-height:24px; text-decoration:underline; text-underline-offset:3px; }
.sub_location > li a.ico_home { display:flex; align-items:center; }
.sub_location > li a.ico_home::before { content:''; flex:none; width:24px; height:24px; margin-right:4px; background:url(/images/user/sub/ico_location_home.svg) no-repeat center/contain; }
.sub_con_head .right_btns { display:flex; margin-left:auto; }
.sub_con_head .right_btns > li { position:relative; }
.sub_con_head .right_btns > li + li { margin-left:12px; }
.sub_con_head .right_btns > li > .ico { display:block; width:40px; height:40px; border-radius:8px; background-repeat:no-repeat; background-position:center center; background-size:contain; overflow:hidden; box-shadow:0px 6px 12px 0px rgba(0, 0, 0, 0.12); }
.sub_con_head .right_btns > li > .ico_share { background-image:url(/images/user/sub/ico_sub_links.svg); }
.printPopup .sub_con_head .right_btns,
.printPopup .sub_con_head .sub_location {display: none;}
.share_box { display:none; position:absolute; top:0; right:0; padding:20px; border:1px solid #E0E0E0; border-radius:19px; background:#FFFFFF; box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.12); z-index:15; }
.share_box > .tit { color:#000000; font-size:18px; line-height:26px; font-weight:500; letter-spacing:-0.9px; }
.share_box > ul { display:flex; margin-top:13px; }
.share_box > ul > li + li { margin-left:15px; }
.share_box > ul > li > .ico { display:block; width:44px; height:44px; background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-999px; overflow:hidden; }
.share_box > .close_sharebox { position:absolute; top:21px; right:20px; width:24px; height:24px; background:url(/images/user/sub/ico_share_close.svg) no-repeat center center; background-size:contain; overflow:hidden; }
.sub_con_head .right_btns > li > .ico_print { background-image:url(/images/user/sub/ico_sub_print.svg); }
.sub_cont { min-height:630px; margin-top:40px; }
.sub_cont > *:first-child { margin-top:0; }
.sub_cont > script:first-child + * { margin-top:0; }
/* sub tab */
.sub_tabbox::before { content:''; position:absolute; right:0; bottom:0; left:0; height:2px; background-color:#C6C6C6; pointer-events:none; }
.sub_tabbox .swiper-slide { width:auto; min-width:20%; flex:1; }
.sub_tabbox a { display:block; position:relative; padding:16px 0; color:#555555; font-size:19px; line-height:1.5; font-weight:700; text-align:center; }
.sub_tabbox .active > a { color:#003A88; }
.sub_tabbox .active > a::before { content:''; position:absolute; right:0; bottom:0; left:0; height:4px; background-color:#003A88; pointer-events:none; }
.sub_tabbox .swiper-button-prev { left:0; width:40px; height:40px; margin-top:-20px; border-radius: 100%; background:url(/images/user/sub/btn_40_swiper_prev.svg) no-repeat center/contain; }
.sub_tabbox .swiper-button-next { right:0; width:40px; height:40px; margin-top:-20px; border-radius: 100%; background:url(/images/user/sub/btn_40_swiper_next.svg) no-repeat center/contain; }
.sub_tabbox .swiper-button-prev:hover,
.sub_tabbox .swiper-button-next:hover {
  background-color: #BECFEA !important;
}
.sub_tabbox .swiper-button-next.swiper-button-disabled, .sub_tabbox .swiper-button-prev.swiper-button-disabled { display:none; }
.js_tabcont { display:none; }
.js_tabcont.active { display:block; }
/* sub_in_tab */
.sub_tabbox + .sub_in_tabbox { margin-top:40px; }
.sub_in_tab_m { display:none; }
.sub_in_tabbox { display:flex; align-items:center; width:100%; margin-bottom:40px; }
.sub_in_tabbox .swiper-container { order:1; flex:1; width:auto; min-width:0; border-radius:8px; }
.sub_in_tabbox .swiper-container::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #C6C6C6; border-radius:inherit; pointer-events:none; }
.sub_in_tabbox .swiper-button-prev { order:0; flex:none; position:static; width:40px; height:40px; margin:0 8px 0 0; background:url(/images/user/sub/btn_40_tab_prev.svg) no-repeat center/contain; border-radius: 100%; }
.sub_in_tabbox .swiper-button-next { order:2; flex:none; position:static; width:40px; height:40px; margin:0 0 0 8px; background:url(/images/user/sub/btn_40_tab_next.svg) no-repeat center/contain; border-radius: 100%; }
.sub_in_tabbox .swiper-button-prev:hover,
.sub_in_tabbox .swiper-button-next:hover {background-color: #BECFEA !important;}
.sub_in_tabbox .swiper-slide a { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:relative; width:100%; height:54px; padding:5px 12px; border-right:1px solid #C6C6C6; color:#555555; font-size:15px; line-height:22px; font-weight:700; text-align:center; }
.sub_in_tabbox .swiper-slide a:hover { color:#003A88; text-decoration:underline; text-underline-offset:3px; }
.sub_in_tabbox .swiper-slide a span { color:#555555; font-size:15px; line-height:22px; font-weight:700; }
.sub_in_tabbox .swiper-slide:last-child a { border-right:none; }
.sub_in_tabbox .swiper-slide a.active { background-color:#002E6D; color:#FFFFFF; }
.sub_in_tabbox .swiper-slide a.active span { color:#FFFFFF; }
/* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* content */
.sub_cont iframe { display:block; max-width:100%; margin:0 auto; border:none; }
.iframeBox { margin-top:20px; }
.br_pc { display:block; width:100%; }
.sub_notice { position:relative; margin-top:40px; padding:40px; background:#F8F8F8 url(/images/user/sub/img_notice.png) no-repeat right bottom/200px; border-radius:20px 0 20px 0; box-shadow:inset #E4E4E4 0 0 0 2px;  overflow:hidden;}
.sub_notice:before { content:''; position:absolute; left:0; top:0; width:358px; height:368px; background:url(/images/user/sub/bg_notice_top_left.png) no-repeat 0 0; background-size:100%; pointer-events:none; }
.sub_notice:after { content:''; position:absolute; right:0; bottom:0; width:358px; height:368px; background:url(/images/user/sub/bg_notice_bottom_right.png) no-repeat 0 0; background-size:100%; pointer-events:none }


.sub_notice .txtbox > .tit { display:flex; align-items:center; color:#1D1D1D; font-size:25px; line-height:60px; font-weight:700; }
.sub_notice .txtbox > .tit .icon { flex:none; width:60px; height:60px; background:url(/images/user/sub/icon_notice.svg) no-repeat 0 0 / 100%; margin-right:12px; }
/* .sub_notice::before { content: ''; position: absolute; top: 1px; left: 1px; width: 30px; height: 30px; border-top: 1px solid #D4D4D4; border-left: 1px solid #D4D4D4; } */ /* .sub_notice::after { content: ''; position: absolute; right: 1px; bottom: 1px; width: 30px; height: 30px; border-right: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4; } */
.sub_notice .txtbox > .txt { margin-top:16px; color:#1D1D1D; font-size:19px; line-height:1.5; font-weight:400; }
.sub_notice .txtbox > a { margin-top:16px; }
.no_bl { padding-left:0 !important; background:none !important; }
.no_bl::before { display:none; }
.subtit_l { display:block; margin-top:40px; padding-left:30px; background:url(/images/user/sub/ico_subtit_l.svg) no-repeat 0 0; color:#1D1D1D; font-size:19px; line-height:26px; font-weight:700; }
.subtit_l_icons { display:flex; align-items:center; margin-top:40px; gap:4px;}
.subtit_l_icons .subtit_l {order:2; margin-top:0; background:none; padding-left:0;}
.subtit_l_icons .icons { display:flex; order:1;}
.subtit_l_icons .icons .ico { width:40px; height:40px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.subtit_l_con { padding-left:20px; }
.subtit_m { display:block; position:relative; margin-top:16px; padding-left:11px; color:#1D1D1D; font-size:17px; line-height:26px; font-weight:400; }
.subtit_m::before { content:''; position:absolute; top:11px; left:0; width:5px; height:5px; background:#FF6373; border-radius:3px; }
.mobile_scroll + .subtit_m { margin-top:30px; }
.subtit_m .ex_blue { display:block; margin-top:15px; color:#4A66D3; font-size:16px; line-height:24px; font-weight:500; }
.subtit_m_con { margin-top:8px; }
.subtit_m_con > .subtxt:first-child { margin-top:4px; }
.subtit_s:first-child { margin-top:0; }
.subtit_s { display:block; position:relative; margin-top:8px; padding-left:10px; color:#555555; font-size:17px; line-height:26px; font-weight:400; }
.subtit_s::before { content:'-'; position:absolute; top:0; left:0; color:#555555; }
.subtit_s_num { display:block; position:relative; margin-top:4px; padding-left:23px; color:#1D1D1D; font-size:16px; line-height:26px; font-weight:400; }
.subtit_s_num .num { position:absolute; top:0; left:0; width:23px; color:#555555; }
.subtit_s_num .num.right { text-align:right; }
.subtit_s_num p { margin-top:4px; }
.subtxt { margin-top:8px; letter-spacing:-0.8px; }
.subtxt_list li { margin-top:8px; letter-spacing:-0.8px; }
.mt_style1 { margin-top:24px; }
.titnotice { margin-top:8px; color:#FF0000; font-size:17px; line-height:26px; font-weight:400; }
/* table */
.mobile_scroll { position:relative; margin-top:20px; overflow:hidden; overflow-x:auto; }
.mobile_scroll .txt_ex_scroll { display:none; }
.table_data { width:100%; border-top:2px solid #002E6D; border-bottom:1px solid #C6C6C6; }
.table_data thead th { padding:14px; border-bottom:1px solid #C6C6C6; background:#F8F8F8; color:#1D1D1D; font-size:15px; line-height:1.5; font-weight:700; text-align:center; }
.table_data tbody td { padding:16px; color:#555555; font-size:15px; line-height:1.5; font-weight:400; text-align:center; }
.table_data tbody td.align_left { text-align:left; }
.table_data tbody tr + tr td { border-top:1px solid #C6C6C6; }
.table_data.style2 { border-top:2px solid #002E6D; border-bottom:1px solid #C6C6C6; }
.table_data.style2 th { padding:18px 16px; background:#F8F8F8; color:#1D1D1D; font-size:15px; line-height:1.5; font-weight:700; text-align:center; }
.table_data.style2 tr + tr th { border-top:1px solid #C6C6C6; }
.table_data.style2 td { padding:18px 16px; background:#FFFFFF; color:#555555; font-size:17px; line-height:1.5; font-weight:400; text-align:left; }
.box_gray { position:relative; margin-top:30px; padding:30px; background:#F8F8F8; text-align:center; overflow:hidden; }
.box_gray::before { content:''; position:absolute; top:1px; left:1px; width:30px; height:30px; border-top:1px solid #D4D4D4; border-left:1px solid #D4D4D4; }
.box_gray::after { content:''; position:absolute; right:1px; bottom:1px; width:30px; height:30px; border-right:1px solid #D4D4D4; border-bottom:1px solid #D4D4D4; }
.subtit_l + .box_gray { margin-top:10px; }
.epeople { display:flex; align-items:center; }
.epeople::before { content:''; position:absolute; bottom:0; right:0; width:201px; height:164px; background:url(/images/user/sub/dm_bg_tg.svg) no-repeat center center; text-indent:-999px; overflow:hidden; }
.epeople dt { position:relative; width:250px; height:107px; background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-999px; overflow:hidden; }
.epeople dt.logo_epeople { background-image:url(/images/user/sub/dm_bg_logo_epeople.png); }
.epeople dt.logo_msit { position:absolute; right:20px; bottom:18px; width:91px; height:11px; background-image:url(/images/user/sub/dm_bg_logo_msit.svg); }
.epeople dt.logo_none { width:1px; height:1px; margin:-1px 0 0 -1px; background:none; opacity:0.01; overflow:hidden; }
.epeople .txt { flex:1; position:relative; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-1px; }
.epeople dt + .txt { margin-left:20px; text-align:left; }
.epeople dt.logo_msit + .txt { margin-left:0; padding:0 16%; text-align:center; }
.epeople .txt .in_bottom_txt { height:20px; margin-top:8px; }
.epeople .txt .s_noti { position:absolute; right:0; font-size:14px; line-height:20px; font-weight:700; letter-spacing:-0.7px; text-align:right; }
.epeople .txt .tit { display:block; margin-bottom:8px; font-size:22px; line-height:32px; font-weight:700; letter-spacing:-1.1px; }
.epeople .txt .call { margin-bottom:13px; font-size:22px; line-height:32px; font-weight:700; letter-spacing:-1.1px; }
.epeople .txt .tit + br { display:none; }
.epeople .txt .navy { color:#003A88; font-weight:500; text-decoration:underline; }
.epeople .txt .link_blue { color:#4A66D3; font-weight:700; }
.epeople .txt .link_blue[target='_blank'] { padding-right:20px; background:url(/images/user/sub/dm_ico_blank_16_blue.svg) no-repeat right 5px; }
.noti_box_wrap::before { content:''; position:absolute; bottom:0; right:0; width:201px; height:164px; background:url(/images/user/sub/dm_bg_tg.svg) no-repeat center center; text-indent:-999px; overflow:hidden; }
.noti_box { position:relative; }
.noti_box .txt { color:#1D1D1D; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.8px; }
.noti_box .txt .blue { color:#4A66D3; }
.noti_box .txt_pd { padding:0 135px; }
.noti_box .btns { margin-top:15px; }
.rss_box { display:flex; align-items:center; position:relative; padding:0 60px 0 30px; text-align:left; }
.rss_box .icobox { width:120px; height:100px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.rss_box .txtbox { flex:1; margin-left:54px; overflow:hidden; }
.rss_box .txtbox dt { color:#1D1D1D; font-size:22px; line-height:32px; font-weight:700; letter-spacing:-1.1px; }
.rss_box .txtbox dd { margin-top:13px; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.8px; }
.rss_list { margin-top:20px; border-top:2px solid #002E6D; }
.rss_list .item { display:flex; align-items:center; padding:16px; border-bottom:1px solid #C6C6C6; }
.rss_list .item h5 { flex:none; width:120px; margin-right:32px; font-size:17px; line-height:26px; font-weight:700; }
.rss_list .item p { flex:1; min-width:0; margin-right:32px; font-size:17px; line-height:26px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rss_list .item a { width:95px; border-radius:10px; background:#E6EBF3; color:#1D1D1D; font-size:15px; line-height:34px; font-weight:500; text-align:center; }
.rss_list .item a:hover { background-color:#003A88; color:#FFFFFF; text-decoration:underline; text-underline-offset:3px; }
.box_intxt { color:#1D1D1D; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-1px; text-align:left; }
/* data table */
.tb { overflow:hidden; }
.tb table { width:calc(100% + 1px); margin-left:-1px; border-top:2px solid #002E6D; color:#1D1D1D; font-weight:400; }
.tb table th { padding:14px; border-bottom:1px solid #C6C6C6; border-left:1px solid #C6C6C6; background:#F8F8F8; font-size:15px; line-height:1.5; font-weight:700; text-align:center; }
.tb table th a:hover { text-decoration:underline; text-underline-offset:3px; }
.tb table td { padding:16px; border-bottom:1px solid #C6C6C6; border-left:1px solid #C6C6C6; font-size:15px; line-height:1.5; text-align:center; }
.tb table td a:hover { text-decoration:underline; text-underline-offset:3px; }
.tb table td.align_left { text-align:left; }
.tb.tb_view table th { padding:18px 16px; border-left:none; border-bottom:1px solid #C6C6C6; font-weight:700; }
.tb.tb_view table td { padding:18px 16px; border-left:none; font-size:16px; line-height:24px; letter-spacing:-0.8px; text-align:left; }
.budget table { border-collapse:collapse; }
.budget table .bd_line { border-right:2px solid #EF386F; border-left:2px solid #EF386F; background:#FDEBF1; }
.budget table thead .bd_line { border-top:2px solid #EF386F; }
.budget table .bd_line.last { border-bottom:2px solid #EF386F; }
.budget table tbody th { font-size:15px; line-height:1.5; font-weight:400; text-align:left; }
.budget table tbody td { color:#555555; font-size:15px; line-height:1.5; text-align:right; }
.budget table tbody td .icoimg { margin:-2px 6px 0 0; vertical-align:middle; }
.budget table tbody .font_big th { color:#1D1D1D; font-size:17px; font-weight:700; text-align:center; }
.budget table tbody .font_big td { color:#555555; font-size:17px; }
.budget table tbody .font_big td strong { font-weight:500; }
.budget table tbody .highlight th, .budget table tbody .highlight td { background:#3361A0; color:#FFFFFF; }
.open_tb table td { text-align:left; vertical-align:top; }
.open_tb table td .box_line { display:inline-block; padding:0 8px; margin-bottom:16px; border-radius:8px; background-color:#CCD8E7; color:#1D1D1D; font-size:15px; line-height:27px; font-weight:400; }
.open_tb table td p { margin-bottom:15px; }
.open_tb dt { margin-top:7px; font-weight:700; }
.open_tb dd + dt { margin-top:24px; }
/* ico */
.ico_mail { display:inline-block; width:20px; height:20px; background:url(/images/user/sub/dm_ico_org_mail.svg) no-repeat center center; background-size:contain; text-indent:-999px; overflow:hidden; vertical-align:middle; }
/* btn */
.bd_center_btn { margin-top:24px; text-align:center; }
.bd_center_btn a { display:inline-flex; padding:0 16px; border-radius:8px; background-color:#003A88; color:#FFFFFF; font-size:17px; line-height:38px; font-weight:400; text-align:center; }
.bd_right_btn { margin-top:25px; text-align:right; }
.btn_bl { display:inline-block; width:190px; height:48px; padding:0 15px; background:url(/images/user/common/btn_next_24_white.svg) no-repeat right 15px center #003A88; background-size:24px; color:#FFFFFF; font-size:15px; line-height:48px; font-weight:500; text-align:left; }
.btn_bl[target='_blank'] { width:172px; height:40px; padding:0 12px; background:url(/images/user/common/ico_blank_hover.svg) no-repeat right 12px center #003A88; background-size:16px; line-height:40px; }
.btn_bl:hover { background-color:#002B51; }
.btn_style { display:inline-flex; justify-content:center; align-items:center; height:40px; padding:0 16px; border:1px solid #003A88; background-color:#003A88; color:#FFFFFF; font-size:15px; font-weight:500; border-radius:10px; }
.btn_style:hover { border-color:#002B51; background-color:#002B51; }
.btn_style.bg_white { border-color:#C6C6C6; background-color:#FFFFFF; color:#1D1D1D; }
.btn_style.bg_white:hover { background-color:#F8F8F8; }
.btn_style .icon_down { display:inline-flex; width:16px; height:16px; background:url(/images/user/sub/dm_ico_download_white.svg) no-repeat center center; background-size:contain; margin-left:4px; }
.btn_style .icon_share { display:inline-flex; width:16px; height:16px; background:url(/images/user/sub/dm_ico_board_view_blank.svg) no-repeat center center; background-size:contain; margin-left:4px; }
.btn_style02 { display:inline-block; height:40px; padding:0 12px; border:1px solid #003A88; background-color:#003A88; color:#FFFFFF; font-size:15px; line-height:38px; font-weight:500; text-align:center; }
.btn_style02[target='_blank']::after { content:''; display:inline-block; width:16px; height:16px; margin-left:4px; margin-top:-2px; background:url(/images/user/sub/dm_ico_blank_white.svg) no-repeat center center; background-size:16px; vertical-align:middle; }
.btn_style02[download]::after { content:''; display:inline-block; width:16px; height:16px; margin-left:4px; margin-top:-2px; background:url(/images/user/sub/dm_ico_download_white.svg) no-repeat center center; background-size:16px; vertical-align:middle; }
.btn_style02 .ico_go { display:inline-block; width:16px; height:16px; margin-left:4px; margin-top:-2px; background:url(/images/user/sub/dm_ico_go_white.svg) no-repeat center center; background-size:16px; vertical-align:middle; }
.btn_style02:hover { border-color:#002B51; background-color:#002B51; }
.btn_style03 { display:inline-flex; justify-content:center; align-items:center; height:40px; padding:0 16px; box-shadow:#003A88 0 0 0 1px; background-color:#FFFFFF; color:#003A88; font-size:15px; font-weight:500; border-radius:10px; }
.btn_wrap { display:flex; margin-top:10px; }
.btn_wrap a + a { margin-left:8px; }
.btn_center { display:flex; justify-content:center; align-items:center; margin-top:40px; }
.btn_center a + a { margin-left:8px; }
.btn_center_full { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-top:15px; }
.btn_center_full .btn_bl[target='_blank'] { position:relative; padding:0; background-image:none; text-align:center; }
.btn_center_full .btn_bl[target='_blank']::after { content:''; display:inline-block; width:16px; height:16px; margin-left:4px; margin-top:-2px; background:url(/images/user/sub/dm_ico_blank_white.svg) no-repeat center center; background-size:16px; vertical-align:middle; }
.btn_center_full a + a { margin-left:6px; }
.con_btns { display:flex; margin-top:20px; }
.con_btns a + a { margin-left:6px; }
/* board kogl */
.open_mark_container {
  display: flex;
  width: 100%;
  background: #F6F8FB;  /* 배경색을 여기로 이동 */
  padding: 20px;       /* 전체 안쪽 여백 */
  margin-top: 10px;
  border-radius: 10px; /* 테두리 둥글게 */
  box-sizing: border-box;
  gap: 40px;           /* 두 세트 사이의 간격 (원하는 만큼 조절) */
}
.open_mark { display:flex; align-items:center; /*margin-top:10px; padding:20px; border-radius:10px; background:#F6F8FB;*/ }
.open_mark > img { width:auto !important; height:60px !important; margin-right:30px; }
.open_mark > span { flex:1; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.8px; }
.open_mark > span strong { display:block; margin-bottom:3px; font-weight:700; }
/* content */
.sub_div_hr { height:0; margin-top:40px; border-top:1px solid #D0D0D0; }
.adm-intro-tab { padding:15px; background:#F6F8FB; }
.adm-intro-tab ul { display:flex; justify-content:space-between; width:356px; margin:0 auto; }
.adm-intro-tab ul li { flex:1; position:relative; color:#4A66D3; font-size:16px; line-height:24px; font-weight:500; letter-spacing:-0.8px; text-align:center; }
.adm-intro-tab ul li::before { content:''; position:absolute; top:14px; right:0; left:0; height:3px; background-color:#4A66D3; }
.adm-intro-tab ul li:first-child:before { left:50%; }
.adm-intro-tab ul li:last-child:before { right:50%; }
.adm-intro-tab ul li .num { display:block; position:relative; width:30px; height:30px; margin:0 auto 3px; border-radius:50%; background-color:#4A66D3; color:#FFFFFF; font-size:14px; line-height:30px; font-weight:700; letter-spacing:-0.7px; }
.adm-intro-tab ul li.on ~ li { color:#414141; }
.adm-intro-tab ul li.on ~ li::before { background-color:#D4DFEF; }
.adm-intro-tab ul li.on ~ li .num { background-color:#D4DFEF; color:#414141; font-size:15px; letter-spacing:-0.75px; }
.agree_wrap { margin-top:16px; padding:24px; background:#FFFFFF; border:1px solid #C6C6C6; border-radius:10px; }
.agree_wrap .agree_box { max-height:354px; padding:24px; border:1px solid #C6C6C6; border-radius:10px; background:#F8F8F8; color:#555555; font-size:17px; line-height:26px; overflow-y:auto; }
.agree_wrap .agree_box p + p { margin-top:8px; }
.agree_wrap .agree_box .agree_summary { padding-bottom:24px; margin-bottom:24px; text-align:center; border-bottom:1px solid #C6C6C6; color:#1D1D1D; font-size:17px; line-height:25.5px; }
.agree_wrap .agree_box p span { color:#003A88; }
.agree_wrap .chk_area { margin-top:16px; padding:16px 0; display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; flex-direction:column; }
.agree_wrap .chk_area p {padding:16px;}
.agree_wrap .chk_area .chk_box { display:flex; gap:12px; }
.step_box ~ .btn_center a {min-width:184px;}
.chk_box input { display:none; position:absolute; margin:1px 0 0; width:20px; height:20px; border-radius:50%; }
/*.chk_box input { position: absolute; margin: 0; } */
.chk_box input + label { position:relative; display:block; padding-left:30px; background:url(/images/user/sub/dm_input_checkbox_off.svg) no-repeat 0 2px; background-size:20px; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:500; letter-spacing:-0.8px; cursor:pointer; }
.chk_box input:checked + label { background-image:url(/images/user/sub/dm_input_checkbox_on.svg); }
.chk_box input:focus + label::before { content:''; position:absolute; top:2px; left:0; width:20px; height:20px; border-radius:50%; box-shadow:0 0 1px 1px #000000; }
.mini_intro { display:flex; flex-direction:column; position:relative; }
.mini_intro .name_card { position:relative; margin-top:30px; padding:50px; background:linear-gradient(90deg, #00204B 0%, #021649 100%); border-radius:20px; }
.mini_intro .name_card.zg {padding: 60px;}
.mini_intro .name_card h2 { position:absolute; bottom:0; right:40px; width:310px; }
.mini_intro .name_card h2 img { width:100%; }
.mini_intro .name_card ul { position:relative; z-index:1; }
.mini_intro .name_card:before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:url(/images/user/sub/bg_intro.png) no-repeat center center / cover; opacity:0.2; border-radius: inherit; }
.mini_intro .name_card.zg:before {background:url(/images/user/sub/bg_intro_zg.png) no-repeat center center / cover; opacity: 1;}
.mini_intro .name_card ul li + li { margin-top:16px; }
.mini_intro .name_card .txt1 { color:#FFFFFF; font-size:25px; line-height:38px; font-weight:400; }
.mini_intro .name_card .txt2 { position:absolute; top:102px; left:210px; display:flex; align-items:center; color:#FFFFFF; font-size:15px; line-height:23px; font-weight:400; margin-top:0; }
.mini_intro .name_card .txt3 { color:#FFFFFF; }
.mini_intro .name_card.zg .txt2 {top: 164px;}
.mini_intro .name_card.zg .txt3 {margin-top: 40px;}
.mini_intro .name_card .txt4 { color:#FFFFFF; }
.mini_intro .name_card .font_big { font-size: 29px; }
.mini_intro .name_card .sign { display:inline-block; width:80px; height:23px; margin-left:10px; background:url(/images/user/sub/img_intro_sign_bae.png) no-repeat center center / cover; text-indent:-999px; overflow:hidden; }
.mini_intro .btn_intro_share { display:inline-flex; justify-content:center; align-items:center; height:40px; border:1px solid #C6C6C6; background:#FFFFFF; padding:0 16px 0 16px; border-radius:8px; font-size:17px; font-weight:400; line-height:25.5px; gap:4px; }
.mini_intro .btn_intro_share .icon_facebook { display:inline-flex; width:24px; height:24px; background:url(/images/user/sub/icon_facebook_blue.svg) no-repeat 0 0 / 100%; }
.mini_intro .btn_intro_share .icon_share { display:inline-flex; width:16px; height:16px; background:url(/images/user/sub/dm_ico_blank_black.svg) no-repeat 0 0 / 100%; }
/* .mini_intro .name_card .imgbox { display: inline-block; position: relative; border-radius: 50%; background: #F3F5FC; box-shadow: 30px 30px 40px rgba(22, 44, 132, 0.12); vertical-align: top; } */ /* .mini_intro .name_card .imgbox::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 3px solid #DCE1F6; border-radius: 50%; } */ /* .mini_intro .name_card .imgbox img { max-width: 100%; } */ /* .mini_intro .name_card .tit { margin-top: 15px; color: #4A66D3; font-size: 42px; line-height: 61px; font-weight: 700; letter-spacing: -1.26px; } */ /* .mini_intro .name_card .txt { margin-top: 1px; color: #1d1d1d; font-size: 20px; line-height: 29px; font-weight: 500; letter-spacing: -1px; } */ /* .mini_intro .profile { position: relative; margin-top: 30px; } */ /* .mini_intro .profile.ach { padding-top: 42px; border-top: 1px solid #F1EFEF; } */ /* 2023-01-19 */ /* .mini_intro .profile.ach .before_alt_text { position: absolute; top: 0; right: 0; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); } */ /* .mini_intro .profile.ach::before { content: ''; position: absolute; top: -15px; right: 0; width: 231px; height: 33px; background: url(/images/user/sub/dm_txt_minister.svg) no-repeat right center #FFFFFF; background-size: contain; font-size: 0; overflow: hidden; text-indent: -9999px; } */ /* .mini_intro.mini_h2 .profile.ach::before { width: 341px; height: 24px; top: -13px; background-image: url(/images/user/sub/dm_txt_minister02.svg); content: '1ST VICE-MINISTER'; } */ /* .mini_intro.mini_h3 .profile.ach::before { width: 344px; height: 24px; top: -13px; background-image: url(/images/user/sub/dm_txt_minister03.svg); content: '2ND VICE-MINISTER'; } */ /* .mini_intro.mini_h .profile.ach::before { width: 341px; height: 39px; top: -20px; background-image: url(/images/user/sub/dm_txt_minister04.svg); content: 'VICE MINISTER FOR SCIENCE, TECHNOLOGY AND INNOVATION'; } */ /* //2023-01-19 */
.mini_intro.mini_h2 .name_card .txt2 { position:relative; top:auto; left:auto; margin-top:16px; }
.mini_intro.mini_h2 .name_card .txt2 .txt_name { margin-left:10px; font-size: 19px;}
.year_box { position:relative; margin-top:16px; padding:32px; border-radius:10px; border:1px solid #C6C6C6; background:rgba(242, 242, 242, 0.75); }
.list_year { position:relative; }
.list_year li { position:relative; display:flex; color:#1D1D1D; font-size:17px; line-height:30px; padding-left:21px; overflow:hidden; }
.list_year li:before { content:''; position:absolute; width:1px; height:15px; top:0; left:5px; background:#C6C6C6; }
.list_year li:after { content:''; position:absolute; width:1px; height:60px; top:12px; left:5px; background:#C6C6C6; }
.list_year li:first-child:before { display:none; }
.list_year li:last-child:after { display:none; }
.list_year li .icon { z-index:2; width:6px; height:6px; background:#6689B8; border-radius:3px; position:absolute; left:3px; top:12px; }
.list_year li .num_year { color:#002E6D; font-size:17px; line-height:30px; font-weight:700; margin-right:10px; }
.list_year li.on .icon { background:#1472FF; box-shadow:rgba(20, 114, 255, 0.3) 0 0 0 3px; }
.schedule { flex:1; margin-left:40px; overflow:hidden; }
.schedule .tab { display:flex; }
.schedule .tab > li { flex:1; }
.schedule .tab > li + li { margin-left:1px; }
.schedule .tab > li a { display:block; background:#E1E6FC; color:#1D1D1D; font-size:16px; line-height:48px; font-weight:500; letter-spacing:-0.8px; text-align:center; }
.schedule .tab > li.active a { background:#4A66D3; color:#FFFFFF; font-weight:700; }
.schedule .tab_con > strong { display:block; color:#4A66D3; font-size:24px; line-height:66px; font-weight:700; letter-spacing:-1.2px; text-align:center; }
.schedule .tab_con ol { padding:20px; border-radius:10px; background:rgba(242, 242, 242, 0.75); }
.schedule .tab_con li { display:flex; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.8px; }
.schedule .tab_con li + li { margin-top:10px; }
.schedule .tab_con span { margin-right:10px; font-weight:700; }
.schedule .tab_con li p { flex:1; overflow:hidden; }
.pop_wrap { padding:40px 60px; }
.pop_titlebox { display:flex; align-items:flex-end; }
.pop_titlebox .pop_title { color:#1D1D1D; font-size:24px; line-height:35px; font-weight:500; }
.pop_titlebox .txt_required { margin-left:auto; color:#EE0000; font-size:13px; line-height:19px; font-weight:500; }
.pop_table_row table { width:100%; margin-top:15px; border-top:2px solid #1C1C1C; }
.pop_table_row table th { position:relative; padding:12px 0 12px 20px; border-bottom:1px solid #C6C6C6; background:#F8F8F8; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:500; text-align:left; }
.pop_table_row table th .required { display:inline-block; width:10px; color:#EE0000; }
.pop_table_row table .btn_download { display:inline-block; padding:0 29px 0 10px; margin:-2px 0 -2px 10px; background:url(/images/user/sub/dm_ico_download_white.svg) no-repeat right 10px center #003A88; background-size:15px; color:#FFFFFF; font-size:14px; line-height:28px; font-weight:500; }
.pop_table_row table th .s_size { margin-left:4px; color:#414141; font-size:14px; line-height:20px; font-weight:400; letter-spacing:-0.7px; }
.pop_table_row table td { padding:12px 20px; border-bottom:1px solid #C6C6C6; color:#1D1D1D; font-size:14px; line-height:20px; font-weight:400; }
.pop_table_row table .txt_nt { width:100%; margin-top:4px; color:#707070; font-size:12px; line-height:17px; font-weight:400; letter-spacing:-0.6px; }
.input_group { display:flex; flex-wrap:wrap; }
/* .input_group input[type='file'] { width:62%; height:40px; padding:0 9px; border:1px solid #D0D0D0; color:#1D1D1D; font-size:14px; line-height:38px; font-weight:400; vertical-align:middle; }  */
/* .input_group input[type='text'] { width:100%; height:40px; padding:0 9px; border:1px solid #D0D0D0; color:#1D1D1D; font-size:14px; line-height:38px; font-weight:400; vertical-align:middle; }  */
.input_group .icotxt { padding:0 6px; line-height:40px; }
.input_group button + button {margin-left:8px;}
/* sub design */
.box_radius_blue { display:flex; align-items:center; position:relative; margin:47px 0 10px; padding:27px 20px; border:3px solid #E1E6FC; border-radius:10px; }
.box_radius_blue .titlebox { position:absolute; top:-25px; left:27px; padding:0 19px 0 15px; background:#FFFFFF; z-index:1; }
.box_radius_blue .titlebox.right { left:auto; right:27px; }
.box_radius_blue .titlebox .title { position:relative; padding:0 45px; border-radius:20px; background-image:linear-gradient(97deg, #304FC5 8%, #3D59C9 96%); color:#FFFFFF; font-size:18px; line-height:40px; font-weight:700; letter-spacing:-0.9px; white-space:nowrap; }
.box_radius_blue .titlebox .title::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:2px solid #4A66D3; border-radius:20px; opacity:0.8; transform:translate(4px, 4px); z-index:-1; }
.box_radius_blue .bgimg { width:223px; height:211px; margin:0 15px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.box_radius_blue .cont { flex:1; }
.box_radius_blue .cont .subtit_m { margin-top:20px; }
.box_radius_blue .cont > *:first-child { margin-top:0; }
.flex_icolist { margin-top:16px; display:flex; flex-wrap:nowrap; align-items:center; gap:16px; }
.flex_icolist li { position:relative; display:flex; flex:1; height:264px; padding:24px; background:#F0F0F0; border-radius:10px; }
.flex_icolist li .txtbox .tit { font-size:17px; line-height:26px; font-weight:700; color:#1D1D1D; }
.flex_icolist li .txtbox .txt { margin-top:8px; font-size:17px; line-height:26px; font-weight:400; color:#555555; }
.flex_icolist li .txtbox .txt .m_none { display:none; }
.flex_icolist li .icobox { position:absolute; width:80px; height:80px; right:24px; bottom:24px; }
.box_radius_grey { position:relative; margin:16px 0 0; padding:32px 228px 32px 32px; border:1px solid #C6C6C6; border-radius:10px; }
.box_radius_grey .titlebox { /*padding: 0 19px 0 15px; */ /*background: #fff; */ }
.box_radius_grey .titlebox .title { display:inline-block; position:relative; padding:0 38px; border-radius:20px; background:#E6EBF3; color:#002352; font-size:18px; line-height:34px; font-weight:700; letter-spacing:-0.9px; white-space:nowrap; }
.box_radius_grey .titlebox .title:before { content:''; position:absolute; top:50%; left:24px; width:6px; height:6px; margin-top:-3px; background:#CCD8E7; border-radius:3px; }
.box_radius_grey .titlebox .title:after { content:''; position:absolute; top:50%; right:24px; width:6px; height:6px; margin-top:-3px; background:#CCD8E7; border-radius:3px; }
.box_radius_grey .bgimg { position:absolute; top:50%; right:32px; width:180px; height:145px; margin-top:-73px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.box_radius_grey .cont { margin-top:16px; /*flex: 1; */ }
.box_radius_grey .cont .subtit_m { margin-top:20px; }
.box_radius_grey .cont > *:first-child { margin-top:0; }
.box_radius_grey .flex_icolist { display:flex; flex-wrap:wrap; position:relative; }
.box_radius_grey .flex_icolist::before { content:''; position:absolute; top:24px; bottom:24px; left:50%; width:0; border-left:1px dashed #D2D3D9; }
.box_radius_grey .flex_icolist li { display:flex; align-items:center; width:50%; padding:12px 40px; }
.box_radius_grey .flex_icolist li .icobox { width:100px; height:100px; margin-right:10px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.box_radius_grey .flex_icolist li .txtbox { flex:1; }
.box_radius_grey .flex_icolist li .txtbox .tit { display:block; color:#1D1D1D; font-size:18px; line-height:26px; font-weight:700; letter-spacing:-0.9px; }
.box_radius_grey .flex_icolist li .txtbox .txt { margin-top:5px; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.8px; word-break:keep-all; }
.box_radius_grey .flex_icolist li .txtbox .txt .m_none { display:none; }
.promotion_plan { margin-top:40px; }
.promotion_plan .title { position:relative; padding:40px; background:url(/images/user/sub/dm_bg_his_tab.png) no-repeat center center/cover; color:#FFFFFF; font-size:32px; line-height:48px; font-weight:400; border-radius:10px; }
.promotion_plan .cont_box { display:flex; flex-wrap:wrap; margin:40px 0 0; gap:24px; }
.promotion_plan .cont_box .item { position:relative; flex:0 0 calc(50% - 12px); padding:32px; background:#F2F4F8; border-radius:10px; }
.promotion_plan .cont_box .item .icobox { position:absolute; top:32px; right:32px; width:76px; height:76px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.promotion_plan .cont_box .item .tit { position:relative; padding-bottom:16px; color:#1D1D1D; font-size:25px; line-height:37.5px; font-weight:700; }
.promotion_plan .cont_box .item .tit::before { content:''; position:absolute; bottom:0; left:0; right:0; border-bottom:1px solid #C6C6C6; }
.promotion_plan .cont_box .item .tit strong { font-weight:700; }
.promotion_plan .cont_box .item ol { margin-top:24px; }
.promotion_plan .cont_box .item ol li { position:relative; padding-left:34px; color:#2D2D2D; font-size:17px; line-height:25.5px; font-weight:400; }
.promotion_plan .cont_box .item ol li + li { margin-top:8px; }
.promotion_plan .cont_box .item ol li .num { position:absolute; top:0; left:0; width:26px; height:26px; display:flex; justify-content:center; align-items:center; background:#003A88; color:#FFFFFF; font-size:15px; line-height:26px; font-weight:700; border-radius:5px; }
.step_img_auto {display:flex; align-items:center; justify-content:center; margin-top:30px;}
.request_process {display:flex; justify-content:center; align-items:flex-start; gap:53px;}
.request_process li {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:8px; flex:0 0 100px; padding-bottom:54px;}
.request_process li .img_process {position:relative;}
.request_process li .img_process::before {content:''; position:absolute; left:-34.5px; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url(/images/user/sub/icon_request_process_arrow.svg) no-repeat 0 0 / 100%;}
.request_process li:first-child .img_process::before {display:none;}
.request_process li .no {position:relative; color:#002E6D; font-size:17px; line-height:25.5px; font-weight:700;}
.request_process li .no:before {content:''; position:absolute; left:0; bottom:0; right:0; height:2px; background:#717171;}
.request_process li .txt {position:absolute; bottom:0; left:50%; height:44px; transform:translateX(-50%); color:#1D1D1D; font-size:15px; line-height:22.5px; font-weight:400; white-space:nowrap; text-align:center;}
.txt_noti_right { margin-top:16px; color:#555555; font-size:17px; line-height:1.5; text-align:right; }
.sub_icontab_box { margin-top:8px; padding:30px; border-radius:10px; background-color:#F2F4F8; text-align:center; overflow:hidden; }
.sub_icontab { display:inline-flex; gap:60px; position:relative; }
.sub_icontab li { position:relative; width:144px; }
.sub_icontab li + li::before { content:''; position:absolute; top:50%; left:-40px;; width:20px; height:20px; background:url(/images/user/sub/dm_ico_step_next.svg) no-repeat center/contain; transform:translateY(-50%); }
.sub_icontab .inbox { display:inline-block; }
.sub_icontab .inbox .icobox { display:flex; flex-direction:column; justify-content:center; position:relative; width:120px; height:120px; margin:0 auto; border-radius:100%; background-color:#FFFFFF; box-shadow:0px 6px 12px 0px rgba(0, 0, 0, 0.12); }
.sub_icontab .inbox .num { margin-bottom:4px; color:#002E6D; font-size:21px; line-height:1.5; font-weight:700; }
.sub_icontab .inbox .icobox .ico { width:44px; height:44px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:contain; }
.sub_icontab .inbox .txt { margin-top:8px; font-size:17px; line-height:1.5; white-space:nowrap; }
.sub_icontab .inbox.active .icobox::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; border:2px solid #5992FF; border-radius:inherit; pointer-events:none; }
.sub_icontab .inbox.active .txt { font-weight:700; }
.sub_icontab_con { display:none; margin-top:24px; }
.sub_icontab_con.active { display:block; }
.flexbtn_list { margin-top:20px; }
.flexbtn_list ul { display:flex; flex-wrap:wrap; margin:1px 0 0 1px; }
.flexbtn_list ul li { width:25%; border:1px solid #D4D4D4; margin:-1px 0 0 -1px; }
.flexbtn_list ul li a { display:flex; align-items:center; position:relative; height:100%; padding:16px 41px 16px 16px; background:url(/images/user/sub/dm_ico_download_gray.svg) no-repeat right 16px center #FFFFFF; background-size:16px; color:#2D2D2D; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.8px; }
.flexbtn_list ul li a[target='_blank'] { background-image:url(/images/user/sub/dm_ico_blank_gray.svg); }
.flexbtn_list ul li a:focus, .flexbtn_list ul li a:hover { background-color:#F0F0F0; text-decoration: underline; text-underline-offset: 3px; z-index:1; }
.sub_graph_img { margin-top:8px; }
.sub_graph_img img { width:100%; }
.sub_graph_img .img_m { display:none; }
.subtit_l_con + .sub_topflex { margin-top:40px; }
.sub_topflex { display:flex; align-items:center; padding:16px; border-radius:10px; background-color:#F2F4F8; }
.sub_topflex a { margin-left:auto; }
.sub_topflex a.btn_style { min-width:auto; }
.sub_topflex .select_submit { width:62px; height:40px; margin:0 0 0 8px; padding:0; border:1px solid #C6C6C6; border-radius:10px; background:#FFFFFF; color:#1D1D1D; font-size:15px; line-height:1.5; font-weight:400; text-align:center; }
.topflex_select { width:120px; height:40px; padding:0 36px 0 11px; border:1px solid #C6C6C6; border-radius:10px; background:url(/images/user/dm_bg_select.svg) no-repeat right 11px center #FFFFFF; background-size:16px; color:#1D1D1D; font-size:15px; line-height:1.5; font-weight:400; }
.full_imgbox { margin-top:40px; }
.full_imgbox img { width:100%; }
.full_imgbox .img_m { display:none; }
.sub_national_task { position:relative; margin-top:-80px; padding-top:160px; }
.sub_national_task .bgbox01 { position:absolute; top:40px; left:0; width:385px; height:385px; overflow:hidden; }
.sub_national_task .bgbox01::before { content:''; position:absolute; top:-40px; left:-219px; width:385px; height:385px; border-radius:50%; background:#EFF1FB; opacity:0.4; }
.sub_national_task .bgbox02 { position:absolute; bottom:425px; right:0; width:720px; height:720px; overflow:hidden; }
.sub_national_task .bgbox02::before { content:''; position:absolute; bottom:0; right:-101px; width:720px; height:720px; border-radius:50%; background:#EFF1FB; opacity:0.4; }
.target_box { display:flex; align-items:flex-start; position:relative; }
.target_box .title { width:269px; height:309px; background:url(/images/user/sub/dm_tit_sub04_01_01_01.svg) no-repeat center center; background-size:contain; text-indent:-999px; overflow:hidden; }
.target_box .cont { flex:1; margin-left:30px; border:3px solid #C7CFF6; border-radius:10px; box-shadow:0 0 15px #EFF1FB; background:#FFFFFF; }
.target_box .cont ol { display:flex; flex-wrap:wrap; padding:25px; }
.target_box .cont ol li { position:relative; width:calc(50% - 30px); margin:15px; padding-left:30px; }
.target_box .cont ol li .num { position:absolute; top:3px; left:0; width:20px; height:20px; border-radius:50%; background:#2F4EC7; color:#FFFFFF; font-size:14px; line-height:20px; font-weight:400; text-align:center; letter-spacing:-0.7px; }
.target_box .cont ol li .tit { color:#1D1D1D; font-size:18px; line-height:26px; font-weight:900; letter-spacing:-0.9px; }
.target_box .cont ol li .tit .small { margin-left:6px; color:#4A66D3; font-size:14px; line-height:20px; font-weight:500; letter-spacing:-0.7px; }
.target_box .cont ol li .txt { margin-top:5px; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.8px; }
.task_box { display:flex; align-items:flex-start; position:relative; margin-top:60px; }
.task_box .title { order:10; width:269px; height:309px; background:url(/images/user/sub/dm_tit_sub04_01_01_02.svg) no-repeat center center; background-size:contain; text-indent:-999px; overflow:hidden; }
.task_box .cont { order:5; flex:1; margin-right:30px; padding:50px; border:3px solid #C7CFF6; border-radius:10px; box-shadow:0 0 15px #EFF1FB; background:#FFFFFF; overflow:hidden; }
.task_box .cont .item { position:relative; padding-bottom:50px; }
.task_box .cont .item:last-child { padding-bottom:0; }
.task_box .cont .item::before { content:''; position:absolute; top:0; bottom:0; left:44px; border-right:1px dashed #D2D3D9; }
.task_box .cont .titbox { display:flex; align-items:center; position:relative; line-height:1; }
.task_box .cont .titbox .img_m { display:none; }
.task_box .cont .titbox .num { margin-right:13px; }
.task_box .cont .list { margin:20px 0 0 70px; }
.task_box .cont .list li { display:flex; position:relative; padding-left:17px; }
.task_box .cont .list li::before { content:''; position:absolute; top:11px; left:5px; width:5px; height:5px; background:#FF6373; }
.task_box .cont .list li + li { margin-top:8px; }
.task_box .cont .list li strong { margin-right:15px; color:#1D1D1D; font-size:18px; line-height:26px; font-weight:700; letter-spacing:-0.9px; }
.task_box .cont .list li p { flex:1; color:#1D1D1D; font-size:18px; line-height:26px; font-weight:400; letter-spacing:-0.9px; }
.task_box .cont .list li p .small { display:block; width:100%; margin-top:1px; color:#003A88; font-size:16px; line-height:24px; font-weight:500; letter-spacing:-0.8px; }
.sub_workplans { margin-top:48px; background:url(/images/user/sub/dm_bg_sub04_01_02.png) no-repeat center 0; }
.sub_workplans .img_m { display:none; }
.sub_workplans .titlebox .title { text-align:center; }
.sub_workplans .titlebox .title img { max-width:100%; }
.sub_workplans .stitle { background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-9999px; overflow:hidden; }
.sub_workplans .stitle01 { width:121px; height:147px; margin:35px auto 0; background-image:url(/images/user/sub/dm_stit_sub04_01_02_01.svg); }
.sub_workplans .stitle02 { width:187px; height:147px; margin:80px auto 0; background-image:url(/images/user/sub/dm_stit_sub04_01_02_02.svg); }
.sub_workplans .cont { border-radius:10px; border:3px solid #C7CFF6; box-shadow:0 0 15px #EFF1FB; }
.sub_workplans .cont01 { margin-top:30px; padding:30px; background:#233FAB; text-align:center; }
.sub_workplans .cont01 img { max-width:100%; }
.sub_workplans .cont02 { margin-top:15px; padding:57px; background:#FFFFFF; }
.workplans_intro .item + .item { margin-top:80px; }
.workplans_intro .item .titbox { display:flex; align-items:center; line-height:1; }
.workplans_intro .item .titbox .num { padding:0 12px; margin-right:13px; border-radius:18px; background:#2F4EC7; color:#FFFFFF; font-size:22px; line-height:35px; font-weight:400; }
.workplans_intro .item .tit_p { margin-top:20px; padding:8px 20px; background:#EFF1FB; color:#1D1D1D; font-size:18px; line-height:26px; font-weight:500; letter-spacing:-0.9px; }
.workplans_intro .txt_img { display:flex; align-items:center; padding:20px 0 0 20px; }
.workplans_intro .txt_img .txts { flex:1; }
.workplans_intro .txt_img .txts li + li { margin-top:12px; }
.workplans_intro .txt_img .txts li > strong { display:flex; align-items:center; position:relative; padding-left:17px; color:#4A66D3; font-size:16px; line-height:24px; font-weight:700; letter-spacing:-0.8px; }
.workplans_intro .txt_img .txts li > strong::before { content:''; position:absolute; top:10px; left:5px; width:5px; height:5px; background:#4A66D3; }
.workplans_intro .txt_img .txts li > strong .line { width:2px; height:12px; margin:0 10px; background:#BBC4E5; text-indent:-999px; overflow:hidden; }
.workplans_intro .txt_img .txts li > p { margin:4px 0 0 17px; color:#1D1D1D; font-size:16px; line-height:26px; font-weight:400; letter-spacing:-0.8px; }
.workplans_intro .txt_img .txts li > p.small { color:#003A88; font-size:14px; line-height:20px; font-weight:500; letter-spacing:-0.7px; }
.workplans_intro .txt_img .imgbox { width:214px; height:225px; margin-left:20px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.workplans_intro .txt_img .imgbox { width:214px; height:225px; margin-left:20px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.workplans_intro .item:nth-child(1) .txt_img .imgbox { margin-bottom:-40px; }
.workplans_intro .item:nth-child(3) .txt_img .imgbox { margin-bottom:-60px; }
.workplans_intro .item:last-child .txt_img { align-items:flex-end; }
.workplans_intro .data_dlbox { margin-top:60px; overflow:auto; }
.workplans_intro .data_dl { min-width:900px; background:url(/images/user/sub/dm_arrow_data.svg) no-repeat 365px center; }
.workplans_intro .data_dl dl { display:flex; position:relative; border-right:1px solid #D4D4D4; border-left:1px solid #D4D4D4; }
.workplans_intro .data_dl dl dt { display:flex; justify-content:center; align-items:center; width:110px; border-bottom:1px solid #D4D4D4; background:#F8F8F8; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:700; letter-spacing:-0.8px; text-align:center; }
.workplans_intro .data_dl dl dd { flex:1; display:flex; }
.workplans_intro .data_dl dl dd p { display:flex; flex-wrap:wrap; align-items:center; padding:13px 20px; border-bottom:1px solid #D4D4D4; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.8px; }
.workplans_intro .data_dl dl dd p em { color:#003A88; font-weight:500; }
.workplans_intro .data_dl dl:first-child dt, .workplans_intro .data_dl dl:first-child dd p { border-top:1px solid #D4D4D4; }
.workplans_intro .data_dl dl dd p:first-child { width:240px; border-right:1px solid #D4D4D4; }
.workplans_intro .data_dl dl dd p:last-child { flex:1; border-left:1px solid #D4D4D4; }
.workplans_intro .data_dl dl dd .spacing { width:45px; text-indent:-999px; overflow:hidden; }
.workplans_intro .txt_talent { margin-top:72px; color:#003A88; font-size:14px; line-height:20px; font-weight:500; letter-spacing:-0.7px; }
.workplans_intro .data_talentbox { margin-top:5px; overflow:auto; }
.workplans_intro .data_talent { display:flex; min-width:900px; }
.workplans_intro .data_talent dl { flex:1; display:flex; flex-direction:column; position:relative; border:1px solid #D4D4D4; }
.workplans_intro .data_talent dl + dl { margin-left:45px; }
.workplans_intro .data_talent dl + dl::before { content:''; position:absolute; top:0; left:-45px; width:45px; height:100%; background:url(/images/user/sub/dm_arrow_data.svg) no-repeat center center; background-size:15px; }
.workplans_intro .data_talent dl dt { padding:14px 20px; background:#F8F8F8; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:700; letter-spacing:-0.8px; text-align:center; }
.workplans_intro .data_talent dl dd { flex:1; display:flex; justify-content:center; align-items:center; padding:8px 20px; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.8px; text-align:center; }
.sub_workplans_fullimg { margin-top:40px; text-align:center; }
.sub_workplans_fullimg img { max-width:100%; }
.sub_workplans_fullimg .img_m { display:none; }
.tb_unit { margin-top:16px; font-size:17px; line-height:1.5; text-align:right; }
.tb_unit + .mobile_scroll { margin-top:8px; }
.tb_info { margin-top:8px; color:#555555; font-size:17px; line-height:1.5; }
.tab_mini { border-radius:20px; overflow:hidden; padding:40px 20px 40px 66px; background:url(/images/user/sub/bg_tab_mini.png) no-repeat 0 0 / cover; }
.tab_mini ul { position:relative; height:252px; background:url(/images/user/sub/dm_bg_his_tab.svg) no-repeat 180px center/auto; }
.tab_mini ul .now { display:flex; align-items:center; height:100%; }
.tab_mini ul .now a { display:flex; flex-direction:column; align-items:center; }
.tab_mini ul .now .year { margin-top:11px; color:#FFFFFF; font-size:15px; line-height:22.5px; font-weight:400; }
.tab_mini ul .now .img { position:relative; width:180px; height:180px; border-radius:50%; box-shadow:30px 30px 40px rgba(22, 44, 132, 0.12); overflow:hidden; background:#FFFFFF url(/images/user/sub/bg_avatar_cercle.png) no-repeat center center/100%; }
.tab_mini ul .now .img .img_inner { position:absolute; left:2px; top:2px; right:2px; bottom:2px; border-radius:50%; background-repeat:no-repeat; background-size:100%; background-position:center center; }
.tab_mini ul .now .name { display:flex; align-items:center; height:38px; color:#FFFFFF; font-size:21px; line-height:31.5px; font-weight:700; }
.tab_mini ul .now .name strong { font-size:25px; line-height:37.5px; }
.tab_mini ul .now .position { margin-top:1px; color:#FFFFFF; font-size:20px; line-height:29px; font-weight:500; }
.tab_mini ul .his { position:absolute; width:150px; display:flex; justify-content:center; align-items:center; }
.tab_mini ul .his a { display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; }
.tab_mini ul .his a::before { content:''; position:absolute; left:50%; width:8px; height:8px; box-shadow:0 0 6px 6px rgba(239, 56, 111, 0.3); border-radius:50%; background:#EF386F; }
.tab_mini ul .his a:hover .part {position:relative;}
.tab_mini ul .his a:hover .part::after {content:''; position:absolute; left:0; bottom:0; right:0; background:#FFF; height:1px;}
.tab_mini ul .his .year { color:#99B0CF; font-size:14px; line-height:21px; font-weight:400; }
.tab_mini ul .his .part { color:#FFFFFF; font-size:19px; line-height:28.5px; font-weight:700; white-space:nowrap; }
.tab_mini ul .his1 { top:192px; left:700px; }
.tab_mini ul .his1 a::before { top:-20px; }
.tab_mini ul .his2 { top:192px; left:545px; }
.tab_mini ul .his2 a::before { top:-20px; }
.tab_mini ul .his3 { top:10px; left:700px; }
.tab_mini ul .his3 a::before { bottom:-20px; }
.tab_mini ul .his4 { top:10px; left:545px; }
.tab_mini ul .his4 a::before { bottom:-20px; }
.tab_mini ul .his5 { top:60px; left:380px; }
.tab_mini ul .his5 a::before { bottom:-20px; }
.tab_mini ul .his6 { top:60px; left:220px; }
.tab_mini ul .his6 a::before { bottom:-20px; }
.tab_mini_con { display:none; }
.tab_mini_con.active { display:block; }
.tab_mini_con .tit { display:block; margin-top:40px; padding-left:30px; background:url(/images/user/sub/ico_subtit_l.svg) no-repeat 0 0; color:#1D1D1D; font-size:19px; line-height:26px; font-weight:700; }
.tab_mini_con .tit .year { margin-right:8px; color:#003A88; }
.tab_mini_con .tit .part { color:#1D1D1D; }
.tab_mini_con .list { margin-top:10px; padding:32px; border:1px solid #C6C6C6; border-radius:10px; background:#F8F8F8; }
.tab_mini_con .list > li { position:relative; padding-left:66px; color:#1D1D1D; font-size:17px; line-height:25px; font-weight:400; }
.tab_mini_con .list > li:before { content:''; position:absolute; left:55px; top:5px; width:1px; height:16px; background:#C6C6C6; }
.tab_mini_con .list > li + li { margin-top:8px; }
.tab_mini_con .list > li .name { position:absolute; top:0; left:0; color:#002E6D; font-weight:700; }
.icolabeling { margin-top:20px; padding:24px 24px; border:2px solid #CCD8E7; border-radius:10px; }
.icolabeling ul { display:flex; }
.icolabeling ul li { flex:1; position:relative; padding:0 5px; text-align:center; }
.icolabeling ul li .img img { max-width:100%; }
.icolabeling ul li .txt { color:#1D1D1D; font-size:16px; line-height:24px; font-weight:500; letter-spacing:-0.8px; }

.directory_list { display: flex; position: relative; margin-top: 15px; padding: 25px 20px; border: 3px solid #eff1fb; border-radius: 10px; }
.directory_list ul { flex: 1; display: flex; flex-direction: column; padding: 0 10px; }
.directory_list ul li { position: relative; margin: 5px 0; color: #1c1c1c; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -0.8px; }
.directory_list .subtit_l_icons .icons{ display:flex; margin-left:auto;}
.directory_list .ico { width: 48px; height: 48px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
/* .directory_list {position:relative; margin-top:16px; padding:24px; border:2px solid #CCD8E7; border-radius:10px; }
.directory_list ul { display:flex; flex-direction:column; flex-wrap:wrap; gap:4px 24px; height:304px;}
.directory_list ul li {min-height:40px; position:relative; padding-left:48px; display:flex; line-height:25.5px;}
.directory_list ul li a {display:flex; align-items:center; color:#1D1D1D; font-size:17px; line-height:25.5px; font-weight:400;}
.directory_list ul li a[target='_blank'] {color:#003A88; font-weight:700;}
.directory_list ul li .txt {flex:none; color:#1D1D1D; font-size:17px; line-height:40px; font-weight:400;} */
/* .directory_list ul li::before { content:''; position:absolute; top:0; left:0; width:40px; height:40px; background-repeat:no-repeat; background-position:0 0; background-size:100%;}
.directory_list ul li:nth-child(1)::before {background-image:url(/images/user/sub/icon_toc_01.svg);}
.directory_list ul li:nth-child(2)::before {background-image:url(/images/user/sub/icon_toc_02.svg);}
.directory_list ul li:nth-child(3)::before {background-image:url(/images/user/sub/icon_toc_03.svg);}
.directory_list ul li:nth-child(4)::before {background-image:url(/images/user/sub/icon_toc_04.svg);}
.directory_list ul li:nth-child(5)::before {background-image:url(/images/user/sub/icon_toc_05.svg);}
.directory_list ul li:nth-child(6)::before {background-image:url(/images/user/sub/icon_toc_06.svg);}
.directory_list ul li:nth-child(7)::before {background-image:url(/images/user/sub/icon_toc_07.svg);}
.directory_list ul li:nth-child(8)::before {background-image:url(/images/user/sub/icon_toc_08.svg);}
.directory_list ul li:nth-child(9)::before {background-image:url(/images/user/sub/icon_toc_09.svg);}
.directory_list ul li:nth-child(10)::before {background-image:url(/images/user/sub/icon_toc_10.svg);}
.directory_list ul li:nth-child(11)::before {background-image:url(/images/user/sub/icon_toc_11.svg);}
.directory_list ul li:nth-child(12)::before {background-image:url(/images/user/sub/icon_toc_12.svg);}
.directory_list ul li:nth-child(13)::before {background-image:url(/images/user/sub/icon_toc_13.svg);}
.directory_list ul li:nth-child(14)::before {background-image:url(/images/user/sub/icon_toc_14.svg);}
.directory_list ul li:nth-child(15)::before {background-image:url(/images/user/sub/icon_toc_15.svg);}
.directory_list ul li:nth-child(16)::before {background-image:url(/images/user/sub/icon_toc_16.svg);}
.directory_list ul li:nth-child(17)::before {background-image:url(/images/user/sub/icon_toc_17.svg);}
.directory_list ul li:nth-child(18)::before {background-image:url(/images/user/sub/icon_toc_18.svg);} */
/* .directory_list .ico { position:absolute; top:24px; right:24px; width:40px; height:40px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
 */
.directory_list.m_no_pl {
  padding: 24px 32px;
  border-radius: 10px;
  border: 2px solid #CCD8E7;
  background: #F8F8F8;
}
.directory_list.m_no_pl ul {height: auto;}
.directory_list ul li {align-items: center;}
.blue_blank { color:#4A66D3; }
.blue_blank::after { content:''; display:inline-block; width:16px; height:16px; margin:-4px 0 0 4px; background:url(/images/user/sub/dm_ico_blank_blue.svg) no-repeat center center; background-size:contain; vertical-align:middle; }
.black_blank { color:#1D1D1D; }
.black_blank::after { content:''; display:inline-block; width:16px; height:16px; margin:-4px 0 0 4px; background:url(/images/user/sub/dm_ico_blank_black.svg) no-repeat center center; background-size:contain; vertical-align:middle; }
.black_blank:hover { color:#4A66D3; text-decoration:underline; }
.black_blank:hover::after { background-image:url(/images/user/sub/dm_ico_blank_blue.svg); }
.subdownload_box { margin-top:20px; }
.subdownload_box .title { padding-bottom:2px; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:700; letter-spacing:-0.8px; }
.subdownload a[download] { display:block; margin-top:8px; padding:12px 32px 12px 12px; background:url(/images/user/sub/dm_ico_download_black.svg) no-repeat right 12px center #F6F8FB; background-size:16px; color:#000000; font-size:15px; line-height:21px; font-weight:500; }
.sub_greetings { margin-top:46px; overflow:hidden; }
.sub_greetings img { max-width:100%; }
.sub_greetings .img_m { display:none; }
.sub_greetings .photobox { float:right; width:39.6%; margin:0 0 20px 5.5%; text-align:right; }
.sub_greetings .photobox .position { margin-top:16px; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:500; letter-spacing:-0.8px; }
.sub_greetings .photobox .name { color:#4A66D3; font-size:24px; line-height:35px; font-weight:700; letter-spacing:-0.72px; }
.sub_greetings .title { width:54.9%; margin-top:69px; }
.sub_greetings .txt { margin-top:44px; color:#1D1D1D; font-size:18px; line-height:28px; font-weight:400; letter-spacing:-0.9px; }
.target_icobox { display:flex; margin-top:16px; margin-left:20px; gap:16px; flex-wrap:wrap; }
.target_icobox li { flex:1; border-radius:10px; }
.target_icobox li .inbox { height:349px; position:relative; }
.target_icobox li .inbox .img { position:absolute; right:0; bottom:24px; width:217px; height:140px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.target_icobox li:nth-child(1) { background:#FCF6EE; }
.target_icobox li:nth-child(1) .txt:before { content:'01.'; }
.target_icobox li:nth-child(2) { background:#F2EEFC; }
.target_icobox li:nth-child(2) .txt:before { content:'02.'; }
.target_icobox li:nth-child(3) { background:#FCEEF3; }
.target_icobox li:nth-child(3) .txt:before { content:'03.'; }
.target_icobox li:nth-child(4) { background:#EEF2FC; }
.target_icobox li:nth-child(4) .txt:before { content:'04.'; }
.target_icobox .txt { position:relative; margin:20px; padding-top:42px; color:#1D1D1D; font-size:17px; line-height:25.5px; font-weight:400; }
.target_icobox .txt:before { content:''; position:absolute; left:0; top:0; font-size:25px; font-weight:700; line-height:37.5px; }
.local_map { margin-top:40px; }
.local_map .map_box { position:relative; border:1px solid #C6C6C6; border-radius:20px; overflow:hidden; }
.local_map .map { position:relative; width:100%; height:380px; overflow:hidden; }
.local_map .map img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:960px; }
.local_map .icon_box { position:absolute; top:10px; right:10px; display:flex; justify-content:center; align-items:center; padding:12px 0; border:1px solid #C6C6C6; background:#FFFFFF; border-radius:10px; }
.local_map .icon_box .icon_bus { flex:1; display:flex; justify-content:center; align-items:center; padding:0 16px; }
.local_map .icon_box .icon_bus .icon { display:inline-flex; width:20px; height:24px; background-size:100%; background-repeat:no-repeat; background-position:center center; }
.local_map .icon_box .icon_bus.brt .icon { background-image:url(/images/user/sub/icon_bus_brt.svg); }
.local_map .icon_box .icon_bus.bus .icon { background-image:url(/images/user/sub/icon_bus.svg); }
.local_map .icon_box .icon_bus + .icon_bus { border-left:1px solid #C6C6C6; }
.local_map .icon_box .icon_bus .txt { flex:0; display:inline-flex; flex-wrap:wrap; white-space:nowrap; margin-left:2px; color:#2D2D2D; font-size:13px; font-weight:500; line-height:19.5px; }
.local_map .map_info_box { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #C6C6C6; padding:32px; }
.local_map .map_info_box .info_box { flex:1; }
.local_map .map_info_box .info_box li { display:flex; }
.local_map .map_info_box .info_box li + li { margin-top:8px; }
.local_map .map_info_box .info_box li .tit_box { flex:0 0 80px; display:flex; white-space:nowrap; }
.local_map .map_info_box .info_box li .tit_box .icon { display:inline-flex; width:20px; height:20px; margin-right:8px; }
.local_map .map_info_box .info_box li .tit_box .icon.location { background:url(/images/user/sub/icon_map_location.svg) no-repeat center center; background-size:contain; }
.local_map .map_info_box .info_box li .tit_box .icon.tel { background:url(/images/user/sub/icon_map_tel.svg) no-repeat center center; background-size:contain; }
.local_map .map_info_box .info_box li .tit_box .tit { color:#1D1D1D; font-size:15px; line-height:25.5px; font-weight:700; }
.local_map .map_info_box .info_box li .txt { position:relative; flex:1; color:#555555; font-size:15px; line-height:25.5px; font-weight:400; margin-left:33px; }
.local_map .map_info_box .info_box li .txt:before { content:''; position:absolute; left:-16px; top:3px; width:1px; height:17px; background:#C6C6C6; }
.local_map .map_info_box .logo_map { width:203px; height:38px; background:url(/images/user/sub/logo_map.svg) no-repeat center center; background-size:contain; }
.btn_map_box { display:flex; gap:10px; }
.btn_map_box .btn_map_info { flex:0 0 auto; display:inline-flex; justify-content:center; align-items:center; padding:8px 16px; background:#003A88; border-radius:8px; gap:4px; }
.btn_map_box .btn_map_info .txt { color:#FFFFFF; font-size:17px; line-height:25.5px; }
.btn_map_box .btn_map_info .icon_share { display:inline-flex; width:16px; height:16px; background:url(/images/user/sub/dm_ico_board_view_blank.svg) no-repeat center center/100%; }
.cpr_box { display:flex; align-items:center; margin-top:25px; padding:30px 40px; border-radius:10px; background:#F6F8FB; }
.cpr_box .imgbox .img_m { display:none; }
.cpr_box .txtbox { flex:1; margin-left:40px; overflow:hidden; }
.cpr_box .txtbox > *:first-child { margin-top:0; }
.cpr_box .txtbox .subtit_m_con { padding-top:6px; }
.cpr_box .txtbox .subtit_s { margin-top:2px; line-height:24px; }
.subtit_tb { margin-top:40px; color:#1D1D1D; font-size:18px; line-height:26px; font-weight:700; letter-spacing:-0.9px; }
.org_btn_wrap { position:relative; display:flex; margin-top:40px; }
.org_btn_wrap .btn_org_down { position:absolute; top:0; right:0; padding:0 16px; margin-left:auto; border:1px solid #D9D9D9; border-radius:10px; color:#1D1D1D; font-size:17px; line-height:38px; font-weight:400; }
.org_btn_wrap .btn_org_down::after { content:''; display:inline-block; width:16px; height:16px; margin:-4px 0 0 8px; background:url(/images/user/sub/dm_ico_download_black.svg) no-repeat center center; background-size:contain; vertical-align:middle; }
.org_page { }
/* 웹접근성 심사 (2024) */
.org_page .top_part > a { position:relative; display:flex; justify-content:center; align-items:center; width:136px; height:136px; margin:0 auto; border-radius:78px; background:linear-gradient(0deg, #003A88, #003A88), linear-gradient(180deg, #0055A3 0%, #00367E 100%); color:#FFFFFF; font-size:21px; line-height:31.5px; font-weight:700; }
.org_page .top_part > a:before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:url(/images/user/sub/bg_tg.png) no-repeat center center/100%; z-index:1; opacity:0.05; }
/* //웹접근성 심사 (2024) */ /* .inbox.Left a { border-radius: 0 31px 31px 0 !important; } */
.org_page .mid_part { display:flex; align-items:flex-start; height:300px; padding-top:42px; background:url(../../images/user/sub/Org_Line.png) no-repeat center top; }
.org_page .mid_part > li { flex:1; /* height: 107px; */border-radius:10px; }
.org_page .mid_part > li + li { margin-left:136px; }
/* 2023-01-11 정승훈 조직도 - 장관 하위메뉴 텍스트 위치 수정 */
.org_page .mid_part > li .inbox { flex:1; margin-bottom:12px; border:1px solid #DFDFDF; border-radius:31px; display:flex; overflow:hidden; }
.org_page .mid_part > li .inbox.Left { flex-direction:row-reverse; }
.inbox.Left:nth-child(1) { border:none !important; }
.inbox.Left > a { display:none; }
.org_page .mid_part > li .inbox + .inbox { display:flex; border-left:1px solid #E0E0E0; }
/* .org_page .mid_part > li .inbox + .inbox > a { margin-left: -1px; border-left: 1px solid #FFFFFF; } */
.org_page .mid_part > li .inbox > a { width:49.335%; display:flex; align-items:center; position:relative; height:62px; padding:6px 10px; background:#CCD8E7; color:#1D1D1D; font-size:17px; line-height:25.5px; font-weight:700; text-align:center; justify-content:center; height:60px; border-radius:31px 0 0 31px; }
/* //2023-01-11 정승훈 조직도 - 장관 하위메뉴 텍스트 위치 수정 */
.org_page .mid_part > li .inbox:first-child > a { }
.org_page .mid_part > li .inbox:last-child > a { border-radius:31px 0 0 31px; }
.org_page .mid_part > li .inbox > a:focus { z-index:1; }
.org_page .mid_part > li .inbox > .depth2 { display:flex; flex-direction:column; justify-content:center; padding:12px 10px; float:right; }
.org_page .mid_part > li .inbox.Right > .depth2 { width:50%; display:flex; flex-direction:column; justify-content:center; padding:12px 10px; }
.org_page .mid_part > li .inbox > .depth2 > li > a { display:block; position:relative; padding-left:16px; color:#1D1D1D; font-size:15px; line-height:25.5px; font-weight:400; }
.org_page .mid_part > li .inbox > .depth2 > li > a::before { content:''; position:absolute; top:9px; left:0px; width:5px; height:5px; background:#8E8E8E; border-radius:5px; }
.org_page .min_part { display:flex; }
.org_page .min_part > .list { flex:1; }
.org_page .min_part > .list + .list { margin-left:10px; }
.org_page .min_part > .list > a { position:relative; display:flex; align-items:center; justify-content:center; height:53px; border-radius:10px; background:#002352; color:#FFFFFF; font-size:19px; line-height:28.5px; font-weight:700; margin-bottom:8px; overflow:hidden; }
.org_page .min_part > .list > a:before { content:''; position:absolute; top:50%; right:-80px; width:260px; height:130px; transform:translateY(-50%); background:url(/images/user/sub/bg_org_part2.png) no-repeat center center/100%; opacity:0.1; }
.org_page .min_part > .list > .depth3 { margin-bottom:6px; }
.org_page .min_part > .list > .depth3 > li { }
.org_page .min_part > .list > .depth3 > li > a { display:flex; justify-content:center; align-items:center; height:40px; background:#003A88; color:#FFFFFF; font-size:17px; line-height:1.5%; font-weight:700; border-radius:10px 10px 0 0; }
.org_page .min_part > .list > .depth3 > li > .depth4 { border-radius:0 0 10px 10px; overflow:hidden; border:1px solid #CCD8E7; border-top:none; }
.org_page .min_part > .list > .depth3 > li > .depth4 > li:last-child .depth5 { border-bottom:none; }
.org_page .min_part > .list > .depth3 > li > .depth4 > li > a { display:block; background:#EFF1FB; color:#1D1D1D; font-size:15px; line-height:40px; font-weight:400; text-align:center; }
.org_page .min_part > .list > .depth3 > li > .depth4 > li > .depth5 { padding:20px 10px; border-top:1px solid #CCD8E7; border-bottom:1px solid #CCD8E7; }
.org_page .min_part > .list > .depth3 > li > .depth4 > li > .depth5 > li > a { display:block; position:relative; padding-left:16px; color:#555555; font-size:15px; line-height:22.5px; font-weight:400; letter-spacing:-0.7px; }
.org_page .min_part > .list > .depth3 > li > .depth4 > li > .depth5 > li > a::before { content:''; position:absolute; top:8px; left:5px; width:5px; height:5px; background:#8E8E8E; border-radius:5px; }
.org_page .min_part > .list > .link_em > a { display:flex; justify-content:center; align-items:center; height:40px; border-radius:10px; margin-bottom:6px; border:1px solid #CCD8E7; background:#FFFFFF; color:#000B17; font-size:15px; line-height:22.5px; font-weight:500; text-align:center; }
.org_page .relation_part { display:flex; margin-top:50px; gap:40px; }
.org_page .relation_part > li { flex:1; }
.org_page .relation_part > li > span { display:block; background:#2D2D2D; color:#FFFFFF; font-size:16px; line-height:48px; font-weight:700; border-radius:10px 10px 0 0; text-align:center; }
.org_page .relation_part > li > .depth3 { padding:16px; border:1px solid #CCD8E7; border-radius:0 0 10px 10px; overflow:hidden; }
.org_page .relation_part > li > .depth3 > li + li { margin-top:6px; }
.org_page .relation_part > li > .depth3 > li > a { display:block; position:relative; padding-left:16px; color:#1D1D1D; font-size:15px; line-height:22.5px; font-weight:400; letter-spacing:-0.7px; }
.org_page .relation_part > li > .depth3 > li > a::before { content:''; position:absolute; top:8px; left:5px; width:5px; height:5px; border-radius:5px; background:#8E8E8E; }
.mi_intro { display:flex; flex-direction:column; gap:24px; }
.mi_intro .mi_imgs { flex:1; display:flex; padding:40px; border:1px solid #C6C6C6; border-radius:10px; background:#FFFFFF; }
.mi_intro .mi_imgs li { flex:1; display:flex; align-items:center; padding:0 20px; }
.mi_intro .mi_imgs li + li { border-left:1px dashed #D2D3D9; }
.mi_intro .mi_imgs li .img { width:100%; text-align:center; }
.mi_intro .mi_imgs li .img img { max-width:100%; }
.mi_intro .mi_txtbox { display:flex; justify-content:center; }
.mi_intro .mi_txtbox .tit { color:#1D1D1D; font-size:20px; line-height:29px; font-weight:700; letter-spacing:-1.6px; }
.mi_intro .mi_txtbox .txt { margin-top:25px; color:#1D1D1D; font-size:16px; line-height:26px; font-weight:400; letter-spacing:-0.8px; }
.mi_intro .mi_txtbox .btns { display:flex; justify-content:center; gap:10px; }
.mi_intro .mi_txtbox .btns .btn_down_logo { display:inline-flex; justify-content:center; align-items:center; padding:8px 16px; border-radius:10px; border:1px solid #003A88; background:#003A88; color:#FFFFFF; font-size:17px; line-height:25.5px; font-weight:400; }
.mi_intro .mi_txtbox .btns .btn_down_logo::after { content:''; display:inline-flex; width:16px; height:16px; margin:-4px 0 0 8px; background:url(/images/user/sub/dm_ico_download_white.svg) no-repeat center center; background-size:16px; }
.mi_intro .mi_txtbox .btns .btn_down_guide { display:inline-flex; justify-content:center; align-items:center; padding:8px 16px; border-radius:10px; border:1px solid #D9D9D9; background:#FFFFFF; color:#1D1D1D; font-size:17px; line-height:25.5px; font-weight:400; }
.mi_intro .mi_txtbox .btns .btn_down_guide::after { content:''; display:inline-flex; width:16px; height:16px; margin:-4px 0 0 8px; background:url(/images/user/sub/dm_ico_download_black.svg) no-repeat center center; background-size:16px; }
.mi_logolist { display:flex; gap:40px; margin-top:16px; padding:40px; border-radius:10px; background:#F8F8F8; border:1px solid #C6C6C6; }
.mi_logolist + .mi_logolist { margin-top:16px; }
.mi_logolist li { flex:1; display:flex; justify-content:center; align-items:center; }
.mi_logolist li .ex { display:none; width:80px; margin:0 auto; border-radius:14px; background:#003A88; color:#FFFFFF; font-size:14px; line-height:27px; font-weight:500; letter-spacing:-0.7px; text-align:center; }
.mi_colorlist { display:flex; flex-wrap:wrap; margin-top:16px; gap:16px; }
.mi_colorlist li { flex:0 0 calc(50% - 8px); }
.mi_colorlist li .inbox { position:relative; display:flex; align-items:center; border:1px solid #C6C6C6; border-radius:10px; padding:16px 16px 16px 133px; overflow:hidden; }
.mi_colorlist li .inbox .titbox { position:absolute; left:0; top:0; bottom:0; display:flex; flex-direction:column; justify-content:center; width:117px; padding:16px; color:#FFFFFF; font-size:15px; line-height:25.5px; font-weight:400; border-right:1px solid #C6C6C6; }
.mi_colorlist li .inbox .titbox strong { margin-top:30px; font-size:17px; line-height:25.5px; font-weight:700; }
.mi_colorlist li .inbox .titbox.white { border-color:#E0E0E0; color:#1D1D1D; }
.mi_colorlist li .inbox .txtbox { flex:1; overflow:hidden; }
.mi_colorlist li .inbox .txtbox dl { display:flex; color:#1D1D1D; font-size:14px; line-height:20px; font-weight:400; }
.mi_colorlist li .inbox .txtbox dl + dl { margin-top:4px; }
.mi_colorlist li .inbox .txtbox dl dt { margin-right:8px; font-size:15px; line-height:25.5px; font-weight:700; }
.mi_colorlist li .inbox .txtbox dl dd { flex:1; overflow:hidden; font-size:14px; line-height:22.5px; font-weight:400; }
.step_box { display:flex; justify-content:center; align-items:center; height:150px; background:#F2F4F8; border-radius: 10px; }
.step_box ul { display:flex; justify-content:center; align-items:center; }
.step_box ul li { position:relative; display:flex; justify-content:center; align-items:center; flex-direction:column; flex:0 0 180px; gap:12px; }
.step_box ul li:first-child:before { display:none; }
.step_box ul li:last-child:after { display:none; }
.step_box ul li:before { content:''; position:absolute; z-index:1; top:10px; left:0; width:calc(50% - 8px); height:1px; background:#CCD8E7; }
.step_box ul li:after { content:''; position:absolute; z-index:1; top:10px; right:0; width:calc(50% - 8px); height:1px; background:#CCD8E7; }
.step_box ul li.on:before { width:calc(50% - 10px); }
.step_box ul li.on:after { width:calc(50% - 10px); }
.step_box ul li .icon { position:relative; display:block; width:20px; height:20px; border-radius:10px; overflow:hidden; background-image:url(/images/user/sub/icon_step.svg); background-repeat:no-repeat; background-position:center; background-size:16px; }
.step_box ul li.on .icon { background:url(/images/user/sub/icon_step_on.svg) no-repeat 0 0/100%; }
.step_box ul li.done .icon { background-image:url(/images/user/sub/icon_step_done.svg); }
.step_box ul li.done:after { background:#003A88; }
.step_box ul li.done + li:before { background:#003A88; }
.step_box ul li .txt { color:#555555; font-size:15px; line-height:22px; font-weight:400; }
.step_box ul li .tit { color:#1D1D1D; font-size:15px; line-height:22px; font-weight:700; }
/* .form_box { padding:32px; } *//* .form_tit_box { display:flex; align-items:center; padding:24px 32px; border-bottom:1px solid #C6C6C6; } *//* .form_tit_box .tit_form { color:#1D1D1D; font-size:25px; line-height:37px; font-weight:700; } *//* .form_group .btn-down { border-radius:5px; border:1px solid #C6C6C6; color:#1D1D1D; font-size:15px; line-height:22px; font-weight:400; padding:0 10px; margin-left:8px; } *//* .form_tit_box .txt_form { margin-left:10px; } *//* .form_group + .form_group { margin-top:24px; } *//* .form_group .tit_group_box { display:flex; align-items:center; } *//* .form_group .tit_group_box .tit_group { font-size:17px; line-height:26px; font-weight:400; } */
.color_red { color:#EB003B; }
.color_red * {color:#EB003B;}
.color_blue { color:#003A88; }
.color_blue * {color:#003A88;}
/* calendar */
.schedule_wrap { display:flex; align-items:flex-start; }
.calendar { width:390px; }
.calendar .head { position:relative; }
.calendar .head .date { color:#1D1D1D; font-size:25px; line-height:37.5px; font-weight:700; }
.calendar .head .date strong { font-weight:700; }
.calendar .head .today { position:absolute; top:0; right:0; }
.calendar .head .today a { display:flex; justify-content:center; align-items:center; width:62px; height:40px; border-radius:8px; background:#FFFFFF; color:#1D1D1D; font-size:17px; line-height:22.5px; font-weight:400; box-shadow:#C6C6C6 0 0 0 1px; }
.calendar .head .control { display:flex; position:absolute; top:50%; right:10px; margin-top:-18px; }
.calendar .head .control button { width:36px; height:36px; background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-999px; overflow:hidden; }
.calendar .head .control .prev { background-image:url(/images/user/sub/dm_btn_calendar_prev.svg); }
.calendar .head .control .next { background-image:url(/images/user/sub/dm_btn_calendar_next.svg); }
.tb_calendar table { width:100%; color:#1D1D1D; font-size:18px; line-height:26px; font-weight:500; text-align:center; }
.tb_calendar table th { padding:5px 0; background:#002E6D; font-weight:500; }
.tb_calendar table td a { }
.tb_calendar td .sun { color:#DA0021; }
.tb_calendar td .sat { color:#003A88; }
.tb_calendar table td a { display:inline-flex; }
.tb_calendar table td a > span { display:inline-flex; justify-content:center; align-items:center; width:30px; height:30px; color:#1D1D1D; font-size:15px; line-height:30px; font-weight:400; border-radius:50%; }
.tb_calendar table td.list a > span { background-color:#CCD8E7; color:#1D1D1D; }
.tb_calendar table td.on a > span { background:#003A88; color:#FFFFFF; }
.schedule_wrap.form-row .calendar { position:relative; }
.schedule_wrap.form-row .calendar .date_box { display:inline-flex; justify-content:center; align-items:center; gap:20px; }
.schedule_wrap.form-row .calendar .sel_box { display:inline-flex; justify-content:center; align-items:center; gap:8px; position:absolute; left:0; top:0; }
.schedule_wrap.form-row .calendar .sel_box .sel_calendar { position:relative; display:inline-flex; justify-content:center; align-items:center; height:40px; padding:0 40px 0 16px; border-radius:8px; box-shadow:#C6C6C6 0 0 0 1px; background:url(/asset/images/user/sub/icon-sel-arrow.svg) no-repeat right 8px center/16px; font-size:19px; line-height:28.5px; color:#1D1D1D; border:none; outline:none; }
.schedule_wrap.form-row .calendar .head { display:flex; align-items:center; justify-content:center; gap:0 20px; }
.schedule_wrap.form-row .calendar .head button { width:40px; height:40px; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-999px; overflow:hidden; }
.schedule_wrap.form-row .calendar .head .prev { background-image:url(../../../asset/images/user/sub/dm_btn_calendar_prev.svg); }
.schedule_wrap.form-row .calendar .head .prev:hover,
.schedule_wrap.form-row .calendar .head .prev:focus {background-image:url(../../../asset/images/user/sub/dm_btn_calendar_prev_hover.svg);}
.schedule_wrap.form-row .calendar .head .next { background-image:url(../../../asset/images/user/sub/dm_btn_calendar_next.svg);}
.schedule_wrap.form-row .calendar .head .next:hover,
.schedule_wrap.form-row .calendar .head .next:focus { background-image:url(../../../asset/images/user/sub/dm_btn_calendar_next_hover.svg); }
/* 2024.08.01 : 장차관일정 추가 */
.schedule_wrap.form-row { flex-wrap:wrap; flex-direction:column; }
.schedule_wrap.form-row .calendar { width:100%; }
.schedule_wrap.form-row .calendar .tb_calendar { position:relative; margin-top:20px; border-bottom:1px solid #8E8E8E; }
/* .schedule_wrap.form-row .calendar .tb_calendar:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 42px; padding: 5px 0; border-top: 1px solid #E1E6FC; border-bottom: 1px solid #E1E6FC; background: #002E6D; border-radius: 20px 20px 0 0; } */
.schedule_wrap.form-row .calendar table { position:relative; z-index:1; max-width:100%; margin:0 auto; border-collapse:collapse; }
.schedule_wrap.form-row .calendar table th { height:42px; color:#FFFFFF; font-size:15px; line-height:22.5px; font-weight:400; }
.schedule_wrap.form-row .calendar table th:first-child { border-radius:20px 0 0 0; }
.schedule_wrap.form-row .calendar table th:last-child { border-radius:0 20px 0 0; }
.schedule_wrap.form-row .calendar table tr td { height:116px; border:1px solid #E4E4E4; padding:10px; text-align:left; vertical-align:top; }
.schedule_wrap.form-row .schedule { width:100%; margin-left:0; }
.schedule_wrap.form-row .schedule ol { padding:32px; border:1px solid #C6C6C6; background:#F8F8F8; margin-top:16px; border-radius:10px; }
.schedule_wrap.form-row .schedule li { display:flex; align-items:start; color:#1D1D1D; font-size:16px; line-height:24px; font-weight:400; }
.schedule_wrap.form-row .schedule li + li { margin-top:10px; }
.schedule_wrap.form-row .schedule span { display:inline-flex; align-items:center; color:#002E6D; font-size:15px; line-height:22.5px; margin-right:16px; font-weight:700; }
.schedule_wrap.form-row .schedule li span { padding-left:24px; background:url(../../../asset/images/user/sub/icon-date.svg) no-repeat left 2px/16px; }
/* .schedule_wrap.form-row .schedule li.weekday-sch-list span { padding-left:24px; background:url(../../../asset/images/user/sub/icon-time.svg) no-repeat left 3.5px/16px; } */
.schedule_wrap.form-row .schedule #result ol:nth-of-type(1) li span { padding-left:24px; background:url(../../../asset/images/user/sub/icon-time.svg) no-repeat left 3.5px/16px; }
.schedule_wrap.form-row .schedule #result ol:nth-of-type(2) li span { padding-left:24px; background:url(../../../asset/images/user/sub/icon-date.svg) no-repeat left 3.5px/16px; }
.schedule_wrap.form-row .schedule #result ol:nth-of-type(3) li span { padding-left:24px; background:url(../../../asset/images/user/sub/icon-date.svg) no-repeat left 3.5px/16px; }
.schedule_wrap.form-row .schedule li p { flex:1; overflow:hidden; font-size:17px; line-height:22.5px; font-weight:400; }

/* 지원센터 */
.pop_step3 h2 { padding:24px 32px; color:#1D1D1D; font-size:25px; line-height:37.5px; font-weight:700; border-bottom:1px solid #D8D8D8; }
.pop_step3 h2 span { margin-left:10px; color:#EB003B; font-size:17px; line-height:25.5px; font-weight:400; }
.pop_step3 .pop-table-row { padding:32px 32px 0 32px; }
.pop_step3 .pop-table-row table { display:flex; flex-direction:column; width:100%; }
.pop_step3 .pop-table-row tr { display:flex; flex-direction:column; gap:12px; }
.pop_step3 .pop-table-row tr + tr { margin-top:24px; }
.pop_step3 .pop-table-row th { display:flex; flex:0 0 100%; color:#1D1D1D; font-size:17px; line-height:25.5px; font-weight:400; }
.pop_step3 .pop-table-row th span { margin-right:5px; }
.pop_step3 .pop-table-row td { display:flex; flex:0 0 100%; }
.pop_step3 .pop-table-row .btn-down { display:flex; justify-content:center; align-items:center; height:24px; box-shadow:#C6C6C6 0 0 0 1px; border-radius:5px; padding:0 10px; margin-left:8px; }
.pop_step3 .pop-table-row #fileSpan {display:flex; align-items:center; width:100%; padding:16px; border:1px solid #C6C6C6; background:#F0F0F0; border-radius:10px; }
.pop_step3 .pop-table-row #fileSpan input {flex:1;}
.pop_step3 .pop-table-row #emailAddrSpan { flex:1; display:flex; justify-content:center; align-items:center; gap:12px; color:#8E8E8E; }
.pop_step3 .pop-table-row #mailSubjectSpan { flex:1; display:flex; justify-content:center; align-items:center; gap:12px; }
.pop_step3 .pop-table-row input[type=text], .pop_step3 .pop-table-row input[type=password] { flex:1; height:56px; border:none; box-shadow:#717171 0 0 0 1px; border-radius:5px; padding:16px; color:#1D1D1D; font-size:19px; line-height:28.5px; font-weight:400; }
.pop_step3 .pop-table-row input[type=password]::placeholder { color:#8E8E8E; }
.pop_step3 .btn-center { display:flex; justify-content:center; align-items:center; padding:40px 0; gap:12px; }
.pop_step3 .btn-center a {min-width:184px;}
/* .pop_step3 .pop-table-row #fileSpan input { display:inline-flex; justify-content:center; align-items:center; height:40px; background:#003A88; color:#FFF; font-size:17px; line-height:25.5px; border-radius:10px; } *//* 연혁 */
.history_box { min-width:672px; text-align:center; }
.history_box img { max-width:100%; }
/* 신고하기 - 정보확인 */
.pop_step4 h2 { padding:24px 32px; color:#1D1D1D; font-size:25px; line-height:37.5px; font-weight:700; border-bottom:1px solid #D8D8D8; }
.pop_step4 h2 span { margin-left:10px; color:#EB003B; font-size:17px; line-height:25.5px; font-weight:400; }
.pop_step4 .pop_cont {padding: 32px; padding-bottom: 0;}
.pop_step4 .pop_cont > div {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.pop_step4 .pop_cont .popTextBox {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pop_step4 .pop_cont p.title {
  color: #1D1D1D;
  font-size: 25px;
  font-weight: 700;
  line-height: 160%; /* 40px */
}
.pop_step4 .pop_cont p.subtit {
  color: #1D1D1D;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%; /* 30.4px */
}
.pop_step4 .pop_cont .popResultBox {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #D8D8D8;
  background: #F8F8F8;
}
.pop_step4 .pop_cont .popResultBox dl {
  display: flex;
}
.pop_step4 .pop_cont .popResultBox dl dt {
  border-right: 1px solid #C6C6C6;
  color: #1D1D1D;
  font-size: 17px;
  font-weight: 700;
  line-height: 150%; /* 25.5px */
  padding-right: 8px;
  width: 67px;
  min-width: 67px;
  box-sizing: border-box;
  white-space: nowrap;
}
.pop_step4 .pop_cont .popResultBox dl dd {
  color: #1D1D1D;
  font-size: 17px;
  font-weight: 400;
  line-height: 150%; /* 25.5px */
  margin-left: 8px;
}
.pop_step4 .btn-center { display:flex; justify-content:center; align-items:center; padding:40px 0; gap:12px; }
.pop_step4 .btn-center a {min-width:184px;}

/* 정책·통계 */
.gray_box_flex { display:flex; align-items:center; padding:40px 60px; border-radius:20px; background-color:#F2F4F8; }
.gray_box_flex .txtbox { flex:1; font-size:21px; line-height:1.5; font-weight:400; word-break:keep-all; }
.gray_box_flex .txtbox .strong_txt { font-size:25px; font-weight:700; }
.gray_box_flex .txtbox .strong_txt em { color:#EF386F; font-weight:700; }
.gray_box_flex .btn_style { flex:none; min-width:auto; margin-left:16px; }
.work_pb { margin-top:60px; }
.work_pb .gra_box { display:flex; flex-direction:column; gap:20px; padding:0 40px 80px; background:linear-gradient(180deg, #FFFFFF 0%, #F2F4F8 100%), #F2F4F8; }
.work_pb .gra_box .w_title { font-size:25px; line-height:1.5; font-weight:700; text-align:center; }
.work_pb .gra_box .slogan { text-align:center; }
.work_pb .gra_box .slogan img { max-width:100%; }
.work_pb .gra_box .bg_triangle { width:100%; height:100px; background:url(/images/user/sub/bg_pb_triangle.svg) no-repeat center/100% 100%; }
.flex_infolist { display:flex; flex-wrap:wrap; gap:16px 20px; }
.flex_infolist > li { width:calc(100% / 3 - 20px * 2 / 3); }
.flex_infolist .inbox { display:flex; align-items:center; height:100%; padding:16px; border-radius:10px; background-color:#FFFFFF; box-shadow:0px 6px 12px 0px rgba(0, 0, 0, 0.12); }
.flex_infolist .inbox .icobox { flex:none; width:80px; height:80px; margin-right:8px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.flex_infolist > li:nth-child(1) .inbox .icobox { background-image:url(/images/user/sub/ico_80_pb01.svg); }
.flex_infolist > li:nth-child(2) .inbox .icobox { background-image:url(/images/user/sub/ico_80_pb02.svg); }
.flex_infolist > li:nth-child(3) .inbox .icobox { background-image:url(/images/user/sub/ico_80_pb03.svg); }
.flex_infolist > li:nth-child(4) .inbox .icobox { background-image:url(/images/user/sub/ico_80_pb04.svg); }
.flex_infolist > li:nth-child(5) .inbox .icobox { background-image:url(/images/user/sub/ico_80_pb05.svg); }
.flex_infolist > li:nth-child(6) .inbox .icobox { background-image:url(/images/user/sub/ico_80_pb06.svg); }
.flex_infolist .inbox .txtbox { flex:1; }
.flex_infolist .inbox .txtbox .tit { font-size:15px; line-height:1.5; font-weight:400; }
.flex_infolist .inbox .txtbox .tit strong { margin-right:4px; font-size:17px; font-weight:700; }
.flex_infolist .inbox .txtbox .txt { margin-top:4px; font-size:15px; line-height:1.5; }
.work_pb .blu_box { display:flex; flex-direction:column; gap:40px; padding:80px; background:url(/images/user/sub/bg_pd_blu.png) no-repeat right top; background-color:#002352; }
.work_pb .blu_box .w_title { display:flex; justify-content:center; width:100%; color:#FFFFFF; font-size:32px; line-height:48px; font-weight:700; }
.work_pb .blu_box .w_title::before { content:''; width:48px; height:48px; margin:0 12px; background:url(/images/user/sub/ico_48_pb_tit_before.png) no-repeat center/contain; }
.work_pb .blu_box .w_title::after { content:''; width:48px; height:48px; margin:0 12px; background:url(/images/user/sub/ico_48_pb_tit_after.svg) no-repeat center/contain; }
.work_pb .blu_box .w_group .tit { display:flex; position:relative; margin-bottom:16px; padding:6px 22px 6px 116px; border:2px solid #1472FF; border-radius:40px; background-color:#FFFFFF; }
.work_pb .blu_box .w_group .tit .tag { display:flex; align-items:center; position:absolute; top:-2px; bottom:-2px; left:-2px; border-radius:21px; padding:0 24px; background-color:#1472FF; color:#FFFFFF; font-size:19px; line-height:26px; font-weight:700; }
.work_pb .blu_box .w_group .tit .txt { color:#002352; font-size:19px; line-height:26px; font-weight:700; }
.work_pb .blu_box .w_group .in_dl { display:flex; margin-top:8px; }
.work_pb .blu_box .w_group .in_dl dt { flex:none; display:flex; align-items:center; position:relative; min-width:114px; margin:0 16px 0 20px; padding-right:17px; color:#FFFFFF; font-size:17px; line-height:26px; font-weight:700; }
.work_pb .blu_box .w_group .in_dl dt::before { content:''; width:6px; height:6px; margin-right:8px; border-radius:100%; background-color:#F2608C; }
.work_pb .blu_box .w_group .in_dl dt::after { content:''; position:absolute; top:50%; right:0; width:1px; height:16px; margin-left:auto; background-color:#FFFFFF; opacity:0.2; transform:translateY(-50%); }
.work_pb .blu_box .w_group .in_dl dd { flex:1; color:#FFFFFF; font-size:17px; line-height:26px; font-weight:400; }
/* faq */
.faq_list { display:flex; flex-direction:column; gap:24px; margin-top:20px; }
.faq_list > li { width:100%; border:1px solid #C6C6C6; border-radius:10px; box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.08); overflow:hidden; }
.faq_list .titbox { padding:16px 20px; background-color:#F8F8F8; }
.faq_list .titbox .q { position:relative; padding-left:30px; font-size:17px; line-height:26px; font-weight:700; }
.faq_list .titbox .q::before { content:'Q'; position:absolute; top:0; left:0; width:22px; margin:2px 8px 2px 0; border-radius:100%; background-color:#EF386F; color:#FFFFFF; font-size:12px; line-height:22px; font-weight:700; text-align:center; }
.faq_list .conbox { padding:20px; border-top:1px solid #C6C6C6; }
.faq_list .conbox .a { position:relative; padding-left:30px; font-size:17px; line-height:26px; }
.faq_list .conbox .a::before { content:'A'; position:absolute; top:0; left:0; width:22px; margin:2px 8px 2px 0; border-radius:100%; background-color:#FCD7E2; color:#1D1D1D; font-size:12px; line-height:22px; font-weight:700; text-align:center; }
.faq_list .conbox .a .mn { color:#1D1D1D; font-weight:700; }
.gray_hr { margin-top:40px; }
/* handling_step */
.handling_step_box { padding:30px; margin-top:16px; border:1px solid #D8D8D8; border-radius:10px; background-color:#F8F8F8; text-align:center; }
.handling_step { display:inline-flex; gap:60px; position:relative; }
.handling_step li { position:relative; width:130px; }
.handling_step li + li::before { content:''; position:absolute; top:30px; left:-40px;; width:20px; height:20px; background:url(/images/user/sub/dm_ico_step_next.svg) no-repeat center/contain; }
.handling_step .inbox { display:block; }
.handling_step .inbox .icobox { display:flex; justify-content:center; align-items:center; width:80px; height:80px; margin:0 auto; border:1px solid #99B0CF; border-radius:100%; background-color:#FFFFFF; }
.handling_step .inbox .icobox .ico { width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.handling_step .inbox .txtbox { width:100%; margin-top:8px; }
.handling_step .inbox .txtbox .tit { color:#002E6D; font-size:17px; line-height:1.5; font-weight:700; }
.handling_step .inbox .txtbox .tit .num { margin-right:4px; font-weight:700; }
.handling_step .inbox .txtbox .txt { margin-top:4px; padding-top:4px; border-top:1px solid #99B0CF; font-size:15px; line-height:1.5; }
/* 저작권정책 */
.subtit_m_con .policy_type_flex { margin-left:11px; }
.policy_type_flex { display:flex; flex-wrap:wrap; gap:20px; margin-top:20px; }
.policy_type_flex > li { flex:1; display:flex; flex-direction:column; min-width:calc(50% - 10px); }
.policy_type_flex > li :first-child { border-top-left-radius:10px; border-top-right-radius:10px; }
.policy_type_flex > li :last-child { border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
.policy_type_flex > li .ptf_tit { background-color:#003A88; color:#FFFFFF; font-size:17px; line-height:40px; font-weight:700; text-align:center; }
.policy_type_flex > li .ptf_img { padding:32px; border:1px solid #CCD8E7; background-color:#E6EBF3; text-align:center; }
.policy_type_flex > li .ptf_img img { max-width:100%; }
.policy_type_flex > li .ptf_list { padding:16px; border:1px solid #CCD8E7; border-top:none; background:url(/images/user/sub/bg_ptf_list.png) no-repeat right bottom; }
.policy_type_flex > li .ptf_list > li { position:relative; padding-left:11px; color:#555555; font-size:15px; line-height:1.5; }
.policy_type_flex > li .ptf_list > li::before { content:''; position:absolute; top:9px; left:0; width:5px; height:5px; border-radius:100%; background-color:#8E8E8E; }


/* 누리집 안내지도 */
.site_map {display:flex; flex-wrap:wrap; gap:60px;}
.site_map > li {flex:0 0 calc(33.33% - 40px);}
.site_map > li > a {position:relative; display:flex; justify-content: center; align-items: center; height:58px; padding:16px; color:#FFF; background:#002352; font-size:19px; line-height:29px; font-weight:700; border-radius:10px; overflow:hidden;}
.site_map > li > a:before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:url(/images/user/sub/bg_org_part2.png) no-repeat right -30px center/200px; opacity:0.1;}
.site_map > li .depth_box .depth > li > a {position:relative; display:flex; align-items:center; height:58px; padding:16px; border-bottom:1px solid #8E8E8E; color:#1D1D1D; font-size:15px; line-height:22.5px; font-weight:500;}
.site_map > li .depth_box .depth > li > a[target='_blank']::after {content: ''; position:absolute; top:50%; margin-top:-8px; right:16px; width: 16px; height: 16px; margin-left: 10px; background: url(/images/user/common/ico_20_blank_gray.svg) no-repeat center / contain;}
.site_map > li .depth_box .depth02 {display:flex; flex-direction:column; padding:16px; background:#F8F8F8; gap:4px; border-bottom:1px solid #C6C6C6}
.site_map > li .depth_box .depth02 > li {position:relative; padding-left:12px;}
.site_map > li .depth_box .depth02 > li:before {content:''; position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:50%; background:#8E8E8E;}
.site_map > li .depth_box .depth02 > li a {position:relative; display:flex; color:#555; font-size:15px; line-height:23px; font-weight:400;}
.site_map > li .depth_box .depth02 > li a[target='_blank']::after { content: ''; position:absolute; top:50%; margin-top:-8px; right:0; width: 16px; height: 16px; margin-left: 10px; background: url(/images/user/common/ico_20_blank_gray.svg) no-repeat center / contain;}

/* 누리집 이용안내 */
.use_guide .img_group {display:flex; justify-content:center; gap:24px; margin-top:20px;}
.use_guide .img_group.style_v {flex-direction:column; width:532px;}
.use_guide .img_group .img_box .tit_img {color:#1D1D1D; font-size:15px; line-height:22.5px; font-weight:700;}
.img_box > img {margin-top:8px; width:100%;}
.img_box .txt_img {margin-top:16px; color:#1D1D1D; font-size:15px; line-height:22.5px; font-weight:400;}
.img_box .txt_img + .txt_img {margin-top:8px;}

.subdownload + .subdownload {margin-top:12px;}


@media screen and (max-width:1447px) {
  .target_box .title { width:200px; height:230px; }
  .target_box .cont { margin-left:20px; }
  .target_box .cont ol { padding:25px 20px; }
  .task_box .title { width:200px; height:230px; }
  .task_box .cont { margin-right:20px; padding:40px 35px; }
  .task_box .cont .item::before { display:none; }
  .task_box .cont .titbox { flex-wrap:wrap; }
  .task_box .cont .titbox .tit { width:100%; margin-top:15px; }
  .task_box .cont .list { margin-left:0; }
  .workplans_intro .item .tit_p .m_none { display:none; }
}
@media screen and (max-width:1280px) {
  .br_pc { display:none; }
  .br_t { display:block; }
  .mini_intro .name_card { margin-top:0; }
  .mini_intro .name_card h2 {position: relative; right: unset; bottom: unset; margin: 0 auto;}
  .mini_intro .name_card.zg h2 {width: 255px; }
  .mini_intro .name_card:not(.zg) .txt2 { position:relative; left:auto; top:auto; margin-top:16px;}
  .mini_intro .name_card .font_big {
    font-size: inherit;
  }
  .mini_intro .name_card.zg .txt2 {position: static; margin-top: 20px;}
  .mini_intro .name_card.zg .txt3 {margin-top: 20px;}
  .mini_intro .name_card ul {margin-top: 16px; display: flex; flex-direction: column;  align-items: center;}
  .mini_intro.mini_h2 .name_card .txt1 {display: none;}
  .mini_intro.mini_h3 .name_card .txt1 {display: none;}
  .mini_intro.mini_h4 .name_card .txt1 {display: none;}
  .calendar { width:340px; }
  .schedule { margin-left:20px; }
  .box_radius_blue .flex_icolist { margin:0 -10px; }
  .box_radius_blue .flex_icolist li { padding:12px 20px; }
  .flexbtn_list ul li { width:33.3333%; }
  .target_box .title { width:132px; height:152px; }
  .target_box .cont { margin-left:10px; }
  .target_box .cont ol { padding:10px 5px; }
  .task_box .title { width:132px; height:152px; }
  .task_box .cont { margin-right:10px; padding:25px 20px; }
  .noti_box .txt_pd { padding:0; }
  /* .icolabeling ul li .img img { max-width:80px; } */
  .icolabeling ul.index li .img img {max-width: 100%;}
  .tab_mini { padding:40px; }
  .sub_greetings .txt .m_br { display:none; }
  .target_icobox { padding:0; }
  .target_icobox li { flex:0 0 calc(50% - 8px); }
  .target_icobox li .inbox {display: flex; align-items: center; height: 100%;}
  .target_icobox .txt {flex: 1;}
  .target_icobox li .inbox .img {order: 2; flex: none; position: static; width: 158px;}
  .target_icobox .txt .m_br { display:none; }
  .mi_intro .mi_txtbox .btns { flex-direction:column; }
  .mi_intro .mi_txtbox .txt br { display:none; }
  /* .mi_colorlist { padding: 20px; } */
  .mi_colorlist li { flex:0 0 100%; }
  /* 기존 1160px 분기점 */
  .tab_mini { padding:40px; }
  .tab_mini ul .his5 { right:288px; }
  .tab_mini ul .his6 { right:318px; }
  /* 기존 1024px 분기점 */
  .sub_content_wrap::before { background-image:url(/images/user/sub/bg_sub_visual_t.png); }
  #lnb { display:none; }
  .sub_content { width:100%; }
  .sub_cont { min-height:670px; }
  /* *//* *//* *//* */
  .box_gray { margin-top:20px; padding:25px 15px; }
  .epeople::before { display:none; }
  .epeople dt.logo_msit { display:none; }
  .epeople dt.logo_msit + .txt { padding:0; }
  .epeople .txt .in_bottom_txt { height:auto; }
  .epeople .txt .s_noti { position:relative; right:auto; text-align:center; }
  /* board kogl */
  .open_mark { padding:25px 20px; }
  .step_img_auto img { max-width:none; }
  .workplans_intro .txt_img .imgbox { display:none; }
  .subtit_l_icons .icons, .directory_list .ico { display:none; }
  .cpr_box { padding:30px; }
  .cpr_box .txtbox { margin-left:30px; }
  .box_radius_grey .bgimg { top:auto; right:32px; bottom:32px; margin-top:0; }
  .flex_icolist { flex-wrap:wrap; }
  .flex_icolist li { flex:0 0 calc(50% - 8px); align-items: center; height: auto; }
  .flex_icolist li .icobox {order:2; flex:none; position: static;}
  .flex_icolist li .txtbox {flex:1; margin-right: 24px;}
  .mini_intro .name_card .txt1 { font-size:21px; line-height:31.5px; }
  .mi_logolist { flex-direction:column; }
  .local_map .map img { width:1024px; }
  /* 정책·통계 */
  .flex_infolist > li { width:calc(100% / 2 - 10px); }
  .work_pb .blu_box { padding:60px 40px; }
  /* handling_step */
  .handling_step_box { padding:30px 24px; }
  .handling_step { gap:40px; }
  .handling_step li + li::before { left:-30px; }
}
@media screen and (max-width:1024px) {
  .sub_tabbox .swiper-slide { min-width:calc(100% / 3); }
  .tab_mini { padding:20px; border-radius:20px; }
  .tab_mini ul { display:flex; justify-content:center; width:320px; height:710px; margin:0 auto; background:url(/images/user/sub/dm_bg_his_tab_m.svg) no-repeat center bottom; }
  .tab_mini ul .now { margin:0 auto; align-items:start; }
  .tab_mini ul .now .position { font-size:14px; line-height:20px; letter-spacing:-0.7px; }
  .tab_mini ul .his { right:auto !important; }
  .tab_mini ul .his a { width:83px; }
  .tab_mini ul .his .year { padding:0 8px; border-radius:12px; font-size:12px; line-height:24px; letter-spacing:-0.6px; }
  .tab_mini ul .his .part { font-size:16px; line-height:24px; letter-spacing:-0.8px; }
  .tab_mini ul .his1 { top:640px; right:auto; left:5px; }
  .tab_mini ul .his1 a:before { top:auto; bottom:-20px; }
  .tab_mini ul .his2 { top:540px; right:auto; left:5px; }
  .tab_mini ul .his2 a:before { top:auto; bottom:-20px; }
  .tab_mini ul .his3 { top:640px; left:156px; }
  .tab_mini ul .his3 a:before { top:auto; bottom:-20px; }
  .tab_mini ul .his4 { top:540px; left:156px; }
  .tab_mini ul .his4 a:before { top:auto; bottom:-20px; }
  .tab_mini ul .his5 { top:370px; left:81px; }
  .tab_mini ul .his6 { top:280px; left:81px; }
  .tab_mini_con .tit { margin-top:30px; }
  .tab_mini_con .list { padding:15px; }
  .tab_mini ul .now .year { font-size:15px; line-height:25.5px; font-weight:400; }
  /* xx일정 */
  .schedule_wrap.form-row .calendar .head { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; }
  .schedule_wrap.form-row .calendar .date_box { order:1; flex:0 0 100%; }
  .schedule_wrap.form-row .calendar .sel_box { order:2; flex:0 0 auto; position:relative; left:auto; top:auto; }
  .schedule_wrap.form-row .calendar .today { order:3; flex:0 0 auto; position:relative; right:auto; top:auto; }
  /* 적극행정 추진방안 */
  .promotion_plan .cont_box .item { flex:0 0 100%; }
  .step_img_auto { margin-top:20px; margin-left:-20px;}
  .step_img_auto .img_pc { display:none; }
  .step_img_auto .img_m { display:inline-block; }
  .request_process {width:376px; flex-wrap:wrap; gap:24px 53px;}
  .request_process li:nth-child(1) .img_process::before {display:none;}
  .request_process li:nth-child(3) .img_process::before {display:none;}
  .request_process li:nth-child(5) .img_process::before {display:none;}
  .site_map {gap:40px;}
  .site_map > li {flex:0 0 calc(50% - 20px);}

  /* .mini_intro .name_card h2 { display:none; } */

  .directory_list ul {height:auto;}
}
/* mobile */
@media screen and (max-width:767px) {
  .br_t { display:none; }
  .m_none { display:none; }
  .m_br { display:block; width:100%; }
  .sub_content_wrap { padding-bottom:60px; }
  .sub_content_wrap::before { height:180px; background-image:url(/images/user/sub/bg_sub_visual_m.png); }
  .sub_con_head { flex-direction:column; justify-content:center; height:180px; padding:0; }
  .sub_con_head .title { font-size:32px; line-height:48px; text-align:center; }
  .sub_location, .sub_location > li > a, .sub_location > li > em, .sub_location > li > span { line-height:36px; }
  /* 모바일에서 location 숨김처리 */
  .sub_location > li:nth-child(1) ~ li:not(:last-child) { position:absolute !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; border:0 !important; clip:rect(0, 0, 0, 0) !important; overflow:hidden !important; white-space:nowrap !important; }
  .sub_location > li:last-child { position:relative; margin-left:52px; }
  .sub_location > li:last-child::before { content:'...'; position:absolute; top:0; left:-52px; padding-left:24px; margin-left:8px; background:url(/images/user/sub/ico_location_arrow.svg) no-repeat 0 center; background-size:16px; color:#555555; }
  .sub_con_head .right_btns { margin:8px auto 0; }
  .share_box { top:100%; right:50%; transform:translateX(50%); }
  .sub_cont { min-height:500px; margin-top:24px; }
  .sub_tabbox a { font-size:17px; }
  .sub_in_tabbox { display:none; }
  .sub_tabbox ~ .sub_in_tab_m { margin-top:24px; }
  .sub_in_tab_m { display:block; position:relative; margin-bottom:24px; }
  .sub_in_tab_m .btn_in_tab_m { border-radius:8px; height:48px; line-height:46px; background:#003A88 url(/images/user/sub/btn_subintab_down_m.svg) no-repeat center right 12px; width:100%; }
  .sub_in_tab_m .btn_in_tab_m:has(+ .on) { background:#003A88 url(/images/user/sub/btn_subintab_up_m.svg) no-repeat center right 12px; }
  .sub_in_tab_m .btn_in_tab_m > span { color:#FFFFFF; font-size:16px; font-weight:700; }
  .sub_in_tab_m .sub_in_tab_list_m { display:none; width:100%; z-index:10; position:absolute; top:64px; border-radius:10px; border:1px solid #D4D4D4; background:#FFFFFF; padding:16px 10px 10px 20px; }
  .sub_in_tab_m .sub_in_tab_list_m.on { display:block; }
  .sub_in_tab_m .sub_in_tab_list { overflow-y:auto; max-height:308px; width:100%; }
  .sub_in_tab_m .sub_in_tab_list::-webkit-scrollbar { width:4px; }
  .sub_in_tab_m .sub_in_tab_list::-webkit-scrollbar-thumb { background:#003A88; border-radius:2px; }
  .sub_in_tab_m .sub_in_tab_list::-webkit-scrollbar-track { background:#D4D4D4; }
  .sub_in_tab_m .sub_in_tab_list > li { }
  .sub_in_tab_m .sub_in_tab_list > li + li { margin-top:12px; }
  .sub_in_tab_m .sub_in_tab_list > li > a { text-align:left; display:block; color:#919191; font-weight:500; font-size:16px; letter-spacing:-0.05em; }
  .sub_in_tab_m .sub_in_tab_list > li > a.active { color:#414141; font-weight:700; font-size:16px; text-decoration:underline; letter-spacing:-0.05em; }
  .use_guide .subtit_s { word-break:keep-all; }
  .use_guide .subtit_s + .img_box { margin-top:30px; }
  .use_guide .img_box + .subtit_s { margin-top:16px; }
  .use_guide .img_box > img { max-width:100%; }
  .table-faq { width:100%; }
  .table-faq > table { width:100%; table-layout:fixed; border-top:2px solid #003A88; border-bottom:1px solid #D4D4D4; }
  .table-faq > table tbody tr { }
  .table-faq > table tbody tr + tr { border-top:1px solid #D4D4D4; }
  .table-faq > table tbody tr th { width:100%; display:block; padding:16px; }
  .table-faq > table tbody tr td { width:100%; display:block; padding:16px; padding-left:51px; background:#F8F8F8; border-top:1px solid #D4D4D4; }
  .table-faq > table tbody tr + tr th { border-top:1px solid #D4D4D4; }
  .table-faq .col-question > p { padding-left:36px; position:relative; }
  .table-faq .col-answer > p { padding-left:35px; position:relative; }
  .ico_que { width:28px; height:28px; position:absolute; left:0; top:-3px; margin-right:8px; display:inline-block; background:url(../../../asset/images/user/sub/icon_question.svg) no-repeat center center; }
  .ico_ans { width:27px; height:27px; position:absolute; left:0; top:-3px; margin-right:8px; display:inline-block; background:url(../../../asset/images/user/sub/icon_answer.svg) no-repeat center center; }
  .ico_menu { width:17px; height:17px; position:relative; top:4px; display:inline-block; background:url(../../../asset/images/user/sub/icon_menu.svg) no-repeat center center; }
  .fb { font-weight:500; }
  .calendar { width:100%; }
  /* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* */
  .sub_notice { margin-top:24px; padding:24px; }
  .sub_notice .txtbox > .tit { line-height: 120%; word-break: keep-all; font-size:19px; }
  .sub_notice .txtbox > .tit .icon { width:40px; height:40px; margin-right:4px; }
  .sub_notice .txtbox > .txt { margin-top:16px; font-size:17px; }
  .subtit_l { margin-top:24px; }
  .subtit_l_icons { margin-top:30px; }
  .subtit_l_icons .subtit_l { margin-top:0; }
  .subtit_l_con { padding-left:20px; }
  /*.subtit_m { *//* padding-left: 15px; *//* margin-top: 6px; *//* font-size: 14px; *//* line-height: 20px; *//* letter-spacing: -0.7px; *//* } *//*.subtit_m::before { *//* top: 7px; *//* } */
  .mobile_scroll + .subtit_m { margin-top:20px; }
  .subtit_m .ex_blue { margin-top:10px; font-size:14px; line-height:20px; letter-spacing:-0.7px; }
  /* .subtit_m_con { padding-top:2px; } */
  /*.subtit_s { *//* margin-top: 3px; *//* font-size: 14px; *//* line-height: 26px; *//* letter-spacing: -0.7px; *//* } */
  .subtit_s_num { margin-top:3px; padding-left:18px; font-size:14px; line-height:26px; letter-spacing:-0.7px; }
  .subtit_s_num .num { width:18px; }
  /*.subtit_m_con { *//* padding-left: 15px; *//* } */
  .subtit_l_con .mobile_scroll { margin-top:10px; }
  .subtit_l_con .mobile_scroll + .con_btns { margin-left:-24px; }
  .subtit_l_con .mobile_scroll + .subtit_m_con { margin-left:-24px; }
  .m_no_pl { margin-left:-24px; }
  .subtxt { margin-top:6px; font-size:14px; line-height:20px; letter-spacing:-0.7px; }
  .subtxt_list li { margin-top:6px; font-size:14px; line-height:20px; letter-spacing:-0.7px; }
  .table_data thead th { padding:11px 8px; font-size:15px; line-height:22px; }
  .table_data tbody td { padding:8px; font-size:15px; line-height:22px; }
  .box_gray { padding:15px; }
  .epeople { flex-direction:column; }
  .epeople dt { width:221px; height:94px; margin-bottom:5px; }
  .epeople .txt { font-size:14px; line-height:20px; letter-spacing:-0.7px; }
  .epeople dt + .txt { margin-left:0; text-align:center; }
  .epeople .txt .tit, .epeople .txt .call { margin-bottom:6px; font-size:18px; line-height:26px; letter-spacing:-0.9px; }
  .epeople .txt .link_blue[target='_blank'] { background-position:right 3px; }
  .epeople .txt .in_bottom_txt { margin-top:5px; }
  .epeople .txt .s_noti { font-size:13px; line-height:19px; letter-spacing:-0.65px; }
  .noti_box .txt { font-size:14px; line-height:20px; letter-spacing:-0.7px; }
  .rss_box { flex-direction:column; padding:0; text-align:center; }
  .rss_box .icobox { width:100px; height:80px; }
  .rss_box .txtbox { flex:none; margin:5px 0 0 0; }
  .rss_box .txtbox dt { font-size:18px; line-height:26px; letter-spacing:-0.9px; }
  .rss_box .txtbox dd { margin-top:6px; font-size:14px; line-height:20px; letter-spacing:-0.7px; }
  .rss_list .item { flex-direction:column; align-items:flex-start; }
  .rss_list .item h5 { width:100%; margin-right:0; }
  .rss_list .item p { flex:none; width:100%; margin-right:0; }
  .rss_list .item a { margin-top:12px; }
  .box_intxt { font-size:14px; line-height:20px; letter-spacing:-0.7px; }
  /* table */
  .tb.tb_view { min-width:700px; }
  .tb.tb_view table th { padding:15px 10px; font-size:14px; line-height:20px; }
  .tb.tb_view table td { padding:15px 20px; font-size:14px; line-height:20px; letter-spacing:-0.7px; }.mini_intro.mini_h2 .name_card .txt2 .txt_name
                                                                                                        /* btn */
                                                                                                      .btn_center { margin-top:30px; }
  .pop_wrap .btn_style { flex:1; }
  .btn_center_full a { width:100% !important; }
  .btn_center_full a + a { margin:6px 0 0 0; }
  /* board kogl */
  .open_mark_container {
    flex-direction: column; /* 모바일에서는 위아래로 배치 */
    margin-top:15px;
    padding:15px 10px;
  }
  /*.open_mark { flex-direction:column; margin-top:15px; padding:15px 10px; }*/
  .open_mark > img { margin-right:0; }
  .open_mark > span { flex:none; margin-top:20px; font-size:14px; line-height:20px; letter-spacing:-0.7px; }
  .open_mark > span strong { margin-bottom:4px; }
  /* content */
  .sub_div_hr { margin-top:20px; }
  .adm-intro-tab ul { width:240px; }
  .agree_wrap { margin-top:10px; padding:15px 10px; }
  .agree_wrap .agree_box { padding:15px; font-size:14px; letter-spacing:-0.7px; }
  .agree_wrap .agree_box p span { color:#4A66D3; }
  .agree_wrap .chk_area { margin-top:8px; }
  .chk_box input { position:absolute; margin:0; }
  .chk_box input + label { background-position:0 0; font-size:14px; line-height:20px; letter-spacing:-0.7px; }
  .chk_box input:focus + label::before { display:none; }
  .mini_intro { padding:0 0 20px 0; background:none; }
  .mini_intro .name_card { padding:32px; }
  .mini_intro .name_card.zg { padding:32px;}
  .mini_intro .name_card .imgbox { width:200px; height:200px; }
  .mini_intro .name_card .tit { font-size:34px; line-height:49px; letter-spacing:0; }
  .mini_intro .name_card .txt { margin-top:2px; font-size:14px; line-height:20px; letter-spacing:-0.7px; }

  /* .mini_intro .name_card .txt2 { display:none; } */
  .mini_intro .name_card.zg .txt3 {width: 100%;}
  .mini_intro .profile.ach { padding-top:35px; margin-top:35px; }
  .mini_intro .profile.ach::before { display:none; }
  .mini_intro .profile ul { padding:15px; }
  .pop_wrap { padding:50px 16px; }
  .pop_titlebox .pop_title { font-size:20px; line-height:29px; letter-spacing:-1px; }
  .pop_titlebox .txt_required { font-size:12px; line-height:17px; }
  .pop_table_row table, .pop_table_row table tbody, .pop_table_row table tr, .pop_table_row table th, .pop_table_row table td { display:block; }
  .pop_table_row table th { padding:12px 10px; border-bottom:none; }
  .pop_table_row table .btn_download { margin:-1px 0 -1px 10px; padding-right:28px; background-size:14px; font-size:12px; line-height:26px; }
  .pop_table_row table td { padding:12px 10px; }
  .input_group input[type='file'] { width:100% !important; }
  .input_group input#emailAddr1[type='text'] { width:120px !important; }
  .input_group input#emailAddr2[type='text'] { flex:1; }
  /* sub design */
  .box_radius_blue { flex-direction:column; margin:38px 0 10px; padding:20px 10px; }
  .box_radius_blue .titlebox { top:-21px; left:50%; transform:translateX(-50%); }
  .box_radius_blue .titlebox.right { right:auto; left:50%; }
  .box_radius_blue .titlebox .title { padding:0 22px; font-size:14px; letter-spacing:-0.7px; }
  .box_radius_blue .bgimg { width:165px; height:156px; margin:15px auto; }
  .box_radius_blue .cont { flex:none; width:100%; }
  .box_radius_blue .flex_icolist { flex-direction:column; width:100%; margin:24px 0 0 0; }
  .box_radius_blue .flex_icolist::before { display:none; }
  .box_radius_blue .flex_icolist li { width:100%; padding:12px 2px; }
  .box_radius_blue .flex_icolist li .icobox { width:80px; height:80px; }
  .box_radius_blue .flex_icolist li .txtbox .tit { font-size:16px; line-height:24px; letter-spacing:-0.8px; }
  .box_radius_blue .flex_icolist li .txtbox .txt { margin-top:4px; font-size:14px; line-height:20px; letter-spacing:-0.7px; word-break:break-all; }
  .promotion_plan { margin-top:24px; }
  .promotion_plan .title { font-size:25px; line-height:37.5px; }
  .promotion_plan .title img { display:none; }
  .promotion_plan .title .img_m { display:inline-block; max-width:270px; }
  .promotion_plan .cont_box { margin-top:17px; border:none; border-radius:0; }
  .promotion_plan .cont_box .item .tit { font-size:21px; line-height:31.5px; }
  .promotion_plan .cont_box .item .icobox { width:66px; height:66px; }
  .sub_icontab { display:flex; flex-direction:column; align-items:center; }
  .sub_icontab li + li::before { top:-40px; left:50%; transform:translateX(-50%) rotate(90deg); }
  .flexbtn_list { margin-top:10px; }
  .flexbtn_list ul { border:none; }
  .flexbtn_list ul li { width:100%; border:1px solid #D4D4D4; }
  .sub_graph_img .img_pc { display:none; }
  .sub_graph_img .img_m { display:inline-block; }
  .sub_workplans_fullimg { margin-top:24px; }
  .subtit_l_con + .sub_topflex { margin-top:24px; }
  .sub_topflex { flex-wrap:wrap; }
  .sub_topflex a, .sub_topflex a[target='_blank'] { width:100%; margin:10px 0 0 0; }
  .sub_topflex .topflex_select { width:calc(100% - 70px); }
  .full_imgbox .img_pc { display:none; }
  .full_imgbox .img_m { display:inline-block; }
  .sub_national_task { margin-top:0; padding-top:0; }
  .sub_national_task .bgbox01, .sub_national_task .bgbox02 { display:none; }
  .target_box { flex-direction:column; align-items:center; margin-top:50px; }
  .target_box .title { width:151px; height:139px; margin:0 auto; background-image:url(/images/user/sub/dm_tit_sub04_01_01_01_m.svg); }
  .target_box .cont { flex:none; width:100%; margin:25px 0 0 0; }
  .target_box .cont ol { max-height:none; padding:25px 20px; }
  .target_box .cont ol li { width:100%; margin:0; }
  .target_box .cont ol li + li { margin-top:25px; }
  .task_box { flex-direction:column; align-items:center; margin-top:50px; }
  .task_box .title { order:5; width:177px; height:176px; background-image:url(/images/user/sub/dm_tit_sub04_01_01_02_m.svg); }
  .task_box .cont { order:10; flex:none; width:100%; margin:25px 0 0 0; padding:25px 20px; }
  .task_box .cont .item { padding-bottom:30px; }
  .task_box .cont .titbox .img_pc { display:none; }
  .task_box .cont .titbox .img_m { display:inline-block; }
  .task_box .cont .list { margin-top:15px; }
  .task_box .cont .list li { flex-wrap:wrap; }
  .task_box .cont .list li::before { top:9px; }
  .task_box .cont .list li strong { font-size:16px; line-height:24px; letter-spacing:-0.8px; }
  .task_box .cont .list li p { flex:none; width:100%; margin-top:2px; font-size:16px; line-height:24px; letter-spacing:-0.8px; }
  .task_box .cont .list li p .small { margin-top:2px; font-size:14px; line-height:20px; letter-spacing:-0.7px; }
  .sub_workplans { margin-top:40px; background:none; }
  .sub_workplans .img_pc { display:none; }
  .sub_workplans .img_m { display:inline-block; }
  .sub_workplans .stitle01 { width:103px; height:126px; margin:45px auto 0; background-image:url(/images/user/sub/dm_stit_sub04_01_02_01_m.svg); }
  .sub_workplans .stitle02 { width:162px; height:128px; margin:50px auto 0; background-image:url(/images/user/sub/dm_stit_sub04_01_02_02_m.svg); }
  .sub_workplans .cont01 { margin-top:26px; padding:24px 16px; }
  .sub_workplans .cont02 { margin-top:26px; padding:24px 16px; }
  .workplans_intro .item + .item { margin-top:40px; }
  .workplans_intro .item .titbox .num { margin-right:10px; border-radius:15px; font-size:16px; line-height:29px; }
  .workplans_intro .item .tit_p { margin-top:25px; padding:8px 10px; }
  .workplans_intro .txt_img { padding:15px 0 0 0; }
  .workplans_intro .data_dlbox { margin-top:30px; }
  .workplans_intro .txt_talent { margin-top:30px; }
  .sub_workplans_fullimg .img_pc { display:none; }
  .sub_workplans_fullimg .img_m { display:inline-block; }
  .noti_box .txt_pd { font-size:14px; line-height:20px; letter-spacing:-0.6px; }
  .icolabeling { margin-top:10px; padding:20px 14px; }
  .icolabeling ul { flex-wrap:wrap; margin-top:-15px; }
  .icolabeling ul li { flex:none; width:50%; margin-top:15px; }
  .icolabeling ul li + li::before { display:none; }
  /* .icolabeling ul li .img img { max-width:60px; } */
  .icolabeling ul li:has(> .img) {width: 100%;}
  .icolabeling ul li:has(> .img) .img img {max-width: 100%;}
  .icolabeling ul li .txt { font-size:14px; line-height:20px; letter-spacing:-0.7px; }
  .directory_list { flex-direction:column; margin-top:10px; padding:17px 20px; }
  .directory_list ul { padding:0; }
  .directory_list ul li { margin:3px 0; }
  .directory_list.m_no_pl ul li {padding-left: 0; flex-wrap: wrap;}
  .directory_list.m_no_pl ul li::before {display: none;}
  .subdownload_box { margin-top:15px; }
  .subdownload_box .title { font-size:14px; line-height:20px; letter-spacing:-0.7px; }
  .subdownload a[download] { font-size:14px; line-height:20px; }
  .sub_greetings { display:flex; flex-direction:column; margin-top:30px; }
  .sub_greetings .img_pc { display:none; }
  .sub_greetings .img_m { display:inline-block; }
  .sub_greetings .photobox { order:15; width:100%; margin:87px 0 0 0; }
  .sub_greetings .photobox .photo { text-align:center; }
  .sub_greetings .photobox .position { margin-top:20px; }
  .sub_greetings .title { width:100%; margin-top:0; }
  .sub_greetings .txt { margin-top:30px; }
  .target_icobox { flex-wrap:wrap; margin-top:16px; }
  .target_icobox li { flex:0 0 100%; }
  .target_icobox .txt { margin-top:8px; font-size:14px; line-height:20px; letter-spacing:-0.7px; }
  .local_map { margin-top:20px; }
  .local_map .map_info_box { padding:24px; }
  .local_map .map_info_box .logo_map { display:none; }
  .btn_map_box { flex-wrap:wrap; }
  .cpr_box { flex-direction:column; align-items:flex-start; margin-top:15px; padding:15px; }
  .cpr_box .imgbox { width:100%; }
  .cpr_box .imgbox .img_pc { display:none; }
  .cpr_box .imgbox .img_m { display:inline-block; width:100%; }
  .cpr_box .txtbox { flex:none; width:100%; margin:15px 0 0 0; }
  .cpr_box .txtbox .subtit_s { margin-top:8px; line-height:20px; }
  .subtit_tb { margin-top:40px; font-size:15px; line-height:22px; letter-spacing:-0.75px; }
  .org_btn_wrap {margin:24px 0;}
  .org_btn_wrap .btn_org_down { position:static; margin-left:auto; }
  .org_page .min_part { flex-direction:column; margin-top:24px; }
  /* .org_page { margin-top: 15px; } */
  .org_page .mid_part { background:none; }
  .org_page .mid_part > li { display:flex; flex-direction:column; }
  .org_page .mid_part > li .inbox { flex:1; height:auto; margin-bottom:0; display:block; border-radius:10px; border:none !important; }
  .org_page .mid_part > li .inbox > a { width:100%; border-radius:10px; height:40px; }
  .org_page .mid_part { flex-direction:column; height:auto; padding-top:20px; }
  .org_page .mid_part > li { flex:none; flex-direction:column; width:100%; height:auto; border:none; border-radius:0; }
  .org_page .mid_part > li + li { margin-left:0; margin-top:8px; }
  .org_page .mid_part > li .inbox + .inbox { flex-direction:column; border-left:none; margin-top:8px; }
  .org_page .mid_part > li .inbox + .inbox > a { margin-left:0; border-left:none; }
  .org_page .mid_part > li .inbox:first-child > a { border-radius:0; }
  .org_page .mid_part > li .inbox:last-child > a { border-radius:0; }
  .org_page .mid_part > li .inbox > *:first-child { border-top-left-radius:10px !important; border-top-right-radius:10px !important; border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; }
  .org_page .mid_part > li .inbox > *:last-child { border-bottom-left-radius:10px !important; border-bottom-right-radius:10px !important; }
  .org_page .mid_part > li .inbox > .depth2 { border:1px solid #E0E0E0; width:100% !important; }
  .org_page .min_part > .list { flex:none; }
  .org_page .min_part > .list + .list { margin:14px 0 0 0; }
  .org_page .min_part > .list > .depth3 > li > .depth4 > li > .depth5 { padding:16px; }
  .org_page .relation_part { flex-direction:column; margin-top:24px; gap:8px; }
  .org_page .relation_part > li { flex:none; }
  .mi_intro { flex-direction:column; margin-top:20px; }
  .mi_intro .mi_imgs { flex:none; flex-direction:column; height:auto; padding:0 40px; margin-right:0; }
  .mi_intro .mi_imgs li { flex:none; padding:40px 0; }
  .mi_intro .mi_imgs li + li { border-top:1px dashed #D2D3D9; border-left:none; }
  .mi_intro .mi_txtbox { width:100%; }
  .mi_intro .mi_txtbox .txt br { display:block; }
  .mi_intro .mi_txtbox .btns {width: 100%;}
  .mi_logolist { flex-direction:column; margin-top:15px; padding:0 20px; }
  .mi_logolist + .mi_logolist { margin-top:10px; }
  .mi_logolist li { flex:none; padding:20px 0; }
  .mi_colorlist li { width:100%; padding:0; }
  .box_radius_grey { padding:24px 24px 185px 24px; }
  .box_radius_grey .bgimg { right:auto; bottom:24px; left:50%; transform:translateX(-50%); }
  .flex_icolist li { flex:0 0 100%; }
  .step_box ul { flex:0 0 100%; }
  .step_box ul li { flex:1; }
  .mini_intro .btn_intro_share { width:100%; }
  .mini_intro .name_card .txt1 { font-size:19px; line-height:28.5px; }

  /* xx일정 */
  .schedule_wrap.form-row .calendar .sel_box { flex:1; }
  .schedule_wrap.form-row .calendar .sel_box .sel_calendar { flex:1; }
  .schedule_wrap.form-row .calendar .today { flex:none; }
  .schedule_wrap { flex-direction:column; margin-top:20px; }
  .schedule_wrap.form-row .schedule ol { padding:24px; }
  .schedule_wrap.form-row .calendar table tr td { height:67px; padding:4px 8px; }
  .schedule { width:100%; }
  .schedule .tab_con > strong { font-size:20px; line-height:59px; letter-spacing:-1px; }
  .schedule .tab_con ol { padding:15px; }
  .tb_calendar table td a > span { width:24px; padding:0 5px; height:24px; border-radius:12px; }
  .tb_calendar table td.on a > span { background:none; color:#003A88; font-weight:700; }
  /* 지원센터 */
  .pop_step3 .pop-table-row { padding:24px; }
  .pop_step3 .pop-table-row #fileSpan { padding:40px 24px; }
  .pop_step3 .pop-table-row #emailAddrSpan { flex-wrap:wrap; }
  .pop_step3 .pop-table-row #emailAddrSpan .at { display:none; }
  .pop_step3 .pop-table-row #mailSubjectSpan { flex-wrap:wrap; }
  .pop_step3 .pop-table-row input[type=text], .pop_step3 .pop-table-row input[type=password] { flex:0 0 100%; }
  .pop_step3 .btn-center { padding:32px 24px; }
  .pop_step3 .btn-center a { flex:1; }
  /* 정책·통계 */
  .gray_box_flex { flex-direction:column; align-items:flex-start; padding:32px; }
  .gray_box_flex .txtbox { font-size:17px; }
  .gray_box_flex .txtbox .strong_txt { font-size:21px; }
  .gray_box_flex .btn_style { width: 100%; margin:20px 0 0 0; }
  .work_pb { margin-top:24px; }
  .work_pb .gra_box { gap:16px; padding:0 24px 32px; }
  .work_pb .gra_box .slogan img { max-height:40px; }
  .work_pb .gra_box .bg_triangle { height:50px; }
  .work_pb .gra_box .w_title { font-size:21px; }
  .flex_infolist > li { width:100%; }
  .work_pb .blu_box { gap:32px; padding:32px 24px; }
  .work_pb .blu_box .w_title { font-size:20px; line-height:30px; }
  .work_pb .blu_box .w_title::before { width:30px; height:30px; margin:0 8px 0 0; }
  .work_pb .blu_box .w_title::after { width:30px; height:30px; margin:0 0 0 08px; }
  .work_pb .blu_box .w_group .tit { padding:60px 22px 18px; border-radius:20px; }
  .work_pb .blu_box .w_group .tit .tag { justify-content:center; right:-2px; bottom:auto; padding:0; font-size:19px; line-height:42px; text-align:center; }
  .work_pb .blu_box .w_group .tit .txt { text-align:center; }
  .work_pb .blu_box .w_group .in_dl { align-items:flex-start; }
  .work_pb .blu_box .w_group .in_dl dt { margin-left:0; }
  /* handling_step */
  .handling_step { flex-direction:column; gap:56px; }
  .handling_step li + li::before { top:-38px; left:50%; transform:translateX(-50%) rotate(90deg); }
  /* 저작권정책 */
  .policy_type_flex { flex-direction:column; gap:16px; }

  .site_map {gap:24px;}
  .site_map > li {flex:0 0 100%;}

  .use_guide .img_group {flex-direction:column; width:100%;}

  .use_guide .img_group.style_v {width:100%;  }

  /* 모바일 수정요청 75번 */
  .subtit_l_con .btn_style {
    width: 100%;
  }

  /* 모바일 숨김 */
  .mobile_none {
    display: none !important;
  }
}
@media print {
  header, .btn_search_toggle, #lnb, .sub_location, .sub_con_head .right_btns, footer { display:none; }
  .sub_content { width:100%; }
  * { -webkit-print-color-adjust:exact; }
}
@media screen and (max-width:1000px) {
  /* table */
  .tb { min-width:936px; min-height:100px; }
  .table_data { min-width:936px; }
  .budget { min-width:840px; min-height:100px; }
  .mobile_scroll:not(.history) .txt_ex_scroll { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/user/sub/bg_ex_scroll.svg) no-repeat center 24px; background-size:70px; text-indent:-999px; overflow:hidden; z-index:5; }
}
@media screen and (max-width:767px) {
  .table-faq > table tbody tr td { padding-left:16px; }
  /* 연혁 */
  .mobile_scroll.history { margin:0 -16px; }
  .history_box { padding:0 16px; }
}
@media screen and (max-width:671px) {
  .mobile_scroll.history .txt_ex_scroll { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/user/sub/bg_ex_scroll.svg) no-repeat center 24px; background-size:70px; text-indent:-999px; overflow:hidden; z-index:5; }
}
@media screen and (max-width:640px) {
  .sub_tabbox .swiper-slide { min-width:calc(100% / 2); }
}
@media screen and (min-width: 476px) {
  .mini_intro .name_card.zg .txt2 {
    left: 270px;
  }
}
@media screen and (max-width: 475px) {
  .mini_intro .name_card.zg .txt2 {
    flex-direction: column;
    align-items: center;
  }
  .mini_intro .name_card.zg .txt2 .sign {
    margin-left: 0;
  }
}

/* 2025-08 품질개선 (start) */
#lnb .lnb_list > li > a.on::before {
  height: 2px;
  background-color: #002E6D;
}
#lnb .lnb_list > li:last-child > a {
  padding-bottom: 16px;
}
#lnb .lnb_list > li:last-child > a::before {
  display: block;
}

.btn_style .icon_link {
  display: inline-flex;
  width: 16px;
  height: 16px;
  background: url(/images/user/sub/dm_ico_blank_white.svg) no-repeat center center;
  background-size: contain;
  margin-left: 4px;
}

.pop_step3 .pop-table-row #emailAddrSpan {
  color: #555;
}

/* 2025-08 품질개선 (end) */


.nationalAgenda {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.nationalAgenda .gray_box_flex {
  padding: 40px;
}

.nationalAgenda .gray_box_flex .btn_style {
  margin-left: 0;
}

.nationalAgenda .gray_box_flex .btn_style .txt {
  font-weight: 400;
}

.nationalAgenda-box-1 {
  margin-top: 24px;
}

.na-div1 {
  border-radius: 20px;
  overflow: hidden;
}
.na-div1 .header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/images/user/sub/bg-nationalAgenda-01-m.png);
  background-size: cover;
  padding: 24px;
}
.na-div1 .header .titleBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.na-div1 .header .titleBox .line {
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.30);
}
.na-div1 .header .titleBox .title {
  color: #FFF;
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  line-height: 150%;
}
.na-div1 .header .contBox p {
  color: #FFF;
  text-align: center;
  font-size: 21px;
  font-weight: 500;
  align-self: stretch;
  line-height: 150%;
}
.na-div1 .header .contBox p span {
  font-size: 25px;
}
.na-div1 .header .contBox p br {
  display: block;
}

.na-div1 .cont {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url(/images/user/sub/bg-nationalAgenda-02-m.png);
  background-size: cover;
}
.na-div1 .cont .div1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}
.na-div1 .cont .div1 .titleBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 4px;
}
.na-div1 .cont .div1 .titleBox .title {
  color: #1D1D1D;
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  line-height: 150%; /* 28.5px */
}
.na-div1 .cont .div1 .titleBox .subtitle {
  color: #1D1D1D;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%; /* 22.5px */
  word-break: keep-all;
}

.na-div1 .cont .div1 .contBox .itemBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px 16px;
}

.na-div1 .cont .div2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}
.na-div1 .cont .div2 .titleBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 4px;
}
.na-div1 .cont .div2 .titleBox .title {
  color: #1D1D1D;
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  line-height: 150%
}
.na-div1 .cont .div2 .titleBox .subtitle {
  color: #1D1D1D;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
  word-break: keep-all;
}
.na-div1 .cont .div2 .contBox .itemBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px 10px;
}
.na-div1 .cont .div2 .contBox .itemBox .item {
  display: flex;
  gap: 16px;
  align-items: center;
  width: 100%;
  height: 92px;
  padding: 16px;
  overflow: hidden;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.90);
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.na-div1 .cont .div2 .contBox .itemBox .item.highlight {
  background-color: rgba(255, 255, 255, 0.90);
  box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12);
  background-image: url(/images/user/sub/border-na-div2-linear.png);
}
.na-div1 .cont .div2 .contBox .itemBox .item > p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #1D1D1D;
  text-overflow: ellipsis;
  font-size: 17px;
  font-weight: 700;
  line-height: 150%;
}
.na-div1 .cont .div2 .contBox .itemBox .item > p > br {
  display: none;
}

.na-next-div {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.na-next-div img {
  max-width: 100%;
  object-fit: cover;
}
.na-next-div2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.na-next-div2 .header {
  display: flex;
  gap: 8px;
  align-items: center;
  gap: 16px;
}
.na-next-div2 .header .title {
  color: #1D1D1D;
  text-align: center;
  font-family: "Gmarket Sans";
  font-size: 21px;
  font-weight: 500;
  line-height: 150%;
}
.na-next-div2 .header .title span {
  font-weight: 700;
}
.na-next-div2 .header .line {
  flex: 1;
  height: 1px;
  background:  #C6C6C6;
}
.na-next-div2 .cont {}
.na-next-div2 .cont .itemBox {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.na-next-div2 .cont .itemBox .item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.na-next-div2 .cont .itemBox .item .titlebox {
  display: flex;
  gap: 16px;
  align-items: center;
}
.na-next-div2 .cont .itemBox .item .titlebox p {
  color: #1D1D1D;
  font-family: Pretendard;
  font-size: 19px;
  font-weight: 700;
  line-height: 150%;
  word-break: keep-all;
}
.na-next-div2 .cont .itemBox .item .titlebox p > span {
  color: #EF386F;
  text-align: center;
  font-size: 21px;
  font-weight: 700;
  line-height: 150%; /* 31.5px */
}
.na-next-div2 .cont .itemBox .item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px;
  border-radius: 20px;
  border: 1px solid #C6C6C6;
  background: #FFF;
  overflow: hidden;
}
.na-next-div2 .cont .itemBox .item .contList {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.na-next-div2 .cont .itemBox .item .contList .contItem {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: #F0F0F0;
}
.na-next-div2 .cont .itemBox .item .contList .contItem .contItemTitle {
  display: flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 40px;
  background: #003A88;
  overflow: hidden;
  color: #FFF5F5;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  line-height: 26px;
}
.na-next-div2 .cont .itemBox .item .contList .contItem .contItemCont {
  padding: 16px 24px;
}
.na-next-div2 .cont .itemBox .item .contList .contItem .contItemCont p {
  color: #1D1D1D;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  line-height: 26px;
  word-break: keep-all;
}



/* 테블릿 */
@media screen and (min-width: 768px) {
  .nationalAgenda {
    gap: 32px;
  }
  .na-div1 .header {
    gap: 20px;
  }
  .na-div1 .header .titleBox .title {
    font-size: 21px;
  }
  .na-div1 .header .contBox p {
    font-size: 25px;
    line-height: 130%;
  }
  .na-div1 .header .contBox p span {
    font-size: 32px;
  }
  .na-div1 .header .contBox p br {
    display: none;
  }
  .na-div1 .cont .div1 .titleBox .title {
    font-size: 21px;
  }
  .na-div1 .cont .div1 .contBox .itemBox {
    flex-direction: row;
  }
  .na-div1 .cont .div2 .titleBox .title {
    font-size: 21px;
  }
  .na-div1 .cont .div2 .contBox .itemBox {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px;
  }
  .na-div1 .cont .div2 .contBox .itemBox .item {
    height: 168px;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-width: calc(33.33% - 20px);
    max-width: calc(33.33% - 20px);
  }
  .na-div1 .cont .div2 .contBox .itemBox .item.highlight {
    background-image: url(/images/user/sub/border-na-div2-linear-pc.png);
  }
  .na-div1 .cont .div2 .contBox .itemBox .item > p {
    text-align: center;
  }
  .na-div1 .cont .div2 .contBox .itemBox .item > p > br {
    display: block;
  }
  .na-next-div2 .header {
    gap: 24px;
  }
  .na-next-div2 .header .title {
    font-size: 32px;
  }
  .na-next-div2 .cont .itemBox .item .titlebox p {
    font-size: 21px;
  }
  .na-next-div2 .cont .itemBox .item .contList .contItem {
    flex-direction: row;
  }
  .na-next-div2 .cont .itemBox .item .contList .contItem .contItemTitle {
    width: 135px;
    padding: 8px;
  }
  .na-next-div2 .cont .itemBox .item .contList .contItem .contItemCont {
    padding: 8px 24px;
  }
}

/* pc */
@media screen and (min-width: 1279px) {
  .nationalAgenda {
    gap: 40px;
  }
  .na-div1 .header .titleBox {
    gap: 40px;
  }
  .na-div1 .cont .div2 .contBox .itemBox .item {
    min-width: calc(20% - 20px);
    max-width: calc(20% - 20px);
  }
  .na-next-div2 .header {
    gap: 40px;
  }

  .na-next-div2 .header .title {
    font-size: 32px;
  }
  .na-next-div2 .cont .itemBox .item .titlebox p {
    font-size: 25px;
  }
}

/* 국정과제 세부내용 */
.na-next-div2_v2 {
  gap: 16px;
}

@media screen and (max-width: 767px) {
  .na-next-div2_v2 .header {
    justify-content: space-between;
  }
  .na-next-div2_v2 .header .title {
    font-size: 17px;
    position: relative;
    top: 3px;
  }
  .na-next-div2_v2 .header .line {
    display: none;
  }
}

.national_task {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  word-break: keep-all;
}

.national_task_box {
  display: flex;
  flex-direction: column;
  padding: 8px 16px;
  border-radius: 8px;
  background: #E9EEF6;
  overflow: hidden;
}

.national_task_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.national_task_title > p {
  position: relative;
  padding-left: 8px;
  top: 4px;
  font-size: 25px;
  font-weight: 700;
  line-height: 150%;
  font-family: "Gmarket Sans";
}

.national_task_list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px 0;
  margin-top: 16px;
}

.national_task_item {
  position: relative;
  width: calc(50% - 8px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.national_task_item_number {
  height: 42px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-family: Pretendard;
  font-size: 21px;
  font-weight: 700;
  line-height: 26px;
  border-radius: 100px;
  background: #4B6FBA;
  padding: 8px 24px;
  white-space: nowrap;
}

.national_task_item_content_box {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 22px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
}

.national_task_item_content {
  position: relative;
  min-height: 124px;
  height: auto;
  display: flex;
  padding: 16px 16px 8px 32px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid #C6C6C6;
}

.national_task_item_sub_title {
  color: #002352;
  font-size: 19px;
  font-weight: 700;
  line-height: 26px;
}

.national_task_item_img {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.national_task_item_text_box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 24px 24px;
}

.national_task_item_text_paragraph {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.national_task_item_text_item_number {
  border-radius: 4px;
  background: #F0F0F0;
  color: #1D1D1D;
  font-size: 17px;
  font-weight: 700;
  line-height: 26px;
  padding: 2px 8px;
}

.national_task_item_text_item {
  color: #1D1D1D;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
}

@media screen and (max-width: 1280px) {
  .national_task_item_sub_title {
    max-width: 175px;
  }
  .national_task_item_sub_title.t-mx-170 {
    max-width: 170px;
  }
}

@media screen and (max-width: 767px) {
  .national_task {
    gap: 8px;
  }
  .national_task_box {
    padding: 8px;
  }

  .national_task_title > p {
    font-size: 17px;
  }

  .national_task_list {
    gap: 16px 0;
  }

  .national_task_item {
    width: 100%;
  }
}

.national_task_box_v2 {
  background: #E4DFF3;
}
.national_task_box_v2 .national_task_item {
  width: calc(33.33% - 8px);
}
.national_task_box_v2 .national_task_item_number {
  background: #5F49A6;
}
.national_task_box_v2 .national_task_item_sub_title {
  color: #4E33A3;
}

@media screen and (max-width: 1280px) {
  .national_task_box_v2 .national_task_item {
    width: calc(50% - 8px);
  }
}

@media screen and (max-width: 767px) {
  .national_task_box_v2 .national_task_item {
    width: 100%;
  }
}

.national_task_subtit_box {
  margin-top: 24px;
  margin-bottom: 8px;
  display: flex;
  padding: 8px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 8px;
  background: linear-gradient(0deg, #FFF 0%, #E5ECFE 100%);
}
.national_task_subtit_l {
  position: relative;
  color: #1D1D1D;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Gmarket Sans";
  font-size: 32px;
  font-weight: 500;
  line-height: 150%;
  position: relative;
  top: 3px;
}
.national_task_subtit_l::before {
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background-image: url('/images/user/contents/img_national_task_subtit.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media screen and (max-width: 767px) {
  .national_task_subtit_box {
    margin-top: 16px;
    margin-bottom: 8px;
  }
  .national_task_subtit_l {
    font-size: 25px;
  }
}

.allPerformanceTitleBox {
  display: flex;
  padding: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background-image: url(../../images/user/sub/allPerformanceTitle_bg_PC.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 60px;
}
.allPerformanceTitleBoxContent {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.allPerformanceTitleBoxContentText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.allPerformanceTitleBoxContentText .tit {
  position: relative;
  color: #002E6D;
  text-align: center;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Gmarket Sans";
  font-size: 50px;
  font-weight: 500;
  line-height: 150%;
  word-break: keep-all;
}
.allPerformanceTitleBoxContentText .tit span.dot {
  position: relative;
  font-weight: 700;
}
.allPerformanceTitleBoxContentText .tit span.dot:before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #002E6D;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 4px);
}
.allPerformanceTitleBoxContentText .tit span.linear {
  background: linear-gradient(90deg, #B000DB 38.46%, #0700D5 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Gmarket Sans";
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.allPerformanceTitleBoxContentText .subTit {
  color: #FFF;
  text-align: center;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-family: Pretendard;
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
  word-break: keep-all;
}
.allPerformanceTitleBoxContentText .pc_br {
  display: block;
}
.allPerformanceTitleBoxContentText .m_br {
  display: none;
}
.allPerformanceTitleBoxContentSubText {
  position: relative;
  display: inline-flex;
  padding: 12px 40px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 200px;
  background: #002E6D;
}
.allPerformanceTitleBoxContentSubText::before,
.allPerformanceTitleBoxContentSubText::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.50);
}
.allPerformanceTitleBoxContentSubText p {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #FFF;
  font-size: 40px;
  font-weight: 700;
  line-height: 150%;
  word-break: keep-all;
  white-space: nowrap;
}
.allPerformanceTitleBoxContentSubText p::after {
  content: '';
  display: block;
  width: 34px;
  height: 40px;
  background-image: url('../../images/user/sub/allPerformanceTitle_click.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;

}
.all_Performance_TitleBox {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.allPerformanceServiceBox {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.allPerformanceButton {
  display: flex;
  width: 200px;
  height: 40px;
  padding: 0 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 10px;
  border: 1px solid #C6C6C6;
  background: #FFF;
  transition: all 0.3s ease;
}
.allPerformanceButton p {
  color: #1D1D1D;
  font-family: Pretendard;
  font-size: 17px;
  font-weight: 400;
  line-height: 150%;
  white-space: nowrap;
}
.allPerformanceButton:hover {
  background: #003A88;
}
.allPerformanceButton:hover p {
  color: #FFF;
}


@media screen and (max-width: 767px) {
  .allPerformanceTitleBox {
    background-image: url(../../images/user/sub/allPerformanceTitle_bg_M.png);
    margin-bottom: 24px;
  }
  .allPerformanceTitleBoxContentText .tit {
    font-size: 32px;
    line-height: 100%;
  }
  .allPerformanceTitleBoxContentText .pc_br {
    display: none;
  }
  .allPerformanceTitleBoxContentText .m_br {
    display: block;
  }
  .allPerformanceTitleBoxContentSubText {
    padding: 8px 16px;
    gap: 8px;
  }
  .allPerformanceTitleBoxContentSubText::before,
  .allPerformanceTitleBoxContentSubText::after {
    width: 6px;
    height: 6px;
  }
  .allPerformanceTitleBoxContentSubText p {
    font-size: 19px;
  }
  .allPerformanceTitleBoxContentSubText p::after {
    width: 20px;
    height: 24px;
  }

}

@media screen and (max-width: 475px) {
  .all_Performance_TitleBox {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .all_Performance_TitleBox .subtit_l {
    order: 2;
  }
  .all_Performance_TitleBox .allPerformanceServiceBox {
    order: 1;
    width: 100%;
  }
}

.all_Performance_MainTitleBox {
  display: flex;
  align-items: center;
  gap: 40px;
}
.all_Performance_MainTitleBox .mainTitleBox_lr {
  display: flex;
  flex: 1;
  gap: 16px;
  align-items: center;
}
.all_Performance_MainTitleBox .mainTitleBox_lr .dot {
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.all_Performance_MainTitleBox .mainTitleBox_lr .dot svg {
  max-width: 100%;
}
.all_Performance_MainTitleBox .mainTitleBox_lr .line {
  width: 100%;
  height: 1px;
  background: #C6C6C6;
}
.all_Performance_MainTitleBox .mainTit {
  color: #1D1D1D;
  text-align: center;
  font-size: 32px;
  font-weight: 400;
  line-height: 150%;
  flex-shrink: 0;
}
.all_Performance_MainTitleBox .mainTit span {
  color: #1D1D1D;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .all_Performance_MainTitleBox {
      gap: 8px;
      margin-bottom: 16px;
  }
  .all_Performance_MainTitleBox .mainTitleBox_lr.mainTitleBox_left {
     justify-content: flex-end;
  }
  .all_Performance_MainTitleBox .mainTitleBox_lr .line {
      display: none;
  }
  .all_Performance_MainTitleBox .mainTit {
      font-size: 25px;
  }
}

#allPerformance {
  display: none;
}
#allPerformance.active {
  display: block;
}
#ai3GreatCountries {
  display: none;
}
#ai3GreatCountries.active {
  display: block;
}
#basicScience {
  display: none;
}
#basicScience.active {
  display: block;
}

.all_performance_toggle_btn {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: #002E6D;
  color: #FFF;
  font-size: 17px;
  font-weight: 700;
  line-height: 150%;
}
.all_performance_toggle_btn_text {
  display: flex;
  align-items: center;
  gap: 4px;
}
.all_performance_toggle_btn_icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  background-image: url('/images/user/contents/ico_arrow_up_24dp_white.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.ai3GreatCountries_toggle_btn,
.basicScience_toggle_btn {
  display: flex;
  height: 34px;
  padding: 4px 8px 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: #FFF;
  color: #1D1D1D;
  font-size: 17px;
  font-weight: 700;
  line-height: 150%;
}

.ai3GreatCountries_toggle_btn_text,
.basicScience_toggle_btn_text {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ai3GreatCountries_toggle_btn_icon,
.basicScience_toggle_btn_icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  background-image: url('/images/user/contents/ico_arrow_up_24dp_black.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

#allPerformance .tb {
  margin-top: 30px;
}

#allPerformance table tbody tr td {
  font-size: 17px;
}
#allPerformance table thead tr th {
  border-bottom: none;
}
#allPerformance table thead tr th,
#allPerformance table tbody tr td {
  border-left: none;
}
#allPerformance table tbody tr td .performance_on {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
#allPerformance table tbody tr td .performance_on::after {
  content: '';
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-image: url('/images/user/contents/ico_check_24dp_3361a0.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#allPerformance table tbody tr td.performance_number,
#allPerformance table tbody tr td.performance_name p {
  word-break: keep-all;
}
#allPerformance table tbody tr.performance_view {
  cursor: pointer;
}
#allPerformance table tbody tr.performance_view td.performance_number {
  color: #002E6D;
  font-weight: 700;
}
#allPerformance table tbody tr.performance_view td.performance_name p {
  position: relative;
  color: #002E6D;
  font-weight: 700;
  gap: 8px;
}
#allPerformance table tbody tr.performance_view td.performance_name p span {
  padding-right: 8px;
}
#allPerformance table tbody tr.performance_view td.performance_name p::after {
  content: '대표성과';
  display: inline-flex;
  padding: 2px 10px;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #FFF;
  background: linear-gradient(278deg, #B001DC 0%, #0900D6 100%);
  color: #FFF;
  font-size: 15px;
  font-weight: 700;
  line-height: 150%;
}
#allPerformance table tbody tr.performance_view:hover {
  background: #E6EBF3;
}
#allPerformance table tbody tr.performance_view td.performance_name a:hover {
  text-decoration: none;
}

@media screen and (max-width: 1000px) {
  #allPerformance .tb {
    min-width: auto;
  }
}

@media screen and (max-width: 767px) {
  .na-next-div2_v2 {
    gap: 16px;
  }
  .na-next-div2_v2 .all_performance_box .header {
    display: flex;
  }
  .national_task_title {
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .all_performance_toggle_btn {
    font-size: 15px;
    padding: 4px 8px;
  }

  #allPerformance .tb {
    margin-top: 19px;
  }
  #allPerformance table thead {
    display: none;
  }
  #allPerformance table {
    display: flex;
    flex-direction: column;
  }
  #allPerformance table tbody {
    display: flex;
    flex-direction: column;
  }
  #allPerformance table tbody tr {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #C6C6C6;
    padding: 16px 0;
    gap: 4px;
  }
  #allPerformance table tbody tr td {
    position: relative;
    padding: 0;
    border: none;
    text-align: left;
    display: flex;
    gap: 17px;
    font-size: 15px;
    letter-spacing: -0.75px;
  }
  #allPerformance table tbody tr td.performance_number:before {
    content: '관리번호';
    width: 50px;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.75px;
    flex-shrink: 0;
  }
  #allPerformance table tbody tr td.performance_number:after {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    background: #c6c6c6;
    position: absolute;
    top: 6px;
    left: 58px;
  }
  #allPerformance table tbody tr td.performance_name:before {
    content: '성과명';
    width: 50px;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.75px;
    flex-shrink: 0;
  }
  #allPerformance table tbody tr.performance_view td.performance_name:before {
    color: #002E6D;
  }
  #allPerformance table tbody tr td.performance_name:after {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    background: #c6c6c6;
    position: absolute;
    top: 6px;
    left: 58px;
  }
  #allPerformance table tbody tr td.performance_result.off {
    display: none;
  }
  #allPerformance table tbody tr td.performance_result:before {
    content: '대표성과';
    width: 50px;
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.75px;
  }
  #allPerformance table tbody tr td.performance_result:after {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    background: #c6c6c6;
    position: absolute;
    top: 6px;
    left: 58px;
  }
}

.contents_card_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 0;
  justify-content: space-between;
}
.contents_card_item {
  width: calc(100% / 2 - 20px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contents_card_item_title {
  height: 52px;
  align-self: stretch;
  color: #1D1D1D;
  font-size: 19px;
  font-weight: 700;
  line-height: 26px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.contents_card_item_content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contents_card_item_content_imgbox {
  width: 100%;
  height: 0;
  padding-bottom: 64.773%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.contents_card_item_content_imgbox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contents_card_item_content_linkbox {
  display: flex;
  gap: 8px;
}
.contents_card_item_content_link {
  height: 42px;
  position: relative;
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: #1D1D1D;
  font-size: 17px;
  font-weight: 400;
  line-height: 150%;
  border-radius: 8px;
  border: 1px solid #8E8E8E;
  background: #FFF;
  transition: all 0.3s ease;
}
.contents_card_item_content_link::after {
  content: '';
  width: 16px;
  height: 16px;
  background: url('/images/user/common/ico_16_link_black.svg') no-repeat center center / contain;
}
.contents_card_item_content_link:hover,
.contents_card_item_content_link:focus {
  background: #E6EBF3;
}
.contents_card_item_content_link.disabled {
  background: #c9c9c9;
}

@media screen and (max-width: 767px) {
  .contents_card_list {
    flex-direction: column;
  }
  .contents_card_item {
    width: 100%;
  }
}

.dropDown {
  display: flex;
  flex-direction: column;
  position: relative;
}
.dropDown .dropDownButton {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-radius: 10px;
  border: 1px solid #C6C6C6;
  background: #FFF;
  padding: 10px 12px;
  position: relative;
}
.dropDown .dropDownButton p {
  color: #1D1D1D;
  font-size: 15px;
  font-weight: 400;
  line-height: 150%;
}
.dropDown .dropDownButtonIcon {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dropDown .dropDownButtonIcon svg {
  max-width: 100%;
}
.dropDown.active .dropDownButtonIcon svg {
  transform: rotate(180deg);
}
.dropDown .dropDown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  overflow: hidden;
  background: #FFF;
  border-radius: 10px;
  border: 1px solid #C6C6C6;
  padding: 12px;
  z-index: 10;
}
.dropDown .dropDown-menu li a {
  display: block;
  text-decoration: none;
  font-size: 14px;
}
.dropDown .dropDown-menu li a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.dropDown.active .dropDown-menu {
  display: block;
}