@charset "utf-8";

/**************************************/
/********** 공통 **********/
/**************************************/
/* 준비중 */
.ready_wrap {display:flex;justify-content:center;align-items:center;text-align:center;}
.ready_inner {width:100%;position:relative;}
.ready_character {margin-bottom:3rem;display:flex;justify-content:center;}
.svg_cloud {width:24rem;height:auto;animation:floatCloud 4s ease-in-out infinite;}
.star {transform-origin:center;animation:twinkleStar 2s ease-in-out infinite;}
.star_anim1 {animation-delay:0s;}
.star_anim2 {animation-delay:0.5s;}
.star_anim3 {animation-delay:1s;}
@keyframes floatCloud {0%, 100% {transform:translateY(0) rotate(0deg);} 50% {transform:translateY(-1.2rem) rotate(1deg);} }
@keyframes twinkleStar { 0%, 100% {transform:scale(1) rotate(0deg);opacity:0.8;} 50% {transform:scale(1.2) rotate(15deg);opacity:1;} }
.ready_title {font-family:'Jalnan', sans-serif;font-size:3rem;color:var(--black);margin-bottom:2rem;}
.ready_title strong {font-family:'Jalnan', sans-serif;color:var(--primary);}
	@media only screen and (max-width:767px){
		.svg_cloud {width:18rem;}
		.ready_title {margin-bottom:1.5rem;}
	}

/* 상단 정보 안내 박스 (.icon_box) */
.icon_box {display:flex;gap:2.5rem;align-items:center;background:var(--wm5);border:1px dashed var(--primary);border-radius:2rem;padding:3rem 5rem;margin-bottom:4rem;}
.icon_box .info_icon {display:flex;align-items:center;justify-content:center;}
.icon_box .text {flex:1;}
	@media only screen and (max-width:767px){
		.icon_box {padding:2rem 3rem;}
        .icon_box .info_icon img {height:7rem;}
	}

