@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:15px;font-size:24px;font-weight:700;color:var(--colorGray90)}
.page_tit.point {padding-left:30px;background-image:url(/images/home/kor/user/sub/ic_page_tit.png);background-position:left top 6px;background-repeat:no-repeat}
.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)}
.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 .table thead th {background-color:#eef2f7}
.bd_box .table tbody td {background-color:var(--colorWhite)}
.inner_bg_box {padding:72px 80px;background-repeat:no-repeat;border-radius:12px}
.inner_bg_box .cont_tit {padding-bottom:7px}
.inner_bg_box .title {font-size:40px;font-weight:700}
.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}
.img_bd_frame {display:inline-block;padding:20px;border-top:2px solid var(--colorBorderGray);border-bottom:2px solid var(--colorBorderGray);background-color:var(--colorBgGray)}

/* 약관(개인정보처리방침, 이용약관 등) */
.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/home/kor/user/common/ic_join_step01.png)}
.join_step .step_box.b02 .text {background-image:url(/images/home/kor/user/common/ic_join_step02.png)}
.join_step .step_box.b03 .text {background-image:url(/images/home/kor/user/common/ic_join_step03.png)}
.join_step .step_box.b04 .text {background-image:url(/images/home/kor/user/common/ic_join_step04.png)}
.join_step .step_box.b05 .text {background-image:url(/images/home/kor/user/common/ic_join_step05.png)}
.join_step .step_box.b06 .text {background-image:url(/images/home/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/home/kor/user/common/ic_join_step01_on.png)}
.join_step .step_box.current.b02 .text {background-image:url(/images/home/kor/user/common/ic_join_step02_on.png)}
.join_step .step_box.current.b03 .text {background-image:url(/images/home/kor/user/common/ic_join_step03_on.png)}
.join_step .step_box.current.b04 .text {background-image:url(/images/home/kor/user/common/ic_join_step04_on.png)}
.join_step .step_box.current.b05 .text {background-image:url(/images/home/kor/user/common/ic_join_step05_on.png)}
.join_step .step_box.current.b06 .text {background-image:url(/images/home/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%);overflow:hidden}
.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}

