@charset "utf-8"; .charge_info { padding:13px 26px; background:#f5f5f5; box-sizing:border-box; font-weight:500; margin-bottom:20px } 
.charge_info .charge_date { float:right } 
.charge_info i { font-size:18px; color:#777; margin-right:14px } 
.rating { padding:25px 45px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; margin:0 } 
.rating>div,.rating>form { float:left; display:inline-block } 
.rating .bg { width:72px; height:69px; background:url(../images/sub/bg_rate.png) no-repeat 8px 3px } 
.rating>form { width:698px; padding:5px 0 0 37px; box-sizing:border-box } 
.box_rating { position:relative } 
.box_rating>p { font-size:18px; margin-bottom:12px; font-weight:500 } 
.box_rating>p>span { font-size:15px; color:#777; margin-left:12px } 
.rate { overflow:hidden; display:inline-block } 
.rate li { float:left; margin-right:40px } 
.rate li:last-child { margin-right:0 } 
.rate li input[type=radio] { margin:0 7px 0 0 } 
.rate li label { font-size:15px; font-weight:500 } 
.btn_rating { float:right; font-size:15px; color:#fff; background:#555; height:35px; line-height:35px; padding:0 27px; margin-top:-20px } 
body #content .btn_rating { outline-color:red!important } 
.btn_rating:hover { text-decoration:none } 
.orga_sub { position:relative } 
.orga_01 { display:inline-block; width:160px; height:50px; line-height:50px; font-size:20px; position:relative } 
.orga_01.a01 { margin-bottom:9px; position:relative } 
.orga_01.a02 { margin-bottom:23px } 
.orga_01.a01:before { content:""; display:block; width:1px; height:280px; background:#ddd; position:absolute; top:50px; left:50% } 
.orga_mb23 { margin-bottom:23px; position:relative } 
.orga_01 a { display:block; width:100%; height:100%; text-align:center; position:relative } 
.orga_01.a01 a { background:#0f4d9f; color:#fff } 
.orga_01.a02 a { background:#dae1e9; color:#333 } 
.orga_03 { display:inline-block; width:153px; height:40px; line-height:40px; background:#f0f0d8; text-align:center; font-size:16px; color:#555; position:relative } 
.orga_03.left { margin-right:107px } 
.orga_03.right { margin-left:107px } 
.orga_03.left:before { content:""; display:block; width:107px; height:1px; background:#ddd; position:absolute; right:-107px; top:50% } 
.orga_03.right:before { content:""; display:block; width:107px; height:1px; background:#ddd; position:absolute; left:-107px; top:50% } 
.orga_03.right.top { margin-left:366px } 
.orga_03_box { margin-bottom:23px } 
.orga_03_box a:nth-of-type(2) { z-index:3 } 
.orga_box_wrap { padding:37px 0 27px; position:relative } 
.orga_box_wrap:before { content:""; display:block; width:calc(100% - 17.4%); height:1px; background:#ddd; position:absolute; left:50%; top:0; margin-left:-41.4% } 
.orga_box { float:left; width:17.3%; margin:0 0 30px 3.3%; position:relative } 
.orga_box:before { content:""; display:block; width:1px; height:37px; background:#ddd; position:absolute; left:50%; top:-37px } 
.orga_box.row02:before { display:none } 
.orga_box:nth-of-type(1),.orga_box:nth-of-type(5n+1) { margin-left:0 } 
.orga_box_tit { text-align:center; position:relative; background:#777 } 
.orga_box_tit a { display:block; padding:10px 5px; width:100%; line-height:1.3em; color:#fff; font-size:16px; box-sizing:border-box } 
.orga_tit_pop.active { display:block } 
.orga_tit_pop { display:none; position:absolute; top:0; left:calc(100% + 17px); min-width:156px; padding:10px 16px; box-sizing:border-box; text-align:left; background:#fff; border:1px solid #ddd; z-index:3 } 
.orga_tit_pop p { font-size:14px; line-height:20px } 
.orga_tit_pop p:nth-of-type(1) { font-weight:700 } 
.orga_tit_pop p:nth-of-type(2) { color:#555 } 
.orga_tit_pop:before { content:""; display:block; width:10px; height:14px; background:url(../images/sub/orga_bg.png) no-repeat center; position:absolute; top:50%; left:-10px; margin-top:-7px } 
.orga_box_bottom { background:#f5f5f5; min-height:204px } 
.orga_box_bottom ul { padding:10px 16px } 
.orga_box_bottom ul li { padding:6px 0 5px 11px; line-height:1.3em; font-size:15px; position:relative } 
.orga_box_bottom ul li:before { content:""; display:block; width:5px; height:5px; border-radius:50%; background:#ccc; position:absolute; top:13px; left:0 } 
.orga_box_bottom ul li a { color:#555 } 
.center_list_tit { border-top:2px solid #ddd; padding-top:30px; margin-bottom:30px; text-align:center } 
.center_list_tit a { display:inline-block; height:45px; line-height:45px; width:198px; color:#fff; background:#4890a8; font-size:18px } 
.center_list { padding:0 } 
.center_list li { display:inline-block; width:17.3%; margin:0 0 30px 3.3%; text-align:center; float:left; line-height:1.3em; border:1px solid #4890a8; box-sizing:border-box; padding:9px 0 } 
.center_list li:nth-of-type(1),.center_list li:nth-of-type(5n+1) { margin-left:0 } 
.center_list li a { display:block; width:100%; height:100%; text-align:center; color:#4890a8; font-size:16px } 
@media screen and (max-width:800px){
 .orga_03 { width:125px } 
.orga_03.left { margin-right:11%; z-index:4 } 
.orga_03.right { margin-left:11% } 
.orga_03.right.top { margin-left:51% } 
.orga_03.right.top:before { width:100%; left:unset; right:100% } 
.orga_mb23 { position:relative } 
.orga_mb23:before { content:""; display:block; width:50%; height:30px; position:absolute; top:0; left:0; background:#fff; z-index:1 } 
.orga_box_bottom ul { padding:10px 8% } 
 }
@media screen and (max-width:560px){
 .orga_03.left:before { display:none } 
.orga_03 { width:105px } 
.orga_box { width:48%; margin:0 0 30px 4% } 
.orga_box:nth-of-type(5n+1) { margin-left:4% } 
.orga_box:nth-of-type(2n+1) { margin-left:0 } 
.orga_box:nth-of-type(1) { margin-left:0 } 
.center_list li { width:22%; margin:0 0 30px 4% } 
.center_list li:nth-of-type(5n+1) { margin-left:4% } 
.center_list li:nth-of-type(4n+1) { margin-left:0 } 
.orga_01.a01:before { height:210px } 
.orga_box_wrap:before { width:calc(100% - 47.5%); margin-left:-26.2% } 
.orga_box:nth-of-type(4):before,.orga_box:nth-of-type(5):before { display:none } 
 }
.jg_organization_chart .mt-10 { margin-top:10px } 
.jg_organization_chart .mt-20 { margin-top:20px } 
.jg_organization_chart .flex { display:flex } 
.jg_organization_chart .flex-center { justify-content:center } 
.jg_organization_chart br.mob { display:none } 
.jg_organization_chart .organization * { display:block; box-sizing:border-box; position:relative; outline-color:#000!important } 
.jg_organization_chart .organization .citizen { background-color:#d2284c; width:160px; height:50px; display:flex; justify-content:center; align-items:center; font-weight:700; margin:0 auto; color:#fff; margin-bottom:10px } 
.jg_organization_chart .organization .higher { width:160px; height:50px; display:flex; justify-content:center; align-items:center; font-weight:700; margin:0 auto } 
.jg_organization_chart .organization .organiz_box { width:160px; height:40px; display:flex; justify-content:center; align-items:center } 
.jg_organization_chart .organization .alderman { background:#0f4d9f; color:#fff } 
.jg_organization_chart .organization .alderman:before { content:""; display:block; width:1px; height:280px; background:#ddd; position:absolute; top:50px; left:50%; z-index:-1 } 
.jg_organization_chart .organization .deputy_mayor { position:relative; background:#dae1e9 } 
.jg_organization_chart .organization .deputy_mayor::before { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:300px; height:1px; background:#ddd; margin-top:-66px } 
.jg_organization_chart .organization .deputy_mayor::after { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:300px; height:1px; background:#ddd; margin-top:65px } 
.jg_organization_chart .organization .side_organiz { width:190px; background:#f0f0d8 } 
.jg_organization_chart .organization .side_wrap { display:flex; justify-content:center; align-items:center } 
.jg_organization_chart .organization .right_organiz { margin-left:107px; z-index:11 } 
.jg_organization_chart .organization .left_organiz { margin-right:107px; z-index:11 } 
.jg_organization_chart .organization .org_gray_box { background:#777; color:#fff; font-weight:700 } 
.jg_organization_chart .organization .lightgray_box { background:#f5f5f5 } 
.jg_organization_chart .organization .depth_4 { display:flex; flex-wrap:wrap; padding-top:38px; margin-top:22px } 
.jg_organization_chart .organization .depth_4:before { content:""; display:block; width:calc(100% - 17.5%); height:1px; background:#ddd; position:absolute; left:50%; top:0; margin-left:-41.4% } 
.jg_organization_chart .organization .depth_4>li { width:17.3%; margin:0 0 30px 3.3% } 
.jg_organization_chart .organization .depth_4>li:before { content:""; display:block; width:1px; height:37px; background:#ddd; position:absolute; left:50%; top:-37px } 
.jg_organization_chart .organization .depth_4>li.before_none:before { display:none } 
.jg_organization_chart .organization .depth_4>li:first-child { margin-left:0 } 
.jg_organization_chart .organization .depth_4>li:nth-child(6) { margin-left:0 } 
.jg_organization_chart .organization .depth_4>li .organiz_box { width:auto } 
.jg_organization_chart .organization .depth_5 { min-height:204px; padding:10px 16px } 
.jg_organization_chart .organization .depth_5>li { line-height:1.3em; font-size:15px; padding:6px 0 5px 11px } 
.jg_organization_chart .organization .depth_5>li:before { content:""; display:block; width:5px; height:5px; border-radius:50%; background:#ccc; position:absolute; top:13px; left:0 } 
.jg_organization_chart .organization .organiz_box_popup { display:none; position:static; top:0; left:calc(100% + 17px); min-width:156px; padding:10px 16px; box-sizing:border-box; text-align:left; background:#fff; border:1px solid #ddd; z-index:3 } 
@media (max-width:800px){
 .jg_organization_chart .organization .alderman:before { height:213px } 
.jg_organization_chart .organization .right_organiz { margin-left:11% } 
.jg_organization_chart .organization .right_organiz.more_right { margin-left:70px } 
.jg_organization_chart .organization .left_organiz { margin-right:11% } 
 }
@media (max-width:640px){
 .jg_organization_chart .organization .organiz_box_popup { position:static; top:50px; left:50%; transform:translateX(-50%); min-width:156px; padding:10px 16px; box-sizing:border-box; text-align:left; background:#fff; border:1px solid #ddd; z-index:3 } 
 }
@media (max-width:560px){
 .jg_organization_chart .organization .right_organiz.more_right:before { width:10.7vw } 
.jg_organization_chart .organization .depth_4:before { width:calc(100% - 47.5%); margin-left:-26.2% } 
.jg_organization_chart .organization .depth_4>li { width:48%; margin:0 0 30px 4% } 
.jg_organization_chart .organization .depth_4>li:nth-child(4):before,.jg_organization_chart .organization .depth_4>li:nth-child(5):before { display:none } 
.jg_organization_chart .organization .depth_4>li:nth-of-type(5n+1) { margin-left:4% } 
.jg_organization_chart .organization .depth_4>li:nth-of-type(2n+1) { margin-left:0 } 
.jg_organization_chart .organization .depth_4>li:nth-of-type(1) { margin-left:0 } 
.jg_organization_chart br.mob { display:block } 
 }
.stats_box ul li { width:275px; float:left; margin:0 30px 30px 0; box-sizing:border-box; padding:40px 0; text-align:center; background:#f5f5f5 } 
.stats_box ul li:nth-of-type(3n) { margin-right:0 } 
.stats_box ul li p { font-size:18px; line-height:1.3em; color:#000; margin:24px 0 22px } 
.btn_link { display:inline-block; padding:0 30px; color:#0f4d9f; height:37px; line-height:36px; border:1px solid #0f4d9f; box-sizing:border-box; transition:all .2s ease-out; margin-left:7px; vertical-align:baseline } 
.btn_link:hover { color:#fff; background:#0f4d9f; text-decoration:none } 
h3+.history_box { padding-top:7px } 
.history_box>div { float:left; box-sizing:border-box } 
.history_date { width:126px; padding-left:22px; overflow:hidden } 
.history_date span { display:inline-block; font-size:18px; color:#fff; height:37px; line-height:37px; padding:0 21px; background:#91a89e; border-radius:18px; position:relative } 
.history_date span:after { content:""; display:block; position:absolute; width:30px; height:1px; background:#ddd; top:18px; right:-30px } 
.history_txt { width:758px; border-left:1px solid #ddd; padding:0 20px 40px } 
.guide_box01 { height:248px; width:100%; background:url(../images/sub/guide_img01.jpg) no-repeat center/cover; padding:33px 50px; box-sizing:border-box } 
.guide_box01 p { font-size:26px; color:#414753; font-weight:600; line-height:30px } 
.guide_box01 p span { display:block; color:#365567; font-weight:500 } 
.guide_box02 ul li { overflow:hidden; border-bottom:1px solid #ddd; padding:30px 0; position:relative; display:table; width:100% } 
.guide_box02 ul li>div { box-sizing:border-box; display:table-cell; vertical-align:middle } 
.guide_box02 .guide_obj01 { width:98px; height:98px } 
.guide_box02 ul li.list01 .guide_obj01 { background:url(../images/sub/guide_bg01.png) no-repeat center/100% auto } 
.guide_box02 ul li.list02 .guide_obj01 { background:url(../images/sub/guide_bg02.png) no-repeat center/100% auto } 
.guide_box02 ul li.list03 .guide_obj01 { background:url(../images/sub/guide_bg03.png) no-repeat center/100% auto } 
.guide_box02 ul li.list04 .guide_obj01 { background:url(../images/sub/guide_bg09.png) no-repeat center/100% auto } 
.guide_box02 ul li.list05 .guide_obj01 { background:url(../images/sub/guide_bg08.png) no-repeat center/100% auto } 
.guide_box02 ul li.list06 .guide_obj01 { background:url(../images/sub/guide_bg04.png) no-repeat center/100% auto } 
.guide_box02 ul li.list07 .guide_obj01 { background:url(../images/sub/guide_bg05.png) no-repeat center/100% auto } 
.guide_box02 ul li.list08 .guide_obj01 { background:url(../images/sub/guide_bg06.png) no-repeat center/100% auto } 
.guide_box02 ul li.list09 .guide_obj01 { background:url(../images/sub/guide_bg07.png) no-repeat center/100% auto } 
.guide_box02 ul li.list10 .guide_obj01 { background:url(../content/14043_body_1_1.png) no-repeat center/100% auto } 
.guide_box02 .guide_obj02 { width:650px; padding:20px 0 20px 46px } 
.guide_box02 .guide_tit { font-size:20px; font-weight:600; margin-bottom:5px } 
.guide_box02 .guide_obj03 { width:136px; text-align:right } 
.guide_box02 .btn_guidelink { display:inline-block; color:#0f4d9f; border:1px solid #0f4d9f; background:#fff; height:45px; line-height:44px; padding:0 32px; box-sizing:border-box; transition:all .2s ease-out } 
.guide_box02 .btn_guidelink:hover { color:#fff; background:#0f4d9f; text-decoration:none } 
.welfare_tab { margin-bottom:30px } 
.welfare_tab ul { overflow:hidden; margin-right:-5px; margin-left:-5px } 
.welfare_tab ul li { width:12.5%; float:left; padding-left:5px; padding-right:5px; box-sizing:border-box; text-align:center; } 
.welfare_tab ul li a.a { background:url(../images/sub/welfare_icon_a.png) no-repeat center bottom } 
.welfare_tab ul li a.b { background:url(../images/sub/welfare_icon_b.png) no-repeat center bottom } 
.welfare_tab ul li a.c { background:url(../images/sub/welfare_icon_c.png) no-repeat center bottom } 
.welfare_tab ul li a.d { background:url(../images/sub/welfare_icon_d.png) no-repeat center bottom } 
.welfare_tab ul li a.e { background:url(../images/sub/welfare_icon_e.png) no-repeat center bottom } 
.welfare_tab ul li a.f { background:url(../images/sub/welfare_icon_f.png) no-repeat center bottom } 
.welfare_tab ul li a.g { background:url(../images/sub/welfare_icon_g.png) no-repeat center bottom } 
.welfare_tab ul li a.h { background:url(../images/sub/welfare_icon_h.png) no-repeat center bottom } 
.welfare_tab ul li a.i { background:url(../images/sub/welfare_icon_i.png) no-repeat center bottom } 
.welfare_tab ul li a { display:block; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; color:#555; padding:10px 0 } 
.welfare_tab ul li a:hover,.welfare_tab ul li.active a { border:1px solid #f7e7d5; text-decoration:none; color:#59473a; background-color:#f7e7d5 } 
.welfare_tab ul li a p { line-height:1.2; word-break:keep-all; margin-bottom:60px } 
.s652c1 { width:100%; background:#fffef0 url(/img/sub/s52bgbt1.png) no-repeat left bottom; box-shadow:2px 2px 20px #dcdcdc; padding-bottom:75px } 
.s652c1 .left { float:left; padding:0 52px 0 20px; text-align:center; height:100%; background:url(/img/sub/s52bglf1.png) no-repeat right top } 
.s652c1 .right { float:right; padding:29px 54px 0 0; background:url(/img/sub/s52bgrt1.png) no-repeat right top } 
.s652c1 .right .right_ct { width:467px; font-size:14px; color:#444; line-height:29px; background:url(/img/sub/s651line.png) repeat 0 0 } 
.s652c1 .right strong { font-weight:700 } 
.s652c1 .left .title { font-size:18px; color:#222; font-weight:700; margin-top:20px } 
.s652c1 .left .imgara { margin:15px 0 12px 0 } 
.s652c1 .left .dowara { background:url(/img/sub/docbg1.gif) no-repeat 0 7px; padding-left:10px; color:#127b22; font-size:13px; text-align:left } 
.s652c2 { position:relative; background:#f8f8f8; border:1px solid #dedede; padding:20px 36px } 
.s652c2 .title { font-size:17px; color:#333; font-weight:700; height:50px; line-height:50px } 
.s652c2 p { font-size:14px; color:#666; line-height:23px } 
.s652c2 .dr_title { font-size:17px; color:#fff; text-align:center; width:222px; height:34px; line-height:34px; background:#eaa12e; position:absolute; top:-1px; right:19px } 
.s652c2 .left { float:left; width:460px } 
.s652c2 .right { float:right } 
.s652c3 { width:840px; padding-bottom:20px; box-shadow:2px 2px 20px #dcdcdc; background:#fffdf0 url(/img/sub/s652bg2.jpg) no-repeat left bottom } 
.s652c3 .c3ctc { padding:0 42px } 
.s652c3 .c3ctc .title { font-size:18px; color:#222; font-weight:700; text-align:center; padding-top:14px } 
.s652c3 .c3ctc .c3ctcct { font-size:14px; color:#444; line-height:29px; background:url(/img/sub/s651line.png) repeat 0 0 } 
.s652c3 .c3ctc .c3ctcct strong { font-weight:700 } 
.s652c33 { height:250px; background:url(/img/sub/s652bg2.jpg) no-repeat left bottom } 
.s652c11 .right .right_ct { width:437px } 
.s652c22 .right .right_ct { width:292px } 
.s652c1 .left .lflf,.s652c1 .left .rtrt { display:inline-block } 
.s652c1 .left .dowara1 { width:auto } 
.s652c133 .right .right_ct { width:500px } 
.s652c133 .left .imgara .p1 { margin-bottom:4px } 
.s652c220 .right .right_ct { width:393px } 
.s652c1111 .right .right_ct { width:517px } 
.s652c120 .right .right_ct { width:480px } 
.s652c121 .right .right_ct { width:495px } 
.s652c135 .right .right_ct { width:455px } 
.box1018up1020 { background-image:url(/img/sub/box10201.gif) } 
.manage_slog { margin-top:36px; overflow:hidden } 
.manage_slog li { float:left; width:31%; margin-left:3.5% } 
.manage_slog li:nth-of-type(1) { margin-left:0 } 
.manage_slog li p { font-size:18px; color:#fff; height:50px; line-height:50px; text-align:center } 
.manage_slog li:nth-of-type(1) p { background:#a1b5d5 } 
.manage_slog li:nth-of-type(2) p { background:#99baa3 } 
.manage_slog li:nth-of-type(3) p { background:#b9958e } 
.manage_slog li div { width:100%; height:165px } 
.manage_slog li:nth-of-type(1) div { background:url(../images/sub/manage_img01.jpg) no-repeat center/cover } 
.manage_slog li:nth-of-type(2) div { background:url(../images/sub/manage_img02.jpg) no-repeat center/cover } 
.manage_slog li:nth-of-type(3) div { background:url(../images/sub/manage_img03.jpg) no-repeat center/cover } 
.manage_now li { float:left; width:48%; height:200px; margin-right:4%; padding:22px 29px; box-sizing:border-box; margin-bottom:30px } 
.manage_now li:nth-of-type(1) { background:#f5f5f5 url(../images/sub/manage_bg01.png) no-repeat right bottom } 
.manage_now li:nth-of-type(2) { background:#f5f5f5 url(../images/sub/manage_bg02.png) no-repeat right bottom } 
.manage_now li:nth-of-type(3) { background:#f5f5f5 url(../images/sub/manage_bg03.png) no-repeat right bottom } 
.manage_now li:nth-of-type(4) { background:#f5f5f5 url(../images/sub/manage_bg04.png) no-repeat right bottom } 
.manage_now li:nth-of-type(2n) { margin-right:0 } 
.manage_now li:nth-of-type(5) { width:100%; margin:0; background:#f5f5f5 url(../images/sub/manage_bg05.png) no-repeat right bottom } 
.manage_now .manage_txt01 { font-size:20px; line-height:1.2em; margin-bottom:9px; font-weight:600 } 
.manage_now .manage_txt02 { font-size:18px; line-height:22px; margin-bottom:5px } 
.manage_now .manage_txt03 { font-size:14px; color:#666; line-height:20px } 
.manage_now dl { font-size:14px; line-height:20px } 
.manage_now dl dt { display:inline-block; color:#666; min-width:56px } 
.manage_now li:nth-of-type(3) dl dt { min-width:78px } 
.manage_now dl dd { display:inline-block } 
.manage_now .dl02 { font-size:16px; line-height:24px } 
.manage_now .dl02 dt { min-width:78px } 
.goal_btn { overflow:hidden } 
.goal_btn li { width:48%; height:96px; border:1px solid #ddd; float:left; position:relative; box-sizing:border-box } 
.goal_btn li:nth-of-type(1) { margin-right:4%; background:url(../images/sub/goal_btn01.png) no-repeat 50px 25px } 
.goal_btn li:nth-of-type(2) { background:url(../images/sub/goal_btn02.png) no-repeat 50px 25px } 
.goal_btn li a { display:block; width:100%; height:100%; padding:0 43px 0 139px; box-sizing:border-box } 
.goal_btn li span { color:#222; line-height:96px; font-size:20px; letter-spacing:-.075em } 
.goal_btn li i { float:right; font-size:20px; color:#999; line-height:96px } 
.job_box { border:1px solid #ddd; box-sizing:border-box; padding:28px 8px 28px 3%; overflow:hidden } 
.job_box>div { float:left } 
.job_box .job_img { width:49%; margin-right:4% } 
.job_box .job_img img { width:100% } 
.job_box .job_info { width:46% } 
.job_box .job_info img { margin:54px 0 40px } 
.job_box .job_info ul { margin-left:6px; line-height:27px } 
.job_list>li { border:1px solid #ddd; overflow:hidden; box-sizing:border-box; margin-bottom:30px } 
.job_list>li>div { float:left; height:160px; box-sizing:border-box } 
.job_list li .job_bg { width:190px; border-right:1px solid #ddd } 
.job_list li:nth-of-type(1) .job_bg { background:#f3fcff url(../images/sub/job_bg01.png) no-repeat center/100% } 
.job_list li:nth-of-type(2) .job_bg { background:#f3fcff url(../images/sub/job_bg02.png) no-repeat center/100% } 
.job_list li:nth-of-type(3) .job_bg { background:#f3fcff url(../images/sub/job_bg03.png) no-repeat center/100% } 
.job_list li:nth-of-type(4) .job_bg { background:#f3fcff url(../images/sub/job_bg04.png) no-repeat center/100% } 
.job_list li .job_info { padding:29px 36px } 
.symbol_box { border:1px solid #ddd; box-sizing:border-box; padding:26px 44px; margin-bottom:30px } 
.symbol_box.symbol_bg { background:url(../images/sub/symbol_bg.png) repeat } 
.symbol_tit { font-size:20px; border-bottom:3px solid #555; line-height:1.7em; display:inline-block; margin-bottom:40px } 
.symbol_row { overflow:hidden; display:table; margin-bottom:40px } 
.symbol_row img,.symbol_row p { float:left; display:table-cell; vertical-align:middle } 
.symbol_row img:nth-of-type(2) { margin:0 100px } 
.symbol_row p { width:300px; padding-top:20px } 
.symbol_box.symbol_bg>img { width:100% } 
.symbol_box_row02>div { float:left; width:48% } 
.symbol_box_row02>div:nth-of-type(1) { margin-right:4% } 
.symbol_box_row02>div .tac { margin-bottom:27px } 
.color_box>div { float:left } 
.color_box .color_about { width:142px; height:100px; background:#e31e26; margin-right:30px; text-align:center; line-height:100px } 
.color_box .color_about p { font-size:14px; color:#fff; vertical-align:middle } 
.color_box .color_info { width:713px } 
.color_box .color_info .symbol_tit { margin-bottom:16px } 
.color_box .color_info .sm { font-size:16px; color:#777 } 
.color_box .color_info .symbol_tit+p { line-height:24px } 
.symbol_colors li { float:left; width:48%; height:320px; margin:0 4% 30px 0; box-sizing:border-box } 
.symbol_colors li:nth-of-type(2n) { margin-right:0 } 
.symbol_colors li img { margin-bottom:26px; width:100% } 
.symbol_colors li .colors_info { color:#555; line-height:26px } 
.colors_tit { font-size:18px; border-bottom:3px solid #555; line-height:1.9em; display:inline-block; margin-bottom:29px; font-weight:600 } 
.symbol_etc li { float:left; width:31%; margin-left:3.5% } 
.symbol_etc li:nth-of-type(1) { margin-left:0 } 
.symbol_etc .img_etc { text-align:center; padding:15px; background:#f5f5f5 } 
.btn_music { display:inline-block; height:40px; line-height:40px; padding:0 22px 0 21px; font-size:16px; color:#fff; background:#288584; float:right; margin-top:-40px } 
@media screen and (max-width:860px){
 .s652c1,.s652c3 { background:#fffef0; width:auto; height:auto; padding:0 10px 20px 10px } 
.s652c1 .left { padding:20px 0 20px 0; margin:0 auto; float:none; height:auto!important; background:0 0 } 
.s652c1 .left .title { margin-top:0 } 
.s652c1 .right { float:none; width:auto; margin-top:0; padding:0; background:0 0 } 
.s652c1 .right .right_ct { width:auto } 
.s652c2 { padding:10px } 
.s652c2 .dr_title { float:right; position:static } 
.s652c2 .title .mo_nnn,.s652c3 .c3ctc .mo_nnn { display:none } 
.s652c2 .left { float:none; width:auto; margin-bottom:10px } 
.s652c2 .right { float:none; text-align:center } 
.s652c3 .c3ctc { padding:0 } 
 }
.date_btn { padding:10px 0; text-align:center; background:#eee; margin:30px 0; cursor:pointer } 
.date_btn>span { font-size:18px; font-weight:600 } 
.wel_info th { font-size:28px; color:#ff661a } 
.sub1109251c .bottom p { line-height:1.4em } 
.border_box { border:1px solid #ddd } 
.jg_map_address { border-top:1px solid #ddd; padding:20px; background:#f5f5f5; overflow:hidden } 
.jg_map_address>.left { float:left } 
.jg_map_address>.right { float:right } 
.location_add_wrap { overflow:hidden } 
.location_add_wrap.border_top { border-top:1px solid #ddd; padding-top:30px } 
.location_add_wrap>.left { float:left; width:15% } 
.location_add_wrap>.left .icon_wrap { text-align:center; font-size:18px; font-weight:700 } 
.location_add_wrap>.right { float:right; width:85% } 
.lazy.border_box { max-width:100%; background:#f5f5f5; padding:30px 4%; box-sizing:border-box } 
.sub-button2.job_btn2 { background:#d1423b; display:inline; padding:7px 12px 7px 12px } 
.sub-button2.job_btn3 { background:#186e41; display:inline; padding:7px 12px 7px 12px } 
.sub-button2.job_btn4 { background:#18488e; display:inline; padding:7px 12px 7px 12px } 
.cube_img_list { margin-bottom:30px } 
.cube_img_list ul li { width:31.1%; border:1px solid #ddd; float:left; margin-right:3.3%; box-sizing:border-box; font-weight:700; margin-bottom:20px; text-align:center } 
.cube_img_list ul li:nth-of-type(3n) { margin-right:0 } 
.cube_img_list ul li>p { padding:8px 0 } 
.cube_img_list02 { margin-left:3% } 
.cube_img_list02 ul li { width:30%; border:1px solid #ddd; float:left; margin-left:1.5%; box-sizing:border-box; font-weight:700; margin-bottom:20px; padding:5px } 
.cube_img_list02 ul li>p { padding:8px 0 } 
@media screen and (max-width:768px){
 .cube_img_list02 { overflow-x:scroll } 
.cube_img_list02 ul { width:885px } 
 }
.site_box { padding:30px 35px; box-sizing:border-box; border:1px solid #ddd; overflow:hidden; margin-bottom:20px } 
.site_box>div { float:left; box-sizing:border-box } 
.site_box .logo_box { width:230px } 
.site_box .info_box { width:583px; border-left:1px solid #ddd; padding:0 20px 0 25px } 
.site_box .info_box p { line-height:24px } 
.site_box .info_box p.dot { margin-top:15px; padding-left:15px; position:relative } 
.site_box .info_box p.dot:before { content:""; display:block; width:6px; height:6px; background:#ed702d; border-radius:50%; position:absolute; top:9px; left:0 } 
.manage_now li:nth-of-type(1) { background:#f5f5f5 url(../images/sub/manage_bg01.png) no-repeat right bottom/30% } 
.manage_now li:nth-of-type(2) { background:#f5f5f5 url(../images/sub/manage_bg02.png) no-repeat right bottom/40% } 
.manage_now li:nth-of-type(3) { background:#f5f5f5 url(../images/sub/manage_bg03.png) no-repeat right bottom/30% } 
.manage_now li:nth-of-type(4) { background:#f5f5f5 url(../images/sub/manage_bg04.png) no-repeat right bottom/30% } 
.manage_now li:nth-of-type(5) { background:#f5f5f5 url(../images/sub/manage_bg05.png) no-repeat right bottom/30% } 
.trash_link { margin-bottom:22px } 
.trash_link li { width:31%; float:left; margin-left:3.5%; height:100px; border:1px solid #ddd; box-sizing:border-box; transition:all .2s ease-out } 
.trash_link li:nth-of-type(1) { margin-left:0 } 
.trash_link li a { display:block; width:100%; height:100%; font-size:18px; line-height:100px; padding:0 24px 0 99px; box-sizing:border-box } 
.trash_link li:nth-of-type(1) a { background:url(../images/sub/trash_icon01.png) no-repeat 28px center } 
.trash_link li:nth-of-type(2) a { background:url(../images/sub/trash_icon02.png) no-repeat 28px center } 
.trash_link li:nth-of-type(3) a { background:url(../images/sub/trash_icon03.png) no-repeat 28px center } 
.trash_link li a i { line-height:100px; float:right; font-size:22px; color:#aaa } 
.trash_box { padding:30px 30px 25px 53px; background:#3c6c96 url(../images/sub/trash_bg01.png) no-repeat right bottom } 
.trash_box p { color:#fff } 
.trash_box p:nth-of-type(1) { font-size:22px; font-weight:600; line-height:1.1em; margin-bottom:14px } 
.trash_box p:nth-of-type(2) { font-size:16px; line-height:22px; margin-bottom:13px } 
.trash_box .trash_call { font-size:25px; font-weight:600; color:#ffe880 } 
.login { margin-top:20px } 
.login_p1 { font-size:22px; color:#222; margin-bottom:30px } 
.login_p1 strong { color:#446f8e } 
.login_p2 { margin-bottom:40px } 
.login .sub_icon1 { margin-bottom:20px } 
.login_d1 { margin-bottom:40px; border:1px solid #ddd } 
.login_d1 .login_tit { font-size:18px; color:#222; font-weight:700; margin-bottom:23px } 
.login_d2 { border:1px solid #ddd; padding:15px 0 } 
.login_d1f>div { width:33%; height:380px; box-sizing:border-box; border-right:1px solid #ddd; text-align:center; padding-top:30px; position:relative } 
.login_d1f>div:nth-of-type(3) { width:34%; border-right:none; padding:30px 30px 0 } 
.login_d1f1_L .confirm_btn { margin:38px auto 43px } 
.login_d1f1_L .bottom_txt { width:100%; background:#f5f5f5; padding:26px 0 } 
.login_d1f1_L .bottom_txt p { font-size:13px; color:#444 } 
.login_d1f1_R .login_inp { position:relative; width:100%; padding:0 30px 10px; box-sizing:border-box; margin-top:20px } 
.login_d1f1_R .login_inp ul li { position:relative; margin-bottom:5px } 
.login_d1f1_R .login_inp ul li:last-child { margin-bottom:0 } 
.login_d1f1_R .login_inp ul li input { width:100%; height:32px; border:1px solid #ccc; box-sizing:border-box; padding-left:10px } 
.login_d1f1_R .login_inp button { position:relative; width:100%; height:40px; display:block; margin:-70px 0 30px; background:#477ba1; text-align:center; box-sizing:border-box; border:none; font-size:13px; color:#fff; border-radius:3px } 
.login_d1f1_R .bottom_btn { box-sizing:border-box; line-height:18px; margin-top:1px } 
.login_d1f1_R .bottom_btn span input { background:#fff; border:1px solid #ccc; border-radius:3px } 
.login_d1f1_R .bottom_btn span label { font-size:12px; color:#444 } 
.login_d1f1_R .bottom_btn ul li { float:left; position:relative; width:33% } 
.login_d1f1_R .bottom_btn ul li:last-child { padding-right:0 } 
.login_d1f1_R .bottom_btn ul li::after { content:""; width:1px; height:11px; display:block; background:#ddd; position:absolute; top:4px; right:0 } 
.login_d1f1_R .bottom_btn ul li:last-child::after { display:none } 
.login_d1f1_R .bottom_btn ul li a { display:block; font-size:12px; color:#444 } 
.login_d2lf-L { width:50%; box-sizing:border-box; border-right:1px solid #ddd } 
.login_d2lf-L .I-pin-img { width:50%; text-align:center } 
.login_d2lf-L .I-pin-txt { width:50%; padding-top:24px; box-sizing:border-box } 
.login_d2lf-L .I-pin-txt p { font-size:18px; color:#222; font-weight:700; margin-bottom:5px } 
.login_d2lf-L .I-pin-txt span { font-size:13px; color:#444 } 
.log_btn { display:block; color:#fff; border-radius:3px; width:97px; padding:6px 10px 6px 10px; font-size:13px; text-align:center } 
.log_btn.w_auto { width:auto } 
.log_btn.bg1 { background:#393d49 } 
.log_btn.bg2 { background:#393d49 } 
.log_btn.bg3 { background:#2cb67d } 
.log_btn.bg4 { background:#c28651 } 
.log_btn.bg5 { background:#477ba1 } 
.log_btn.confirm_btn { width:104px } 
.log_btn.ipin { width:104px; display:inline-block; margin:0 } 
.content .login_txt { font-size:18px; margin-top:30px } 
.login_txt02 { font-size:16px; line-height:1.5em; margin-top:35px; word-break:keep-all } 
.login_d1f>div:nth-of-type(3)>a { display:inline-block } 
.content .id_save_check { text-align:left; float:none; position:relative; margin-top:50px } 
.content .id_save_check label { font-size:12px } 
.login_flex { display:flex; justify-content:center; gap:50px } 
@media screen and (max-width:860px){
 .login_d1f>div { width:100%; height:auto; border-right:none; border-bottom:1px solid #ddd } 
.login_d1f>div:nth-of-type(3) { border-bottom:none; width:100%; padding:30px 4% 50px } 
.login_d1f1_L .confirm_btn { margin:30px auto 25px } 
.login_d1f1_L .bottom_txt { width:100%; background:#f5f5f5; padding:24px 0 } 
.login_d1f1_L .bottom_txt p { font-size:13px; color:#444 } 
.login_d1f1_R { width:100%; padding:30px 0 } 
.login_d1f1_R .login_inp { width:100% } 
.login_d1f1_R .login_inp .log_input_box>ul { width:100% } 
 }
@media screen and (max-width:500px){
 .login_d1f1_L .confirm_btn { margin:30px auto 25px } 
.login_d1f1_L .bottom_txt { padding:24px 15px; box-sizing:border-box } 
.login_d1f1_L .bottom_txt p { text-align:center } 
.login_d1f1_L .bottom_txt p a { display:block } 
.login_d1f1_L .bottom_txt p span { display:none } 
.login_d1f1_R .login_inp { padding:0 30px 40px } 
.login_d1f1_R .login_inp .log_input_box { width:100%; margin-right:0 } 
.login_d1f1_R .login_inp button { width:100%; height:32px; margin-top:10px } 
.login_d1f1_R .bottom_btn span { width:100%; display:block; text-align:center; margin-bottom:10px } 
.login_d1f1_R .bottom_btn ul { width:100% } 
.login_d1f1_R .bottom_btn ul li { width:33.333%; float:left; padding:0 } 
.login_d1f1_R .bottom_btn ul li a { text-align:center } 
 }
@media screen and (max-width:1200px){
 .rating { padding:25px 4%; margin:0 } 
.rating .bg { width:13% } 
.rating>form { width:86%; padding-left:4% } 
.charge_info { padding:13px 4% } 
.stats_box ul li { width:30.3%; margin:0 4% 30px 0 } 
.guide_box01 { padding:33px 4% } 
.guide_box02 .guide_obj01 { width:12%; height:13.5vh } 
.guide_box02 .guide_obj02 { width:65%; padding:20px 0 20px 4% } 
.history_txt { width:80%; padding:0 4% 40px } 
.site_box { padding:30px } 
.site_box .logo_box { width:30%; text-align:center; padding:0 4% 0 0 } 
.site_box .logo_box img { max-width:100% } 
.site_box .info_box { width:70%; padding:0 4% } 
.job_box { padding:28px 8px 28px 3%; display:table; width:100%; vertical-align:middle } 
.job_box>div { display:table-cell; float:none } 
.job_box .job_img { width:45% } 
.job_box .job_info { width:46%; vertical-align:middle; display:table-cell; padding:0 0 0 4% } 
.job_box .job_info img { margin:0 0 40px } 
.job_list li .job_info { padding:29px 4% } 
.symbol_box { padding:26px 4% } 
.symbol_row img:nth-of-type(2) { margin:0 10% } 
.symbol_row p { width:35% } 
.color_box .color_about { width:25%; margin-right:0 } 
.color_box .color_info { width:75%; padding:0 0 0 4%; box-sizing:border-box } 
 }
@media screen and (max-width:800px){
 .rating .bg { display:none } 
.rating>form { width:100%; padding-left:0 } 
.rate { display:block } 
.rate li { margin-right:4% } 
.btn_rating { margin-top:-48px } 
.stats_box ul li { width:48% } 
.stats_box ul li:nth-of-type(2n) { margin-right:0 } 
.stats_box ul li:nth-of-type(2n+1) { margin-right:4% } 
.history_date { width:15%; padding-left:0 } 
.history_txt { width:85%; padding:0 3% 40px } 
.job_box { display:block; width:100%; padding:28px 4% } 
.job_box>div { display:block } 
.job_box .job_img { width:100%; margin-bottom:30px } 
.job_box .job_info { width:100%; vertical-align:middle; display:block } 
.job_box .job_info img { margin:0 0 30px } 
.symbol_row p { width:100%; margin-top:30px } 
.symbol_box_row02>div { float:none; width:100% } 
.trash_link li a { padding:0 6% 0 33% } 
.trash_link li:nth-of-type(1) a { background:url(../images/sub/trash_icon01.png) no-repeat 8% center } 
.trash_link li:nth-of-type(2) a { background:url(../images/sub/trash_icon02.png) no-repeat 8% center } 
.trash_link li:nth-of-type(3) a { background:url(../images/sub/trash_icon03.png) no-repeat 8% center } 
.trash_box { padding:30px 4% 25px 6%; background:#80a8cc url(../images/sub/trash_bg01.png) no-repeat right bottom/60% } 
.goal_btn li:nth-of-type(1) { background:url(../images/sub/goal_btn01.png) no-repeat 14% 25px } 
.goal_btn li:nth-of-type(2) { background:url(../images/sub/goal_btn02.png) no-repeat 14% 25px } 
.goal_btn li a { padding:0 4% 0 33% } 
.welfare_tab ul li { width:25%; margin-bottom:10px } 
 }
@media screen and (max-width:650px){
 .box_rating>p>span { display:block; margin-left:0 } 
.rate li { margin:0 10% 3px 0 } 
.btn_rating { float:none; display:inline-block; margin-top:18px } 
.charge_info .charge_date { float:none; margin-top:5px } 
.stats_box ul li { width:100% } 
.stats_box ul li:nth-of-type(2n+1) { margin-right:0 } 
.guide_box02 ul li>div { display:block; float:left } 
.guide_box02 .guide_obj01 { width:22%; height:22vw } 
.guide_box02 .guide_obj02 { width:77%; padding:0 0 20px 6% } 
.guide_box02 .guide_obj03 { width:100%; margin-top:10px } 
.history_date { width:20% } 
.history_date span { font-size:16px; height:37px; line-height:37px; padding:0 10px } 
.history_txt { width:80%; padding:0 3% 40px } 
.cube_img_list ul li { width:100%; border:1px solid #ddd; float:none; margin-left:0; margin-bottom:30px } 
.site_box .logo_box { width:100%; padding:0 4% 20px } 
.site_box .info_box { width:100%; border-left:none; padding:20px 0; border-top:1px solid #ddd } 
.manage_slog li { width:100%; margin:0 0 30px 0 } 
.manage_now li { width:100%; margin:0 0 30px 0; min-height:200px; height:auto } 
.manage_now li:nth-of-type(1),.manage_now li:nth-of-type(2),.manage_now li:nth-of-type(3),.manage_now li:nth-of-type(4),.manage_now li:nth-of-type(5) { background:#f5f5f5 } 
.manage_now .manage_txt01 { font-size:20px; line-height:1.2em; margin-bottom:9px; font-weight:600 } 
.manage_now .manage_txt02 { font-size:18px; line-height:22px; margin-bottom:5px } 
.manage_now .manage_txt03 { font-size:14px; color:#666; line-height:20px } 
.manage_now dl { font-size:14px; line-height:20px } 
.manage_now dl dt { display:inline-block; color:#666; min-width:56px } 
.manage_now li:nth-of-type(3) dl dt { min-width:78px } 
.manage_now dl dd { display:inline-block } 
.manage_now .dl02 { font-size:16px; line-height:24px } 
.manage_now .dl02 dt { min-width:78px } 
.job_list>li>div { height:auto } 
.job_list li .job_bg { display:none } 
.color_box .color_about { width:100% } 
.color_box .color_info { width:100%; padding:30px 4% 0 4% } 
.symbol_colors li { float:none; width:100%; height:auto; margin:0 4% 30px 0 } 
.symbol_etc li { float:none; width:100%; margin:0 0 30px 0 } 
.btn_music { margin:30px 0 0 0 } 
.trash_link li { width:100%; float:none; margin:30px 0 0 0 } 
.trash_link li:nth-of-type(1) { margin-top:0 } 
.trash_link li a { padding:0 24px 0 99px } 
.trash_link li:nth-of-type(1) a { background:url(../images/sub/trash_icon01.png) no-repeat 28px center } 
.trash_link li:nth-of-type(2) a { background:url(../images/sub/trash_icon02.png) no-repeat 28px center } 
.trash_link li:nth-of-type(3) a { background:url(../images/sub/trash_icon03.png) no-repeat 28px center } 
.trash_box { padding:30px 1% 25px 8% } 
.goal_btn li { width:100%; height:96px; border:1px solid #ddd; float:left; position:relative; box-sizing:border-box } 
.goal_btn li:nth-of-type(1) { margin:0 0 30px 0; background:url(../images/sub/goal_btn01.png) no-repeat 14% 25px } 
.goal_btn li:nth-of-type(2) { background:url(../images/sub/goal_btn02.png) no-repeat 14% 25px } 
.goal_btn li a { padding:0 7% 0 33% } 
 }
@media screen and (max-width:500px){
 .symbol_row>img { display:inline-block; width:80%; margin:0 10% } 
.symbol_row img:nth-of-type(2) { margin:30px 10% 0 } 
 }
.box_swipe { display:none } 
.box_swipe>p { display:inline-block; font-size:13px; letter-spacing:-.1em; color:#566473; font-weight:700 } 
.box_swipe>img { margin-left:8px } 
@media screen and (max-width:768px){
 .box_swipe { display:block } 
.img_scroll_box,.table_scroll { overflow-x:scroll } 
.table_scroll>table { width:885px!important } 
.content .img_scroll_box img { max-width:885px; width:885px } 
.page .publicD li { width:100% } 
.welfare_tab ul li { width:33.3333% } 
 }
.page .s92link { height:auto; line-height:26px; padding:0 20px; background:#f1f1f1; border:1px solid #d9d9d9; font-size:13px; font-weight:700; color:#191919; display:inline-block } 
@media screen and (max-width:640px){
 .orga_tit_pop { display:none; position:absolute; top:50px; left:50%; transform:translateX(-50%); min-width:156px; padding:10px 16px; box-sizing:border-box; text-align:left; background:#fff; border:1px solid #ddd; z-index:3 } 
.orga_tit_pop:before { content:""; display:block; width:14px; height:10px; background:url(../images/sub/orga_m_bg.png) no-repeat center; position:absolute; top:-3px; left:50%; margin-top:-7px } 
 }
@media screen and (max-width:480px){
 .orga_03.right.top:before { width:55%; left:unset; right:100% } 
 }
@media screen and (max-width:400px){
 .orga_03.right.top:before { width:35%; left:unset; right:100% } 
 }
@media screen and (max-width:360px){
 .orga_03.right.top:before { width:30%; left:unset; right:100% } 
 }
.sign_btn { width:24%; margin-right:1.3%; font-size:18px; line-height:1.3em; text-align:center; background:#0c3c84; color:#fff; display:block; padding:17px 8px; margin:0 auto } 
.sign_btn2 { font-size:15px; text-align:center; background:#0c3c84; color:#fff; padding:5px 12px; position:absolute; right:0; top:0; } 
.tab_icon ul { display:flex; flex-wrap:wrap; text-align:center } 
.tab_icon ul li { width:12.5%; padding:10px 0; border:1px solid #eee; box-sizing:border-box } 
.tab_icon ul li a { outline:0 } 
.tab_icon ul li a:focus { outline:auto } 
.tab_icon ul li.on { background-color:#2c63ab; color:#fff } 
@media screen and (max-width:1000px){
 .tab_icon ul li { width:20% } 
 }
@media screen and (max-width:767px){
 .tab_icon ul li { width:33.3% } 
.sign_btn2 { display:inline-block; position:relative; right:auto; top:auto; font-size:13px; margin:2px 0; padding:3px 10px; } 
 }
.datepicker-wrap { position:relative } 
.datepicker-wrap::after { content:''; background-image:url(/images/sub/calendar.png); background-repeat:no-repeat; display:inline-block; width:20px; height:20px; position:absolute; right:10px; top:50%; transform:translateY(-50%) } 
.date_search_area { display:flex; justify-content:space-between } 
.date_search_area .date_search_left label:nth-of-type(1) { font-size:16px; height:40px; line-height:40px; color:#333; margin-right:5px } 
.date_search_area .date_search_left span { display:inline-block; line-height:40px } 
.date_search_area .date_search_left input { height:40px; padding:5px; border:1px solid #ddd; box-sizing:border-box } 
input.date { height:40px; padding:5px; border:1px solid #ddd; box-sizing:border-box } 
.date_search_area .date_search_right select { border:1px solid #ddd; height:40px } 
.date_search_area .date_search_right input.search-input { padding:5px; border:1px solid #ddd; height:40px; border-radius:0; margin-right:8px; box-sizing:border-box } 
.date_search_area .date_search_right .btn_search { display:inline-block; padding:0 17px; height:40px; line-height:40px; font-size:15px; background-color:#555; color:#fff; margin-left:-5px; margin-right:10px; border:none } 
@media screen and (max-width:860px){
 .date_search_area { display:flex; justify-content:space-between; flex-wrap:wrap } 
.date_search_area .date_search_left { width:100%; display:flex; flex-wrap:wrap } 
.date_search_area .date_search_left label { text-align:center } 
.date_search_area .date_search_left span { width:30px; text-align:center } 
.date_search_area .date_search_left input { width:calc(50% - 15px); box-sizing:border-box } 
.date_search_area .date_search_right select { width:calc(50% - 15px) } 
.date_search_area .date_search_right { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:10px } 
.date_search_area .date_search_right input.search-input { width:100%; margin:0; box-sizing:border-box; margin-top:10px } 
.date_search_area .date_search_right .btn_search { width:100%; margin:0; box-sizing:border-box; margin-top:10px } 
 }
.right-btn { text-align:right; margin:20px 0 } 
.date_search_area .date_search_right select { border:1px solid #ddd; height:40px } 
.date_search_area .date_search_left select { border:1px solid #ddd; height:40px; margin-right:30px } 
.contract-info-table { border-collapse:collapse } 
.contract-info-table td { border:1px solid #ddd } 
.contract-info-table tbody tr td a { text-decoration:underline } 
@media screen and (max-width:767px){
 .date_search_area { justify-content:center } 
.date_search_area .date_search_left { justify-content:center } 
.date_search_area .date_search_left select { width:100%; margin-right:0 } 
 }
.jg_address_wrap #popup01 { display:none } 
.jg_address_wrap #popup01 { max-width:925px; height:auto; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; z-index:2; width:100% } 
.jg_address_wrap .backon { width:100%; height:100%; background-color:rgba(0,0,0,.3); position:fixed; top:0; left:0; z-index:1 } 
.jg_address_wrap .close { position:absolute; top:20px; right:18px; cursor:pointer } 
.jg_address_wrap .openPopup { cursor:pointer; display:inline-block } 
.jg_address_wrap .popcont img { width:100% } 
.jg_address_wrap .sendmessage_input_box { position:absolute; top:50%; width:50%; left:30px; transform:translateY(-12px) } 
.jg_address_wrap .sendmessage_input_box .boxrow { display:flex; justify-content:center; align-items:center } 
.jg_address_wrap .sendmessage_input_box .boxrow+.boxrow { margin-top:10px } 
.jg_address_wrap .sendmessage_input_box .boxrow input { width:100px; height:40px } 
.jg_address_wrap .sendmessage_input_box .boxrow span { margin:0 10px; display:inline-block } 
.jg_address_wrap .sendmessage_input_box .boxrow button { font-size:16px; color:#fff; background-color:#115cc0; height:43px; border-radius:20px; padding:0 10px; text-align:center } 
.jg_address_wrap .mobile_send { display:none } 
@media screen and (max-width:1000px){
 .jg_address_wrap .mobile_send { display:inline-block } 
.jg_address_wrap .pc_send { display:none } 
.jg_address_wrap .sendmessage_input_box { left:50%; transform:translate(-50%,-12px) } 
.jg_address_wrap .sendmessage_input_box .boxrow input { height:30px; width:80px } 
.jg_address_wrap .sendmessage_input_box .boxrow button { height:35px } 
 }
.backon { width:100%; height:100%; background-color:rgba(0,0,0,.3); position:fixed; top:0; left:0; z-index:1 } 
.lingaring_wrap table td a[target="_blank"]:after { display:none } 
.lingaring_wrap .popupCommon { display:none; max-width:925px; height:auto; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; z-index:6; width:100% } 
.lingaring_wrap .popupCommon .close { position:absolute; top:20px; right:18px; cursor:pointer } 
.lingaring_wrap .popupCommon .openPopup { cursor:pointer; display:inline-block } 
.lingaring_wrap .popupCommon .popcont { position:relative } 
.lingaring_wrap .popupCommon .popcont video { max-width:925px; width:100% } 
.brandding_box { padding:65px 35px 35px } 
.brandding_box em { font-size:20px; color:#555; font-weight:700; border-bottom:4px solid #555; padding-bottom:4px } 
#personalInfoForm { font-size:16px; line-height:1.4; padding:0; margin:0 } 
#personalInfoForm .hidden { width:1px; height:1px; opacity:0; color:rgba(0,0,0,0); position:absolute; top:-9999em; left:-9999em; text-indent:-9999em } 
#personalInfoForm .infoBox { border:solid 1px #e5e9ee; padding:35px 30px; margin:20px 0 } 
#personalInfoForm .tit { position:relative; font-weight:700; color:#0a1d35; margin-bottom:10px; padding-left:15px } 
#personalInfoForm .tit:before { content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:6px; height:6px; background:#ed702d; border-radius:50% } 
#personalInfoForm ol { list-style:none } 
#personalInfoForm .fcBlue { color:#0f4dcf } 
#personalInfoForm .fcRed { color:#d01b10 } 
#personalInfoForm .fsEm { font-size:22px; font-weight:700; color:#0f4dcf; text-decoration:underline } 
#personalInfoForm .agreeWrap { display:flex; margin-top:5px; gap:8px } 
#personalInfoForm .agreeWrap p { margin-right:10px } 
#personalInfoForm .agreeWrap span { display:flex; align-items:center } 
#personalInfoForm .agreeWrap span label { margin-left:3px } 
#personalInfoForm strong { font-weight:border } 
#personalInfoForm table { width:100%; table-layout:fixed; border-bottom:1px solid #bbb; border-top:3px solid #555; text-align:center; border-spacing:0 } 
#personalInfoForm table th { padding:14px 5px; background:#f5f5f5; font-weight:700 } 
#personalInfoForm table th+th { border-left:1px solid #bbb!important } 
#personalInfoForm table td { padding:14px 5px; border-top:1px solid #bbb } 
#personalInfoForm table td+td { border-left:1px solid #bbb!important } 
#personalInfoForm input[type=radio] { accent-color:#1474ea; width:16px; height:16px } 
@media screen and (max-width:767px){
 #personalInfoForm { font-size:14px } 
#personalInfoForm .infoBox { padding:20px } 
#personalInfoForm .agreeWrap { flex-wrap:wrap } 
#personalInfoForm .agreeWrap p { width:100% } 
#personalInfoForm .fsEm { font-size:18px } 
#personalInfoForm table br { display:none } 
 }


 /* 고향사랑기부제 업데이트 */
.qna_box { border-top: 2px solid rgba(15, 77, 159, 1); } 
.qna_box .qna_tit { font-size: 22px; font-weight: 700; margin-bottom: 0px; line-height: 32px; letter-spacing: -0.04em; text-align: left; padding-left: 42px; padding-top: 12px; padding-bottom: 12px; } 
.qna_box .qna_tit::before { background-image: none; font-family: "GmarketSans"; content: "Q"; font-size: 18px; font-weight: 800; line-height: 34px; letter-spacing: -0.04em; text-align: center; color: white; top: 12px; background-color: rgba(15, 77, 159, 1); width: 32px; height: 32px; border-radius: 50%; } 
.qna_box .qna_con { position: relative; font-size: 16px; font-weight: 500; line-height: 23.17px; letter-spacing: -0.04em; text-align: left; border-top: 1px solid rgba(227, 227, 227, 1); border-bottom: 1px solid rgba(227, 227, 227, 1); padding-top: 20px; padding-bottom: 20px; margin-bottom: 30px !important; } 
.qna_box .qna_con .qna_answer { margin-left: 42px; line-height: 23px; } 
.qna_box .qna_con .img_wrap { width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; text-align: center; } 
.qna_box .qna_con .qna_sub_list { font-size: 16px; font-weight: 500; line-height: 23.17px; letter-spacing: -0.04em; text-align: left; color: rgba(153, 153, 153, 1); margin-bottom: 30px; padding-left: 42px; } 
.qna_box .qna_con .qna_sub_list li { position: relative; padding-left: 10px; line-height: 23px; } 
.qna_box .qna_con .qna_sub_list li::before { width: 4px; height: 4px; left: 0px; top: 50%; transform: translateY(-50%); display: block; border-radius: 50%; content: ""; position: absolute; background-color: rgba(153, 153, 153, 1); } 
.qna_box .qna_con .table_sub_txt { text-align: right; margin-top: 12px; font-size: 16px; font-weight: 500; color: rgba(153, 153, 153, 1); } 
.qna_box .table_howdonate_txt { margin-bottom: 12px; font-weight: 500; } 
.qna_box .qna_con .qna_sub_txt { color: rgba(153, 153, 153, 1); padding-left: 42px; margin-bottom: 30px !important; display: inline-block; } 
.qna_box .qna_con::before { position: absolute; display: block; background-image: none; font-family: "GmarketSans"; content: "A"; font-size: 18px; font-weight: 800; line-height: 34px; letter-spacing: -0.04em; text-align: center; color: white; top: 20px; background-color: rgba(85, 85, 85, 1); left: 0px; width: 32px; height: 32px; border-radius: 50%; } 
.qna_box .how_donate { margin-bottom: 30px; display: flex; align-items: center; justify-content: center; } 
.qna_box .how_donate li { width: 50%; text-align: center; } 
.qna_box .how_donate li:last-of-type { position: relative; } 
.qna_box .how_donate li:last-of-type::after { position: absolute; content: ""; top: 0px; display: block; width: 1px; height: 67px; background: rgba(238, 238, 238, 1) } 
.qna_box .bglb { background: rgba(231, 244, 253, 1); } 
.qna_box .ml42 { margin-left: 42px; } 
.qna_box .how_donate li a { } 
.qna_box .how_donate li a img { } 
.qna_box .qna_custom table tbody tr { display: flex; } 
.qna_box .qna_custom table tbody tr th { width: 45%; } 
.qna_box .qna_custom table tbody tr td { width: 55%; } 

@media screen and (max-width:768px){
 .qna_box .qna_custom table tbody tr { flex-direction: column; box-sizing: border-box; } 
 .qna_box .qna_custom table tbody tr th { width: 100%; box-sizing: border-box; } 
 .qna_box .qna_custom table tbody tr td { width: 100%; box-sizing: border-box; } 
 .mob100 { margin-left: 0 !important; } 
 .qna_box .how_donate { flex-direction: column; gap: 30px; margin-bottom: 20px; } 
 .qna_box .how_donate li { width: 100%; text-align: left; } 
 .qna_box .how_donate li:last-of-type::after { display: none; } 
 }

 /* 240620 접근성 업데이트 */
 .history_date span {background-color: #515d58 !important;}

 /* 240621 접근성 업데이트 */
 #content .sign_btn:focus-visible {    outline: 3px solid red !important;outline-offset: 1px;}



			@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

.nnBoard ul{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	flex-wrap:wrap;
	gap:30px 27px;
}
.nnBoard ul li{
	aspect-ratio: 277/277;
	width:100%;
	overflow: hidden;
	max-width:277px;
	max-height:277px;
	position:relative;
}
.nnBoard ul li{
	position:relative;
	font-family: 'Paperozi', sans-serif;
	background:url(/images/sub/trophy.png)center center no-repeat;
	display:flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background-size:100%;
	text-decoration:none;
	padding-top:5px;
}
.nnBoard ul li::before{
	content:"";
	display:block;
	position: absolute;
	top:0px;
	left:50%;
	transform:translateX(-50%);
	background:url(/images/sub/medal.png)center center no-repeat;
	width:86px;
	height:99px;
}
.nnBoard ul li .name{
	font-weight:700; color:#103943;
	font-size:24px;
	text-align: center;
	margin-top:35px;
	max-width:80%;
	display:flex;
	height:56px;
	display:flex;
	align-items:center;
}
.nnBoard ul li .for{
	font-weight:500;
	color:#fff;
	background:#555;
	padding: 3px 8px;
	border-radius:20px;
	font-size:16px;
}
.nnBoard ul li .gt{
	font-size:20px;
	position: relative;
	font-weight:500;
	color:#000;
	margin-top:10px;
	border-bottom:0.4px dashed #231815;
}
.nnBoard ul li .gt::after{
	content:'';
	display:block;
	width:108%;
	border-bottom:0.4px solid #231815;
	position:absolute;
	bottom:-6px;
	left:-4%;
}
.nnBoard ul li .pos{
	margin-top:5px;
	font-size:18px;
}
@media screen and (max-width:800px){
	.nnBoard ul{
		grid-template-columns: repeat(2, 1fr);
	}
	.nnBoard ul li .name{
		font-size:18px;
		line-height:100%;
		margin-top:20px;
				}

	.nnBoard ul li .name{
		height:40px;
		font-size:16px;
		width:70%;
		justify-content: center;
	}
.nnBoard ul li .for{font-size:14px; padding:2px 6px;}
.nnBoard ul li::before{display:none;}
.nnBoard ul li .gt,
.nnBoard ul li .pos{font-size:13px;}
}




.nnBoard_2 .imgBox{
	aspect-ratio: 277/158;
	width:100%;
	height:158px; overflow: hidden;
	position:relative;
}
.nnBoard_2 .imgBox img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}
.nnBoard_2 div{text-align:center;}
.nnBoard_2 div .group{margin-top:15px; font-size:14px; color:#555; font-weight:500; line-height:17px;}
.nnBoard_2 div .name{margin-bottom:5px; font-size:16px; color:#333; font-weight:700; line-height:24px;}
.nnBoard_2 div .event{font-size:14px; color:#555; line-height:17px;}
.nnBoard_2 div .event::before{content:""; display:block; width:115px; height:13px; background:url("/images/sub/exp_low.png")center center no-repeat; background-size:100%; margin:0 auto 4px;}
.nnBoard_2 div strong{display:block; font-size:19px; font-weight:500; color:#000; margin-top:4px;}
.nnBoard_2 div:nth-last-of-type(1){background:#F9F9F9; padding:8px 0px 12px;}
.nnBoard_2 ul li a{text-decoration: none;}
.nnBoard_2 ul{
	display:flex;
	flex-wrap:wrap;
	gap:30px 27px;
}
.nnBoard_2 ul li{
	width: calc((100% - 54px) / 3);
}
@media screen and (max-width:800px){
		.nnBoard_2 ul li{
			width:calc((100% - 34px) /2);
		}
			   .nnBoard_2 .imgBox{
	height:120px;
}
.nnBoard_2 div .group{margin-top:12px; font-size:13px; line-height:15px;}
.nnBoard_2 div .name{margin-bottom:3px; font-size:14px; line-height:20px;}
.nnBoard_2 div .event{font-size:13px; line-height:15px;}
.nnBoard_2 div strong{font-size:17px; margin-top:4px;}
.nnBoard_2 div:nth-last-of-type(1){padding:6px 0px 9px;}
}

@charset "utf-8";

.sub_visual.visual_02 {
    background-color: #3a6bb5;
    background-size: cover;
}

.sub_title {
    padding: 0 0 21px 0;
    border-bottom: 1px solid #333;
    margin-bottom: 30px;
    position: relative;
}

.sub_title::after {
    content: "";
    display: block;
    clear: both;
}

#content .sub_title h3 {
    float: left;
    font-size: 28px;
    font-weight: 600;
    color: #333;
    line-height: 1.3;
    padding-left: 0;
    margin: 0;
    background: none;
}

#content .sub_title h3::before {
    display: none;
}

.sub_title .location {
    float: right;
    overflow: hidden;
    padding-top: 6px;
}

.sub_title .location li {
    float: left;
    font-size: 13px;
    color: #999;
    position: relative;
}

.sub_title .location li + li {
    padding-left: 8px;
}

.sub_title .location li i.fa-chevron-right {
    font-size: 10px;
    margin-left: 8px;
    color: #ccc;
}

.sub_title .location li:last-child {
    color: #333;
}

.sub_title .location li a {
    color: inherit;
}

.sub_title .location li a:hover {
    text-decoration: underline;
}

.sub_sns_wrap {
    position: absolute;
    right: 0;
    top: -38px;
    display: flex;
}

.sub_sns_wrap .btn_share > button,
.sub_sns_wrap .btn_print {
    display: block;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.sub_sns_wrap .btn_print {
    text-decoration: none;
}

.sub_sns_wrap .btn_share > button img,
.sub_sns_wrap .btn_print img {
    display: block;
}

.sub_sns_wrap .btn_share .share_box .share_title button.share_close {
    background: transparent;
    border: none;
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.page {
    margin-bottom: 40px;
}

.rating {
    border: 1px solid #ddd;
    padding: 25px 45px;
    margin-top: 50px;
    overflow: hidden;
}

.rating .bg {
    float: left;
    width: 72px;
    height: 69px;
    background: url(../images/sub/bg_rate.png) no-repeat 8px 3px;
    margin-right: 15px;
}

.box_rating {
    overflow: hidden;
}

.box_rating p {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin-bottom: 12px;
}

.box_rating .rate {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.box_rating .rate li {
    display: inline-block;
    margin-right: 40px;
    font-size: 16px;
    color: #333;
}

.box_rating .rate li label {
    cursor: pointer;
}

.box_rating .rate input[type="radio"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 5px;
}

.box_rating .btn_rating {
    display: block;
    float: right;
    height: 35px;
    line-height: 35px;
    padding: 0 27px;
    background: #555;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
}

.top_box.sub01 {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin: 0 0 30px;
    padding: 28px 25px;
    background: #f5f5f5;
}

.top_box .box_img {
    flex-shrink: 0;
}

.top_box .box_txt {
    flex: 1;
}

.page .top_box .box_tit {
    font-size: 17px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.top_box .box_txt > p {
    font-size: 16px;
    color: #333;
    line-height: 1.7;
    word-break: keep-all;
}

.policy_category_tab {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border-bottom: 2px solid #0f4d9f;
    margin-bottom: 20px;
    list-style: none;
}

.policy_category_tab li {
    flex: none;
}

.policy_category_tab li a {
    display: block;
    padding: 10px 20px;
    font-size: 15px;
    color: #555;
    background: #f5f7fa;
    border: 1px solid #dde3ef;
    border-bottom: none;
    margin-right: -1px;
    text-decoration: none;
}

.policy_category_tab li a:hover {
    color: #0f4d9f;
    background: #eef2fa;
}

.policy_category_tab li.on a {
    color: #fff;
    background: #0f4d9f;
    border-color: #0f4d9f;
    font-weight: 600;
}

.policy_list_info {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e9ef;
}

.policy_list_info p {
    font-size: 14px;
    color: #6b717b;
}

.policy_list_info strong {
    color: #e5005a;
    font-weight: 600;
}

.policy_news_list {
    list-style: none;
}

.policy_news_list > li {
    display: flex;
    gap: 0 26px;
    padding: 24px 0;
    border-bottom: 1px solid #e6e9ef;
    align-items: flex-start;
}

.policy_news_list > li:first-child {
    border-top: none;
}

.policy_news_thum {
    flex-shrink: 0;
    width: 280px;
    overflow: hidden;
    background: #eef0f5;
    border-radius: 8px;
}

.policy_news_thum a {
    display: block;
    width: 100%;
}

.policy_news_thum img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.policy_news_list > li:hover .policy_news_thum img {
    transform: scale(1.04);
}

.policy_news_info {
    flex: 1;
    min-width: 0;
    padding-top: 2px;
}

.policy_news_category {
    margin-bottom: 8px;
}

.policy_news_category span {
    display: inline-block;
    padding: 2px 10px;
    background: #e8edf7;
    color: #0f4d9f;
    font-size: 15px;
    font-weight: 600;
    border-radius: 2px;
    letter-spacing: -0.02em;
}

.policy_news_tit {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    color: #222;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.policy_news_tit a {
    color: inherit;
}

.policy_news_tit a:hover {
    color: #0f4d9f;
    text-decoration: underline;
}

.policy_news_summary {
    font-size: 15px;
    color: #666;
    line-height: 1.7;
    margin-bottom: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.policy_news_meta {
    display: flex;
    align-items: center;
    gap: 0 16px;
    margin-bottom: 12px;
}

.policy_news_meta span {
    font-size: 13px;
    color: #999;
}

.policy_news_meta span i {
    margin-right: 4px;
    color: #bbb;
}

.policy_news_link {
    display: inline-flex;
    align-items: center;
    gap: 0 5px;
    font-size: 13px;
    color: #0f4d9f;
    padding: 5px 14px;
    border: 1px solid #0f4d9f;
    border-radius: 2px;
}

.policy_news_link:hover {
    background: #0f4d9f;
    color: #fff;
}

/* board_paging 공통 */
.pagination { display:inline-block; }
.pagination>li { display:inline }
.pagination>li>a,
.pagination>li>span { box-sizing: border-box; position:relative; float:left; padding:6px 13px; margin-left:-1px; line-height:1.42857143; color:#337ab7; text-decoration:none; background-color:#fff; font-size: 14px; transition: all .2s ease-out; }
.pagination>li:first-child>a,
.pagination>li:first-child>span { margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px }
.pagination>li:last-child>a,
.pagination>li:last-child>span { border-top-right-radius:4px; border-bottom-right-radius:4px }
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover { z-index:2; color:#999; background-color:#eee; }
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover { z-index:3; color:#fff; cursor:default; background-color:#337ab7; }
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover { color:#777; cursor:not-allowed; background-color:#fff; }
.board_paging { text-align:center; font-weight:400; margin-top:50px }
.board_paging>ul>li:first-child>a,
.board_paging>ul>li:first-child>span,
.board_paging>ul>li:last-child>a,
.board_paging>ul>li:last-child>span { border-radius:0 }
.board_paging>ul>li>a, .board-area .suggest-pagination>li>span { color:#777 }
.board_paging>ul>li>a>i { padding:3px 0; color: #000 !important; }
.board_paging>ul>li.active>a,
.board_paging>ul>li.active>a:focus,
.board_paging>ul>li.active>a:hover,
.board_paging>ul>li.active>span,
.board_paging>ul>li.active>span:focus,
.board_paging>ul>li.active>span:hover { color:#fff; background-color:#757575; border-right:1px solid #d7d7d7; border-left:1px solid #d7d7d7; }

@media screen and (max-width: 1240px) {
    .policy_news_thum {
        width: 230px;
    }
    .policy_news_tit {
        font-size: 16px;
    }
}

@media screen and (max-width: 1000px) {
    .policy_news_list > li {
        gap: 0 18px;
    }
    .policy_news_thum {
        width: 200px;
    }
    .policy_news_tit {
        font-size: 15px;
    }
    .policy_news_summary {
        -webkit-line-clamp: 1;
    }
}

@media screen and (max-width: 768px) {
    #content .sub_title h3 {
        font-size: 22px;
    }
    .policy_news_list > li {
        flex-direction: column;
        gap: 12px 0;
    }
    .policy_news_thum {
        width: 100%;
    }
    .policy_news_tit {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }
    .policy_news_summary {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .policy_news_tit {
        font-size: 15px;
    }
}

.policy_view_header {
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

#content .policy_view_header h4.policy_view_title {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    line-height: 1.5;
    margin: 12px 0 16px;
    padding-left: 0;
    position: relative;
}

#content .policy_view_header h4.policy_view_title::before {
    display: none;
}

.policy_view_meta {
    display: flex;
    gap: 0 16px;
}

.policy_view_meta span {
    font-size: 16px;
    color: #999;
}

.policy_view_meta span i {
    margin-right: 4px;
    color: #bbb;
}

.policy_view_body {
    padding: 30px 0;
    line-height: 1.8;
    font-size: 16px;
    color: #444;
}

.policy_view_body p {
    margin-bottom: 20px;
}

.policy_view_images {
    margin: 30px 0;
}

.policy_view_images img {
    display: block;
    width: 100%;
    max-width: 680px;
    margin: 0 auto 16px;
    border-radius: 8px;
    border: 1px solid #eee;
}

.policy_view_linkbox {
    margin: 30px 0;
    padding: 20px 24px;
    background: #f5f7fc;
    border: 1px solid #dde3ef;
    border-radius: 8px;
}

.policy_view_linkbox .linkbox_title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.policy_view_linkbox .linkbox_title i {
    color: #0f4d9f;
    margin-right: 6px;
}

.policy_view_linkbox .linkbox_url {
    display: block;
    font-size: 15px;
    color: #0f4d9f;
    word-break: break-all;
    margin-top: 8px;
}

.policy_view_linkbox .linkbox_url:hover {
    text-decoration: underline;
}

.policy_view_linkbox br {
    display: none;
}

.policy_view_linkbox .linkbox_url i {
    margin-right: 4px;
    font-size: 12px;
}

.policy_view_source {
    margin: 20px 0 30px;
    font-size: 14px;
    color: #888;
}

.policy_view_source a {
    color: #0f4d9f;
}

.policy_view_source a:hover {
    text-decoration: underline;
}

.policy_view_attach {
    margin-top: 30px;
    border-top: 1px solid #ddd;
}

.policy_view_attach table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.policy_view_attach table caption {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
}

.policy_view_attach th {
    padding: 13px 5px 12px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
    width: 18%;
}

.policy_view_attach td {
    padding: 13px 20px 12px;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    vertical-align: middle;
}

.policy_view_attach td:last-of-type {
    border-right: none;
}

.policy_view_attach td a[title="파일 다운로드"] {
    color: #777;
    font-weight: 500;
    text-decoration: none;
}

.policy_view_attach td a[title="파일 다운로드"]:hover {
    text-decoration: underline;
}

.policy_view_attach .file {
    display: inline-block;
    margin-right: 4px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-style: normal;
    vertical-align: middle;
}

.policy_view_attach .file-pdf::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f1c1';
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    color: #ea1111;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 4px;
}

.policy_view_attach .file-hwp::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f15c';
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    color: #488fa8;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 4px;
}

.policy_view_attach .btn_view {
    display: inline-flex;
    align-items: center;
    height: 28px;
    line-height: 24px;
    padding: 0 37px 0 10px;
    background: #777 url(../images/sub/btn_view.png) no-repeat calc(100% - 12px) 5px;
    color: #fff;
    font-size: 15px;
    border: 0;
    border-radius: 4px;
    text-decoration: none;
    margin-left: 8px;
}

.policy_view_attach .btn_view:hover {
    background-color: #555;
}

.policy_view_attach .mb05 {
    margin-bottom: 5px;
}

.policy_view_buttons {
    text-align: right;
    margin: 65px 0;
}

.policy_view_buttons .btn_list {
    display: inline-block;
    padding: 8px 30px;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #999;
    text-decoration: none;
}

.policy_view_buttons .btn_list:hover {
    background: #f5f5f5;
}

.policy_view_nav {
    margin-bottom: 40px;
}

.policy_view_nav table {
    width: 100%;
    border-top: 1px solid #ddd;
    border-collapse: collapse;
}

.policy_view_nav table caption {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
}

.policy_view_nav th {
    padding: 0 5px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    text-align: center;
    width: 18%;
    height: 50px;
}

.policy_view_nav td {
    padding: 0 20px;
    font-size: 16px;
    color: #555;
    border-bottom: 1px solid #ddd;
    height: 50px;
}

.policy_view_nav td a {
    color: #333;
}

.policy_view_nav td a:hover {
    text-decoration: underline;
    color: #0f4d9f;
}

@media screen and (max-width: 768px) {
    #content .policy_view_header h4.policy_view_title {
        font-size: 20px;
    }
    .policy_view_images img {
        max-width: 100%;
    }
    .policy_view_linkbox {
        padding: 16px;
    }
}