@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_headline .slogan { margin-top:4rem; display:flex; flex-direction:column; align-items:flex-start; gap:10px; position:relative;  }
.intro_headline .slogan strong { display:flex; flex-direction:column; }
.intro_headline .slogan strong span { font-family:moya; font-size:10rem; letter-spacing:-3px; line-height:10rem; display:inline-block; }
.intro_headline .slogan strong .orange { color:#ff5f10; }
.intro_headline .slogan strong .blue { color:#003FDF; }
.intro_headline .slogan p { line-height:3rem; font-size:2.2rem; font-weight:600; color:#333; }
.intro_headline .slogan p span { display:block; }
.intro_headline .slogan img.bg_point { position:absolute; right:0; top:50px; height:120px; }

.intro_bottom { position:absolute; bottom:6rem; left:10rem; }
.sponsor_info p { font-size:3rem; font-weight:600; line-height:5rem; margin-bottom:3rem; position:relative; z-index:1; }
.sponsor_info p span { display:block; color:#333; }
.sponsor_info p b { font-weight:900; font-size:4rem; 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%); }
.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(1) 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, rgba(246, 146, 29, 1) 0%, rgba(238, 100, 28, 1) 100%); }
.intro_card ul li:nth-child(3) 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(1) a:hover span { color:#1842CF; }
.intro_card ul li:nth-child(2) a:hover span { color:#F6921D; }
.intro_card ul li:nth-child(3) 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,
.intro_headline .slogan img.bg_point,
.sponsor_info p span,
.sponsor_info ul li,
.intro_bottom .copyright{ 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; }
}

.intro_headline .slogan p span:nth-child(1) { animation-delay:0.2s; }
.intro_headline .slogan p span:nth-child(2) { animation-delay:0.4s; }
.intro_headline .slogan strong span:nth-child(1) { animation-delay:0.6s; }
.intro_headline .slogan strong span:nth-child(2) { animation-delay:0.8s; }
.intro_headline .slogan img.bg_point { animation-delay:1s; }
.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:420px; }
.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; }

.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);}
.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);}
.section2 .box_wrap .box ul li a: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 { 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:#df4800; }
.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; }
   0% { transform:translateY(50px); opacity:1; }
   100% { transform:translateY(0); opacity:0; }
	}
 @keyframes heartmobile {
   0% { transform:translateY(0); opacity:0; }
   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:#df4800; 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; }
.section4 .headline .tabs li a { font-size:2.2rem; font-weight:800; }
.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:#fb3c00 !important; font-weight:bold; position:relative; }
.section4 .headline .tabs li.active a::before { content:''; display:block; width:10px; height:10px; background:#fb3c00; border-radius:10px; position:absolute; top:-20px; }
.section4 .headline .tabs li.active a::after { background:var(--orange); 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:#d73401; 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:#81a3b3; }

.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:3rem; display:block; background:rgba(53,53,53,.5); z-index:1; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); 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; }
.newsbox_wrap .swiper-slide .text strong { color:#fff; font-size:1.8rem; font-weight:800; margin-top:20px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.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; }




.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 { width:auto; border:1px solid #ccc; width:200px; }
.borderlist_searchform { width:auto; padding-left:10px; border:1px solid #ccc; }
.borderlist_search button { width:auto; padding:0 20px; background:var(--navy); }
.borderlist_search .borderlist_text:hover, .borderlist_searchform:hover { border:1px solid #666; }

/*사회적응예측 세부결과*/
.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;}
/*** 프로그래스바 끝 ***/

/* 반응형 스타일 */
@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; }
}

@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); }
}

/* 인쇄 스타일 */
@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); }
   .Welfare_list_box.col4 { 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; }
}