@media screen and (max-width:1500px){
	/* 라벨링 및 목차*/
	.labeling .label_box .list_txt_group {left:0;transform:translateX(0)}
	.labeling .label_box .list_txt_group::before {left:8.5dvw}
	.labeling .label_box:nth-child(5n) .list_txt_group {left:auto;right:0}
	.labeling .label_box:nth-child(5n) .list_txt_group::before {left:auto;right:8.5dvw;transform:translateX(50%)}
	
	/* 공공예식장 */
	.wedding .wedding_steps .wedding_steps_list {width:100%;gap:4px;}
	.wedding .wedding_steps .wedding_steps_list > li {min-width:0;}
	.wedding .wedding_steps .wedding_steps_list > li:not(.wedding_step_arrow) {flex:1 1 0;display:flex;}
	.wedding .wedding_steps .wedding_steps_list > li:has(.wedding_step_split) {flex:2.05 1 0}
	.wedding .wedding_steps .wedding_steps_list > li:has(.type_red) {flex:1.25 1 0}
	.wedding .wedding_steps .wedding_step {width:100%;height:auto;min-height:210px;padding:10px 8px 18px;gap:12px;}
	.wedding .wedding_steps .wedding_step.type_red {width:100%;min-width:0;flex-grow:0;}
	.wedding .wedding_steps .wedding_step .num {font-size:15px}
	.wedding .wedding_steps .wedding_step .ico_wrap {flex:0 0 80px;width:80px;height:80px;}
	.wedding .wedding_steps .wedding_step.type_red .ico_wrap img {width:44px;height:44px}
	.wedding .wedding_steps .wedding_step .label {font-size:16px}
	.wedding .wedding_steps .wedding_step.type_red .label {font-size:18px}
	.wedding .wedding_steps .wedding_step .sub {font-size:13px}
	.wedding .wedding_steps .wedding_step_split {width:100%;height:auto;}
	.wedding .wedding_steps .wedding_step_split .wedding_step {width:auto;flex:1;min-width:0;min-height:0;}
	.wedding .wedding_steps .wedding_step_split .divider {height:80px}
	.wedding .wedding_steps .wedding_step_arrow {flex:0 0 28px;width:28px;height:28px;}
	.wedding .wedding_steps .wedding_step_arrow img {width:24px;height:24px}
}

@media screen and (max-width:1400px){
	/* 서브 공통 */
	.bd_box {padding:25px 30px}
	.page_top_visual .sub_tit {font-size:36px}
	.page_top_bg.bg02 {padding:8px 0 15px 0}

	/* 회원가입 연령대 선택 */
	.join_type .type_box .page_tit {height:68px}
	.join_type .type_box .icon_box .img_icon {width:70px}
	
	/* 위원회 소개 > 인사말 */
	.greeting .inner {padding:70px 505px 40px 60px;background-position:right 30px bottom, right top}
	
	/* 위원회 소개 > 위원회 소개 */
	.about_intro .page_top_visual {height:526px}
	.about_intro .row_grid .bundle {grid-template-columns:447px auto;column-gap:64px;margin-bottom:64px;padding-bottom:64px}
	
	/* 위원회 소개 > 위원회 구성 > 조직도 */
	.intro_orz .page_top_visual {height:526px}
	.intro_orz .diagram {max-width:inherit}
	.intro_orz .diagram .orz {padding:45px 16px}
	.intro_orz .diagram .orz .sub_tit2 {font-size:29px}
	.intro_orz .diagram .orz .page_tit {font-size:21px}
	.intro_orz .diagram .depth1 > .orz .txt_box {font-size:1.15em}
	.intro_orz .diagram .depth2.d1 > .orz {max-width:calc(25% - 15px)}
	.intro_orz .diagram .depth3_list  {gap:20px}
	
	/* 위원회 소개 > 주요연혁 */
	.history .left {width:405px}
	.history .right {width:calc(100% - 405px);padding-left:100px}
	.history .bg_img {margin-top:65px}
	
	/* 위원회 소개 > 위원회 CI */
	.about_ci .g01 .btn_list {margin-top:10px}

	/* 위원회 소개 > 오시는 길 */
	.direction .map {height:540px}
	.direction .info_box .info {padding-left:36px}
	.direction .bd_grid_box .box {margin-right:39px;padding-right:40px}

	/* 정책계획 > 저출산 고령사회 기본계획 */
	.policy_plan .plan_tab .plan_tab_list {gap:12px}
	.policy_plan .plan_file .file_grid {gap:12px}
	
	/* 공공예식장 */
	.wedding .wedding_hero .wedding_hero_inner {padding:0 20px}
	.wedding .wedding_hero .wedding_hero_txt .tit {font-size:52px}
	.wedding .wedding_hero .wedding_hero_txt .cta {font-size:22px}
	.wedding .wedding_hero .wedding_hero_img {width:60vw;height:60vw;left:auto;right:-12vw;top:50%;transform:translateY(-50%)}
	.wedding .wedding_reserve .wedding_reserve_img {width:42%;height:auto;aspect-ratio:520/483}
}

