@charset "UTF-8";
/* CSS Document */
/*메인공통*/
.headline { margin-bottom:6rem; }
.headline h2 { font-weight:800; font-size:6rem; line-height:1.3em; color:#000 !important; text-transform:capitalize; }
.headline h2 span { color:#767676; font-size:2rem; font-weight:400; display:block; margin-bottom:10px; }
.headline p { font-size:2rem; font-weight:800; color:#333 !important; margin-bottom:2rem; text-transform:capitalize; }
.headline .keyword { font-family:'S-CoreDream'; color:#0093FF; font-weight:500; font-size:2rem; text-transform:uppercase; margin-bottom:1.5rem; }
.headline .btn_more { height:50px; font-size:2rem; border-radius:50px; }
.deco_plus { width:50px; height:50px; position:relative; border-radius:50px; background:#E0E2E9; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); }
.deco_plus::after,
.deco_plus::before { content:''; display:inline-block; width:18px; height:3px; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.deco_plus::before { transform:translate(-50%,-50%) rotate(90deg); }
.slide_contr { display:flex; justify-content:center; margin-top:5rem; gap:1rem; }
.slide_contr > button { width:50px; height:50px; font-size:2rem; border-radius:50px; }
.slide_contr > button:not(.swiper-button-disabled):hover { border-color:#000; }
.slide_contr .btn_play { }
.slide_contr .paging { width:auto; display:inline-flex; align-items:center; justify-content:center; gap:5px; margin-left:2rem; }
.slide_contr .paging a { background:#ccc; width:10px; height:10px; position:relative; opacity:1; }
.slide_contr .paging a[aria-current="true"] { background:var(--orange); }
.slide_contr .paging a[aria-current="true"]::after { content:''; display:block; width:15px; height:15px; border-radius:50px; background:var(--orange); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); animation:btn_close 1s both infinite cubic-bezier(.22, .61,.36, 1); }
/*login*/
.container:has(.member_container) .sub_title { padding:4em 0 5em; }
.container:has(.member_container) .sub_title h2 { font-size:3em; text-align:center; margin-top:40px; }
.member_container { width:100%; position:relative; }
.member_container .content { display:flex; justify-content:center; }
.member_container .content .title { font-size:4rem; font-family:'S-CoreDream'; font-weight:900; text-align:center; margin-bottom:1.6em; display:block; }
.member_container .content .caption_txt { margin:2rem 0 3rem; display:flex; justify-content:space-between; }
.member_container .content .btn_l { height:50px !important; min-width:140px; font-size:1.7rem; box-shadow:rgba(255, 255, 255, 0.1) 0px 0 0 0px inset, rgba(50, 50, 93, 0.25) 0px 0 0 0, rgba(0, 0, 0, 0.3) 0px 0 0 0; }
.member_container .content .btn_l:hover { box-shadow:rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 25px 50px -10px, rgba(0, 0, 0, 0.3) 0px 15px 30px -15px; }
.member_container .content .btn_text { font-weight:600; color:#666; }
.bg_grad { border:none; color:#fff; background:rgb(143 42 255); background:linear-gradient(145deg, rgb(0 88 255) 0%, rgb(143 42 255) 100%); }
.btn_wrap { margin-top:2rem; display:flex; gap:8px; justify-content:center; }
.comuCost_btnwrap { gap:2rem; }
.comuCost_btnwrap button { width:30%; height:250px; border-radius:15px; font-size:2.4rem; display:flex; flex-direction:column; gap:20px; font-family:'S-CoreDream'; font-weight:800; color:#000; }
.comuCost_btnwrap button img { height:80px; }
.comuCost_btnwrap button:hover { border:1px solid #000; box-shadow:rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.find .tab_wrap .tabs { border-bottom:none; height:54px; }
.find .tab_wrap .tabs li { width:50%; height:55px; }
.find .tab_wrap .tabs li:last-child { width:calc(50% + 1px); }
.find .tab_wrap .tabs li a { width:100%; }
.find .tab_content { border:1px solid #ccc; padding:40px; }
.find .tab_content .btn_wrap { margin-top:3rem; }
/*login*/
.login { width:500px; margin:0 auto; }
.login_form > button { margin-top:15px; border-radius:10px; }
.login_form dl { display:flex; flex-direction:column; }
.login_form dl dt { margin-bottom:7px; font-size:1.3rem; }
.login_form dl dd { margin-bottom:20px; }
.login_form dl dd:last-child { margin-bottom:0; }
.login_form .login_input { width:100%; display:flex; font-size:1.8rem; align-items:center; justify-content:space-between; background:rgba(0,0,0,0.05); height:55px; border-radius:10px; transition:all 0.2s; }
.login_form .login_input:hover { background:#ededed; }
.login_form .login_input::before { display:flex; width:55px; height:55px; font-size:1.7rem; align-items:center; justify-content:center; }
.login_form .login_input span { width:55px; text-align:center; color:#333; opacity:0.5; transition:all 0.2s; }
.login_form .login_input.icon-password::before { font-size:2.2rem; }
.login_form .login_input:hover span { opacity:1; }
.login_form .login_input .inputText { border:none; background:none; height:100%; border-radius:0 10px 10px 0; width:calc(100% - 55px); font-weight:700; }
.login_form .login_input .inputText:hover { box-shadow:none; }
.login .button_area { gap:45px; }
.login_form p.notice { margin-top:10px; padding-left:0; }
.login_form p.notice::before { display:none; }
.signin_guide { margin-top:3rem; padding-top:3rem; border-top:1px solid #ededed; animation:fadeUp 1s both; }
.signin_guide p { margin-bottom:2rem; line-height:1.8em; font-size:1.6rem; animation:fadeUp 1s both; animation-delay:0.3s; }
.signin_guide button { animation:fadeUp 1s both; animation-delay:0.5s; }
/*signin*/
.agree_wrap { display:flex; flex-direction:column; gap:20px; }
.agree_wrap .textArea { width:100%; height:150px; line-height:2em; background:none !important; border:none !important; border-bottom:1px solid #dae4ef !important; border-radius:0; }
.agree_wrap .text { border-bottom:1px solid #dae4ef; padding-bottom:25px; }
.agree_wrap .agree_form { width:100%; background:var(--lp); padding:25px; border-radius:20px; display:flex; flex-direction:column; gap:20px; }
.agree_wrap .agree_form .checkbox .check label { font-size:1.6rem; }
.agree_wrap .agree_form .state { width:auto; padding:5px 10px; font-size:1.2rem; }
.modal_content .agree_wrap .agree_form { gap:10px; }
.modal_content .agree_wrap .agree_form .checkbox { margin-top:10px; }
.signin_step { margin:0 0 5rem; position:relative; display:flex; justify-content:center; }
.signin_step ul { display:flex; }
.signin_step ul li { padding:0 30px; font-size:13px; line-height:1.5em; display:inline-flex; flex-direction:column; text-align:center; align-items:center; position:relative; }
.signin_step ul li::after { content:''; width:100%; height:3px; background:#eee; display:block; position:absolute; top:6px; left:0; }
.signin_step ul li:first-child::after { width:50%; left:auto; right:0; }
.signin_step ul li:last-child::after { width:55%; }
.signin_step ul li span { font-weight:900; }
.signin_step ul li .dot { width:15px; height:15px; background:#ddd; border-radius:20px; display:inline-block; margin-bottom:15px; position:relative; z-index:1; }
.signin_step ul li.active .dot { border:1px solid #0c1a85; background:rgb(143 42 255); background:linear-gradient(145deg, rgb(0 88 255) 0%, rgb(143 42 255) 100%); }
.signin_step ul li.active .dot::after { content:''; display:block; position:absolute; top:47%; left:50%; opacity:0; transform:translate(-50%,-50%) scale(1); width:20px; height:20px; border:4px solid var(--main); border-radius:50px; animation:btn_close 1s both infinite cubic-bezier(.22, .61,.36, 1); }
.signin_step ul li.active span { color:var(--main); }

@media all and (max-width:600px) {
	.button_area .btn_both.auto .btn_l { font-size:12px; height:32px; padding:0 15px; }
}

/**************************************************************************************************************************************/
/****************************************************  intro page  ***********************************************************************/
.intro_content { width:100%; height:100vh; display:flex; justify-content:space-between; padding:6rem 10rem; background:url(../images/user/symbol_bg.svg) 150% 50% / 70% no-repeat; }
.intro_headline h1 a { display:inline-flex; }
.intro_headline h1 a img { height:34px; }
/* INTRO SLOGAN */
.intro_headline .slogan { margin-top:3rem; display:flex; flex-direction:column; align-items:flex-start; gap:20px; position:relative; }
.intro_headline .slogan .slogan_img { position:relative; width:50rem; height:20rem; }
.intro_headline .slogan .slogan_img span { display:block; position:absolute; height:10.5rem; }
.intro_headline .slogan .slogan_img span img { width:100%; height:88%; }
/* 슬로건 데코 */
.intro_headline .slogan .slogan_people { position:absolute; width:130px; height:auto; top:-5%; right:28%; z-index:1; animation-delay:0.4s; }
.intro_headline .slogan .slogan_deco_green { position:absolute; width:28px; height:auto; top:-13%; left:47%; z-index:5; animation-delay:0.2s; }
.intro_headline .slogan .slogan_deco_blue { position:absolute; width:20px; height:auto; top:35%; right:22%; z-index:6; animation-delay:0.4s; }
.intro_headline .slogan .slogan_deco_orange { position:absolute; width:25px; height:auto; bottom:20%; left:2%; z-index:6; animation-delay:0.6s; }
/* 범죄예방 전문기관 */
.intro_headline .slogan strong { display:flex; flex-direction:column; margin-top:5px; }
.intro_headline .slogan strong span { display:inline-block; font-family:'Cafe24Ohsquare', sans-serif; font-size:8.5rem; font-weight:700; line-height:1; letter-spacing:-3px; color:#062d5d; white-space:nowrap; animation-delay:0.8s !important; }
.intro_headline .slogan strong .blue { color:#062d5d; margin-top:6px; margin-left:190px; }
/* 애니메이션 */
.intro_headline .slogan p span:nth-child(1) { animation-delay:0.2s; top:-6%; left:4%; z-index:3; }
.intro_headline .slogan p span:nth-child(2) { animation-delay:0.4s; top:29%; left:20%; z-index:2; }
.intro_headline .slogan p span:nth-child(3) { animation-delay:0.6s; top:60%; left:9%; z-index:1; }
.intro_bottom { position:absolute; bottom:6rem; left:10rem; }
.sponsor_info p { font-size:2.6rem; font-weight:600; line-height:5rem; margin-bottom:2rem; position:relative; z-index:1; }
.sponsor_info p span { display:block; color:#333; }
.sponsor_info p b { font-weight:900; font-size:3.6rem; margin-right:5px; color:#000; }
.sponsor_info ul { display:inline-flex; gap:10px; }
.sponsor_info li a { padding:1.2rem 1.6rem; display:inline-flex; align-items:center; gap:1.5rem; font-size:1.6rem; font-weight:600; border-radius:50px; background:#fff; border:1px solid #ccc; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); position:relative; }
.sponsor_info li a span { font-size:11px; font-weight:600; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.sponsor_info li a:hover { background:#000; border-color:#000; color:#fff; }
.sponsor_info li a:hover span { right:1.2rem; }
.intro_bottom .copyright { font-size:1.3rem; font-weight:600; display:block; margin-top:3rem; color:#333; animation:fadeUp .6s both cubic-bezier(0.5,1,0.89,1); }
.sponsor_info { opacity:0; animation:fadeUp .6s both cubic-bezier(0.5,1,0.89,1); animation-delay:0.6s; }
.sponsor_info img { position:absolute; z-index:0; animation:heart 2s infinite cubic-bezier(0.5,1,0.89,1); opacity:0; }
.sponsor_info img.heart1 { width:40px; top:-30px; left:-20px; }
.sponsor_info img.heart2 { width:30px; top:-20px; left:12px; animation-delay:-1s; }
.intro_card { width:700px; height:100%; padding:2rem; transform:translateY(-2%); position:relative; top:50%; transform:translateY(-50%); }
.intro_card ul { height:100%; display:flex; flex-wrap:wrap; gap:20px; }
.intro_card ul li { width:calc(100% / 2 - 20px / 2); height:calc(100% / 2 - 20px / 2); animation:intro_card_show 1s both cubic-bezier(0.5,1,0.89,1); }
.intro_card ul li:nth-child(2n) { animation:intro_card_show_2n 1s both cubic-bezier(0.5,1,0.89,1); }
.intro_card ul li a { width:100%; height:100%; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; padding:4rem; position:relative; color:#fff; border-radius:5rem; transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.intro_card ul li a strong { font-size:3rem; font-family:S-coreDream; font-weight:800; margin-bottom:2.4rem; display:flex; flex-direction:column; align-items:flex-start; gap:2rem; }
.intro_card ul li a strong img { height:30px; }
.intro_card ul li a p { font-size:1.5rem; line-height:2.6rem; }
.intro_card ul li a p br { display:none; }
.intro_card ul li .bottom { width:100%; display:flex; justify-content:space-between; align-items:flex-end; }
.intro_card ul li .bottom p { display:inline-flex; align-items:center; gap:8px; font-weight:600; }
.intro_card ul li .bottom span { width:30px; height:30px; font-size:1.5rem; background:rgba(255,255,255,0.3); color:#fff; border-radius:50px; display:inline-flex; align-items:center; justify-content:center; transform:rotate(-45deg); transition:all 0.2s cubic-bezier(.22, .61,.36, 1); }
.intro_card ul li .bottom img { height:50px; }
.intro_card ul li:nth-child(3) a { background:#1842CF; background:linear-gradient(135deg, rgba(24, 66, 207, 1) 0%, rgba(12, 33, 104, 1) 100%); }
.intro_card ul li:nth-child(2) a { background:#F6921D; background:linear-gradient(135deg, rgb(249 96 28) 0%, rgb(241 55 0) 100%); }
.intro_card ul li:nth-child(1) a { background:#27A64B; background:linear-gradient(135deg, rgba(39, 166, 75, 1) 0%, rgba(14, 127, 47, 1) 100%); }
.intro_card ul li:nth-child(4) a { background:#1D8FE6; background:linear-gradient(135deg, rgba(29, 143, 230, 1) 0%, rgba(33, 99, 198, 1) 100%); }
.intro_card ul li a:hover { transform:scale(1.02); box-shadow:rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.intro_card ul li a:hover span { background:rgba(255,255,255,1); color:#fff; }
.intro_card ul li:nth-child(3) a:hover span { color:#1842CF; }
.intro_card ul li:nth-child(2) a:hover span { color:#F6921D; }
.intro_card ul li:nth-child(1) a:hover span { color:#27A64B; }
.intro_card ul li:nth-child(4) a:hover span { color:#1D8FE6; }
.intro_headline h1,
.intro_headline .slogan strong span,
.intro_headline .slogan p span,
.sponsor_info p span,
.sponsor_info ul li,
.intro_bottom .copyright,
.slogan_deco_green,
.slogan_deco_blue,
.slogan_deco_orange,
.slogan_people { animation:fadeUp .6s both cubic-bezier(0.5,1,0.89,1); }

@keyframes intro_card_show {
	0% { transform:translateY(10%); opacity:0; }
	100% { transform:translateY(5%); opacity:1; }
}


@keyframes intro_card_show_2n {
	0% { transform:translateY(5%); opacity:0; }
	100% { transform:translateY(-5%); opacity:1; }
}

.sponsor_info p span:nth-child(1) { animation-delay:1.2s; }
.sponsor_info p span:nth-child(2) { animation-delay:1.4s; }
.sponsor_info ul li:nth-child(1) { animation-delay:1.6s; }
.sponsor_info ul li:nth-child(2) { animation-delay:1.8s; }
.sponsor_info ul li:nth-child(3) { animation-delay:2s; }
.intro_bottom .copyright { padding-left:0; animation-delay:2.2s; }
.intro_card ul li:nth-child(1) { animation-delay:0.2s; }
.intro_card ul li:nth-child(2) { animation-delay:0.4s; }
.intro_card ul li:nth-child(3) { animation-delay:0.6s; }
.intro_card ul li:nth-child(4) { animation-delay:0.8s; }
/**************************************************************************************************************************************/
/****************************************************  main page  ***********************************************************************/
.slide_contr .btn_prev { }
.slide_contr .btn_next { }
.slide_contr .paging a { }
body:has(.main_content) .header:not(.header.scroll, .header.on) { border-bottom:none; box-shadow:none; }
.main_content { scroll-behavior:smooth; }
.section { padding:15rem 0; position:relative; }
.section1 { width:100%; height:100%; padding:13rem 0 0; }
.section1 .slide_content { display:flex; justify-content:flex-end; align-items:flex-start; position:relative; margin-bottom:7rem; }
.section1 .slide_content .text { position:absolute; top:20%; left:0; }
.section1 .slide_content .text p { font-size:2.4rem; line-height:3.6rem; font-weight:800; text-align:right; visibility:hidden; }
.section1 .slide_content .text .top { display:flex; align-items:center; gap:3rem; margin-bottom:1rem; }
.section1 .slide_content .text .bottom { display:flex; flex-direction:row-reverse; align-items:center; gap:1rem; margin-bottom:1rem; }
.section1 .slide_content .text .bg_point { height:110px; visibility:hidden; opacity:0; }
.section1 .slide_content .text { display:flex; flex-direction:column; align-items:flex-end; }
.section1 .slide_content .text .title { font-family:moya; font-size:10rem; line-height:9rem; letter-spacing:-7px; }
.section1 .slide_content .text .orange { color:#ff5f10; }
.section1 .slide_content .text .blue { color:#003FDF; }
.section1 .slide_contr { gap:1rem; display:none; justify-content:flex-start; margin-top:0; transform:translateY(-6rem); z-index:1; position:relative; }
.section1 .slide_contr .paging { margin-left:2rem; }
.section1 .slide_contr .paging a[aria-current="true"] { width:8rem; border-radius:30px; }
.section1 .slide_contr .paging a[aria-current="true"]::after { display:none; }
.section1 .main_deco_img { visibility:hidden; opacity:0; }
.section1 .main_deco_img img { height:532px; }
.section1 .slide_content .text, .section1 .main_deco_img { will-change:opacity, transform; }
.section1 .swiper-slide.swiper-slide-active .text p,
.section1 .swiper-slide.swiper-slide-active .text span,
.section1 .swiper-slide.swiper-slide-active .text .bg_point { opacity:0; visibility:visible; animation:fadeDown 1s both; animation-delay:.1s; }
.section1 .swiper-slide.swiper-slide-active .main_deco_img { opacity:0; visibility:visible; animation:fadeLeft 1s both; animation-delay:.2s; position:absolute; height:100%; right:0; bottom:0; }
.section1 .swiper-slide.swiper-slide-active .main_deco_img .deco_img_box { width:100%; height:100%; display:flex; flex-direction:column; justify-content:space-between; }
.section1 .swiper-slide.swiper-slide-active .main_deco_img .deco_img_box img:first-of-type { height:122px; position:relative; right:-3%; top:6%; }
.section1 .swiper-slide.swiper-slide-active .main_deco_img .deco_img_box img:last-of-type { height:550px; position:relative; right:-4%; bottom:10%; }
.section1 .swiper-slide.swiper-slide-active .text p { animation-delay:.2s; }
.section1 .swiper-slide.swiper-slide-active .text .orange { animation-delay:.3s; }
.section1 .swiper-slide.swiper-slide-active .text .blue { animation-delay:.4s; }
.section1 .swiper-slide.swiper-slide-active .text .bg_point { animation-delay:.5s; }
.section2 { padding:3rem 0 0; }
.section2 .box_wrap { display:flex; gap:40px; }
.section2 .box_wrap .box { width:calc(100% / 2 - 40px / 2); }
.section2 .box_wrap .box ul { width:100%; display:flex; flex-wrap:wrap; gap:10px; }
.section2 .box_wrap .box ul li { width:calc(100% / 4 - 30px / 4); }
.section2 .box_wrap .box ul li a img { height:40px; margin-bottom:10px; }
.section2 .box_wrap .box ul li a { display:flex; flex-direction:column; gap:1.5rem; justify-content:center; align-items:center; background:#fff; aspect-ratio:1 / 1; border:1px solid #c4dbed; border-radius:30px; font-size:1.7rem; font-weight:700; transition:0.3s cubic-bezier(0.5,1,0.89,1); display:flex; flex-direction:column; gap:1.5rem; justify-content:center; align-items:center; background:#fff; aspect-ratio:1 / 1; border:1px solid #c4dbed; border-radius:30px; font-size:1.7rem; font-weight:700; transition:0.3s cubic-bezier(0.5,1,0.89,1); }
.section2 .box_wrap .box ul li a:hover, .section2 .support_business .education_support:hover { box-shadow:rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 25px 50px -10px, rgba(0, 0, 0, 0.3) 0px 15px 30px -15px; }
.section2 .box_wrap .box ul li a:hover img, .section2 .support_business .education_support:hover img { transform:rotateY(360deg); transition:0.5s cubic-bezier(0.5,1,0.89,1); }
.section2 .box_wrap .box .title { display:flex; justify-content:space-between; align-items:center; }
.section2 .box_wrap .box .title h2 { font-weight:800; padding:4rem 4rem 2rem; font-size:3rem; border-radius:5rem 4rem 0 0; position:relative; }
.section2 .box_wrap .box .title h2::after { content:''; display:block; width:40px; height:40px; position:absolute; right:-40px; bottom:0; background-size:contain; background-repeat:no-repeat; }
.section2 .box_wrap .box .title a { font-size:1.5rem; font-weight:600; display:inline-flex; gap:10px; align-items:center; }
.section2 .box_wrap .box .title a span { width:26px; height:26px; font-size:13px; color:#fff; display:inline-flex; align-items:center; justify-content:center; border-radius:30px; transition:0.2s cubic-bezier(0.5,1,0.89,1); }
.section2 .box_wrap .box .title a:hover span { transform:translateX(5px); }
.section2 .box_wrap .box:nth-child(1) .box_content,
.section2 .box_wrap .box:nth-child(1) .title h2 { background:#DBEFFF; color:#000F5A; }
.section2 .box_wrap .box:nth-child(2) .box_content,
.section2 .box_wrap .box:nth-child(2) .title h2 { background:#FFECD9; color:#cf2800fc; }
.section2 .box_wrap .box:nth-child(1) .title a span { background:var(--blue); }
.section2 .box_wrap .box:nth-child(2) .title a span { background:var(--orange); }
.section2 .box_wrap .box:nth-child(1) .title a:hover span { background:#0006fc; }
.section2 .box_wrap .box:nth-child(2) .title a:hover span { background:#ff4900; }
.section2 .box_wrap .box:nth-child(1) .title h2::after { background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.7 29.7"><path fill="%23DBEFFF" d="M29.7,29.7H0V0c.2,16.3,13.4,29.4,29.7,29.7h0Z"/></svg>'); }
.section2 .box_wrap .box:nth-child(2) .title h2::after { background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.7 29.7"><path fill="%23FFECD9" d="M29.7,29.7H0V0c.2,16.3,13.4,29.4,29.7,29.7h0Z"/></svg>'); }
.section2 .box_wrap .box .box_content { height:calc(100% - 80px); display:flex; align-items:center; justify-content:center; padding:3.5rem; border-radius:0 5rem 5rem 5rem; position:relative; }
.section2 .box_wrap .box .box_content .bg img { opacity:0; position:absolute; animation:heart 1s infinite cubic-bezier(0.5,1,0.89,1); }
.section2 .box_wrap .box .box_content .bg img:nth-child(1) { top:3rem; right:3rem; width:60px; }
.section2 .box_wrap .box .box_content .bg img:nth-child(2) { top:5rem; right:8rem; width:40px; animation-delay:0.5s; }

@keyframes heart {
	0% { transform:translateY(0); opacity:0; transform:translateY(50px); opacity:1; }
	100% { transform:translateY(0); opacity:0; }
}


@keyframes heartmobile {
	0% { transform:translateY(0); opacity:0; transform:translateY(20px); opacity:1; }
	100% { transform:translateY(0); opacity:0; }
}

.section2 .sponsor_info p { color:#000; font-size:2rem; line-height:6rem; text-align:center; }
.section2 .sponsor_info p span, .section2 .sponsor_info ul li { animation:none; }
.section2 .sponsor_info p span b { font-size:4.5rem; color:#cf2800fc; font-family:'S-CoreDream'; }
.section2 .box_wrap .box .sponsor_info ul { display:flex; justify-content:center; gap:10px; }
.section2 .box_wrap .box .sponsor_info ul li { width:auto; }
.section2 .box_wrap .box .sponsor_info ul li a { width:auto; padding:1.5rem 2rem; border-color:#efd7bf; aspect-ratio:unset; flex-direction:row; }
.section2 .box_wrap .box .sponsor_info ul li a:hover { background:var(--orange); border-color:var(--orange); }
.section2 .box_wrap .box .sponsor_info ul li a span { display:inline-block; margin-left:2rem; }
.section3 { background:#fff; border-radius:0 0 10rem 10rem; z-index:1; }
.section3 ul { display:flex; flex-wrap:wrap; gap:5rem; }
.section3 ul li { width:calc(100% / 7 - 30rem / 7); }
.section3 ul li a { display:block; background:#F6F8FB; text-align:center; aspect-ratio:1 / 1; display:flex; align-items:center; justify-content:center; border-radius:4rem; transition:0.3s cubic-bezier(0.5,1,0.89,1); }
.section3 ul li a img { height:70px; }
.section3 ul li p { text-align:center; margin-top:2rem; font-size:1.7rem; font-weight:700; }
.section3 ul li a:hover { box-shadow:rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.section3 ul li a:hover img { transform:rotateY(360deg); transition:0.5s cubic-bezier(0.5,1,0.89,1); }
.section4 { margin-top:-10rem; z-index:0; padding:20rem 0 30rem; overflow:hidden; border-radius:0 0 10rem 10rem; background:#e6f3fa; background:linear-gradient(0deg, rgb(231 247 255) 51%, rgba(223, 237, 247, 1) 100%); }
.section4 .headline { display:flex; justify-content:space-between; align-items:flex-end; }
.section4 .headline .tabs { display:flex; flex-wrap:wrap; gap:1.5rem 3rem; margin-bottom:0; width:auto; }
.section4 .headline .tabs::after { display:none; }
.section4 .headline .tabs li a { font-size:2.2rem; font-weight:800; padding:0; border:0; background:none; border-radius:0; }
.section4 .headline .tabs li:not(li.active) a.link:hover { color:#000; }
.section4 .headline .tabs li:not(li.active) a.link::after { background:#000; height:2px; }
.section4 .headline .tabs li.active a { color:#cf2800fc !important; font-weight:bold; position:relative; }
.section4 .headline .tabs li.active a::before { content:''; display:block; width:10px; height:10px; background:#cf2800fc; border-radius:10px; position:absolute; top:-20px; }
.section4 .headline .tabs li.active a::after { background:#cf2800fc; height:2px; }
.section4 .deco { width:100%; justify-content:space-between; padding:15rem 8rem 0; display:none; }
.news_slide .swiper { overflow:visible; }
.news_slide .swiper-slide a { display:flex; border:1px solid #ededed; flex-direction:column; justify-content:space-between; width:100%; gap:4rem; padding:4rem; background:#fff; border-radius:3rem; min-height:257px; transition:0.2s cubic-bezier(0.5,1,0.89,1); }
.news_slide .swiper-slide a:hover { border-color:#000; box-shadow:rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.news_slide .swiper-slide a .text { }
.news_slide .swiper-slide a span { font-size:1.5rem; font-weight:700; color:#cf2800fc; margin-bottom:1.5rem; display:block; }
.news_slide .swiper-slide a strong { color:#000; font-size:2.4rem; min-height:80px; line-height:4rem; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news_slide .swiper-slide a .date { color:#767676; display:block !important; }
.news_slide .paging { margin:0 2rem; }
.news_slide button:disabled, .news_slide button:disabled:hover { background:#c8e1ed; border:none; color:#476674; }
.section5 { margin-top:-30rem; }
.section5 .webzine { width:100%; aspect-ratio:16 / 11; display:flex; justify-content:center; margin:0 auto; position:relative; z-index:1; }
.section5 .webzine a { width:auto; height:100%; display:flex; align-items:center; position:relative; }
.section5 .webzine a img { width:100%; height:100%; object-fit:cover; border-radius:5rem; transition:0.2s cubic-bezier(0.5,1,0.89,1); }
.section5 .webzine a:hover img { box-shadow:rgba(255, 255, 255, 0.2) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.5) 0px 60px 110px -30px, rgba(0, 0, 0, 0.6) 0px 40px 70px -40px; }
.section5 .webzine a .blank { position:absolute; bottom:3rem; right:3rem; width:50px; height:50px; border-radius:50px; background:#fff; display:inline-flex; justify-content:center; align-items:center; font-size:2rem; box-shadow:5px 5px 10px 0 rgba(0,0,0,0.2); }
.section5 .webzine a .blank::before { transform:rotate(-45deg); transition:0.3s cubic-bezier(0.5,1,0.89,1); }
.section5 .webzine a:hover .blank::before { transform:rotate(-45deg) translateX(0.5rem); }
.section5 .marquee_wrap { width:100%; height:300px; position:absolute; top:210px; left:0; z-index:0; overflow:hidden; z-index:0; display:none; }
.section5 .marquee_wrap .marquee_content { display:flex; white-space:nowrap; }
.section5 .marquee_wrap .marquee_content span { font-family:moya; font-size:23rem; font-weight:900; margin:0 2rem; white-space:nowrap; transition:all 0.5s; background:-webkit-linear-gradient(#fdfdfd, #f3f3f3); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.section5 .marquee_wrap .marquee { position:absolute; bottom:0; line-height:300px; display:flex; align-items:center; width:fit-content; animation:marquee 30s linear infinite; }

@keyframes marquee {
	0% { transform:translateX(0%); }
	100% { transform:translateX(-50%); }
}

.newsbox_wrap { display:flex; align-items:flex-start; justify-content:space-between; gap:3rem; width:1500px; margin:0 auto; position:relative; }
.newsbox_wrap .newsbox { width:calc(100% / 3 - 6rem / 3); }
.newsbox_wrap .newsbox .title { display:flex; gap:2rem; justify-content:center; align-items:center; }
.newsbox_wrap .newsbox .title h2 { font-size:4.5rem; }
.newsbox_wrap .swiper-slide { padding:5px; }
.newsbox_wrap .swiper-slide a { display:block; aspect-ratio:16 / 11; border-radius:5rem; }
.newsbox_wrap .swiper-slide .notice_slide_content { width:100%; height:100%; overflow:hidden; border-radius:5rem; position:relative; background:var(--lp); }
.newsbox_wrap .swiper-slide .text { position:absolute; bottom:0; left:0; width:100%; padding:1rem; display:block; background:rgba(53,53,53,.5); z-index:1; -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); color:#fff; }
.newsbox_wrap .swiper-slide .text span { padding:5px 10px; background:#dd2b00; color:#fff; font-size:1.3rem; font-weight:600; border-radius:50px; margin-left:20px; }
.newsbox_wrap .swiper-slide .text strong { color:#fff; font-size:1.5rem; font-weight:800; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-left:20px; }
.newsbox_wrap .swiper-slide a img { width:100%; height:100%; object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:0.2s cubic-bezier(0.5,1,0.89,1); }
.newsbox_wrap .swiper-slide a:hover img { transform:translate(-50%,-50%) scale(1.1); }
.newsbox_wrap .slide_contr .paging { margin:0 1.5rem; }
.newsbox_wrap .slide_contr { margin-top:2rem; }
.newsbox_wrap .slide_contr > button { width:40px; height:40px; }
/* .s1_tabContent h1, .sub1_1H1 {background: url(../img/sub/title_left.png) no-repeat 0 bottom; } */
.newsbox_wrap_inner { position:relative; width:100%; }
.newsbox_wrap .newsbox2 { position:absolute; top:0; left:0; }
.newsbox_wrap .newsbox3 { position:absolute; top:0; right:0; }
/*서명*/
.signform { }
.signform .sign_pad { width:400px; height:200px; border:1px solid #e4e7ec; border-radius:10px; }
.policy_box { padding:2.4em; line-height:3rem; border-radius:15px; }
.committee { width:50%; display:flex; margin:2em auto -5rem; }
.committee img { width:100%; }
.volunteer_req_wrap { display:flex; justify-content:space-between; }
.map_wrap { width:325px; position:relative; }
.map_list { width:100%; height:100%; position:absolute; top:0; left:0; }
.map_list li { position:absolute; }
.map_list li a { background:#fff; font-size:1.2rem; font-weight:600; color:#00295d; border:1px solid #9cb6cf; padding:3px 6px; border-radius:30px; transition:all 0.2s cubic-bezier(0.5,1,0.89,1); }
.map_list li a:hover { background:#003fdf; color:#fff !important; border:1px solid #527495; }
.map_list li.active a { background:#003fdf; color:#fff !important; border:1px solid #527495; }
.map_list li:nth-child(1) { top:19%; left:13%; }
/*인천*/
.map_list li:nth-child(2) { top:18%; left:31%; }
/*서울*/
.map_list li:nth-child(3) { top:18%; right:18%; }
/*강원*/
.map_list li:nth-child(4) { top:23%; right:38%; }
/*경기*/
.map_list li:nth-child(5) { top:35%; left:47%; }
/*충북*/
.map_list li:nth-child(6) { top:39%; left:25%; }
/*충남*/
.map_list li:nth-child(7) { top:43%; left:38%; }
/*대전*/
.map_list li:nth-child(8) { bottom:50%; right:18%; }
/*경북*/
.map_list li:nth-child(9) { top:55%; left:32%; }
/*전북*/
.map_list li:nth-child(10) { bottom:40%; right:23%; }
/*대구*/
.map_list li:nth-child(11) { bottom:29%; left:21%; }
/*광주*/
.map_list li:nth-child(12) { bottom:31%; right:31%; }
/*경남*/
.map_list li:nth-child(13) { bottom:34%; right:5%; }
/*울산*/
.map_list li:nth-child(14) { bottom:22%; left:18%; }
/*전남*/
.map_list li:nth-child(15) { bottom:27%; right:11%; }
/*부산*/
.map_list li:nth-child(16) { bottom:3%; left:20%; }
/*제주*/
.search_location { width:calc(100% - 400px); border-radius:20px 20px 30px; border:1px solid #e3e3e3; background:#fff; }
.sl_wrap { padding:2rem; background:var(--lp); border-radius:20px 20px 0 0; }
.sl_list { max-height:420px; overflow-y:auto; padding:3rem; }
.sl_list ul { display:flex; gap:8px; flex-direction:column; }
.sl_list ul li a { display:flex; gap:5px; color:#000; border-radius:10px; flex-direction:column; font-size:1.3rem; background:#fff; border:1px solid #ddd; padding:2rem; position:relative; transition:all 0.2s; }
.sl_list ul li a:hover { border-color:#1a1a1a; }
.sl_list ul li a::after { content:'\e91e'; font-family:'icomoon' !important; position:absolute; right:3rem; top:50%; transform:translateY(-50%); }
.sl_list ul li a b { font-size:1.6rem; }
.sl_list ul li .nothing { color:#767676; text-align:center; }
.detail_info { border-top:2px solid #000; }
.detail_info dl { display:flex; padding:3rem 0; text-align:left; border-bottom:1px solid #ededed; }
.detail_info dl:last-child { border-bottom:none; }
.detail_info dl dt { width:20%; }
.detail_info dl dd { width:80%; font-size:1.8rem; }
.detail_info dl.column { gap:3rem; }
.detail_info dl.column dd { width:100%; }
.list { display:flex; gap:10px; flex-direction:column; }
.list li::before { content:''; width:5px; height:5px; background:#000; display:inline-block; border-radius:5px; position:absolute; left:0; top:6px; }
.list li { padding-left:15px; position:relative; }
.visual_step { display:flex; flex-wrap:wrap; }
.visual_step li { width:20%; padding:11rem 2rem 0; position:relative; text-align:center; }
.visual_step li::after { content:''; width:100%; height:1px; background:#ededed; display:block; position:absolute; top:40px; left:0; }
.visual_step li:first-child::after { width:50%; left:50%; }
.visual_step li:last-child::after { width:50%; left:0; }
.visual_step li strong { font-size:2rem; display:block; margin-bottom:1rem; font-weight:800; }
.visual_step li p { font-size:1.3rem; }
.visual_step li .no { position:absolute; z-index:1; top:0; left:50%; transform:translateX(-50%); width:90px; height:90px; display:inline-flex; gap:8px; flex-direction:column; align-items:center; justify-content:center; border-radius:50px; color:#fff; background:#074ae8; background:linear-gradient(136deg, rgba(7, 74, 232, 1) 0%, rgba(0, 32, 191, 1) 100%); border:7px solid #d9e4ff; }
.visual_step li .no b { font-size:3rem; font-weight:900; line-height:1em; }
.visual_step li .no span { font-size:1.2rem; font-weight:400; line-height:1em; }
.side_content { display:flex; gap:5rem; align-items:center; }
.side_content .text { width:70%; text-align:left; }
.side_content .text .title { }
.side_content .text .title span { font-weight:900; }
.side_content .text p { margin-bottom:1rem; font-size:1.6rem; line-height:3.5rem; }
.side_content .img { width:40%; }
.flex_form { display:flex; flex-wrap:wrap; gap:3px; align-items:center; }
.idpic { width:121px; height:145px; display:inline-flex; }
.idpic img { width:100%; height:100%; object-fit:cover; }
.support_box { border-radius:30px; padding:10rem 5rem 10rem 9rem; color:#fff; background:#0039bd; background:linear-gradient(136deg, rgba(0, 57, 189, 1) 0%, rgba(0, 24, 82, 1) 100%); position:relative; overflow:hidden; }
.support_box::after { content:''; display:block; width:500px; height:500px; background:url(../images/user/logo_bg.png) 50% 50% / contain no-repeat; position:absolute; right:-8%; top:50%; transform:translateY(-50%); }
.support_box .text { display:flex; flex-direction:column; gap:2rem; position:relative; z-index:2; }
.support_box strong { color:#fff; font-weight:900; text-align:left; font-size:4rem; line-height:4rem; }
.support_box p { font-size:2rem; line-height:3.5rem; }
.support_box img { height:240px; position:absolute; right:5rem; top:50%; transform:translateY(-50%); z-index:1; }
.mileage_box { background:#4747CD; background:linear-gradient(136deg, rgba(128,73,255, 1) 0%, rgba(32,37,197, 1) 100%); padding:8rem 0 0; border-radius:30px; text-align:center; display:flex; align-items:center; flex-direction:column; gap:3rem; position:relative; color:#fff; overflow:hidden; }
.mileage_box::after { content:''; display:block; width:100%; height:250px; position:absolute; top:0; left:0; background:url(../images/user/bg_mileage2.png) 0 50% / cover no-repeat; z-index:0; filter:blur(4px); }
.mileage_box .text { position:relative; z-index:1; line-height:3.4rem; }
.mileage_box p { font-size:4rem; font-family:S-coredream; }
.mileage_box p b { font-weight:800; }
.mileage_box strong { font-size:7rem; font-weight:800; font-family:moya; }
.mileage_box .text b { margin-right:0.5rem; }
.mileage_box img { width:600px; margin-bottom:-4rem; }
.mileage_box.done { padding:8rem 0 7rem; gap:5rem; background:var(--lp); color:#08255b; }
.mileage_box.done p { font-size:2.5rem; font-family:var(--fontmain); }
.mileage_box.done::after { display:none; }
.mileage_box.done img { width:300px; margin-bottom:0; }
.iframe_wrap .satisfy { margin:0; }
.iframe_wrap .borderlist_table { margin:0; position:static; }
.iframe_wrap .page_pass a { font-size:1.4rem; }
.borderlist_search { display:flex; gap:3px; }
.borderlist_search .borderlist_text, .borderlist_searchform, .borderlist_search button { float:none; margin:0; height:40px; border-radius:5px; transition:all 0.2s; }
.borderlist_search .borderlist_text { border:1px solid #ccc; width:200px; }
.borderlist_searchform { width:auto; padding-left:10px; border:1px solid #ccc; color:#000; }
.borderlist_search button { width:auto; padding:0 20px; background:var(--navy); border:1px solid #333; }
.borderlist_search .borderlist_text:hover, .borderlist_searchform:hover { border:1px solid #666; }
.family { display:flex; gap:10px; }
.family strong { width:60px; }
.status_year { display:flex; justify-content:flex-end; align-items:center; gap:5px; margin-bottom:2rem; }
.donation_box_wrap { display:flex; gap:3rem; flex-direction:column; }
.donation_box { border:1px solid #d3d3d3; border-radius:2rem; padding:4rem; }
.donation_box .title { margin-bottom:2rem; font-size:2.4rem; font-weight:800; }
.donation_box .donation_content { position:relative; text-align:center; }
.donation_box .donation_content .text { width:100%; position:absolute; top:50%; transform:translateY(-50%); line-height:3rem; font-size:2rem; }
.donation_box .donation_content .text span { font-size:4rem; font-weight:900; font-family:'S-CoreDream'; color:#004897; }
.donation_fund { display:flex; flex-direction:column; gap:2rem; }
.fields text { font-family:'N-SquareNeo' !important; }
.khc_wrap { position:relative; padding:0 5rem; overflow:hidden; margin-top:5rem; }
.khc_wrap .slide_btn { position:absolute; top:0; height:150px; width:30px; }
.khc_wrap .slide_btn.left { left:0; }
.khc_wrap .slide_btn.right { right:0; }
.memberList_wrap { width:100%; overflow:hidden; height:150px; }
.memberList_wrap .memberList { display:flex; gap:3rem; position:absolute; width:calc(100% - 10rem); }
.khcList { display:inline-block; width:calc(100% / 3 - 6rem / 3); height:150px; background-color:#fff; cursor:pointer; border:1px solid #ededed; }
.khcList:hover { border:1px solid #ccc; }
.khcList img { width:100%; height:100%; object-fit:contain; }
.gallery_list { display:flex; gap:2rem; flex-wrap:wrap; margin:3rem 0; }
.gallery_list .box { width:calc(100% / 3 - 4rem / 3); border:1px solid #ededed; padding:3rem; display:flex; gap:2rem; align-items:flex-start; }
.gallery_list .box img { width:calc(50% - 2rem); }
.gallery_list .box > a { width:calc(50% - 2rem); }
.gallery_list .box > a img { width:100%; }
.gallery_list .box .text { width:50%; }
.gallery_list .box .text > p { font-size:13px; }
.gallery_list .box .s04_10_people_name { margin-bottom:1rem; display:block; font-weight:800; font-size:17px; color:#000; }
.gallery_list .box .s04_10_people_name span { color:#000; font-weight:500; }
/*사회적응예측 세부결과*/
.report_page { page-break-after:always; }
.report_wrap .info_box { padding:2.4rem; border:1px solid #ccc; margin-bottom:2rem; font-size:1.4rem; line-height:2.4rem; }
.report_page_wrap { border:1px solid #ccc; }
.report_page_wrap .headline { margin-bottom:0; }
.report_page_wrap .headline .title { padding:5rem 2rem; margin:0 0 2rem; color:#fff; position:relative; background:#0039bd; background:linear-gradient(136deg, rgba(0, 57, 189, 1) 0%, rgba(0, 24, 82, 1) 100%); overflow:hidden; }
.report_page_wrap .headline .title::after { content:''; display:block; width:250px; height:250px; background:url(../images/user/logo_bg.png) 50% 50% / contain no-repeat; position:absolute; right:-5%; top:50%; transform:translateY(-50%); z-index:1; }
.report_page_wrap .headline h4 { text-align:center; font-size:2.4rem; font-family:S-Coredream; position:relative; z-index:2; }
.report_page_wrap .headline .user_info { position:relative; padding:0 2rem; width:100%; }
.report_page_wrap .headline .user_info dl { display:flex; text-align:center; flex-wrap:wrap; border:1px solid #c2d4e7; }
.report_page_wrap .headline .user_info dl dt { width:10%; padding:1rem 0; background:#d0e0f1; }
.report_page_wrap .headline .user_info dl dd { width:15%; padding:1rem 0; }
.result_content { padding:2rem; }
.result_content_box { margin-bottom:1rem; width:100%; display:flex; flex-wrap:wrap; gap:1rem; align-items:stretch; }
.result_content_box:last-child { margin-bottom:0; }
.result_content_box.col2 .col_wrap { width:calc(100% / 2 - 1rem / 2); }
.result_content_box .col_wrap { width:100%; display:flex; flex-wrap:wrap; gap:1rem; }
.result_content_box .col_wrap .box { width:100%; padding:2rem; border:1px solid #ccc; border-radius:10px; overflow:hidden; }
.result_content_box .col_wrap.col2 .box { width:calc(100% / 2 - 1rem / 2); }
.result_content_box .col_wrap.col3 .box { width:calc(100% / 3 - 2rem / 3); }
.result_content_box .col_wrap.col4 .box { width:calc(100% / 4 - 3rem / 4); }
.result_content_box .col_wrap .title { background:#fff; padding:0; margin:0 0 2rem; }
.result_content_box .col_wrap .title strong { font-size:2rem; font-weight:600; color:#000; font-family:S-Coredream; display:flex; gap:7px; align-items:center; }
.result_content_box .table_list p { text-align:left; font-weight:600; }
.result_content_box .col_wrap .box.side { display:flex; }
.result_content_box .col_wrap .box.side .title { width:30%; padding:1rem; }
.result_content_box .col_wrap .box.side .result_info { width:70%; padding:1.5rem; }
.left_fit .box:nth-child(1) .result_info { display:flex; align-items:center; padding:3rem 0; }
.result_info:has(.chart_canvas) { }
.chart_canvas { width:100% !important; height:210px !important; }
.detailscore { width:100%; }
.detailscore .visual_result { gap:0 !important; }
.detailscore li { width:calc(100% / 4); text-align:center; border-right:1px solid #ededed; }
.detailscore li:last-child { border-right:none; }
.detailscore li dt { margin-bottom:3rem; }
.detailscore li dd { font-size:2rem; }
.detailscore li dd strong { font-size:4rem; font-style:oblique; font-family:S-Coredream; font-weight:600; margin-right:5px; }
/*맞춤형 복지서비스*/
.result_info .visual_result { display:flex; flex-wrap:wrap; justify-content:space-between; }
.recommended1 .visual_result { gap:2rem; }
.recommended1 li { width:calc(100% / 3 - 4rem / 3); aspect-ratio:1/1; font-size:1.5rem; font-weight:600; border:2px solid #3F51B5; box-shadow:0 0 0px 5px #e3e7ff; border-radius:20px; display:inline-flex; flex-direction:column; gap:1.5rem; justify-content:center; align-items:center; }
.recommended1 li img { height:50px; }
.recommended2 li { border-bottom:1px solid #ededed; padding:1.5rem 0 1.5rem 1.5rem; }
.recommended2 li strong::before { width:5px; height:5px; content:''; background:#000; display:block; border-radius:10px; position:absolute; left:-15px; top:5px; }
.recommended2 li:first-child { padding-top:0; }
.recommended2 li:last-child { border-bottom:none; padding-bottom:0; }
.recommended2 li strong { font-size:1.5rem; font-weight:600; position:relative; }
.recommended2 li p { margin:5px 0; font-size:1.3rem; }
.recommended2 li span { font-size:1.3rem; font-weight:500; color:#cf2600; }
.Welfare_info { margin-bottom:2rem; }
.totalscore strong { font-size:5rem; font-style:oblique; font-weight:bold; font-family:S-Coredream; margin-right:5px; }
.total_score { position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); width:50% !important; z-index:2; }
/*사회적응수준*/
.sociallevel { }
.sociallevel li { width:calc(100% / 3 - 2rem / 3); aspect-ratio:1/1; display:inline-flex; justify-content:center; align-items:center; font-size:3rem; font-weight:800; border-radius:200px; }
.sociallevel li:nth-child(1) { background:#4bbd50; }
.sociallevel li:nth-child(2) { background:#ffd63b; }
.sociallevel li:nth-child(3) { background:#ff4322; }
.visual_result.col6 { display:flex; flex-wrap:wrap; gap:2rem; }
.visual_result.col6 li { width:calc(100% / 6 - 10rem / 6); aspect-ratio:1/1; opacity:0.4; position:relative; filter:grayscale(1); border-radius:20px; text-align:center; border:2px solid #fff; }
.visual_result.col6 li.active { opacity:1; filter:grayscale(0); border:2px solid #3F51B5; box-shadow:0 0 0px 5px #e3e7ff; }
.visual_result.col6 li a { display:inline-flex; flex-direction:column; gap:1.5rem; justify-content:center; align-items:center; width:100%; height:100%; }
.visual_result.col6 li a img { height:60px; }
.visual_result.col6 li:hover img { transform:rotateY(360deg); filter:grayscale(0); transition:all 0.5s; }
.Welfare_info { display:flex; flex-wrap:wrap; gap:2rem 1rem; padding-top:1rem; }
.Welfare_list_box { border:2px solid #e9e8ff; border-radius:2.5rem 3rem 3rem; display:flex; flex-wrap:wrap; align-items:center; gap:2rem; position:relative; padding:2.5rem 2.5rem 2.5rem; }
.Welfare_list_box strong { position:absolute; top:-17px; left:2rem; background:#fff; padding:4px 1rem; font-size:1.3rem; background:#423fb5; color:#fff; border-radius:50px; }
.Welfare_list_box ul { width:100%; gap:1rem; }
.Welfare_list_box li { aspect-ratio:1/1; opacity:0.4; position:relative; filter:grayscale(1); border-radius:20px; text-align:center; border:2px solid #fff; transition:all 0.2s; }
.Welfare_list_box li.active { opacity:1; filter:grayscale(0); border:2px solid #3F51B5; box-shadow:0 0 0px 5px #e3e7ff; }
.Welfare_list_box li a { display:inline-flex; flex-direction:column; gap:1.5rem; justify-content:center; align-items:center; width:100%; height:100%; }
.Welfare_list_box li a img { height:50px; }
.Welfare_list_box li:hover { filter:grayscale(0); opacity:1; }
.Welfare_list_box li:hover img { transform:rotateY(360deg); transition:all 0.5s; }
.Welfare_list_box.col1 { width:calc(100% / 6 - 1rem / 2); }
.Welfare_list_box.col2 { width:calc(100% / 6 * 2 - 1rem / 2); }
.Welfare_list_box.col3 { width:calc(100% / 2 - 1rem / 2); }
.Welfare_list_box.col4 { width:calc(100% / 6 * 4 - 1rem / 2); }
.Welfare_list_box.col5 { width:calc(100% / 6 * 5 - 1rem / 2); }
.Welfare_list_box.col6 { width:100%; justify-content:space-between; }
.Welfare_list_box .visual_result.col1 { justify-content:center !important; }
.Welfare_list_box.col1 li { width:100%; }
.Welfare_list_box.col2 li { width:calc(100% / 2 - 2rem / 2); }
.Welfare_list_box.col3 li { width:calc(100% / 3 - 4rem / 3); }
.Welfare_list_box.col4 li { width:calc(100% / 4 - 6rem / 4); }
.Welfare_list_box.col5 li { width:calc(100% / 5 - 8rem / 5); }
.Welfare_list_box.col6 li { width:calc(100% / 6 - 10rem / 6); }
.signallight { }
.signallight ul { display:flex; padding:8px; background:#ededed; border-radius:10px; }
.signallight li { width:50%; text-align:center; padding:1rem 1rem; border-radius:5px; }
.signallight li.active { font-weight:700; color:#fff; }
.signallight li:nth-child(1).active { background:#4caf50; }
.signallight li:nth-child(2).active { background:#f44336; }
.basiclife ul { display:flex; gap:0.6rem; flex-wrap:wrap; }
.basiclife ul li { width:calc(100% / 5 - 2.4rem / 5); text-align:center; padding:1rem; border:1px solid #ccc; opacity:0.5; border-radius:7px; }
.basiclife ul li.active { background:#162e77; border:1px solid #03195d; color:#fff; font-weight:800; opacity:1; }
.result_content_box .col_wrap .box.col4_title .title { width:calc(100% / 4 - 3rem / 4); }
.result_content_box .col_wrap .box.col4_title .result_info { width:calc(100% - (100% / 4 - 3rem / 4)); }
.lifestyle_info { padding:2rem 1rem 0; }
.lifestyle_info .chart_canvas { height:400px !important; }
.table_result { width:100%; }
.table_result th, .table_result td { border-bottom:1px solid #ededed; }
.table_result { width:100%; table-layout:fixed; border-top:2px solid #36435f; color:#4d4d4d; }
.table_result th, .table_result td { font-size:1.4rem; border-bottom:1px solid #e4e7ec; vertical-align:middle; text-align:center; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); padding:12px 0; }
.table_result th { border-bottom:1px solid #36435f; padding:10px 0; color:#36435f; }
.table_result p { text-align:left; font-weight:600; color:#000; padding:0 1rem; }
.table_result input[type='checkbox'] + label { color:#999; gap:3px; }
.table_result input[type='checkbox'] + label::before { width:16px; height:16px; border:none; }
.table_result input[type='checkbox']:checked + label::before { color:#4d4d4d; background:none; border:none; }
.table_result input[type='checkbox']:checked + label { color:#4d4d4d; }
.table_result .text { display:none; }
.table_result_normal { width:100%; table-layout:fixed; border-top:2px solid #36435f; color:#4d4d4d; }
.table_result_normal th, .table_result_normal td { font-size:1.4rem; border-bottom:1px solid #e4e7ec; vertical-align:middle; text-align:center; transition:all 0.3s cubic-bezier(.22, .61,.36, 1); padding:12px 0; }
.table_result_normal th { border-bottom:1px solid #36435f; padding:10px 0; color:#36435f; }
/*** 프로그래스바 시작 ***/
.result_info:has(.sociallevel) { padding:3rem 3rem 5rem; }
.sociallevel { position:relative; z-index:1; transform:translateY(10px); }
.total_score { border:none !important; }
.total_score .title { margin:0 0 3rem !important; }
/* .half-circle-progress */
.half-circle-progress { position:relative; }
.progress_wrap { position:relative; overflow:hidden; aspect-ratio:2 / 1; pointer-events:none; }
.progress-left { overflow:hidden; position:absolute; top:0; left:0; width:50%; height:100%; z-index:1; }
.progress-right { overflow:hidden; position:absolute; top:0; right:0; width:50%; height:100%; z-index:1; }
/* .progress-bar */
.half-circle-progress .progress-bar { position:absolute; top:0; width:200%; height:200%; border-radius:500px; border:10px solid transparent; }
.label_text { position:absolute; font-size:1.3rem; font-weight:600; z-index:7; }
.label_1 { left:20px; bottom:0; }
.label_2 { left:50%; transform:translateX(-50%); top:20px; }
.label_3 { right:20px; bottom:0; }
/* .progress-left */
.progress-left .progress-bar { left:0; transform:rotate(0deg); background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #ff4322 0%, #ffd63b 50%); background-origin:border-box; background-clip:content-box, border-box; }
/* .progress-right */
.progress-right .progress-bar { right:0; transform:rotate(0deg); background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #ffd63b 50%, #4bbd50 100%); background-origin:border-box; background-clip:content-box, border-box; }
/*.progress-thumb */
.progress_thumb_wrap { position:absolute; top:2px; left:0; z-index:6; width:100%; height:200%; border-radius:50%; transform:rotate(270deg); }
.progress-thumb { position:absolute; top:0px; left:0; z-index:6; width:100%; height:100%; border-radius:500px; transform:rotate(0deg); }
.progress-circle { overflow:hidden; position:absolute; top:-8px; left:50%; transform:translateX(-50%); width:24px; height:24px; border-radius:500px; box-shadow:0 0 10px 0 rgba(0,0,0,0.5); background:#fff; border:4px solid #000; color:#fff; font-size:1.5rem; font-weight:600; display:flex; justify-content:center; align-items:center; letter-spacing:-1px; font-family:S-Coredream; }
.progress-center-dot { position:absolute; top:0; left:50%; z-index:2; transform:translateX(-50%); width:10px; height:10px; border-radius:500px; border:3px solid #7ed2d5; background:#fff; }
/*** 프로그래스바 끝 ***/
.password_wrap { padding:5rem; }
.password_wrap table { width:600px; margin:0 auto; }
/* 반응형 스타일 */

@media all and (max-width: 1400px) {
	.detailscore ul { display:flex; gap:1rem !important; }
	.detailscore li { width:calc(100% / 2 - 1rem / 2); border:none; padding:2rem 0rem; }
	.detailscore li dl { display:flex; align-items:baseline; }
	.detailscore li dt { margin-bottom:0; width:50%; }
	.left_fit .box:nth-child(1) .result_info { padding:0; }
}

/* 반응형 미디어 쿼리 - 1000px 이하 */

@media all and (max-width: 1000px) {
	.Welfare_list_box.col2, .Welfare_list_box.col3, .Welfare_list_box.col4, .Welfare_list_box.col6 { width:100%; }
	.Welfare_list_box.col2 ul, .Welfare_list_box.col3 ul, .Welfare_list_box.col4 ul, .Welfare_list_box.col6 ul { gap:1rem !important; justify-content:flex-start; }
	.Welfare_list_box .visual_result.col1 { justify-content:flex-start !important; }
	.Welfare_list_box.col2 li, .Welfare_list_box.col3 li, .Welfare_list_box.col4 li, .Welfare_list_box.col6 li { width:calc(100% / 5 - 4rem / 5); }
}


@media all and (max-width: 880px) {
	.result_content_box .col_wrap.col2 .box,
	.result_content_box .col_wrap.col3 .box,
	.result_content_box .col_wrap.col4 .box,
	.result_content_box.col2 .col_wrap { width:100%; }
	.report_page_wrap .headline .user_info dl { border-bottom:none; }
	.report_page_wrap .headline .user_info dl dt { width:20%; border-bottom:1px solid #c2d4e7; }
	.report_page_wrap .headline .user_info dl dd { width:30%; border-bottom:1px solid #c2d4e7; }
	.table_result thead, .table_result colgroup { display:none; }
	.table_result tr { display:flex; flex-wrap:wrap; gap:2rem 2rem; padding:2rem 0; width:100%; border-bottom:1px solid #e4e7ec; }
	.table_result td { border-bottom:none; padding:0; color:#999; }
	.table_result input[type='checkbox']:checked + label,
	.table_result td.icon-checkmark { color:#000; font-weight:600; }
	.table_result td.icon-checkmark::before,
	.table_result input[type='checkbox']:checked + label::before { font-weight:400; color:#f44336; }
	.table_result td.icon-checkmark::before { margin-right:3px; }
	.table_result .pl10 { padding:0 !important; }
	.table_result td p { padding:0; font-size:1.6rem; }
	.table_result td p::before { content:'Q.'; margin-right:3px; }
	.table_result td:has(p) { width:100%; }
	.table_result .text { display:inline-block; }
	.password_wrap { padding:3rem; }
	.password_wrap table { width:100%; }
}


@media all and (max-width: 600px) {
	.basiclife ul li { width:calc(100% / 3 - 1.2rem / 3); }
	.lifestyle_info .chart_canvas { height:300px !important; }
	.table_result_normal { display:none; }
	.Welfare_info { gap:3rem 0; }
	.Welfare_list_box li a img, .visual_result.col6 li a img, .recommended1 li img { height:35px; }
	.Welfare_list_box.col2 li, .Welfare_list_box.col3 li, .Welfare_list_box.col4 li, .Welfare_list_box.col6 li { width:calc(100% / 3 - 2rem / 3); }
}


@media all and (max-width:480px) {
	.Welfare_list_box.col2 li, .Welfare_list_box.col3 li, .Welfare_list_box.col4 li, .Welfare_list_box.col6 li { width:calc(100% / 2 - 1rem / 2); }
	.password_wrap { padding:2rem; }
}

/* 인쇄 스타일 */

@media print {
	.content_wrap:has(.report_page_wrap) .sub_header { display:none; }
	/* 인쇄 시 상단 숨기기 */
	.report_page_wrap .headline .user_info dl { flex-wrap:nowrap; }
	.report_page_wrap { border:none; }
	.result_content { padding:0; }
	.report_page_wrap .headline .user_info { padding:0; margin-bottom:20px; }
	/* 그리드와 리스트 레이아웃 */
	.result_content_box .col_wrap.col2 .box { width:calc(100% / 2 - 1rem / 2); }
	.result_content_box .col_wrap.col3 .box { width:calc(100% / 3 - 2rem / 3); }
	.result_content_box .col_wrap.col4 .box { width:calc(100% / 4 - 3rem / 4); }
	.result_content_box.col2 .col_wrap { width:calc(100% / 2 - 1rem / 2); }
	.Welfare_list_box.col2 { width:calc(100% / 6 * 2 - 1rem / 2); }
	.Welfare_list_box.col3 { width:calc(100% / 2 - 1rem / 2); }
	.Welfare_list_box.col4 { width:calc(100% / 6 * 4 - 1rem / 2); width:calc(100% / 6 * 4 - 1rem / 2); }
	.Welfare_list_box.col6 { width:100%; }
	.Welfare_list_box.col2 li { width:calc(100% / 2 - 1rem / 2); }
	.Welfare_list_box.col3 li { width:calc(100% / 3 - 2rem / 3); }
	.Welfare_list_box.col4 li { width:calc(100% / 4 - 3rem / 4); }
	.Welfare_list_box.col6 li { width:calc(100% / 6 - 5rem / 6); }
	.Welfare_list_box.col2 ul, .Welfare_list_box.col3 ul, .Welfare_list_box.col4 ul, .Welfare_list_box.col6 ul { gap:1rem !important; justify-content:space-between; }
	.Welfare_list_box .visual_result.col1 { justify-content:center !important; }
	/* 테이블 */
	.table_result colgroup { display:table-column-group; }
	.table_result thead { display:table-row-group; }
	.table_result tr { display:table-row; border-bottom:none; }
	.table_result th, .table_result td { font-size:1.2rem; padding:8px 0; border-bottom:1px solid #e4e7ec; }
	.table_result .pl10 { padding:10px !important; }
	.table_result td p { padding:0; font-size:1.6rem; }
	.table_result td { width:100px; }
	.table_result td p::before { content:''; }
	.table_result td:has(p) { width:auto; }
	.table_result .text { display:none; }
	/* 기타 스타일 */
	.visual_result.col6 li a img { height:45px; }
	.result_info .content_box.thin { padding:0; background:none !important; }
	.Welfare_list_box { padding:2rem; }
	.Welfare_list_box strong { padding:2px 1rem; top:-13px; }
	/* 차트 및 그래픽 */
	.chart_canvas { width:100% !important; height:160px !important; }
	canvas { max-width:none !important; max-height:none !important; width:100% !important; height:100% !important; }
	.lifestyle_info .chart_canvas { width:100% !important; height:auto !important; }
	* { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}

/* 2026 MAIN */
.section1 { position:relative; width:100%; height:96rem; min-height:72rem; padding:13rem 0 0; overflow:hidden; background-image:url(../images/user/main_bg.svg); background-repeat:no-repeat; background-position:center bottom; background-size:cover; }
.section1 .inner.main::before { content:""; width:100%; height:485px; position:absolute; inset:0; z-index:0; background-image:url(../images/user/wave.svg); background-repeat:no-repeat; background-position:center bottom; background-size:auto; pointer-events:none; bottom:-16px !important; top:auto; z-index:8; }
/* 메인 영역 높이 */
.section1 .inner.main { height:calc(100% - 13rem); }
/* 슬라이드 영역을 메인 높이에 맞춤 */
.section1 .main_slide,
.section1 .swiper,
.section1 .swiper-wrapper,
.section1 .swiper-slide,
.section1 .slide_content { height:100%; }
.section1 .slide_content { position:relative; display:flex; align-items:flex-start; justify-content:flex-start; margin-bottom:0; }
/* 왼쪽 카피 영역 */
.section1 .slide_content .text { position:absolute; top:12%; left:0; z-index:5; display:flex; flex-direction:column; align-items:flex-start; }
/* 시안 상단 3색 문구 */
.section1 .slide_content .text .top { display:flex; align-items:center; gap:1.2rem; margin-bottom:2.5rem; white-space:nowrap; }
.section1 .slide_content .text .top p { font-family:'Cafe24Ohsquare', sans-serif; font-weight:700; margin:0; font-size:4rem; line-height:1.2; letter-spacing:-0.06em; text-align:left; visibility:visible; }
.section1 .slide_content .text .green_title { color:#007a25; }
.section1 .slide_content .text .blue_title { color:#0048c8; animation-delay:.3s !important; }
.section1 .slide_content .text .orange_title { color:#CD3200; animation-delay:.4s !important; }
/* 범죄예방 전문기관 */
.section1 .slide_content .text .middle { margin-bottom:4rem; }
.section1 .slide_content .text .middle p { margin:0; font-family:'Cafe24Ohsquare', 'S-CoreDream', sans-serif; font-size:9.5rem; line-height:1; font-weight:500; letter-spacing:-0.05em; color:#062d5d; text-align:left; white-space:nowrap; visibility:visible; animation-delay:.4s !important; }
/* 하단 설명 */
.section1 .slide_content .text .bottom { display:block; margin:0; }
.section1 .slide_content .text .bottom p { font-family:'S-CoreDream'; margin:0; font-size:2.4rem; line-height:1.5; font-weight:500; color:#333; text-align:left; visibility:visible; animation-delay:.4s !important; }
/* =========================================================
보호대상자 지원 사업안내
========================================================= */
.section2 .box_wrap .box.support_business .box_content { padding:3.5rem; }
/* 전체 : 왼쪽 메뉴 + 오른쪽 교육지원 */
.section2 .support_business .support_menu { width:100%; display:flex; align-items:stretch; gap:14px; }
/* ---------------------------------------------------------
왼쪽 4개 메뉴
--------------------------------------------------------- */
.section2 .box_wrap .support_business ul.support_main { width:calc(52% - 7px); display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; }
.section2 .box_wrap .support_business ul.support_main li { width:auto; }
.section2 .box_wrap .support_business ul.support_main li a { width:100%; height:100%; min-height:120px; aspect-ratio:auto; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1.5rem; padding:2rem 1rem; background:#fff; border-radius:30px; font-size:1.7rem; font-weight:700; }
.section2 .box_wrap .support_business ul.support_main li a img { height:40px; margin:0; }
.section2 .box_wrap .support_business ul.support_main li a p { margin:0; }
/* ---------------------------------------------------------
오른쪽 교육지원
--------------------------------------------------------- */
.section2 .support_business .education_support { width:calc(48% - 7px); display:flex; flex-direction:column; padding:2rem 1.5rem 1.5rem; background:#fff; border-radius:30px; border:1px solid #c4dbed; transition:0.3s cubic-bezier(0.5, 1, 0.89, 1); }
/* 교육지원 제목 */
.section2 .support_business .education_title { width:100%; display:flex; flex-direction:row; align-items:center; justify-content:center; gap:18px; padding:0 0 1.6rem; background:transparent; border:0; border-radius:0; aspect-ratio:auto; }
.section2 .support_business .education_title img { width:auto; height:42px; margin:0; }
.section2 .support_business .education_title strong { font-size:1.7rem; font-weight:700; color:#000; }
/* ---------------------------------------------------------
교육지원 세부 메뉴
--------------------------------------------------------- */
.section2 .box_wrap .support_business ul.education_list { width:100%; gap:0; padding:0.5rem 1.2rem; background:#f7f7f7; border-radius:20px; height:100%; }
.section2 .box_wrap .support_business ul.education_list li { width:100%; border-bottom:1px dashed #d8d8d8; display:inline-flex; }
.section2 .box_wrap .support_business ul.education_list li:last-child { border-bottom:none; }
.section2 .box_wrap .support_business ul.education_list li a { width:100%; height:auto; aspect-ratio:auto; display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:10px; padding:0 0.5rem; background:transparent; border:0; border-radius:0; font-size:1.5rem; font-weight:600; color:#595959; transition:0.3s cubic-bezier(0.5, 1, 0.89, 1); }
.section2 .box_wrap .support_business ul.education_list li:last-child a { border-bottom:0; }
.section2 .box_wrap .support_business ul.education_list li a .icon-arrow-r { font-size:1.3rem; color:#888; transition:transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), color 0.35s ease; }
/* ---------------------------------------------------------
hover
--------------------------------------------------------- */
.section2 .box_wrap .support_business ul.education_list li a:hover { box-shadow:none; color:#0048c8; }
.section2 .box_wrap .support_business ul.education_list li a:hover .icon-arrow-r { color:#0048c8; transform:translateX(4px); }
/* 데스크톱 기본 높이 */
.section2 .box_wrap .box_content { height:39.5rem !important; }
/* 내부 영역도 높이에 맞춤 */
.section2 .support_business .support_menu { height:100%; }
.section2 .box_wrap .support_business ul.support_main { height:100%; }
.section2 .support_business .education_support { height:100%; }
/* 보호대상자 지원사업 순차 모션 */
.support_menu.run .support_main li:nth-child(1) { animation-delay:0.1s; }
.support_menu.run .support_main li:nth-child(2) { animation-delay:0.2s; }
.support_menu.run .support_main li:nth-child(3) { animation-delay:0.3s; }
.support_menu.run .support_main li:nth-child(4) { animation-delay:0.4s; }
.support_menu.run .education_support { animation-delay:0.5s; }

/* popup */
.ly_pop_main { overflow: hidden; }
.close_option form { display: flex; width: 100%; padding: 10px 12px; justify-content: space-between; }
.close_option form div { display: inline-block; font-size: 13px; }
.close_option form input[type='checkbox'] + label { font-size: 13px; }
.close_option form div a { display: flex; align-items: center; gap: 5px; }
.ly_pop_main .popup-close { width: 100%; height: 100%; background-color: unset; border: none; }