@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:17px;height:16px;content:'';margin-left:4px;background-image:url(/images/other/kor/user/sub/ic_page_tit.png);background-position:right top;background-repeat:no-repeat;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:15px;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 .table thead th {background-color:#eef2f7}
.bd_box .table tbody td {background-color:var(--colorWhite)}
.page_top_visual {width:100dvw;margin:-70px 0 80px 0;padding:75px 0;color:#fff;background-color:var(--colorGray60);background-repeat:no-repeat;background-position:center;transform:translateX(calc((-100dvw + 1400px) / 2));position:relative}
.page_top_visual.bg01 {background-image:url(/images/other/kor/user/sub/bg_cyber_about_page.jpg)}
.page_top_visual.bg02 {background-image:url(/images/other/kor/user/sub/bg_museum_about_page.jpg)}
.page_top_visual.bg03 {background-image:url(/images/other/kor/user/sub/bg_about_busindess.jpg)}
.page_top_visual.bg04 {background-image:url(/images/other/kor/user/sub/bg_about_recruit.jpg)}
.page_top_visual.bg05 {background-image:url(/images/other/kor/user/sub/bg_media_about_page.jpg)}
.page_top_visual::before {width:100%;height:100%;content:'';background:linear-gradient(90deg, rgba(0, 0, 0, 0.6) 39.88%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.6) 100%);position:absolute;left:0;top:0;z-index:0}
.page_top_visual .inner {max-width:1400px;margin:0 auto;position:relative;z-index:1}
.page_top_visual .title {margin-bottom:30px;font-size:40px;font-weight:700;line-height:1.4}
.page_top_visual .pre_txt {font-size:1.1em;line-height:1.6}
.inner_bg_box {padding:65px 15px;text-align:center;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:8px}
.inner_bg_box.bg01 {background-image:url(/images/other/kor/user/sub/bg_history_top.jpg)}
.inner_bg_box.bg02 {background-image:url(/images/other/kor/user/sub/bg_online_tour_top.jpg)}
.inner_bg_box.bg03 {background-image:url(/images/other/kor/user/sub/bg_online_school_top.jpg)}
.inner_bg_box.bg04 {background-image:url(/images/other/kor/user/sub/bg_about_rental_top.jpg)}
.inner_bg_box .sub_tit2 {margin-bottom:8px;color:#fff}
.inner_bg_box .inner_txt {font-size:1.1em;color:#fff;font-weight:500;line-height:1.6}
.guide_box {display:grid;grid-template-columns:max-content auto;align-items:center;column-gap:24px;padding:24px 40px;background-color:#FDEFEC;border:1px solid #FCDFD9;border-radius:8px}
.guide_box .col {}
.guide_box .icon_box {display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;color:var(--colorRed);font-size:36px;background-color:#fff;border-radius:100%}
.mxw_img img {max-width:960px}

/* 약관(개인정보처리방침, 이용약관 등) */
.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}

/* 이메일무단수집거부 */
.email_policy {text-align:center}
.email_policy .icon_box {display:flex;align-items:center;justify-content:center;width:97px;height:97px;margin:30px auto 20px auto;border-radius:100%;background-color:var(--colorBgGray)}
.email_policy .icon_box .icon {font-size:46px;line-height:1;color:var(--colorMain)}
.email_policy .text {margin-bottom:20px}
.email_policy .text:last-child {margin-bottom:0}
.email_policy .date {margin-top:30px;padding-bottom:18px}

/* 라벨링 및 목차*/
.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:#E6E8EA;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 #E6E8EA;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/other/kor/user/common/ic_join_step01.png)}
.join_step .step_box.b02 .text {background-image:url(/images/other/kor/user/common/ic_join_step02.png)}
.join_step .step_box.b03 .text {background-image:url(/images/other/kor/user/common/ic_join_step03.png)}
.join_step .step_box.b04 .text {background-image:url(/images/other/kor/user/common/ic_join_step04.png)}
.join_step .step_box.b05 .text {background-image:url(/images/other/kor/user/common/ic_join_step05.png)}
.join_step .step_box.b06 .text {background-image:url(/images/other/kor/user/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/other/kor/user/common/ic_join_step01_on.png)}
.join_step .step_box.current.b02 .text {background-image:url(/images/other/kor/user/common/ic_join_step02_on.png)}
.join_step .step_box.current.b03 .text {background-image:url(/images/other/kor/user/common/ic_join_step03_on.png)}
.join_step .step_box.current.b04 .text {background-image:url(/images/other/kor/user/common/ic_join_step04_on.png)}
.join_step .step_box.current.b05 .text {background-image:url(/images/other/kor/user/common/ic_join_step05_on.png)}
.join_step .step_box.current.b06 .text {background-image:url(/images/other/kor/user/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}

/* 온라인 신청 리스트, 상세페이지 */
.online_request .search_filter .search_detail .op_box {display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:7px 5px}
.online_request .search_filter .search_detail .op_box .bundle {margin:0}
.online_request .gallery_list .list_box .link .img_area {padding-bottom:75%}
.online_request .gallery_list .list_box .link .cate {margin-bottom:2px;font-size:0.9375em;font-weight:700;color:var(--colorSub)}
.online_request .gallery_list .list_box .link .cate .icon {vertical-align:baseline;transform:translateY(1px)}
.online_request .gallery_list:not(.blog) .list_box .link .subject .text {max-width:inherit}
.online_request .gallery_list .list_box .link .dl_box .dl {padding-bottom:3px}
.online_request .gallery_list.blog .list_box .link {position:relative}
.online_request .gallery_list.blog .list_box .link .img_area {aspect-ratio:4 / 3;width:280px;padding-bottom:0}
.online_request .gallery_list.blog .list_box .link .txt_area {width:calc(100% - 314px)}
.online_request .gallery_list.blog .list_box .link .cate {max-width:calc(100% - 185px)}
.online_request .gallery_list.blog .list_box .link .dl_group {}
.online_request .gallery_list.blog .list_box .link .dl_group .dl {display:grid;grid-template-columns:max-content auto;width:100%}
.online_request .gallery_list.blog .list_box .link .dl_group .dt {min-width:55px}
.online_request .gallery_list.blog .list_box .link .info_obj {position:absolute;right:0;top:30px}
.online_request .gallery_list.blog .list_box .link .info_obj .info_txt {}
.online_request .board_view {}
.online_request .board_view .top_grid {display:grid;grid-template-columns:max-content auto;align-items:flex-start;column-gap:60px;margin-bottom:40px}
.online_request .board_view .top_grid .img_area {display:inline-flex;width:540px;height:auto;aspect-ratio:4 / 3;background-color:var(--colorBgGray);border:1px solid var(--colorBorderGray);border-radius:8px;vertical-align:top;position:relative}
.online_request .board_view .top_grid .img_area .img {display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.online_request .board_view .top_grid .img_slide {width:451px;position:relative}
.online_request .board_view .top_grid .img_slide .slide_inner {border:1px solid var(--colorBorderGray);border-radius:8px;overflow:hidden}
.online_request .board_view .top_grid .img_slide .slide_inner .slide_box {}
.online_request .board_view .top_grid .img_slide .slide_inner .slide_box .img_area {width:100%;border:0;border-radius:0}
.online_request .board_view .top_grid .img_slide .slide_inner .slide_box .img {}
.online_request .board_view .top_grid .img_slide .slide_btn {}
.online_request .board_view .top_grid .img_slide .slide_btn .btn {width:40px;height:40px;color:#fff;background-color:rgba(0,0,0,0.4);position:absolute;top:calc(50% - 64px);transform:translateY(-50%);z-index:3}
.online_request .board_view .top_grid .img_slide .slide_btn .btn:hover, 
.online_request .board_view .top_grid .img_slide .slide_btn .btn:focus {background-color:rgba(255,255,255,0.4)}
.online_request .board_view .top_grid .img_slide .slide_btn .btn.prev {left:0}
.online_request .board_view .top_grid .img_slide .slide_btn .btn.next {right:0}
.online_request .board_view .top_grid .img_slide .slide_nav {width:calc(100% + 8px);margin-top:16px;position:relative;left:50%;transform:translateX(-50%)}
.online_request .board_view .top_grid .img_slide .slide_nav .slide_box {margin:0 4px}
.online_request .board_view .top_grid .img_slide .slide_nav .slide_box .img_area {width:100%}
.online_request .board_view .top_grid .img_slide .slide_nav .slide_box .img {}
.online_request .board_view .typo {border-bottom:0}
.online_request .board_view .typo .tag {}
.online_request .board_view .typo .subject {padding-bottom:2px} 
.online_request .board_view .typo .subject .text {}
.online_request .board_view .dl_box {margin-bottom:25px}
.online_request .board_view .editor_view {border-top:1px solid var(--colorBorderGray)}

/* 온라인 신청 입력폼 */
.online_request .request_form .typo {margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--colorBorderGray)}
.online_request .request_form .typo .sub_tit2 {margin-bottom:20px}
.online_request .request_form .typo .list_txt_group {padding-bottom:0}
.online_request .request_form .typo .list_txt_group .list_txt {display:grid;grid-template-columns:max-content auto;column-gap:16px;margin-bottom:4px}
.online_request .request_form .typo .list_txt_group .list_txt .dt {font-weight:700}
.online_request .request_form .typo .list_txt_group .list_txt .dd {}
.online_request .request_form .form_bottom_box {display:grid;grid-template-columns:auto max-content;align-items:flex-end;justify-content:space-between;column-gap:12px;padding:40px 0;background-color:#fff;border-top:1px solid var(--colorBorderGray)}
.online_request .request_form .form_bottom_box.sticky {top:auto;bottom:0}
.online_request .request_form .form_bottom_box .left_grid {}
.online_request .request_form .form_bottom_box .right_grid {}
.online_request .date_form_grid {display:flex;column-gap:60px}
.online_request .date_form_grid .col {flex:1}
.online_request .date_form_grid .date_slt_info {}
.online_request .date_slt_info .sub_tit2 {margin-bottom:9px}
.online_request .date_slt_info .line_box {padding:15px 0;border-bottom:1px solid var(--colorBorderGray)}
.online_request .date_slt_info .line_box.bdt {border-top:1px solid var(--colorBorderGray)}
.online_request .date_slt_info .line_box .cont_tit {display:inline-block;margin:0 24px 0 0;font-size:19px;vertical-align:top}
.online_request .date_slt_info .line_box .cont_tit .icon {margin-right:2px;vertical-align:middle;transform:translateY(-2px)}
.online_request .date_slt_info .line_box .box_txt {display:inline-block;font-size:19px;font-weight:700;vertical-align:top}
.online_request .date_slt_info .bd_box {padding:12px 24px;border-left:0;border-right:0;border-top:0}
.online_request .date_slt_info .bd_box .list_txt_group {}
.online_request .date_slt_info .time_select {height:286px;margin-top:13px;overflow-y:auto}
.online_request .date_slt_info .time_select .time_inner {display:flex;flex-wrap:wrap;gap:8px}
.online_request .date_slt_info .time_select .time {width:calc(25% - 6px)}
.online_request .date_slt_info .time_select .time label {display:flex;align-items:center;justify-content:center;width:100%;height:46px;padding:0 8px;text-align:center;font-size:1.05em;cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid var(--colorBorderGray);border-radius:6px;transition:all 0.3s ease}
.online_request .date_slt_info .time_select .time input {width:1px;height:1px;margin:-1px;padding:0;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;overflow:hidden;position:absolute}
.online_request .date_slt_info .time_select .time label:hover, 
.online_request .date_slt_info .time_select .time input:focus + label {color:var(--colorMain);border-color:var(--colorMain);outline-offset:2px}
.online_request .date_slt_info .time_select .time input:checked + label, 
.online_request .date_slt_info .time_select .time input:checked + label:hover,
.online_request .date_slt_info .time_select .time input:checked + label:focus-visible
{color:#fff;font-weight:500;background-color:var(--colorMain);border-color:var(--colorMain)}
.online_request #calendar {}
.online_request #calendar .icon.unavailable {color:var(--colorGray40);transform:translateY(-1px)}
.online_request #calendar .icon.enabled {transform:translateY(-1px)}
.online_request #calendar .icon.selected {color:var(--colorMain);transform:translateY(-1px)}
.online_request #calendar .cal_ctrl {align-items:flex-end;margin-bottom:16px}
.online_request #calendar .cal_ctrl .title {display:flex;column-gap:12px;width:50%;text-align:left}
.online_request #calendar .cal_ctrl .btn {width:24px}
.online_request #calendar .cal_ctrl .tag_info {justify-content:right;width:50%;text-align:right}
.online_request #calendar .cal_ctrl .tag_info .dl {display:grid;grid-template-columns:max-content auto;align-items:center;column-gap:4px;font-size:0.9375em}
.online_request #calendar .cal_ctrl .tag_info .dt {margin:0;font-size:20px;font-weight:normal}
.online_request #calendar .cal_ctrl .tag_info .dd {}
.online_request #calendar .cal_grid {margin-bottom:30px;padding:0 12px}
.online_request #calendar .cal_table th {padding:21px 0 14px 0;font-size:0.9375em}
.online_request #calendar .cal_table td {height:110px}
.online_request #calendar .cal_table td a {display:block;height:100%;padding:5px}
.online_request #calendar .cal_table td .day {font-size:1.05em}
.online_request #calendar .cal_table td .today {display:block;margin:0;font-size:11px}
.online_request #calendar .cal_table .tag_icon {position:absolute;right:5px;bottom:5px}
.online_request #calendar .cal_table .tag_icon .icon {}
.online_request #calendar .cal_table .btn_selected.current {color:var(--colorMain);border-color:var(--colorMain);outline-color:var(--colorMain);box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);z-index:10}
.online_request #calendar .cal_table .btn_selected.current .day {text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:3px}
.online_request #calendar .cal_table .btn_selected.current .today {color:var(--colorMain);text-decoration:none}
.online_request #calendar .list_txt_group .list_txt {margin-bottom:3px}

/* 콘텐츠 : 소개마당 > 인사말 */
.bg_about_bottom {width:100vw;position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:-1}
.bg_about_bottom img {}
.greeting {display:grid;grid-template-columns:max-content auto;column-gap:100px;padding-bottom:32px}
.greeting .left {}
.greeting .right {}
.greeting .photo {}
.greeting .photo .img {display:block;border-radius:8px;overflow:hidden}
.greeting .photo img {}
.greeting .typo {}
.greeting .typo .sub_tit {line-height:1.5}
.greeting .typo .pre {font-size:1.1em}
.greeting .typo .pre::before {display:block;width:120px;height:1px;content:'';margin-bottom:40px;background-color:var(--colorBorderGray)}
.greeting .typo .pre .bold {font-size:1.5em;font-weight:500}
.greeting .typo .sign {margin-top:40px;text-align:right}
.greeting .typo .sign .name {margin-left:6px;font-size:1.7em;font-weight:700}

/* 콘텐츠 : 소개마당 > 연혁 */
.history .inner_bg_box {background-image:url(/images/other/kor/user/sub/bg_history_top.jpg)}
.history .his_cont {display:flex;}
.history .his_cont .left {width:500px;padding-top:70px}
.history .his_cont .right {width:calc(100% - 500px);padding:70px 0 70px 130px;border-left:1px solid var(--colorBorderGray)}
.history .his_cont .typo {}
.history .his_cont .typo .title {margin-bottom:32px;padding:0 0 32px 70px;font-size:48px;font-weight:700;border-bottom:1px solid var(--colorBorderGray)}
.history .his_cont .status_tab {padding-left:70px;top:100px}
.history .his_cont .status_tab .status {margin-bottom:16px}
.history .his_cont .status_tab .status .text {font-size:36px;font-weight:900;color:var(--colorBorderGray);letter-spacing:-0.02em;position:relative}
.history .his_cont .status_tab .status.current {}
.history .his_cont .status_tab .status.current .text {color:var(--colorMain)}
.history .his_cont .his_list {}
.history .his_cont .his_list .list_inner {}
.history .his_cont .his_list .bundle {display:grid;grid-template-columns:max-content auto;align-items:flex-start;column-gap:32px;margin-bottom:40px}
.history .his_cont .his_list .years {display:inline-flex;align-items:center;justify-content:center;width:100px;height:40px;text-align:center;font-size:21px;font-weight:700;color:#fff;background-color:var(--colorMain);border-radius:12px}
.history .his_cont .his_list .bundle:nth-child(2n) .years {background-color:#0B50D0}
.history .his_cont .his_list .dl_group {row-gap:24px;margin-top:6px}
.history .his_cont .his_list .dl_group .dl {}
.history .his_cont .his_list .dl_group .dt {display:block;margin:0 0 3px 0;font-size:1.15em}
.history .his_cont .his_list .dl_group .dd {display:block;margin-bottom:3px;color:var(--colorGray70);font-weight:500;font-size:1.05em}
.history .his_cont .his_list .dl_group .dd:last-child {margin-bottom:0}

/* 콘텐츠 : 소개마당 > 조직 및 업무 */
.about_orz {min-height:500px}
.about_orz .orz_grid {text-align:center}
.about_orz .orz_grid .depth_list {margin-bottom:70px;position:relative}
.about_orz .orz_grid .depth_list:last-child {margin-bottom:0}
.about_orz .orz_grid .orz_box {border:1px solid var(--colorBorderGray);border-radius:8px;overflow:hidden}
.about_orz .orz_grid .orz_box .tit {display:flex;align-items:center;justify-content:center;width:100%;height:80px;font-size:1.5em;line-height:1;font-weight:700;background-color:var(--colorBgGray);position:relative;overflow:hidden}
.about_orz .orz_grid .orz_box .tit::before,
.about_orz .orz_grid .orz_box .tit::after {display:block;width:103px;height:101px;content:'';background-image:url(/images/other/kor/user/sub/bg_orz_pattern.png);background-position:left top;background-repeat:no-repeat;background-size:cover;position:absolute;top:50%;transform:translateY(-50%);opacity:0.8}
.about_orz .orz_grid .orz_box .tit::before {left:-40px}
.about_orz .orz_grid .orz_box .tit::after {right:-40px}
.about_orz .orz_grid .orz_box .inner_box {padding:16px 24px;font-size:1.1em;font-weight:500;background-color:#fff}
.about_orz .orz_grid .orz_box .txt_list {}
.about_orz .orz_grid .orz_box .txt_list .text {margin-bottom:6px}
.about_orz .orz_grid .orz_box .txt_list .text:last-child {margin-bottom:0}
.about_orz .orz_grid .orz_box.blue {border-color:var(--colorMain)}
.about_orz .orz_grid .orz_box.blue .tit {color:#fff;background-color:var(--colorMain)}
.about_orz .orz_grid .orz_box.blue .tit::before, 
.about_orz .orz_grid .orz_box.blue .tit::after {opacity:0.08}
.about_orz .orz_grid .orz_box.blue2 {border-color:#86AFF9}
.about_orz .orz_grid .orz_box.blue2 .tit {color:var(--colorMain);background-color:#ECF2FE}
.about_orz .orz_grid .orz_box.blue2 .tit::before, 
.about_orz .orz_grid .orz_box.blue2 .tit::after {opacity:0.6}

.about_orz .orz_grid .depth_list.list1 {}
.about_orz .orz_grid .depth_list.list1::before {display:block;width:1px;height:100%;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:0;z-index:-1;transform:translateX(-50%)}
.about_orz .orz_grid .list1 .orz_box {max-width:400px;margin:0 auto}
.about_orz .orz_grid .list1 .depth2_list, 
.about_orz .orz_grid .list1 .depth3_list {padding-top:40px}

.about_orz .orz_grid .depth_list.list2 {}
.about_orz .orz_grid .depth_list.list2 .depth1 {border:1px solid #86AFF9;border-radius:8px}
.about_orz .orz_grid .depth_list.list2 .orz_box.blue2 {border:0}
.about_orz .orz_grid .list2 .depth2_list {display:grid;grid-template-columns:auto auto;column-gap:24px;margin:24px}
.about_orz .orz_grid .list2 .depth2_list .depth2 {}
.about_orz .orz_grid .list2 .depth2_list .orz_box {height:100%}
.about_orz .orz_grid .list2 .depth2_list .orz_box .tit {height:48px;font-size:1.25em}
.about_orz .orz_grid .list2 .depth2_list .orz_box .inner_box {display:grid;align-items:center;height:calc(100% - 48px)}
.about_orz .orz_grid .list2 .depth3_list {}
.about_orz .orz_grid .list2 .depth3_list .depth2 {}

/* 콘텐츠 : 소개마당 > 대관안내 */
.about_rental .inner_bg_box {background-image:url(/images/other/kor/user/sub/bg_about_rental_top.jpg)}
.about_rental .table td .dl_group {row-gap:12px;padding:12px 0}
.about_rental .table td .dl_group .dl {}
.about_rental .table td .dl_group .dt {display:block;margin:0 0 3px 0;font-weight:700;color:var(--colorGray80)}
.about_rental .table td .dl_group .dd {display:block;margin-bottom:3px}
.about_rental .table td .dl_group .dd:last-child {margin-bottom:0}

/* 콘텐츠 : 소개마당 > 오시는길 */
.loc_page {}
.loc_page .map_obj {}
.loc_page .map_obj .map_api {height:500px;background-color:var(--colorBgGray);border:1px solid var(--colorBorderGray);border-bottom:0;border-radius:8px 8px 0 0;overflow:hidden}
.loc_page .loc_address {display:grid;grid-template-columns:1fr 1fr;padding:24px;border:1px solid var(--colorBorderGray);border-top:0;border-radius:0 0 8px 8px}
.loc_page .loc_address.bdt {border-top:1px solid var(--colorBorderGray);border-radius:8px}
.loc_page .loc_address.round {border-top:1px solid var(--colorBorderGray);border-radius:8px}
.loc_page .loc_address .bundle {height:100%}
.loc_page .loc_address .bundle:nth-child(2n) {padding:0 0 0 41px;border-left:1px solid var(--colorBorderGray)}
.loc_page .loc_address .inner_pgl {margin-left:35px}
.loc_page .loc_address .page_tit {}
.loc_page .loc_address .page_tit .icon {vertical-align:middle;transform:translateY(-2px)}
.loc_page .loc_address .dl_group {display:grid;grid-template-columns:max-content auto;margin-left:35px}
.loc_page .loc_address .dl_group .dl {display:contents;margin-right:0}
.loc_page .loc_address .dl_group .dt {}
.loc_page .loc_address .dl_group .dd {}
.loc_page .loc_address.s2 {display:block}
.loc_page .loc_address.s2 .bundle {height:auto;margin-bottom:32px;padding:0 0 32px 0;border-left:0;border-bottom:1px solid var(--colorBorderGray)}
.loc_page .loc_address.s2 .bundle:last-child {margin-bottom:0;padding:0;border-bottom:0}

/* 콘텐츠 : 문화체육자원봉사자, 지역N문화 */
.bg_pattern_box {display:grid;grid-template-columns:max-content auto;column-gap:80px;padding:60px;background-color:#F7FAFF;background-image:url(/images/other/kor/user/sub/bg_pattern_box.png);background-repeat:no-repeat;background-position:bottom -60px right -60px}
.bg_pattern_box .img_box {width:440px;height:440px;background-color:#fff;border:1px solid var(--colorBorderGray);border-radius:24px;overflow:hidden}
.bg_pattern_box .img_box.bd0 {border:0}
.bg_pattern_box .img_box .img {display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.bg_pattern_box .img_box img {}
.bg_pattern_box .txt_box {position:relative}
.bg_pattern_box .txt_box .typo {}
.bg_pattern_box .txt_box .typo .text {color:#083891;font-size:1.1em;font-weight:500}
.bg_pattern_box .txt_box .title {margin:5px 0 36px 0;font-size:40px;font-weight:700;color:#083891;line-height:1.4}
.bg_pattern_box .txt_box .pre {padding:0 0 28px 0;color:var(--colorGray80)}
.bg_pattern_box .txt_box .pre::before {display:block;width:120px;height:1px;content:'';margin-bottom:34px;background-color:#86AFF9}
.bg_pattern_box .txt_box .btn_list {width:100%;position:absolute;left:0;bottom:0}
.bg_pattern_box .txt_box .btn_custom {padding-left:20px;padding-right:20px}

/* 콘텐츠 : 참여마당 > 회원가입 */
.comm_join {} 
.comm_join .bd_box {position:relative}
.comm_join .bd_box .page_tit {}
.comm_join .bd_box > .text {max-width:calc(100% - 265px)}
.comm_join .bd_box .btn_custom {padding-left:20px;padding-right:20px;position:absolute;right:35px;bottom:30px}
.comm_join .grid_cell {padding-top:40px}
.comm_join .grid_cell .cell_inner {display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;row-gap:60px}
.comm_join .grid_cell .bundle {padding-right:60px}
.comm_join .grid_cell .bundle:nth-child(2n) {padding:0 0 0 60px;border-left:1px solid var(--colorBorderGray)}
.comm_join .grid_cell .bundle .img {margin-bottom:24px;border-radius:8px;overflow:hidden}
.comm_join .grid_cell .bundle .typo {}
.comm_join .grid_cell .bundle .typo .page_tit {}
.comm_join .grid_cell .bundle .list_txt_group {margin-left:8px;font-weight:500}
.comm_join .grid_cell .bundle .list_txt_group .list_txt {}
.comm_join .grid_cell .bundle .list_txt_group .list_txt.dl {display:grid;grid-template-columns:max-content auto;column-gap:8px}
.comm_join .grid_cell .bundle .list_txt_group .list_txt.dl::after {display:none}

/* 콘텐츠 : 사이버향토사료관 > 소개 */
.cyber_about {}
.cyber_about .page_top_visual {background-image:url(/images/other/kor/user/sub/bg_cyber_about_page.jpg)}

/* 콘텐츠 : 온라인 신청 > 문화탐방, 문화학교 소개 */
.online_school {}
.online_school .inner_bg_box {background-image:url(/images/other/kor/user/sub/bg_online_school_top.jpg)}
.online_tour {}
.online_tour .inner_bg_box {background-image:url(/images/other/kor/user/sub/bg_online_tour_top.jpg)}
.online_school .dl_group .dd, 
.online_tour .dl_group .dd {word-break:break-word}

/* 콘텐츠 : 사이버향토사료관 > 온라인박물관 */
.museum_about {}
.museum_about .page_top_visual {background-image:url(/images/other/kor/user/sub/bg_museum_about_page.jpg)}
.museum_about .quick_cell_box {display:flex;column-gap:60px}
.museum_about .quick_cell_box .quick {flex:1;padding:40px 48px;background-color:var(--colorBgGray);background-position:right 80px bottom 40px;background-repeat:no-repeat;border:1px solid var(--colorBorderGray);border-radius:16px}
.museum_about .quick_cell_box .quick.q01 {background-image:url(/images/other/kor/user/sub/img_museum_about_quick01.png)}
.museum_about .quick_cell_box .quick.q02 {background-image:url(/images/other/kor/user/sub/img_museum_about_quick02.png)}
.museum_about .quick_cell_box .quick .typo {height:124px}
.museum_about .quick_cell_box .quick .typo .text {font-size:1.1em;color:var(--colorGray80)}
.museum_about .quick_cell_box .quick .sub_tit2 {margin-bottom:16px}
.museum_about .quick_cell_box .quick .btn_custom {min-width:160px;margin-top:78px;font-size:1.1em}
.museum_about .quick_cell_box .quick .btn_custom .icon {}
.museum_about .quick_btn_box {}
.museum_about .quick_btn_box .btn_list {display:flex;flex-wrap:wrap;gap:16px}
.museum_about .quick_btn_box .btn_list .list_li {width:calc(20% - 13px)}
.museum_about .quick_btn_box .btn_custom {width:100%;min-height:80px;font-size:1.1em;color:var(--colorGray70);outline:1px solid var(--colorBorderGray);border-color:transparent;border-radius:16px}
.museum_about .quick_btn_box .btn_custom .text::after {font-family:'xeicon';content:'\e907';font-size:0;vertical-align:bottom;transition:all 0.2s}
.museum_about .quick_btn_box .btn_custom:hover, 
.museum_about .quick_btn_box .btn_custom:focus-within {color:var(--colorMain);background-color:#ECF2FE;border-color:var(--colorMain);outline-color:var(--colorMain)}
.museum_about .quick_btn_box .btn_custom:hover .text::after, 
.museum_about .quick_btn_box .btn_custom:focus-within .text::after {margin-left:6px;font-size:17px}
.sort_option_box {padding:40px;background-color:var(--colorBgGray);border-radius:24px}
.sort_option_box .page_tit {}
.sort_option_box .sort_list {display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:8px}
.sort_option_box .sort_list .sort {display:flex;align-items:center;justify-content:center;width:100%;height:44px;padding:0 12px;color:var(--colorGray70);font-weight:700;background-color:#fff;border:1px solid transparent;border-radius:6px;outline:1px solid var(--colorBorderGray);box-sizing:border-box}
.sort_option_box .sort_list .sort:not(.current):hover, 
.sort_option_box .sort_list .sort:not(.current):focus-within {color:var(--colorGray90);border-color:var(--colorGray90);outline-color:var(--colorGray90)}
.sort_option_box .sort_list .sort.current {color:var(--colorMain);background-color:#ECF2FE;border-color:var(--colorMain);outline-color:var(--colorMain)}
.museum_detail {}
.museum_detail::after {display:block;height:0;content:'';clear:both;visibility:hidden}
.museum_detail .sticky {}
.museum_detail .left {display:inline-block;width:450px;vertical-align:top}
.museum_detail .left .bd_frame {margin-bottom:40px;padding-bottom:12px;border:1px solid var(--colorBorderGray);border-radius:12px;overflow:hidden}
.museum_detail .left .img_box {display:flex;align-items:center;justify-content:center;width:100%;height:0;padding-bottom:56.25%;border-bottom:1px solid var(--colorBorderGray);position:relative;overflow:hidden}
.museum_detail .left .img_box .tag {}
.museum_detail .left .img_box .img {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--colorBgGray);position:absolute;left:0;top:0}
.museum_detail .left .img_box .img img {}
.museum_detail .left .img_box .btn_img_zoom {display:block;width:40px;height:40px;background-color:rgba(0,0,0,0.5);background-image:url(/images/other/kor/user/sub/ic_img_zoom.png);background-position:center;background-repeat:no-repeat;position:absolute;right:0;bottom:0;z-index:1}
.museum_detail .left .img_box .btn_img_zoom:hover, 
.museum_detail .left .img_box .btn_img_zoom:focus-within {background-color:var(--colorMain)}
.museum_detail .left .page_tit {-webkit-line-clamp:2;margin:16px 24px;line-height:1.45}
.museum_detail .left .dl_group {row-gap:0}
.museum_detail .left .dl_group .dl {display:grid;grid-template-columns:max-content auto;column-gap:16px;margin:0 24px;padding:12px 0;font-size:15px;border-top:1px solid var(--colorBorderGray)}
.museum_detail .left .dl_group .dt {min-width:130px;margin-right:0}
.museum_detail .left .dl_group .dd {}
.museum_detail .left .btn_custom {width:100%}
.museum_detail .right {display:inline-block;float:right;width:calc(100% - 530px)}
.museum_detail .right .editor_view {min-height:inherit;padding:20px 0;border-top:1px solid var(--colorBorderGray);border-bottom:1px solid var(--colorBorderGray)}
.museum_detail .right .video_frame {}

/* 이미지 확대팝업 */
.img_zoom_view {display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.3);backdrop-filter:blur(3px);position:fixed;left:0;top:0;z-index:10000}
.img_zoom_view .offset {display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.img_zoom_view .img_pop {width:98%;max-width:1100px;margin:0 auto;background-color:#fff}
.img_zoom_view .img_pop .pop_head {display:flex;align-items:center;justify-content:space-between;padding-left:18px;color:#fff;background-color:var(--colorGray70)}
.img_zoom_view .img_pop .pop_head .tit {font-size:1.2em;font-weight:500}
.img_zoom_view .img_pop .pop_head .btn_close {display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:#fff;font-size:24px;text-align:center}
.img_zoom_view .img_pop .pop_head .btn_close:hover,
.img_zoom_view .img_pop .pop_head .btn_close:focus-within {background-color:var(--colorSub)}
.img_zoom_view .img_pop .pop_body {height:calc(100vh - 200px);max-height:720px;min-height:500px}
.img_zoom_view .img_pop .pop_body .img {display:block;height:100%;padding:20px;text-align:center}
.img_zoom_view .img_pop .pop_body .img img {max-height:100%}

/* 콘텐츠 내 사진 배열. 기본 한 줄에 4개 (예: 공주문화원-문화학교 소개) */
.cont_img_cell {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:24px}
.cont_img_cell.col5 {grid-template-columns:1fr 1fr 1fr 1fr 1fr}
.cont_img_cell.col3 {grid-template-columns:1fr 1fr 1fr}
.cont_img_cell.col2 {grid-template-columns:1fr 1fr}
.cont_img_cell .bundle {}
.cont_img_cell .cell_txt {margin-top:12px;font-size:1.1em;font-weight:500;color:var(--colorGray80)}
.cont_img_cell .cell_box {display:flex;align-items:center;justify-content:center;width:100%;height:0;padding-bottom:75%;border-radius:8px;position:relative;overflow:hidden}
.cont_img_cell .cell_box::after {display:block;width:100%;height:100%;content:'';background:linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.8) 100%);position:absolute;left:0;top:0;z-index:2}
.cont_img_cell .cell_box .img {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--colorBgGray);position:absolute;left:0;top:0;z-index:1}
.cont_img_cell .cell_box .img img {}
.cont_img_cell .cell_box .img img.mxh {max-width:inherit;max-height:100%}
.cont_img_cell .cell_box .cell_tit {font-size:22px;font-weight:700;line-height:1.4;color:#fff;text-shadow:0 0 12px rgba(0, 0, 0, 0.24);position:absolute;left:24px;bottom:16px;z-index:3}

/* 콘텐츠 내 이미지 슬라이드 (예: 공주문화원-주요사업) */
.cont_img_slider {}
.cont_img_slider .slide_wrap {background-color:#f0f1f2;border-radius:8px;overflow:hidden;position:relative}
.cont_img_slider .slide_wrap .slide_inner {}
.cont_img_slider .slide_wrap .slide_box {background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}
.cont_img_slider .slide_wrap .slide_box::before {width:100%;height:100%;content:'';background-color:rgba(255,255,255,0.72);backdrop-filter:blur(10px);position:absolute;left:0;top:0;z-index:1}
.cont_img_slider .slide_wrap .img_box {aspect-ratio:4 / 3;max-width:640px;height:100%;margin:0 auto;padding-bottom:0;border-radius:0;z-index:2}
.cont_img_slider .slide_wrap .img_box .img {}
.cont_img_slider .slide_wrap .img_box img {height:100%;max-width:inherit}
.cont_img_slider .slide_btn {}
.cont_img_slider .slide_btn .btn {width:64px;height:100%;color:#fff;background-color:rgba(0,0,0,0.3);position:absolute;top:0;z-index:3}
.cont_img_slider .slide_btn .btn::after {font-size:33px}
.cont_img_slider .slide_btn .btn:hover, 
.cont_img_slider .slide_btn .btn:focus-within {background-color:rgba(0,0,0,0.6)}
.cont_img_slider .slide_btn .btn:hover::after, 
.cont_img_slider .slide_btn .btn:focus-within::after {color:#fff}
.cont_img_slider .slide_btn .btn.prev {left:0}
.cont_img_slider .slide_btn .btn.next {right:0}
.cont_img_slider .slide_nav {width:calc(100% + 40px);margin-top:40px;position:relative;left:50%;transform:translateX(-50%)}
.cont_img_slider .slide_nav .slide_inner {}
.cont_img_slider .slide_nav .slide_box {margin:0 20px;background-color:#fff;border-radius:8px;overflow:hidden;opacity:0.45;transition:0.2s;cursor:pointer}
.cont_img_slider .slide_nav .slide_box.slick-current {opacity:1}
/*.cont_img_slider .slide_nav .slide_box:hover,
.cont_img_slider .slide_nav .slide_box:focus-within {outline:3px solid var(--colorGray90);outline-offset:-3px}*/

/* 콘텐츠 내 스크롤탭+콘텐츠 (예: 보령문화원-사업소개) */
.section_grid_cell {}
.section_grid_cell .grid_inner {display:grid;grid-template-columns:1fr 1fr;row-gap:60px}
.section_grid_cell .grid_inner .div_cell {padding-right:60px;border-right:1px solid var(--colorBorderGray)}
.section_grid_cell .grid_inner .div_cell:nth-child(2n) {padding:0 0 0 60px;border-right:0}
.section_grid_cell .grid_inner .div_cell .img_box {margin-bottom:24px;border-radius:8px;overflow:hidden}
.section_grid_cell .grid_inner .div_cell .typo {margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--colorGray10)}
.section_grid_cell .grid_inner .div_cell .typo .text {margin-top:3px;font-size:1.1em;color:var(--colorGray60)}
.section_grid_cell .grid_inner .div_cell .tit {display:inline-block;margin-right:12px;font-size:28px;font-weight:700;vertical-align:middle}
.section_grid_cell .grid_inner .div_cell .tag {padding:8px 18px;font-size:1em;font-weight:700;vertical-align:middle}
.section_grid_cell .grid_inner .div_cell .tag .icon {font-size:0.9375em;transform:translateY(-1px)}
.section_grid_cell .grid_inner .div_cell .tag.gray {color:var(--colorGray90);background-color:var(--colorBgGray);border-color:var(--colorBgGray)}
.section_grid_cell .grid_inner .div_cell .dl_group {}
.section_grid_cell .grid_inner .div_cell .dl_group .dl {display:flex;column-gap:24px}
.section_grid_cell .grid_inner .div_cell .dl_group .dt {margin-right:0;color:var(--colorGray60);font-weight:400}
.section_grid_cell .grid_inner .div_cell .dl_group .dd {}

/* 배경 이미지 + 가운데 텍스트 (예: 금산문화원-삶꽃이란) */
.bg_style_cont {text-align:center;padding:110px 20px 70px 20px;background-size:cover;background-repeat:no-repeat;background-position:center top;border-radius:16px;overflow:hidden}
.bg_style_cont .typo {}
.bg_style_cont .typo::after {display:block;width:1px;height:32px;margin:16px auto 32px auto;content:'';background-color:var(--colorGray40)}
.bg_style_cont .typo .tag {min-width:150px;margin-bottom:24px;padding:10px 20px;font-size:1em;font-weight:900}
.bg_style_cont .typo .title {font-size:50px;font-weight:900;line-height:1.35}
.bg_style_cont .typo .title::before,
.bg_style_cont .typo .title::after {display:inline-block;width:24px;height:17px;content:'';background-color:var(--colorGray40);-webkit-mask-image:url(/images/other/kor/user/sub/bg_style_cont_tit_shape.svg);mask-image:url(/images/other/kor/user/sub/bg_style_cont_tit_shape.svg);-webkit-mask-position:left top;mask-position:left top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover}
.bg_style_cont .typo .title::before {margin:5px 28px 0 0;vertical-align:top}
.bg_style_cont .typo .title::after {margin:0 0 5px 28px;transform:rotate(180deg);vertical-align:bottom}
.bg_style_cont .pre_bold {font-size:24px;font-weight:700}
.bg_style_cont .pre_txt {margin-top:32px;font-size:1.1em;font-weight:500;line-height:1.6}
.bg_style_cont .tell {margin-top:40px}
.bg_style_cont .tell .tag {min-width:240px;padding:11px 20px;font-size:18px;line-height:1;font-weight:700}
.bg_style_cont.geumsan {background-image:url(/images/other/kor/user/sub/geumsan_life_flower_bg.jpg)}
.bg_style_cont.geumsan .typo .title {color:#7A1F26}
.bg_style_cont.geumsan .typo .title::before, 
.bg_style_cont.geumsan .typo .title::after {background-color:#E0858C}
.bg_style_cont.geumsan .tell .tag {background-color:#D65C66;border-color:#D65C66}

/* 천안동남구문화원 */
.cheonan_dong.about_orz .orz_grid .list1 .depth2_list {display:flex;justify-content:space-between;margin-top:40px;position:relative}
.cheonan_dong.about_orz .orz_grid .list1 .depth2_list::before {display:block;width:calc(100% - 422px);max-width:933px;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1}
.cheonan_dong.about_orz .orz_grid .list1 .depth2 {flex:1;position:relative}
.cheonan_dong.about_orz .orz_grid .list1 .depth2::before {display:block;width:1px;height:40px;content:'';background-color:var(--colorBorderGray);position:absolute;top:-40px;left:50%;transform:translateX(-50%);z-index:-1}
.cheonan_dong.about_orz .orz_grid .list1 .depth2:nth-child(2)::before {display:none}

/* 천안서북구문화원 */
.cheonan_seo.about_orz .orz_grid .list1::before {height:225px}
.cheonan_seo.about_orz .orz_grid .list1 .depth2_list {display:flex;margin-top:40px;position:relative}
.cheonan_seo.about_orz .orz_grid .list1 .depth2_list::before {display:block;width:calc(100% - 422px);max-width:933px;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1}
.cheonan_seo.about_orz .orz_grid .list1 .depth2 {flex:1;position:relative}
.cheonan_seo.about_orz .orz_grid .list1 .depth2::before {display:block;width:1px;height:40px;content:'';background-color:var(--colorBorderGray);position:absolute;top:-40px;left:50%;transform:translateX(-50%);z-index:-1}
.cheonan_seo.about_orz .orz_grid .list1 .depth2:nth-child(2)::before {display:none}
.cheonan_seo.about_orz .orz_grid .list1 .depth3_list::before {}
.cheonan_seo.about_orz .orz_grid .list1 .depth3 {position:relative}
.cheonan_seo.about_orz .orz_grid .list1 .depth3::before {display:block;width:1px;height:40px;content:'';background-color:var(--colorBorderGray);position:absolute;top:-40px;left:50%;transform:translateX(-50%);z-index:-1}

/* 공주문화원 */
.gongju.about_orz .orz_grid .list1 .depth2_list {display:flex;align-items:flex-start;margin-top:40px;position:relative}
.gongju.about_orz .orz_grid .list1 .depth2_list::before {display:block;width:calc(100% - 422px);max-width:933px;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1}
.gongju.about_orz .orz_grid .list1 .depth2 {flex:1;position:relative;z-index:1}
.gongju.about_orz .orz_grid .list1 .depth2::before {display:block;width:1px;height:40px;content:'';background-color:var(--colorBorderGray);position:absolute;top:-40px;left:50%;transform:translateX(-50%);z-index:-1}
.gongju.about_orz .orz_grid .list1 .depth2:nth-child(2)::before {display:none}
.gongju.about_orz .orz_grid .list1 .depth3_list {margin-top:40px;padding-top:40px;position:relative}
.gongju.about_orz .orz_grid .list1 .depth3 {position:relative}
.gongju.about_orz .orz_grid .list1 .depth3.outbox {width:100%;position:absolute;left:100%;top:-40px;z-index:2}
.gongju.about_orz .orz_grid .list1 .depth3.outbox::before {display:block;width:100%;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:-50%;top:50%;transform:translateY(-1px);z-index:-1}
.gongju.about_orz .orz_grid .list1 .depth4_list {padding-top:40px}
.gongju.about_orz .orz_grid .list1 .depth4 {}

/* 보령문화원 > 소개마당 > 사업소개 */
.boryeong.about_business .move_tab .tab {flex:1;width:auto}

.boryeong.join_cont {}
.boryeong.join_cont .join_bd_box {padding:32px 0;border:1px solid var(--colorBorderGray);border-radius:8px}
.boryeong.join_cont .join_bd_box .box_inner {display:grid;grid-template-columns:1fr 1fr}
.boryeong.join_cont .join_bd_box .box {display:grid;grid-template-columns:max-content auto;column-gap:24px;align-items:flex-start;padding:0 40px;border-right:1px solid var(--colorBorderGray)}
.boryeong.join_cont .join_bd_box .box:nth-child(2n) {border-right:0}
.boryeong.join_cont .join_bd_box .box .img {display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#ECF2FE;border-radius:100%}
.boryeong.join_cont .join_bd_box .box .img img {}
.boryeong.join_cont .join_icon_box {}
.boryeong.join_cont .join_icon_box .bundle {display:grid;grid-template-columns:max-content auto;align-items:center;column-gap:32px;margin-bottom:48px}
.boryeong.join_cont .join_icon_box .bundle:last-child {margin-bottom:0}
.boryeong.join_cont .join_icon_box .bundle .icon {display:flex;align-items:center;justify-content:center;width:100px;height:100px;background-color:var(--colorBgGray);border-radius:100%}
.boryeong.join_cont .join_icon_box .bundle .typo {}
.boryeong.join_cont .join_icon_box .bundle .typo .text {font-size:1.1em}
.boryeong.join_cont .join_icon_box .bundle .cont_tit {font-size:20px}

.boryeong.about_orz .orz_grid .depth_list {margin-bottom:60px}
.boryeong.about_orz .orz_grid .list1 {display:flex;justify-content:space-between}
.boryeong.about_orz .orz_grid .list1::before {width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}
.boryeong.about_orz .orz_grid .list1 .orz_box {width:100%;height:100%}
.boryeong.about_orz .orz_grid .list1 .depth1 {width:400px}
.boryeong.about_orz .orz_grid .orz_box .inner_box {display:grid;align-items:center;height:calc(100% - 80px)}
.boryeong.about_orz .orz_photo_box {}
.boryeong.about_orz .orz_photo_box .row {display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:40px 24px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--colorGray10)}
.boryeong.about_orz .orz_photo_box .row:last-child {margin-bottom:0;padding-bottom:0;border-bottom:0}
.boryeong.about_orz .orz_photo_box .row .bundle {border:1px solid var(--colorBorderGray);border-radius:8px;overflow:hidden}
.boryeong.about_orz .orz_photo_box .row .bundle .img {display:block}
.boryeong.about_orz .orz_photo_box .row .bundle .img img {width:100%}
.boryeong.about_orz .orz_photo_box .row .bundle .tit {padding:11px;font-size:1.1em;font-weight:700;text-align:center}

/* 온양문화원 */
.onyang.about_orz .orz_grid .list1::before {max-height:652px}
.onyang.about_orz .orz_grid .list1 .depth2_list {display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;row-gap:40px}
.onyang.about_orz .orz_grid .list1 .depth2 {position:relative}
.onyang.about_orz .orz_grid .list1 .depth2 .orz_box::before {display:block;width:50%;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;top:50%;transform:translateY(-50%);z-index:-1}
.onyang.about_orz .orz_grid .list1 .depth2:is(:nth-child(1), :nth-child(4), :nth-child(5), :nth-child(6)) {grid-column:span 2}
.onyang.about_orz .orz_grid .list1 .depth2:is(:nth-child(1), :nth-child(3), :nth-child(4), :nth-child(6)) .orz_box {margin-right:0}
.onyang.about_orz .orz_grid .list1 .depth2:is(:nth-child(2), :nth-child(5)) .orz_box {margin-left:0}
.onyang.about_orz .orz_grid .list1 .depth2:is(:nth-child(1), :nth-child(3), :nth-child(4), :nth-child(6)) .orz_box::before  {right:0}
.onyang.about_orz .orz_grid .list1 .depth2:is(:nth-child(2), :nth-child(5)) .orz_box::before  {left:0}
.onyang.about_orz .orz_grid .list1 .depth2:is(:nth-child(2), :nth-child(3)) .orz_box::before  {width:100%}

/* 서산문화원 */
.seosan.about_orz .orz_grid .list1 {}
.seosan.about_orz .orz_grid .list1::before {max-height:367px}
.seosan.about_orz .orz_grid .list1 .depth1 {position:relative}
.seosan.about_orz .orz_grid .list1 .depth1:is(:nth-child(2), :nth-child(3), :nth-child(4)) {width:100%;max-width:400px;position:absolute;z-index:1}
.seosan.about_orz .orz_grid .list1 .depth1:is(:nth-child(2), :nth-child(3), :nth-child(4))::before, 
.seosan.about_orz .orz_grid .list1 .depth1:is(:nth-child(2), :nth-child(3), :nth-child(4))::after {display:block;content:'';background-color:var(--colorBorderGray);position:absolute;z-index:-1}
.seosan.about_orz .orz_grid .list1 .depth1:is(:nth-child(2), :nth-child(3), :nth-child(4)) .orz_box {width:100%;max-width:100%}
.seosan.about_orz .orz_grid .list1 .depth1:nth-child(2) {left:0;top:122px}
.seosan.about_orz .orz_grid .list1 .depth1:nth-child(2)::before {width:calc(50% + 100px);height:1px;top:-81px;left:50%}
.seosan.about_orz .orz_grid .list1 .depth1:nth-child(2)::after {width:1px;height:100%;top:-81px;left:50%;transform:translateX(-50%)}
.seosan.about_orz .orz_grid .list1 .depth1:nth-child(3) {right:0;top:0}
.seosan.about_orz .orz_grid .list1 .depth1:nth-child(3)::before {width:100px;height:1px;top:50%;left:-100px;transform:translateY(-50%)}
.seosan.about_orz .orz_grid .list1 .depth1:nth-child(3)::after {width:1px;height:calc(100% + 41px);top:calc(100% + 20.5px);left:-50px;transform:translateY(-50%)}
.seosan.about_orz .orz_grid .list1 .depth1:nth-child(4) {right:0;top:122px}
.seosan.about_orz .orz_grid .list1 .depth1:nth-child(4)::before {width:50px;height:1px;top:50%;left:-50px;transform:translateY(-50%)}
.seosan.about_orz .orz_grid .list1 .depth1:nth-child(4)::after {display:none}
.seosan.about_orz .orz_grid .list1 .depth2_list {margin-top:122px}
.seosan.about_orz .orz_grid .list1 .depth2 {}
.seosan.about_orz .orz_grid .list1 .depth3_list {display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;margin-top:40px;position:relative}
.seosan.about_orz .orz_grid .list1 .depth3_list::before {display:block;width:calc(100% - 400px);height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1}
.seosan.about_orz .orz_grid .list1 .depth3 {position:relative}
.seosan.about_orz .orz_grid .list1 .depth3::before {display:block;width:1px;height:100%;content:'';background-color:var(--colorBorderGray);position:absolute;top:-40px;z-index:-1}
.seosan.about_orz .orz_grid .list1 .depth3:nth-child(1)::before {left:200px}
.seosan.about_orz .orz_grid .list1 .depth3:nth-child(1) .orz_box {margin-left:0}
.seosan.about_orz .orz_grid .list1 .depth3:nth-child(2)::before {right:200px}
.seosan.about_orz .orz_grid .list1 .depth3:nth-child(2) .orz_box {margin-right:0}

/* 논산문화원 */
.nonsan.about_orz .orz_grid .list1 {}
.nonsan.about_orz .orz_grid .list1::before {height:122px}
.nonsan.about_orz .orz_grid .list1 .orz_box {width:100%;max-width:320px}
.nonsan.about_orz .orz_grid .list1 .depth1 {}
.nonsan.about_orz .orz_grid .list1 .depth1:nth-child(2) {width:320px;position:absolute;left:0;top:0}
.nonsan.about_orz .orz_grid .list1 .depth1:nth-child(2)::before {display:block;width:calc(100% + 24px);height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;top:50%;left:100%;transform:translateY(-50%);z-index:-1}
.nonsan.about_orz .orz_grid .list1 .depth1:nth-child(2) .orz_box {max-width:100%}
.nonsan.about_orz .orz_grid .list1 .depth2_list {display:flex;justify-content:space-between;margin-top:40px;position:relative}
.nonsan.about_orz .orz_grid .list1 .depth2_list::before {display:block;width:calc(100% - 320px);height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1}
.nonsan.about_orz .orz_grid .list1 .depth2 {flex:1;max-width:320px;position:relative}
.nonsan.about_orz .orz_grid .list1 .depth2::before,  
.nonsan.about_orz .orz_grid .list1 .depth3::before {display:block;width:1px;height:40px;content:'';background-color:var(--colorBorderGray);position:absolute;top:-40px;left:50%;transform:translateX(-50%);z-index:-1}
.nonsan.about_orz .orz_grid .list1 .depth3_list {}
.nonsan.about_orz .orz_grid .list1 .depth3 {position:relative}

/* 당진문화원 */
.dangjin.about_orz .orz_grid .list1 .depth2_list {margin-top:40px;position:relative}
.dangjin.about_orz .orz_grid .list1 .depth2_list::before, 
.dangjin.about_orz .orz_grid .list1 .depth4_list::before {display:block;width:calc(100% - 400px);height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.dangjin.about_orz .orz_grid .list1 .depth2 {position:relative}
.dangjin.about_orz .orz_grid .list1 .depth2::before, 
.dangjin.about_orz .orz_grid .list1 .depth4::before {display:block;width:1px;height:40px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:-40px;transform:translateX(-50%);z-index:-1}
.dangjin.about_orz .orz_grid .list1 .depth2:nth-child(1) {width:400px;position:absolute;left:0;top:40px}
.dangjin.about_orz .orz_grid .list1 .depth2:nth-child(2)::before {display:none}
.dangjin.about_orz .orz_grid .list1 .depth2:nth-child(3) {width:400px;position:absolute;right:0;top:40px}
.dangjin.about_orz .orz_grid .list1 .depth3_list {}
.dangjin.about_orz .orz_grid .list1 .depth3 {}
.dangjin.about_orz .orz_grid .list1 .depth3::before {}
.dangjin.about_orz .orz_grid .list1 .depth4_list {display:flex;justify-content:space-between;margin-top:40px;padding-top:40px;position:relative}
.dangjin.about_orz .orz_grid .list1 .depth4 {flex:1;max-width:400px;position:relative}
.dangjin.about_orz .orz_grid .list1 .depth4:nth-child(1) .orz_box {margin-left:0}
.dangjin.about_orz .orz_grid .list1 .depth4:nth-child(2)::before {display:none}
.dangjin.about_orz .orz_grid .list1 .depth4:nth-child(3) .orz_box {margin-right:0}

/* 금산문화원 */
.geumsan.about_orz .orz_grid .list1 {}
.geumsan.about_orz .orz_grid .list1::before {height:485px}
.geumsan.about_orz .orz_grid .list1 .orz_box {width:400px;max-width:inherit}
.geumsan.about_orz .orz_grid .list1 .depth2_list {}
.geumsan.about_orz .orz_grid .list1 .depth2_list::before {}
.geumsan.about_orz .orz_grid .list1 .depth3_list {display:flex;justify-content:space-between;margin-top:280px;position:relative}
.geumsan.about_orz .orz_grid .list1 .depth3_list::before {display:block;width:calc(100% - 400px);height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.geumsan.about_orz .orz_grid .list1 .depth3 {position:relative}
.geumsan.about_orz .orz_grid .list1 .depth3::before {display:block;width:1px;height:40px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:-40px;transform:translateX(-50%);z-index:-1}
.geumsan.about_orz .orz_grid .list1 .depth3:nth-child(1), 
.geumsan.about_orz .orz_grid .list1 .depth3:nth-child(2) {display:flex;align-items:center;width:50%;position:absolute;right:0}
.geumsan.about_orz .orz_grid .list1 .depth3:nth-child(1) {top:-240px}
.geumsan.about_orz .orz_grid .list1 .depth3:nth-child(2) {top:-120px}
.geumsan.about_orz .orz_grid .list1 .depth3:nth-child(1)::before, 
.geumsan.about_orz .orz_grid .list1 .depth3:nth-child(2)::before {flex-grow:1;width:auto;height:1px;position:static;top:auto;left:auto;transform:translateX(0)}
.geumsan.about_orz .orz_grid .list1 .depth3:nth-child(3) {}

/* 부여문화원 */
.buyeo.about_orz .orz_grid .list1 {}
.buyeo.about_orz .orz_grid .list1::after {display:block;width:50%;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;top:41px;left:0;z-index:-1}
.buyeo.about_orz .orz_grid .list1 .orz_box {width:100%}
.buyeo.about_orz .orz_grid .list1 .depth1:nth-child(2) {width:400px;position:absolute;left:0;top:0;z-index:1}
.buyeo.about_orz .orz_grid .list1 .depth2_list {margin-top:117px;position:relative}
.buyeo.about_orz .orz_grid .list1 .depth2_list::before, 
.buyeo.about_orz .orz_grid .list1 .depth6_list::before {display:block;width:100%;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:0;z-index:-1}
.buyeo.about_orz .orz_grid .list1 .depth2_list::before {top:81px}
.buyeo.about_orz .orz_grid .list1 .depth2:nth-child(1) {width:400px;position:absolute;left:0;top:40px;z-index:1}
.buyeo.about_orz .orz_grid .list1 .depth2:nth-child(1) .orz_box .txt_list {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;row-gap:6px}
.buyeo.about_orz .orz_grid .list1 .depth2:nth-child(1) .orz_box .txt_list .text {margin-bottom:0}
.buyeo.about_orz .orz_grid .list1 .depth2:nth-child(3) {width:400px;position:absolute;right:0;top:40px;z-index:1}
.buyeo.about_orz .orz_grid .list1 .depth4_list {margin-top:40px}
.buyeo.about_orz .orz_grid .list1 .depth5_list {margin-top:40px}
.buyeo.about_orz .orz_grid .list1 .depth6_list {display:flex;justify-content:space-between;margin-top:40px;position:relative}
.buyeo.about_orz .orz_grid .list1 .depth6_list::before {top:41px}
.buyeo.about_orz .orz_grid .list1 .depth6 {flex:1}
.buyeo.about_orz .orz_grid .list1 .depth6:nth-child(1) .orz_box {margin-left:0}
.buyeo.about_orz .orz_grid .list1 .depth6:nth-child(3) .orz_box {margin-right:0}

/* 서천문화원 */
.seocheon.about_orz .orz_grid .list1 .depth2_list {margin-top:40px;position:relative}
.seocheon.about_orz .orz_grid .list1 .depth2_list::before, 
.seocheon.about_orz .orz_grid .list1 .depth4_list::before {display:block;width:calc(100% - 400px);height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.seocheon.about_orz .orz_grid .list1 .depth2 {position:relative}
.seocheon.about_orz .orz_grid .list1 .depth2::before, 
.seocheon.about_orz .orz_grid .list1 .depth4::before {display:block;width:1px;height:40px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:-40px;transform:translateX(-50%);z-index:-1}
.seocheon.about_orz .orz_grid .list1 .depth2:nth-child(1) {width:400px;position:absolute;left:0;top:40px}
.seocheon.about_orz .orz_grid .list1 .depth2:nth-child(2)::before {display:none}
.seocheon.about_orz .orz_grid .list1 .depth2:nth-child(3) {width:400px;position:absolute;right:0;top:40px}
.seocheon.about_orz .orz_grid .list1 .depth3_list {}
.seocheon.about_orz .orz_grid .list1 .depth3 {}
.seocheon.about_orz .orz_grid .list1 .depth3::before {}
.seocheon.about_orz .orz_grid .list1 .depth4_list {display:flex;justify-content:space-between;margin-top:40px;padding-top:40px;position:relative}
.seocheon.about_orz .orz_grid .list1 .depth4 {flex:1;max-width:400px;position:relative}
.seocheon.about_orz .orz_grid .list1 .depth4:nth-child(1) .orz_box {margin-left:0}
.seocheon.about_orz .orz_grid .list1 .depth4:nth-child(2)::before {display:none}
.seocheon.about_orz .orz_grid .list1 .depth4:nth-child(3) .orz_box {margin-right:0}
.seocheon.media_about {}
.seocheon.media_about .quick_obj {display:flex;justify-content:space-between;text-align:center}
.seocheon.media_about .quick_obj .quick {flex:1}
.seocheon.media_about .quick_obj .btn {display:block;width:248px;height:248px;padding:28px 18px 24px 18px;outline:1px solid var(--colorBorderGray);border:2px solid transparent;border-radius:100%}
.seocheon.media_about .quick_obj .btn .icon_box {display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 8px auto}
.seocheon.media_about .quick_obj .btn .icon_box img {}
.seocheon.media_about .quick_obj .btn .page_tit {margin-bottom:6px;transition:0.2s}
.seocheon.media_about .quick_obj .btn .text {line-height:1.4}
.seocheon.media_about .quick_obj .btn .typo {}
.seocheon.media_about .quick_obj .btn:hover, 
.seocheon.media_about .quick_obj .btn:focus-within {outline-color:var(--colorMain);border-color:var(--colorMain);box-shadow:0 4px 32px rgba(37, 110, 244, 0.16)}
.seocheon.media_about .quick_obj .btn:hover .page_tit, 
.seocheon.media_about .quick_obj .btn:focus-within .page_tit {color:var(--colorMain)}
.seocheon.media_about .quick_obj.s2 {gap:40px}
.seocheon.media_about .quick_obj.s2 .btn {display:grid;grid-template-columns:max-content auto;align-items:center;justify-content:center;gap:32px;width:100%;height:180px;padding:30px 20px;border-radius:24px}
.seocheon.media_about .quick_obj.s2 .btn .icon_box {width:120px;height:120px;margin-bottom:0}
.seocheon.media_about .quick_obj.s2 .btn .typo {text-align:left}
.seocheon.media_about .tit_box {margin-bottom:60px;text-align:center;position:relative;z-index:2}
.seocheon.media_about .tit_box .sub_tit {margin-bottom:4px}
.seocheon.media_about .tit_box .text {}
.seocheon.media_about .mid_bg_box {padding:60px 0;position:relative}
.seocheon.media_about .mid_bg_box::before {display:block;width:100vw;height:100%;content:'';background:url(/other/images/sub/bg_pattern_box.png) left -115px center no-repeat, linear-gradient(180deg, #F4F5F6 0%, #fff 100%);background-size:686px auto;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:0}
.seocheon.media_about .mid_bg_box .grid_obj {display:grid;grid-template-columns:1fr 1fr;gap:60px;position:relative;z-index:1}
.seocheon.media_about .mid_bg_box .grid_obj .col {display:grid;grid-template-columns:max-content auto;gap:40px;align-items:center}
.seocheon.media_about .mid_bg_box .grid_obj .img {border:1px solid var(--colorGray10);border-radius:8px;overflow:hidden}
.seocheon.media_about .mid_bg_box .grid_obj .pre {font-size:18px;color:var(--colorGray70)}
.seocheon.media_about .mid_bg_box .btn_custom {position:absolute;right:0;top:115px;z-index:1}
.seocheon.media_about .mid_bg_box .btn_custom .icon {transform:translateY(-1px)}
.seocheon.media_about .paper_grid {}
.seocheon.media_about .paper_grid::after {display:block;height:0;clear:both;content:'';visibility:hidden}
.seocheon.media_about .paper_grid .bundle {margin-bottom:80px}
.seocheon.media_about .paper_grid .img {float:left;margin:0 60px 45px 0;border-radius:8px;overflow:hidden}
.seocheon.media_about .paper_grid .pre_gap {margin-bottom:24px}
.seocheon.media_about .paper_grid .pre_gap:last-child {margin-bottom:0}
.seocheon.media_about .paper_grid .txt_box {}
.seocheon.media_about .paper_grid .txt_box .page_tit {padding-bottom:5px;font-size:28px;color:var(--colorGray80)}
.seocheon.media_about .paper_grid .txt_box .cont_tit {font-size:20px;color:var(--colorGray80)}
.seocheon.media_about .paper_grid .txt_box .pre {font-size:18px;color:var(--colorGray80)}
.seocheon.media_about .paper_grid .right {}
.seocheon.media_about .paper_grid .right .bundle {}
.seocheon.media_about .paper_grid .right .img {float:right;margin:0 0 45px 60px}


/* 청양문화원 */
.cheongyang.about_orz .orz_grid .list1 {}
.cheongyang.about_orz .orz_grid .list1::before {height:640px}
.cheongyang.about_orz .orz_grid .list1 .orz_box {}
.cheongyang.about_orz .orz_grid .list1 .depth2_list {display:flex;justify-content:space-between;margin-top:40px;position:relative}
.cheongyang.about_orz .orz_grid .list1 .depth2_list::before {display:block;width:calc(100% - 400px);height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.cheongyang.about_orz .orz_grid .list1 .depth2 {flex:1;position:relative}
.cheongyang.about_orz .orz_grid .list1 .depth2::before {display:block;width:1px;height:40px;content:'';background-color:var(--colorBorderGray);position:absolute;left:200px;top:-40px;transform:translateX(-50%);z-index:-1}
.cheongyang.about_orz .orz_grid .list1 .depth2:nth-child(1) .orz_box {margin-left:0}
.cheongyang.about_orz .orz_grid .list1 .depth2:nth-child(2)::before {display:none}
.cheongyang.about_orz .orz_grid .list1 .depth2:nth-child(3)::before {left:auto;right:200px}
.cheongyang.about_orz .orz_grid .list1 .depth2:nth-child(3) .orz_box {margin-right:0}
.cheongyang.about_orz .orz_grid .list1 .depth3_list {}
.cheongyang.about_orz .orz_grid .list1 .depth3_list::before {}
.cheongyang.about_orz .orz_grid .list1 .depth3 {}
.cheongyang.about_orz .orz_grid .list1 .depth3::before {}
.cheongyang.about_orz .orz_grid .list1 .depth4_list {height:326px;margin-top:40px;position:relative}
.cheongyang.about_orz .orz_grid .list1 .depth4_list::before {display:block;width:100%;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;right:50%;top:41px;z-index:-1}
.cheongyang.about_orz .orz_grid .list1 .depth4 {}
.cheongyang.about_orz .orz_grid .list1 .depth4::before {}
.cheongyang.about_orz .orz_grid .list1 .depth4:nth-child(2) {width:400px;position:absolute;left:-100%;top:0;z-index:1}
.cheongyang.about_orz .orz_grid .list1 .depth4:nth-child(2)::before {display:block;width:1px;height:100%;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.cheongyang.about_orz .orz_grid .list1 .depth4:nth-child(2) .orz_box {max-width:100%}
.cheongyang.about_orz .orz_grid .list1 .depth5_list {padding-top:40px}
.cheongyang.about_orz .orz_grid .list1 .depth5_list::before {}
.cheongyang.about_orz .orz_grid .list1 .depth5 {}
.cheongyang.about_orz .orz_grid .list1 .depth5::before {}
.cheongyang.about_orz .orz_grid .list1 .depth6_list {padding-top:40px}
.cheongyang.about_orz .orz_grid .list1 .depth6_list::before {}
.cheongyang.about_orz .orz_grid .list1 .depth6 {}
.cheongyang.about_orz .orz_grid .list1 .depth6::before {}

/* 예산문화원 */
.yesan.about_orz .orz_grid .list1 {}
.yesan.about_orz .orz_grid .list1::before {height:667px}
.yesan.about_orz .orz_grid .list1::after {display:block;width:50%;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;top:41px;right:0;z-index:-1}
.yesan.about_orz .orz_grid .list1 .orz_box {width:100%}
.yesan.about_orz .orz_grid .list1 .depth1:nth-child(2) {width:400px;position:absolute;right:0;top:0;z-index:1}
.yesan.about_orz .orz_grid .list1 .depth2_list {position:relative}
.yesan.about_orz .orz_grid .list1 .depth2_list::before {display:block;width:100%;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;top:81px;left:50%;transform:translateX(-50%);z-index:-1}
.yesan.about_orz .orz_grid .list1 .depth2 {}
.yesan.about_orz .orz_grid .list1 .depth2::before {}
.yesan.about_orz .orz_grid .list1 .depth2:nth-child(1) {width:400px;position:absolute;left:0;top:40px;z-index:1}
.yesan.about_orz .orz_grid .list1 .depth2:nth-child(1) .orz_box {margin-left:0}
.yesan.about_orz .orz_grid .list1 .depth2:nth-child(2) {margin-top:122px}
.yesan.about_orz .orz_grid .list1 .depth2:nth-child(3) {width:400px;position:absolute;right:0;top:40px;z-index:1}
.yesan.about_orz .orz_grid .list1 .depth2:nth-child(3) .orz_box {margin-right:0}
.yesan.about_orz .orz_grid .list1 .depth3_list {display:flex;justify-content:space-between;margin-top:40px;position:relative}
.yesan.about_orz .orz_grid .list1 .depth3_list::before {display:block;width:calc(100% - 400px);height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.yesan.about_orz .orz_grid .list1 .depth3 {flex:1;position:relative}
.yesan.about_orz .orz_grid .list1 .depth3::before {display:block;width:1px;height:40px;content:'';background-color:var(--colorBorderGray);position:absolute;left:200px;top:-40px;transform:translateX(-50%);z-index:-1}
.yesan.about_orz .orz_grid .list1 .depth3:nth-child(1) .orz_box {margin-left:0}
.yesan.about_orz .orz_grid .list1 .depth3:nth-child(2)::before {display:none}
.yesan.about_orz .orz_grid .list1 .depth3:nth-child(3)::before {left:auto;right:200px}
.yesan.about_orz .orz_grid .list1 .depth3:nth-child(3) .orz_box {margin-right:0}

/* 홍성문화원 > 문화학교 > 문화학교 */
.accept_bd_box {display:flex;flex-wrap:wrap;padding:24px 32px;background-color:var(--colorBgGray);border:1px solid var(--colorBorderGray);border-radius:8px}
.accept_bd_box .cell {width:50%;padding-right:40px;position:relative}
.accept_bd_box .cell:nth-child(2n) {padding:0 0 0 40px;border-left:1px solid var(--colorBorderGray)}
.accept_bd_box .cell .btn_custom {width:100%;max-width:156px;min-width:inherit;height:calc(100% - 42px);position:absolute;right:40px;top:50%;transform:translateY(-50%)}
.accept_bd_box .cell .btn_custom.outline {background-color:#F6F9FF}
.accept_bd_box .cell .btn_custom.outline:hover,
.accept_bd_box .cell .btn_custom.outline:focus-within {background-color:var(--colorMain)}
.accept_bd_box .cell:nth-child(2n) .btn_custom {right:0}
.accept_bd_box .cell .page_tit {}
.accept_bd_box .cell .page_tit .icon {margin-right:4px;vertical-align:middle;transform:translateY(-3px)}
.accept_bd_box .cell .inner_txt {max-width:calc(100% - 200px);margin-left:38px}
.accept_bd_box .cell .inner_txt .list_txt_group .list_txt {margin-bottom:3px}
.hongseong .accept_bd_box {}

/* 예산문화원 > 소개마당 > 상시모집 */
.about_rec_process {display:flex;column-gap:44px}
.about_rec_process .process {flex:1;padding:24px 16px;text-align:center;background-color:#fff;;border:1px solid var(--colorBorderGray);border-radius:5px;position:relative}
.about_rec_process .process::after {display:inline-block;width:12px;height:28px;content:'';background-image:url(/images/other/kor/user/sub/ic_process_arrow.png);background-position:left top;background-size:cover;background-repeat:no-repeat;position:absolute;right:-30px;top:50%;transform:translateY(-50%)}
.about_rec_process .process:last-child::after {display:none}
.about_rec_process .process .icon_box {width:64px;margin:0 auto 16px auto}
.about_rec_process .process .icon_box img {}
.about_rec_process .process .tit {font-size:1.1em;font-weight:700}
.about_rec_process .process .tit .num {color:var(--colorGray40)}
.yesan .about_rec_process {}