@charset "utf-8";
/**************************************/
/********** 공통 **********/
/**************************************/
.swal2-popup {font-size:1.8rem !important;width:35rem !important;}
.swal2-title {font-size:2.4rem !important;padding:2.4rem 3rem 0 !important;margin-bottom:0 !important;color:#333 !important;}
.swal2-confirm {font-size:1.4rem !important;padding:1em 3rem !important;}
.swal2-popup .swal2-styled {margin:.5rem !important;}

/* 준비중 */
.img_ready {display:flex;justify-content:center;align-items:center;margin:10rem 0;}
.img_ready .left img {width:41.7rem;}
.img_ready .right {padding-left:2rem;}
.img_ready .right strong {line-height:1.2;font-size:4rem;color:#000;}
.img_ready .right strong em {color:#29a7e1;}
.img_ready .right strong em br {}
.img_ready .right p {margin-top:2.5rem;line-height:1.5;font-size:1.8rem;color:#767676;}
	@media only screen and (max-width:767px){
		.img_ready {flex-direction:column;gap:4rem;text-align:center;}
		.img_ready .right strong em br {display:none;}
	}

/* 컨텐츠 상단박스 */
.icon_box {background:#ebf7fc;border-radius:1rem;padding:3rem 5rem;margin-bottom:4rem;}
.icon_box .icon {width:100%;margin:auto;display:flex;justify-content:space-between;align-items:center;}
.icon_box .icon .info_icon {width:100px;flex-shrink:0;}
.icon_box .text {width:calc(100% - 96px);padding-left:3.2rem;word-break:keep-all;}
.icon_box .text li {line-height:1.4;font-size:1.8rem;font-weight:600;}
.icon_box .text li em {color:#0a92d1;}
.icon_box .text .list2 li {font-weight:500;}
.info_box {padding:4rem;border:5px solid #ffece7;box-sizing:border-box;border-radius:3rem;margin-bottom:4rem;}
	@media screen and (max-width:767px) {
		.icon_box {padding:2rem 3rem;}
		.icon_box .icon .info_icon {display:none;}
		.icon_box .text {width:100%;padding-left:0;}
		.info_box {padding:3rem;}
	}

/* 컨텐츠 중간박스 */
.icon_box2 {background:#f5f6f3 url("../../images/fs/common/ico_topbox2.svg") no-repeat right bottom/contain;border-radius:1rem;margin:1.5rem 0;padding:2.4rem 4.8rem;line-height:1.7;}
.icon_box2 em {font-weight:600;font-size:2rem;color:#70af2d;}
    @media screen and (max-width:767px) {
        .icon_box2 {padding:1.2rem 2.4rem;}
    }

/* 이미지박스 */
.box_img {border:1px dashed #ddd;padding:2rem;text-align:center;}
.box_img .img_zoom {display:none;}
	@media only screen and (max-width:767px) {
		.box_img .img_zoom {display:block;}
	}

/* 레이어 팝업 */
.layer_wrap {overflow-y:auto;display:grid;place-items:center;position:fixed;left:0;top:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.layer_wrap .layer_box {position:relative;width:clamp(0px,96%,1000px);margin:6rem auto;padding:4rem;background:#fff;border-radius:2rem;}
.layer_wrap .layer_box_wide {width:clamp(0px,96%,1400px);}
.layer_wrap .layer_box .layer_top {margin-top:1.5rem;padding:4rem;border:1px dashed #ddd;border-radius:1rem;position:relative;z-index:1;color:#333;}
.layer_wrap .layer_box .layer_bot {position:absolute;right:4rem;top:4rem;display:flex;justify-content:flex-end;}
.layer_wrap .layer_box .layer_bot button {font-size:3rem;}
	@media only screen and (max-width:767px){
		.layer_wrap .layer_box {padding:3rem;}
		.layer_wrap .layer_box .layer_top {padding:2rem;}
		.layer_wrap .layer_box .layer_bot {right:2rem;top:2.5rem;}
	}

/* 검색 카테고리 */
.sch_category {margin-bottom:4rem;}
.sch_category [class^="category_box"] {display:flex;flex-wrap:wrap;margin-left:-16px;}
.sch_category [class^="category_box"] li {width:20%;padding-left:16px;margin-bottom:16px;}
.sch_category [class^="category_box"] li a {display:flex;align-items:center;position:relative;height:55px;padding:2px 30px 0 20px;text-decoration:none;border:1px solid #ddd;border-radius:5px;transition:.1s;}
.sch_category [class^="category_box"] li a:after {content:"";position:absolute;right:1rem;top:50%;display:block;width:15px;height:5px;background:#ddd;transform:translateY(-50%);transition:.1s;}
.sch_category [class^="category_box"] li:is(.on,:hover,:focus,:active) a {font-weight:500;font-size:1.9rem;padding:4px 30px 0 20px;border:2px solid #29a7e1;color:#29a7e1;}
.sch_category [class^="category_box"] li:is(.on,:hover,:focus,:active) a:after {right:12px;width:1rem;height:1rem;border-radius:100%;background:#29a7e1;}
.sch_category [class^="tab_content"] {display:none;}
.sch_category [class^="tab_content"].on {display:block;}
    @media only screen and (max-width:1023px){
        .sch_category {margin-bottom:3rem;}
        .sch_category [class^="category_box"] {flex-wrap:wrap;row-gap:16px;margin-left:-16px;}
        .sch_category [class^="category_box"] li {flex-grow:0;width:25%;padding-left:16px;margin-bottom:0;}
        .sch_category [class^="category_box"] li a {padding:2px 35px 0 15px;}
        .sch_category [class^="category_box"] li:is(.on,:hover,:focus,:active) a {padding:4px 35px 0 15px;}
    }
    @media only screen and (max-width:767px){
        .sch_category [class^="category_box"] {flex-wrap:wrap;row-gap:8px;margin-left:-8px;}
        .sch_category [class^="category_box"] li {flex-grow:0;width:33.3%;padding-left:8px;}
        .sch_category [class^="category_box"] li a {height:50px;}
    }
    @media only screen and (max-width:599px){
        .sch_category [class^="category_box"] li {width:50%;}
    }

/* 공통 탭 */
.qtab_box {}
.qtab_box .tab_btn {display:flex;flex-wrap:wrap;background:#d9efc9;border-radius:2rem;}
.qtab_box .tab_btn li {/*flex-grow:1;*/width: 33.3%;}
.qtab_box .tab_btn li a {display:grid;place-items:center;padding:0 1.5rem;border-radius:2rem;min-height:6rem;height:100%;font-weight:500;font-size:2rem;color:#8fc43d;text-align: center;}
.qtab_box .tab_btn li.on a {background:#8fc43d;font-weight:600;color:#fff;text-align:center;}
.qtab_box .tab_content {margin-top:5rem;}
    @media only screen and (max-width:1023px){
        /*.qtab_box .tab_btn li {width:33.3%;}*/
    }
    @media only screen and (max-width:767px){
        .qtab_box .tab_btn {border-radius:1rem;}
        .qtab_box .tab_btn li {flex-grow:0;width:50%;}
        .qtab_box .tab_btn li a {min-height:5rem;border-radius:1rem;}
    }

/* 컨텐츠 링크이동 버튼 */
.link {display:flex;align-items:center;gap:1rem;}
.link i {padding:0 .5rem;background:#29a7e1;color:#fff;border-radius:1rem;}
[class^="list"] > li .link {display:inline-flex;gap:.5rem;margin-right:.3rem;}
[class^="list"] > li .link:is(:hover,:focus,:active) {color:#29a7e1;}


/**************************************/
/********** sub01_충북지원단 **********/
/**************************************/
/* 01_01_00_00_지원단소개 */
.sub0101 .intro_img {border-radius:3rem;overflow:hidden;}
.sub0101 .intro_tit {display:flex;justify-content:space-between;align-items:flex-end;margin-top:-6rem;padding-right:2rem;}
.sub0101 .intro_tit .right {font-weight:700;font-size:5rem;line-height:1.2;color:#000;text-align:right;}
.sub0101 .intro_tit .right span {color:#fff;}
.sub0101 .greeting_tit em {font-weight:500;font-size:3.5rem;line-height:1.3;}
.sub0101 .greeting_tit p {margin-top:5rem;line-height:1.6;}
	@media only screen and (max-width:767px) {
		.sub0101 .intro_tit {display:block;margin-top:-5rem;}
		.sub0101 .intro_tit .left {display:none;}
		.sub0101 .intro_tit .right {font-size:4rem;word-break:break-all;}
	}
	@media only screen and (max-width:475px) {
		.sub0101 .intro_img {border-radius:2rem;}
		.sub0101 .intro_tit {margin-top:-4rem;padding-right:1rem;}
		.sub0101 .intro_tit .right {font-size:3.5rem;word-break:break-all;}
	}

/* 01_02_00_00_지원단 조직 및 주요사업 */
/* 조직도 */
.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:100%;margin:0 auto;border:1px dashed #ddd;}
.organ_box li .king {display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem;width:25rem;height:25rem;margin:0 auto;font-size:2rem;background:#fff;border:5px solid #ddd;border-radius:50%;}
.organ_box li .king img {height:4rem;}
.organ_box li .depth1 {display:flex;justify-content:flex-end;margin-top:4rem;position:relative;}
.organ_box li .depth1::after {content:"";position:absolute;right:0;top:50%;width:50%;height:1px;border:1px dashed #ddd;z-index:-1;}
.organ_box li .depth1 > li {width:40%;background:#f39939;font-weight:600;font-size:2rem;color:#fff;border-radius:1rem;height:5rem;line-height:5rem;}
.organ {display:flex;justify-content:center;align-items:center;text-align:center;}
.organ li {width:25%;padding:0 1rem;}
.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:500;color:#000;}
	/* 단장 */
	.organ1 {margin-bottom:4rem;}
	.organ1 li .sta {background:#8fc43d;}
	/* 조직원 */
	.organ2 {position:relative;padding-top:4rem;}
	.organ2::before {content:"";position:absolute;left:0;right:0;top:-4rem;width:1px;height:4rem;margin:0 auto;border:1px dashed #ddd;}
	.organ2::after {content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:75%;height:1px;border:1px dashed #ddd;}
	.organ2 li {position:relative;}
	.organ2 li::before {content:"";position:absolute;left:0;right:0;top:-4rem;z-index:-1;width:1px;height:4rem;margin:0 auto;border:1px dashed #ddd;}
	.organ2 li .sta {background:#29a7e1;}
		@media only screen and (max-width:767px) {
			.organ {flex-direction:column;gap:1rem;}
			.organ li {width:100%;padding:0;}
			/* 조직원 */
			.organ2 {padding-top:0rem;}
			.organ2::before, .organ2::after {display:none;}
		}
/* 주요사업 */
.sub0102 .main_business > li {display:grid;grid-template-columns:1fr 3fr;gap:4rem;}
.sub0102 .main_business > li:not(:last-child) {margin-bottom:4rem;}
.sub0102 .main_business > li .tit_box {display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;border-radius:2rem;background:#8fc43d;padding:1rem;}
.sub0102 .main_business > li:nth-child(3n+2) .tit_box {background:#29a7e1;}
.sub0102 .main_business > li:nth-child(3n+3) .tit_box {background:#f39939;}
.sub0102 .main_business > li .tit_box h5 {font-size:2.4rem;color:#fff;}
	@media only screen and (max-width:767px) {
		.sub0102 .main_business > li {grid-template-columns:1fr 2fr;gap:2.4rem;}
	}
	@media only screen and (max-width:475px) {
		.sub0102 .main_business {margin-left:0;}
		.sub0102 .main_business > li {display:flex;flex-direction:column;gap:2rem;}
	}

/* 01_03_00_00_찾아오시는길 */
.sub0103 .map_wrap {position:relative;}
.sub0103 .map_wrap .root_daum_roughmap {width:100%;}
.sub0103 .map_wrap .root_daum_roughmap .wrap_map {height:50rem;}
.sub0103 .map_wrap .root_daum_roughmap .map_border {opacity:0;}
.sub0103 .map_wrap .root_daum_roughmap .wrap_btn_zoom {z-index:9;}
.sub0103 .map_info {position:absolute;bottom:0;left:0;z-index:1;width:100%;background:#0a92d1;color:#fff;padding:2rem 5rem;border-top-right-radius:5rem;display:flex;justify-content:space-between;align-items:center;gap:5rem;}
.sub0103 .map_info .map_list {width:calc(100% - 17rem);}
.sub0103 .map_info .map_list li {font-size:1.7rem;}
.sub0103 .map_info .map_list li:not(:last-child){margin-bottom:.5rem;}
.sub0103 .map_info .map_list li.address {display:flex;}
.sub0103 .map_info .map_list li em {display:inline-block;min-width:5rem;font-weight:600;font-size:1.6rem;}
.sub0103 .map_info .map_btn {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;background:#fff;border-radius:50%;width:12rem;height:12rem;font-weight:500;font-size:1.6rem;position:relative;}
.sub0103 .map_info .map_btn::before {background:rgba(255,255,255,.3);border-radius:50%;content:"";width:10rem;height:10rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;transition:all .3s ease-in-out;}
.sub0103 .map_info .map_btn:is(:hover,:focus,:active)::before {width:14rem;height:14rem;}
.sub0103 .bus_info .bus_stop li {display:flex;align-items:center;gap:1rem;}
.sub0103 .bus_info .bus_stop li:not(:last-child){margin-bottom:1rem;}
.sub0103 .bus_info .bus_stop li em {min-width:22rem;background:#29a7e1;border-radius:3rem;text-align:center;color:#fff;}
	@media only screen and (max-width:767px) {
		.sub0103 .map_info {padding:2rem;gap:2rem;}
		.sub0103 .bus_info .bus_stop li {flex-direction:column;gap:.5rem;}
		.sub0103 .bus_info .bus_stop li em {width:100%;}
	}
	@media only screen and (max-width:475px) {
		.sub0103 .bus_info {margin-left:0;}
	}


/**************************************/
/********** sub02_사업안내 **********/
/**************************************/
/* 02_01_02_00_전자바우처란 */
.sub020102 .circle em {display:flex;flex-direction:column;justify-content:center;align-items:center;width:14rem;height:14rem;border-radius:50%;color:#fff;position:relative;}
.sub020102 .circle em::before {width:13rem;height:13rem;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed #fff;}
.sub020102 .circle.type1 em {background:#29a7e1;}
.sub020102 .circle.type2 em {background:#f39939;}
.sub020102 .circle i {font-size:3rem;}
.sub020102 .circle span {font-weight:500;font-size:2rem;}
.voucher_form {display:grid;grid-template-columns:1fr 1fr;gap:6rem;}
.voucher_form > li {display:flex;flex-direction:column;align-items:center;gap:3rem;}
.voucher_form > li .voucher_item {width:100%;}
.voucher_form > li .voucher_item .voucher_tit {background:#8fc43d;color:#fff;text-align:center;padding:.5rem;font-weight:500;border-radius:1rem;}
.voucher_form > li .voucher_item .voucher_con {margin-top:1rem;background:#ebf7fc;padding:2rem 3rem;border-radius:1rem;}
.voucher_compo {display:flex;justify-content:center;align-items:center;gap:4.8rem;width:calc(100% - 4rem);border:1px dashed #ddd;padding:2rem;}
.voucher_compo .left {display:flex;align-items:center;gap:1.5rem;}
.voucher_compo .left li {padding:1rem 2rem;text-align:center;font-weight:600;font-size:2rem;color:#fff;background:#29a7e1;border-radius:1rem;}
.voucher_compo .left li.plus {border-radius:50%;background:transparent;color:#29a7e1;}
.voucher_compo .left li i {display:block;font-weight:normal;font-size:3rem;}
.voucher_compo .arrow {font-size:6rem;}
.voucher_compo .right {display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:2rem;grid-template-areas:"voucher voucher""type1 type2";}
.voucher_compo .right .voucher {grid-area:voucher;padding:1rem 2rem;text-align:center;font-weight:600;font-size:2rem;background:#d7f0fc;border-radius:1rem;}
.voucher_compo .right .circle.type1 {grid-area:type1;}
.voucher_compo .right .circle.type2 {grid-area:type2;}
	@media only screen and (max-width:1023px) {
		.voucher_compo {flex-direction:column;gap:2.4rem;}
		.voucher_compo .arrow {transform:rotate(90deg);}
	}
	@media only screen and (max-width:767px) {
		.voucher_form {display:flex;flex-direction:column;}
	}

/* 02_01_02_00_전자바우처란 */
.procedure {display:grid;grid-template-columns:repeat(2,1fr);gap:4.8rem 0;}
.procedure li .procedure_tit {display:flex;align-items:center;gap:1rem;font-weight:700;font-size:2rem;color:#fff;padding:1rem;background:#8fc43d;}
.procedure li:first-child .procedure_tit {border-radius:10rem 0 0 10rem;}
.procedure li:last-child .procedure_tit {border-radius:0 10rem 10rem 0;}
.procedure li .procedure_tit .num {width:5rem;height:5rem;line-height:5rem;text-align:center;border-radius:50%;background:#fff;color:#000;}
.procedure li:nth-child(3n+2) .procedure_tit {background:#29a7e1;}
.procedure li:nth-child(3n+3) .procedure_tit {background:#f39939;}
.procedure li .procedure_con {margin-top:1.5rem;padding:0 3rem 0 7rem;}
.procedure li .procedure_con .list1 > li {margin-top:5px;}
.procedure li .procedure_con .list1 > li::after {top:9px;}
	@media only screen and (max-width:767px) {
		.procedure {grid-template-columns:repeat(1,1fr);}
	}

/* 02_02_00_00_지역자율형 사회서비스 투자사업(공통) */
.sub0202 .tableA {font-size:1.6rem;}
.sub0202 .tableA thead th, .sub020300 .tableA tbody td {padding:.5rem 1rem;}
.sub0202 .tableA tbody td {font-weight:normal;color:#333;}
.sub0202 .popup_btn {font-size:1.7rem;font-weight:600;color:#0a92d1;}
.ser_modal .modal_con {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#fff;overflow-y:scroll;}
.ser_modal .modal_con .close {display:block;position:fixed;top:2rem;left:3.5rem;z-index:10;font-size:5rem;color:#29a7e1;transition:all .3s ease-in-out;}
.ser_modal .modal_con .close:is(:hover,:focus,:active) {text-decoration:none;transform:translateY(-1rem);}
.ser_modal .modal_con .con {display:flex;align-items:flex-start;padding:10rem 0;color:#333;}
.ser_modal .modal_con .con .ser_con {border:1px dashed #ddd;padding:1rem;}
/* 서비스 소개 텍스트 고정css */
.ser_modal .modal_con .con .tableA tbody td *, .ser_modal .modal_con .con .ser_con * {font-family:"Paperlogy",sans-serif !important;font-size:inherit !important;line-height:1.6;letter-spacing:-0.02em !important;}
/* 서비스 소개에 테이블이 있을때 */
.ser_modal .modal_con .con table:not(.tableA) {width:100%;border-top:2px solid #0a92d1;border-bottom:1px solid #ddd;word-break:normal;margin:1rem 0 2rem;}
.ser_modal .modal_con .con table:not(.tableA) th, .ser_modal .modal_con .con table:not(.tableA) td {padding:1rem;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.ser_modal .modal_con .con table:not(.tableA) th {position:relative;word-break:break-all;font-weight:500;background:#d7f0fc;color:#000;}
.ser_modal .modal_con .con table:not(.tableA) td {word-break:break-all;line-height:1.5;}
.ser_modal .modal_con .con table:not(.tableA) thead th {padding:1.5rem 1rem;border-bottom:1px solid #ddd;}
.ser_modal .modal_con .con table:not(.tableA) thead th:first-child, .ser_modal .modal_con .con table:not(.tableA) tbody tr th:first-child, .ser_modal .modal_con .con table:not(.tableA) tbody tr td:first-child, .ser_modal .modal_con .con table:not(.tableA) tfoot tr td:first-child {border-left:0;}
.ser_modal .modal_con .con table:not(.tableA) tfoot th, .ser_modal .modal_con .con table:not(.tableA) tfoot td {background:#ebf7fc;border-top:1px solid #ddd;color:#000;}
.ser_modal .modal_con .con table:not(.tableA) tfoot td {border-left:1px solid #ddd;}
.ser_modal .modal_con .con table:not(.tableA) tbody th {text-align:left;vertical-align:middle;}
.ser_modal .modal_con .con table:not(.tableA) tbody tr:first-child th, .ser_modal .modal_con .con table:not(.tableA) tbody tr:first-child td {border-top:1px solid #fff;}
    @media only screen and (max-width:1499px) {
        .ser_modal .modal_con .close {left:50%;transform:translateX(-50%);font-size:3rem;background:#29a7e1;color:#fff;border-radius:50%;width:6rem;height:6rem;line-height:6rem;}
    }

/* 02_03_00_00_산모·신생아 건강관리 지원사업 */
.sub020300 .tableA {font-size:1.6rem;}
.sub020300 .tableA thead th, .sub020300 .tableA tbody td {padding:.5rem 1rem;}
.sub020300 .tableA tbody td {font-weight:normal;color:#333;}
.sub020300 .service_list {display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;}
.sub020300 .service_list li .service_img {display:flex;justify-content:center;align-items:center;width:18rem;height:18rem;border-radius:50%;border:7px solid #d7f0fc;margin:0 auto 1.5rem;overflow:hidden;}
.sub020300 .service_list li em {display:block;background:#29a7e1;color:#fff;text-align:center;padding:.5rem;font-weight:500;border-radius:1rem;}
.sub020300 .service_list li .service_txt {padding:1rem;}
.sub020300 .service_list li .service_txt .list1 > li {margin-top:.5rem;font-weight:normal;}
    @media only screen and (max-width:767px) {
        .sub020300 .service_list {grid-template-columns:repeat(2,1fr);gap:1.2rem 2.4rem;}
    }
    @media only screen and (max-width:475px) {
        .sub020300 .service_list {grid-template-columns:repeat(1,1fr);gap:1.2rem;}
        .sub020300 .service_list li .service_txt .list1 > li br {display:none;}
    }


/**************************************/
/********** sub03_기관·이용자 **********/
/**************************************/
/* 03_01_01_00_제공기관등록안내 */
.sub030101 .btn_area {display:grid;grid-template-columns:repeat(3,1fr);}
.sub030101 .btn_area a {display:flex;justify-content:center;}
.sub030101 .flex_box {justify-content:space-between;flex-wrap:wrap;}
    @media only screen and (max-width:1023px) {
        .sub030101 .btn_area {grid-template-columns:repeat(2,1fr);}
    }

/* 03_01_02_01_사업별 제공기관 검색(목록) */
.sub030102 .board_table tbody tr.noti .num span {background:#f39939;}
.sub030102 .board_table tbody tr td:is(.tel,.address) {color:#767676;font-size:1.5rem;line-height:1.2;}
    @media only screen and (max-width:767px) {
        .sub030102 .board_table tbody tr {padding:1.2rem 1.5rem;text-align:left;}
        .sub030102 .board_table tbody tr {align-items:center;}
        .sub030102 .board_table tbody tr.noti td.num {order:1;padding:0;}
        .sub030102 .board_table tbody tr td.category {order:2;width:calc(100% - 8rem);}
        .sub030102 .board_table tbody td.tit {padding:1rem 1.2rem;}
        .sub030102 .board_table tbody tr td:is(.tel,.address) {order:3;width:100%;}
    }

/* 03_01_02_02_사업별 제공기관 검색(상세) */
.sub030102 .content_box {line-height:1.6;}
.sub030102 .content_box table {width:100%;border-top:2px solid #0a92d1;border-bottom:1px solid #ddd;word-break:normal;margin:1rem 0 2rem;}
.sub030102 .content_box table th, .sub030102 .content_box table td {padding:1rem;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.sub030102 .content_box table th {position:relative;word-break:break-all;font-weight:500;background:#d7f0fc;color:#000;}
.sub030102 .content_box table td {word-break:break-all;line-height:1.5;color:#767676;}
.sub030102 .content_box table thead th {padding:1.5rem 1rem;border-bottom:1px solid #ddd;}
.sub030102 .content_box table thead th:first-child, .sub030102 .content_box table tbody tr th:first-child, .sub030102 .content_box table tbody tr td:first-child, .sub030102 .content_box table tfoot tr td:first-child {border-left:0;}
.sub030102 .content_box table tfoot th, .sub030102 .content_box table tfoot td {background:#ebf7fc;border-top:1px solid #ddd;color:#000;}
.sub030102 .content_box table tfoot td {border-left:1px solid #ddd;}
.sub030102 .content_box table tbody th {text-align:left;vertical-align:middle;}
.sub030102 .content_box table tbody tr:first-child th, .sub030102 .content_box table tbody tr:first-child td {border-top:1px solid #fff;}
.sub030102 .org_pic_list {display:grid;grid-template-columns:repeat(4,1fr);gap:2.4rem;}
.sub030102 .org_pic_list li a {display:block;aspect-ratio:1/1;border-radius:1rem;overflow:hidden;}
.sub030102 .org_pic_list li a img {width:100%;height:100%;object-fit:cover;transition:all .2s;}
.sub030102 .org_pic_list li a:is(:hover,:focus,:active) img {transform:scale(1.1);}
    @media only screen and (max-width:1023px) {
        .sub030102 .content_box table colgroup {display:table-column-group;}
        .sub030102 .content_box table thead th, .sub030102 .content_box table thead td {display:table-cell;}
        .sub030102 .content_box table tbody th, .sub030102 .content_box table tbody td {display:table-cell;}
        .sub030102 .content_box table tfoot th, .sub030102 .content_box table tfoot td {display:table-cell;}
    }
    @media only screen and (max-width:767px) {
        .sub030102 .org_pic_list {grid-template-columns:repeat(3,1fr);gap:1.2rem;}
    }
    @media only screen and (max-width:425px) {
        .sub030102 .org_pic_list {grid-template-columns:repeat(2,1fr);}
    }

/* 03_02_01_01_나에게 맞는 사회서비스 검색 */
.sub030201 .table_service > tbody > tr {display:flex;flex-direction:column;}
.sub030201 .table_service > tbody > tr > th {display:flex;justify-content:space-between;}
.sub030201 .table_service > tbody > tr > td {border-left:none;}
.sub030201 .table_ul {display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
.sub030201 .table_ul li a {display:flex;flex-direction:column;align-items:center;gap:1rem;background:#eee;padding:2rem 1rem;border-radius:1rem;}
.sub030201 .table_ul li a:is(:hover,:focus,:active), .sub030201 .table_ul li.on a {background:#8fc43d;color:#fff;}
.sub030201 .table_ul2 {display:flex;flex-direction:column;gap:.5rem;}
.sub030201 .table_ul2 li a {display:block;background:#8fc43d;color:#fff;padding:1rem 2rem;border-radius:1rem;}
.sub030201 .table_ul2 li a:is(:hover,:focus,:active) {background:#547424;}
.sub030201 .table_service tr th .gr4 {display:flex;justify-content:space-between;width:100%;}
.sub030201 .flex_box strong {background:#d7f0fc;width:20rem;text-align:center;margin-right:1rem;padding:1rem 2rem;border-radius:1rem;}
.sub030201 .flex_box p {width:calc(100% - 21rem);}
.sub030201 .reckoning strong {background:#0a92d1;color:#fff;font-weight:500;}
    @media only screen and (max-width:767px){
        .sub030201 .table_ul {grid-template-columns:repeat(3,1fr);}
        .sub030201 .flex_box strong {width:10rem;}
        .sub030201 .flex_box p {width:calc(100% - 11rem);}
    }

/* 03_02_01_02_내 주변 이용기관 찾기 */
.sub030201 .top_box {padding:5rem 2rem;border:1px solid #ddd;display:grid;grid-template-columns:1fr 1.5fr;place-items:center;text-align:center;}
.sub030201 .top_box .f_map_search h4 {position:relative;display:inline-block;font-weight:bold;font-size:4rem;color:#000;line-height:1;}
.sub030201 .top_box .f_map_search h4::after {content:"";display:inline-block;position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:1rem;background:#d7f0fc;}
.sub030201 .top_box .f_map_search p {padding:4rem 0;}
.sub030201 .top_box .f_map_search .flex_box {justify-content:center;}
    @media only screen and (max-width:767px){
        .sub030201 .top_box {padding:4rem 2rem;display:flex;flex-direction:column;}
        .sub030201 .top_box .f_map_search h4 {font-size:24px;}
        .sub030201 .top_box .f_map_search p {padding:3rem 0;}
    }

/* 03_04_01_00_FAQ(목록) */
.faq_box .faq_cont em {display:inline-block;padding-right:2.5rem;border-right:1px solid rgba(36,49,61,.5);font-weight:700;font-size:2.7rem;vertical-align:middle;text-decoration:none;}
.faq_box .faq_cont dt {position:relative;z-index:1;margin-top:1.5rem;background:#fff;border-radius:2rem;border-radius:2rem;border:1px solid #ddd;}
.faq_box .faq_cont dt:first-child {margin-top:0;}
.faq_box .faq_cont dt em {margin-right:2rem;}
.faq_box .faq_cont dt a {display:flex;align-items:center;gap:.5rem;padding:2.5rem 3rem;font-weight:600;font-size:2rem;text-decoration:none;}
.faq_box .faq_cont dt a span {margin:12px 12px 0 auto;}
.faq_box .faq_cont dt a .etc {position:relative;}
.faq_box .faq_cont dt a .etc::before {content:"";position:absolute;left:-1rem;top:-7px;display:block;width:22px;height:2px;background:#6b9e26;}
.faq_box .faq_cont dt a .etc::after {content:"";position:absolute;left:0;top:-17px;display:block;width:2px;height:22px;background:#6b9e26;}
.faq_box .faq_cont dt em {color:#8fc43d;}
.faq_box .faq_cont dd {position:relative;z-index:0;display:none;align-items:flex-start;margin-top:-3rem;padding:6rem 3rem 3rem;line-height:1.5;background:#f3f9eb;border-radius:0 0 2rem 2rem;}
.faq_box .faq_cont dd .flex_box {align-items:flex-start;gap:2rem;}
.faq_box .faq_cont dd em {color:#6b9e26;}
.faq_box .faq_cont dd .flex_box > div {width:100%;line-height:1.6;margin-top:.5rem;white-space:normal;word-break:break-word;}
.faq_box .faq_cont dd .file_box .file_d {display:flex;flex-direction:column;gap:1rem;width:100%;}
.faq_box .faq_cont dd table {width:100%;border-top:2px solid #29a7e1;border-bottom:1px solid #ddd;word-break:normal;margin:1rem 0 2rem;background:#fff;}
.faq_box .faq_cont dd table th, .faq_box .faq_cont dd table td {padding:1rem;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.faq_box .faq_cont dd table th {position:relative;word-break:break-all;font-weight:500;background:#d7f0fc;color:#000;}
.faq_box .faq_cont dd table td {word-break:break-all;line-height:1.5;color:#767676;}
.faq_box .faq_cont dd table thead th {padding:1.5rem 1rem;border-bottom:1px solid #ddd;}
.faq_box .faq_cont dd table thead th:first-child, .faq_box .faq_cont dd table tbody tr th:first-child, .faq_box .faq_cont dd table tbody tr td:first-child, .faq_box .faq_cont dd table tfoot tr td:first-child {border-left:0;}
.faq_box .faq_cont dd table tfoot th, .faq_box .faq_cont dd table tfoot td {background:#ebf7fc;border-top:1px solid #ddd;color:#000;}
.faq_box .faq_cont dd table tfoot td {border-left:1px solid #ddd;}
.faq_box .faq_cont dd table tbody th {text-align:left;vertical-align:middle;}
.faq_box .faq_cont dd table tbody tr:first-child th, .faq_box .faq_cont dd table tbody tr:first-child td {border-top:1px solid #fff;}
.faq_box .faq_cont dt.on {background:#8fc43d;border:1px solid #8fc43d;color:#fff;}
.faq_box .faq_cont dt.on a {font-weight:600;}
.faq_box .faq_cont dt.on a .etc::before {background:#fff;}
.faq_box .faq_cont dt.on a .etc::after {display:none;}
.faq_box .faq_cont dt.on em {color:#fff;border-right:1px solid rgba(255,255,255,.5);}
    @media only screen and (max-width:1023px){
        .faq_box .faq_cont em {padding-right:1rem;}
        .faq_box .faq_cont dt em {margin:1px 1rem 0 2rem;}
        .faq_box .faq_cont dt a {padding:2rem 0;font-size:2rem;}
        .faq_box .faq_cont dt a span {margin:1rem 3rem 0 auto;}
        .faq_box .faq_cont dt a .etc::before {left:-8px;top:-6px;width:18px;height:2px;}
        .faq_box .faq_cont dt a .etc::after {left:0;top:-14px;width:2px;height:18px;}
        .faq_box .faq_cont dd {padding:5rem 2.5rem 2rem;}
    }
    @media only screen and (max-width:767px){
        .faq_box .faq_cont dt a {line-height:1.5;padding:15px 0;font-size:1.8rem;}
        .faq_box .faq_cont dd .faq_answer {overflow-x:auto;overflow-y:hidden;}
        .faq_box .faq_cont dd .faq_answer table {width:clamp(0px, 800px, 1023px);border-top:2px solid #0a92d1;}
    }



/**************************************/
/********** sub04_정보마당 **********/
/**************************************/
/* 04_01_02_01_자료실(목록) */
.sub040102 .sch_category [class^="category_box"] li {width:25%;}
.sub040102 .board_table tbody tr td:not(.category,.tit) {color:#767676;font-size:1.5rem;line-height:1.2;}
    @media only screen and (max-width:767px){
        .sub040102 .sch_category [class^="category_box"] li {width:33.3%;}
        .sub040102 .board_table tbody tr {padding:1.2rem 1.5rem;text-align:left;}
        .sub040102 .board_table tbody tr {align-items:center;}
        .sub040102 .board_table tbody tr.noti td.num {order:1;padding:0;}
        .sub040102 .board_table tbody tr td.category {order:2;width:100%;}
        .sub040102 .board_table tbody td.tit {padding:1rem 1.2rem;}
        .sub040102 .board_table tbody tr td:is(.writer,.date,.view) {order:3;}
        .sub040102 .board_table tbody tr td.file {order:4;}
    }
    @media only screen and (max-width:599px){
        .sub040102 .sch_category [class^="category_box"] li {width:50%;}
    }

/* 04_02_00_00_통계자료(공통) */
.sub0403 .box-style {border:1px solid #ddd;border-radius:2rem;position:relative;overflow:hidden;}
.sub0403 .box-style::before {content:'';position:absolute;top:50%;right:4rem;transform:translateY(-50%);width:28.9rem;height:25.6rem;}
.sub0403 .box-style .t_cont {padding:3rem 4rem;border-radius:1rem 1rem 0 0;position:relative;}
.sub0403 .box-style .t_cont:before {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:#f3f3f3;content:'';}
.sub0403 .box-style .t_cont .tit {font-weight:700;font-size:2.8rem;line-height:1.4;color:#000;position:relative;}
.sub0403 .box-style .p_cont {padding:3rem 4rem;}
.sub0403 .box-style .p_cont ul li {position:relative;z-index:1;padding-left:1.5rem;}
.sub0403 .box-style .p_cont ul li:not(:last-child) {margin-bottom:.5rem;}
.sub0403 .box-style .p_cont ul li::after {content:"";position:absolute;left:0;top:.9rem;display:block;width:.5rem;height:.5rem;background:#8fc43d;}
.sub0403 .list1 {margin-left:4rem;margin-top:1rem;}
.sub0403 .list1 .chart_wrap {margin-left:-2rem;}
.sub0403 .chart_wrap {border:1px solid #ddd;border-radius:1rem;margin-top:1rem;overflow:hidden;padding:3rem;}
.sub0403 .chart_wrap > img {display:block;margin:0 auto;max-width:100%;}
.sub0403 .chart_wrap.no_list {margin-left:4rem;}
.sub0403 a.zoom_btn {display:none;}
    @media screen and (max-width:1023px) {
        .sub0403 .qtab_box .tab_btn li {width:50%;}
        .sub0403 .box-style::before {width:22.6rem;height:20rem;opacity:.3;}
    }
    @media screen and (max-width:767px) {
        .sub0403 .qtab_box .tab_btn li {width:100%;}
        .sub0403 .chart_wrap {}
        .sub0403 .box-style::before {display: none;}
        /*.sub0403 .list1 {margin-left:0;}*/
    }

/* 04_02_01_01_통계자료_이용자 모니터링 */
.sub0403 .tap_box1 .box-style1::before {background:url("https://www.cbcsi.or.kr/monitor/2021/content/sub04/sub040301_tap1_box.png") no-repeat center / cover;}
.sub0403 .tap_box2 .box-style2::before {background:url("https://www.cbcsi.or.kr/monitor/2021/content/sub04/sub040301_tap2_box.png") no-repeat center / cover;}
.sub0403 .tap_box3 .box-style3::before {background:url("https://www.cbcsi.or.kr/monitor/2021/content/sub04/sub040301_tap3_box.png") no-repeat center / cover;}
.sub0403 .tap_box5 .box-style5::before {background:url("https://www.cbcsi.or.kr/monitor/2022/content/sub04/sub040301_tap5_box.png") no-repeat center / cover;}
.sub0403 .tap_box6 .box-style6::before {background:url("https://www.cbcsi.or.kr/monitor/2022/content/sub04/sub040301_tap6_box.png") no-repeat center / cover;}

/* 04_02_02_00_통계자료_일자리 만족도 조사 */
.sub040302 .box-style4::before {background:url("https://www.cbcsi.or.kr/monitor/2021/content/sub04/sub040302_box.png") no-repeat center / cover;}

/* 04_02_03_00_통계자료_사업현황 */
.sub040303 .tableA {font-size:1.6rem;}
.sub040303 .tableA thead th, .sub040303 .tableA tbody td {padding:.5rem 1rem;}
.sub040303 .tableA tbody td {font-weight:normal;color:#333;}
.sub040303 .chart {margin-top:4rem;}
.sub040303 .chart .chart_wrap > img {max-width:100%;width:70%;}
    @media screen and (max-width:1023px) {
        /*.sub040303 .chart .chart_wrap > img {width:60%;}*/
    }
    @media screen and (max-width:767px) {
        .sub040303 .chart .chart_wrap > img {width:85%;}
    }
    @media screen and (max-width:475px) {
        .sub040303 .chart .chart_wrap > img {width:95%;}
    }

/* 04_03_00_00_관련사이트 */
.banner {display:grid;gap:1.2rem 2.4rem;}
.banner li {border-radius:1rem;border:1px solid #ddd;overflow:hidden;display:flex;align-items:center;}
.banner_type1 {grid-template-columns:repeat(1,1fr);}
.banner_type1 li {padding:3rem 4rem;gap:4.8rem;}
.banner_type1 li .logo_img a img {max-width:20rem;}
.banner_type1 li .info_txt strong {display:block;font-size:2rem;margin-bottom:.5rem;}
.banner_type1 li .info_txt p {color:#767676;}
.banner_type2 {grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;}
.banner_type2 li {padding:1rem 2rem;justify-content:center;}
.banner_type2 li a img {max-height:7rem;}
    @media only screen and (max-width:1023px) {
        .banner {gap:1.2rem;}
        .banner_type2 {grid-template-columns:repeat(3,1fr);}
    }
    @media only screen and (max-width:767px) {
        .banner_type1 li {flex-direction:column;gap:2.4rem;text-align:center;}
        .banner_type2 {grid-template-columns:repeat(2,1fr);}
    }

/* 04_04_00_00_홈페이지가입안내 */
.step_box {display:flex;gap:4rem;}
.step_box > li {flex:1;position:relative;text-align:center;border:1px solid #ddd;border-radius:0 0 1rem 1rem;}
.step_box > li::before {content:"";display:block;position:absolute;top:0;right:-3.1rem;bottom:0;width:20px;height:14px;margin:auto 0;background:url("../../images/fs/common/step_arrow.png") no-repeat center center;}
.step_box > li:last-child::before {display:none;}
.step_box > li .tit {padding:1rem;background:#8fc43d;font-weight:500;color:#fff;}
.step_box > li:nth-child(2n) .tit {background:#29a7e1;}
.step_box > li:nth-child(3n) .tit {background:#f39939;}
.step_box > li .item {padding:1rem 2rem;}
    @media only screen and (max-width:1023px){
        .step_box {flex-wrap:wrap;gap:2.4rem 4rem;}
        .step_box > li {flex:0;flex-basis:calc(33.333% - 4rem);}
    }
    @media only screen and (max-width:767px) {
        .step_box {flex-direction:column;gap:4rem;}
        .step_box > li::before {top:unset;bottom:-3rem;right:50%;transform:rotate(90deg) translateY(-50%);}
    }


/**************************************/
/********** sub05_소통마당 **********/
/**************************************/
/* 05_02_01_00_사진공모전 수상작 */
.sub0502 .gallery_ul li {width:33.333%;}
.sub0502 .gallery_ul li a .tit span {max-width:100%;width:100%;}
.sub050201 .gallery_ul li a .img .overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(41,167,225,.6);color:#fff;display:flex;justify-content:center;align-items:center;gap:.5rem;opacity:0;font-weight:600;font-size:2rem;transition: opacity 0.3s ease;pointer-events:none;}
.sub050201 .gallery_ul li a:is(:hover,:focus,:active) .overlay {opacity:1;}
.sub050201 .gallery_ul li a .award_grade {display:inline-flex;margin-top:2rem;font-weight:500;padding:0 2rem;border-radius:.5rem;color:#fff;}
.sub050201 .gallery_ul li a .award_grade.grade1 {background:#de3412;}/* 최우수상 */
.sub050201 .gallery_ul li a .award_grade.grade2 {background:#29a7e1;}/* 우수상 */
.sub050201 .gallery_ul li a .award_grade.grade3 {background:#8fc43d;}/* 장려상 */
.sub050201 .gallery_ul li a .award_grade.grade4 {background:#f39939;}/* 인기상 */
.sub050201 .gallery_ul li a .tit {margin-top:1rem;}
.detail_modal .con .detail_con {display:flex;gap:4.8rem;}
.detail_modal .con .detail_con > div {flex:1 1 0;}
.detail_modal .con .detail_con .img_wrap {text-align:center;}
.detail_modal .con .detail_con .img_wrap img {max-height:60rem;}
.detail_modal .con .detail_con .txt_wrap > div * {font-family:"Paperlogy",sans-serif !important;font-size:inherit !important;line-height:1.6;letter-spacing:-0.02em !important;text-align:left !important;}
    @media only screen and (max-width:767px){
        .sub0502 .gallery_ul li {width:50%;}
        .detail_modal .con .detail_con {flex-direction:column;gap:2.4rem;}
    }

/* 05_02_02_00_사진공모전 */
.sub050202 .top_box {background:#f5f6f3 url("../../images/fs/common/ico_topbox2.svg") no-repeat right bottom/contain;border-radius:2rem;border:1px solid #ddd;padding:6rem;}
.sub050202 .top_box .su_st {display:block;line-height:1.3;font-size:4.2rem;font-weight:800;color:#000;}
.sub050202 .top_box p {line-height:1.7;font-size:1.9rem;color:#333;}
.sub050202 .top_box p:first-of-type {margin-top:35px;}
.sub050202 .top_box .su_ul {display:flex;flex-direction:column;gap:2rem;}
.sub050202 .top_box .su_ul li strong {display:grid;place-items:center;width:11rem;height:3rem;background:#70af2d;border-radius:4rem;font-weight:500;color:#fff;}
.sub050202 .top_box .su_ul li p {margin-top:1rem;padding-bottom:1.5rem;color:#767676;}
.sub050202 .gallery_ul li a .tit {margin-top:2rem;}
    @media only screen and (max-width:767px) {
        .sub050202 .top_box {padding:4rem;}
        .sub050202 .top_box .su_st {word-break:break-all;}
        .sub050202 .sch_top {flex-direction:column;}
        .sub050202 .sch_top .total, .sub050202 .sch_top .total select {width:100%;}
    }

/* 05_03_01_00_노크똑똑(목록) */
.sub050301 .sch_category [class^="category_box"] li {width:33.333%;}
.sub050301 .board_table tbody td.tit :is(.lock,.reply) {font-weight:normal;margin-right:.3rem;}

/* 05_04_00_00_전자바우처클린센터 */
@media only screen and (max-width:767px) {
    .sub050400 .flex_box {flex-direction:column;gap:1rem;align-items:flex-start;}
    .sub050400 .flex_box a {margin-left:4rem;}
}


/**************************************/
/********** sub06_교육·컨설팅 **********/
/**************************************/
/* 06_01_01_01_교육신청(목록) */
.sub060101 .sch_top {flex-direction:column-reverse;gap:1.5rem;}
.edu_box .flex_box {gap:.5rem;}
.edu_tit {text-align:left;}
.edu_type {padding:.5rem 0;width:7rem;display:inline-block;border-radius:3rem;font-size:1.6rem;text-align:center;color:#fff;background:#6b3c9b;flex-shrink:0;} /* 온라인 */
.edu_situ {padding:.5rem 0;width:8rem;display:inline-block;border-radius:3rem;font-size:1.6rem;text-align:center;color:#fff;margin-right:1rem;flex-shrink:0;}
.edu_situ.type1 {background:#29a7e1;} /* 모집중 */
.edu_situ.type2 {background:#8fc43d;} /* 모집예정 */
.edu_situ.type3 {background:#f39939;} /* 모집마감 */
.edu_situ.type4 {background:#767676;} /* 교육종료 */

/* 06_01_01_02_교육신청(상세) */
.sub060102 .no_applied {padding:1rem;background:#767676;color:#fff;border-radius:1rem;text-align:center;}
.sub060102 .tableA.edu_reg_list {table-layout:fixed;word-break:break-all;}
.sub060102 .tableA.edu_reg_list :is(thead th,tbody td) {padding:.5rem 1rem;}
.sub060102 .tableA.edu_reg_list .btn_bace {padding:0 2rem;}
.sub060102 .tableA.edu_reg_list .btn_area {flex-direction:column;}
.sub060102 .tableA.edu_reg_list .btn_area .btn_bace {min-width:8.5rem;justify-content:center;}

/* 06_01_03_00_이수증 발급 */
.sub060103 .board_table tbody td .flex_box {justify-content:space-between;}
.sub060103 .board_table.certificate_table .btn_bace {padding:0 1.5rem;min-width:7rem;justify-content:center;}

/* 06_01_04_01_타기관교육이수(목록) */
.situ {border:2px solid;padding:.5rem 0;width:10rem;display:inline-block;border-radius:3rem;font-size:1.6rem;text-align:center;}
.situ.type1 {border-color:#f39939;color:#f39939;} /* 심사중 */
.situ.type2 {border-color:#29a7e1;color:#29a7e1;} /* 검토중 */
.situ.type3 {border-color:#8fc43d;color:#8fc43d;} /* 확인완료 */
.situ.type4 {border-color:#de3412;color:#de3412;} /* 취소 */

/* 06_01_04_02_타기관교육이수(상세) */
.sub060104 .view_box, .sub060104 .view_box .file_box {border:none;padding:0;}
.sub060104 .reply_box {border-top:none;}

/* 06_01_04_03_타기관교육이수(쓰기) */
.sub060104 .flex.file_box {gap:.5rem 0;}

/* 06_02_02_01_영상 교육이수(목록) */
.sub060201 .card_list {display:grid;grid-template-columns:repeat(2, 1fr);gap:2.4rem;margin-bottom:3rem;}
.sub060201 .card_item {background:#fff;border:1px solid #e9e9e9;border-radius:1.6rem;padding:3rem;box-shadow:0 8px 24px rgba(0,0,0,0.02);transition:all 0.3s ease;height:100%;display:flex;flex-direction:column;}
.sub060201 .card_item:hover {transform:translateY(-.5rem);box-shadow:0 1rem 3rem rgba(0,0,0,0.08);border-color:#29a7e1;}
.sub060201 .card_title {font-size:2rem;font-weight:600;color:#000;margin-bottom:2rem;line-height:1.4;}
.sub060201 .card_info_list {display:flex;flex-direction:column;gap:1.2rem;}
.sub060201 .card_info_list li {display:flex;align-items:center;gap:1.2rem;}
.sub060201 .card_info_list .info_label {min-width:7rem;font-size:1.5rem;font-weight:600;flex-shrink:0;}
.sub060201 .card_info_list .info_val {font-size:1.5rem;color:#767676;display:inline-flex;align-items:center;}
.sub060201 .card_info_list .info_val .btn_bace {height:2.8rem;font-size:1.3rem;padding:0 1.5rem;line-height:2.8rem;}
.sub060201 .card_info_list .info_val .txt_status {font-size:1.5rem;font-weight:600;display:inline-block;vertical-align:middle;}
.sub060201 .no_data_card {text-align:center;padding:8rem 2rem;border:1px solid #e9e9e9;border-radius:1.6rem;background:#fbfbfb;font-size:1.6rem;color:#777;}
    @media only screen and (max-width:747px) {
        .sub060201 .card_list {grid-template-columns:1fr;gap:1.6rem;}
        .sub060201 .card_item {padding:2rem 3rem;}
    }


/* 06_02_02_02_영상 교육이수(상세) */
.sub060201 .edu_detail_title {display:flex;flex-direction:column;align-items:center;margin-bottom:4.5rem;}
.sub060201 .edu_detail_title .sub_tag {display:inline-block;font-size:1.6rem;font-weight:600;color:#29a7e1;background:#ebf7fc;padding:0.4rem 1.2rem;border-radius:2rem;margin-bottom:1.5rem;}
.sub060201 .edu_detail_title .main_title {display:block;font-size:4rem;font-weight:800;color:#000;line-height:1.3;position:relative;padding-bottom:2rem;}
.sub060201 .edu_detail_title .main_title::after {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:4rem;height:.4rem;background:#29a7e1;border-radius:.2rem;}
.sub060201 .warning_info_box {display:flex;align-items:center;gap:1.6rem;background:#fff9db;border:1px solid #ffe066;border-radius:1.2rem;padding:1.6rem 2.4rem;margin-bottom:3rem;}
.sub060201 .warning_info_box .icon {font-size:3rem;color:#f39939;line-height:1;}
.sub060201 .warning_info_box .text strong {color:#e8590c;font-weight:600;display:block;margin-bottom:0.4rem;}
.sub060201 .warning_info_box .text p {font-size:1.6rem;}
.sub060201 .video_wrap_placeholder {width:100%;height:auto;transition:height 0.3s ease;}
.sub060201 .video_container_wrap {position:relative;margin-bottom:4rem;background:#000;padding:1.5rem;border-radius:1.6rem;box-shadow:0 1rem 3rem rgba(0,0,0,0.15);transition:all 0.3s ease;}
.sub060201 .video_container_wrap.pip_active {position:fixed;bottom:12rem;right:3rem;width:380px;z-index:999;box-shadow:0 1.5rem 4rem rgba(0,0,0,0.3);padding:1rem;border-radius:1.2rem;margin-bottom:0;animation:pipSlideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1);}
.sub060201 .video_container_wrap .btn_pip_close {display:none;position:absolute;top:-1.2rem;right:-1.2rem;width:3rem;height:3rem;border-radius:50%;background:#333;color:#fff;border:2px solid #fff;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:0 0.4rem 1rem rgba(0,0,0,0.2);transition:all 0.2s;}
.sub060201 .video_container_wrap.pip_active .btn_pip_close {display:flex;}
.sub060201 .video_container_wrap .btn_pip_close:hover {background:#f39939;transform:scale(1.1);}
.sub060201 .video_container_wrap .btn_pip_close i {font-size:1.8rem;line-height:1;}
@keyframes pipSlideIn {from {transform:translateY(50px);opacity:0;} to {transform:translateY(0);opacity:1;}}
.sub060201 .video_player {position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:0.8rem;}
.sub060201 .video_player iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.sub060201 .video_player #ytPlayer {position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.sub060201 .video_progress_bar {margin-top:1.5rem;background:#1a1a1a;padding:1.5rem 2rem;border-radius:0.8rem;display:flex;flex-direction:column;gap:1rem;}
.sub060201 .video_progress_bar .progress_track {width:100%;height:0.8rem;background:#333;border-radius:1rem;overflow:hidden;}
.sub060201 .video_progress_bar .progress_fill {height:100%;background:#f39939;border-radius:1rem;transition:width 0.5s ease;}
.sub060201 .video_progress_bar .progress_text {display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:1.6rem;}
.sub060201 .video_progress_bar .progress_text .pct {font-weight:600;}
.sub060201 .video_progress_bar .progress_text .status_txt {display:flex;align-items:center;gap:0.4rem;}
.sub060201 .video_progress_bar .progress_text .status_txt.ready {color:#8fc43d;}
.sub060201 .video_progress_bar .progress_text .status_txt.not_yet {color:#868e96;}
.sub060201 .video_progress_bar .progress_text .progress_info {display:flex;align-items:center;gap:1.5rem;}
.sub060201 .scroll_lock_toggle {display:flex;flex-direction:column;align-items:flex-end;gap:0.4rem;}
.sub060201 .scroll_lock_toggle .toggle_desc {font-size:1.4rem;color:#adb5bd;text-align:right;}
.sub060201 .video_container_wrap.pip_active .scroll_lock_toggle {display:none;}
.sub060201 .switch_label {display:flex;align-items:center;gap:0.8rem;cursor:pointer;user-select:none;font-weight:600;color:#fff;}
.sub060201 .switch_label i {font-weight:500;}
.sub060201 .switch_label input {display:none;}
.sub060201 .switch_label .slider {position:relative;display:inline-block;width:3.8rem;height:2rem;background:#555;border-radius:2rem;transition:0.3s;}
.sub060201 .switch_label .slider::after {content:'';position:absolute;top:0.2rem;left:0.2rem;width:1.6rem;height:1.6rem;background:#fff;border-radius:50%;transition:0.3s;box-shadow:0 2px 4px rgba(0,0,0,0.2);}
.sub060201 .switch_label input:checked + .slider {background:#f39939;}
.sub060201 .switch_label input:checked + .slider::after {left:2rem;}
.sub060201 .switch_label .toggle_txt {display:flex;align-items:center;gap:0.4rem;transition:color 0.2s;}
.sub060201 .switch_label input:checked ~ .toggle_txt {color:#f39939;}
.sub060201 .switch_label input:disabled + .slider {background:#333;opacity:0.6;cursor:not-allowed;}
.sub060201 .switch_label input:disabled ~ .toggle_txt {color:#777;cursor:not-allowed;}

.sub060201 .quiz_container {position:relative;border-radius:1.6rem;padding:4rem 3rem;background:#f4f4f4;transition:max-height 0.8s ease-in-out, box-shadow 0.3s, border-color 0.3s;overflow:hidden;}
.sub060201 .quiz_container.locked {max-height:16rem;padding-bottom:1.5rem;border:1px solid #e9e9e9;}
.sub060201 .quiz_container.flash_active {animation:quizFlash 1s ease 2;}
@keyframes quizFlash {0%, 100% {border-color:#e9e9e9;box-shadow:none;} 50% {border-color:#f39939;box-shadow:0 0 1.5rem rgba(243,153,57,0.4);}}
.sub060201 .quiz_lock_overlay {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.85);backdrop-filter:blur(5px);z-index:10;align-items:center;justify-content:center;border-radius:1.6rem;}
.sub060201 .quiz_container.locked .quiz_lock_overlay {display:flex;}
.sub060201 .quiz_lock_overlay .lock_content {text-align:center;}
.sub060201 .quiz_lock_overlay .lock_content i {font-size:4.8rem;color:#767676;margin-bottom:1.5rem;}
.sub060201 .quiz_lock_overlay .lock_content p {font-size:1.8rem;color:#333;font-weight:600;}
.sub060201 .quiz_list {display:flex;flex-direction:column;gap:2rem;}
.sub060201 .quiz_item {background:#fbfbfb;border:1px solid #eee;border-radius:1.2rem;padding:2rem 2.4rem;display:flex;gap:2rem;}
.sub060201 .quiz_item .q_num {font-size:1.8rem;font-weight:800;color:#29a7e1;flex-shrink:0;}
.sub060201 .quiz_item .q_content {flex-grow:1;}
.sub060201 .quiz_item .question {font-weight:600;color:#000;margin-bottom:1.5rem;line-height:1.4;}
.sub060201 .quiz_item .options {display:flex;gap:3rem;flex-wrap:wrap;}
.sub060201 .quiz_btn_area {display:flex;justify-content:center;gap:1.2rem;margin-top:3rem;}
.sub060201 .quiz_btn_area .btn_bace {min-width:14rem;justify-content:center;}
    @media only screen and (max-width: 767px) {
        .sub060201 .edu_detail_title {margin-bottom:3rem;}
        .sub060201 .edu_detail_title .sub_tag {padding:0.3rem 1rem;margin-bottom:1.2rem;}
        .sub060201 .edu_detail_title .main_title {padding-bottom:1.5rem;}
        .sub060201 .edu_detail_title .main_title::after {width:3rem;height:.3rem;}
        .sub060201 .video_progress_bar .progress_text {flex-direction:column;align-items:flex-start;gap:1.2rem;}
        .sub060201 .video_progress_bar .progress_text .progress_info {flex-direction:column;align-items:flex-start;gap:0.6rem;}
        .sub060201 .scroll_lock_toggle {align-items:flex-start;}
        .sub060201 .scroll_lock_toggle .toggle_desc {text-align:left;}
        .sub060201 .quiz_item {flex-direction:column;gap:1rem;}
        .sub060201 .quiz_item .options {flex-direction:column;gap:1.5rem;}
        .sub060201 .quiz_item .options.type_grid {grid-template-columns:1fr;gap:1.2rem;}
        .sub060201 .quiz_container:not(.locked) {max-height:45rem !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;padding:3rem 2rem;border:1px solid #e9e9e9;}
    }


/**************************************/
/********** sub07_성과·모니터링 **********/
/**************************************/
/* 07_01_01_00_성과관리(목록) */
.result_wrap .sch_top {justify-content:center;background:#f7f7f7;padding:2rem;margin-bottom:0;}
.result_wrap .btn_list {display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:.5rem;}
	@media only screen and (max-width:1419px){
		.result_wrap .sch_top .search_box .inputbox {justify-content:center;}
	}
	@media only screen and (max-width:1023px){
		.result_wrap .sch_top .search_box .inputbox select {width:auto;}
		.result_wrap .sch_top .search_box .inputbox input {width:327px;}
	}

/* 07_01_03_00_성과관리(등록) */
.result_wrap .home_box .home_cont {height:auto;}
.result_wrap .home_box .home_cont.long {height:30rem;}
.result_wrap .home_cont .list2 li {margin-top:0;}
.result_wrap .home_cont .list2 li::after {top:1rem;}
.result_wrap .tit_box {justify-content:space-between;}
.result_wrap .bot_box {overflow:hidden;border-radius:1rem;border:1px dashed #ddd;}
.result_wrap .bot_box .survey_list {padding:4rem;}
.result_wrap .bot_box .survey_list .survey_set:not(:first-child) {margin-top:5rem;}
.result_wrap .bot_box .survey_list .survey_set .pt {display:flex;justify-content:flex-start;align-items:center;font-weight:500;}
.result_wrap .bot_box .survey_list .survey_set .pt > span {flex-shrink:0;display:inline-grid;place-items:center;width:6rem;height:3rem;border-radius:2rem;font-weight:300;background:#8fc43d;color:#fff;}
.result_wrap .bot_box .survey_list .survey_set .pt > em {margin-left:1rem;}
.result_wrap .bot_box .survey_list .survey_set .pt > em span {font-weight:400;}
.result_wrap .bot_box .survey_list .survey_set:nth-child(3n+2) .pt > span {background:#29a7e1;}
.result_wrap .bot_box .survey_list .survey_set:nth-child(3n+3) .pt > span {background:#f39939;}
	@media only screen and (max-width:767px) {
		.result_wrap .tit_box {flex-wrap:wrap;}
		.result_wrap .bot_box .survey_list {padding:3rem 2rem;}
	}

/* 07_01_04_00_성과관리(보기) */
.result_wrap .search_box .date_td {display:flex;gap:.5rem;}
.result_wrap .search_box .btn_sch {flex-shrink:0;width:4.5rem;height:4.5rem;background:#111;border-radius:1rem;color:#fff;font-size:2rem;}
.result_wrap .search_box .sch_wrap .btn_sch {width:auto;padding:0 2rem;font-size:1.6rem;}
.result_wrap .view_total {justify-content:space-between;flex-wrap:wrap;}
.result_wrap .view_total .total strong > em {color:#29a7e1;font-weight:700;}
	@media only screen and (max-width:1023px) {
		.result_wrap .tableA {word-break:break-all;}
	}
	@media only screen and (max-width:425px) {
		.result_wrap .search_box .date_td {flex-wrap:wrap;}
		.result_wrap .search_box .date_td .datepic {flex-grow:1;}
		.result_wrap .search_box .btn_sch {flex-grow:1;}
	}

/* 07_02_01_00_사회서비스모니터링조사(조사) */
.result_wrap .survey_list :has(.etc) {flex-direction:column;gap:1rem;}
.result_wrap .survey_list .etc .etc_input {position:static;width:auto;margin-left:1rem;height:4rem;}
.result_wrap .organ_initial {margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.5rem;}
.result_wrap .organ_initial button {min-width:3.5rem;height:3.5rem;padding:0 0.8rem;border:0.1rem solid #d7f0fc;border-radius:0.6rem;background:#ebf7fc;color:#0a92d1;font-size:1.4rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;}
.result_wrap .organ_initial button:hover {background:#d7f0fc;border-color:#29a7e1;color:#29a7e1;}
.result_wrap .organ_initial button.on {background:#29a7e1;border-color:#29a7e1;color:#fff;font-weight:700;box-shadow:0 0.2rem 0.6rem rgba(41,167,225,0.25);}
.result_wrap .organ_initial button.on:hover {background:#0a92d1;border-color:#0a92d1;}
    @media only screen and (max-width:575px) {
        .result_wrap .organ_initial {display:grid;grid-template-columns:repeat(8,1fr);}
    }

/* 07_03_01_00_사회서비스모니터링관리(목록) */
.layer_top .survey_result_wrap {background:#ebf7fc;padding:1rem;border-radius:1rem;}
.layer_top .survey_result {background:#fff;padding:3rem;border-radius:1rem;box-shadow:0 4px 1rem rgba(0,0,0,0.05);margin-bottom:3rem;}
.layer_top .survey_result:last-child {margin-bottom:0;}
.layer_top .survey_result .pt {display:flex;justify-content:flex-start;align-items:center;font-weight:500;}
.layer_top .survey_result .pt > span {flex-shrink:0;display:inline-grid;place-items:center;width:6rem;height:3rem;border-radius:2rem;font-weight:300;background:#8fc43d;color:#fff;}
.layer_top .survey_result .pt > em {margin-left:1rem;}
.layer_top .survey_result .pt > em span {font-weight:400;}
.layer_top .survey_result:nth-child(2n) .pt > span {background:#29a7e1;}
.layer_top .survey_result:nth-child(3n) .pt > span {background:#f39939;}
.layer_top .result_list {margin-top:1.5rem;}
.layer_top .result_item:not(:last-child) {margin-bottom:2rem;}
.layer_top .result_item .bar_wrap {background:#d7f0fc;border-radius:.5rem;overflow:hidden;height:2.5rem;margin-top:.5rem;}
.layer_top .result_item .bar_wrap .bar {background:#0a92d1;height:100%;text-align:right;color:#fff;padding-right:.5rem;font-size:1.4rem;line-height:2.5rem;}
	@media only screen and (max-width:767px) {
		.layer_top .survey_result {padding:2rem;}
		.layer_top .survey_result .pt {flex-direction:column;align-items:flex-start;gap:.5rem;}
	}


/**************************************/
/********** sub08_회원서비스 **********/
/**************************************/
/* 08_01_00_00_로그인 */
.login_box_wrap {padding:5rem 0;background:#ebf7fc;border-radius:2.5rem;}
.login_box_wrap .login_box {width:clamp(0px,90%,600px);margin:0 auto;}
.login_box_wrap .login_box .input_box {margin-bottom:2rem;}
.login_box_wrap .login_box .input_box label {display:block;font-weight:700;font-size:2rem;margin-bottom:0.5rem;}
.login_box_wrap .login_box .input_box input {width:100%;}
.login_box_wrap .login_box .pwbtn {display:block;margin-bottom:3rem;font-size:1.7rem;}
.login_box_wrap .login_box .pwbtn img {vertical-align:middle;margin-top:-2px;filter:brightness(0) saturate(100%) invert(43%) sepia(41%) saturate(1167%) hue-rotate(303deg) brightness(92%) contrast(91%);}
.login_box_wrap .login_box .btn_box button {display:block;width:100%;margin:3rem 0 2rem;}
.login_box_wrap .login_box .sub_btn_box {display:flex;justify-content:center;gap:2rem;color:#767676;}
.login_box_wrap .sns_box em {display:flex;align-items:center;gap:1.5rem;margin:4rem 0 2rem 0;text-align:center;}
.login_box_wrap .sns_box em:before {content:"";display:inline-block;flex-grow:1;height:1px;background:#767676;}
.login_box_wrap .sns_box em:after {content:"";display:inline-block;flex-grow:1;height:1px;background:#767676;}
.login_box_wrap .sns_box .btn_box {display:flex;align-items:center;}
.login_box_wrap .sns_box .btn_box a {flex-grow:1;text-align:center;}
.login_box_wrap .sns_box .btn_box a img {display:block;margin:0 auto 1rem auto;}

/* 08_02_01_00_회원가입(약관동의) */
.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 #ddd;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:#8fc43d;}
.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 {color:#333;font-weight:700;}
.join_step ul li.on {background:#8fc43d;border-color:#8fc43d;}
.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;}
.home_box .home_cont {overflow-y:scroll;width:auto;height:30rem;padding:2rem 3rem;border:1px solid #ddd;border-radius:1rem;}
.home_box .home_cont .clause h5 {font-weight:700;font-size:2.4rem;}
.home_box .home_cont .clause strong {display:block;font-weight:600;font-size:1.8rem;margin:3rem 0 1rem;}
.home_box .home_cont .clause:has(p,ul) {font-size:1.6rem;line-height:1.7;}
.home_box .checks:not(.all_checks) {justify-content:flex-end;}
.home_box .checks.all_checks {justify-content:center;font-weight:500;color:#000;padding:1.5rem 1rem;border-radius:1rem;background:#ebf7fc;}
	@media only screen and (max-width:767px){
		.join_step ul {grid-template-columns:repeat(2,1fr);grid-template-rows: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;}
		.home_box .home_cont {height:20rem;}
	}

/* 08_02_02_01_회원가입(회원유형) */
.type_wrap {display:flex;gap:1.6rem;}
.type_wrap > div {flex:1;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;}
.type_wrap > div.left:has(button:is(:hover,:focus,:active)) {border-color:#f39939;}
.type_wrap > div.right:has(button:is(:hover,:focus,:active)) {border-color:#29a7e1;}
.type_wrap > div h4 {display:block;font-weight:700;font-size:2.5rem;margin-bottom:3rem;}
.type_wrap > div p {margin:2.5rem 0 2rem;text-wrap:balance;}
	@media only screen and (max-width:1023px){
		.type_wrap {flex-direction:column;}
		.type_wrap > div {padding:3rem 2rem;}
	}

/* 08_02_03_01_회원가입(정보입력_일반) */
.join_form .gov_only {display:none;}
.flex_box {display:flex;align-items:center;gap:1rem;}
.email_flex {flex-wrap:wrap;}
.join_form .example {font-size:1.7rem;}
	@media only screen and (max-width:575px){
		.join_form .datepic_box input {max-width:none;}
		.tel_flex {flex-wrap:wrap;}
		.tel_flex select, .tel_flex input:not(:last-child) {flex-grow:1;width:90%;}
		.tel_flex input:last-child {flex-grow:1;}
		.email_flex > * {flex-basis:100%;}
		.email_flex button {display:flex;justify-content:center;}
	}

/* 08_02_04_00_회원가입(가입완료) */
.step_end {padding:9rem 0 8rem;border-top:2px solid #29a7e1;border-bottom:1px solid #ddd;text-align:center;}
.step_end .sttit {display:block;font-weight:700;margin-top:3.5rem;font-size:4rem;}
.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;}
	}


/**************************************/
/********** sub09_마이페이지 **********/
/**************************************/
/* 09_02_00_00_기관정보수정 */
.org_info_modi .category_wrap {display:flex;align-items:flex-end;gap:.5rem;}
.org_info_modi .category_wrap .select_box .category_item:not(:first-child) {margin-top:.5rem;}
.org_info_modi .org_pic {aspect-ratio:1/1;}
.org_info_modi .org_pic img {width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;}
.popup_body {padding:4rem;color:#333;}
.popup_body .business_wrap {display:flex;align-items:flex-end;gap:.5rem;}
.popup_body .business_wrap .select_box .business_item:not(:first-child) {margin-top:.5rem;}
.popup_body .form {gap:1rem;}
.popup_body .form li {display:flex;gap:.5rem;}
.popup_body .form li .file_box {width:100%;}
.overflow_scroll .iconlr {display:flex;justify-content:center;align-items:center;margin-top:10px;color:#0a92d1;}
.overflow_scroll .table_box {overflow-x:auto;overflow-y:hidden;}
.overflow_scroll .table_box table {width:100%;min-width:1200px;border-top:2px solid #0a92d1;}
 
	@media only screen and (max-width:1023px){
		.popup_body {padding:3rem;}
	}
	@media only screen and (max-width:767px){
		.popup_body {padding:2rem;}
	}


/**************************************/
/********** sub10_이용안내 **********/
/**************************************/
/* 10_01_00_00_사이트맵 */
.sitemap_wrap .sitemap {display:flex;flex-direction:column;border-radius:2rem;margin-bottom:5rem;overflow:hidden;}
.sitemap_wrap .sitemap:last-child {margin-bottom:0;}
.sitemap_wrap .depth01 {background:#29a7e1;font-weight:600;font-size:2rem;color:#fff;text-align:center;padding:1.5rem;}
.sitemap_wrap .depth01:is(:hover,:focus,:active) {background:#0a92d1;}
.sitemap_wrap .site_inner {padding:3rem;display:flex;gap:3rem;background:#ebf7fc;}
.sitemap_wrap .site_inner > li {flex:1 1 0;}
.sitemap_wrap .site_inner > li > a {display:block;padding:1rem;background:#fff;text-align:center;border-radius:.5rem;}
.sitemap_wrap .site_inner > li:has(a:hover,a:focus,a:active) > a {background:#0a92d1;color:#fff;}
.sitemap_wrap .site_inner > li > ul {display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1rem 0;}
.sitemap_wrap .site_inner > li > ul a {display:block;position:relative;padding-left:1.5rem;font-size:1.7rem;}
.sitemap_wrap .site_inner > li > ul a::before {content:"";width:3px;height:3px;background:#0a92d1;position:absolute;left:.2rem;top:.9rem;}
.sitemap_wrap .site_inner > li > ul a:is(:hover,:focus,:active) {text-decoration:underline;color:#29a7e1;}
    @media only screen and (max-width:1023px){
        .sitemap_wrap .site_inner {gap:2rem;}
        .sitemap_wrap .site_inner > li > ul {padding:1.5rem 0 0;}
    }
    @media only screen and (max-width:767px){
        .sitemap_wrap .site_inner {flex-wrap:wrap;}
        .sitemap_wrap .site_inner > li {flex:1 1 0;flex-basis:100%;}
    }

/* 10_02_01_00_개인정보취급방침 */
.policy_box {padding:4rem 5rem;background:#ebf7fc;border-top:1px solid #29a7e1;font-weight:500;line-height:1.6;border-radius:0 0 1rem 1rem;}
.index_box {display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:4rem 3rem;}
.index_box a {display:block;background:#8fc43d;color:#fff;padding:1rem 2.5rem;border-radius:.5rem;}
.index_box a:is(:hover,:focus:active) {background:#547424;}
	@media only screen and (max-width:1023px){
		.policy_box {padding:4rem;}
		.index_box {grid-template-columns:repeat(2,1fr);}
	}
	@media only screen and (max-width:767px){
		.policy_box br {display:none;}
		.index_box {grid-template-columns:repeat(1,1fr);gap:.5rem;}
	}