@media screen and (max-width:1280px){
	/* 서브 공통 */
	.sub_cont {padding:50px 0 55px 0}
	.sub_cont .sub_tit {margin-bottom:20px}
	.sub_tit  {font-size:32px}
	.sub_tit2 {margin-bottom:26px;font-size:28px}
	.page_tit {margin-bottom:10px;font-size:21px}
	.page_tit.point {}
	.page_tit_box {margin-bottom:12px}
	.cont_tit {font-size:17px}
	.cont_tit_box .sub_tit2 {margin-bottom:22px}
	.cont_tit_box .cont_tit {margin-bottom:3px}
	.page_top_visual {margin:-50px 0 60px 0}
	.page_top_visual .sub_tit {margin-bottom:28px;font-size:32px}
	.page_top_visual .inner_txt {font-size:1.2em}
	.page_top_typo {margin:12px auto 40px auto;padding-bottom:100px}
	.page_top_typo::after {height:60px}
	.page_top_bg {margin-top:16px}
	.page_top_bg .inner {padding:36px 45px}
	.page_top_bg.bg01::before {width:680px;height:323px}
	.page_top_bg.bg02 {}
	.page_top_bg.bg02::before {width:390px;height:307px}
	.bd_box {padding:20px 25px}
	.bd_box.sm {padding:12px}
	.guide_box {column-gap:16px;padding:18px 22px}
	.guide_box .icon_box {width:64px;height:64px;font-size:26px}

	/* 약관 */
	.policy .btn_toggle {padding:15px}
	.policy .btn_toggle::after {width:52px;font-size:1.4em}
	.policy .label_tit {width:calc(100% - 50px)}
	.policy .label_tit .icon {font-size:1em;vertical-align:baseline;transform:translateY(1px)}
	.policy .policy_list {margin-top:30px}

	/* 라벨링 및 목차*/
	.labeling .toggle {padding:15px}
	.labeling .inner {gap:15px}
	.labeling .label_box {width:calc(100% / 6 - 13px)}
	.labeling .label_box .img img {width:68px}
	.labeling .label_box .list_txt_group {padding:15px 18px;top:calc(50% + 90px)}
	
	/* 로그인 */
	.login_page .inner_wrap {column-gap:30px}
	.login_page .btn_custom {min-height:50px;font-size:1em}
	.login_page .login_form, 
	.login_page .signup {padding:30px 40px}
	.login_page .login_form .inp input {padding-top:15px;padding-bottom:15px}
	.login_page .signup_inner {height:calc(100% - 112px)}

	/* 회원가입 */
	.join_step {margin-bottom:40px}
	.join_step .step_box {line-height:60px}
	.join_step .step_box .text {padding-left:40px;font-size:1.1em;background-size:32px}
	.agree_box .agree_txt {font-size:1.05em}
	.agree_box .inp_obj {margin-right:18px}
	.agree_box.all {padding:21px 18px}

	/* 회원가입 연령대 선택 */
	.join_type {gap:30px}
	.join_type .type_box .page_tit {height:58px}
	.join_type .type_box .icon_box {margin-bottom:12px}
	.join_type .type_box .icon_box .img_icon {width:58px}
	
	/* 위원회 소개 > 인사말 */
	.greeting .inner {padding:55px 350px 35px 55px;background-size:430px, 680px;background-position:right 25px bottom, right top}
	.greeting .tit {padding-bottom:12px}
	.greeting .sign {margin-top:50px;text-align:left}
	.greeting .sign .sign_img {width:155px;margin-left:16px}

	/* 위원회 소개 > 위원회 소개 */
	.about_intro .page_top_visual {height:456px}
	.about_intro .tit_box {padding-bottom:15px}
	.about_intro .row_grid .bundle {grid-template-columns:427px auto;column-gap:50px;margin-bottom:54px;padding-bottom:54px}
	.about_intro .row_grid .img {border-radius:80px}
	
	/* 위원회 소개 > 위원회 구성 > 조직도 */
	.intro_orz .page_top_visual {height:456px}
	.intro_orz .tit_box {padding-bottom:15px}
	.intro_orz .diagram .orz {padding:40px 12px 25px 12px}
	.intro_orz .diagram .orz .icon_box {width:58px;height:58px;top:-29px}
	.intro_orz .diagram .orz .sub_tit2 {font-size:26px}
	.intro_orz .diagram .orz .page_tit {font-size:19px}
	.intro_orz .diagram .depth1 > .orz {column-gap:32px}
	.intro_orz .diagram .depth1 > .orz .icon_box {width:140px;height:140px}
	.intro_orz .diagram .depth1 > .orz .icon_box img {width:76px}
	.intro_orz .diagram .depth1 > .orz .txt_box {font-size:1.15em}
	.intro_orz .diagram .depth2_list {padding-top:250px}
	.intro_orz .diagram .depth2_list::before {max-height:253px}
	.intro_orz .diagram .depth2_list::after {top:125px}
	.intro_orz .diagram .depth2.d1 > .orz {top:21px}
	.intro_orz .diagram .depth2.d1::after {width:calc(50% + 8px);right:-8px}
	.intro_orz .diagram .depth2.d4::after {width:calc(50% + 8px);left:-8px}
	
	/* 위원회 소개 > 주요연혁 */
	.history .left {width:380px}
	.history .right {width:calc(100% - 380px);padding-left:85px}
	.history .his_list::before {left:124px}
	.history .his_list .sub_tit2 {width:78px}
	.history .his_list .bundle {gap:30px}
	.history .his_list .dl_group {padding:2px 0 0 68px}
	.history .his_list .dl_group::before {width:32px;height:32px}
	.history .his_list .dl_group::after {width:14px;height:14px;left:9px;top:7px}
	.history .his_list .dl_group .dt {font-size:1.42em;line-height:1.15}
	.history .his_list .dl_group .dd {margin-left:46px}

	/* 위원회 소개 > 본 위원회, 운영 위원회 */
	.committee .img_list_cell {gap:28px}
	.committee .img_list_cell .cell {grid-template-columns:180px calc(100% - 180px)}
	.committee .img_list_cell .typo {padding:0 21px}

	/* 위원회 소개 > 위원회 CI */
	.about_ci .ci_frame {height:240px}
	.about_ci .grid {gap:16px}
	.about_ci .g01 .btn_list {margin-top:15px}
	.about_ci .g01 .grid, 
	.about_ci .g02 .grid {gap:28px}
	.about_ci .g01 .ci_frame img, 
	.about_ci .g02 .ci_frame img {max-width:310px}
	.about_ci .g05 .ci_frame {height:124px}
	.about_ci .g05 .ci_frame img {max-width:174px;max-height:58px}

	/* 위원회 소개 > 사무처 소개 */
	.about_orz .top_bd_box .text {font-size:1.2em}
	.about_orz .diagram .orz {width:calc(25% - 15px)}
	.about_orz .diagram .depth2_list {margin-top:56px}
	.about_orz .diagram .depth2_list::before {top:-28px;left:calc(12.5% - 8px)}
	.about_orz .diagram .depth2_list::after {height:139px;top:-56px}
	.about_orz .diagram .depth2.d2_1 > .orz {top:-55px}
	.about_orz .diagram .depth3.d3_3 {width:calc(25% - 15px)}
	.about_orz .diagram .depth4_list {gap:28px;margin-top:56px}
	.about_orz .diagram .depth4_list::before {top:-28px;left:calc(12.5% - 10px);right:calc(12.5% - 10px)}
	.about_orz .diagram .depth4 {row-gap:28px}
	.about_orz .diagram .depth4::before {height:28px;top:-28px}

	/* 위원회 소개 > 오시는 길 */
	.direction .map {height:490px}
	.direction .info_box {gap:12px;margin-top:18px}
	.direction .info_box .info {height:72px;padding:0 16px 0 24px}
	.direction .info_box .dl_group .dt {margin-right:14px;padding-right:18px;font-size:1.15em}
	.direction .info_box .dl_group .dt::after {height:calc(100% - 10px)}
	.direction .info_box .dl_group .dd {font-size:1.05em}
	.direction .bd_grid_box {padding:28px 21px}
	.direction .bd_grid_box .tag {padding:3px 5px;font-size:13px}
	.direction .bd_grid_box .box {margin-right:29px;padding-right:30px}
	.direction .bd_grid_box .list_txt_group .list_txt {margin-bottom:13px}

	/* 정책계획 > 저출산 고령사회 기본계획 */
	.policy_plan .plan_tab {margin-bottom:48px}
	.policy_plan .plan_tab .plan_tab_list {gap:10px}
	.policy_plan .plan_view .typo {padding-top:45px}
	.policy_plan .plan_file {margin-top:48px}
	.policy_plan .plan_file .tit {height:45px}
	.policy_plan .plan_file .file_grid {gap:10px}
	.policy_plan .plan_file .btn_list {gap:6px}

	/* 자료홍보 > 뉴스레터 */
	.subscribe::before {height:230px}
	
	/* 공공예식장 */
	.wedding .wedding_hero {margin:-50px 0 55px}
	.wedding .wedding_hero .wedding_hero_txt .tit {font-size:44px}
	.wedding .wedding_hero .wedding_hero_txt .desc {font-size:18px}
	.wedding .wedding_hero .wedding_hero_txt .cta {font-size:20px}
	.wedding .wedding_hero .wedding_hero_img {width:50vw;height:50vw;right:-16vw;}
	.wedding .wedding_notice {padding:20px 32px;margin-bottom:48px;column-gap:16px}
	.wedding .wedding_notice .text {font-size:16px}
	.wedding .wedding_steps {margin-bottom:60px}
	.wedding .wedding_steps .sec_tit {font-size:26px;margin-bottom:16px}
	.wedding .wedding_reserve .wedding_reserve_cont .sec_tit {font-size:28px}
	.wedding .wedding_steps .wedding_steps_list {flex-direction:column;align-items:stretch;gap:0;overflow:visible;padding-bottom:0}
	.wedding .wedding_steps .wedding_steps_list > li {width:100%;flex-shrink:1}
	.wedding .wedding_steps .wedding_step {width:100%;height:auto;min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px 16px;padding:18px 20px}
	.wedding .wedding_steps .wedding_step .num {width:auto;align-self:center;font-size:16px}
	.wedding .wedding_steps .wedding_step .ico_wrap {flex:0 0 72px;width:72px;height:72px}
	.wedding .wedding_steps .wedding_step .ico_wrap img {width:28px;height:auto}
	.wedding .wedding_steps .wedding_step.type_red .ico_wrap img {width:32px;height:auto}
	.wedding .wedding_steps .wedding_step .label,
	.wedding .wedding_steps .wedding_step .label_box {flex:1;width:auto;min-width:0;align-items:flex-start;align-self:auto;text-align:left}
	.wedding .wedding_steps .wedding_step .label {font-size:18px;text-align:left}
	.wedding .wedding_steps .wedding_step.type_red {width:100%;min-width:0;flex-grow:0}
	.wedding .wedding_steps .wedding_step.type_red .label {font-size:20px;text-align:left}
	.wedding .wedding_steps .wedding_step .sub {text-align:left;font-size:14px}
	.wedding .wedding_steps .wedding_step_split {width:100%;height:auto;flex-direction:row;align-items:stretch}
	.wedding .wedding_steps .wedding_step_split .wedding_step {width:auto;flex:1;min-width:0}
	.wedding .wedding_steps .wedding_step_split .divider {width:1px;height:auto;align-self:stretch;margin:16px 0}
	.wedding .wedding_steps .wedding_step_arrow {width:100%;height:32px;margin:6px 0}
	.wedding .wedding_steps .wedding_step_arrow img {width:28px;height:28px;transform:rotate(90deg)}
	.wedding .wedding_reserve {gap:28px;margin-bottom:60px}
	.wedding .wedding_reserve .wedding_reserve_btn {gap:20px;padding:20px 28px;min-height:110px}
	.wedding .wedding_reserve .wedding_reserve_btn .ico_circle {width:64px;height:64px}
	.wedding .wedding_reserve .wedding_reserve_btn .ico_circle .img_ph img {width:32px;height:auto}
	.wedding .wedding_reserve .wedding_reserve_btn .subject {font-size:20px}
	.wedding .wedding_reserve .wedding_reserve_btn .text {font-size:16px}
}