/* 콘텐츠 : 연합회 소개 > 인사말 */
.greeting {}
.greeting .inner_bg_box {background-color:#F4ECE4;background-image:url(/images/home/kor/user/sub/img_ceo.png), url(/images/home/kor/user/sub/bg_pattern.png);background-position:right 153px bottom, right -30px center}
.greeting .inner_bg_box .typo {}
.greeting .inner_bg_box .cont_tit::after {display:block;width:59px;height:2px;content:'';margin-top:7px;background-color:var(--colorSub)}
.greeting .inner_bg_box .title {margin-bottom:24px}
.greeting .inner_bg_box .sign {font-size:19px;color:var(--colorGray70);font-weight:700}
.greeting .inner_bg_box .sign .name {display:inline-block;margin-left:12px;font-size:24px;color:var(--colorGray90);vertical-align:bottom}
.greeting .pre {display:flex;column-gap:60px;font-size:1.15em;line-height:1.6}
.greeting .pre .pre_row {flex:1}
.greeting .pre .bundle {margin-bottom:30px}
.greeting .pre .bundle:last-child {margin-bottom:0}
.greeting .pre .bundle .page_tit {margin-bottom:0}

/* 콘텐츠 : 연합회 소개 > 연혁 */
.history {}
.history .his_cont {border-top:1px solid var(--colorBorderGray)}
.history .his_cont .row {}
.history .his_cont .bundle {display:grid;grid-template-columns:332px calc(100% - 356px);column-gap:24px;align-items:flex-start;border-bottom:1px solid var(--colorBorderGray)}
.history .his_cont .left {height:100%;padding:60px 0;;background-image:url(/images/home/kor/user/sub/bg_history_cloud.png);background-position:left top 60px;background-repeat:no-repeat}
.history .his_cont .left .years {height:100%;color:var(--colorSub);font-size:60px;font-weight:700;line-height:1;background-repeat:no-repeat}
.history .his_cont .left.bg01 .years {background-image:url(/images/home/kor/user/sub/bg_history_img01.png);background-position:right 30px bottom}
.history .his_cont .left.bg02 .years {background-image:url(/images/home/kor/user/sub/bg_history_img02.png);background-position:right 60px bottom}
.history .his_cont .right {height:100%;padding:60px 0}
.history .his_cont .right .dl_group {gap:24px 0;align-items:center;height:100%}
.history .his_cont .right .dl_group .dl {display:grid;grid-template-columns:max-content auto;column-gap:40px;width:100%;font-size:1.05em}
.history .his_cont .right .dl_group .dt {margin-right:0;color:var(--colorSub)}
.history .his_cont .right .dl_group .dd {}

/* 콘텐츠 : 연합회 소개 > 조직 및 기구 */
.orz_page {}
.orz_page .inner_bg_box {background-color:var(--colorSub);background-image:url(/images/home/kor/user/sub/bg_orz_page.png);background-position:center right 77px}
.orz_page .inner_bg_box .title {color:#fff}
.orz_page .table td {word-break:break-word}

/* 콘텐츠 : 연합회 소개 > 오시는길 */
.loc_page {}
.loc_page .map_obj {}
.loc_page .map_obj #map {height:400px;background-color:var(--colorBgGray);border:1px solid var(--colorBorderGray);border-radius:12px;overflow:hidden}
.loc_page .loc_address {margin:32px 0}
.loc_page .loc_address .loc_txt {display:grid;grid-template-columns:max-content auto;align-items:center;column-gap:24px;margin-bottom:8px;font-size:1.5em;font-weight:700}
.loc_page .loc_address .loc_txt:last-child {margin-bottom:0}
.loc_page .loc_address .loc_txt .icon_box {display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:17px;color:#fff;background-color:var(--colorSub);border-radius:100%}
.loc_page .loc_address .loc_txt .icon {}
.loc_page .direc_obj {border-top:1px solid var(--colorBorderGray)}
.loc_page .direc_obj .line_box {display:grid;grid-template-columns:max-content auto;align-items:center;column-gap:40px;padding:24px 0;border-bottom:1px solid var(--colorBorderGray)}
.loc_page .direc_obj .line_box .icon {width:120px;height:120px;background-color:#F4ECE4;background-repeat:no-repeat;background-position:center;border-radius:8px}
.loc_page .direc_obj .line_box .icon.ic01 {background-image:url(/images/home/kor/user/sub/ic_car.png)}
.loc_page .direc_obj .line_box .icon.ic02 {background-image:url(/images/home/kor/user/sub/ic_train.png)}
.loc_page .direc_obj .line_box .icon.ic03 {background-image:url(/images/home/kor/user/sub/ic_bus.png)}
.loc_page .direc_obj .typo {}
.loc_page .direc_obj .cont_tit {}
.loc_page .direc_obj .list_txt_group {margin-left:10px}
.loc_page .direc_obj .list_txt_group .list_txt {margin-bottom:2px;font-size:1.05em}

/* 콘텐츠 : 연합회 소식 > 사업소개 */
.business {margin-top:-40px}
.business .top_bg {padding:54px 0 60px 0;background-image:url(/images/home/kor/user/sub/bg_business_top.png);background-position:right 25px top;background-repeat:no-repeat;overflow:hidden}
.business .top_bg .typo {}
.business .top_bg .typo .text {margin-bottom:18px;font-size:1.05em;font-weight:700;color:var(--colorMain)}
.business .top_bg .typo .sub_tit2 {margin-bottom:0}
.business .bg_box_group {}
.business .bg_box_group .group_ol {}
.business .bg_box_group .box {margin-bottom:24px;padding:40px 40px 40px 84px;background-color:var(--colorBgGray);background-repeat:no-repeat;background-position:center right 33px;border-radius:12px;position:relative}
.business .bg_box_group .box:nth-child(2n) {background-color:#F4ECE4}
.business .bg_box_group .box:last-child {margin-bottom:0}
.business .bg_box_group .box.b01 {background-image:url(/images/home/kor/user/sub/bg_business_ic01.png)}
.business .bg_box_group .box.b02 {background-image:url(/images/home/kor/user/sub/bg_business_ic02.png)}
.business .bg_box_group .box.b03 {background-image:url(/images/home/kor/user/sub/bg_business_ic03.png)}
.business .bg_box_group .box.b04 {background-image:url(/images/home/kor/user/sub/bg_business_ic04.png)}
.business .bg_box_group .box.b05 {background-image:url(/images/home/kor/user/sub/bg_business_ic05.png)}
.business .bg_box_group .box.b06 {background-image:url(/images/home/kor/user/sub/bg_business_ic06.png)}
.business .bg_box_group .box.b07 {background-image:url(/images/home/kor/user/sub/bg_business_ic07.png)}
.business .bg_box_group .box.b08 {background-image:url(/images/home/kor/user/sub/bg_business_ic08.png)}
.business .bg_box_group .box.b09 {background-image:url(/images/home/kor/user/sub/bg_business_ic09.png)}
.business .bg_box_group .box .page_tit {}
.business .bg_box_group .box .page_tit .num {display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:#fff;font-size:15px;font-weight:500;background-color:var(--colorGray80);border-radius:100%;position:absolute;left:40px;top:42px}
.business .bg_box_group .box:nth-child(2n) .page_tit .num {background-color:var(--colorSub)}
.business .bg_box_group .box .list_txt_group {padding-bottom:0}
.business .bg_box_group .box .list_txt_group .list_txt {font-size:1.05em}
.business .bg_box_group .box .btn_list {}
.business .bg_box_group .box .btn_list .list_li {width:auto;margin-right:21px;font-size:1.05em;color:var(--colorSub);font-weight:700}
.business .bg_box_group .box .btn_list .list_li:last-child {margin-right:0}
.content_inner_video {display:flex;align-items:center;justify-content:center;width:100%;height:0;margin-bottom:45px;padding-bottom:56.25%;background-color:var(--colorGray10);position:relative;overflow:hidden}
.content_inner_video .video_source {display:flex;align-items:center;justify-content:center;width:calc(100% - 70px);height:calc(100% - 70px);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.content_inner_video iframe {width:100%;height:100%}

/* 콘텐츠 : 충남문화원 정보 > 문화원 찾기 */
.center_search {}
.center_search .inner_bg_box {background-color:var(--colorMain);background-image:url(/images/home/kor/user/sub/bg_center_search_top.png), url(/images/home/kor/user/sub/bg_center_search_top2.png);background-position:right 96px bottom, right 282px top;background-repeat:no-repeat}
.center_search .inner_bg_box .typo {padding:20px 0}
.center_search .inner_bg_box .cont_tit {margin-bottom:0;padding-bottom:0;color:#fff}
.center_search .inner_bg_box .title {color:#fff}
.center_search .inner_bg_box .btn_custom {margin-top:40px}
.center_search .move_tab {}
.center_search .move_tab .tab_inner {gap:8px}
.center_search .move_tab .tab {width:calc((100% / 8) - 7px)}
.center_search .center_grid {}
.center_search .center_grid .grid_inner {display:grid;grid-template-columns:1fr 1fr;gap:60px 24px}
.center_search .center_grid .bundle {display:grid;grid-template-rows:max-content auto}
.center_search .center_grid .img_box {border-radius:12px 12px 0 0;overflow:hidden;position:relative;z-index:1}
.center_search .center_grid .img_box .img {display:block;aspect-ratio:4 / 3;background-color:var(--colorBgGray)}
.center_search .center_grid .txt_box {padding:32px;border:1px solid var(--colorBorderGray);border-radius:0 0 12px 12px;position:relative}
.center_search .center_grid .txt_box .typo {display:grid;align-items:center;justify-content:space-between;grid-template-columns:auto max-content}
.center_search .center_grid .txt_box .left {}
.center_search .center_grid .txt_box .typo .desc {font-size:1.05em;font-weight:700;color:var(--colorGray60)}
.center_search .center_grid .txt_box .typo .sub_tit2 {margin-bottom:0}
.center_search .center_grid .txt_box .right {}
.center_search .center_grid .txt_box .right .btn_list {display:flex;gap:8px;position:relative;z-index:3}
.center_search .center_grid .txt_box .right .btn_list .list_li {width:auto;position:relative}
.center_search .center_grid .txt_box .right .btn_list .btn {display:flex;align-items:center;justify-content:center;width:80px;height:80px;font-size:39px;background-color:#fff;border:1px solid var(--colorBorderGray);border-radius:100%;position:relative;z-index:1}
.center_search .center_grid .txt_box .right .btn_list .btn i.icon {transform:translateY(-1px)}
.center_search .center_grid .txt_box .right .btn_list .btn:hover,
.center_search .center_grid .txt_box .right .btn_list .btn:focus-within {border-color:var(--colorGray90);box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2)}
.center_search .center_grid .txt_box .right .btn_list .label {display:none;padding:0 10px;font-size:15px;line-height:34px;color:#fff;font-weight:500;white-space:nowrap;background-color:var(--colorGray90);border-radius:4px;position:absolute;top:-44px;left:50%;transform:translateX(-50%);z-index:2}
.center_search .center_grid .txt_box .right .btn_list .label::before {display:inline-block;content:'';border-top:15px solid #000;border-bottom:15px solid transparent;border-left:7.5px solid transparent;border-right:7.5px solid transparent;position:absolute;bottom:-29px;left:50%;transform:translateX(-50%)}
.center_search .center_grid .txt_box .dl_group {margin-top:24px;padding-top:24px;border-top:1px solid var(--colorBorderGray)}
.center_search .center_grid .txt_box .dl_group .dl {display:grid;grid-template-columns:max-content auto;width:100%;font-size:1.05em}
.center_search .center_grid .txt_box .dl_group .dd {word-break:break-word}

/* 콘텐츠 : 충남문화원 정보 > 문화원 시설정보 */
.center_info {}
.center_info .icon_grid {padding:40px 0;background-color:#F4ECE4;border-radius:12px}
.center_info .icon_grid .grid_inner {display:flex}
.center_info .icon_grid .bundle {flex:1;text-align:center;border-right:1px solid var(--colorBorderGray)}
.center_info .icon_grid .bundle:last-child {border:0}
.center_info .icon_grid .icon_box {height:72px;margin:0 auto 16px auto}
.center_info .icon_grid .icon_box img {max-width:inherit;max-height:100%}
.center_info .icon_grid .cont_tit {margin-bottom:0} 
.center_info .icon_grid .cont_tit .color {color:var(--colorMain)}
.center_info .table td {word-break:break-word}

/* 콘텐츠 : 충남문화원 정보 > 기부금 */
.donation {padding:80px;background-color:#FBF9F7;border:1px solid #C9A98A;border-radius:12px}
.donation .typo {margin-bottom:70px;padding-top:112px;text-align:center;background-image:url(/images/home/kor/user/sub/icon_donation_point.png);background-position:center top;background-repeat:no-repeat}
.donation .typo .sub_tit {margin-bottom:24px}
.donation .typo .text {font-size:1.35em;line-height:1.65}
.donation .inner {}
.donation .inner .sub_tit2 {display:inline-block}
.donation .inner .sub_tit2::before {display:block;width:calc(100% - 32px);height:2px;content:'';margin:0 auto 21px auto;background-color:var(--colorSub)}
.donation .inner .step_obj {display:flex;align-items:center;height:252px;margin-bottom:24px;text-align:center}
.donation .inner .step_obj.bd_box {border-color:#C9A98A;border-radius:12px}
.donation .inner .step_obj .step {flex:1;position:relative}
.donation .inner .step_obj .step::before {display:block;width:36px;font-family:'xeicon';content:'\e940';font-size:36px;text-align:center;color:var(--colorGray60);position:absolute;left:-18px;top:50%;transform:translateY(-50%)}
.donation .inner .step_obj .step:first-child {}
.donation .inner .step_obj .step:first-child::before {display:none}
.donation .inner .step_obj .step .icon_box {display:block;height:40px;margin:0 auto 24px auto}
.donation .inner .step_obj .step .icon_box .icon {max-width:inherit;max-height:100%}
.donation .inner .step_obj .step .txt_box {}
.donation .inner .step_obj .step .txt_box .page_tit {margin-bottom:4px}
.donation .inner .step_obj .step .txt_box .text {}
.donation .inner .bd_box.normal {background-color:#F4ECE4;border-color:#F4ECE4}
.donation .inner .bd_box .list_txt_group {}
.donation .inner .bd_box .list_txt_group .list_txt {font-size:1.05em;font-weight:500}
.donation .btn_list.mt2 {padding:20px 0 10px 0}
 
/* 콘텐츠 : 문화원 예술관 > 충남의 문화인 */
.art_person {}
.art_person .inner_bg_box {padding:60px;background-image:url(/images/home/kor/user/sub/bg_art_person_top.png), url(/images/home/kor/user/sub/bg_art_person_top2.png);background-position:right 50px bottom -6px, right top -55px;background-repeat:no-repeat;border-top:6px solid var(--colorSub);border-bottom:6px solid var(--colorSub);border-radius:0;position:relative}
.art_person .inner_bg_box .line_point {display:block;width:150px;height:6px;background-color:#FFD900;position:absolute;left:0;top:-6px}
.art_person .inner_bg_box .line_point::before, 
.art_person .inner_bg_box .line_point::after {display:inline-block;width:50px;height:100%;content:'';position:absolute;top:0}
.art_person .inner_bg_box .line_point::before {background-color:#E53737;left:0}
.art_person .inner_bg_box .line_point::after {background-color:#3746E5;left:50px}
.art_person .inner_bg_box .typo {}
.art_person .inner_bg_box .title {margin-bottom:8px}
.art_person .inner_bg_box .text {font-size:1.35em;text-shadow:1px 1px #fff, -1px 1px #fff, -1px -1px #fff, 1px -1px #fff}
.art_person .gallery_list .list_box .link .subject .text {max-width:100%}

/* 웹진 메인 */
.webzine {}
.webzine .typo {}
.webzine .typo .sub_tit2 {margin-bottom:8px;font-weight:900}
.webzine .typo .text {}
.webzine .wz_visual {position:relative}
.webzine .wz_visual .bg_video {position:relative;z-index:0}
.webzine .wz_visual video {width:100%}
.webzine .wz_visual .typo {width:100%;padding:27px 32px 35px 32px;background-color:rgba(255,255,255,0.7);backdrop-filter:blur(1px);position:absolute;left:0;bottom:0;z-index:1}
.webzine .quick_photo {display:grid;grid-template-columns:1fr 1fr 1fr}
.webzine .quick_photo .btn {display:block;height:310px;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative}
.webzine .quick_photo .btn.bg01 {background-image:url(/images/home/kor/user/webz/swim3-1.png)}
.webzine .quick_photo .btn.bg02 {background-image:url(/images/home/kor/user/webz/swim3-2-1.png)}
.webzine .quick_photo .btn.bg03 {background-image:url(/images/home/kor/user/webz/swim4-2.png)}
.webzine .quick_photo .btn.bg04 {background-image:url(/images/home/kor/user/webz/swim4-2-1.png)}
.webzine .quick_photo .btn.bg05 {background-image:url(/images/home/kor/user/webz/swim5-1.png)}
.webzine .quick_photo .btn.bg06 {background-image:url(/images/home/kor/user/webz/swim6-1.png)}
.webzine .quick_photo .btn .toggle {width:100%;height:100%;padding:70px 10px;color:#fff;text-align:center;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(1px);position:absolute;left:0;bottom:-360px;z-index:0;opacity:0;transition:all 0.5s ease}
.webzine .quick_photo .btn .icon_box {display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 24px auto;font-size:37px;background-color:rgba(0,0,0,0.5);border-radius:100%;position:relative;z-index:2}
.webzine .quick_photo .btn .icon {}
.webzine .quick_photo .btn .tit {font-size:1.15em;position:relative;z-index:2}
.webzine .quick_photo .btn .tit .bold {font-size:1.2em;font-weight:700}
.webzine .quick_photo .btn .outline {display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1}
.webzine .quick_photo .btn .outline::before, 
.webzine .quick_photo .btn .outline::after {display:block;content:'';background-color:rgba(255,255,255,0.3);position:absolute}
.webzine .quick_photo .btn .outline::before {height:1px}
.webzine .quick_photo .btn .outline::after {width:1px}
.webzine .quick_photo .btn .outline.line1 {}
.webzine .quick_photo .btn .outline.line1::before {left:20px;top:20px}
.webzine .quick_photo .btn .outline.line1::after {right:20px;top:20px}
.webzine .quick_photo .btn .outline.line2 {}
.webzine .quick_photo .btn .outline.line2::before {right:20px;bottom:20px}
.webzine .quick_photo .btn .outline.line2::after {left:20px;bottom:20px}
.webzine .quick_photo .btn:hover .toggle, 
.webzine .quick_photo .btn:focus-within .toggle {bottom:0;opacity:1}
.webzine .quick_photo .btn:hover .outline::before, 
.webzine .quick_photo .btn:focus-within .outline::before {animation:quickOutlineHoverX 1s 1 forwards;animation-delay:0.5s}
.webzine .quick_photo .btn:hover .outline::after, 
.webzine .quick_photo .btn:focus-within .outline::after {animation:quickOutlineHoverY 1s 1 forwards;animation-delay:0.5s}
.webzine .wz_sec {display:grid;grid-template-columns:400px calc(100% - 460px);gap:60px;align-items:flex-start;margin:52px 0;padding-top:36px;border-top:1px solid var(--colorGray90)}
.webzine .wz_sec:last-child {margin-bottom:0}
.webzine .wz_sec .typo {padding-bottom:175px;background-image:url(/images/home/kor/user/sub/bg_art_person_top2.png);background-position:left bottom;background-repeat:no-repeat;background-size:100%}
.webzine .wz_sec .img_grid {column-count:2;column-gap:30px}
.webzine .wz_sec .img_grid .link {display:inline-block;width:100%;margin-bottom:30px;break-inside:avoid;text-align:center}
.webzine .wz_sec .img_grid .link .img {display:block;max-height:540px;text-align:left;overflow:hidden}
.webzine .wz_sec .img_grid .link:nth-child(2n) {margin-bottom:0}
.webzine .wz_sec .img_grid .link:nth-child(1) .img {border-top-left-radius:20px}
.webzine .wz_sec .img_grid .link:nth-child(2) .img {border-bottom-left-radius:20px}
.webzine .wz_sec .img_grid .link:nth-child(3) .img {border-top-right-radius:20px}
.webzine .wz_sec .img_grid .link:nth-child(4) .img {border-bottom-right-radius:20px}
.webzine .wz_sec .img_grid .link img {transition:all 0.3s}
.webzine .wz_sec .img_grid .link img.s1_img4 {max-width:inherit;width:100%;height:302px}
.webzine .wz_sec .img_grid .link img.s2_img3 {max-width:inherit;height:335px;position:relative;left:50%;transform:translateX(-50%)}
.webzine .wz_sec .img_grid .link .text {display:inline-block;margin-top:12px;font-size:1.1em;font-weight:700;;position:relative}
.webzine .wz_sec .img_grid .link .text::after {width:0;height:2px;content:'';background-color:var(--colorGray90);position:absolute;left:0;bottom:0;transition:width 0.3s}
.webzine .wz_sec .img_grid .link:hover .text::after,
.webzine .wz_sec .img_grid .link:focus-within .text::after {width:100%}

@keyframes quickOutlineHoverX {
	0% {width:0}
	100% {width:calc(100% - 40px)}
}
@keyframes quickOutlineHoverY {
	0% {height:0}
	100% {height:calc(100% - 40px)}
}

/* 웹진 상세페이지 */
.webzine_view {max-width:1100px;margin:0 auto}
.webzine_view .typo {text-align:center;border-bottom:1px solid #333}
.webzine_view .typo .tag {padding:8px 18px;font-size:18px;font-weight:500}
.webzine_view .typo .cont_tit {margin:20px 0 0 0}
.webzine_view .typo .sub_tit2 {margin:5px 0 0 0}
.webzine_view .typo .name {margin-top:21px;padding:7px 30px;font-size:18px;font-weight:500;text-align:right;border-top:1px solid #333}
.webzine_view .typo .name .icon {display:inline-block;transform:translateY(-3px)}
.webzine_view img.round {border-radius:24px}
.webzine_view img.round2 {border-radius:24px 0}
.webzine_view img.round3 {border-radius:0 24px}
.webzine_view .view_cont {padding:45px 20px}
.webzine_view .view_cont .video {display:flex;align-items:center;justify-content:center;width:100%;height:0;margin-bottom:45px;padding-bottom:56.25%;background-color:var(--colorGray10);position:relative;overflow:hidden}
.webzine_view .view_cont .video:last-child {margin-bottom:0}
.webzine_view .view_cont .video .video_source {display:flex;align-items:center;justify-content:center;width:calc(100% - 70px);height:calc(100% - 70px);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.webzine_view .view_cont .video iframe {width:100%;height:100%}
.webzine_view .view_cont .paper_grid {}
.webzine_view .view_cont .paper_grid::after {display:block;height:0;clear:both;content:'';visibility:hidden}
.webzine_view .view_cont .paper_grid .bundle {margin-bottom:60px}
.webzine_view .view_cont .paper_grid .bundle:last-child {margin-bottom:0}
.webzine_view .view_cont .paper_grid .f_none {float:none !important;margin-right:0 !important;margin-left:0 !important}
.webzine_view .view_cont .paper_grid .img {float:left;margin:0 45px 45px 0;border-radius:8px;overflow:hidden}
.webzine_view .view_cont .paper_grid .img.right {float:right;margin:0 0 45px 45px}
.webzine_view .view_cont .paper_grid .img.mxw {max-width:420px}
.webzine_view .view_cont .paper_grid .img .mxw_none {max-width:inherit}
.webzine_view .view_cont .paper_grid .img .h100 {height:100%}
.webzine_view .view_cont .paper_grid .txt_box {margin-bottom:45px}
.webzine_view .view_cont .paper_grid .txt_box:last-child {margin-bottom:0}
.webzine_view .view_cont .paper_grid .txt_box .cont_tit {padding-bottom:8px;font-size:21px}
.webzine_view .view_cont .paper_grid .txt_box .pre {font-size:18px;color:var(--colorGray80)}
.webzine_view .view_cont .img_obj {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:45px}
.webzine_view .view_cont .img_obj:last-child {margin-bottom:0}
.webzine_view .view_cont .img_obj.i3 {grid-template-columns:1fr 1fr 1fr}
.webzine_view .view_cont .img_obj.auto {grid-template-columns:auto auto}
.webzine_view .view_cont .img_obj.auto.i3 {grid-template-columns:auto auto auto}
.webzine_view .view_cont .img_obj .img {margin:0 !important}
.webzine_view .view_cont .img_row {display:inline-flex;flex-direction:column;float:left}
.webzine_view .view_cont .img_row.right {float:right}

/* 웹진 상세 : 충남의 옛사진 */
.webzine_story {background-image:url(/images/home/kor/user/sub/bg_art_person_top2.png);background-position:right top 300px;background-repeat:no-repeat}
.webzine_story .typo {padding-bottom:20px;text-align:center}
.webzine_story .typo .tag {display:block;width:145px;margin:0 auto 20px auto;padding:8px 12px;font-size:1em;font-weight:500}
.webzine_story .typo .tag .icon {vertical-align:middle;transform:translateY(-1px)}
.webzine_story .typo .sub_tit2 {display:inline-block;height:103px;margin:0 auto;background:linear-gradient(to bottom, #423019, #775935);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.webzine_story .typo .sub_tit2::after {content:'|';margin-left:4px;-webkit-text-fill-color:var(--colorGray90);font-weight:400;animation:webzineCursorBlink 1s step-end infinite}
.webzine_story .img_obj {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px 15px;padding-top:8px}
.webzine_story .img_obj .bundle {padding:15px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);text-align:center}
.webzine_story .img_obj .bundle .img {display:block;margin-bottom:15px}
.webzine_story .img_obj .bundle .text {min-height:50px;padding:0 2px;font-size:0.9375em;font-weight:500}

@keyframes webzineCursorBlink {
	50% {opacity:0}
}