@charset "UTF-8";

/* 서브 공통 */
.sub_cont {margin:0 auto;padding:70px 0;min-height:47dvh}
.sub_cont .sticky {position:sticky;top:0;left:0;z-index:10}
.sub_tit {margin-bottom:40px;font-size:40px;font-weight:700;color:var(--colorGray90)}
.sub_tit2 {margin-bottom:30px;font-size:32px;font-weight:700;color:var(--colorGray90)}
.page_tit {margin-bottom:12px;font-size:24px;font-weight:700;color:var(--colorGray90)}
.page_tit.point {}
.page_tit.point::after {display:inline-block;width:6px;height:6px;content:'';margin-left:4px;background-color:var(--colorMain);border-radius:100%;vertical-align:top}
.page_tit .s_txt {font-size:1rem}
.page_txt {color:var(--colorGray80)}
.page_tit_box {display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:15px}
.page_tit_box .left, 
.page_tit_box .right {display:flex;align-items:center;column-gap:16px}
.page_tit_box .page_tit {margin-bottom:0 !important}
.cont_tit {margin-bottom:8px;font-size:18px;font-weight:700;color:var(--colorGray90)}
.cont_tit .icon {font-size:1.1em}
.cont_tit_box {margin-bottom:40px;border-bottom:1px solid var(--colorBorderGray)}
.cont_tit_box .sub_tit2 {}
.page_gap {margin-bottom:40px}
.page_gap:last-child {margin-bottom:0}
.page_gap.dash {padding-bottom:40px;border-bottom:1px dashed var(--colorBorderGray)}
.pgl {margin-left:12px}
.scroll_box {height:200px;padding:20px 24px;background-color:#fff;border:1px solid var(--colorBorderGray);border-radius:6px;overflow-y:auto}
.scroll_box.bg {background-color:var(--colorBgGray)}.scroll_box.not {height:auto}
.bd_box {padding:30px 35px;border:1px solid var(--colorBorderGray);background-color:#fff}
.bd_box.s2 {display:inline-block;margin:0 auto;padding:24px 40px}
.bd_box.sm {padding:15px}
.bd_box.round {border-radius:6px}
.bd_box.mxw {max-width:800px;margin:0 auto}
.bd_box.mxw2 {max-width:660px;margin:0 auto}
.bd_box.bg {background-color:var(--colorBgGray)}
.bd_box.bg.normal {border-color:var(--colorBgGray)}
.bd_box.bg2 {background-color:#F7FAFF;border-color:#B1CEFB}
.bd_box.bg2.normal{background-color:#F7FAFF;border-color:#F7FAFF}
.bd_box.bg_white {border:0}
.bd_box.shadow {box-shadow:0 4px 24px rgba(0, 0, 0, 0.12)}
.bd_box .table thead th {background-color:#eef2f7}
.bd_box .table tbody td {background-color:var(--colorWhite)}
.page_top_visual {display:flex;align-items:center;justify-content:center;width:100vw;margin:-70px 0 90px 0;text-align:center;background-position:center top;background-repeat:no-repeat;background-size:cover;position:relative;left:50%;transform:translateX(-50%)}
.page_top_visual .inner {padding:0 1.5%}
.page_top_visual .inner_txt {color:#fff;font-size:1.25em}
.page_top_visual .sub_tit {color:#fff;line-height:1.4}
.page_top_typo {margin:16px auto 50px auto;padding-bottom:130px;text-align:center;position:relative}
.page_top_typo::after {width:1px;height:80px;content:'';background-color:var(--colorGray40);position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.page_top_typo .sub_tit2 {}
.page_top_typo .page_txt {font-size:1.2em;font-weight:500;color:var(--colorGray60)}
.page_top_bg {margin-top:24px;border-radius:20px;position:relative}
.page_top_bg::before {display:block;content:'';background-position:bottom right;background-repeat:no-repeat;background-size:cover;position:absolute;right:0;bottom:0;z-index:0}
.page_top_bg .sub_tit2 {margin-bottom:12px}
.page_top_bg .inner {padding:39px 60px;position:relative;z-index:1}
.page_top_bg .inner.pd0 {padding:0}
.page_top_bg .inner > .text {font-size:1.1em}
.page_top_bg .img {position:relative;z-index:0}
.page_top_bg.bg01 {background-color:#DFF8DC}
.page_top_bg.bg01::before {width:800px;height:380px;background-image:url(/images/home/kor/user/sub/page_top_bg_newsletter.png)}
.page_top_bg.bg02 {padding:20px 0}
.page_top_bg.bg02::before {width:455px;height:358px;background-image:url(/images/home/kor/user/sub/page_top_bg_subscribe.png)}
.page_top_bg.bg02 .inner {margin-bottom:20px}
.inner_top_bg {border-radius:8px;overflow:hidden;position:relative}
.inner_top_bg .typo {display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;text-align:center;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(1px);position:absolute;left:0;top:0;z-index:1}
.inner_top_bg .typo .sub_tit2 {margin-bottom:0;color:#fff;line-height:1.4}
.inner_top_bg .img {position:relative;z-index:0}
.inner_top_bg .img img {width:100%}
.grad_top_bg {}


/* 약관(개인정보처리방침, 이용약관, 이메일무단수집거부 등) */
.policy {}
.policy .page_tit {}
.policy .page_txt {font-weight:500;line-height:1.7}
.policy .btn_toggle {display:block;width:100%;padding:20px;text-align:left;border:1px solid var(--colorBorderGray);position:relative}
.policy .btn_toggle::after {display:flex;align-items:center;justify-content:center;width:63px;height:100%;font-family:'xeicon';content:'\e944';font-size:22px;text-align:center;color:var(--colorGray90);background-color:var(--colorBgGray);position:absolute;right:0;top:0;transition:0.2s}
.policy .btn_toggle:hover,
.policy .btn_toggle:focus {background-color:var(--colorBgGray)}
.policy .btn_toggle:hover::after,
.policy .btn_toggle:focus::after {color:#fff;background-color:var(--colorGray80)}
.policy .btn_toggle.hidden {background-color:var(--colorBgGray)}
.policy .btn_toggle.hidden::after, 
.policy .btn_toggle.hidden::after {content:'\e941'}
.policy .label_tit {width:calc(100% - 60px);font-size:1.2em;font-weight:700;color:var(--colorGray90)}
.policy .label_tit .icon {font-size:20px;vertical-align:baseline}
.policy .toggle {border:1px solid var(--colorBorderGray);border-top:0}
.policy .policy_list {margin-top:40px}
.policy .policy_list .bundle {margin-bottom:40px}
.policy .policy_list .bundle:last-child {margin-bottom:0}
.policy .policy_list .list_tit {margin-bottom:10px;font-size:1.2em;font-weight:700;color:var(--colorGray90)}
.policy .policy_list .list_tit .text {}
.policy .policy_list .list_tit.point {}
.policy .policy_list .list_tit.point .text::after {display:inline-block;width:5px;height:5px;margin-left:5px;content:'';background-color:var(--colorMain);border-radius:100%;vertical-align:text-top}
.policy .policy_list .list_tit .img_list {display:inline-flex;align-items:flex-end;column-gap:3px;margin-left:10px;vertical-align:bottom}
.policy .policy_list .list_tit .label_img {width:40px}
.policy .policy_list .pl_list {}
.policy .policy_list .pl_list_txt > .text {font-weight:500}
.policy .policy_list .pl_list_txt {margin-bottom:8px}
.policy .policy_list .pl_list_txt:last-child {margin-bottom:0}
.policy .policy_list .pl_list_txt.ic {display:flex;flex-wrap:wrap;column-gap:7px}
.policy .policy_list .pl_list_txt.ic .num {display:inline-block;width:21px;height:21px;font-size:12px;line-height:23px;color:#fff;text-align:center;border-radius:100%;background-color:var(--colorGray80);vertical-align:top;transform:translateY(2px)}
.policy .policy_list .pl_list_txt.ic > .text {width:calc(100% - 28px)}
.policy .policy_list .pl_list2 {width:calc(100% - 28px);margin:10px 0 0 28px}
.policy .policy_list .pl_list2.s2{margin-left:0}
/*.policy .policy_list .pl_list2 {margin-top:10px}
.policy .policy_list .pl_list_txt.ic .pl_list2 {margin-left:28px}*/
.policy .policy_list .pl_list_txt2 {margin-bottom:10px}
.policy .policy_list .pl_list_txt2:last-child {margin-bottom:0}
.policy .policy_list .pl_list_txt2 .dt {font-weight:700;margin-bottom:5px}
.policy .policy_list .pl_list_txt2 .dd {}
.policy .policy_list .list_txt_group {}
.policy .policy_list .list_txt_group .list_txt {}
.policy .policy_list .list_txt_group .list_txt.line {}
.policy .policy_list .list_txt_group .list_txt.dot {}
.policy .policy_list .table {}
.policy .policy_list .table th {padding:10px}
.policy .policy_list .table td {padding:10px;text-align:center}
.policy .policy_inner .page_gap {margin-bottom:30px;padding-bottom:30px;border-bottom:1px dashed var(--colorBorderGray)}
.policy .policy_inner .page_gap.bd0 {padding-bottom:0;border-bottom:0}
.policy .policy_inner .page_gap:last-child {margin-bottom:0;padding-bottom:0;border-bottom:0}
.policy .policy_inner .page_gap .policy_list {margin-top:25px}

/* 라벨링 및 목차*/
.labeling {}
.labeling .btn_toggle {}
.labeling .label_tit {}
.labeling .toggle {padding:20px 30px 30px 30px}
.labeling .inner {display:flex;flex-wrap:wrap;gap:20px;margin-top:10px}
.labeling .label_box {width:calc(100% / 6 - 17px);position:relative}
.labeling .label_box .hover {display:block;height:100%;padding:20px 10px;background-color:var(--colorBgGray);border:1px solid var(--colorBgGray);border-radius:8px}
.labeling .label_box .img {display:flex;align-items:center;justify-content:center;margin-bottom:15px;text-align:center}
.labeling .label_box .img img {width:80px;margin:0 auto}
.labeling .label_box .list_tit {padding:0 5px;text-align:center;font-weight:700}
.labeling .label_box .list_txt_group {display:none;width:400px;padding:20px 25px;background-color:#fff;border:1px solid var(--colorMain);border-top-width:4px;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,0.2);position:absolute;left:50%;top:calc(50% + 100px);z-index:1;transform:translateX(-50%)}
.labeling .label_box .list_txt_group::before {content:'';border-left:8px solid transparent;border-right:8px solid transparent;border-top:14px solid transparent;border-bottom:14px solid var(--colorMain);position:absolute;left:50%;top:-30px;z-index:1;transform:translateX(-50%)}
/*.labeling .label_box .list_txt_group .list_tit {margin-bottom:0;padding:7px 5px;color:#fff;text-align:center;background-color:var(--colorMain)}*/
.labeling .label_box .list_txt_group .list_txt {font-weight:500}
.labeling .label_box .list_txt_group .list_txt.dot {}
.labeling .label_box .hover:hover, 
.labeling .label_box .hover:focus {background-color:#fff;border-color:var(--colorMain)}
.labeling .label_box .hover:hover .list_tit, 
.labeling .label_box .hover:focus .list_tit {color:var(--colorMain)}
.article {}
.article .btn_toggle {}
.article .label_tit {}
.article .article_list {}
.article .article_list .a_box {border-bottom:1px solid var(--colorBorderGray)}
.article .article_list .a_box:last-child {border-bottom:0}
.article .article_list .a_box .link {display:table;width:100%}
.article .article_list .a_box .num {display:table-cell;align-items:center;width:45px;height:100%;font-weight:700;text-align:center;transition:0.2s}
.article .article_list .a_box .text {display:table-cell;align-items:center;width:calc(100% - 45px);padding:10px;font-weight:500;border-left:1px solid var(--colorBorderGray);position:relative;transition:0.2s}
.article .article_list .a_box .link:hover .num, 
.article .article_list .a_box .link:focus .num {color:#fff;background-color:var(--colorMain)}
.article .article_list .a_box .link:hover .text, 
.article .article_list .a_box .link:focus .text {color:var(--colorMain);text-decoration:underline;text-underline-offset:5px}

/* 로그인 */
.login_page {margin:30px auto;text-align:center}
.login_page .sub_tit2 {margin-bottom:20px}
.login_page .btn_custom {width:100%;font-size:1.1em;min-height:56px}
.login_page .inner_wrap {display:grid;;column-gap:40px}
.login_page .bundle {}
.login_page .login {width:96%;max-width:640px;height:100%;margin:0 auto}
/*.login_page .login_tab {display:flex;background-color:var(--colorGray10);border-radius:8px 8px 0 0;overflow:hidden}
.login_page .login_tab .tab {flex:1;display:flex;align-items:center;justify-content:center;height:60px;font-size:1.1em;color:var(--colorGray40);font-weight:500;border:1px solid var(--colorGray10);border-bottom-color:var(--colorBorderGray)}
.login_page .login_tab .tab .text {}
.login_page .login_tab .tab .s_txt {display:block}
.login_page .login_tab .tab.current {color:var(--colorMain);font-weight:700;background-color:var(--colorBgGray);border-color:var(--colorBorderGray);border-bottom-color:var(--colorBgGray);border-radius:8px 8px 0 0}
.login_page .login_tab .tab.current .text {}*/
.login_page .login_form {display:flex;align-items:center;justify-content:center;padding:38px 60px;background-color:#fff;box-shadow:0 4px 24px rgba(0, 0, 0, 0.12);border-radius:8px}
.login_page .login_form .offset {width:100%}
.login_page .login_form .inp_form {}
.login_page .login_form .inp {margin-bottom:12px}
.login_page .login_form .inp input {width:calc(100% - 30px);padding-top:19px;padding-bottom:19px}
.login_page .login_form .btn_custom {width:100%}
.login_page .login_form .btn_list {column-gap:10px}
.login_page .signup {height:100%;padding:32px 60px;box-shadow:0 4px 24px rgba(0, 0, 0, 0.12);border-radius:8px;background-color:var(--colorWhite)}
.login_page .signup_inner {height:calc(100% - 133px)}
.login_page .signup .sign_box {margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--colorBorderGray)}
.login_page .signup .sign_box:last-child {margin-bottom:0;padding-bottom:0;border-bottom:0}
.login_page .signup .btn_list {column-gap:12px}
.login_page .signup .btn_list .list_li {flex:1}
.login_page .signup .btn_list .t_txt {margin-bottom:12px;font-size:0.95em;line-height:1.35;font-weight:500;word-break:keep-all}
.login_page .signup .btn_list .btn_custom .text {line-height:1.2}
.login_page .signup .list_txt_group .list_txt {margin-bottom:16px}

/* 회원가입 */
.join_step {margin-bottom:60px}
.join_step .step_inner {display:flex;border:1px solid var(--colorBorderGray);border-radius:6px;overflow:hidden}
.join_step .step_box {flex:1;text-align:center;line-height:68px;border-right:1px solid var(--colorBorderGray);background-color:var(--colorBgGray)}
.join_step .step_box:last-child {border-right:0}
.join_step .step_box .text {display:inline-block;padding-left:50px;font-weight:700;color:#8A949E;font-size:18px;background-repeat:no-repeat;background-position:left center}
.join_step .step_box.b01 .text {background-image:url(/images/common/ic_join_step01.png)}
.join_step .step_box.b02 .text {background-image:url(/images/common/ic_join_step02.png)}
.join_step .step_box.b03 .text {background-image:url(/images/common/ic_join_step03.png)}
.join_step .step_box.b04 .text {background-image:url(/images/common/ic_join_step04.png)}
.join_step .step_box.b05 .text {background-image:url(/images/common/ic_join_step05.png)}
.join_step .step_box.b06 .text {background-image:url(/images/common/ic_join_step06.png)}
.join_step .step_box.current {background-color:#fff}
.join_step .step_box.current .text {color:var(--colorGray90)}
.join_step .step_box.current.b01 .text {background-image:url(/images/common/ic_join_step01_on.png)}
.join_step .step_box.current.b02 .text {background-image:url(/images/common/ic_join_step02_on.png)}
.join_step .step_box.current.b03 .text {background-image:url(/images/common/ic_join_step03_on.png)}
.join_step .step_box.current.b04 .text {background-image:url(/images/common/ic_join_step04_on.png)}
.join_step .step_box.current.b05 .text {background-image:url(/images/common/ic_join_step05_on.png)}
.join_step .step_box.current.b06 .text {background-image:url(/images/common/ic_join_step06_on.png)}

/* .current 이후 모든 .step_box */
.join_step .step_box.current ~ .step_box {background-color:#fff}

.agree_box {display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.agree_box .agree_txt {font-size:1.1em;font-weight:500}
.agree_box .agree_txt .s_txt {margin-left:15px}
.agree_box .inp_obj {margin-right:20px}
.agree_box .inp_obj .inp_li {}
.agree_box .inp_obj .inp_li:last-child {}
.agree_box .inp_obj input {}
.agree_box .inp_obj label {}
.agree_box.all {margin-top:0;padding:21px 24px;border:1px solid var(--colorBorderGray);border-radius:6px}
.agree_box.all .agree_txt {color:var(--colorGray90)}
.agree_box.all .inp_obj {margin-right:0}
.agree_box.all .inp_obj input {}
.agree_box.all .inp_obj label {}
.join_exa {}
.join_exa .exa_txt {}
.join_exa .table {margin-top:24px}
.join_exa .btn_list.flex {column-gap:5px}
.join_exa .btn_list.flex .list_li {flex:1}
.join_exa .btn_list.flex .btn_custom {width:100%}

.pw_check_pop {width:100%;max-width:320px;padding:21px 22px 15px 22px;font-size:0.9375rem;background-color:#fff;border-radius:8px;box-shadow:0 0 24px rgba(0, 0, 0, 0.12);position:absolute;left:calc(50% - 85px);top:50%;z-index:1;transform:translateY(-50%)}
.pw_check_pop .label {font-weight:700;color:var(--colorGray90);position:relative}
.pw_check_pop .label::after {width:1px;height:12px;content:'';background-color:#B1B8BE;position:absolute;right:-12px;top:50%;transform:translateY(-50%)}
.pw_check_pop .text {}
.pw_check_pop .status {display:flex;align-items:center;column-gap:24px;margin-bottom:10px;line-height:1}
.pw_check_pop .result {display:flex;align-items:center;column-gap:10px;font-weight:700}
.pw_check_pop .result .chip {display:inline-block;width:24px;height:4px;background-color:#B1B8BE;vertical-align:top;position:relative;top:-1px}
.pw_check_pop .result .chip::before, 
.pw_check_pop .result .chip::after {display:inline-block;width:24px;height:4px;background-color:#B1B8BE;content:'';vertical-align:top;position:absolute;top:0}
.pw_check_pop .result .chip::before {left:28px}
.pw_check_pop .result .chip::after {left:56px}
.pw_check_pop.failed .result {color:var(--colorRed)}
.pw_check_pop.failed .result .chip {background-color:var(--colorRed)}
.pw_check_pop.failed .result .chip::before {} 
.pw_check_pop.failed .result .chip::after {}
.pw_check_pop.normal .result {color:#9E6A00}
.pw_check_pop.normal .result .chip, 
.pw_check_pop.normal .result .chip::before {background-color:#FFB114} 
.pw_check_pop.normal .result .chip::after {}
.pw_check_pop.success .result {color:var(--colorGreen)}
.pw_check_pop.success .result .chip, 
.pw_check_pop.success .result .chip::before, 
.pw_check_pop.success .result .chip::after {background-color:var(--colorGreen)}

/* 회원가입 연령대 선택 */
.join_type {display:flex;gap:40px}
.join_type .type_box {flex:1}
/*.join_type .type_box .board_result {background-color:var(--colorBgGray)}*/
.join_type .type_box .page_tit {display:flex;align-items:center;justify-content:center;height:76px}
.join_type .type_box .icon_box {margin-bottom:16px}
.join_type .type_box .btn_custom {padding-left:20px;padding-right:20px}
.join_type .type_box.b1 {}
.join_type .type_box.b1 .icon_box {background-color:#F2EDFF}
.join_type .type_box.b2 {}
.join_type .type_box.b2 .icon_box {background-color:#EEF4FF}

/* 위원회 소개 > 인사말 */
.greeting {background:linear-gradient(252.04deg, #CEDEFF 0%, #F5F9FF 100%);border-radius:32px;overflow:hidden}
.greeting .inner {padding:80px 530px 40px 80px;background-image:url(/images/home/kor/user/sub/greeting_profile_img.png), url(/images/home/kor/user/sub/greeting_box_bg.png);background-repeat:no-repeat;background-position:right 40px bottom, right top}
.greeting .page_tit {padding-bottom:8px}
.greeting .tit {line-height:1.45}
.greeting .pre {font-size:1.1em;font-weight:500;color:var(--colorGray80)}
.greeting .sign {margin-top:70px;text-align:right;font-size:1.2em;font-weight:700;text-shadow:-1px 0px #ecf3ff, 0px 1px #ecf3ff, 1px 0px #ecf3ff, 0px -1px #ecf3ff}
.greeting .sign .sign_img {display:inline-block;margin-left:24px;line-height:1;vertical-align:middle}

/* 위원회 소개 > 위원회 소개 */
.about_intro .page_top_visual {height:586px;background-image:url(/images/home/kor/user/sub/page_top_visual01.png)}
.about_intro .tit_box {padding-bottom:20px;text-align:center}
.about_intro .row_grid {}
.about_intro .row_grid .bundle {display:grid;grid-template-columns:max-content auto;align-items:center;column-gap:80px;margin-bottom:80px;padding-bottom:80px;position:relative}
.about_intro .row_grid .bundle::after {display:block;width:calc(100% - 100px);height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.about_intro .row_grid .bundle:last-child {margin-bottom:0;padding-bottom:0}
.about_intro .row_grid .bundle:last-child::after {display:none}
.about_intro .row_grid .page_tit {padding-bottom:5px}
.about_intro .row_grid .img {border-radius:100px;overflow:hidden}
.about_intro .row_grid .typo {}
.about_intro .row_grid .dl_group {display:grid;grid-template-columns:max-content auto}
.about_intro .row_grid .dl_group .dl {display:contents}
.about_intro .row_grid .dl_group .dt {margin-right:0}
.about_intro .row_grid .dl_group .dd {}
.about_intro .row_grid .list_txt_group {}
.about_intro .row_grid .list_txt_group .list_txt {}

/* 위원회 소개 > 위원회 구성 > 조직도 */
.intro_orz .page_top_visual {height:586px;background-image:url(/images/home/kor/user/sub/page_top_visual02.png)}
.intro_orz .tit_box {padding-bottom:20px;text-align:center}
.intro_orz .diagram {}
.intro_orz .diagram .orz {height:100%;padding:48px 20px;text-align:center;word-break:break-all;background-color:#fff;border:3px solid var(--colorMain);border-radius:24px;box-shadow:0 4px 40px rgba(8, 56, 145, 0.24);position:relative}
.intro_orz .diagram .orz .icon_box {display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:var(--colorMain);border-radius:100%;position:absolute;left:50%;top:-32px;transform:translateX(-50%);z-index:1}
.intro_orz .diagram .orz .icon_box img {}
.intro_orz .diagram .orz .typo {}
.intro_orz .diagram .orz .tit_box {padding-bottom:0}
.intro_orz .diagram .orz .sub_tit2 {margin-bottom:3px;color:var(--colorMain)} 
.intro_orz .diagram .orz .page_tit {margin-bottom:3px;color:var(--colorMain);font-size:22px}
.intro_orz .diagram .orz .dl_group {justify-content:center}
.intro_orz .diagram .orz .dl_group .dl {color:var(--colorGray60)}
.intro_orz .diagram .orz .dl_group .dl {display:inline-block;vertical-align:top}
.intro_orz .diagram .orz .dl_group .dl:last-child {margin:0}
.intro_orz .diagram .orz .dl_group .dl .dt {margin-right:0;font-weight:normal}
.intro_orz .diagram .orz .list_txt_group .list_txt {margin-bottom:3px}
.intro_orz .diagram .orz .txt_box {margin-top:12px;padding-top:12px;font-weight:500;text-align:left;border-top:1px solid var(--colorBorderGray)}
.intro_orz .diagram .orz.blue {border-color:#5F94F6;box-shadow: 0 4px 24px rgba(95, 148, 246, 0.24)}
.intro_orz .diagram .orz.blue .icon_box {background-color:#5F94F6}
.intro_orz .diagram .orz.blue .icon_box img {}
.intro_orz .diagram .orz.blue .sub_tit2, 
.intro_orz .diagram .orz.blue .page_tit {color:#185BD8}
.intro_orz .diagram .orz.gray {border-color:var(--colorGray40);box-shadow:0 4px 24px rgba(138, 148, 158, 0.4)}
.intro_orz .diagram .orz.gray .icon_box {background-color:var(--colorGray40)}
.intro_orz .diagram .orz.gray .sub_tit2, 
.intro_orz .diagram .orz.gray .page_tit {color:var(--colorGray80)}
.intro_orz .diagram .depth1_list {}
.intro_orz .diagram .depth1 {}
.intro_orz .diagram .depth1 > .orz {display:grid;grid-template-columns:max-content auto;align-items:center;column-gap:37px;max-width:600px;margin:0 auto;padding:15px 100px 15px 15px;text-align:left;border-radius:100px;border-width:5px}
.intro_orz .diagram .depth1 > .orz .icon_box {width:160px;height:160px;position:relative;left:auto;top:auto;transform:translateX(0)}
.intro_orz .diagram .depth1 > .orz .tit_box {text-align:left}
.intro_orz .diagram .depth1 > .orz .txt_box {font-size:1.2em;font-weight:500}
.intro_orz .diagram .depth1 > .orz .dl_group {justify-content:left}
.intro_orz .diagram .depth2_list {padding-top:332px;position:relative}
.intro_orz .diagram .depth2_list::before {width:3px;height:100%;max-height:335px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.intro_orz .diagram .depth2_list::after {width:50%;height:3px;content:'';background-color:var(--colorBorderGray);position:absolute;right:0;top:158px;transform:translateY(-50%);z-index:-1}
.intro_orz .diagram .depth2 {}
.intro_orz .diagram .depth2.d1 {}
.intro_orz .diagram .depth2.d1 > .orz {max-width:calc(25% - 18px);height:auto;position:absolute;right:0;top:34px}
.intro_orz .diagram .depth3_list {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:24px;padding-top:60px;position:relative}
.intro_orz .diagram .depth3 {position:relative}
.intro_orz .diagram .depth3::before {width:3px;height:60px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:-60px;transform:translateX(-50%);z-index:-1}
.intro_orz .diagram .depth3::after {width:calc(100% + 24px);height:3px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:-60px;;transform:translateX(-50%);z-index:-1}
.intro_orz .diagram .depth3 > .orz {}
.intro_orz .diagram .depth3.d1 {order:1}
.intro_orz .diagram .depth3.d1::after {width:calc(50% + 12px);left:auto;right:-12px;transform:translateX(0)}
.intro_orz .diagram .depth3.d2 {order:2}
.intro_orz .diagram .depth3.d3 {order:3}
.intro_orz .diagram .depth3.d4 {order:4}
.intro_orz .diagram .depth3.d4::after {width:calc(50% + 12px);left:-12px;transform:translateX(0)}

/* 위원회 소개 > 주요연혁 */
.history {}
.history .left {display:inline-block;width:440px;float:left;vertical-align:top}
.history .right {display:inline-block;width:calc(100% - 440px);padding-left:150px;vertical-align:top}
.history .typo {}
.history .typo .sub_tit {margin:12px 0 30px 0;font-weight:400;line-height:1.45}
.history .typo .text {}
.history .bg_img {margin-top:80px}
.history .bg_img img {max-height:100%}
.history .his_list {position:relative}
.history .his_list::before {display:block;width:1px;height:100%;content:'';background-color:#E7EFFE;position:absolute;left:137px;top:0;z-index:-1}
.history .his_list .bundle {display:grid;grid-template-columns:max-content auto;gap:35px;padding-bottom:60px}
.history .his_list .bundle:last-child {padding-bottom:0}
.history .his_list .sub_tit2 {width:85px;margin-bottom:0;line-height:1;letter-spacing:-0.03em}
.history .his_list .page_tit {margin-bottom:0}
.history .his_list .dl_group {row-gap:0;padding:4px 0 0 76px;position:relative}
.history .his_list .dl_group::before, 
.history .his_list .dl_group::after {display:inline-block;content:'';border-radius:100%;position:absolute}
.history .his_list .dl_group::before {width:36px;height:36px;background-color:#E7EFFE;left:0;top:-2px;z-index:1}
.history .his_list .dl_group::after {width:16px;height:16px;background-color:var(--colorMain);left:10px;top:8px;z-index:2}
.history .his_list .dl_group .dl {margin-bottom:20px;position:relative}
.history .his_list .dl_group .dl:last-child {margin-bottom:0}
.history .his_list .dl_group .dt {width:40px;font-size:1.5em;color:var(--colorGray60);line-height:1.2;letter-spacing:-0.03em;position:absolute;left:0;top:0}
.history .his_list .dl_group .dd {display:block;margin:0 0 12px 50px;font-size:1.1em}
.history .his_list .dl_group .dd:last-child {margin-bottom:0}

/* 위원회 소개 > 사무처 소개 */
.about_orz {}
.about_orz .top_bd_box {text-align:center}
.about_orz .top_bd_box .typo {padding-top:18px;padding-bottom:18px}
.about_orz .top_bd_box .sub_tit2 {font-weight:normal}
.about_orz .top_bd_box .text {font-size:1.25em;font-weight:500;color:var(--colorGray60)}
.about_orz .diagram {max-width:1400px;margin:0 auto;position:relative}
.about_orz .diagram .orz {display:flex;align-items:center;justify-content:center;width:calc(25% - 30px);min-height:54px;margin:0 auto;padding:8px 12px;text-align:center;font-size:1.15em;line-height:1.4;background-color:#fff;border:1px solid var(--colorGray40);border-radius:8px;position:relative;z-index:2}
.about_orz .diagram .orz.bg1 {color:#fff;background-color:var(--colorMain);border-color:var(--colorMain)}
.about_orz .diagram .orz.bg2 {color:#fff;background-color:#0D5BED;border-color:#0D5BED}
.about_orz .diagram .orz.bg3 {color:#0D5BED;background-color:#fff;border-color:#0D5BED}
.about_orz .diagram .orz.bg3::after {width:8px;height:8px;content:'';background-color:#fff;border:1px solid #0D5BED;border-radius:100%;position:absolute;left:50%;top:-5px;transform:translateX(-50%);z-index:3}
.about_orz .diagram .depth1 {}
.about_orz .diagram .depth1 > .orz {}
.about_orz .diagram .depth2_list {margin-top:80px;position:relative}
.about_orz .diagram .depth2_list::before {height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:calc(12.5% - 15px);right:50%;top:-40px;z-index:0}
.about_orz .diagram .depth2_list::after {width:1px;height:174px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:-80px;z-index:0}
.about_orz .diagram .depth2 {position:relative}
.about_orz .diagram .depth2.d2_1 {}
.about_orz .diagram .depth2.d2_1 > .orz {margin:0;top:-67px}
.about_orz .diagram .depth3_list {margin-top:-54px;position:relative}
.about_orz .diagram .depth3_list::after {height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:calc(62.5% - 15px);right:calc(25% - 30px);top:26px;z-index:0}
.about_orz .diagram .depth3 {position:relative}
.about_orz .diagram .depth3.d3_2 {}
.about_orz .diagram .depth3.d3_2 > .orz {margin:0 auto}
.about_orz .diagram .depth3.d3_3 {width:calc(25% - 30px);position:absolute;right:0;top:0}
.about_orz .diagram .depth3.d3_3 > .orz {width:100%}
.about_orz .diagram .depth3.d3_3 > .orz.bg3::after {left:-5px;top:50%;transform:translateY(-50%)}
.about_orz .diagram .depth4_list {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;column-gap:40px;row-gap:40px;margin-top:80px;position:relative}
.about_orz .diagram .depth4_list::before {height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:calc(12.5% - 15px);right:calc(12.5% - 15px);top:-40px;z-index:0}
.about_orz .diagram .depth4 {display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:40px;min-width:0;position:relative}
.about_orz .diagram .depth4::before {width:1px;height:40px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:-40px;transform:translateX(-50%);z-index:0}
.about_orz .diagram .depth4 > .orz {width:100%}
.about_orz .diagram .depth5_list {display:contents}
.about_orz .diagram .depth5 {min-width:0;position:relative}
.about_orz .diagram .depth5::before {width:1px;height:40px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:-40px;transform:translateX(-50%);z-index:0}
.about_orz .diagram .depth5:not(:last-child)::after {width:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:0;bottom:-40px;transform:translateX(-50%);z-index:0}
.about_orz .diagram .depth5 > .orz {width:100%;min-height:48px;padding:10px 12px;font-size:1.05em;line-height:1.35;background-color:var(--colorBgGray);border:1px solid var(--colorBorderGray);border-radius:8px 8px 0 0;position:relative;z-index:2}
.about_orz .diagram .depth5 > .orz::before {width:8px;height:8px;content:'';background-color:#fff;border:1px solid var(--colorBorderGray);border-radius:100%;position:absolute;left:50%;top:-5px;transform:translateX(-50%);z-index:3}
.about_orz .diagram .orz_cont {margin-top:-1px;background-color:#fff;border:1px solid var(--colorBorderGray);border-radius:0 0 8px 8px;overflow:hidden;position:relative;z-index:2}
.about_orz .diagram .orz_cont .cell {padding:12px 18px}
.about_orz .diagram .orz_cont .cell + .cell {min-height:auto;border-top:1px solid var(--colorBorderGray)}
.about_orz .diagram .orz_cont .cell + .cell .list_txt_group {font-size:0.9375em;color:var(--colorGray60)}
.about_orz .diagram .orz_cont .list_txt {margin-bottom:2px}


/* 위원회 소개 > 본 위원회, 운영 위원회 */
.committee {}
.committee .img_list_cell {display:grid;grid-template-columns:1fr 1fr;gap:40px}
.committee .img_list_cell .cell {display:grid;align-items:center;grid-template-columns:204px calc(100% - 204px);border:1px solid var(--colorBorderGray);border-radius:8px;overflow:hidden}
.committee .img_list_cell .page_tit {margin-bottom:2px}
.committee .img_list_cell .photo {height:0;padding-bottom:100%;position:relative;overflow:hidden}
.committee .img_list_cell .photo .img {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--colorBgGray);position:absolute;left:0;top:0}
.committee .img_list_cell .photo img {}
.committee .img_list_cell .typo {padding:0 24px}
.committee .img_list_cell .typo .text {}
.committee .img_list_cell .list_txt_group {margin-top:12px}
.committee .img_list_cell .list_txt_group .list_txt {margin-bottom:4px}
.committee .img_list_cell .board_result {grid-column:span 2}

/* 위원회 소개 > 위원회 CI */
.about_ci {}
.about_ci .page_gap > .text {margin-top:16px}
.about_ci .ci_box {margin-bottom:16px;text-align:center}
.about_ci .ci_box .text {margin-top:8px;font-weight:500}
.about_ci .ci_frame {display:grid;align-items:center;justify-content:center;height:260px;border:1px solid var(--colorBorderGray);border-radius:16px;overflow:hidden}
.about_ci .ci_frame.bg {background-image:url(/images/home/kor/user/sub/ci_bg.png);background-position:center;background-size:15px}
.about_ci .grid {display:grid;gap:24px}
.about_ci .grid.row {}
.about_ci .grid:not(.row) {grid-template-columns:1fr 1fr}
.about_ci .grid:not(.row).col3 {grid-template-columns:1fr 1fr 1fr}
.about_ci .grid:not(.row).col4 {grid-template-columns:1fr 1fr 1fr 1fr}
.about_ci .img {}
.about_ci .typo {}
.about_ci .typo .btn_list {}
.about_ci .guide_img {display:flex;align-items:center;margin-top:60px}
.about_ci .guide_img .img {width:180px;padding-right:36px;border-right:1px solid var(--colorBorderGray);position:relative}
.about_ci .guide_img .img::before, 
.about_ci .guide_img .img::after {display:block;width:24px;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;right:-12px}
.about_ci .guide_img .img::before {top:0}
.about_ci .guide_img .img::after {bottom:0}
.about_ci .guide_img .s_txt {width:calc(100% - 179px);padding-left:24px;font-size:14px;line-height:1.4}
.about_ci .color_info {display:flex;gap:12px}
.about_ci .color_info .info {flex:1}
.about_ci .color_info .cont_tit {font-weight:500}
.about_ci .color_info .dl_group {display:grid;grid-template-columns:max-content auto;gap:4px 12px}
.about_ci .color_info .dl_group .dl {display:contents}
.about_ci .color_info .dl_group .dt {margin-right:0;font-weight:500}
.about_ci .color_info .dl_group .dd {color:var(--colorGray70)}
.about_ci .g01 .grid, 
.about_ci .g02 .grid {gap:40px}
.about_ci .g01 .btn_list {margin-top:32px}
.about_ci .g04 .ci_frame {grid-template-columns:1.6fr 3fr;gap:24px;justify-content:left;height:180px}
.about_ci .g04 .ci_frame .img {text-align:center}
.about_ci .g04 .ci_frame img {max-width:220px}
.about_ci .g05 .ci_frame {height:140px;position:relative}
.about_ci .g05 .ci_frame::after {width:calc(100% + 20px);height:4px;content:'';background-color:var(--colorRed);position:absolute;left:-10px;top:50%;transform:rotate(22deg) translateY(-50%)}
.about_ci .g05 .ci_frame.c04 {background-image:url(/images/home/kor/user/sub/ci_logo_line_bg.png);background-position:center;background-size:cover;background-repeat:no-repeat}

/* 위원회 소개 > 오시는 길 */
.direction {}
.direction .map_frame {}
.direction .map {height:600px;border:1px solid var(--colorGray10);border-radius:8px;overflow:hidden}
.direction .info_box {display:grid;grid-template-columns:1.5fr 2.6fr 2.1fr;gap:16px;margin-top:24px}
.direction .info_box .info {display:grid;align-items:center;height:81px;padding:0 24px 0 48px;background-color:#F9FBFE;border:2px solid var(--colorMain);border-radius:8px}
.direction .info_box .dl_group {}
.direction .info_box .dl_group .dl {}
.direction .info_box .dl_group .dt {margin-right:18px;padding-right:24px;color:var(--colorMain);font-size:1.2em}
.direction .info_box .dl_group .dt::after {height:calc(100% - 14px)}
.direction .info_box .dl_group .dd {font-size:1.1em}
.direction .bd_grid_box {display:grid;grid-template-columns:1.5fr 2.5fr auto;padding:32px 24px;border:1px solid var(--colorBorderGray);border-radius:8px}
.direction .bd_grid_box .tag {padding:4px 7px;font-weight:700;border-width:2px;border-color:var(--colorGray40);background-color:var(--colorGray40)}
.direction .bd_grid_box .tag.blue {border-color:#386DE8;background-color:#386DE8}
.direction .bd_grid_box .tag.green {border-color:#3CC344;background-color:#3CC344}
.direction .bd_grid_box .tag.orange {border-color:#F06E00;background-color:#F06E00}
.direction .bd_grid_box .tag.red {border-color:#FB5852;background-color:#FB5852}
.direction .bd_grid_box .tag.purple {border-color:#8936E0;background-color:#8936E0}
.direction .bd_grid_box .tag.line {color:var(--colorGray40);background-color:#fff}
.direction .bd_grid_box .tag.line.blue {color:#386DE8;border-color:#386DE8}
.direction .bd_grid_box .tag.line.green {color:#3CC344;border-color:#3CC344}
.direction .bd_grid_box .tag.line.orange {color:#F06E00;border-color:#F06E00}
.direction .bd_grid_box .tag.line.red {color:#FB5852;border-color:#FB5852}
.direction .bd_grid_box .tag.line.purple {color:#8936E0;border-color:#8936E0}
.direction .bd_grid_box .box {margin-right:59px;padding-right:60px;position:relative}
.direction .bd_grid_box .box::after {display:block;width:1px;height:calc(100% - 60px);content:'';background-color:var(--colorBorderGray);position:absolute;right:0;top:50%;transform:translateY(-50%)}
.direction .bd_grid_box .box:last-child {margin:0;padding:0}
.direction .bd_grid_box .box:last-child::after {display:none}
.direction .bd_grid_box .cont_tit {padding-bottom:6px}
.direction .bd_grid_box .cont_tit .icon {vertical-align:middle;transform:translateY(-1px)}
.direction .bd_grid_box .list_grid {display:grid;grid-template-columns:1fr 1fr;column-gap:10px}
.direction .bd_grid_box .list_txt_group {margin:0 0 0 28px;padding:0}
.direction .bd_grid_box .list_txt_group .list_tit {margin-bottom:16px}
.direction .bd_grid_box .list_txt_group .list_txt {display:grid;grid-template-columns:max-content auto;align-items:flex-start;gap:8px;margin-bottom:16px;color:var(--colorGray70)}

/* 정책계획 > 저출산 고령사회 기본계획 */
.policy_plan {}
.policy_plan .plan_tab {margin-bottom:60px}
.policy_plan .plan_tab .text {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.policy_plan .plan_tab .mobile_tab {display:none}
.policy_plan .plan_tab .plan_tab_list {display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.policy_plan .plan_tab .tab {}
.policy_plan .plan_tab .tab .btn {display:flex;align-items:center;justify-content:center;height:72px;padding:8px;text-align:center;font-weight:500;background-color:#fff;border:1px solid var(--colorBorderGray);position:relative}
.policy_plan .plan_tab .tab .btn::before {display:inline-block;width:19px;height:19px;content:'';background-color:transparent;border-top:5px solid var(--colorMain);border-left:5px solid var(--colorMain);position:absolute;left:-1px;top:-1px}
.policy_plan .plan_tab .tab .btn .text {-webkit-line-clamp:2}
.policy_plan .plan_tab .tab .btn:not(.current):hover,
.policy_plan .plan_tab .tab .btn:not(.current):focus-within {color:var(--colorMain);border-color:var(--colorMain)}
.policy_plan .plan_tab .tab .btn.current {color:#fff;background-color:var(--colorMain);border-color:var(--colorMain)}
.policy_plan .plan_tab .tab .btn.current::before {display:none}
.policy_plan .plan_view {border-top:2px solid var(--colorMain);border-bottom:1px solid #D9D9D9}
.policy_plan .plan_view .typo {padding:54px 0 24px 0;border-bottom:1px solid var(--colorBorderGray)}
.policy_plan .plan_view .sub_tit2 {margin-bottom:12px}
.policy_plan .plan_view .dl_group {}
.policy_plan .plan_view .dl_group .dl {}
.policy_plan .plan_view .dl_group .dt {margin-right:6px;color:var(--colorGray60);font-weight:400}
.policy_plan .plan_view .dl_group .dd {color:var(--colorGray80);font-weight:500}
.policy_plan .plan_view .editor {min-height:250px;padding:30px 10px}
.policy_plan .plan_file {margin-top:60px}
.policy_plan .plan_file .file_grid {display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;text-align:center}
.policy_plan .plan_file .bundle {padding:24px 16px 16px 16px;background-color:#fff;border:1px solid var(--colorBorderGray);border-radius:10px}
.policy_plan .plan_file .inner {}
.policy_plan .plan_file .tit {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:52px;font-weight:700;overflow:hidden}
.policy_plan .plan_file .btn_list {display:flex;gap:8px;margin-top:12px}
.policy_plan .plan_file .btn_custom {gap:6px;width:100%;min-width:inherit}
.policy_plan .plan_file .btn_custom .icon {}
.policy_plan .plan_file .btn_custom:hover,
.policy_plan .plan_file .btn_custom:focus {opacity:0.75}
.policy_plan .plan_file .btn_custom.g90:hover, 
.policy_plan .plan_file .btn_custom.g90:focus {background-color:#fff;color:var(--colorGray90);border-color:var(--colorGray90)}
.policy_plan .plan_file .btn_custom.blue:hover, 
.policy_plan .plan_file .btn_custom.blue:focus {background-color:#fff;color:var(--colorBlue);border-color:var(--colorBlue)}

/* 자료홍보 > 뉴스레터 */
.subscribe {}
.subscribe::before {display:block;width:100vw;height:260px;content:'';background:linear-gradient(180deg, #EAFBE8 0%, rgba(251, 244, 251, 0) 100%);position:absolute;left:50%;top:0;z-index:-1;transform:translateX(-50%)}

/* 공공예식장 현황 */
.wedding {position:relative}
.wedding .img_ph {display:block;flex-shrink:0}
.wedding a:hover {opacity:0.85}
.wedding a.wedding_reserve_btn:hover,
.wedding a.wedding_reserve_btn:focus,
.wedding a.link:hover,
.wedding a.link:focus {opacity:1}

.wedding .wedding_hero {position:relative;left:50%;width:100vw;height:526px;margin:-70px 0 80px;transform:translateX(-50%);background:#F3F7FF;overflow:hidden}
.wedding .wedding_hero::before,
.wedding .wedding_hero::after {content:'';position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.wedding .wedding_hero::before {width:678px;height:678px;left:50%;top:-231px;margin-left:-241px;background:rgba(42,113,243,0.1)}
.wedding .wedding_hero::after {width:266px;height:266px;left:calc(50% - 960px - 14px);top:355px;background:rgba(42,113,243,0.03)}
.wedding .wedding_hero .wedding_hero_deco {position:absolute;inset:0;pointer-events:none;z-index:0}
.wedding .wedding_hero .wedding_hero_deco span {position:absolute;border-radius:50%;display:block}
.wedding .wedding_hero .wedding_hero_deco .d1 {width:194px;height:194px;left:calc(50% - 241px);top:294px;background:rgba(42,113,243,0.05)}
.wedding .wedding_hero .wedding_hero_deco .d2 {width:194px;height:194px;left:calc(50% - 841px);top:-148px;background:rgba(42,113,243,0.03)}
.wedding .wedding_hero .wedding_hero_deco .d3 {width:83px;height:83px;left:calc(50% - 974px);top:349px;background:rgba(42,113,243,0.05)}
.wedding .wedding_hero .wedding_hero_img {position:absolute;z-index:1;left:calc(50% - 32px);top:-298px;width:1031px;height:1031px;border-radius:50%;overflow:hidden;background:#D9D9D9;pointer-events:none;transition: all .2s ease-in-out;}
.wedding .wedding_hero .wedding_hero_img .img_ph {display:block;width:100%;height:100%}
.wedding .wedding_hero .wedding_hero_img .img_ph img {display:block;width:100%;height:100%;object-fit:cover}
.wedding .wedding_hero .wedding_hero_inner {position:relative;z-index:2;display:flex;align-items:center;max-width:1400px;height:100%;margin:0 auto}
.wedding .wedding_hero .wedding_hero_txt {max-width:656px}
.wedding .wedding_hero .wedding_hero_txt .tit {margin:0 0 20px;font-size:64px;font-weight:800;line-height:1.5;color:#05235C}
.wedding .wedding_hero .wedding_hero_txt .desc {margin:0 0 24px;font-size:20px;font-weight:400;line-height:1.5;color:var(--colorGray70)}
.wedding .wedding_hero .wedding_hero_txt .cta {margin:0;font-size:26px;font-weight:600;line-height:1.5;color:var(--colorBlue)}

.wedding .wedding_notice {display:flex;align-items:center;justify-content:center;column-gap:24px;max-width:1260px;margin:0 auto 60px;padding:24px 60px;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,0.12);border-radius:24px}
.wedding .wedding_notice .ico {flex-shrink:0}
.wedding .wedding_notice .text {font-size:18px;font-weight:500;line-height:1.5;color:var(--colorGray80)}
.wedding .wedding_notice .text .point {color:var(--colorBlue);font-weight:700}

.wedding .wedding_steps {margin-bottom:80px}
.wedding .wedding_steps .sec_tit {margin:0 0 12px;font-size:32px;font-weight:800;line-height:1.5;color:#05235C}
.wedding .wedding_steps .wedding_steps_list {display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}
.wedding .wedding_steps .wedding_steps_list > li {flex-shrink:0}
.wedding .wedding_steps .wedding_step {display:flex;flex-direction:column;align-items:center;gap:16px;width:156px;height:240px;padding:12px 16px 24px;box-sizing:border-box;border-radius:12px;background:#F3F7FF;border:1px solid #95B8F9}
.wedding .wedding_steps .wedding_step.type_gray {background:var(--colorBgGray);border-color:transparent}
.wedding .wedding_steps .wedding_step.type_red {width:203px;flex-grow:1;background:linear-gradient(180deg, #D63D4A 0%, #E0858C 100%);border:none;box-shadow:0 4px 24px rgba(214,61,74,0.24)}
.wedding .wedding_steps .wedding_step .num {align-self:stretch;font-size:18px;font-weight:500;line-height:1.5;color:var(--colorGray60)}
.wedding .wedding_steps .wedding_step.type_red .num {color:#fff}
.wedding .wedding_steps .wedding_step .ico_wrap {flex:0 0 100px;display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:#fff;border-radius:50%}
.wedding .wedding_steps .wedding_step .ico_wrap img {display:block;object-fit:contain}
.wedding .wedding_steps .wedding_step.type_red .ico_wrap img {width:56px;height:56px}
.wedding .wedding_steps .wedding_step .label {align-self:stretch;font-size:20px;font-weight:700;line-height:1.5;text-align:center;color:#0B4ECB}
.wedding .wedding_steps .wedding_step.type_gray .label {color:var(--colorGray70)}
.wedding .wedding_steps .wedding_step.type_red .label {font-size:24px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,0.24)}
.wedding .wedding_steps .wedding_step .sub {font-size:16px;font-weight:400;line-height:1.5;text-align:center;color:var(--colorGray60)}
.wedding .wedding_steps .wedding_step .label_box {display:flex;flex-direction:column;align-items:center;gap:2px;align-self:stretch}
.wedding .wedding_steps .wedding_step_split {display:flex;align-items:center;width:313px;height:240px;box-sizing:border-box;background:#F3F7FF;border:1px solid #95B8F9;border-radius:12px;overflow:hidden}
.wedding .wedding_steps .wedding_step_split .wedding_step {width:156px;border:none;background:transparent}
.wedding .wedding_steps .wedding_step_split .wedding_step .label {color:#0B4ECB}
.wedding .wedding_steps .wedding_step_split .divider {width:1px;height:100px;background:var(--colorBorderGray);flex-shrink:0}
.wedding .wedding_steps .wedding_step_arrow {display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}
.wedding .wedding_steps .wedding_step_arrow img {display:block;object-fit:contain}

.wedding .wedding_reserve {display:flex;align-items:stretch;gap:46px;margin-bottom:80px}
.wedding .wedding_reserve .wedding_reserve_img {width:520px;height:483px;flex-shrink:0;border:1px solid var(--colorGray10);border-radius:24px;overflow:hidden;background:#D9D9D9}
.wedding .wedding_reserve .wedding_reserve_img .img_ph {width:100%;height:100%}
.wedding .wedding_reserve .wedding_reserve_img .img_ph img {display:block;width:100%;height:100%;object-fit:cover}
.wedding .wedding_reserve .wedding_reserve_cont {flex:1;min-width:0;display:flex;flex-direction:column}
.wedding .wedding_reserve .wedding_reserve_cont .sec_tit {margin:0 0 12px;font-size:32px;font-weight:800;line-height:1.5;color:#05235C}
.wedding .wedding_reserve .wedding_reserve_cont .desc {margin:0 0 40px;font-size:18px;font-weight:400;line-height:1.5;color:var(--colorGray90)}
.wedding .wedding_reserve .wedding_reserve_cont .sub_tit {margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.5;color:#0D5BED}
.wedding .wedding_reserve .wedding_reserve_btns {display:flex;flex-direction:column;gap:24px}
.wedding .wedding_reserve .wedding_reserve_btn {position:relative;display:flex;align-items:center;gap:32px;width:100%;min-height:130px;padding:24px 40px;box-sizing:border-box;border-radius:24px;isolation:isolate;background:#fff;border:1px solid var(--colorBlue);box-shadow:none;overflow:hidden;transition:border-color 0.35s ease, box-shadow 0.35s ease}
.wedding .wedding_reserve .wedding_reserve_btn::before {content:'';position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(180deg, #0D5BED 0%, #5F94F6 100%);opacity:0;transition:opacity 0.35s ease;pointer-events:none}
.wedding .wedding_reserve .wedding_reserve_btn:hover,
.wedding .wedding_reserve .wedding_reserve_btn:focus {border-color:transparent;box-shadow:0 4px 24px rgba(42,113,243,0.4)}
.wedding .wedding_reserve .wedding_reserve_btn:hover::before,
.wedding .wedding_reserve .wedding_reserve_btn:focus::before {opacity:1}
.wedding .wedding_reserve .wedding_reserve_btn .ico_circle,
.wedding .wedding_reserve .wedding_reserve_btn .typo,
.wedding .wedding_reserve .wedding_reserve_btn .arrow {position:relative;z-index:1}
.wedding .wedding_reserve .wedding_reserve_btn .ico_circle {display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;flex-shrink:0;background:rgba(231,239,254,0.8);transition:background-color 0.35s ease, transform 0.35s ease}
.wedding .wedding_reserve .wedding_reserve_btn:hover .ico_circle,
.wedding .wedding_reserve .wedding_reserve_btn:focus .ico_circle {background:#fff;transform:scale(1.04)}
.wedding .wedding_reserve .wedding_reserve_btn .typo {flex:1;min-width:0}
.wedding .wedding_reserve .wedding_reserve_btn .subject {display:block;margin-bottom:6px;font-size:24px;font-weight:700;line-height:1.5;text-decoration:underline;text-underline-offset:3px;color:var(--colorBlue);transition:color 0.35s ease}
.wedding .wedding_reserve .wedding_reserve_btn:hover .subject,
.wedding .wedding_reserve .wedding_reserve_btn:focus .subject {color:#fff}
.wedding .wedding_reserve .wedding_reserve_btn .text {display:block;font-size:18px;font-weight:400;line-height:1.5;color:var(--colorGray70);transition:color 0.35s ease}
.wedding .wedding_reserve .wedding_reserve_btn:hover .text,
.wedding .wedding_reserve .wedding_reserve_btn:focus .text {color:#fff}
.wedding .wedding_reserve .wedding_reserve_btn .arrow {position:absolute;z-index:1;right:16px;top:16px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden;transition:background-color 0.35s ease, width 0.35s ease, height 0.35s ease, box-shadow 0.35s ease}
.wedding .wedding_reserve .wedding_reserve_btn .arrow .img_ph {display:flex;justify-content:center;align-items:center}
.wedding .wedding_reserve .wedding_reserve_btn .arrow .img_ph img {display:block;transform:translate(0, 0);opacity:1;transition:transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease}
.wedding .wedding_reserve .wedding_reserve_btn:hover .arrow,
.wedding .wedding_reserve .wedding_reserve_btn:focus .arrow {width:48px;height:48px;background:#fff;box-shadow:0 2px 8px rgba(13,91,237,0.18)}
.wedding .wedding_reserve .wedding_reserve_btn:hover .arrow .img_ph img,
.wedding .wedding_reserve .wedding_reserve_btn:focus .arrow .img_ph img {animation:weddingArrowIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) both}
@keyframes weddingArrowIn {
	0% {transform:translate(-14px, 14px);opacity:0}
	100% {transform:translate(2px, -2px);opacity:1}
}

.wedding .wedding_sites {margin-bottom:0}
.wedding .wedding_sites .wedding_sites_head {display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}
.wedding .wedding_sites .wedding_sites_head .sec_tit {margin:0;font-size:22px;font-weight:700;line-height:1.5;color:#0D5BED}
.wedding .wedding_sites .wedding_sites_head .note {margin:0;font-size:14px;font-weight:400;line-height:1.5;color:var(--colorGray60)}
.wedding .wedding_sites .wedding_sites_list {display:flex;align-items:stretch;gap:16px;margin:0;padding:0;list-style:none}
.wedding .wedding_sites .wedding_sites_list li {flex:1;min-width:0}
.wedding .wedding_sites .wedding_sites_list .link {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;height:130px;padding:24px;box-sizing:border-box;background:#fff;border:1px solid var(--colorBorderGray);border-radius:16px;transition:border-color 0.3s ease, box-shadow 0.3s ease}
.wedding .wedding_sites .wedding_sites_list .link:hover,
.wedding .wedding_sites .wedding_sites_list .link:focus {border-color:#0D5BED;box-shadow:0 4px 16px rgba(42,113,243,0.12)}
.wedding .wedding_sites .wedding_sites_list .subject {max-width:calc(100% - 40px);font-size:20px;font-weight:700;line-height:1.5;color:var(--colorGray90);text-decoration:underline;text-underline-offset:3px}
.wedding .wedding_sites .wedding_sites_list .text {max-width:calc(100% - 40px);font-size:16px;font-weight:400;line-height:1.5;color:var(--colorGray70)}
.wedding .wedding_sites .wedding_sites_list .arrow {position:absolute;right:16px;top:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--colorGray50);transition:color 0.35s ease}
.wedding .wedding_sites .wedding_sites_list .arrow svg {display:block;width:26px;height:26px;min-width:18px;min-height:18px;flex-shrink:0;transform:translate(0, 0);transition:transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), color 0.35s ease}
.wedding .wedding_sites .wedding_sites_list .link:hover .arrow,
.wedding .wedding_sites .wedding_sites_list .link:focus .arrow {color:var(--colorBlue)}
.wedding .wedding_sites .wedding_sites_list .link:hover .arrow svg,
.wedding .wedding_sites .wedding_sites_list .link:focus .arrow svg {animation:weddingSiteArrowIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) both}
@keyframes weddingSiteArrowIn {
	0% {transform:translate(-8px, 8px);opacity:0.35}
	100% {transform:translate(2px, -2px);opacity:1}
}