@media screen and (max-width:1080px){
	/* 서브 공통 */
	.sub_cont {padding:38px 0 50px 0}
	.sub_tit  {font-size:28px}
	.sub_tit2 {font-size:26px}
	.page_tit {font-size:20px}
	.page_tit.point {}
	.page_tit_box {margin-bottom:12px}
	.cont_tit {font-size:17px}
	.cont_tit_box .sub_tit2 {margin-bottom:22px}
	.cont_tit_box .cont_tit {margin-bottom:3px}
	.page_top_visual {margin:-38px 0 50px 0}
	.page_top_visual .sub_tit {font-size:26px}
	.page_top_visual .inner_txt {font-size:1.15em}
	.page_top_typo {padding-bottom:90px}
	.page_top_typo::after {height:50px}
	.page_top_bg {margin-top:0;background-repeat:no-repeat;background-position:right bottom;overflow:hidden}
	.page_top_bg::before {display:none}
	.page_top_bg .inner {padding:32px 36px}
	.page_top_bg.bg01 {background-image:url(/images/home/kor/user/sub/page_top_bg_newsletter.png);background-size:410px}
	.page_top_bg.bg01 .inner > .text {text-shadow:-2px 0px #DFF8DC, 0px 2px #DFF8DC, 2px 0px #DFF8DC, 0px -2px #DFF8DC}
	.page_top_bg.bg02 {padding:5px 0 0 0;background-image:url(/images/home/kor/user/sub/page_top_bg_subscribe.png);background-size:252px}
	.page_top_bg.bg02 .inner {margin-bottom:10px}
	.bd_box {padding:20px 25px}
	.bd_box.sm {padding:12px}
	.guide_box {column-gap:16px;padding:18px 22px}
	.guide_box .icon_box {width:64px;height:64px;font-size:26px}
	.mxw_img img {max-width:100%}

	/* 약관 */
	.policy .label_tit {font-size:1.1em}
	.policy .btn_toggle::after {font-size:1.2em}
	.policy .policy_list .list_tit {font-size:1.15em}
	.policy .policy_list .list_tit .label_img {width:34px}
	.policy .policy_list .cont_tit {font-size:1.1em}
	.policy .policy_list .pl_list_txt.ic .num {width:19px;height:19px;font-size:11px;line-height:21px}
	.policy .policy_list .pl_list_txt.ic > .text {width:calc(100% - 26px)}
	.policy .policy_list .table th, 
	.policy .policy_list .table td {padding:7px;line-height:1.45}
	.policy .policy_inner .page_gap {margin-bottom:30px;padding-bottom:30px}
	.policy .policy_inner .page_gap .policy_list {margin-top:20px}

	/* 라벨링 및 목차*/
	.labeling .toggle {padding:10px 12px 12px 12px}
	.labeling .inner {gap:12px;margin-top:8px}
	.labeling .label_box {width:calc(100% / 3 - 8px)}
	.labeling .label_box .hover {padding:15px 10px}
	.labeling .label_box .img {margin-bottom:10px}
	.labeling .label_box .img img {width:60px}
	.labeling .label_box .list_txt_group {width:calc(100% + 180px);padding:12px 15px;top:calc(50% + 75px)}
	.labeling .label_box .list_txt_group::before {left:11dvw}
	.labeling .label_box:nth-child(5n) .list_txt_group {left:auto;right:0}
	.labeling .label_box:nth-child(5n) .list_txt_group::before {left:11dvw;right:auto;transform:translateX(-50%)}
	.labeling .label_box:nth-child(4n) .list_txt_group {left:auto;right:0}
	.labeling .label_box:nth-child(4n) .list_txt_group::before {left:auto;right:11dvw;transform:translateX(50%)}
	
	/* 로그인 */
	.login_page .inner_wrap {display:block}
	.login_page .bundle {margin-bottom:25px}
	.login_page .bundle:last-child {margin-bottom:0}
	.login_page .signup_inner {height:auto;margin-bottom:20px}

	/* 회원가입 */
	.join_step {margin-bottom:30px}
	.join_step .step_box {line-height:54px}
	.join_step .step_box .text {padding-left:34px;font-size:1.05em;background-size:27px}
	.agree_box.all {padding:18px}
	.agree_box .agree_txt .s_txt {display:block;margin:5px 0 0 0}
	.pw_check_pop {transform:translate(-50%, 0)}

	/* 회원가입 연령대 선택 */
	.join_type {gap:20px}
	.join_type .type_box .page_tit {height:54px;font-size:18px}
	.join_type .type_box .icon_box .img_icon {width:46px}
	
	/* 위원회 소개 > 인사말 */
	.greeting .inner {padding:40px 45px 258px 45px;background-size:296px, 480px;background-position:right 21px bottom, right top;position:relative}
	.greeting .pre {font-size:1.05em}
	.greeting .sign {margin-top:0;position:absolute;right:295px;bottom:50px}
	.greeting .sign .sign_img {display:block;margin:15px 0 0 0}
	
	/* 위원회 소개 > 위원회 소개 */
	.about_intro .page_top_visual {height:355px}
	.about_intro .row_grid .bundle {align-items:flex-start;grid-template-columns:330px auto;column-gap:28px;margin-bottom:40px;padding-bottom:40px}
	.about_intro .row_grid .bundle::after {width:calc(100% - 60px)}
	.about_intro .row_grid .img {border-radius:70px}
	
	/* 위원회 소개 > 위원회 구성 > 조직도 */
	.intro_orz .page_top_visual {height:355px}
	.intro_orz .diagram .orz {padding:34px 12px 18px 12px}
	.intro_orz .diagram .orz .sub_tit2 {font-size:22px}
	.intro_orz .diagram .orz .page_tit {line-height:1.4}
	.intro_orz .diagram .orz .icon_box {width:52px;height:52px;top:-26px}
	.intro_orz .diagram .depth1 > .orz {column-gap:26px;max-width:480px;padding-right:58px}
	.intro_orz .diagram .depth1 > .orz::before {display:none}
	.intro_orz .diagram .depth1 > .orz .icon_box {width:100px;height:100px}
	.intro_orz .diagram .depth1 > .orz .icon_box img {width:60px}
	.intro_orz .diagram .depth1 > .orz .txt_box {font-size:1em}
	.intro_orz .diagram .depth2_list {padding-top:230px}
	.intro_orz .diagram .depth2_list::before {max-height:233px}
	.intro_orz .diagram .depth2_list::after {top:113px}
	.intro_orz .diagram .depth2.d1 > .orz {max-width:inherit;width:270px;top:25px}
	.intro_orz .diagram .depth3_list {gap:15px}
	
	/* 위원회 소개 > 주요연혁 */
	.history .left {width:290px}
	.history .right {width:calc(100% - 290px);padding-left:40px}
	.history .typo .sub_tit {margin:10px 0 21px 0}
	.history .bg_img {margin-top:45px}
	.history .his_list::before {left:99px}
	.history .his_list .sub_tit2 {width:65px;font-size:24px}
	.history .his_list .bundle {gap:20px;padding-bottom:55px}
	.history .his_list .dl_group {padding:1px 0 0 48px}
	.history .his_list .dl_group::before {width:28px;height:28px}
	.history .his_list .dl_group::after {left:7px;top:5px}
	.history .his_list .dl_group .dt {width:34px;font-size:1.32em}

	/* 위원회 소개 > 본 위원회, 운영 위원회 */
	.committee .img_list_cell {gap:16px;grid-template-columns:1fr}

	/* 위원회 소개 > 위원회 CI */
	.about_ci .ci_box {margin-bottom:8px}
	.about_ci .ci_frame {height:210px;border-radius:12px}
	.about_ci .grid {gap:12px}
	.about_ci .grid:not(.row) {grid-template-columns:1fr}
	.about_ci .color_info {display:grid;gap:24px 12px;grid-template-columns:1fr 1fr}
	.about_ci .color_info .dl_group {gap:4px 10px}
	.about_ci .guide_img {margin-top:30px}
	.about_ci .g01 .btn_list {margin-top:12px}
	.about_ci .g01 .grid, 
	.about_ci .g02 .grid {gap:21px}
	.about_ci .g01 .ci_frame img, 
	.about_ci .g02 .ci_frame img {max-width:260px}
	.about_ci .g03 .ci_frame img {max-width:150px}
	.about_ci .g04 .ci_frame {height:auto;padding:24px 24px 24px 16px}
	.about_ci .g04 .ci_frame img {max-width:178px}
	.about_ci .g05 .ci_frame {height:92px}
	.about_ci .g05 .ci_frame img {max-width:125px;max-height:40px}

	/* 위원회 소개 > 사무처 소개 */
	.about_orz .top_bd_box .sub_tit2 {font-size:24px}
	.about_orz .top_bd_box .text {font-size:1.15em}
	.about_orz .diagram .orz {min-height:50px;font-size:1.1em}
	.about_orz .diagram .depth2_list::before {left:calc(12.5% - 7px)}
	.about_orz .diagram .depth2_list::after {height:130px}
	.about_orz .diagram .depth4_list {gap:20px}
	.about_orz .diagram .depth4_list::before {left:calc(12.5% - 7px);right:calc(12.5% - 7px)}
	.about_orz .diagram .orz_cont .cell {padding:10px 14px}

	/* 위원회 소개 > 오시는 길 */
	.direction .map {height:400px}
	.direction .info_box {grid-template-columns:auto;gap:6px}
	.direction .info_box .info {height:60px;border-width:1px}
	.direction .bd_grid_box {grid-template-columns:auto}
	.direction .bd_grid_box .box {margin:0 0 29px 0;padding:0 0 30px 0}
	.direction .bd_grid_box .box::after {width:calc(100% - 60px);height:1px;top:auto;bottom:0;right:auto;left:50%;transform:translateX(-50%)}

	/* 정책계획 > 저출산 고령사회 기본계획 */
	.policy_plan .plan_tab {margin-bottom:40px}
	.policy_plan .plan_tab .plan_tab_list {gap:8px}
	.policy_plan .plan_tab .tab .btn::before {width:17px;height:17px}
	.policy_plan .plan_view .typo {padding:38px 0 21px 0}
	.policy_plan .plan_view .editor {padding:24px 10px}
	.policy_plan .plan_file {margin-top:40px}
	.policy_plan .plan_file .file_grid {gap:8px;grid-template-columns:1fr 1fr}
	.policy_plan .plan_file .bundle {padding:20px 12px 12px 12px}
	
	/* 공공예식장 */
	.wedding .wedding_hero {height:auto;min-height:380px;margin:-38px 0 42px}
	.wedding .wedding_hero .wedding_hero_inner {align-items:center;padding:40px 15px}
	.wedding .wedding_hero .wedding_hero_img {width:340px;height:340px;right:-70px;top:50%;transform:translateY(-50%)}
	.wedding .wedding_hero .wedding_hero_txt {max-width:55%;position:relative;z-index:2}
	.wedding .wedding_hero .wedding_hero_txt .tit {font-size:36px;margin-bottom:12px}
	.wedding .wedding_hero .wedding_hero_txt .desc {font-size:16px;margin-bottom:16px}
	.wedding .wedding_hero .wedding_hero_txt .cta {font-size:18px}
	.wedding .wedding_notice {align-items:flex-start;padding:20px 24px;border-radius:16px;margin-bottom:40px}
	.wedding .wedding_notice .text br {display:none}
	.wedding .wedding_reserve {flex-direction:column;gap:24px;margin-bottom:50px}
	.wedding .wedding_reserve .wedding_reserve_img {width:100%;max-width:100%;height:auto;aspect-ratio:16/9;border-radius:16px}
	.wedding .wedding_reserve .wedding_reserve_cont .desc {margin-bottom:24px}
	.wedding .wedding_reserve .wedding_reserve_cont .desc br {display:none}
	.wedding .wedding_sites .wedding_sites_list {flex-wrap:wrap}
	.wedding .wedding_sites .wedding_sites_list li {flex:0 0 calc(33% - 8px)}
}

@media screen and (max-width:767px){
	/* 서브 공통 */
	.sub_cont {padding:32px 0 40px 0}
	.sub_cont .sub_tit {margin-bottom:15px}
	.sub_tit  {font-size:24px}
	.sub_tit2 {margin-bottom:18px;font-size:22px}
	.page_tit {font-size:18px}
	.page_tit .s_txt {font-size:0.875rem}
	.page_tit_box {flex-wrap:wrap;margin-bottom:10px}
	.page_tit_box .page_tit {width:100%;margin-bottom:5px}
	.cont_tit_box  {margin-bottom:25px}
	.cont_tit_box .sub_tit2 {margin-bottom:17px}
	.cont_tit_box .cont_tit {font-size:16px}
	.page_gap {margin-bottom:34px}
	.page_gap.dash {padding-bottom:25px}
	.pgl {margin-left:10px}
	.scroll_box {height:150px;padding:12px 16px}
	.page_top_visual {margin:-32px 0 38px 0}
	.page_top_visual .sub_tit {font-size:20px;line-height:1.5}
	.page_top_visual .inner_txt {font-size:1em}
	.page_top_typo {margin:8px auto 30px auto;padding-bottom:70px}
	.page_top_typo::after {height:40px}
	.page_top_typo .page_txt {font-size:1.1em}
	.page_top_bg .inner {padding:26px 28px}
	.page_top_bg .inner .text {font-size:1.05em}
	.page_top_bg .btn_custom {min-width:140px}
	.page_top_bg.bg01 {background-size:320px}
	.page_top_bg.bg02 {padding-bottom:24px;background-size:190px}
	.page_top_bg.bg02 .inner > .text {text-shadow:-2px 0px #fff , 0px 2px #fff , 2px 0px #fff , 0px -2px #fff}
	.bd_box {padding:17px 20px}
	.bd_box.mxw {max-width:540px}
	.guide_box {column-gap:12px;align-items:flex-start;padding:17px 12px}
	.guide_box .icon_box {width:40px;height:40px;font-size:22px}

	/* 약관 */
	.policy .btn_toggle {padding:13px 10px}
	.policy .btn_toggle::after {width:45px;font-size:1em}
	.policy .label_tit {width:calc(100% - 45px);font-size:1em}
	.policy .policy_list {margin-top:25px}
	.policy .policy_list .bundle {margin-bottom:30px}
	.policy .policy_list .pl_list_txt.ic .num {width:18px;height:18px;font-size:10px;line-height:18px}
	.policy .policy_list .pl_list_txt.ic > .text {width:calc(100% - 25px)}
	.policy .policy_list .pl_list_txt2 {margin-bottom:13px}
	.policy .policy_list .table th, 
	.policy .policy_list .table td {font-size:0.9em;line-height:1.35}
	.policy .policy_inner .page_gap {margin-bottom:25px;padding-bottom:25px}

	/* 라벨링 및 목차*/
	.labeling .inner {gap:9px}
	.labeling .label_box {width:calc(100% / 3 - 6px)}
	.labeling .label_box .hover {padding:12px 5px}
	.labeling .label_box .img img {width:50px}
	.labeling .label_box .list_tit {padding:0}
 	.labeling .label_box .list_txt_group {width:calc(100dvw - 52px);top:calc(50% + 65px)}
	.labeling .label_box .list_txt_group::before {left:14dvw}
	.labeling .label_box:nth-child(5n) .list_txt_group, 
	.labeling .label_box:nth-child(4n) .list_txt_group {left:0;right:auto}
	.labeling .label_box:nth-child(5n) .list_txt_group::before, 
	.labeling .label_box:nth-child(4n) .list_txt_group::before {left:14dvw;right:auto;transform:translateX(-50%)}
	.labeling .label_box:nth-child(3n) .lit_txt_group {left:auto;right:0}
	.labeling .label_box:nth-child(3n) .list_txt_group::before {left:auto;right:14dvw;transform:translateX(50%)}
	.labeling .label_box:nth-child(3n - 1) .list_txt_group {left:50%;transform:translateX(-50%)}
	.labeling .label_box:nth-child(3n - 1) .list_txt_group::before {left:50%}

	.article .article_list {font-size:0.95em}
	.article .article_list .a_box .num {width:38px}
	.article .article_list .a_box .text {width:calc(100% - 38px);padding:8px 10px}
	.article .article_list .a_box .link:hover .text, 
	.article .article_list .a_box .link:focus .text {text-underline-offset:3px}
	
	/* 로그인 */
	.login_page .login_form, 
	.login_page .signup {padding:25px 30px}
	.login_page .sub_tit2 {margin-bottom:16px}
	.login_page .inp_form .inp {margin-bottom:9px}
	.login_page .inp_form .inp input {padding-top:14px;padding-bottom:14px}
	.login_page .btn_custom {min-height:48px}
	
	/* 회원가입 */
	.join_step {margin-bottom:25px}
	.join_step .step_box {line-height:48px}
	.join_step .step_box .text {padding-left:0;font-size:1em;background-image:none !important}
	.agree_box {margin-top:12px}
	.agree_box .agree_txt {font-size:1em}
	.agree_box .inp_obj {margin-right:12px}
	.agree_box.all {display:block;padding:15px 12px}
	.agree_box.all .inp_obj {margin-top:8px;text-align:right}
	.bd_box .agree_box {display:block}
	.bd_box .agree_box .agree_txt {margin-bottom:5px}
	.bd_box .agree_box .inp_obj {text-align:right}
	.join_exa .table {margin-top:18px}
	.join_exa .btn_list.flex {gap:7px 5px}
	.join_exa .btn_list.flex .list_li {flex:none;width:calc(50% - 3px)}
	.join_exa .btn_list.flex .list_li.mbl {width:100%}
	.pw_check_pop {max-width:280px;padding:17px 18px 12px 18px;font-size:0.9em;left:50%}

	/* 회원가입 연령대 선택 */
	.join_type {gap:12px}
	.join_type .type_box .page_tit {height:77px;font-size:1.1em}
	.join_type .type_box .icon_box {width:80px;height:80px}
	.join_type .type_box .btn_custom {padding-left:15px;padding-right:15px}
	
	/* 위원회 소개 > 인사말 */
	.greeting {border-radius:24px}
	.greeting .inner {padding:32px 32px 120px 32px;background-size:245px, contain;background-position:right 16px bottom, right top}
	.greeting .tit {padding-bottom:10px}
	.greeting .pre {font-size:1em}
	.greeting .sign {margin-top:40px;font-size:1.05em;position:relative;right:auto;bottom:auto}
	.greeting .sign .sign_img {width:135px;margin-top:10px}	
	
	/* 위원회 소개 > 위원회 소개 */
	.about_intro .page_top_visual {height:262px}
	.about_intro .tit_box {padding-bottom:10px}
	.about_intro .row_grid .bundle {display:block;border-bottom:1px solid var(--colorBorderGray)}
	.about_intro .row_grid .bundle:last-child {border-bottom:0}
	.about_intro .row_grid .bundle::after {display:none}
	.about_intro .row_grid .img {margin-bottom:24px}
	.about_intro .row_grid .img img {width:100%}
	
	/* 위원회 소개 > 위원회 구성 > 조직도 */
	.intro_orz .page_top_visual {height:262px}
	.intro_orz .diagram .orz {padding:32px 12px 15px 12px}
	.intro_orz .diagram .orz .sub_tit2 {font-size:20px}
	.intro_orz .diagram .orz .page_tit {font-size:17px}
	.intro_orz .diagram .orz .icon_box {width:44px;height:44px;padding:9px;top:-22px}
	.intro_orz .diagram .orz .txt_box {margin-top:10px;padding-top:10px;font-size:0.95em}
	.intro_orz .diagram .depth1 > .orz {column-gap:18px;max-width:400px;padding:13px 45px 13px 13px;border-width:4px}
	.intro_orz .diagram .depth1 > .orz .icon_box {width:86px;height:86px}
	.intro_orz .diagram .depth1 > .orz .icon_box img {width:52px}
	.intro_orz .diagram .depth2_list::before {left:calc(50% - 40px)}
	.intro_orz .diagram .depth2_list::after {width:calc(50% + 38px)}
	.intro_orz .diagram .depth2.d1 > .orz {width:calc(50% - 10px);top:32px}
	.intro_orz .diagram .depth3_list {display:grid;grid-template-columns:1fr 1fr;gap:45px 16px;padding:36px 20px 20px 20px;background:var(--colorGray10);border-radius:16px}
	.intro_orz .diagram .depth3::before, 
	.intro_orz .diagram .depth3::after {display:none}

	/* 위원회 소개 > 주요연혁 */
	.history .left {display:block;float:none;width:auto;margin-bottom:45px;position:relative;left:auto;top:auto !important}
	.history .right {display:block;width:auto;padding-left:0}
	.history .typo {width:calc(100% - 195px)}
	.history .bg_img {width:180px;margin-top:0;position:absolute;right:0;bottom:0;z-index:-1}
	.history .his_list::before {left:84px}
	.history .his_list .sub_tit2 {width:60px;font-size:21px}
	.history .his_list .bundle {gap:12px;padding-bottom:40px}
	.history .his_list .dl_group {padding:1px 0 0 40px}
	.history .his_list .dl_group::before {width:24px;height:24px;top:-1px}
	.history .his_list .dl_group::after {width:12px;height:12px;left:6px}
	.history .his_list .dl_group .dl {margin-bottom:16px}
	.history .his_list .dl_group .dt {width:30px;font-size:18px;line-height:1.2}
	.history .his_list .dl_group .dd {margin-left:35px;font-size:1.05em}

	/* 위원회 소개 > 본 위원회, 운영 위원회 */
	.committee .img_list_cell .cell {grid-template-columns:162px calc(100% - 162px)}
	.committee .img_list_cell .typo {padding:0 18px}
	.committee .img_list_cell .typo .text {font-size:0.9375em}
	.committee .img_list_cell .list_txt_group {margin-top:10px}
	.committee .img_list_cell .list_txt_group .list_txt {font-size:0.9375em}

	/* 위원회 소개 > 위원회 CI */
	.about_ci .ci_frame {height:172px;border-radius:10px}
	.about_ci .grid {gap:8px}
	.about_ci .grid:not(.row).col4 {grid-template-columns:1fr 1fr}
	.about_ci .guide_img {margin-top:21px}
	.about_ci .guide_img .img {width:170px;padding-right:30px}
	.about_ci .guide_img .s_txt {font-size:13px}
	.about_ci .g01 .ci_frame img, 
	.about_ci .g02 .ci_frame img {max-width:235px}
	.about_ci .g03 .ci_frame img {max-width:110px}
	.about_ci .g04 .ci_frame {grid-template-columns:1fr;padding:26px 30px 20px 30px}
	.about_ci .g04 .ci_frame:nth-child(2) .color_info {grid-template-columns:1fr}
	.about_ci .g04 .ci_frame .img {text-align:left}

	/* 위원회 소개 > 사무처 소개 */
	.about_orz .top_bd_box .typo {padding-top:12px;padding-bottom:12px}
	.about_orz .top_bd_box .sub_tit2 {font-size:20px}
	.about_orz .top_bd_box .text {font-size:1.05em}
	.about_orz .diagram {max-width:100%}
	.about_orz .diagram .orz {min-height:48px;font-size:1.05em}
	.about_orz .diagram .depth1 {display:grid;grid-template-columns:120px 120px minmax(0,1fr);grid-template-rows:48px 48px 48px auto;gap:12px 30px;align-items:start;position:relative}
	.about_orz .diagram .depth1 > .orz {grid-column:1;grid-row:1;width:120px;margin:0}
	.about_orz .diagram .depth1 > .orz::before {width:1px;height:120px;content:'';background-color:var(--colorBorderGray);position:absolute;right:-17px;top:23px;z-index:-1}
	.about_orz .diagram .depth1 > .orz::after {width:30px;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:calc(100% + 1px);top:50%;z-index:-1}
	.about_orz .diagram .depth2_list {display:contents;margin:0}
	.about_orz .diagram .depth2_list::before,
	.about_orz .diagram .depth2_list::after {display:none}
	.about_orz .diagram .depth2.d2_1 {display:contents}
	.about_orz .diagram .depth2.d2_1 > .orz {width:120px;margin:0;position:absolute;top:143px;left:71px}
	.about_orz .diagram .depth3_list {display:contents;margin:0}
	.about_orz .diagram .depth3_list::after {display:none}
	.about_orz .diagram .depth3.d3_2 {display:contents}
	.about_orz .diagram .depth3.d3_2 > .orz {grid-column:2;grid-row:1;width:120px;margin:0}
	.about_orz .diagram .depth3.d3_2 > .orz::before {display:none}
	.about_orz .diagram .depth3.d3_2 > .orz::after {width:30px;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:calc(100% + 1px);top:50%;z-index:-1}
	.about_orz .diagram .depth3.d3_3 {grid-column:2;grid-row:2;width:120px;margin:0;position:relative;right:auto;top:auto}
	.about_orz .diagram .depth3.d3_3::before {width:14px;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:-15px;top:50%;transform:translateX(0)}
	.about_orz .diagram .depth3.d3_3 > .orz {width:100%;margin:0}
	.about_orz .diagram .depth3.d3_3 > .orz.bg3::after {display:none}
	.about_orz .diagram .depth4_list {display:flex;grid-column:3;grid-row:1 / span 4;flex-direction:column;gap:30px;width:100%;margin:0;position:relative}
	.about_orz .diagram .depth4_list::before {display:none}
	.about_orz .diagram .depth4 {display:block;grid-row:auto;min-width:0;position:relative}
	.about_orz .diagram .depth4::before {display:block;width:15px;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:-15px;top:24px;transform:none;z-index:0}
	.about_orz .diagram .depth4:not(:last-child)::after {width:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:-16px;top:24px;bottom:-55px;z-index:0}
	.about_orz .diagram .depth4 > .orz {width:100%;margin:0}
	.about_orz .diagram .depth4 > .orz.bg3::after {left:-5px;top:50%;transform:translateY(-50%)}
	.about_orz .diagram .depth5_list {display:flex;flex-direction:column;gap:8px;margin-top:8px;position:relative}
	.about_orz .diagram .depth5_list::before {display:none}
	.about_orz .diagram .depth5 {min-width:0;position:relative}
	.about_orz .diagram .depth5::before,
	.about_orz .diagram .depth5::after,
	.about_orz .diagram .depth5:not(:last-child)::after {display:none}
	.about_orz .diagram .depth5 > .orz {width:100%;min-height:46px;margin:0;font-size:1em}
	.about_orz .diagram .depth5 > .orz::before {display:none}
	.about_orz .diagram .orz_cont .cell {}
	.about_orz .diagram .orz_cont .list_txt_group {font-size:0.9375em}
	.about_orz .diagram .orz_cont .cell + .cell .list_txt_group {font-size:0.9em}

	/* 위원회 소개 > 오시는 길 */
	.direction .map {height:50vw}
	.direction .info_box .info {height:auto;padding:15px 18px}
	.direction .info_box .dl_group .dt {margin-right:8px;padding-right:13px;font-size:1.05em}
	.direction .info_box .dl_group .dd {font-size:1em}
	.direction .bd_grid_box {padding:26px 18px}
	.direction .bd_grid_box .box {margin-bottom:24px;padding-bottom:28px}
	.direction .bd_grid_box .list_grid {grid-template-columns:1fr;row-gap:25px}
	.direction .bd_grid_box .list_txt_group .list_tit {margin-bottom:12px;font-size:1.05em}
	.direction .bd_grid_box .list_txt_group .list_txt {margin-bottom:10px}

	/* 정책계획 > 저출산 고령사회 기본계획 */
	.policy_plan .plan_tab {margin-bottom:32px;position:relative}
	.policy_plan .plan_tab .mobile_tab {display:block;width:100%;height:44px;padding:11px 30px 11px 15px;text-align:left;color:var(--colorMain);font-weight:700;border:2px solid var(--colorMain);border-radius:5px;position:relative}
	.policy_plan .plan_tab .mobile_tab::after {display:inline-block;font-family:'xeicon';content:'\e936';position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:0.2s}
	.policy_plan .plan_tab.current .mobile_tab::after {transform:translateY(-50%) rotate(180deg)}
	.policy_plan .plan_tab .plan_tab_list {display:none;width:100%;max-height:210px;background-color:#fff;border:2px solid var(--colorMain);border-radius:5px;box-shadow:0 0 12px rgba(0,0,0,0.1);position:absolute;left:0;top:48px;z-index:1;overflow-x:hidden;overflow-y:auto}
	.policy_plan .plan_tab .tab {border-bottom:1px solid var(--colorBorderGray)}
	.policy_plan .plan_tab .tab:last-child {border-bottom:0}
	.policy_plan .plan_tab .tab .btn {display:block;height:auto;padding:8px 12px;border:0;text-align:left}
	.policy_plan .plan_tab .tab .btn::before {display:none}
	.policy_plan .plan_tab .tab .btn:not(.current):hover,
	.policy_plan .plan_tab .tab .btn:not(.current):focus-within {background-color:var(--colorBgGray)}
	.policy_plan .plan_view .typo {padding:32px 0 17px 0}
	.policy_plan .plan_view .sub_tit2 {font-size:21px}
	.policy_plan .plan_view .editor {min-height:200px}
	.policy_plan .plan_file {margin-top:32px}
	.policy_plan .plan_file .bundle {padding:16px 8px 8px 8px}
	.policy_plan .plan_file .btn_list {gap:4px}
	.policy_plan .plan_file .btn_custom {gap:3px;margin:0}
	.policy_plan .plan_file .btn_custom .icon {width:20px}

	/* 자료홍보 > 뉴스레터 */
	.subscribe::before {height:205px}
	
	/* 공공예식장 */
	.wedding .wedding_sites .wedding_sites_list li {flex:0 0 calc(50% - 8px)}
	.wedding .wedding_hero {min-height:0;height:auto;margin:-32px 0 32px}
	.wedding .wedding_hero::before,
	.wedding .wedding_hero::after,
	.wedding .wedding_hero .wedding_hero_deco {display:none}
	.wedding .wedding_hero .wedding_hero_inner {display:block;padding:28px 15px 24px}
	.wedding .wedding_hero .wedding_hero_txt {max-width:100%}
	.wedding .wedding_hero .wedding_hero_txt .tit {font-size:28px;margin-bottom:10px;line-height:1.35}
	.wedding .wedding_hero .wedding_hero_txt .desc {font-size:15px;margin-bottom:12px}
	.wedding .wedding_hero .wedding_hero_txt .cta {font-size:16px}
	.wedding .wedding_hero .wedding_hero_img {position:relative;left:auto;right:auto;top:auto;bottom:auto;width:min(72vw, 280px);height:min(72vw, 280px);margin:20px auto 0;transform:none}
	.wedding .wedding_notice {flex-direction:row;align-items:flex-start;column-gap:12px;padding:16px;margin-bottom:32px;border-radius:14px}
	.wedding .wedding_notice .ico {width:32px;flex-shrink:0}
	.wedding .wedding_notice .ico img {display:block;width:100%;height:auto}
	.wedding .wedding_notice .text {font-size:14px;word-break:keep-all}
	.wedding .wedding_steps {margin-bottom:40px}
	.wedding .wedding_steps .sec_tit {font-size:22px;margin-bottom:16px}
	.wedding .wedding_steps .wedding_step {padding:16px;gap:12px 16px}
	.wedding .wedding_steps .wedding_step .num {font-size:15px}
	.wedding .wedding_steps .wedding_step .ico_wrap {flex:0 0 64px;width:64px;height:64px}
	.wedding .wedding_steps .wedding_step .ico_wrap img {width:23px}
	.wedding .wedding_steps .wedding_step.type_red .ico_wrap img {width:28px}
	.wedding .wedding_steps .wedding_step .label {font-size:17px}
	.wedding .wedding_steps .wedding_step.type_red .label {font-size:18px}
	.wedding .wedding_steps .wedding_step .sub {font-size:13px}
	.wedding .wedding_steps .wedding_step_split {flex-direction:column;align-items:stretch}
	.wedding .wedding_steps .wedding_step_split .wedding_step {width:100%;flex:none}
	.wedding .wedding_steps .wedding_step_split .divider {width:95%;height:1px;margin:0 auto;align-self:stretch}
	.wedding .wedding_steps .wedding_step_arrow {height:28px;margin:4px 0}
	.wedding .wedding_steps .wedding_step_arrow img {width:24px;height:24px}
	.wedding .wedding_reserve {gap:20px;margin-bottom:40px}
	.wedding .wedding_reserve .wedding_reserve_img {aspect-ratio:4/3;border-radius:14px}
	.wedding .wedding_reserve .wedding_reserve_cont .sec_tit {font-size:22px;margin-bottom:10px}
	.wedding .wedding_reserve .wedding_reserve_cont .desc {margin-bottom:20px;font-size:15px}
	.wedding .wedding_reserve .wedding_reserve_cont .sub_tit {font-size:18px;margin-bottom:10px}
	.wedding .wedding_reserve .wedding_reserve_btns {gap:12px}
	.wedding .wedding_reserve .wedding_reserve_btn {flex-direction:row;align-items:center;gap:14px;min-height:0;padding:18px 16px;border-radius:14px}
	.wedding .wedding_reserve .wedding_reserve_btn .ico_circle {width:48px;height:48px}
	.wedding .wedding_reserve .wedding_reserve_btn .ico_circle .img_ph img {width:24px;height:auto}
	.wedding .wedding_reserve .wedding_reserve_btn .subject {display:block;font-size:16px;margin-bottom:2px}
	.wedding .wedding_reserve .wedding_reserve_btn .text {display:block;font-size:13px}
	.wedding .wedding_reserve .wedding_reserve_btn .arrow {right:12px;top:12px}
	.wedding .wedding_reserve .wedding_reserve_btn .arrow .img_ph img {width:12px;height:auto}
	.wedding .wedding_reserve .wedding_reserve_btn:hover .arrow,
	.wedding .wedding_reserve .wedding_reserve_btn:focus .arrow {width:32px;height:32px}
	.wedding .wedding_sites .wedding_sites_head {flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:12px}
	.wedding .wedding_sites .wedding_sites_head .sec_tit {font-size:18px}
	.wedding .wedding_sites .wedding_sites_head .note {font-size:12px;word-break:keep-all}
	.wedding .wedding_sites .wedding_sites_list {gap:10px}
	.wedding .wedding_sites .wedding_sites_list li {flex:1 1 100%}
	.wedding .wedding_sites .wedding_sites_list .link {height:auto;min-height:88px;padding:18px 16px;border-radius:12px}
	.wedding .wedding_sites .wedding_sites_list .subject {font-size:17px}
	.wedding .wedding_sites .wedding_sites_list .subject br {display:none}
	.wedding .wedding_sites .wedding_sites_list .text {font-size:14px}
	.wedding .wedding_sites .wedding_sites_list .arrow {right:12px;top:12px;width:24px;height:24px}
	.wedding .wedding_sites .wedding_sites_list .arrow svg {width:18px;height:18px;min-width:18px;min-height:18px}
}

@media screen and (max-width:540px){
	/* 위원회 소개 > 본 위원회, 운영 위원회 */
	.committee .img_list_cell {grid-template-columns:1fr 1fr;gap:21px 12px}
	.committee .img_list_cell .cell {display:block}
	.committee .img_list_cell .photo img {width:100%}
	.committee .img_list_cell .typo {padding:12px 17px 17px 17px}
	.committee .img_list_cell .list_txt_group .list_txt {margin-bottom:6px}
	
	/* 위원회 소개 > 위원회 구성 > 조직도 */
	.intro_orz .diagram .depth2.d1 > .orz {width:calc(50% + 15px);top:35px}

	/* 위원회 소개 > 사무처 소개 */
	.about_orz .diagram .depth1 {grid-template-columns:110px 110px minmax(0,1fr)}
	.about_orz .diagram .depth1 > .orz, 
	.about_orz .diagram .depth2.d2_1 > .orz, 
	.about_orz .diagram .depth3.d3_2 > .orz, 
	.about_orz .diagram .depth3.d3_3 {width:110px}
}

@media screen and (max-width:480px){
	/* 서브 공통 */
	.sub_tit  {font-size:22px}
	.sub_tit2 {font-size:20px}
	.page_tit {font-size:17px}
	.page_tit.point {}
	.page_tit_box {flex-wrap:wrap}
	.page_tit_box .left, 
	.page_tit_box .right {gap:8px;width:100%}
	.cont_tit {font-size:16px}
	.tit_row {display:grid;row-gap:5px}
	.page_top_visual .sub_tit {font-size:17px}
	.page_top_typo {margin:4px auto 20px auto;padding-bottom:60px}
	.page_top_typo .sub_tit2 {font-size:1.25em}
	.page_top_typo .page_txt {font-size:1.05em}
	.page_top_bg {background-position:center bottom}
	.page_top_bg .inner {padding:23px 23px 140px 23px}
	.page_top_bg.bg01 {background-size:290px}
	.page_top_bg.bg02 {padding-bottom:98px}
	.bd_box {padding:12px 15px}
	.bd_box.sm {padding:10px}
	.bd_box.mxw {max-width:inherit}
	.guide_box {column-gap:10px;padding:15px 10px}
	.guide_box .icon_box {width:32px;height:32px;font-size:18px}

	/* 약관 */
	.policy .policy_list .table {overflow-x:auto}
	.policy .policy_list .table table {width:430px}
	.policy .policy_inner .page_gap {margin-bottom:20px;padding-bottom:20px}

	/* 라벨링 및 목차*/
	.labeling .inner {gap:6px}
	.labeling .label_box {width:calc(100% / 2 - 3px)}
	.labeling .label_box .list_txt_group {width:calc(100dvw - 46px);top:calc(50% + 63px)}
	.labeling .label_box .list_txt_group::before {border-left-width:6px;border-right-width:6px;border-top-width:10px;border-bottom-width:10px;top:-24px;left:20.5dvw}
	.labeling .label_box:nth-child(5n) .list_txt_group, 
	.labeling .label_box:nth-child(4n) .list_txt_group, 
	.labeling .label_box:nth-child(3n) .list_txt_group, 
	.labeling .label_box:nth-child(3n - 1) .list_txt_group {left:0;right:auto}
	.labeling .label_box:nth-child(5n) .list_txt_group::before, 
	.labeling .label_box:nth-child(4n) .list_txt_group::before, 
	.labeling .label_box:nth-child(3n) .list_txt_group::before, 
	.labeling .label_box:nth-child(3n - 1) .list_txt_group::before {left:20.5dvw;right:auto;transform:translateX(-50%)}
	.labeling .label_box:nth-child(2n) .list_txt_group {left:auto;right:0;transform:translateX(0)}
	.labeling .label_box:nth-child(2n) .list_txt_group::before {left:auto;right:20.5dvw;transform:translateX(50%)}
	.labeling .label_box .list_txt_group .list_txt.line::before {top:10px}

	.input_form .table.ktag_auth .inp_btn {}
	.input_form .table.ktag_auth .inp_btn .f3 {width:100%}
	.input_form .table.ktag_auth .inp_btn .f4 {width:calc(100% - 22px);margin-bottom:3px}

	/* 로그인 */
	.login_page .login_form, 
	.login_page .signup {padding:16px 20px}
	.login_page .sub_tit2 {margin-bottom:12px}
	.login_page .login_form .inp input {width:calc(100% - 22px)}
	.login_page .login_form .btn_list {column-gap:4px}
	.login_page .signup .list_txt_group .list_txt {margin-bottom:12px}

	/* 회원가입 */
	.join_step {letter-spacing:-0.02em;font-size:0.95em}
	.join_step:not(.fix) .step_inner {flex-wrap:wrap}
	.join_step:not(.fix) .step_box {flex:none;width:calc(100% / 2);line-height:44px}
	.join_step:not(.fix) .step_box:nth-child(2) {border-right:0}
	.join_step:not(.fix) .step_box:nth-child(n + 3) {width:calc(100% / 3);border-top:1px solid var(--colorBorderGray)}

	.join_step .step_box .text {}
	.agree_box {display:block}
	.agree_box .inp_obj {margin:8px 0 0 0;text-align:right}
	.join_exa .btn_list.flex {gap:5px 3px}
	.join_exa .btn_list.flex .list_li {width:calc(50% - 2px)}
	.join_exa .btn_list.flex .btn_custom {min-width:inherit;letter-spacing:-0.03em}
	.pw_check_pop {padding:15px 15px 10px 15px}
	.pw_check_pop .status {display:block;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed var(--colorBorderGray)}
	.pw_check_pop .label::after {display:none}
	.pw_check_pop .result {margin-top:9px}

	/* 회원가입 연령대 선택 */
	.join_type {flex-wrap:wrap}
	.join_type .type_box {flex:none;width:100%}
	.join_type .type_box .page_tit {height:auto}
	
	/* 위원회 소개 > 인사말 */
	.greeting .inner {padding:28px 24px 80px 24px;background-size:192px, contain;background-position:right -17px bottom, right top}
	.greeting .page_tit {padding-bottom:2px}
	.greeting .tit {padding-bottom:5px;font-size:1.45em}
	.greeting .sign {margin-top:32px}
	.greeting .sign .sign_img {width:110px;margin-top:8px}
	
	/* 위원회 소개 > 위원회 소개 */
	.about_intro .row_grid .img {border-radius:50px}
	
	/* 위원회 소개 > 위원회 구성 > 조직도 */
	.intro_orz .diagram {max-width:360px;margin:0 auto}
	.intro_orz .diagram .orz {padding-top:30px}
	.intro_orz .diagram .orz .sub_tit2 {font-size:18px}
	.intro_orz .diagram .orz .txt_box {margin-top:9px}
	.intro_orz .diagram .depth1 > .orz {column-gap:15px;max-width:100%;padding:13px;border-radius:24px}
	.intro_orz .diagram .depth1 > .orz .icon_box {width:64px;height:64px}
	.intro_orz .diagram .depth1 > .orz .icon_box img {width:38px}
	.intro_orz .diagram .depth1 > .orz .txt_box {font-size:0.95em}
	.intro_orz .diagram .depth2_list {padding-top:220px}
	.intro_orz .diagram .depth2_list::before {transform:translateX(0);left:48px}
	.intro_orz .diagram .depth2_list::after {width:calc(100% - 48px)}
	.intro_orz .diagram .depth2.d1 > .orz {width:calc(100% - 72px)}
	.intro_orz .diagram .depth3_list {grid-template-columns:1fr;row-gap:30px;padding:34px 16px 16px 16px}

	/* 위원회 소개 > 주요연혁 */
	.history .left {margin-bottom:32px;padding-bottom:65px}
	.history .typo {width:auto}
	.history .typo .sub_tit {margin:8px 0 16px 0}
	.history .typo .text {text-shadow:-2px 0px #fff, 0px 2px #fff, 2px 0px #fff, 0px -2px #fff}
	.history .bg_img {width:160px}
	.history .his_list::before {left:73px}
	.history .his_list .sub_tit2 {width:52px;font-size:19px}
	.history .his_list .bundle {gap:10px;margin-bottom:32px}
	.history .his_list .dl_group {padding-left:36px}
	.history .his_list .dl_group::before {width:22px;height:22px;top:0}
	.history .his_list .dl_group::after {width:10px;height:10px;top:6px}
	.history .his_list .dl_group .dl {margin-bottom:12px}
	.history .his_list .dl_group .dt {width:27px;font-size:16px;line-height:1.4}
	.history .his_list .dl_group .dd {margin-left:28px}

	/* 위원회 소개 > 위원회 CI */
	.about_ci .ci_frame {height:150px}
	.about_ci .grid:not(.row).col3 {grid-template-columns:1fr}
	.about_ci .guide_img .img {width:152px;padding-right:21px}
	.about_ci .guide_img .s_txt {width:calc(100% - 152px);padding-left:20px}
	.about_ci .color_info {gap:20px 12px;grid-template-columns:1fr}
	.about_ci .g01 .ci_frame img, 
	.about_ci .g02 .ci_frame img {max-width:190px}
	.about_ci .g04 .ci_frame {padding:26px 25px 20px 25px}
	.about_ci .g04 .ci_frame img {max-width:162px}
	.about_ci .g05 .ci_frame {height:86px}
	.about_ci .g05 .ci_frame::after {height:3px;transform:rotate(25deg) translateY(-50%)}

	/* 위원회 소개 > 사무처 소개 */
	.about_orz .top_bd_box .sub_tit2 {margin-bottom:12px;font-size:17px}
	.about_orz .top_bd_box .text {font-size:1em}
	.about_orz .diagram {word-break:break-all}
	.about_orz .diagram .depth1 {display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);grid-template-rows:48px 20px 48px 20px 48px 40px auto;align-items:start;gap:0;position:relative}
	.about_orz .diagram .depth1::before {width:1px;height:224px;content:'';background-color:var(--colorBorderGray);position:absolute;top:0;left:calc(50% - 1px);z-index:-1}
	.about_orz .diagram .depth1 > .orz {grid-column:1 / 4;grid-row:1;width:calc(50% - 12px);margin:0 auto}
	.about_orz .diagram .depth1 > .orz::before,
	.about_orz .diagram .depth1 > .orz::after {display:none}
	.about_orz .diagram .depth2_list {display:contents;margin:0}
	.about_orz .diagram .depth2_list::before,
	.about_orz .diagram .depth2_list::after {display:none}
	.about_orz .diagram .depth2.d2_1 {display:contents}
	.about_orz .diagram .depth2.d2_1 > .orz {width:calc(50% - 12px);margin:0;left:auto;right:0;top:67px}
	.about_orz .diagram .depth2.d2_1 > .orz::after {width:12px;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;right:calc(100% + 1px);top:50%;z-index:-1}
	.about_orz .diagram .depth3_list {display:contents;margin:0}
	.about_orz .diagram .depth3_list::before,
	.about_orz .diagram .depth3_list::after {display:none}
	.about_orz .diagram .depth3 {position:relative;right:auto;top:auto}
	.about_orz .diagram .depth3.d3_2 {display:contents}
	.about_orz .diagram .depth3.d3_2 > .orz {grid-column:1;grid-row:5;width:100%;margin:0}
	.about_orz .diagram .depth3.d3_2 > .orz::before {display:block;width:12px;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;top:50%;left:calc(100% + 1px);z-index:-1}
	.about_orz .diagram .depth3.d3_2 > .orz::after {display:none}
	.about_orz .diagram .depth3.d3_3 {grid-column:3;grid-row:5;width:100%;margin:0}
	.about_orz .diagram .depth3.d3_3::before {display:none}
	.about_orz .diagram .depth3.d3_3 > .orz {width:100%;margin:0}
	.about_orz .diagram .depth3.d3_3 > .orz::before {display:block;width:12px;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;top:50%;right:calc(100% + 1px);z-index:-1}
	.about_orz .diagram .depth3.d3_3 > .orz.bg3::after {display:none}
	.about_orz .diagram .depth4_list {grid-column:1 / 4;grid-row:7;display:flex;flex-direction:column;gap:24px;width:100%;margin:0;position:relative}
	.about_orz .diagram .depth4 {display:block;width:100%;position:relative}
	.about_orz .diagram .depth4::before {display:block;width:1px;height:24px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:-24px;transform:translateX(-50%);z-index:-1}
	.about_orz .diagram .depth4:first-child::before {display:none}
	.about_orz .diagram .depth4:not(:last-child)::after {display:block;width:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:24px;bottom:-24px;transform:translateX(-50%);z-index:-1}
	.about_orz .diagram .depth4:last-child::after {display:none}
	.about_orz .diagram .depth4 > .orz {width:100%;margin:0}
	.about_orz .diagram .depth4 > .orz.bg3::after {display:block;left:50%;top:-5px;transform:translateX(-50%)}
	.about_orz .diagram .depth5_list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;margin-top:16px}
	.about_orz .diagram .depth5_list::before {display:none}
	.about_orz .diagram .depth5 {display:flex;flex-direction:column;min-width:0;height:100%;position:relative}
	.about_orz .diagram .depth5::before,
	.about_orz .diagram .depth5::after,
	.about_orz .diagram .depth5:not(:last-child)::after {display:none}
	.about_orz .diagram .depth5 > .orz {width:100%;min-height:42px;margin:0;font-size:1em}
	.about_orz .diagram .depth5 > .orz::before {display:none}
	.about_orz .diagram .orz_cont {display:flex;flex-direction:column;flex:1}
	.about_orz .diagram .orz_cont .cell {padding:10px 12px}
	.about_orz .diagram .orz_cont .list_txt_group {font-size:0.9375em}
	.about_orz .diagram .orz_cont .cell + .cell .list_txt_group {font-size:0.9em}
	/* 위원회 소개 > 오시는 길 */
	.direction .info_box {gap:5px;margin-top:12px}
	.direction .info_box .info {padding:10px 14px}
	.direction .info_box .dl_group .dl {display:grid;grid-template-columns:max-content auto}
	.direction .info_box .dl_group .dt {padding-right:10px;font-size:1em}
	.direction .bd_grid_box {padding:18px 14px}
	.direction .bd_grid_box .tag {padding:2px 4px;font-size:12px}
	.direction .bd_grid_box .box {margin-bottom:21px;padding-bottom:22px}
	.direction .bd_grid_box .box::after {width:calc(100% - 40px)}
	.direction .bd_grid_box .cont_tit {padding-bottom:2px}
	.direction .bd_grid_box .cont_tit .icon {width:22px}
	.direction .bd_grid_box .list_txt_group {margin-left:26px}
	.direction .bd_grid_box .list_txt_group .list_txt {gap:7px;margin-bottom:9px}

	/* 정책계획 > 저출산 고령사회 기본계획 */
	.policy_plan .plan_view .sub_tit2 {font-size:18px}
	.policy_plan .plan_view .typo {padding:26px 0 15px 0}
	.policy_plan .plan_file .file_grid {grid-template-columns:1fr}
	.policy_plan .plan_file .tit {height:auto}
	
	/* 공공예식장 */
	.wedding .wedding_hero .wedding_hero_txt .tit {font-size:24px}
	.wedding .wedding_hero .wedding_hero_txt .desc {font-size:14px}
	.wedding .wedding_hero .wedding_hero_txt .cta {font-size:15px}
	.wedding .wedding_hero .wedding_hero_img {width:min(68vw, 220px);height:min(68vw, 220px);margin-top:16px}
	.wedding .wedding_notice {padding:14px;column-gap:10px}
	.wedding .wedding_notice .text {font-size:13px}
	.wedding .wedding_steps .sec_tit,
	.wedding .wedding_reserve .wedding_reserve_cont .sec_tit {font-size:20px}
	.wedding .wedding_steps .wedding_step {padding:14px;gap:7px 10px}
	.wedding .wedding_steps .wedding_step .ico_wrap {flex:0 0 56px;width:56px;height:56px}
	.wedding .wedding_steps .wedding_step .label {font-size:16px}
	.wedding .wedding_reserve .wedding_reserve_btn {padding:16px 14px;gap:12px}
	.wedding .wedding_reserve .wedding_reserve_btn .subject {font-size:15px}
	.wedding .wedding_sites .wedding_sites_list .link {padding:16px 14px;min-height:80px}
}
 
@media screen and (max-width:440px){
	/* 위원회 소개 > 본 위원회, 운영 위원회 */
	.committee .img_list_cell {gap:16px 8px}
	.committee .img_list_cell .typo {padding:12px 12px 13px 12px}
	.committee .img_list_cell .typo .text {line-height:1.4}
	.committee .img_list_cell .list_txt_group .list_txt {line-height:1.4}
}