/* 탭 스타일(3뎁스) */
.tab_style1 {border-bottom:1px solid var(--border);text-align:center;margin-bottom:6rem;}
.tab_style1 .tab_nav {display:inline-flex;align-items:center;position:relative;bottom:-1px;}
.tab_style1 .tab_nav li {position:relative;display:flex;align-items:center;}
.tab_style1 .tab_nav li + li::before {content:'';width:1px;height:1.4rem;background:#eee;margin:0 2.5rem;}
.tab_style1 .tab_nav button, .tab_style1 .tab_nav a {font-size:2rem;font-weight:600;padding:1.5rem 0;border:none;background:none;cursor:pointer;transition:all 0.2s;text-decoration:none;position:relative;}
.tab_style1 .tab_nav li.active button, .tab_style1 .tab_nav li.active a {font-weight:700;color:var(--black);}
.tab_style1 .tab_nav li.active button::after, .tab_style1 .tab_nav li.active a::after {content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--primary);}
.tab_content_wrap .tab_panel {display:none;}
.tab_content_wrap .tab_panel.active {display:block;}
.tab_style1 .tab_mobile_select {display:none;}
.tab_select_m .tab_mobile_select {display:none;}

    @media only screen and (max-width:1199px){
        .tab_style1 .tab_nav li + li::before {margin:0 1.5rem;}
        .tab_style1 .tab_nav button, .tab_style1 .tab_nav a {font-size:1.8rem;}
    }
    @media only screen and (max-width:1023px){
        .tab_style1 .tab_nav li + li::before {margin:0 1rem;}
    }
    @media only screen and (max-width:767px){
        .tab_style1 {margin-bottom:4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;}
        .tab_style1::-webkit-scrollbar {display:none;}
        .tab_style1 .tab_nav {display:flex;width:max-content;min-width:100%;justify-content:center;}
        .tab_style1 .tab_nav li + li::before {margin:0 1.2rem;}
        .tab_style1 .tab_nav button, .tab_style1 .tab_nav a {font-size:1.5rem;padding:1rem 0;}

        /* 특정 페이지 모바일 셀렉트 박스 변환 (.tab_select_m) */
        .tab_style1.tab_select_m {border-bottom:none;margin-bottom:3rem;overflow-x:visible;}
        .tab_style1.tab_select_m .tab_nav {display:none;}
        .tab_style1.tab_select_m .tab_mobile_select {display:block;}
        .tab_style1.tab_select_m .tab_mobile_select select {width:100%;height:5rem;padding:0 2rem;font-size:1.6rem;font-weight:600;color:var(--black);border:1.5px solid var(--primary);border-radius:1.2rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M12 15L7 10H17L12 15Z'/%3E%3C/svg%3E") no-repeat right 1.5rem center / 2.4rem;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;}
    }

/* 가로형 단계 (.step_box) */
.step_box {margin-top:2rem;margin-bottom:2rem;}
.step_list {display:flex;gap:3.5rem;justify-content:space-between;list-style:none;padding:0;}
.step_list li {position:relative;flex:1;background:#fff;border:1px solid var(--border);border-radius:1.6rem;padding:3rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;transition:all 0.3s;}
.step_list li.active {border-color:var(--primary);box-shadow:0 0.8rem 2.4rem rgba(255,87,34,0.1);}
.step_list li:not(:last-child)::after {content:'\e13a';font-family:'Phosphor' !important;position:absolute;right:-2rem;top:50%;transform:translate(50%, -50%);font-size:2rem;color:#cbd5e1;font-weight:700;}
.step_list .num {display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:1.6rem;font-weight:700;margin-bottom:1.5rem;font-style:normal;}
.step_list li.active .num {background:var(--primary);color:#fff;}
.step_list .txt {display:flex;flex-direction:column;gap:0.8rem;width:100%;}
.step_list .txt em {font-style:normal;font-weight:700;color:var(--black);}
.step_list .txt strong {font-size:1.7rem;font-weight:500;color:var(--text-main);line-height:1.5;}
    @media only screen and (max-width:1023px){
        .step_list {flex-wrap:wrap;justify-content:flex-start;gap:3.5rem 2.5rem;}
        .step_list li {flex:0 0 calc((100% - 5rem) / 3);}
        .step_list li:not(:last-child)::after {right:-1.25rem;font-size:1.8rem;}
        .step_list li:nth-child(3n)::after {display:none;}
    }
    @media only screen and (max-width:767px){
        .step_list {flex-direction:column;gap:3rem;}
        .step_list li {flex:1;}
        .step_list li:not(:last-child)::after {content:'\e136';top:auto;bottom:-2.5rem;right:50%;transform:translate(50%, 0);}
    }

/* 세로 리스트형 절차 (.stepflow) */
.stepflow {margin-top:2rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem;}
.stepflow .dl {position:relative;overflow:hidden;display:flex;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:1.6rem;padding:2.5rem 3rem;gap:3rem;box-sizing:border-box;transition:all 0.3s;}
.stepflow .dl.align_center {align-items:center;}
.stepflow .dl.align_top {align-items:flex-start;}
.stepflow .dl:is(:hover,:focus) {border-color:var(--primary2);box-shadow:0 0.8rem 2.4rem rgba(0,0,0,0.03);}
.stepflow .dt {position:relative;z-index:2;display:flex;align-items:center;gap:1.2rem;min-width:18rem;flex-shrink:0;}
.stepflow .num {display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--primary2);color:#fff;font-size:1.6rem;font-weight:700;}
.stepflow .title {font-weight:700;color:var(--black);}
.stepflow .dd {position:relative;z-index:2;flex:1;border-left:1px solid #eee;padding-left:3rem;}
.stepflow .desc {color:var(--text-main);}
    @media only screen and (max-width:767px){
        .stepflow .dl {flex-direction:column;align-items:flex-start !important;gap:1.5rem;padding:2rem 2.5rem;}
        .stepflow .dd {border-left:none;padding-left:0;border-top:1px solid #eee;padding-top:1.5rem;width:100%;}
    }
    

/**************************************/
/********** sub01_아이돌봄지원사업 **********/
/**************************************/
/* sub0101_아이돌봄서비스 */
.service_purpose_box {display:flex;flex-direction:column;align-items:center;}
.service_purpose_box .purpose_top_card {display:flex;flex-direction:column;align-items:center;justify-content:center;width:22rem;height:22rem;padding:2rem;background:var(--primary);border-radius:50%;text-align:center;box-sizing:border-box;flex-shrink:0;color:#fff;}
.service_purpose_box .purpose_top_card i {font-size:4rem;margin-bottom:0.6rem;}
.service_purpose_box .purpose_top_card strong {font-size:2.4rem;font-weight:700;}
.service_purpose_box .purpose_arrow_box {margin:1.4rem 0;color:var(--primary);font-size:4.5rem;display:flex;align-items:center;justify-content:center;animation:bounceUp 2s infinite;}
@keyframes bounceUp { 0%, 100% {transform:translateY(0);} 50% {transform:translateY(-0.6rem);} }
.service_purpose_box .purpose_bottom_cards {display:grid;grid-template-columns:repeat(3, 1fr);gap:2.5rem;width:100%;list-style:none;padding:0;margin:0;}
.service_purpose_box .purpose_bottom_cards > li {display:flex;flex-direction:column;border-radius:2rem;overflow:hidden;border:1px solid var(--border);}
.service_purpose_box .purpose_bottom_cards .card_head {display:flex;align-items:center;justify-content:center;gap:1.2rem;padding:2rem 1.5rem;background:var(--wm5);border-bottom:1px solid var(--border);text-align:center;}
.service_purpose_box .purpose_bottom_cards .card_head i {font-size:3.2rem;color:var(--primary);}
.service_purpose_box .purpose_bottom_cards .card_head strong {font-size:2rem;font-weight:700;color:var(--black);}
.service_purpose_box .purpose_bottom_cards .card_body {padding:2rem 1.5rem;flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.service_purpose_box .purpose_bottom_cards .card_body strong {font-size:1.8rem;font-weight:700;color:var(--black);display:block;}
.service_purpose_box .purpose_bottom_cards .card_body p {font-size:1.7rem;color:var(--text-main);}
.rel_site_list {display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;list-style:none;padding:0;margin:0;}
.rel_site_list li a {display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:8.5rem;padding:1.5rem 2.8rem;border:1px solid var(--border);border-radius:1.6rem;}
.rel_site_list li a img {max-width:calc(100% - 3.5rem);max-height:5.2rem;height:auto;object-fit:contain;}
.rel_site_list li a i {font-size:2rem;color:#a0aec0;flex-shrink:0;}
    @media only screen and (max-width:1023px){
        .service_purpose_box .purpose_bottom_cards {grid-template-columns:1fr;gap:2rem;}
        .rel_site_list {grid-template-columns:repeat(2, 1fr);}
    }
    @media only screen and (max-width:767px){
        .service_purpose_box .purpose_top_card {width:18rem;height:18rem;padding:1.5rem;border-radius:50%;}
        .service_purpose_box .purpose_top_card i {font-size:3.2rem;margin-bottom:0.4rem;}
        .rel_site_list {grid-template-columns:repeat(2, 1fr);gap:1.2rem;}
        .rel_site_list li a {height:7rem;padding:1.2rem 1.8rem;}
    }

/* sub0102_서비스유형 */
.service_info_top {display:grid;grid-template-columns:50rem 1fr;gap:6rem;align-items:stretch;}
.service_info_top .img_placeholder {border-radius:1.6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:30rem;box-sizing:border-box;overflow:hidden;}
.service_info_top .info_content {display:flex;flex-direction:column;justify-content:center;}
.service_info_top .info_content .summary_txt {line-height:1.6;color:var(--black);}
.service_info_list {display:flex;flex-direction:column;gap:0.8rem;margin-top:2rem;}
.service_info_list li {display:flex;align-items:center;line-height:1.5;padding:0.4rem 0;}
.service_info_list li .tit {width:14rem;font-weight:700;color:var(--black);flex-shrink:0;position:relative;padding-left:1.5rem;}
.service_info_list li .tit::before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:0.5rem;height:0.5rem;background:var(--primary);border-radius:50%;}
    @media only screen and (max-width:1023px){
        .service_info_top {grid-template-columns:1fr;gap:3rem;}
        .service_info_top .img_placeholder {min-height:18rem;}
    }
    @media only screen and (max-width:767px){
        .service_info_list li {flex-direction:column;align-items:flex-start;gap:0.3rem;}
        .service_info_list li .tit {width:100%;}
        .service_info_list li .txt {border-left:none;padding-left:1.5rem;}
    }

/* sub0103_서비스절차 */
.sub0103 .stepflow .step_ico {position:absolute;right:1.5rem;bottom:-2.2rem;font-size:10rem;color:var(--primary2);opacity:0.16;pointer-events:none;z-index:1;}
.sub0103 .stepflow .step_notice {display:block;margin-top:0.8rem;font-size:1.7rem;font-weight:600;color:var(--primary);}


/**************************************/
/********** sub02_서비스제공기관 **********/
/**************************************/
/* sub02_공통 */
.organ_card_wrap {display:flex;flex-direction:column;gap:4rem;margin-top:2rem;}
.organ_card {border:1px solid var(--primary2);box-shadow:.7rem 0.7rem 0 rgba(81,176,39,0.2);border-radius:3rem;padding:3rem 4rem;}
.organ_card .organ_body {display:grid;grid-template-columns:40rem 1fr;gap:3.5rem;margin-top:1rem;}
.organ_card .organ_img {overflow:hidden;border-radius:1.6rem;border:1px solid var(--border);height:100%;display:flex;align-items:center;justify-content:center;}
.organ_card .organ_img img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
.organ_card .info_list {display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem;height:100%;}
.organ_card .info_list li {display:flex;flex-direction:column;gap:0.5rem;padding:1.4rem 1.8rem;border-radius:1.6rem;border:1px solid var(--border);}
.organ_card .info_list li.full_row {grid-column:span 2;}
.organ_card .info_list .value {color:var(--black);font-weight:500;}
.organ_card .info_list .value .btn_link_icon {display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:0.6rem;background:rgba(14, 116, 144, 0.1);font-size:1.6rem;color:var(--primary3);transition:all 0.2s ease;text-decoration:none;vertical-align:middle;margin-left:0.4rem;}
.organ_card .info_list .value .btn_link_icon:hover {background:var(--primary3);color:#fff;transform:translate(0.2rem, -0.2rem);}
.organ_card :is(.info_list .label, .organ_map .map_title) {font-size:1.8rem;color:var(--primary);font-weight:600;display:flex;align-items:center;gap:0.6rem;}
.organ_card :is(.info_list .label, .organ_map .map_title) i {font-size:2.2rem;color:var(--primary);}
.organ_card .organ_map {margin-top:3rem;padding-top:2.5rem;border-top:1px dashed var(--border);}
.organ_card .organ_map .map_title {font-size:2rem;margin-bottom:1.2rem;}
.organ_card .organ_map .map_area {width:100%;height:30rem;border-radius:1.6rem;overflow:hidden;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;}
.chart_box {position:relative;width:100%;height:35rem;margin-top:2rem;}
.chart_box canvas {width:100% !important;height:100% !important;}

    @media only screen and (max-width:1199px){
        .organ_card .organ_body {grid-template-columns:30rem 1fr;gap:2.5rem;}
        .organ_card .info_list {grid-template-columns:1fr;}
        .organ_card .info_list li.full_row {grid-column:span 1;}
    }
    @media only screen and (max-width:767px){
        .organ_card {padding:3rem 2rem;}
        .organ_card .organ_name {font-size:2rem;}
        .organ_card .organ_body {grid-template-columns:1fr;gap:2rem;}
        .organ_card .organ_img {width:100%;height:auto;aspect-ratio:16/10;}
        .organ_card .organ_map .map_area {height:20rem;}
        .chart_box {height:28rem;}
        .overflow_box .table_box .chart_box {min-width:550px;}
        .overflow_box .table_box #typeChartBox {min-width:100%;height:38rem;}
    }


/**************************************/
/********** sub03_아이돌봄사 **********/
/**************************************/
/* sub0301_교육과정 안내 */
.sub0301 .role_wrap {display:grid;grid-template-columns:28rem 1fr;gap:2.5rem;margin-top:3rem;padding:3.5rem;background:var(--wm5);border:none;border-radius:2.4rem;width:100%;}
.sub0301 .role_wrap .role_left {position:relative;left:auto;top:auto;transform:none;width:100%;height:100%;background:var(--primary);color:#fff;border-radius:2rem;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;}
.sub0301 .role_wrap .role_left .inner {transform:none;text-align:center;}
.sub0301 .role_wrap .role_left .inner i {font-size:6rem;display:block;margin-bottom:1.2rem;}
.sub0301 .role_wrap .role_left .inner strong {font-size:2.2rem;line-height:1.45;}
.sub0301 .role_wrap .role_cards_grid {display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;}
.sub0301 .role_wrap .role_card {background:#fff;padding:2.8rem 2.5rem;border-radius:1.8rem;border:1px solid var(--border);box-shadow:0 0.4rem 1.5rem rgba(0,0,0,0.03);display:flex;align-items:center;gap:2rem;}
.sub0301 .role_wrap .role_card .icon {width:5.6rem;height:5.6rem;border-radius:1.4rem;background:var(--primary2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.8rem;flex-shrink:0;}
.sub0301 .role_wrap .role_card .tit {font-weight:500;color:var(--black);line-height:1.45;}
.sub0301 .tableA .list2 li {margin-top:0;}
    @media only screen and (max-width:1199px) {
        .sub0301 .role_wrap {grid-template-columns:24rem 1fr;padding:2.5rem;gap:2rem;}
    }
    @media only screen and (max-width:991px) {
        .sub0301 .role_wrap {grid-template-columns:1fr;}
        .sub0301 .role_wrap .role_center {padding:2.5rem;}
    }
    @media only screen and (max-width:640px) {
        .sub0301 .role_wrap .role_cards_grid {grid-template-columns:1fr;}
    }

/* sub0302_교육기관 안내 */
.sub0302 .map_area.is_hovering .region_btn.active {color:#222 !important;z-index:2;}
.sub0302 .region_btn .count_badge {display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;padding:0 0.6rem;background:var(--primary);color:#fff;font-size:1.3rem;font-weight:700;border-radius:1.2rem;margin-left:0.2rem;box-shadow:0 2px 6px rgba(255,87,34,0.3);}
.sub0302 .center_title {padding-bottom:1.5rem;border-bottom:2px solid var(--primary2);}
.sub0302 .edu_inst_list {display:flex;flex-direction:column;gap:1.5rem;}
.sub0302 .edu_inst_list li {border:1px solid #d2edca;border-radius:1.5rem;padding:2rem 2.5rem;text-align:left;background:#fafffa;display:flex;align-items:center;justify-content:space-between;gap:2rem;transition:all 0.2s ease;}
.sub0302 .edu_inst_list li:hover {border-color:var(--primary2);box-shadow:0 0.5rem 1.5rem rgba(81,176,39,0.1);}
.sub0302 .edu_inst_list .inst_name {font-size:1.9rem;font-weight:700;color:var(--black);}
.sub0302 .edu_inst_list .btn_link {width:4.2rem;height:4.2rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#fff;color:var(--primary2);font-size:2rem;border:1.5px solid var(--primary2);transition:all 0.2s;flex-shrink:0;}
.sub0302 .edu_inst_list .btn_link:hover {background:var(--primary2);color:#fff;}
.sub0302 .no_inst_msg {padding:5rem 2rem;text-align:center;color:var(--text-gray);font-size:1.8rem;background:#fafffa;border:1px solid #d2edca;border-radius:1.5rem;}

/* sub0303_교육신청 절차 */
.sub0303 a.btn_ext_link {color:var(--primary);font-weight:700;display:inline-flex;align-items:center;gap:0.4rem;vertical-align:middle;transition:all 0.2s ease;}
.sub0303 a.btn_ext_link i {display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;background:var(--wm10);color:var(--primary);border-radius:.5rem;font-size:1.4rem;text-decoration:none;transition:all 0.2s ease;}
.sub0303 a.btn_ext_link:hover {color:var(--primary2);}
.sub0303 a.btn_ext_link:hover i {background:var(--primary2);color:#fff;border-color:var(--primary2);box-shadow:0 0.3rem 0.8rem rgba(81,176,39,0.25);}
.sub0303 .org_notice_box {background:var(--wm10);border-radius:2rem;padding:4rem 5rem 0 5rem;position:relative;overflow:hidden;}
.sub0303 .org_notice_box .notice_inner {display:flex;align-items:center;justify-content:center;gap:6rem;max-width:100rem;margin:0 auto;}
.sub0303 .org_notice_box .notice_txt_group {display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem;padding-bottom:4.5rem;}
.sub0303 .org_notice_box .tit {font-size:3rem;font-weight:700;color:var(--black);}
.sub0303 .org_notice_box .logo_img img {display:block;}
.sub0303 .org_notice_box .tel {font-size:2.8rem;font-weight:800;color:var(--primary);display:inline-flex;align-items:center;gap:0.8rem;}
.sub0303 .org_notice_box .notice_img_group {flex-shrink:0;display:flex;align-items:flex-end;}
.sub0303 .org_notice_box .notice_img_group img {height:24rem;width:auto;display:block;object-fit:contain;transform:translateY(0rem);}
    @media only screen and (max-width:1199px) {
        .sub0303 .org_notice_box .notice_inner {gap:4rem;}
        .sub0303 .org_notice_box .tit {font-size:2.4rem;}
        .sub0303 .org_notice_box .tel {font-size:2.8rem;}
        .sub0303 .org_notice_box .notice_img_group img {height:20rem;}
    }
    @media only screen and (max-width:991px) {
        .sub0303 .org_notice_box {padding:4rem 2.5rem;}
        .sub0303 .org_notice_box .notice_inner {flex-direction:column;gap:3rem;text-align:center;}
        .sub0303 .org_notice_box .notice_txt_group {align-items:center;padding-bottom:0;}
        .sub0303 .org_notice_box .tit {font-size:2.2rem;}
        .sub0303 .org_notice_box .logo_img img {height:3.6rem;margin:0 auto;}
        .sub0303 .org_notice_box .tel {font-size:2.6rem;}
        .sub0303 .org_notice_box .notice_img_group img {height:18rem;transform:none;}
    }


/**************************************/
/********** sub06_광역지원센터 **********/
/**************************************/
/* sub0601_인사말 */
.ceo_message_wrap {display:flex;gap:13rem;align-items:center;}
.ceo_img_area {flex:1;border-radius:2rem;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.1);position:relative;max-width:600px;}
.ceo_img_area::before {content:'';display:block;padding-top:130%;}
.ceo_img_area img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.ceo_img_area:hover img {transform:scale(1.05);}
.ceo_txt_area {flex:1.2;}
.ceo_slogan {font-size:3.6rem;font-weight:300;line-height:1.4;color:var(--black);margin-bottom:4rem;position:relative;padding-top:5rem;}
.ceo_slogan::before {content:'';position:absolute;left:0;top:0;display:block;width:31px;height:25px;font-size:10rem;color:var(--primary);opacity:0.15;background:url("../../images/fs/content/sub06/dot.png") left top no-repeat;}
.ceo_slogan strong {font-weight:800;color:var(--primary2);}
.ceo_slogan span {color:var(--primary);font-weight:600;}
.ceo_desc {line-height:1.8;margin-bottom:2rem;}
.ceo_desc:last-of-type {margin-bottom:6rem;}
.ceo_sign {display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;font-size:2.2rem;font-weight:700;color:var(--black);border-top:1px solid #eee;padding-top:3rem;}
.ceo_sign .sign_img {display:inline-block;height:3rem;}
.ceo_sign .sign_img img {height:100%;width:auto;}
    @media only screen and (max-width:1199px) {
        .ceo_slogan {font-size:3.2rem;}
    }
    @media only screen and (max-width:1023px) {
        .ceo_message_wrap {flex-direction:column;gap:6rem;}
        .ceo_img_area {width:100%;max-width:60rem;margin:0 auto;}
        .ceo_img_area::before {padding-top:70%;}
        .ceo_txt_area {width:100%;}
    }
    @media only screen and (max-width:767px) {
        .ceo_slogan {font-size:2.6rem;padding-top:3rem;}
        .ceo_slogan::before {font-size:7rem;top:-1.5rem;}
        .ceo_desc {font-size:1.6rem;}
        .ceo_sign {font-size:1.8rem;gap:1rem;}
        .ceo_sign .sign_img {height:3.6rem;}
        .ceo_sign span::after {width:3.2rem;height:3.2rem;font-size:1.4rem;}
    }

/* sub0602_기관소개 */
.sub0602 .sbox {display:flex;align-items:center;gap:14rem;}
.sub0602 .sbox .img {position:relative;width:0;height:58rem;overflow:hidden;transition:2s;border-radius:2rem;}
.sub0602 .sbox .img > img {width:100%;height:100%;object-fit:cover;}
.sub0602 .sbox .img > span {position:absolute;right:3rem;bottom:3rem;color:#fff;text-transform:uppercase;font-weight:800;}
.sub0602 .sbox .img > span img {height:4.5rem;}
.sub0602 .sbox .img.aos-animate {width:calc(50% - 7rem);}
.sub0602 .sbox .txt {position:relative;padding-top:5rem;letter-spacing:-1.2px;width:calc(50% - 7rem);}
.sub0602 .sbox .txt::before {content:'';position:absolute;left:0;top:0;display:block;width:31px;height:25px;font-size:10rem;color:var(--primary);opacity:0.15;background:url("../../images/fs/content/sub06/dot.png") left top no-repeat;}
.sub0602 .sbox .txt > strong {display:block;line-height:1.2;font-size:5rem;font-weight:900;color:var(--primary2);}
.sub0602 .desc_txt {line-height:1.75;color:var(--text-main);}
    @media only screen and (max-width:1023px){
        .sub0602 .sbox {gap:7rem;}
    }
    @media only screen and (max-width:767px){
        .sub0602 .sbox {flex-direction:column-reverse;align-items:flex-start;gap:7rem;}
        .sub0602 .sbox .img {width:100%;height:38rem;}
        .sub0602 .sbox .img.aos-animate {width:100%;}
        .sub0602 .sbox .txt {width:100%;padding:4rem 2rem 0 2rem;}
        .sub0602 .sbox .txt::before {left:2rem;}
        .sub0602 .sbox .txt > strong .br_none {display:none;}
    }

/* sub0603_조직도 */
.organ_box {position:relative;text-align:center;padding:0 1rem 6rem;}
.organ_box::before {content:"";display:block;clear:both;}
.organ_box::after {content:"";position:absolute;top:0;left:0;right:0;z-index:-1;width:1px;height:130%;margin:0 auto;border:1px dashed var(--border);}
.organ_box li .king {display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem;width:28rem;height:28rem;margin:0 auto;font-size:2.4rem;background:#fff;color:var(--black);border:5px solid var(--border);border-radius:50%;}
.organ_box li .king img {height:4rem;}
.organ {display:flex;justify-content:center;align-items:center;text-align:center;}
.organ li {width:50%;padding:0 2rem;}
.organ li .sta {height:5rem;line-height:5rem;font-weight:600;font-size:2rem;color:#fff;border-radius:1rem;margin-bottom:.5rem;}
.organ li .cont {font-size:1.7rem;padding:2.5rem 1rem;background:#eee;border-radius:1rem;}
.organ li .cont em {display:block;margin-bottom:.5rem;font-weight:600;color:var(--black);text-wrap:balance;}
.sub0603 .tableA {color:var(--black);}
	/* 센터장 */
	.organ1 {margin-bottom:4rem;}
	.organ1 li .sta {background:var(--primary);}
    /* 부장 */
	.organ2 {margin-bottom:4rem;}
	.organ2 li .sta {background:var(--primary2);}
	/* 실무팀 */
	.organ3 {position:relative;padding-top:4rem;align-items:stretch;}
	.organ3::before {content:"";position:absolute;left:0;right:0;top:-4rem;width:1px;height:4rem;margin:0 auto;border:1px dashed var(--border);}
	.organ3::after {content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:50%;height:1px;border:1px dashed var(--border);}
	.organ3 li {position:relative;display:flex;flex-direction:column;}
	.organ3 li::before {content:"";position:absolute;left:0;right:0;top:-4rem;z-index:-1;width:1px;height:4rem;margin:0 auto;border:1px dashed var(--border);}
	.organ3 li .sta {background:var(--primary4);color:var(--black);}
	.organ3 li .cont {flex:1;display:flex;flex-direction:column;justify-content:center;}
		@media only screen and (max-width:767px) {
			.organ {flex-direction:column;gap:1rem;}
			.organ li {width:100%;padding:0;}
            /* 센터장, 부장 */
	        .organ1, .organ2 {margin-bottom:2rem;}
			/* 조직원 */
			.organ3 {padding-top:0rem;}
			.organ3::before, .organ3::after, .organ3 li:nth-child(2)::before {display:none;} 
		}

/* sub0604_연혁 */
.history_visual{width:100%;height:35rem;background:url("../../images/fs/content/sub06/sub0604_bg.jpg") no-repeat center/cover;margin-bottom:6rem;border-radius:2rem;}
.history_visual_inner{position:relative;height:100%;margin:0 auto;}
.history_visual_inner .start_icon{position:absolute;left:50%;bottom:-2.5rem;transform:translateX(-50%);width:5rem;height:5rem;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;z-index:2;}
.history_box{position:relative;padding-bottom:5rem;}
.history_box::before{content:"";position:absolute;left:50%;top:-6rem;transform:translateX(-50%);width:0.1rem;height:calc(100% + 6rem);background:#e0e0e0;z-index:-1;}
.history_box::after{display:none;}
.history_list{width:50%;padding-bottom:8rem;position:relative;display:flex;flex-direction:column;}
.history_list:nth-child(odd){left:50%;padding-left:6rem;}
.history_list:nth-child(even){left:0;padding-right:6rem;}
.history_list::before{content:"";position:absolute;top:1.1rem;width:1.2rem;height:1.2rem;background:#fff;border:0.3rem solid #ccc;border-radius:50%;z-index:1;transition:all 0.3s;}
.history_list:nth-child(odd)::before{left:0;transform:translateX(-50%);}
.history_list:nth-child(even)::before{right:0;transform:translateX(50%);}
.history_list .num{width:100%;font-size:3.8rem;font-weight:700;font-family:var(--font_en);color:var(--black);margin-bottom:2.5rem;display:flex;align-items:center;}
.history_list:nth-child(odd) .num{justify-content:flex-start;}
.history_list:nth-child(even) .num{justify-content:flex-end;}
.history_list .his :is(ul.history, .list1){display:inline-block;text-align:left;width:100%;}
.history_list:nth-child(even) .his :is(ul.history, .list1){text-align:right;}
.history_list .his :is(ul.history, .list1) li{position:relative;display:flex;align-items:flex-start;padding-left:1.5rem;font-size:1.8rem;margin-bottom:1.2rem;font-weight:500;margin-top:0;text-wrap:balance;}
.history_list:nth-child(odd) .his :is(ul.history, .list1) li{justify-content:flex-start;}
.history_list:nth-child(even) .his :is(ul.history, .list1) li{padding-left:0;padding-right:1.5rem;justify-content:flex-end;}
.history_list .his :is(ul.history, .list1) li:last-child{margin-bottom:0;}
.history_list .his :is(ul.history, .list1) li::before{content:"";position:absolute;left:0;top:1.2rem;width:6px;height:6px;border-radius:50%;background:var(--primary2);}
.history_list:nth-child(even) .his :is(ul.history, .list1) li::before{left:auto;right:0;}
.history_list .his :is(ul.history, .list1) li .month{display:inline-block;flex-shrink:0;font-weight:700;color:var(--primary);margin-right:0.8rem;}
.history_list:nth-child(even) .his :is(ul.history, .list1) li .month{order:2;margin-right:0;margin-left:0.8rem;}
	@media only screen and (max-width:1199px){
		.history_visual_inner, .history_box{padding:0 4rem;}
		.history_list:nth-child(odd){padding-left:5rem;}
		.history_list:nth-child(even){padding-right:5rem;}
	}
	@media only screen and (max-width:767px){
		.history_title{margin-bottom:4rem;}
		.history_title .eng_tit{font-size:3.2rem;margin-bottom:1.5rem;}
		.history_title .desc{font-size:1.5rem;}
		.history_visual{height:20rem;margin-bottom:5rem;}
		.history_visual_inner, .history_box{padding:0 2rem;}
		.history_visual_inner .start_icon{left:4rem;bottom:-2rem;width:4rem;height:4rem;font-size:2.4rem;transform:translateX(-50%);}
		.history_box::before{left:4rem;top:-5rem;height:calc(100% + 5rem);transform:translateX(-50%);}
		.history_list{width:100%;padding:0 0 6rem 0;}
		.history_list:nth-child(odd), .history_list:nth-child(even){left:0;padding-left:5rem;padding-right:0;}
		.history_list:nth-child(odd)::before, .history_list:nth-child(even)::before{left:2rem;right:auto;transform:translateX(-50%);}
		.history_list .num{font-size:3rem;margin-bottom:2rem;}
		.history_list:nth-child(even) .num{justify-content:flex-start;}
		.history_list:nth-child(even) .his{justify-content:flex-start;}
		.history_list:nth-child(even) .his :is(ul.history, .list1){text-align:left;}
		.history_list:nth-child(even) .his :is(ul.history, .list1) li{padding-left:1.5rem;padding-right:0;justify-content:flex-start;}
		.history_list:nth-child(even) .his :is(ul.history, .list1) li .month{order:0;margin-left:0;margin-right:0.8rem;}
		.history_list .his :is(ul.history, .list1) li{font-size:1.6rem;}
		.history_list .his :is(ul.history, .list1) li::before{top:0.9rem;}
		.history_list:nth-child(even) .his :is(ul.history, .list1) li::before{left:0;right:auto;}
	}

/* sub0605_오시는길 */
.sub0605 .adress {display:flex;flex-wrap:wrap;}
.sub0605 .adress li {display:flex;align-items:center;flex:1 1 25%;gap:0 2.5rem;border-left:1px solid #000;padding-left:5rem;}
.sub0605 .adress li:first-child {flex:1.6 1 45%;border-left:0;padding-left:0;}
.sub0605 .adress li .icon {width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;}
.sub0605 .adress li .icon i {font-size:4rem;color:var(--primary2);}
.sub0605 .adress li .txt {font-size:1.8rem;padding:1rem 0;}
.sub0605 .adress li .txt em {font-weight:600;color:var(--black);}
.sub0605 .adress li .txt p {margin-top:0.5rem;}
.sub0605 .map_box {width:100%;height:60rem;border:1px solid var(--border);border-radius:2rem;overflow:hidden;}
.sub0605 .map_box #daumRoughmapContainer1784802817304 {width:100%;height:100%;}
.sub0605 .map_box .root_daum_roughmap :is(.border1,.border2,.border3,.border4) {display:none;}
.sub0605 .map_box .wrap_map {height:100%;}
    @media only screen and (max-width:1399px){
		.sub0605 .adress {gap:2rem 0;}
		.sub0605 .adress li {flex:1 1 50%;}
		.sub0605 .adress li:first-child {flex:1 1 100%;}
		.sub0605 .adress li:nth-child(2) {padding-left:0;border-left:0;}
	}
	@media only screen and (max-width:1199px){
		.sub0605 .map_box {height:50rem;}
	}
    @media only screen and (max-width:767px){
        .sub0605 .adress {flex-direction:column;}
        .sub0605 .adress li {gap:0 1.5rem;padding-left:3rem;padding-left:0;border-left:0;}
		.sub0605 .map_box {height:40rem;}
	}


/**************************************/
/********** sub08_회원서비스 **********/
/**************************************/
/* sub08_공통 */
.modal_wrap {position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease, visibility .3s ease;}
.modal_wrap.is_active {opacity:1;visibility:visible;}
.modal_wrap .modal_overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);backdrop-filter:blur(4px);}
.modal_wrap .modal_container {position:relative;z-index:1;background:#fff;width:clamp(0px,92%,48rem);border-radius:2rem;box-shadow:0 1.5rem 4rem rgba(0,0,0,0.15);overflow:hidden;transform:translateY(2rem) scale(0.96);transition:transform .3s ease;}
.modal_wrap.is_active .modal_container {transform:translateY(0) scale(1);}
.modal_wrap .modal_header {display:flex;align-items:center;justify-content:space-between;padding:2rem 2.5rem;border-bottom:1px solid var(--border);background:#fafafa;}
.modal_wrap .modal_title {font-size:2rem;font-weight:700;color:var(--black);}
.modal_wrap .btn_modal_close {background:none;border:none;font-size:2.6rem;color:#666;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s, color .2s;padding:0;}
.modal_wrap .btn_modal_close:hover {color:var(--primary);transform:rotate(90deg);}
.modal_wrap .modal_body {padding:3.5rem 3rem;}
.modal_wrap .result_box {text-align:center;display:flex;flex-direction:column;align-items:center;}
.modal_wrap .result_icon {font-size:5rem;color:var(--primary2);margin-bottom:1.5rem;line-height:1;}
.modal_wrap .result_icon.fail {color:#e53935;}
.modal_wrap .result_txt {font-size:1.9rem;color:var(--black);line-height:1.5;}
.modal_wrap .result_txt strong {font-weight:700;}
.modal_wrap .result_txt .id_highlight {font-size:2.2rem;font-weight:800;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, #fff);padding:.2rem 1.2rem;border-radius:.8rem;display:inline-block;margin:0 .4rem;}
.modal_wrap .result_sub {font-size:1.5rem;;margin-top:0.8rem;line-height:1.4;}
.modal_wrap .modal_btn_box {display:flex;gap:1rem;width:100%;margin-top:3rem;}
.modal_wrap .modal_btn_box > a, .modal_wrap .modal_btn_box > button {flex:1;height:5rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:600;border-radius:1rem;text-decoration:none;box-sizing:border-box;cursor:pointer;transition:all .2s;}
.modal_wrap .modal_btn_box .btn_bace {background:var(--primary);color:#fff;border:none;}
.modal_wrap .modal_btn_box .btn_bace:hover {background:color-mix(in srgb, var(--primary) 85%, #000);}
.modal_wrap .modal_btn_box .btn_danger {background:#e53935;color:#fff;border:none;}
.modal_wrap .modal_btn_box .btn_danger:hover {background:color-mix(in srgb, #e53935 85%, #000);}
.modal_wrap .modal_btn_box .btn_line {background:#fff;color:var(--black);border:1px solid var(--border);}
.modal_wrap .modal_btn_box .btn_line:hover {border-color:var(--primary);color:var(--primary);}

/* sub0801_회원가입 */
.join_step ul {display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem;margin-bottom:4rem;}
.join_step ul li {position:relative;border:1px solid var(--border);padding:1.5rem 1rem;border-radius:1rem;flex:1;}
.join_step ul li .step_item .step_img {display:flex;justify-content:center;align-items:center;background:#f2f2f2;border-radius:100%;width:4rem;height:4rem;margin:0 auto;}
.join_step ul li .step_item .step_img i {font-size:2rem;}
.join_step ul li.on .step_item .step_img i {color:var(--primary2);}
.join_step ul li .step_item .step_txt {margin-top:1rem;text-align:center;}
.join_step ul li .step_item .step_txt span {display:block;color:#aaa;font-weight:500;font-size:1.4rem;}
.join_step ul li .step_item .step_txt p {font-weight:600;}
.join_step ul li.on {background:var(--primary2);border-color:var(--primary2);}
.join_step ul li.on .step_item .step_img {background:#fff;}
.join_step ul li.on .step_txt span {color:rgba(255,255,255,0.6);}
.join_step ul li.on .step_txt p {color:#fff;}
.join_type {display:flex;gap:1.6rem;}
.join_type > li {flex:1;display:flex;flex-direction:column;align-items:center;gap:2.5rem;background:#fff;border-radius:2rem;text-align:center;padding:4rem 3rem;box-shadow:0 0 1rem rgba(0,0,0,0.15);border:5px solid transparent;transition:all .4s;}
.join_type > li:nth-child(1):has(a:is(:hover,:focus,:active)) {border-color:var(--primary);}
.join_type > li:nth-child(2):has(a:is(:hover,:focus,:active)) {border-color:var(--primary2);}
.join_type > li:nth-child(3):has(a:is(:hover,:focus,:active)) {border-color:var(--primary3);}
.join_type > li h4 {display:block;font-family:'jalnan',sans-serif;font-size:2.5rem;font-weight:normal;color:var(--black);}
	@media only screen and (max-width:1023px){
		.join_type {flex-direction:column;}
		.join_type > div {padding:3rem 2rem;}
	}
	@media only screen and (max-width:767px){
		.join_step ul {grid-template-columns:repeat(2,1fr);gap:.5rem;}
		.join_step ul li .step_item {display:flex;justify-content:center;align-items:center;gap:1.6rem;}
		.join_step ul li .step_item .step_img {margin:0;}
		.join_step ul li .step_item .step_txt {margin-top:0;text-align:left;min-width:10rem;}
	}

/* sub0801_회원가입완료 */
.step_end {padding:9rem 0 8rem;border-top:2px solid var(--primary2);border-bottom:1px solid var(--border);text-align:center;}
.step_end .sttit {display:block;font-weight:700;margin-top:3.5rem;font-size:4rem;color:var(--primary2);}
.step_end .pcon {margin-top:2rem;line-height:1.6;color:#333;}
	@media only screen and (max-width:1023px){
		.step_end .step_icon img {max-width:15rem;}
		.step_end .sttit {margin-top:2.5rem;}
		.step_end .pcon {margin-top:2rem;}
	}
	@media only screen and (max-width:767px){
		.step_end {padding:6rem 0;}
	}