@charset "UTF-8";

/* 서브 공통 */
.sub_cont {margin:0 auto;padding:32px 0 70px 0;min-height:36dvh}
.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:18px;font-size:24px;font-weight:700;color:var(--colorGray90)}
.page_tit.point {}
.page_tit.point::after {display:inline-block;width:6px;height:6px;margin-left:6px;content:'';background-color:var(--colorMain);border-radius:100%;vertical-align:text-top}
.page_tit.quest_point {display:flex;column-gap:5px;padding-left:16px;border-left:6px solid var(--colorMain)}
.page_tit .s_txt {font-size:1rem}
.page_txt {color:var(--colorGray80)}
.page_tit_box {display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}
.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_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.red {background-color:#FDEFEC;border-color:#F7AFA1}
.bd_box .table thead th {background-color:#eef2f7}
.bd_box .table tbody td {background-color:var(--colorWhite)}
.page_top_visual {width:100dvw;margin-bottom:80px;padding:50px 0;background-color:#EEF4FF;transform:translateX(calc((-100dvw + 1400px) / 2))}
.page_top_visual .inner {max-width:1400px;margin:0 auto;position:relative}
.page_top_visual .list_txt_group {margin-bottom:0;padding-bottom:0;position:relative;z-index:1}
.page_top_visual .list_txt_group .list_txt {display:flex;align-items:center;column-gap:10px;font-size:19px;color:var(--colorGray90)}
.page_top_visual .list_txt_group .num {display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;font-size:16px;color:#fff;background-color:var(--colorGray90);border-radius:100%}
.page_top_visual .list_txt_group .text {width:calc(100% - 35px)}
.inner_top_visual {width:100dvw;margin-bottom:50px;background-color:var(--colorBgGray);transform:translateX(calc((-100dvw + 1400px) / 2))}
.inner_top_visual .top_visual_inner {padding:40px 0;max-width:1400px;margin:0 auto;position:relative}
.inner_top_visual .sub_tit2 {margin-bottom:8px;position:relative;z-index:1}
.inner_top_visual .sub_tit2 .s_txt {margin-left:20px;font-size:0.75em;font-weight:700;color:var(--colorGray50)}
.inner_top_visual .text {font-size:1.1em;color:var(--colorGray90);position:relative;z-index:1}

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

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

/* 로그인 */
.login_page {margin:30px auto;text-align:center}
.login_page .sub_tit2 {margin-bottom:20px}
.login_page .btn_custom {width:100%;font-size:1.1em;min-height:56px}
.login_page .inner_wrap {display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.login_page .bundle {}
.login_page .login {height:100%}
/*.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/edu/kor/user/common/ic_join_step01.png)}
.join_step .step_box.b02 .text {background-image:url(/images/edu/kor/user/common/ic_join_step02.png)}
.join_step .step_box.b03 .text {background-image:url(/images/edu/kor/user/common/ic_join_step03.png)}
.join_step .step_box.b04 .text {background-image:url(/images/edu/kor/user/common/ic_join_step04.png)}
.join_step .step_box.b05 .text {background-image:url(/images/edu/kor/user/common/ic_join_step05.png)}
.join_step .step_box.b06 .text {background-image:url(/images/edu/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/edu/kor/user/common/ic_join_step01_on.png)}
.join_step .step_box.current.b02 .text {background-image:url(/images/edu/kor/user/common/ic_join_step02_on.png)}
.join_step .step_box.current.b03 .text {background-image:url(/images/edu/kor/user/common/ic_join_step03_on.png)}
.join_step .step_box.current.b04 .text {background-image:url(/images/edu/kor/user/common/ic_join_step04_on.png)}
.join_step .step_box.current.b05 .text {background-image:url(/images/edu/kor/user/common/ic_join_step05_on.png)}
.join_step .step_box.current.b06 .text {background-image:url(/images/edu/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}


/* 예방교육과정 > 대면교육 */
.offline_list {}
.offline_list .inner_tab_list {}
.offline_list .inner_tab_list .list_inner {column-gap:8px;border:0;border-radius:0;overflow:inherit}
.offline_list .inner_tab_list .tab_box {position:relative}
.offline_list .inner_tab_list .tab_box:nth-child(2) {flex:3}
.offline_list .inner_tab_list .tab_box:nth-child(3) {flex:2}
.offline_list .inner_tab_list .tab_box .tab {padding:0 10px;background-color:var(--colorBgGray);border:1px solid var(--colorBorderGray);border-bottom:0;border-radius:4px 4px 0 0}
.offline_list .inner_tab_list .tab_box .tab::before {display:block;width:0;height:3px;content:'';background-color:#FAFBFF;position:absolute;left:1px;bottom:-3px}
.offline_list .inner_tab_list .tab_box .tab .text {}
.offline_list .inner_tab_list .tab_box .tab.on {color:var(--colorMain);font-weight:700;background-color:#FAFBFF;border-color:#D9E7FF;border-top:4px solid var(--colorMain)}
.offline_list .inner_tab_list .tab_box .tab.on::before {width:calc(100% - 1px)}
.offline_list .inner_tab_list .tab_box:nth-child(2) .tab:not(.on):hover, 
.offline_list .inner_tab_list .tab_box:nth-child(2) .tab:not(.on):focus {color:#C94922}
.offline_list .inner_tab_list .tab_box:nth-child(2) .tab.on {color:#C94922;border-top-color:#DD6742}
.offline_list .inner_tab_list .tab_box:nth-child(3) .tab:not(.on):hover, 
.offline_list .inner_tab_list .tab_box:nth-child(3) .tab:not(.on):focus {color:#A26510}
.offline_list .inner_tab_list .tab_box:nth-child(3) .tab.on {color:#A26510;border-top-color:#EDA94A}
.offline_list .inner_tab_list .tab_box:nth-child(4) .tab:not(.on):hover, 
.offline_list .inner_tab_list .tab_box:nth-child(4) .tab:not(.on):focus {color:#2E8455}
.offline_list .inner_tab_list .tab_box:nth-child(4) .tab.on {color:#2E8455;border-top-color:#59C48B}
.offline_list .inner_tab_list .tab_box:nth-child(5) .tab:not(.on):hover, 
.offline_list .inner_tab_list .tab_box:nth-child(5) .tab:not(.on):focus {color:#7E5DDA}
.offline_list .inner_tab_list .tab_box:nth-child(5) .tab.on {color:#7E5DDA;border-top-color:#987DE1}
.offline_list .inner_tab_list .tab_box:nth-child(6) .tab:not(.on):hover, 
.offline_list .inner_tab_list .tab_box:nth-child(6) .tab:not(.on):focus {color:#CC3882}
.offline_list .inner_tab_list .tab_box:nth-child(6) .tab.on {color:#CC3882;border-top-color:#E69FC2}
.offline_list .inner_tab_list .tab_box:nth-child(7) .tab:not(.on):hover, 
.offline_list .inner_tab_list .tab_box:nth-child(7) .tab:not(.on):focus {color:#7F7210}
.offline_list .inner_tab_list .tab_box:nth-child(7) .tab.on {color:#7F7210;border-top-color:#EBD959}
.offline_list .inner_tab_list .tab_box:nth-child(8) .tab:not(.on):hover, 
.offline_list .inner_tab_list .tab_box:nth-child(8) .tab:not(.on):focus {color:#AB5C2A}
.offline_list .inner_tab_list .tab_box:nth-child(8) .tab.on {color:#AB5C2A;border-top-color:#D58D60}
.offline_list .fiiter_bd_box {background-color:#FAFBFF;border-color:#D9E7FF;border-radius:0 0 6px 6px}
.offline_list .course_filter_col {display:flex;justify-content:space-around;align-items:center;gap:40px}
.offline_list .course_filter_col .sub_tit2 {margin-bottom:10px} 
.offline_list .course_filter_col .page_tit {margin-bottom:8px;font-size:20px}
.offline_list .course_filter_col .map_inner {width:500px;margin-top:-30px;position:relative}
.offline_list .course_filter_col .map_inner .map_img {}
.offline_list .course_filter_col .map_inner .map_img {;text-align:center;position:relative}
.offline_list .course_filter_col .map_inner .map_img .img {display:inline-block;margin:0 auto}
.offline_list .course_filter_col .map_inner .map_img .img img {height:50vh;max-height:430px} 
.offline_list .course_filter_col .map_inner .count_list {display:flex;flex-wrap:wrap;width:calc(100% - 100px);height:calc(100% - 140px);padding-top:10px;text-align:center;font-size:0;position:absolute;bottom:20px;left:50%;transform:translateX(-50%)} 
.offline_list .course_filter_col .map_inner .count_box {display:inline-flex;align-items:center;width:calc(100% / 4);font-size:15px;line-height:1.4;color:var(--colorWhite)}
.offline_list .course_filter_col .map_inner .count_box:nth-child(8n - 7) {margin-left:-48px}
.offline_list .course_filter_col .map_inner .count_box.last {margin-left:0;transform:translate(2vw, 0.5vw)} /* 제주 */
.offline_list .course_filter_col .map_inner .count_box.hidden {opacity:0}
.offline_list .course_filter_col .map_inner .count_box.hidden .text {cursor:default}
.offline_list .course_filter_col .map_inner .count_box .num {display:block;font-weight:700;font-size:22px}
.offline_list .course_filter_col .map_inner .count_box .text {width:85px;height:85px;margin:0 auto;padding-top:15px;font-size:18px;border-radius:100%;background-color:rgba(0, 104, 255, 0.6)}
.offline_list .course_filter_col .map_inner .count_box.selected .text {background-color:var(--colorBlue)}
.offline_list .course_filter_col .map_inner .count_box.disabled .text {cursor:inherit;background-color:rgba(118, 118, 118, 0.6)}
.offline_list .course_filter_col .map_search {width:calc(100% - 580px);max-width:600px}
.offline_list .course_filter_col .map_search .btn_list {margin-top:32px}
.offline_list .course_filter_col .map_search .btn_list .btn_custom {width:100%;margin-bottom:12px}
.offline_list .course_filter_col .map_search .btn_list .btn_custom:last-child {margin-bottom:0}
.offline_list .course_filter_col .slt_bundle {margin-bottom:30px}
.offline_list .course_filter_col .slt_bundle:last-child {margin-bottom:0}
.offline_list .course_filter_col .select select {width:100%}
.offline_list .board_list {}
.offline_list .card_list {display:grid;grid-template-columns:calc(100% / 3 - 16px) calc(100% / 3 - 16px) calc(100% / 3 - 16px);gap:40px 24px}
.offline_list .card_list .card_box {}
.offline_list .card_list .card_box .link {display:block;padding:22px 28px;border:1px solid var(--colorBorderGray);border-radius:8px;position:relative;overflow:hidden}
.offline_list .card_list .card_box .tag {padding:10px 20px;font-size:1em;border-radius:0 0 0 20px;position:absolute;right:-1px;top:-1px}
.offline_list .card_list .card_box .tag.sub {background-color:#2E009C;border-color:#2E009C}
.offline_list .card_list .card_box .tag.gray {background-color:var(--colorGray60);border-color:var(--colorGray60)}
.offline_list .card_list .card_box .tag.gray2 {color:var(--colorGray60);background-color:var(--colorGray10);border-color:var(--colorGray10)}
.offline_list .card_list .card_box .list_txt_group {display:flex;column-gap:20px;margin-bottom:10px;padding-bottom:0}
.offline_list .card_list .card_box .list_txt_group .dl {column-gap:3px;align-items:center;margin-bottom:0;font-weight:700}
.offline_list .card_list .card_box .list_txt_group .dl:last-child {color:var(--colorGray50)}
.offline_list .card_list .card_box .list_txt_group .dd {}
.offline_list .card_list .card_box .list_txt_group .icon {}
.offline_list .card_list .card_box .subject {margin-bottom:24px;font-size:20px;font-weight:700}
.offline_list .card_list .card_box .date {margin-bottom:16px;color:var(--colorGray50)}
.offline_list .card_list .card_box .date .icon {}
.offline_list .card_list .card_box .btn_custom {width:100%}
.offline_apply .inp_obj.flex {flex-wrap:wrap;gap:10px}
.offline_apply .inp_obj.flex .inp_li {width:calc(100% / 5 - 8px);margin-right:0}
.offline_apply .inp_obj .inp_li .tag {margin-left:5px;padding:3px 9px;border-radius:4px}
.offline_apply .table tbody td .flex {align-items:center;column-gap:5px}

/* 마이페이지 > 나의 강의실 > 대면교육 */
.offline_my_list {}
.offline_my_list .my_list_row {}
.my_list_row .bundle {margin-bottom:40px;padding:32px;background-color:var(--colorBgGray);border:1px solid var(--colorBorderGray);border-radius:8px;position:relative}
.my_list_row .bundle:last-child {margin-bottom:0}
.my_list_row .status_info {display:flex;align-items:center;column-gap:32px;position:relative}
.my_list_row .status_info .tag_label {padding:2px 15px;background-color:#fff;border:1px solid var(--colorBorderGray);border-radius:6px;position:absolute;right:0;top:-12px;z-index:1}
.my_list_row .status_info .tag_label .text {display:inline-flex;align-items:center;column-gap:12px;margin-right:10px;padding-right:16px;font-size:15px;color:var(--colorGray50);position:relative}
.my_list_row .status_info .tag_label .text::after {width:1px;height:14px;content:'';background-color:var(--colorBorderGray);position:absolute;right:0;top:50%;transform:translateY(-50%)}
.my_list_row .status_info .tag_label .text:last-child {margin-right:0;padding-right:0}
.my_list_row .status_info .tag_label .text:last-child::after {display:none}
.my_list_row .status_info .tag_label .label_inner_btn {margin:3px 0}
.my_list_row .status_info .tag_label .label_inner_btn .btn_small {}
.my_list_row .status_info .status {display:inline-flex;align-items:center;justify-content:center;width:146px;height:110px;padding:0 8px;text-align:center;background-color:#EAF6EC;border:1px solid #228738;border-radius:8px}
.my_list_row .status_info .status .text {font-size:1.1em;font-weight:700;color:#228738}
.my_list_row .status_info .status.blue {background-color:#FAFBFF;border-color:var(--colorMain)}
.my_list_row .status_info .status.blue .text {color:var(--colorMain)}
.my_list_row .status_info .typo {width:calc(100% - 385px)}
.my_list_row .status_info .typo .place {color:var(--colorMain);font-weight:700;font-size:1.15em}
.my_list_row .status_info .typo .subject {margin:3px 0 10px 0;font-size:24px;font-weight:700}
.my_list_row .status_info .typo .list_txt_group {display:flex;column-gap:50px}
.my_list_row .status_info .typo .list_txt_group .dl {margin-bottom:0}
.my_list_row .status_info .typo .list_txt_group .dl::after {background-color:var(--colorGray30);right:-25px}
.my_list_row .status_info .typo .list_txt_group .dt {font-weight:700}
.my_list_row .status_info .typo .list_txt_group .dd {}
.my_list_row .status_info .btn_custom {max-width:180px;position:absolute;right:0;bottom:12px}
.my_list_row .status_detail {margin-top:40px;padding-top:40px;border-top:1px solid var(--colorBorderGray)}
.my_list_row .status_detail .table th {background-color:#E6E8EA}
.my_list_row .status_detail .table td {background-color:#fff}

.offline_my_list .status_bar {display:flex;column-gap:24px}
.offline_my_list .status_bar .bar_box {flex:1;text-align:center;position:relative}
.offline_my_list .status_bar .bar_box .line {height:32px;margin-bottom:28px}
.offline_my_list .status_bar .bar_box .line::after {display:block;width:20px;height:20px;font-family:'xeicon';content:'';text-align:center;font-size:18px;line-height:20px;font-weight:bold;color:var(--colorGray10);background-color:var(--colorGray10);border:6px solid var(--colorGray10);border-radius:100%;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:1}
.offline_my_list .status_bar .bar_box .progress {display:block;height:6px;width:114%;background-color:var(--colorGray10);position:relative;left:43%;top:50%;transform:translateY(-50%);z-index:0}/*width:calc(100% + 25px)*/
.offline_my_list .status_bar .bar_box:first-child .progress {width:156%;border-radius:6px 0 0 6px;left:0}/*width:calc(100% + 93px)*/
.offline_my_list .status_bar .bar_box:last-child .progress {width:50%;float:right;border-radius:0 6px 6px 0;left:auto;right:0}
.offline_my_list .status_bar .bar_box .btn {display:flex;align-items:center;justify-content:center;height:52px;font-weight:500;line-height:1.3;text-align:center;background-color:#fff;border:1px solid var(--colorBorderGray);border-radius:8px;cursor:inherit}
.offline_my_list .status_bar .bar_box .btn .text {}
.offline_my_list .status_bar .bar_box .ct_txt {margin:8px 0}
.offline_my_list .status_bar .bar_box .ct_txt:last-child {margin-bottom:0}
.offline_my_list .status_bar .bar_box .btn_link {font-weight:500;color:var(--colorMain)}

.offline_my_list .status_bar .bar_box.current {}
.offline_my_list .status_bar .bar_box.current .line {}
.offline_my_list .status_bar .bar_box.current .line::before {display:inline-block;content:'';border-top:10px solid var(--colorMain);border-bottom:10px solid transparent;border-left:7px solid transparent;border-right:7px solid transparent;border-radius:3px;position:absolute;top:-18px;left:50%;transform:translateX(-50%);z-index:2}
.offline_my_list .status_bar .bar_box.current .line::after {background-color:#fff;border-color:var(--colorMain)}
.offline_my_list .status_bar .bar_box.current .progress {}
.offline_my_list .status_bar .bar_box.current .btn {color:#fff;cursor:pointer;background-color:var(--colorMain);border-color:var(--colorMain)}
.offline_my_list .status_bar .bar_box.current .btn:hover, 
.offline_my_list .status_bar .bar_box.current .btn:focus {background-color:#4C87F6;border-color:#4C87F6}
.offline_my_list .status_bar .bar_box.current .btn .text {}
.offline_my_list .status_bar .bar_box.current .ct_txt {}
.offline_my_list .status_bar .bar_box.current .btn_link {font-weight:500;color:var(--colorMain)}
 
.offline_my_list .status_bar .bar_box.end {}
.offline_my_list .status_bar .bar_box.end .line {}
.offline_my_list .status_bar .bar_box.end .line::after {content:'\e928';color:#fff;background-color:var(--colorMain);border-color:var(--colorMain)}
.offline_my_list .status_bar .bar_box.end .progress {background-color:var(--colorMain)}
.offline_my_list .status_bar .bar_box.end .btn {color:var(--colorMain);cursor:pointer;background-color:#EEF4FF;border-color:var(--colorMain)}
.offline_my_list .status_bar .bar_box.end .btn:hover, 
.offline_my_list .status_bar .bar_box.end .btn:focus {color:#4C87F6;border-color:#4C87F6}
.offline_my_list .status_bar .bar_box.end .btn .text {}
.offline_my_list .status_bar .bar_box.end .ct_txt {}
.offline_my_list .status_bar .bar_box.end .btn_link {font-weight:500;color:var(--colorMain)}

.offline_my_list .status_bar .bar_box.warning {}
.offline_my_list .status_bar .bar_box.warning .line {}
.offline_my_list .status_bar .bar_box.warning .line::after {content:'\e91a';color:#fff;background-color:var(--colorRed);border-color:var(--colorRed)}
.offline_my_list .status_bar .bar_box.warning .progress {}
.offline_my_list .status_bar .bar_box.warning .btn {font-weight:700;cursor:pointer;color:var(--colorRed) !important;background-color:#FCDFD9 !important;border-color:var(--colorRed) !important}
.offline_my_list .status_bar .bar_box.warning .btn:hover, 
.offline_my_list .status_bar .bar_box.warning .btn:focus {color:#F05F42 !important;border-color:#F05F42 !important}
.offline_my_list .status_bar .bar_box.warning .btn .text {}
.offline_my_list .status_bar .bar_box.warning .ct_txt {color:var(--colorRed)}
.offline_my_list .status_bar .bar_box.warning .btn_link {font-weight:500;color:var(--colorMain)}

/* 마이페이지 > 나의 강의실 > 대면교육 > 설문조사, 만족도 조사 */
.mypage_survey1 .survey_box {margin-bottom:30px}
.mypage_survey1 .survey_box:last-child {margin-bottom:0}
.mypage_survey1 .survey_quick {display:flex;flex-wrap:wrap;gap:24px}
.mypage_survey1 .quick_box {width:calc(50% - 12px);padding:20px 24px 24px 24px;border:1px solid var(--colorBorderGray);border-radius:8px;background-color:var(--colorBgGray)}
.mypage_survey1 .quick_box .btn_list {flex-wrap:nowrap;column-gap:8px}
.mypage_survey1 .quick_box .btn_list .btn_custom {min-width:inherit}
.mypage_survey1 .quick_box .btn_list .btn_custom:not(.sm) {flex:2}
.mypage_survey1 .quick_box .btn_list .btn_custom.sm {flex:1}
.mypage_survey1 .quick_box .btn_list .btn_custom .text {white-space:nowrap}

/* 온라인 교육 */
.online_list .gallery_list {}
.online_list .gallery_list .tag.green {background-color:#219F73;border-color:#219F73}
.online_list .gallery_list .list_box {}
.online_list .gallery_list .list_box .link {position:relative}
.online_list .gallery_list .list_box .link .target {margin-bottom:4px;font-weight:700}
.online_list .gallery_list .list_box .link .target .icon {font-size:1.1em;vertical-align:baseline;transform:translateY(1px)}
.online_list .gallery_list .list_box .link .target i.icon {}
.online_list .gallery_list .list_box .link .target img.icon {width:14px}
.online_list .gallery_list .list_box .link .subject .text {max-width:100%}
.online_list .gallery_list .list_box .link .dl_box {margin:25px 0 0 0}
.online_list .gallery_list .list_box .link .dl_box .dl {display:flex;column-gap:8px;margin-bottom:10px}
.online_list .gallery_list .list_box .link .dl_box .dt {width:60px;margin-right:0}
.online_list .gallery_list .list_box .link .dl_box .dd {width:calc(100% - 68px)}
.online_view {display:flex;align-items:flex-start;justify-content:space-between;position:relative}
.online_view::before {width:100dvw;height:217px;content:'';background-color:#EEF4FF;position:absolute;left:50%;top:0;z-index:-1;transform:translateX(-50%)}
.online_view .course_box {display:inline-block;width:440px;margin-top:24px;vertical-align:top;top:210px}
.online_view .course_box .thum_img {display:flex;align-items:center;justify-content:center;width:100%;height:0;padding-bottom:56.25%;border-radius:20px 20px 0 0;position:relative;overflow:hidden}
.online_view .course_box .thum_img .img {display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fff;position:absolute;left:0;top:0}
.online_view .course_box .thum_img img {}
.online_view .course_box .box_typo {padding:30px 35px 35px 35px;border:1px solid var(--colorBorderGray);border-radius:0 0 20px 20px}
.online_view .course_box .list_txt_box {}
.online_view .course_box .list_txt_box .dl {display:flex;margin-bottom:8px;font-size:1.05em}
.online_view .course_box .list_txt_box .dl:last-child {margin-bottom:0}
.online_view .course_box .list_txt_box .dt {width:75px;margin-right:17px;color:var(--colorGray60);position:relative}
.online_view .course_box .list_txt_box .dt::after {width:1px;height:16px;content:'';background-color:var(--colorBorderGray);position:absolute;right:0;top:6px}
.online_view .course_box .list_txt_box .dd {width:calc(100% - 92px);color:var(--colorGray90)}
.online_view .course_box .list_txt_box .dd .btn_link .els2 {max-width:calc(100% - 21px);-webkit-line-clamp:2;vertical-align:top}
.online_view .course_box .list_txt_box .dd .btn_link .text {text-decoration:none}
.online_view .course_box .list_txt_box .dd .btn_link:hover, 
.online_view .course_box .list_txt_box .dd .btn_link:focus {color:var(--colorMain)}
.online_view .course_box .list_txt_box .dd .btn_link:hover .text, 
.online_view .course_box .list_txt_box .dd .btn_link:focus .text {text-decoration:underline}
.online_view .course_box .btn_list {display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.online_view .course_box .btn_list .btn_custom {width:calc(50% - 4px);min-width:inherit}
.online_view .course_box .btn_list .btn_custom.btn_apply {width:100%}
.online_view .detail_view {display:inline-block;width:calc(100% - 440px);margin-top:50px;vertical-align:top}
.online_view .detail_view .view_typo {height:109px;margin:0 0 50px 50px}
.online_view .detail_view .view_typo .tag {}
.online_view .detail_view .view_typo .tag.green {background-color:#219F73;border-color:#219F73}
.online_view .detail_view .view_typo .subject {margin:6px 0 4px 0;font-size:28px;font-weight:700}
.online_view .detail_view .view_typo .text {font-size:1.05em}
.online_view .view_tab {border-bottom:1px solid var(--colorBorderGray)}
.online_view .view_tab .tab_box {display:flex;position:relative;z-index:1}
.online_view .view_tab .tab_box::after {width:1px;height:18px;content:'';background-color:var(--colorBorderGray);position:absolute;right:0;top:50%;transform:translateY(-50%)}
.online_view .view_tab .tab_box:last-child::after {display:none}
.online_view .view_tab .tab {min-width:180px;padding:24px 10px 19px 10px;color:var(--colorGray60);font-size:1.1em;position:relative}
.online_view .view_tab .tab::before {width:0;height:2px;content:'';background-color:transparent;position:absolute;left:0;bottom:0}
.online_view .view_tab .tab .text {}
.online_view .view_tab .tab:not(.current):hover, 
.online_view .view_tab .tab:not(.current):focus {color:var(--colorGray90)}
.online_view .view_tab .tab.current {color:var(--colorGray90);font-weight:700}
.online_view .view_tab .tab.current::before {width:100%;background-color:var(--colorGray90)}
.online_view .view_tab .tab.current .text {}
.online_view .view_cont {margin:45px 0 0 50px}
.online_view .view_cont .editor_view {min-height:inherit}
.online_view .view_cont .editor_view .bd_box {min-height:120px}
.online_view .view_cont .board_list {}
.online_view .view_cont .board_list table {}
.online_view .view_cont .board_list table th {}
.online_view .view_cont .board_list table td {}
.online_view .view_cont .board_list table .btn_custom {width:100%;min-width:inherit}

/* 진도율 상태 박스 */
.rate_info_box {border:1px solid #A7C8FF;border-radius:20px;overflow:hidden}
.rate_info_box .top_box {display:flex;align-items:center;height:180px;padding:25px 0;background-color:#FAFBFF;overflow:hidden}
.rate_info_box .rate_chart {display:flex;align-items:center;justify-content:space-between;width:450px;padding:0 50px 0 40px}
.rate_info_box .rate_chart .page_tit {margin-bottom:0;font-weight:400}
.rate_info_box .rate_chart .chart {width:210px}
.rate_info_box .rate_count {display:flex;width:calc(100% - 450px)}
.rate_info_box .rate_count .count_bundle {flex:1;padding:10px;text-align:center;border-left:1px dashed #A7C8FF}
.rate_info_box .rate_count .click {display:inline-block}
.rate_info_box .rate_count .text {display:inline-block;font-size:1.1em;font-weight:500;position:relative}
.rate_info_box .rate_count .text::after {width:0;height:2px;content:'';background-color:var(--colorMain);position:absolute;left:0;bottom:1px;transition:width 0.3s}
.rate_info_box .rate_count .count {margin-top:4px;font-size:32px;font-weight:700;position:relative}
.rate_info_box .rate_count .click:hover .text, 
.rate_info_box .rate_count .click:focus .text {color:var(--colorMain);font-weight:700}
.rate_info_box .rate_count .click:hover .text::after, 
.rate_info_box .rate_count .click:focus .text::after {width:100%}
.rate_info_box .bottom_box {padding:32px 40px 28px 40px;border-top:1px solid #A7C8FF}
.rate_info_box .bottom_box .list_txt_group {}
.rate_info_box .bottom_box .list_txt_group .list_txt {padding-bottom:2px}

/* 마이페이지 > 나의 강의실 > 온라인 교육 */
.online_my_list {padding-top:10px}
.online_my_list .my_list_row {}
.online_my_list .bundle {display:flex;column-gap:32px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:32px;border:1px solid var(--colorBorderGray);border-radius:8px;background-color:#FAFAFA}
.online_my_list .bundle:last-child {margin-bottom:0}
.online_my_list .bundle .left {display:flex;align-items:center;column-gap:32px;width:calc(100% - 347px)}
.online_my_list .bundle .right {width:315px}
.online_my_list .bundle .status {display:inline-flex;align-items:center;justify-content:center;width:146px;height:110px;text-align:center;color:var(--colorMain);font-size:1.1em;font-weight:700;background-color:#FAFBFF;border:1px solid var(--colorMain);border-radius:8px}
.online_my_list .bundle .status .text {}
.online_my_list .bundle .status .s_txt {display:block;color:var(--colorRed)}
.online_my_list .bundle .status.end {color:var(--colorGray60);background-color:var(--colorGray10);border-color:var(--colorBorderGray)}
.online_my_list .bundle .status.end .text {}
.online_my_list .bundle .status.end .s_txt {color:var(--colorGray60)}
.online_my_list .bundle .typo {width:calc(100% - 178px)}
.online_my_list .bundle .typo .cate {color:var(--colorMain);font-weight:700;font-size:1.1em}
.online_my_list .bundle .typo .subject {margin:2px 0 10px 0;font-size:24px;font-weight:700}
.online_my_list .bundle .typo .list_txt_group {}
.online_my_list .bundle .typo .list_txt_group .dl {display:inline-flex;margin-right:13px;padding-right:17px}
.online_my_list .bundle .typo .list_txt_group .dl::after {background-color:var(--colorGray30);right:0}
.online_my_list .bundle .typo .list_txt_group .dt {font-weight:700}
.online_my_list .bundle .typo .list_txt_group .dd {}
.online_my_list .bundle .btn_list {}
.online_my_list .bundle .btn_list .btn_custom {min-width:155px}
.online_my_list .bundle .btn_list .btn_custom .icon {}
.online_my_list .bundle .btn_list .btn_custom.btn_certify {}
.online_my_list .bundle .btn_list .btn_custom.btn_certify .text {padding-left:19px;line-height:19px;background-image:url(/images/edu/kor/user/sub/ic_certify.png);background-position:left center;background-repeat:no-repeat;background-size:14px}
.online_my_list .bundle .btn_list .btn_custom.btn_certify:hover, 
.online_my_list .bundle .btn_list .btn_custom.btn_certify:focus {background-color:#fff;color:var(--colorMain)}

/* 영상시청 페이지 */
.video_view {}
.video_view .sub_tit2 {margin-bottom:0;word-break:break-word}
.video_view .page_tit {margin-bottom:8px;font-size:22px;line-height:1.4}
.video_view .left {display:inline-block;width:calc(100% - 500px)}
.video_view .right {display:inline-block;float:right;width:498px;height:100vh;margin-right:2px;border-left:1px solid var(--colorBorderGray);position:sticky;right:0;top:0;overflow:hidden}
.video_view .st_mark {display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#fff;text-indent:-9999px;border-radius:100%;overflow:hidden;position:relative}
.video_view .st_mark::after {font-family:xeicon;display:flex;align-items:center;justify-content:center;width:100%;height:100%;content:"\e929";font-size:16px;line-height:1;text-indent:0;position:absolute;left:0;top:0}
.video_view .st_mark.s1::after {background-color:#219F73}
.video_view .st_mark.s2::after {background-color:var(--colorSub);content:'\ea3b';font-size:14px}
.video_view .st_mark.s3::after {background-color:var(--colorMain);content:'\ea3e';font-size:14px}
.video_view .st_mark.s4::after {background-color:var(--colorGray60);content:'\e921';font-size:9px;font-weight:bold}
.video_view .edu_progress {width:100%}
.video_view .edu_progress .bar {height:8px;background-color:#fff;border-radius:8px;overflow:hidden}
.video_view .edu_progress .active_bar {display:block;height:100%;background-color:var(--colorGray50);border-radius:0 8px 8px 0}
.video_view .video_obj {}
.video_view .video_obj .video_head {display:flex;align-items:center;justify-content:space-between;column-gap:15px;margin-bottom:35px;padding:35px 30px 25px 30px;border-bottom:1px solid var(--colorBorderGray);position:relative}
.video_view .video_obj .video_head .typo {width:calc(100% - 393px)}
.video_view .video_obj .video_head .btn_list {width:378px;text-align:right}
.video_view .video_obj .video_frame {width:calc(100% - 60px);height:calc(100dvh - 250px);margin:0 30px;background-color:var(--colorBlack);position:relative}
.video_view .video_obj .video_frame .video {display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;left:0;top:0} 
.video_view .video_obj .video_frame video {display:block;max-width:100%;height:100%}
.video_view .video_list {padding:20px 0}
.video_view .video_list .list_top {padding:0 25px 14px 25px;border-bottom:1px solid var(--colorBorderGray)}
.video_view .video_list .list_top .edu_progress .bar {height:10px;background-color:var(--colorGray10);border-radius:10px}
.video_view .video_list .list_top .edu_progress .active_bar {background-color:var(--colorMain);border-radius:0 10px 10px 0}
.video_view .video_list .status {display:flex;align-items:center;justify-content:space-around;margin-top:12px;padding:8px 15px;background-color:var(--colorBgGray);border-radius:5px}
.video_view .video_list .status .st_box {}
.video_view .video_list .status .st_box .text {font-size:15px;vertical-align:middle}
.video_view .video_list .status .st_box .st_mark {margin-right:4px;vertical-align:middle}
.video_view .video_list .btn_list {margin:15px 25px}
.video_view .video_list .btn_list .btn_custom {width:100%}
.video_view .board_list {max-height:calc(100% - 162px);overflow-y:auto}
.video_view .board_list .list_inner {}
.video_view .board_list .list_box {}
.video_view .board_list .list_box .btn {display:block;padding:20px 25px;border-bottom:1px solid var(--colorBorderGray);position:relative}
.video_view .board_list .list_box .btn::after {font-family:xeicon;content:"\e941";position:absolute;right:25px;top:50%;transform:translateY(-50%)}
.video_view .board_list .list_box .btn.current::after {content:"\e944"}
.video_view .board_list .list_box .subject {max-width:95%;font-size:1.15em;font-weight:700}
.video_view .board_list .list_box .st_mark {width:30px;height:30px}
.video_view .board_list .list_box .st_mark::after {font-size:16px}
.video_view .board_list .list_box .st_mark.s1::after {font-size:22px}
.video_view .board_list .list_box .st_mark.s2::after {}
.video_view .board_list .list_box .st_mark.s3::after {}
.video_view .board_list .list_box .st_mark.s4::after {font-size:12px}
.video_view .board_list .list_box .box_tgl_obj {display:none;border-bottom:1px solid var(--colorBorderGray)}
.video_view .board_list .list_box .obj_inner {background-color:var(--colorBgGray)}
.video_view .board_list .list_box .obj_box {}
.video_view .board_list .list_box .obj_box .link {display:block;padding:18px 30px;border-bottom:1px solid var(--colorBorderGray);transition:0.2s;position:relative}
.video_view .board_list .list_box .obj_box:last-child .link {border-bottom:0}
.video_view .board_list .list_box .obj_box .link:hover {background-color:#f1f8ff}
.video_view .board_list .list_box .obj_box .grid {display:flex;flex-wrap:wrap;row-gap:5px;margin-left:35px;position:relative}
.video_view .board_list .list_box .obj_box .grid_subject {max-width:calc(100% - 125px);font-weight:700}
.video_view .board_list .list_box .obj_box .time {font-size:14px;text-align:right;position:absolute;right:0;top:0}
.video_view .board_list .list_box .obj_box .edu_progress {}
.video_view .board_list .list_box .obj_box .edu_progress .bar {}
.video_view .board_list .list_box .obj_box .edu_progress .active_bar {}
.video_view .board_list .list_box .st_mark {position:absolute;left:25px;top:50%;transform:translateY(-50%)}
.video_view .review_edit {display:flex;align-items:center;margin:7px 0 20px 0;padding:12px 10px 12px 30px;border:1px solid var(--colorBorderGray);border-radius:8px}
.video_view .review_edit .btn_star_obj {width:200px}
.video_view .review_edit .btn_star_obj .total {font-size:18px}
.video_view .review_edit .edit_box {display:inline-flex;width:calc(100% - 200px)}
.video_view .review_edit .edit_box textarea {width:calc(100% - 100px);min-height:100px;border-radius:5px 0 0 5px}
.video_view .review_edit .edit_box .btn {display:inline-flex;align-items:center;justify-content:center;width:100px;text-align:center;color:#fff;background-color:var(--colorGray90);border-radius:0 5px 5px 0;transition:0.2s}
.video_view .review_edit .edit_box .btn:hover {background-color:#2089ff}

/* 학습자료실 */
.dataroom .dropdown:hover, 
.dataroom .dropdown:focus {border-color:var(--colorBorderGray)}
.dataroom .search_filter .search_bar .dropdown:nth-child(2) {border-radius:0;border-left:0}
.dataroom .dropdown:nth-child(2).slt select.selected_option {border-radius:0}
.dataroom .tag.line.gray {color:var(--colorGray90);border-color:var(--colorBorderGray)}
.dataroom .gallery_list.blog .list_box {display:flex;align-items:flex-end;padding:30px 0}
.dataroom .gallery_list.blog .list_box .link {width:calc(100% - 200px);padding:0 40px 0 0;border-right:1px solid var(--colorBorderGray);border-radius:0}
.dataroom .gallery_list.blog .list_box .link .tag {position:relative;left:auto;top:auto}
.dataroom .gallery_list.blog .list_box .link .img_area {width:190px;aspect-ratio:1 / 1;vertical-align:middle}
.dataroom .gallery_list.blog .list_box .link .txt_area {width:calc(100% - 225px);vertical-align:middle}
.dataroom .gallery_list.blog .list_box .link .subject .text {max-width:100%}
.dataroom .gallery_list.blog .list_box .btn_list {width:200px;padding-left:40px;vertical-align:top}
.dataroom .gallery_list.blog .list_box .btn_list .btn_custom {width:100%;min-width:inherit;margin-bottom:5px}
.dataroom .gallery_list.blog .list_box .btn_list .btn_custom:last-child {margin-bottom:0}

/* 마이페이지 > 내가 받은 자료 */
.my_dataroom .search_filter .search_detail {border-top:1px solid var(--colorBorderGray);border-radius:6px}
.my_dataroom .search_filter .search_detail .detail_obj {display:flex;align-items:center;column-gap:10px}
.my_dataroom .search_filter .search_detail .detail_obj .op_tit {width:60px;margin-bottom:0;font-weight:700;color:var(--colorGray90)}
.my_dataroom .search_filter .search_detail .detail_obj .op_box {width:calc(100% - 70px)}
.my_dataroom .board_list td .subject .text {max-width:100%}

/* 마이페이지 > 강사 권한 신청 */
.teacher_auth {}
.teacher_auth .bd_inner_obj {max-width:540px;margin:0 auto}
.teacher_auth .bd_inner_obj .page_tit {text-align:center}
.teacher_auth .bd_inner_obj .table {}
.teacher_auth .bd_inner_obj .btn_list {display:flex;column-gap:6px}
.teacher_auth .bd_inner_obj .btn_list .btn_custom {flex:1;min-width:inherit}
.auth_apply .table .inp_btn .f1 {width:92px}
.auth_apply .page_tit_box.agt {align-items:flex-start}
.auth_apply .page_tit_box.agc {align-items:center}
.auth_apply .page_tit_box.age {align-items:flex-end}
.auth_apply .page_tit_box .right {display:flex;align-items:flex-end;column-gap:10px}

/* 마이페이지 > 배정된 교육 관리 */
.board_type_btn {}
.board_type_btn .btn {display:inline-flex;align-items:center;justify-content:center;column-gap:4px;min-width:142px;height:44px;padding:0 10px;font-weight:700;background-color:#fff;border:1px solid var(--colorBorderGray);border-radius:8px}
.board_type_btn .btn .icon {}
.board_type_btn .btn .text {}
.board_type_btn .btn:not(.current):hover, 
.board_type_btn .btn:not(.current):focus {color:var(--colorMain);border-color:var(--colorMain)}
.board_type_btn .btn.current {font-weight:500;color:#fff;background-color:var(--colorMain);border-color:var(--colorMain)}
.assign_report {}
.assign_report .search_filter {display:flex;justify-content:space-between;align-items:center;column-gap:40px}
.assign_report .search_filter .cont_tit {margin-bottom:0}
.assign_report .search_filter .inp_obj {display:flex;align-items:center;flex:3}
.assign_report .search_filter .inp_obj .inp_li {width:50%}
.assign_report .search_filter .inp_obj label:not(.hide) {display:inline-block;width:60px}
.assign_report .search_filter .inp_obj input[type="radio"], 
.assign_report .search_filter .inp_obj input[type="checkbox"] {vertical-align:sub} 
.assign_report .search_filter .inp_obj input[type="text"] {width:calc(100% - 125px)}
.assign_report .search_filter .btn_custom {}

#scheduler {}
#scheduler.bd0 {border-top:0}
#scheduler .month_ctrl {padding:30px 0;text-align:center;border-top:1px solid var(--colorBorderGray)}
#scheduler .month_ctrl .arrow {display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;font-size:26px;color:var(--colorGray30);border:1px solid var(--colorBorderGray);border-radius:100%;vertical-align:middle}
#scheduler .month_ctrl .arrow:hover, 
#scheduler .month_ctrl .arrow:focus {color:var(--colorGray90)}
#scheduler .month_ctrl .arrow.prev .icon {transform:translateX(-2px)}
#scheduler .month_ctrl .arrow.next .icon {transform:translateX(2px)}
#scheduler .month_ctrl .slt_obj {display:inline-flex;align-items:center;column-gap:20px;padding:0 50px;text-align:left;vertical-align:middle}
#scheduler .month_ctrl .slt_obj .selected_text {font-size:30px;font-weight:700;line-height:1}
#scheduler .month_ctrl .slt_obj select {padding-top:0;padding-bottom:0;padding-left:0;font-size:32px;font-weight:700;border:0;background-position:right center}
#scheduler .month_ctrl .slt_obj select option {font-size:16px;font-weight:normal}
#scheduler .grid_col {display:grid;grid-template-columns:calc(100% - 440px) 440px}
#scheduler .grid_col .tit_box {display:flex;align-items:center;justify-content:space-between;height:60px;margin-bottom:32px;padding:0 16px;background-color:#6BA3FF}
#scheduler .grid_col .tit_box .cont_tit {margin-bottom:0;font-size:20px;font-weight:500;color:#fff}
#scheduler .grid_col .tit_box .cont_tit .icon {vertical-align:sub}
#scheduler .grid_col .tit_box .text {color:#fff}
#scheduler .calender {padding:10px 0 20px 0;border:1px solid var(--colorBorderGray);border-radius:8px;background-color:var(--colorBgGray);overflow:hidden}
#scheduler .calender table {text-align:center}
#scheduler .calender table thead {height:50px}
#scheduler .calender table th {width:calc(100% / 7);font-weight:700;font-size:18px}
#scheduler .calender table td {width:calc(100% / 7);height:100px;font-size:18px;position:relative;vertical-align:middle}
#scheduler .calender table .sun {color:var(--colorRed)}
#scheduler .calender table .sat {color:var(--colorBlue)}
#scheduler .calender table .day {display:flex;justify-content:center;flex-wrap:wrap;width:100%;min-height:46px;color:inherit;position:relative;z-index:1}
#scheduler .calender table .noclick {cursor:inherit !important}
#scheduler .calender table .num {display:block;width:100%}
#scheduler .calender table .count {display:inline-block;margin-top:3px;padding:3px 10px;font-size:14px;color:#fff;border-radius:22px;background-color:var(--colorGray70)}
#scheduler .calender table .selected {}
#scheduler .calender table .selected::before {width:88px;height:88px;content:'';background-color:#fff;border-radius:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:0}
#scheduler .calender table .selected::after {width:6px;height:6px;content:'';background-color:var(--colorRed);border-radius:100%;position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:1}
#scheduler .calender table .today {color:#fff}
#scheduler .calender table .today::before {width:88px;height:88px;content:'';background-color:var(--colorMain);border-radius:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:0}
#scheduler .calender table .today .count {color:var(--colorMain);font-weight:500;background-color:#fff}
#scheduler .calender table .disabled {color:var(--colorGray30) !important;pointer-events:none}
#scheduler .calender_obj {}
#scheduler .calender_obj .tit_box {border-radius:8px 0 0 8px}
#scheduler .calender_obj .calender {height:582px;margin-right:60px}
#scheduler .schedul_list {}
#scheduler .schedul_list .tit_box {border-radius:0 8px 8px 0}
#scheduler .schedul_list .inner_board_list {height:582px;padding-right:12px;overflow-y:auto}
#scheduler .schedul_list .inner_board_list::-webkit-scrollbar {width:8px;height:8px}
#scheduler .schedul_list .inner_board_list::-webkit-scrollbar-track {background-color:var(--colorBgGray);border-radius:8px}
#scheduler .schedul_list .inner_board_list::-webkit-scrollbar-thumb {background-color:var(--colorBorderGray);border-radius:8px}
#scheduler .schedul_list .inner_board_list::-webkit-scrollbar-thumb:hover {background-color:var(--colorSub)}
#scheduler .schedul_list .inner_board_list .no_contents {height:100%;text-align:center;background-color:#f2f7ff;border:1px solid #d4e3fc;border-radius:8px}
#scheduler .schedul_list .inner_board_list .no_contents .offset {display:flex;align-items:center;justify-content:center;gap:5px;height:100%}
#scheduler .schedul_list .inner_board_list .inner_wrap {height:100%}
#scheduler .schedul_list .inner_board_list .list_bundle {margin-bottom:15px}
#scheduler .schedul_list .inner_board_list .list_bundle:last-child {margin-bottom:0}
#scheduler .schedul_list .inner_board_list .link {display:block;border:1px solid var(--colorBorderGray);border-radius:8px;overflow:hidden}
#scheduler .schedul_list .inner_board_list .region {padding:12px 16px;font-weight:700;color:var(--colorMain);line-height:1;background-color:var(--colorBgGray)}
#scheduler .schedul_list .inner_board_list .subject {-webkit-line-clamp:2;height:54px;margin:16px;font-size:18px;font-weight:700}
#scheduler .schedul_list .inner_board_list .info {padding:12px 16px;border-top:1px solid var(--colorBorderGray)}
#scheduler .schedul_list .inner_board_list .info .dl {}
#scheduler .schedul_list .inner_board_list .info .dt {margin-right:12px;padding-right:16px;position:relative}
#scheduler .schedul_list .inner_board_list .info .dt::after {width:1px;height:16px;content:'';background-color:var(--colorBorderGray);position:absolute;right:0;top:50%;transform:translateY(-50%)}
#scheduler .schedul_list .inner_board_list .info .dd {color:var(--colorGray80)}
#scheduler .schedul_list .inner_board_list .info .icon {vertical-align:baseline}

/* 콘텐츠 : 예방사업 소개 > 교육 유형별 */
.about_business {}
.about_business .page_top_visual {}
.about_business .page_top_visual .inner {}
.about_business .page_top_visual .inner::after {width:657px;height:289px;content:'';background-image:url(/images/edu/kor/user/sub/about_top_bg.png);background-position:bottom center;background-repeat:no-repeat;background-size:cover;position:absolute;right:0;bottom:-50px;z-index:0}
.about_business .type_img_box {display:flex;column-gap:24px;padding-top:32px;border-top:1px solid var(--colorBorderGray)}
.about_business .type_img_box .img_bundle {flex:1;border-radius:20px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);overflow:hidden}
.about_business .type_img_box .type_img {height:323px;background-repeat:no-repeat}
.about_business .type_img_box .type_img.img1 {background-color:#eef4ff;background-image:url(/images/edu/kor/user/sub/about_type_box_img01.png);background-position:center top 44px}
.about_business .type_img_box .type_img.img2 {background-color:#f2edff;background-image:url(/images/edu/kor/user/sub/about_type_box_img02.png);background-position:center top 25px}
.about_business .type_img_box .type_text {padding:24px 15px;text-align:center}
.about_business .type_img_box .page_tit {margin-bottom:8px}
.about_business .type_img_box .text {font-size:1.1em;color:var(--colorGray90)}
.about_business .type_icon_box {}
.about_business .type_icon_box .icon_bundle {display:flex;align-items:center;column-gap:24px;margin-bottom:16px;padding:24px 32px;border-radius:12px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.1)}
.about_business .type_icon_box .icon_bundle:last-child {margin-bottom:0}
.about_business .type_icon_box .cont_tit {font-size:19px}
.about_business .type_icon_box .type_icon {display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px}
.about_business .type_icon_box .type_text {width:calc(100% - 104px);color:var(--colorGray90)}
.about_business .type_icon_box .type_text.flex {display:flex;align-items:center}
.about_business .type_icon_box .type_text.flex .cont_tit {margin-bottom:0;width:135px;padding-right:15px}
.about_business .type_icon_box .type_text .text {font-size:1.05em}
.about_business .type_icon_box .type_text .left {display:inline-block}
.about_business .type_icon_box .type_text .right {display:inline-block;margin-left:25px;padding-left:32px;border-left:1px solid var(--colorBorderGray)}
.about_business .type_icon_box .type_text .dl {display:flex;column-gap:10px;align-items:center;margin-bottom:5px}
.about_business .type_icon_box .type_text .dl:last-child {margin-bottom:0}
.about_business .type_icon_box .type_text .dt {min-width:89px;color:#fff;line-height:28px;font-size:14px;text-align:center;background-color:var(--colorMain);border-radius:6px}
.about_business .type_icon_box .type_text .dd {font-size:15px;color:var(--colorGray90)}
.about_business .type_icon_box .sns_list {display:flex;column-gap:10px;width:calc(100% - 135px)}
.about_business .type_icon_box .sns_list .btn {flex:1;padding:16px 0;text-align:center;border-radius:16px}
.about_business .type_icon_box .sns_list .btn .qr_img {margin-bottom:16px}
.about_business .type_icon_box .sns_list .btn .text {display:block;font-size:17px;font-weight:700;color:var(--colorGray90)}
.about_business .type_icon_box .sns_list .btn.facebook {background-color:#EBF4FF}
.about_business .type_icon_box .sns_list .btn.facebook:hover, 
.about_business .type_icon_box .sns_list .btn.facebook:focus {background-color:#ddecff}
.about_business .type_icon_box .sns_list .btn.insta {background-color:#F7E9FF}
.about_business .type_icon_box .sns_list .btn.insta:hover, 
.about_business .type_icon_box .sns_list .btn.insta:focus {background-color:#f1e0fc}
.about_business .type_icon_box .sns_list .btn.youtube {background-color:#FFF4F4}
.about_business .type_icon_box .sns_list .btn.youtube:hover, 
.about_business .type_icon_box .sns_list .btn.youtube:focus {background-color:#f6e2e2}
.about_business .type_icon_box .sns_list .btn.twitter {background-color:var(--colorBgGray)}
.about_business .type_icon_box .sns_list .btn.twitter:hover, 
.about_business .type_icon_box .sns_list .btn.twitter:focus {background-color:var(--colorGray10)}
.about_business .type_icon_box .sns_list .btn.kakao {background-color:#FFFDEB}
.about_business .type_icon_box .sns_list .btn.kakao:hover, 
.about_business .type_icon_box .sns_list .btn.kakao:focus {background-color:#f6f4df}
.about_business .btn_custom.lg {padding-left:25px;padding-right:25px}

/* 콘텐츠 : 예방사업 소개 > 교육 대상별 */
.about_business {}
.about_business .page_tit {}
.about_business .cont_top_quick {height:670px;margin-bottom:90px;position:relative;z-index:1}
.about_business .cont_top_quick .quick_btn {max-width:983px;height:100%;margin:0 auto;position:relative;z-index:0}
.about_business .cont_top_quick .quick_btn .btn {display:flex;align-items:center;justify-content:center;width:110px;height:110px;font-size:22px;color:var(--colorGray90);line-height:1.3;text-align:center;background-color:#fff;border-radius:100%;outline:1px solid var(--colorBorderGray);border:2px solid transparent;box-shadow:0 0 40px rgba(0, 0, 0, 0.16);position:absolute;z-index:1;transition:transform 0.3s ease, color 0.3s, border-color 0.3s;transform-origin:center center}
.about_business .cont_top_quick .quick_btn .btn::before, 
.about_business .cont_top_quick .quick_btn .btn::after {display:block;width:calc(100% + 20px);height:calc(100% + 20px);content:'';border-radius:100%;border:2px dashed transparent;opacity:0;transition:all 0.5s;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-1}
.about_business .cont_top_quick .quick_btn .btn .text {font-weight:700}
.about_business .cont_top_quick .quick_btn .btn:hover, 
.about_business .cont_top_quick .quick_btn .btn:focus {color:var(--colorSub);outline:2px solid var(--colorSub);border-color:var(--colorSub);transform:scale(1.2)}
.about_business .cont_top_quick .quick_btn .btn:hover::before, 
.about_business .cont_top_quick .quick_btn .btn:focus::before {border-color:var(--colorSub);opacity:1}
.about_business .cont_top_quick .quick_btn .btn:hover::after, 
.about_business .cont_top_quick .quick_btn .btn:focus::after {width:calc(100% + 40px);height:calc(100% + 40px);border-color:rgba(93, 87, 235, 0.3);opacity:1}
.about_business .cont_top_quick .quick_btn .btn.b1 {left:0;bottom:95px}
.about_business .cont_top_quick .quick_btn .btn.b2 {left:40px;bottom:270px}
.about_business .cont_top_quick .quick_btn .btn.b3 {left:151px;top:143px}
.about_business .cont_top_quick .quick_btn .btn.b4 {left:calc(50% - 163px);top:50px}
.about_business .cont_top_quick .quick_btn .btn.b5 {right:calc(50% - 163px);top:50px}
.about_business .cont_top_quick .quick_btn .btn.b6 {right:151px;top:143px}
.about_business .cont_top_quick .quick_btn .btn.b7 {right:40px;bottom:270px}
.about_business .cont_top_quick .quick_btn .btn.b8 {right:0;bottom:95px}
.about_business .cont_top_quick .mid_txt {width:211px;height:74px;background-image:url(/images/edu/kor/user/sub/about_target_text.png);background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:0}
.about_business .cont_top_quick .bg {width:100dvw;height:100%;text-align:center;background:linear-gradient(0, #e2dffe, transparent);transform:translateX(calc((-100dvw + 1400px) / 2));position:absolute;left:0;top:0;z-index:-1}
.about_business .cont_top_quick .bg .img {max-width:inherit;height:100%;margin:0 auto;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1}
.about_business .target_icon_box {display:flex;gap:10px}
.about_business .target_icon_box .icon_bundle {flex:1;display:flex;align-items:center;column-gap:15px;max-width:210px;padding:9px 10px;border:1px solid var(--colorBorderGray);border-radius:12px}
.about_business .target_icon_box .icon_bundle .icon {width:60px;height:60px}
.about_business .target_icon_box .icon_bundle .text {width:calc(100% - 75px);font-size:18px;font-weight:700;color:var(--colorGray90)}
.about_business .icon_step_obj {text-align:center}
.about_business .icon_step_obj .step_ol {display:flex;}
.about_business .icon_step_obj .step {width:192px;margin-right:32px;padding-right:52px;position:relative}
.about_business .icon_step_obj .step::after {font-family:'xeicon';content:'\e907';color:#A7C8FF;font-size:25px;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.about_business .icon_step_obj .step:last-child {margin-right:0}
.about_business .icon_step_obj .step:last-child::after {display:none}
.about_business .icon_step_obj .step .icon_box {display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 10px auto;background-color:#EEF4FF;border-radius:100%}
.about_business .icon_step_obj .step .text {font-weight:700;font-size:1.05em;color:var(--colorGray90)}
.about_business .color_card_box {display:grid;grid-template-columns:1fr 1fr;gap:24px}
.about_business .color_card_box .card_box {padding:35px;background-repeat:no-repeat;border-radius:12px;}
.about_business .color_card_box .card_box.b1 {background-color:#EEF4FF;background-image:url(/images/edu/kor/user/sub/about_target_icon_bg1.png);background-position:right 55px center}
.about_business .color_card_box .card_box.b2 {background-color:#F2EDFF;background-image:url(/images/edu/kor/user/sub/about_target_icon_bg2.png);background-position:right 44px center}
.about_business .color_card_box .card_box.b3 {background-color:#ECFBF3;background-image:url(/images/edu/kor/user/sub/about_target_icon_bg3.png);background-position:right 40px center}
.about_business .color_card_box .card_box.b4 {background-color:#FDEFEC;background-image:url(/images/edu/kor/user/sub/about_target_icon_bg4.png);background-position:right 44px center}
.about_business .color_card_box .card_box .cont_tit {margin-bottom:0}
.about_business .table .dl {}
.about_business .table .dt {display:inline-block;font-weight:700}
.about_business .table .dd {display:inline-block}
.about_target {margin-bottom:90px}
.about_target:last-child {margin-bottom:0}
.about_target .list_txt_group {}
.about_target .list_txt_group.s2 .list_txt {display:flex;column-gap:10px;margin-bottom:12px;padding-left:0}
.about_target .list_txt_group.s2 .num {width:24px;height:24px;text-align:center;line-height:24px;font-size:15px;font-weight:700;background-color:var(--colorGray10);border-radius:100%}
.about_target .list_txt_group.s2 .text {width:calc(100% - 34px)}
.about_target .inner_top_visual .top_visual_inner::after {content:'';background-size:cover;background-repeat:no-repeat;background-position:center bottom;position:absolute;right:0;bottom:-14px;z-index:0}
.about_target .inner_top_visual .top_visual_inner.bg1 {}
.about_target .inner_top_visual .top_visual_inner.bg1::after {width:313px;height:295px;background-image:url(/images/edu/kor/user/sub/about_target_bg01.png);bottom:0}
.about_target .inner_top_visual .top_visual_inner.bg2 {}
.about_target .inner_top_visual .top_visual_inner.bg2::after {width:456px;height:216px;background-image:url(/images/edu/kor/user/sub/about_target_bg02.png)}
.about_target .inner_top_visual .top_visual_inner.bg3 {}
.about_target .inner_top_visual .top_visual_inner.bg3::after {width:396px;height:230px;background-image:url(/images/edu/kor/user/sub/about_target_bg03.png)}
.about_target .inner_top_visual .top_visual_inner.bg4 {}
.about_target .inner_top_visual .top_visual_inner.bg4::after {width:401px;height:236px;background-image:url(/images/edu/kor/user/sub/about_target_bg04.png)}
.about_target .inner_top_visual .top_visual_inner.bg5 {}
.about_target .inner_top_visual .top_visual_inner.bg5::after {width:376px;height:232px;background-image:url(/images/edu/kor/user/sub/about_target_bg05.png);bottom:-6px}

/* 콘텐츠 : 찾아오시는 길 */
.about_way {}
.about_way .page_txt {font-size:1.4em;color:var(--colorGray90)}
.about_way .way_grid {display:grid;grid-template-columns:1fr 1fr;column-gap:24px;margin-top:55px}
.about_way .way_map {display:grid;align-items:center;justify-content:center;background-color:#EEF4FF;border-radius:16px}
.about_way .way_map object {width:100%;height:100%}
.about_way .way_map .svg {width:490px}
.about_way .way_map .svg .path {cursor:pointer}
.about_way .way_map .svg .path:hover, 
.about_way .way_map .svg .path:focus,
.about_way .way_map .svg .path.current {fill:#a7c8ff}
.about_way .way_map .path_label_box {pointer-events:none}
.about_way .way_map .path_label {text-anchor:middle;pointer-events:none;font-weight:700;font-size:3.3rem;fill:var(--colorGray50);stroke:#fff;stroke-width:0.7rem;paint-order:stroke} 
.about_way .way_map .path_label.current {fill:var(--colorGray90)}
.about_way .way_cont {}
.about_way .way_list_top {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}
.about_way .way_list_top .total {}
.about_way .way_list_top .slt_box {}
.about_way .way_list_top .slt_box select {min-width:140px}
.about_way .way_list_top .slt_box .btn_icon {vertical-align:top}
.about_way .way_list {max-height:755px;overflow-y:auto}
.about_way .way_list .list_inner {height:100%}
.about_way .way_list .bundle {display:flex;column-gap:32px;align-items:center;margin-bottom:15px;padding:28px 30px;border:1px solid var(--colorBorderGray);border-radius:10px}
.about_way .way_list .bundle:last-child {margin-bottom:0}
.about_way .way_list .bundle .img_icon {display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:100%;background-color:var(--colorBgGray)}
.about_way .way_list .bundle .img_icon img {}
.about_way .way_list .bundle .typo {width:calc(100% - 92px);}
.about_way .way_list .bundle .cont_tit {margin-bottom:4px;font-size:19px}
.about_way .way_list .bundle .cont_tit .tel {margin-left:11px;padding-left:15px;font-size:17px;font-weight:normal;position:relative}
.about_way .way_list .bundle .cont_tit .tel::before {width:1px;height:17px;content:'';background-color:var(--colorBorderGray);position:absolute;left:0;top:50%;transform:translateY(-50%)}
.about_way .way_list .bundle .text {color:var(--colorGray60);font-size:17px}
.about_way .board_result {display:none;text-align:center}

/* 마이페이지 설문조사 등 새 창 팝업들 */
.pop_body_head {display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.pop_body_head .logo_text {display:inline-block;margin-right:16px;font-size:28px;line-height:1;font-weight:700;color:var(--colorMain);vertical-align:bottom}
.pop_body_head .logo {display:inline-block;width:172px;height:23px;color:transparent;background-image:url(/images/edu/kor/user/common/logo.png);background-repeat:no-repeat;background-position:left top;background-size:cover;vertical-align:bottom}