@charset "utf-8";

/************************* 메인 ******************************/

/* 비주얼 */
.main_visual_wrap {position:relative;}
.main_visual {max-width: 100%;margin: 0 auto;}
/* 슬라이더 초기화 전 스타일 */
.main_visual:not(.slick-initialized) .g_box:not(:first-child) {display: none;}
.slick-slider {display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}
.slick-initialized .slick-slide {display: block}
.slick-slide {float: left;min-height: 1px}
.slick-slide img {width: 100%}
#cn_list_container .slick-slide img {width: 100%; height: 365px; object-fit: contain;}
.g_box {position:relative;}
.main_visual_wrap .g_box a {display:block; position: relative;}
.main_visual_wrap .g_box a:focus-visible::after {content: "";position: absolute;inset: 1px;border: 3px solid #000;pointer-events: none;}
.main_visual .typo_text {position:absolute;top:0;left:0;width:100%;display:flex;justify-content: center;align-items: center;height: 100%;padding: 0 180px;}
.main_visual .typo_text .typo_text_inner {max-width:1410px;width:100%;color:#fff;margin-top: -12px;}
.typo_text .typo_text_inner .text_type01 {font-size: 50px;line-height: 61px;font-weight: 800;}
.typo_text .typo_text_inner .text_type01 span {font-size: 46px;font-weight: 100;}
.typo_text .typo_text_inner .text_type01.f_ss {font-size: 39px;line-height: 50px;font-weight: 800;}
.typo_text .typo_text_inner .text_type01.f_ss span {font-size: 38px;font-weight: 100;}

.typo_text .typo_text_inner > p {margin-top: 10px;font-size:24px;}
.typo_text .typo_text_inner > p.font_s {font-size:20px;}
.typo_text .typo_text_inner .text_type02 {display:block;margin-top: 25px;font-size: 37px;line-height: 35px;}
.typo_text .typo_text_inner .text_type02 strong {font-weight: 100;line-height: 47px}
.typo_text .typo_text_inner .text_type02 strong span {font-weight: 800;display: block}
.typo_text .typo_text_inner .text_type02 p {margin-top: 14px;font-size: 18px;color: rgba(255, 255, 255, .9);letter-spacing: 0;line-height: 26px}

.slick-prev, .slick-next {border: 1px solid #fff;border-radius: 100%;width: 60px;height: 60px;padding: 0;cursor: pointer;text-indent: -999em;z-index: 1;margin-top:-30px}

.slick-center {opacity: 1;}
.slick-track:before, .slick-track:after {display: table;content: ''}
.controller, .slick-next, .slick-prev {position: absolute;}
.slick-prev {top:50%;left:60px;background: url(../images/rolling_prev.png) no-repeat center;}
.slick-next {top:50%;right:60px;background: url(../images/rolling_next.png) no-repeat center;}
.controller {text-align: center;border-radius: 23px;color: #fff;bottom: 100px;left: 0;width: 100%;display: flex;justify-content: center;padding: 0 180px;}
.controller_inner {display: flex;align-items: center;max-width:1410px;width: 100%;position: relative;gap: 10px;}
.controller_inner .progressBar {}
.controller button {width: 9px;height: 13px;display: inline-block;text-indent: -999em;background: url(../images/rolling_pause.png) no-repeat center;}

.pagingInfo {display: flex;gap: 20px;align-items: center;}
.pagingItem {display: flex;align-items: center;gap: 4px;font-size: 18px;font-family: 'Play';font-weight: 400;}
.progressBar {position: relative;width: 250px;height: 4px;background:rgba(255,255,255,.3);overflow: hidden;display: none;}
.pagingItem.active .progressBar {display: block;}
.progressFill {position: absolute;top: 0;left: 0;height: 100%;width: 0%;background: #fff;transition: width 0.3s ease;}
.slideNum {line-height:19px;}

.controller button.play {background: url(../images/rolling_play.png) no-repeat center;}

.mobile {display:none}

/*공지사항 & 교육일정안내*/
.notice_schedule_wrap {background:#f1f5fa;padding:4% 15px;}
.notice_schedule_inner {max-width:1410px;margin:0 auto;display:flex;gap:30px;}
.notice_schedule_wrap .notice_wrap {flex:1 1 40%;position:relative;}
.notice_schedule_wrap .bg_layout {background:#fff;border:1px solid #d8dfe8;border-radius:10px;padding: 30px; min-height: 561px;}
.notice_schedule_wrap .notice_inner {display:flex;gap: 30px;flex-direction: column; min-height: 561px;}
.headline_wrap {width:100%;}
.headline_wrap a {display:flex;gap: 30px;align-items: center;}
.headline_wrap a span {display:inline-block;border-radius:10px;overflow:hidden;flex-shrink: 0;width: 232px;height: 129px;}
.headline_wrap a strong {font-size: 16px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 20px;height: 38px;overflow: hidden;}
.headline_wrap a p {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 20px;height: 38px;overflow: hidden;margin-top:20px;}
.notice_inner .notice_list {flex-grow: 1;}
.notice_inner .notice_list ul {}
.notice_inner .notice_list ul li {display: flex;flex-direction: column;border-bottom: 1px solid #e8e8e8;padding: 12px 0;}
.notice_inner .notice_list ul li em {font-family:'Montserrat';font-size: 14px;}
.notice_inner .notice_list ul li a {font-size:16px;font-weight:600;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 19px;height: 20px;overflow: hidden;margin-top: 5px;}
.notice_schedule_wrap .schedule_wrap {flex:1 1 40%;position:relative;}
.main_btn_more {position:absolute;top: 6px;right:0;border: 1px solid #96989a;width: 30px;height: 30px;border-radius: 100%;text-indent: -9999px;background: url('../images/ico_more02.png') no-repeat center;}
.schedule_inner {}
.schedule_inner .calendar_wrap {flex:1 1 40%;}
.schedule_inner .calendar_wrap .year_month {display:flex;align-items: center;gap: 15px;justify-content: center;margin-bottom: 12px;}
.schedule_inner .calendar_wrap .year_month button {width: 8px;height: 13px;text-indent: -9999px;padding: 0;}
.schedule_inner .calendar_wrap .year_month .prev {background: url('../images/btn_calendar.png') no-repeat 0 0;}
.schedule_inner .calendar_wrap .year_month .next {background: url('../images/btn_calendar.png') no-repeat right 0;}
.schedule_inner .calendar_wrap .year_month strong {font-size:24px;font-family:'Montserrat';}
.main_calendar_table {width: 100%;}
.main_calendar_table th {background: #555555;color: #fff;padding: 5px;}
.main_calendar_table th:first-child {border-radius:30px 0 0 30px}
.main_calendar_table th:last-child {border-radius:0 30px 30px 0}
.main_calendar_table td {text-align: center;font-family: 'Montserrat';padding: 5px 3px;position:relative;}
.main_calendar_table .sun {color:#fe4d4d}
.main_calendar_table .schedule {display:block;width:100%;height:100%;background:#25a8ff;border-radius:30px;color:#fff}
.schedule_inner .plan_wrap {background: #f8fbfd;border: 1px solid #d8dfe8;border-radius: 10px;margin-top: 27px;padding: 10px 20px;}
.schedule_inner .plan_wrap ul {height: 150px;overflow-x:hidden;overflow-y:auto;}
.schedule_inner .plan_wrap ul li {padding:10px 0;}
.schedule_inner .plan_wrap ul li+li {border-top: 1px solid #d8dfe8;}
.schedule_inner .plan_wrap ul li a {display: flex;align-items: center;gap: 10px;}
.schedule_inner .plan_wrap ul li a em {display: flex;font-family: 'Montserrat';width: 26px;height: 26px;background: #135de6;border-radius: 100%;color: #fff;font-weight: 400;justify-content: center;align-items: center;}
.schedule_inner .plan_wrap ul li a strong {font-size:16px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 20px;height: 20px;overflow: hidden;}
.toastui-calendar-month .toastui-calendar-month-daygrid {padding-top:10px}
.toastui-calendar-day-names.toastui-calendar-month {padding:0 !important;background: #555555 !important;border-radius: 30px;}
.toastui-calendar-layout * {font-size:15px;text-align:center;}
.toastui-calendar-day-name-item.toastui-calendar-month {font-weight:800}
.toastui-calendar-day-name-item.toastui-calendar-month .toastui-calendar-holiday-sun div {color:#ff4040 !important}
.toastui-calendar-day-name-item.toastui-calendar-month span div {color:#fff !important}
.toastui-calendar-daygrid-cell+.toastui-calendar-daygrid-cell {border:0 !important}
.toastui-calendar-weekday-grid {border-top:0 !important}
.toastui-calendar-grid-cell-date {font-family:'Montserrat';font-weight:400}
.toastui-calendar-weekday .toastui-calendar-grid-selection {border-radius: 50px;background: #f33d3d1c !important;border: 1px solid #ffb2b2 !important;}


/* 카드뉴스 */
.card_vod_wrap {padding:4% 15px;}
.card_vod_inner {max-width:1410px;margin:0 auto;display:flex;gap: 30px;}
.card_vod_inner > div > div:not(.pzone_controller) {min-height: 402px;}


/* 팝업존 */
.pzone_wrap {position:relative;flex:1 1 30%;max-width:405px;width:100%;}
.popup_zone {background:#e8f5fd;padding:20px;border-radius:15px;}
.popup_zone a {display:block;position:relative;}
.popup_zone a:focus-visible::after {content: "";position: absolute;inset: 1px;border: 3px solid #000;pointer-events: none;}
.pzone_wrap .slick-prev, .pzone_wrap .slick-next {display:none !important;}
.pzone_controller {text-align: center;border-radius: 23px;color: #fff;position:absolute;top: 12px;right: 40px;display: flex;justify-content: center;}
.pzone_controller .progressBar {width: 60px;height: 4px;background: #e8e8e8;}
.pzone_controller .progressFill {background: #0072b6;}
.pzone_controller .slideNum {color:#515151;}
.pzone_controller button {width: 9px;height: 13px;display: inline-block;text-indent: -999em;background: url(../images/rolling_pause02.png) no-repeat center;}
.pzone_controller button.play {background: url(../images/rolling_play02.png) no-repeat center;}
.pzonePagingInfo {display: flex;gap: 20px;align-items: center;}
.pzone_controller button.pzone-dot {background: none;text-indent: 0;border: 1px solid;width: 24px;height: 24px}

.border_zone {max-width: 800px;margin: 0 auto}
.border_controller {display: inline-flex;position: relative;align-items: center;margin-top: 20px}
.border_controller .borderPause {width: 30px;height: 30px;background: url(../images/rolling_pause02.png) no-repeat center;margin-left: 5px;border: 1px solid #c1c0e3;border-radius: 3px;}
.border_controller .borderPause.is-paused {background: url(../images/rolling_play02.png) no-repeat center;}
.border_PagingInfo .slick-dots {display: flex !important;gap: 4px;}
.border_PagingInfo .slick-dots button {width: 30px;height: 30px;border: 1px solid #c1c0e3;border-radius: 3px;background-color: #fff}
.slick-dots .slick-active button {background-color: #d8f0ff}
.border_inner a {display: inline-flex}
.border_inner a:focus {outline: 2px solid red;outline-offset: -3px;outline-style: dotted}


/* 동영상 */
.media_wrap {flex: 1 1 30%;position:relative;min-width:344px; display: flex; flex-direction: column}
.media_inner {background:#f1f5fa;border:1px solid #d8dfe8;padding:15px;border-radius:15px;display: flex;gap: 15px; flex: 1;}
.media_inner a {display:flex;flex-direction: column;flex: 1 1 50%;}
.media_inner a span {display:block;border-radius:10px;overflow:hidden; flex: 1;}
.media_inner a span img {height:100%; object-fit: cover}
.media_inner a strong {font-size:16px;margin-top:7px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 25px;height: 46px;overflow: hidden;}

/* 자료실 */
.archive_wrap {flex: 1 1 30%;position:relative;}
.archive_inner {border:1px solid #d8dfe8;padding:20px;border-radius:15px;}
.archive_inner .archive_list {}
.archive_inner .archive_list ul {}
.archive_inner .archive_list ul li {display: flex;align-items: center;border-bottom: 1px solid #e8e8e8;padding: 17px 0;}
.archive_inner .archive_list ul li a {font-size:17px;font-weight:600;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 25px;height: 25px;overflow: hidden;flex-grow: 1;position:relative;padding-left: 12px;}
.archive_inner .archive_list ul li a:before {content:'';width:4px;height:4px;border-radius:100%;position:absolute;top:50%;left:0;background: #333;}
.archive_inner .archive_list ul li span {font-family:'Montserrat';font-size:14px;flex-shrink: 0;}

/* 언론동향 */
.press_wrap {padding: 4% 15px;background: linear-gradient(140deg, #eaf7f2 40%, #add7f7 80%);}
.press_inner {max-width:1410px;margin:0 auto;}
.press_tab_wrap {position:relative;padding-top: 20px;}
.press_tab_inner > a {padding-left:21px;font-size: 21px;font-weight: 600;position: absolute;top: -56px;left: 295px;}
.press_tab_inner > a:before, .press_tab_inner > a:before {content:'';width:6px;height:6px;background:#525252;border-radius:100%;position:absolute;top:50%;left:0;margin-top:-3px;}
.press_tab_inner > a span {position:relative;}
.press_tab_inner > a.on span:after, .press_tab_inner > a:hover span:after {content:'';width:100%;height:3px;background:#525252;position:absolute;bottom:0;left:0;}
.press_tab_inner > .tab_01 {padding-left:0;}
.press_tab_inner > .tab_01:before, .press_tab_inner > .tab_01:before {content:none;}
.press_tab_inner .tab_02 {left: 350px;}
.press_tab_inner .press_cont ul {display:flex;gap:30px;}
.press_tab_inner .press_cont ul li {flex:1 1 20%;background:#fff;border-radius: 10px;padding: 30px;box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1);}
.press_tab_inner .press_cont ul li a {display:flex;flex-direction: column;align-items: center;gap: 20px;}
.press_tab_inner .press_cont ul li a span {display:flex;width:114px;height:114px;border-radius:100%;justify-content: center;flex-direction: column;align-items: center;line-height:23px;}
.press_tab_inner .press_cont ul li a span em {font-size:23px;font-weight:600;}
.press_tab_inner .press_cont ul li a strong {font-size: 17px;font-weight: 800;position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;height: 47px;overflow: hidden;}
.press_tab_inner .press_cont ul li a p {position: relative;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-wrap: break-word;height: 85px;overflow: hidden;}
.press_wrap .more, .sns_tab_wrap .more {display:flex;color:#666666;align-items: center;gap: 10px;position: absolute;top: -73px;right: 0;}
.press_wrap .more:after, .sns_tab_wrap .more:after {content:'';width:56px;height:56px;border:1px solid #666666;border-radius:100%;background: url(../images/ico_more02.png) no-repeat center;}
.press_tab_inner .press_cont {display:none}

/* sns 소식 */
.sns_wrap {padding: 4% 15px;}
.sns_inner {max-width:1410px;margin:0 auto;}
.sns_tab_wrap {position:relative;padding-left: 247px;}
.sns_tab_inner > a {font-size: 21px;font-weight: 600;position: absolute;left:0;top:0;max-width: 213px;width: 100%;padding: 7px;}
.sns_tab_inner > a.on, .sns_tab_inner > a:hover {background:#e7f3fd;border-radius:50px;}
.sns_tab_inner > a span {display:flex;gap: 10px;align-items: center;}
.sns_tab_inner > a span:before {content:'';width:34px;height:34px;}
.sns_tab_inner .youtube span:before {background: url(../images/ico_youtube.png) no-repeat center / 100%;}
.sns_tab_inner .instagram {top:53px;}
.sns_tab_inner .instagram span:before {background: url(../images/ico_instargram.png) no-repeat center / 100%;}
.sns_tab_inner .facebook {top:106px;}
.sns_tab_inner .facebook span:before {background: url(../images/ico_facebook.png) no-repeat center / 100%;}
.sns_tab_inner .blog {top:159px;}
.sns_tab_inner .blog span:before {background: url(../images/ico_blog.png) no-repeat center / 100%;}
.sns_list_wrap ul {display: flex;gap: 15px;}
.sns_list_wrap ul li {flex: 1 1 20%;}
.sns_list_wrap ul li span {padding-top: 61%;border-radius: 10px;overflow: hidden;display: block;position:relative;}
.sns_list_wrap ul li span img {position:absolute;left:0;top:0;width:100%;}
.sns_list_wrap ul li p {margin-top:20px;position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 18px;height: 36px;overflow: hidden;}

.enrollment_wrap {padding: 4% 15px;}
.banner_wrap {padding:0 15px 4%;}
.banner_wrap.fff {background:#fff}
.banner_inner {max-width:1410px;margin:0 auto;}
.banner_box_big {}
.banner_box_big ul {display: flex;gap:30px;}
.banner_box_big ul li {flex: 1 1 40%;position: relative;padding: 50px 30px;border-radius:20px;}
.banner_box_big ul li:first-child {background: #d3e1f6;}
.banner_box_big ul li:last-child {background: #fdc6c9;}
.banner_box_big ul li .text_layout {display:block;position:relative;border-radius: 15px;padding-left:50px;}
.banner_box_big ul li .text_layout strong {font-size: 28px;font-weight: 800;}
.banner_box_big ul li .text_layout strong em {font-weight: 100;}
.banner_box_big ul li .text_layout p {font-size: 16px;margin-top: 5px;}
.banner_box_big ul li:first-child .text_layout {padding: 0 122px 0 155px;}
.banner_box_big ul li:first-child .text_layout:before {content:'';width:132px;height:126px;background: url(../images/ico_banner01.png) no-repeat 0 0 / 100%;position:absolute;top:50%;left:0;margin-top:-68px;}
.banner_box_big ul li:last-child .text_layout {padding: 0 122px 0 155px;}
.banner_box_big ul li:last-child .text_layout:before {content:'';width:132px;height:126px;background: url(../images/ico_banner02.png) no-repeat 0 0 / 100%;position:absolute;top:50%;left:0;margin-top:-63px;}
.banner_box_big ul li .more {width: 90px;height: 90px;border-radius:100%;display:flex;justify-content: center;align-items: center;color:#fff;position: absolute;top: 50%;right: 30px;margin-top: -45px;padding: 26px;text-align: center;line-height: 19px;}
.banner_box_big ul li:first-child .more {background: #6393db;}
.banner_box_big ul li:last-child .more {background: #d5707c;}

.box_wrap {background:#f6f7fa;padding:4% 15px;} 
.box_inner {max-width:1410px;margin:0 auto;}
.box_wrap_big {}
.box_wrap_big > ul {display: flex;gap:30px;}
.box_wrap_big > ul > li {flex: 1 1 40%;position: relative;padding: 50px 30px;border-radius:20px;}
.box_wrap_big > ul > li {background: #627ad0;}
.box_wrap_big > ul > li:first-child {background: #3182b8;}
.box_wrap_big > ul > li .box_layer {}
.box_wrap_big > ul > li .box_layer h2 {margin-bottom:35px;color: #fff;font-weight: 800;text-align: center;font-size:28px;}
.box_wrap_big > ul > li .box_layer h2 span {position:relative;padding-left:65px;}
.box_wrap_big > ul > li .box_layer h2 span:before {content:'';width:51px;height:51px;background:url('../images/ico_curriculum.svg') no-repeat 0 0 / 100%;position:absolute;top:50%;left:0;margin-top:-25px;}
.box_wrap_big > ul > li:first-child .box_layer {}
.box_wrap_big > ul > li:last-child .box_layer h2 span:before {background:url('../images/ico_status.svg') no-repeat 0 0 / 100%;}
.box_wrap_big_inner {display:flex;align-items: center;background:rgba(255,255,255,.1);border-radius:15px;padding: 20px;color: #fff;gap: 18px;}
.box_wrap_big_inner strong {width: 68px;height:68px;flex-shrink: 0;border-radius:100%;display:flex;justify-content: center;align-items: center;}
.box_wrap_big_inner a {}
.box_wrap_big_inner a em {}
.box_wrap_big_inner a p {font-size:19px;font-weight:800;margin:5px 0;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 19px;height: 20px;overflow: hidden;}
.box_wrap_big_inner a {}
.box_wrap_big_inner a span {font-family:'Montserrat';}
.box_wrap_big > ul > li .btn_more {border:1px solid #fff;border-radius:100%;background:url(../images/ico_more.png) no-repeat center;position:absolute;top: 20px;right: 20px;width: 30px;height: 30px;font-size: 0;}

.box {display: flex; flex-direction: column; gap: 10px}
.log_box {height: 100%;padding: 3% 0}

.banner_box_s {display: flex;gap: 30px;justify-content: space-between;margin-top:30px;}
.banner_box_s a {flex: 1 1 20%;border: 1px solid #dcdcdc;background: #fff;border-radius: 15px;font-size: 20px;font-weight: 600;padding: 30px;display: flex;justify-content: center;}
.banner_box_s a span {display:flex;align-items: center;gap: 10px;}
.banner_box_s a span:before {content:'';width:48px;height:48px;}
.banner_box_s .banner01 span:before {background: url(../images/ico_banner01.svg) no-repeat 0 0 / 100%;}
.banner_box_s .banner02 span:before {background: url(../images/ico_banner02.svg) no-repeat 0 0 / 100%;}
.banner_box_s .banner03 span:before {background: url(../images/ico_banner03.svg) no-repeat 0 0 / 100%;}
.banner_box_s .banner04 span:before {background: url(../images/ico_banner04.svg) no-repeat 0 0 / 100%;}

/* 관련사이트 */
.family_site_wrap {padding:2% 15px;}
.family_site_inner {max-width:1410px;margin:0 auto;display: flex;justify-content: space-between;gap: 15px;}
.family_site_inner a {background:#fff;border:1px solid #dae0e5;flex: 1 1 auto;text-align: center;padding: 15px;}

/************************* 서브 ******************************/

/* layout */
.content_wrap {max-width:1280px;margin:0 auto 50px;padding:50px 20px;}
.content_wrap.w_all {max-width: 100%;padding: 50px 0 0;margin: 0}

.overview_wrap {background: url(../images/bg_sub01.png) no-repeat center bottom / cover;text-align:center;color:#fff;padding: 5%;}
.overview_inner {position:relative;padding: 51px 0;}
.overview_inner:before {content:'';width:28px;height:22px;background: url(../images/ico_point.png) no-repeat 0 0 / 100%;position:absolute;top:0;left:50%;margin-left:-14px;opacity: .7;}
.overview_inner:after {content:'';width:28px;height:22px;background:url(../images/ico_point.png) no-repeat 0 bottom / 100%;position:absolute;bottom:0;left:50%;margin-left:-14px;opacity: .7;}
.overview_inner strong {font-size: 41px;font-weight: 800;}
.overview_inner p {font-size: 19px;margin-top: 17px;}
.purpose_wrap {text-align:center;}
.purpose_wrap img {width:auto;}
.purpose_wrap .m {display:none;}

.lr_layout ul li {display: flex;gap: 50px;margin-bottom: 50px;align-items: center}
.lr_layout ul li:nth-child(even) span {order: 1}
.lr_layout ul li span {flex: 0 0 40%;border-radius: 15px;overflow: hidden}
.lr_layout ul li p {font-size: 16px}
.lr_layout ul li p strong {display: block;font-size: 21px;font-weight: 800;margin-bottom: 10px}

.step_layout {border-radius: 15px}
.step_inner {display: flex;flex-wrap: wrap;margin: -15px;}
.step_inner > li {padding: 15px;width: 33.33333%;}
.step_box {border: 1px solid #dce1e9;height: 100%;text-align: center;padding: 20px;border-radius: 10px;background-color: #fff;position:relative}
.step_box:after {content: '';position: absolute;background: url(../images/n_icon.png) no-repeat;width: 15px;height: 23px;right: -24px;top: 50%;margin-top: -11px}
.step_box strong {display: block;font-size: 20px;font-weight: 800;background: #1e64be;color: #fff;border-radius: 50px;padding: 12px 10px;}
.step_box strong.gray {background:#333}
.step_box strong.bg_yellow {background:#e15500}
.step_box strong.bg_puple {background:#4a049f} 
.step_box ul {padding-top: 23px;text-align: left}
.step_box ul li {position:relative;padding-left: 6px;margin-bottom: 10px;font-size: 17px;}
.step_box ul li:before {content:'';width: 3px;display: inline-block;height: 3px;left: 0;position: absolute;background-color: #757d8b;top: 8px;}
.step_inner > li:last-child .step_box:after {content:none}

.m_tit {font-size: 28px;font-weight: 800;margin-bottom: 20px;}
.m_tit span {font-weight: 100;}
.stit {margin-bottom:50px;font-size:40px;font-weight:900;text-align:center;}
.sstit {font-size:25px;padding:50px 0 30px;font-weight:900;}
.ssstit {font-size:20px;padding:50px 0 30px;font-weight:900;}

.text_title {font-size: 18px;line-height: 1.83;text-align: center;background-color: #EAF3F8;padding: 2%;border-radius: 15px;}

.bg_type01 {background:#d9fbf7}
.bg_type02 {background:#ffeaec}
.bg_type03 {background:#fff8d0}
.bg_type04 {background:#e8f1ff}

/** 로그인 **/
.login_wrap {background-color: #006540;}
.login_tab_bg {padding:160px 0 50px;background: no-repeat center / cover;position:relative;}
.login_tab_wrap {margin-bottom:30px;}
.tab_menu {margin:40px auto 0;width:100%;}
.tab_menu ul {display: flex;justify-content: center;}
.tab_menu ul li {position:relative;}
.tab_menu ul li+li {padding-left: 30px;margin-left:30px;}
.tab_menu ul li+li:before {content:'';width:4px;height:4px;background:#767676;border-radius:100%;position:absolute;top:50%;left:0;margin-top:-2px;}
.tab_menu ul li a {display: block;text-align: center;color: #777;font-size: 18px;padding: 15px 0;font-weight: 600;}
.tab_menu ul li.on a, .tab_menu ul li a:hover {color:#f27367;font-weight:900;position:relative;}
.tab_menu ul li.on a:after, .tab_menu ul li a:hover:after {content:'';width:100%;height:4px;background:#f27367;position:absolute;bottom:0;left:0;}
.login_tab_box {display:none;}
.login_tab_inner {max-width:980px;margin:0 auto;padding: 36px 0;background:#fff;border-radius:20px;box-shadow: 1px 1px 20px 9px rgba(0, 0, 0, .3);position:relative;}
.login_tab_inner.w_small {max-width: 400px;}
.login_form {display:flex;justify-content: center;}
.login_form .login_form_inner {flex: 1 1 40%;text-align:center;}
.login_form .login_form_inner h3 {margin-bottom:30px;font-size:20px;font-weight:800;}
.login_form div+div {position:relative;}
.login_form div+div:before {content: '';height: 300px;position: absolute;top: 0;left: 0;border-left: 2px dotted #E2E2E2;}
.login_icon_layout {position:relative;padding-top:185px;max-width: 320px;margin: 0 auto;}
.login_icon_layout:before {content:'';width:136px;height:136px;border-radius:100%;background:#F5F5F5 url('../images/QR.svg') no-repeat center;position:absolute;top:0;left:50%;background-size: 60px;margin-left: -68px;}
.login_icon_layout.cert:before {background:#F5F5F5 url('../images/ico-cert.svg') no-repeat center;background-size: 60px;}
.login_form fieldset {max-width:320px;margin:0 auto;padding-top: 15px;}
.checkbox_id {margin-top:15px;text-align:left;}
.login_form fieldset input[type="submit"] {}
.login_form fieldset > div {height:170px;}
.login_form fieldset > div ul {display: flex;flex-direction: column;gap: 5px;}
.login_form fieldset.h_type {padding-top:0;}
.login_form fieldset.h_type > div {height:217px;}
.join_link_wrap {}
.join_link_wrap ul {display: flex;justify-content: center;}
.join_link_wrap ul li {}
.join_link_wrap ul li a {color: #fff;position:relative;font-size: 15px;}
.join_link_wrap ul li+li a {padding-left: 15px;margin-left: 15px;}
.join_link_wrap ul li+li a:before {content:'';width: 1px;height: 12px;background: #cacaca;position:absolute;top:50%;left:0;margin-top: -6px;border-radius: 100%;}
.create {display:flex;text-align: center;font-weight: 600;position:relative;justify-content: center;gap: 4px;margin-top: 30px;align-items: center;}
.create a {padding-right:20px;color:#000;background:url('../images/arrow_create.png') no-repeat right center;position:relative;}
.create a span {position:relative;}
.create a span:after {content:'';width:100%;height:1px;background:#000;position:absolute;bottom:-2px;left:0;}
.login_form input[type="text"], .login_form input[type="password"] {max-width:320px;width:100%;height: 48px;border: 1px solid #d9d9d9;padding: 0 10px;background: #f9f9f9;border-radius: 5px;}
input[type="checkbox"] {margin:0 5px;}
.text_box {background: #f7f7f7;border: 1px solid #e6e6e6;padding: 20px}
.text_box strong {color: #1b3b86;display: block;margin-bottom: 10px;}
.code_no {font-size:13px;}

.login_form_inner.main {}
.login_form_inner.main .checkbox_id {color:#fff}
.login_form_inner.main .btn_login {background: #304aa7}
.login_form_inner.main input[type="text"], .login_form_inner.main input[type="password"]{margin-bottom: 9px;height: 50px}
.login_form_inner.main legend {position: relative;overflow: auto;width: auto;font-size: 18px;height: auto;color: #fff;text-align: center;margin-bottom: 11px}


.language {position:relative;border-radius:30px;}
.language > a {display: block;color: #fff;text-decoration: none;padding: 5px 15px;}
.language > a em {padding-right:20px;background:url('../images/bl_language.png') no-repeat right center;}
.language > span {border:1px solid #f27367;position:absolute;top: 28px;left: 0;background: #f27367;width: 100%;border-radius: 30px;display:none}
.language > span > a {display: block;padding: 2px 0;color: #fff;text-align: center;}
#login .language {position:absolute;right:50px;top: 29%;background:#424242;border-radius:30px;}
.help_text_btn {display: inline-block;font-size: 15px;color: #666;position: absolute;top: 15px;right: 15px;background: #f0efef;padding: 5px 20px;border-radius: 50px;}
.help_text_btn span {background: url('../images/icon_help_text.png') no-repeat right center;padding-right: 12px;}

.step_wrap {background:#fff;padding: 20px 10px;border-bottom: 1px solid #e9e9e9;}
.step_wrap ul {display: flex;max-width:980px;margin:0 auto;}
.step_wrap ul li {flex: 1 1 20%;display: flex;flex-direction: column;align-items: center;gap: 15px;position: relative;}
.step_wrap ul li:before {content:'';width:35px;height:35px;background:#f0f0f0;border-radius:100%;order: 2;display: flex;justify-content: center;align-items: center;z-index:1;}
.step_wrap ul li+li:after {content:'';width:100%;height:3px;background:#f0f0f0;position:absolute;bottom:15px;left:-50%;z-index:0;}
.step_wrap ul li span {position:relative;display: block;padding-left:40px;order: 1;}
.step_wrap ul li span:before {content:'';width:30px;height:30px;position:absolute;top:50%;left:0;margin-top:-15px;}
.step_wrap ul li span em {display:block;font-size:12px;color: #212121;font-weight: 100;}
.step_wrap ul li.on span {color:#212121;font-weight:800;}
.step_wrap ul li.on:before {background:#005e3c;color:#fff;}
.step_wrap ul li.on:after, .step_wrap ul li.ssc:after {background: #005e3c;}
.step_wrap ul li.ssc span {font-weight:800;}
.step_wrap ul li.step01:before {content:'1';}
.step_wrap ul li.step02:before {content:'2';}
.step_wrap ul li.step03:before {content:'3';}
.step_wrap ul li.step04:before {content:'4';}
.step_wrap ul li.step05:before {content:'5';}
.step_wrap ul li.step06:before {content:'3';}
.step_wrap.pic_3 ul li.step05:before {content:'3';}
.step_wrap ul li.step01 span:before {background:url('../images/step01.svg') no-repeat 0 0 / 100%;}
.step_wrap ul li.step02 span:before {background:url('../images/step02.svg') no-repeat 0 0 / 100%;}
.step_wrap ul li.step03 span:before {background:url('../images/step03.svg') no-repeat 0 0 / 100%;}
.step_wrap ul li.step04 span:before {background:url('../images/step04.svg') no-repeat 0 0 / 100%;}
.step_wrap ul li.step05 span:before {background:url('../images/step05.svg') no-repeat 0 0 / 100%;}
.step_wrap ul li.step06 span:before {background:url('../images/step06.svg') no-repeat 0 0 / 100%;}
.step_wrap ul li.ssc:before {content:'';background: #005e3c url(../images/ico_check.png) no-repeat center;}

.input_form {max-width:500px;margin:0 auto 30px;padding:50px;background:#FBFBFB;border:1px solid #E2E2E2;border-radius:5px;}
.input_inner {display:flex;align-items: center;}
.input_inner+.input_inner {margin-top:10px;}
.input_inner label {width:4vw;min-width: 60px;}
.find_id {margin-top: 16px;text-align: center;}
.find_id a {font-size: 14px;/* text-decoration: underline; */background: #484848;display: inline-block;padding: 7px 30px;border-radius: 50px;color: #fff;}
.input_form02 {display: flex;flex-direction: column;gap: 10px;max-width: 500px;margin: 30px auto 0;padding: 30px 50px;background: #ffffff;border: 1px solid #E2E2E2;border-radius: 10px;}

.tab_menu_wrap {background:#fff;border-bottom: 1px solid #e9e9e9;padding-top:20px;}
.tab_menu_wrap .tab_menu {margin-top:0;}
.line_box {background: #ffffff;text-align: center;border: 1px solid #E2E2E2;border-radius: 10px;padding: 30px;}
.line_box > strong {display:block;font-size: 19px;color: #000;font-weight: 800;border-bottom: 1px solid #E2E2E2;padding-bottom: 15px;margin-bottom: 15px;}
.line_box > strong em {color:#f27367}
.line_box b {color: #f92727}
.line_box.pdtype {padding:50px;}
.auth_m_wrap {margin-top: 15px;background: #fff;border: 1px solid #e2e2e2;border-radius: 10px;padding: 50px;}
.on_off {background: #e3e3e3;border-radius: 100px;width: 52px;padding: 2px;height: 30px;position:relative;cursor:pointer;flex-shrink:0;}
.on_off span {display: inline-block;text-indent: -9999px;width: 26px;height: 26px;background: #fff;border-radius: 100%;position:absolute;top:2px;left:2px;}
.on_off.on {background: #006540;}
.on_off.on span {left:auto;right:2px;}
.no_data {text-align:center;margin-top:20px;padding-top:20px;color: #cfcfcf;border-top: 1px solid #E2E2E2;}

.disable_wrap {margin:30px 0;}
.disable_wrap .tit_text {display:block;margin:20px 0 10px;font-size:17px;color: #2e70d2;}
.bg_box {background:#f8f8f8;border-radius:5px;padding:20px;}
.bg_box strong {display:block;margin-bottom:10px;font-weight:800;}

.input_form02.line_none {border: 0;max-width: 673px;text-align: left}
.input_form02 > ul {display:flex;flex-direction: column;gap: 15px;}
.input_form02 > ul > li {display: flex;flex-direction: column;gap: 5px;}
.input_form02 > ul > li label {font-size: 14px;}
.input_form02 > ul > li .input_form_wrap {flex-grow:1;}
.input_form02 > ul.flex_row li {flex-direction: row;}

/**  flex_type **/
.flex_col {display:flex;gap:5px;align-items: center;}
.flex_1 {flex-grow: 1;}
.tac_j {justify-content: center}

/**  text-box **/
.text_list li {text-indent: -8px;padding-left: 8px;}
.help_text02 strong {font-size:14px;color:#1B3B86;display:block;margin-bottom:5px;}
.help_text02 ul li {position:relative;padding-left:8px;}
.help_text02 ul li:before {content:'';width:3px;height:3px;background:#5e5e5e;position:absolute;left:0;top:9px;border-radius: 50%}

/**  button **/
.btn_wrap_right {display: flex;justify-content: flex-end;margin-top: 10px;align-items: center}
.btn_wrap {text-align: center;display: flex;gap: 5px;justify-content: center}
.btn_login {display: block;width: 100%;max-width: 320px;margin: 0 auto;background: #006540;color: #fff;padding: 15px 0;font-size: 15px;text-align: center;border-radius:50px;}
.btn_basic {display:inline-block;padding: 12px 0;min-width: 135px;background: #067e64;color: #fff;border-radius: 5px;width: 100%;font-size: 15px;text-align: center;border: 0;}
.btn_basic:hover, .btn_basic:focus, .btn_basic:focus-visible {opacity:0.8;transition: transform 0.15s ease;}
.btn_basic:focus, .btn_basic:focus-visible {outline: 2px solid #000000; outline-offset: 0;}
.btn_basic_w {max-width:230px !important;}
.btn_basic_s {display: inline-block;background: #006540;color: #fff;padding: 10px 16px 10px;font-size: 14px;border-radius: 5px}
.btn_add {display: inline-block;padding: 5px 15px;min-width: 70px;color: #006540;border-radius: 3px;text-align: center;font-size: 15px;border: 1px solid #1B3B86;font-weight: 600;background:none;margin-top: 20px;}
.btn_add span {padding-left: 22px;background: url(../images/icon_btn_add.png) no-repeat 0 center;}
.rounding_btn {display: inline-flex;border: 1px solid #a2b5cd;align-items: center;padding: 8px 38px;border-radius: 21px}

/**  color **/
.c_red {color:#d30000;}
.c_red02 {color:#f27367;}
.c_green {color:#006540;}
.c_blue {color:#45a2bc;}
.c_blue02 {color:#2757c7;}

/*  background */
.bg_blue {background:#45a2bc}
.bg_blue02 {background:#00bde9}
.bg_blue03 {background:#3a4789}
.bg_aqua {background:#01A8C5}
.bg_aqua02 {background:#0d7cb3}
.bg_gray {background:#2c2c2c;border: 1px solid #2c2c2c;}
.bg_gray02 {background:#555555;}
.bg_silver {background: #f1f1f1;color: #404040;border: 1px solid #dddbdb;}
.bg_green {background:#ACB554}
.bg_green02 {background:#006540;border: 1px solid #006540;}

/** table_layout **/
.table_layout {position: relative;overflow: hidden;overflow-y: hidden;}
.table_layout table {border-top:1px solid #333;min-width: 780px;width:100%;background-color: #fff}
.table_layout.s_table table {min-width:450px}
.table_layout.w1100 table {border-top:1px solid #333;min-width: 1200px;width:100%;}
.table_layout.pop table {min-width: auto}
.table_layout table th {background:#f8f8f8;border-bottom: 1px solid #ddd;color:#212121;padding: 12px 5px;}
.table_layout table td {border-bottom: 1px solid #ddd;text-align:center;color: #666666;padding: 5px;height: 47px}
.table_layout table td.bl {border-left: 1px solid #ddd}
.table_layout.t_tal table td {text-align: left;}
.table_layout .scroll_img {display: none;position: absolute;top: 50%;left: 50%;height: 60px;width: 60px;background: rgba(27, 59, 134, 0.7) url(../images/scroll_img.png) no-repeat center / 83%;text-indent: -999em;border-radius: 100%;margin-top: -30px;margin-left: -30px}
.pop_table_wrap {margin-bottom:30px;}
.pop_table_wrap ul {display: flex;flex-direction: column;gap: 30px;}
.pop_table_wrap ul li {display: flex;flex-direction: column;gap: 10px;}
.pop_table_wrap ul li > label {font-size:14px;}
.pop_table_wrap ul li .auth_wrap {display:flex;flex-direction: column;gap: 5px;}
.input_form_wrap {display:flex;position:relative;}
.input_form_wrap input[type="text"] {border: 1px solid #D4D4D4;border-radius: 5px;}
.input_form_wrap input[type="text"]:focus {outline:0;}
.input_form_wrap button {position:absolute;top: 2px;right: 2px;}
.input_form_wrap .code {display: flex;text-align: center;color: red;align-items: center;width: 100px;justify-content: center;}
.radio_box label {font-weight:bold;}
em.point {background-color: #f8f8f8;display: inline-block;width: 22px;height: 17px;margin-right: 6px;border: 1px solid #ebebeb}
.point {position: relative}
.point:after {content: '';display: block;position: absolute;top: -6px;right: -6px;width: 0;height: 0;border: 6px solid;border-color: #ff0051 transparent transparent transparent;transform: rotate(225deg)}

/* paging */
.paging_wrap {display:flex;align-items: center;justify-content: center;gap:5px;margin-top:30px;}
.paging_wrap > a {display:inline-block;width: 30px;height: 30px;line-height: 36px;text-indent: -10000em;border: 1px solid #efefef;border-radius: 3px;}
.paging_wrap .first {background:url('../images/first_page.png') no-repeat center; }
.paging_wrap .previous {background:url('../images/previous_page.png') no-repeat center; }
.paging_wrap .next {background:url('../images/next_page.png') no-repeat center; }
.paging_wrap .last {background:url('../images/last_page.png') no-repeat center; }
.paging_wrap .namber {font-size:14px; display: flex; gap: 4px}
.paging_wrap .namber a {display:inline-block;width: 30px;height: 30px;line-height: 30px;border-radius: 3px;background: #ededed;text-align:center}
.paging_wrap .namber strong {display:inline-block;width: 30px;height: 30px;line-height: 30px;border-radius: 3px;background: #006540;text-align:center;color:#fff}

/**  popup **/
.bg_overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;opacity:.7;z-index:1;}
.layer_popup {display:none;position: fixed;top:0;left:0;z-index:2;width: 100%;height: 100vh;}
.layer_popup_wrap {width: 100%;height: 100vh;display:flex;justify-content: center;align-items: center;}
.popup_wrap {max-width:500px;width:100%;min-width: 360px;border-radius: 10px;position:relative;}
.popup_wrap.wp700 {min-width: 700px}
.popup_wrap.wp1000 {min-width: 1000px}
.popup_wrap .p_tit {padding: 12px 20px;background:#006540;color:#fff;font-size:20px;border-radius: 10px 10px 0 0}
.popup_inner {padding:20px;border:2px solid #006540;background:#efefef;border-radius: 0 0 10px 10px;background-color: #fff;overflow-y: auto;max-height: 700px}
.popup_inner .p_tit_s {margin-bottom:15px;font-size:16px;color: #212121;}
.notify_list {max-height: 500px;overflow-x: hidden;overflow-y: auto;height: 100%;}
.notify_list ul {display: flex;flex-direction: column;gap: 10px;}
.notify_list ul li {padding: 15px;background:#fff;box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);border-radius: 5px;}
.notify_list ul li > a {font-weight:600;color:#212121;}
.notify_list ul li p {color:#666;font-size:14px;display: flex;align-items: center;gap: 10px;margin-top: 10px;line-height: 15px;}
.notify_list ul li p button {display:inline-block;text-indent:-9999px;background:url('../images/icon_delete.svg') no-repeat 0 0 / 100%;padding: 0;width: 13px;height: 13px;}
.popup_inner .btn_more {display:block;margin-top: 20px;padding: 10px 0;border-radius: 50px;background: #dce0ea;color: #7a83a0;text-align: center;transition: all 0.7s;}
.popup_inner .btn_more:hover {background:#1d68c7;color:#fff;}
.popup_wrap .pop_close {display:inline-block;text-indent:-9999px;width:16px;height:16px;background:url('../images/btn_pop_close.png') no-repeat 0 0;position:absolute;top: 17px;right: 15px;}
.popup_wrap .no_data {padding:0 0 20px;color:#666;}
.search_group {display: flex;background: #fff;box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);border-radius: 5px;padding: 15px;gap: 5px;}
.search_group input[type="text"] {flex-grow:1;border-radius:3px;}
.search_group .search_btn {background:#1d68c7;color: #fff;border-radius: 3px;padding: 0 15px;}
.group_list {height: 400px;overflow-x:hidden;overflow-y:auto;background: #fff;border-radius: 5px;margin-top: 10px;padding: 15px;}
.group_list ul li {padding: 2px 0;}
.group_list ul li a {position:relative;padding-left:18px;}
.group_list ul li a:before {content:'';width:11px;height:11px;background:url('../images/bl_group.png') no-repeat 0 0 / 100%;position:absolute;top:50%;left:0;margin-top:-5px;}
.group_list > ul > li.on > a:before {background-position:0 bottom;}
.group_list > ul > li > ul > li.on > a:before {background-position:0 bottom;}
.group_list ul li ul {display:none;padding-left:18px;}
.group_list ul li ul li ul li span {position:relative;padding-left: 17px;}
.group_list ul li ul li ul li span:before {content:'';width: 12px;height: 12px;background:url('../images/icon_member.svg') no-repeat 0 0 / 100%;position:absolute;top:50%;left:0;margin-top: -5px;}
.group_pop_wrap .table_layout02 {background:#fff;padding: 30px;border-radius: 10px;box-shadow: 1px 1px 3px rgba(0, 0, 0, .1);}
.group_pop_wrap .table_layout02 table {min-width:auto;margin-bottom:20px;}
.popup_wrap .table_layout02 .text_input_form {display:none;}
.m-height500 {overflow-y: auto;max-height: 500px}

.radio-box {display: flex;gap: 5px;align-items: center;flex-wrap: wrap}
.radio-box span {margin-right: 4px;display: flex;align-items: center}

/**약관**/
.agreement_wrap {}
.text_area {border: 1px solid #d5e0ed;padding: 30px;margin-bottom: 10px;background-color: #eef3f9;overflow-y: auto;min-height: 200px}
.text_area::-webkit-scrollbar {width: 10px  }
.text_area::-webkit-scrollbar-thumb {background-color: #8b9fb7}
.text_area::-webkit-scrollbar-track {background-color: #dee3e8}

.file_upload {display: flex;align-items: center}
.file_upload label {display: inline-block;width:34px;height:34px;border-radius:3px;color: #fff;vertical-align: middle;background-color: #1e4d94;cursor: pointer;background-image:url(../images/icon_file_upload.png); background-repeat: no-repeat; background-position:50% 50%;transition: all 0.3s;}
.file_upload label span {display:inline-block;text-indent:-9999px;}
.file_upload label:hover{background-color:#042b65;}
.file_upload label.focus {outline: 1px solid red;outline-style: dashed}
.file_upload input[type="file"] {position: absolute;width: 0 !important;height: 0 !important;padding: 0;overflow: hidden;border: 0}

/**서브텝**/
.sub_tab_menu {display: flex;justify-content: center;margin-bottom: 70px;}
.sub_tab_menu ul {display: flex;gap: 5px;align-items: center;overflow-x: scroll;white-space: nowrap;scrollbar-width: none;scroll-behavior: smooth;position: relative}
.sub_tab_menu ul li {}
.sub_tab_menu ul li a {display: block;border: 1px solid #dbdbdb;font-size: 17px;padding: 10px 30px;border-radius: 30px;white-space: nowrap}
.sub_tab_menu ul li.on a, .sub_tab_menu ul li a:hover {background: #212121;color: #fff;font-weight: 700;border: 1px solid #212121;}

/**교육일정**/
.calendar-header {display: flex;gap: 17px;justify-content: center;align-items: center;margin-bottom: 14px;}
.calendar-nav-btn {width: 36px;height: 36px;border-radius: 999px;border: 1px solid #e2e8f0;cursor: pointer;background: url(../images/n_icon.png) no-repeat 13px center / 8px}
.calendar-nav-btn.calendar-prev {transform: rotate(180deg)}
.calendar-nav-btn:hover {background: #e5f0ff url(../images/n_icon.png) no-repeat 13px center / 8px;border-color: #bfdbfe}
.calendar-current {text-align: center;font-size: 1.3rem;font-weight: 700;color: #0f172a}
.calendar-current .year {margin-right: 7px;font-size: 1.3rem;color: #6b7280;}
.calendar-sub {font-size: 0.9rem;color: #64748b;margin-bottom: 14px;text-align: center}
.calendar-table {width: 100%;border-collapse: collapse;table-layout: fixed;font-size: 0.85rem}
.calendar-table caption {position: absolute;left: -9999px;top: -9999px}
.calendar-table thead th {padding: 8px 4px;text-align: center;font-weight: 600;color: #ffffff;border-bottom: 1px solid #e2e8f0;background: #006540}
.calendar-table tbody td {vertical-align: top;border: 1px solid #e5e7eb;padding: 4px}
.day-cell {min-height: 109px;background: #f4f7fb;padding: 6px 6px 8px;display: flex;flex-direction: column}
.day-cell.other-month {opacity: 0.35}
.day-cell.today {outline: 2px solid #309b74;background: #eff6ff}
.day-number {display: flex;align-items: center;justify-content: space-between;font-weight: 600;margin-bottom: 4px}
.day-number .date {font-size: 0.9rem}
.day-number .badge {}
.event-list {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 3px}
.event a {font-size: 15px;padding: 6px 6px;border-radius: 4px;line-height: 1.3;word-break: keep-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 67px;}

/**교육 상세보기**/
.education_list {}
.education_list .education_inner {display: flex;gap: 50px;justify-content: space-between}
.education_list .education_inner .education_img {flex-basis: 50%;}
.education_list .education_inner .education_img img {width:100%; border-radius: 10px}
.education_list .education_inner .education_detail {}
.education_detail .sstit {border-bottom: 1px solid #e3e3e3;}
.education_detail .day {padding: 38px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 2px solid;}
.education_detail .day strong {font-size: 18px;}
.education_detail .day strong span {font-family: Montserrat;margin-left: 10px;font-weight: 300;letter-spacing: 0.1px;}
.education_detail .day em {border: 1px solid #e1c496;padding: 3px 21px;border-radius: 15px;background-color: #fdf1c3;color: #8f4011}
.education_detail .btn_ing {padding-top: 49px;display: flex}
.education_detail .btn_ing span {flex: 1 1 50%;text-align: center;padding: 15px;background-color: #006540;color: #fff;border: 1px solid #006540;border-radius: 5px 0 0 5px;}
.education_detail .btn_ing a {flex: 1 1 50%;text-align: center;padding: 15px;background-color: #000;color: #fff;border: 1px solid #000;border-radius: 0 5px 5px 0;}
.btn_ing a:hover, .btn_ing a:focus {opacity:0.8;transition: transform 0.15s ease;}
.education_description {margin-top: 70px}
.description_tab.fixed {width: 100%;position: sticky;top: 0;z-index: 1}
.description_tab ul {overflow-x: scroll;white-space: nowrap;scrollbar-width: none;scroll-behavior: smooth;position: relative;display: flex;align-items: center;outline-offset: -1px;outline: 1px solid #dddddd;background-color: #fff}
.description_tab ul li {flex: 1 1 20%;text-align: center;position: relative;min-width: 100px;}
.description_tab ul li a {display: block;padding: 16px;font-weight: 600;font-size: 16px;}
.description_tab ul li a.on, .description_tab ul li a:hover {background-color: #000000;color: #fff}
.description_tab  .education_text {border-top: 1px solid #333;padding: 3%}

.board_search {display: flex;justify-content: space-between;align-items: center}
.board_search fieldset {display: flex;justify-content: flex-end;gap: 5px;align-items: center;flex-grow: 1}
.board_search fieldset .btn_basic_ss {background: #006540 url(../images/ico_search02.png) no-repeat center / 19px;text-indent: -999em;width: 40px;height:40px;border-radius: 5px}


/**etc**/
.link {color: #00318f}
.link:hover {text-decoration: underline;text-underline-offset : 3px}
.b_icon {display: inline-block;padding: 2px 14px;border-radius: 12px;font-size: 14px;background-color: #fb4e4e;color: #fff}
.px_lock {background: url(../images/px_lock.png) no-repeat center;text-indent: -999em;display: inline-block;width: 14px}
.icon_print {background: #eff3ff url(../images/icon_print.svg) no-repeat center / 18px;display: inline-block;text-indent: -999em;width: 30px;height: 30px;border: 1px solid #d7d7d7;border-radius: 50%}

.print_open_btn {display: inline-block;border: 1px solid #c9c9c9;padding: 5px 21px;border-radius: 38px}
.print_open_list[hidden] {display: none;}
.print_open {display: flex;justify-content: flex-end;margin-bottom: 10px;position: relative;}
.print_open_list {margin-top: 8px;padding: 8px 12px;border: 1px solid #ccc;background: #fff;max-width: 360px;font-size: 14px;line-height: 1.5;position: absolute;z-index: 1;width: 355px;top: 36px;}

.board_wrap {border-top: 2px solid}
.board_wrap .board_view {margin-bottom: 20px}
.board_wrap .board_view .board_view_header {border-bottom: 1px solid #e5e5e5;padding: 20px 15px}
.board_wrap .board_view .board_view_header .title {font-size: 19px}
.board_wrap .board_view .board_view_header .board_date {color: #767676}
.board_wrap .board_view .board_content {padding: 30px 15px;border-bottom: 1px solid #e5e5e5;}
.board_wrap .board_view .board_content .slider_wrapper {display: flex;align-items: center;gap: 20px;}
.board_wrap .board_view .board_content .slider_wrapper .slider_prev{width: 60px; height: 60px;background: url(../images/rolling_prev.png) #fff no-repeat center;border: 1px solid #c1c0e3;border-radius: 3px;}
.board_wrap .board_view .board_content .slider_wrapper .slider_next{width: 60px; height: 60px;background: url(../images/rolling_next.png) #fff no-repeat center;border: 1px solid #c1c0e3;border-radius: 3px;}
.board_wrap .board_view .attachment {background-color: #f8f8f8;padding: 30px 15px;border-bottom: 1px solid #e5e5e5;}
.board_wrap .board_view .attachment h5 {font-size: 17px;margin-bottom: 10px;}
.board_wrap .pagination {border-top: 1px solid #b5b5b5;border-bottom: 1px solid #b5b5b5;}
.board_wrap .pagination .prev {padding: 15px;border-bottom: 1px solid #e5e5e5;display: flex}
.board_wrap .pagination .name {min-width: 65px;font-weight: 600}
.board_wrap .pagination .text {}
.board_wrap .pagination .next {padding: 15px;display: flex}
.file_link {display: inline-flex;align-items: center;margin-right: 10px}
.ico_file {display: inline-block;text-indent: -999em;width: 20px;background: url(../images/ico_file.png) no-repeat 0 -58px;height: 20px;margin-right: 3px;}
.ico_file.img {background-position: 0 0px}
.ico_file.hwp {background-position: 0 -29px;}
.ico_file.exel {background-position: 0 -87px;}
.ico_file.word {background-position: 0 -116px;}
.ico_file.pdf {background-position: 0 -146px;}

.hr_line {background-color: #000;height: 1px;margin: 10px 0 0}
.hr_line_s {background-color: #000;height: 2px;margin: 50px 0 40px;}
.thumbnail_wrap {display: flex;margin: 0 -15px;flex-wrap: wrap;}
.thumbnail_wrap .thumbnail_inner {padding: 15px;width: 25%;display: block;}
.thumbnail_wrap .thumbnail_inner .thumbnail_img img {border-radius: 10px; height: 277.5px; object-fit: cover;}
.thumbnail_wrap .thumbnail_inner .thumbnail_img.v img {border-radius: 10px; height: 496px; object-fit: cover;}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn {display: flex;margin: 14px 0;gap: 5px}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn strong {flex: 1 1 50%;text-align: center;border: 1px solid;border-radius: 15px;padding: 4px 0}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn .face_n {background-color: #f7fde3;border-color: #dde5c0;color: #516700;}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn .face {background-color: #fdf2e3;border-color: #e1ceb4;color: #7d5012;}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn .recr01 {background-color: #d7eaff;border-color: #a2c9f5;color: #164478;} /*모집예정*/
.thumbnail_wrap .thumbnail_inner .thumbnail_btn .recr02 {background-color: #e5e5e5;border-color: #bdbdbd;color: #505050} /*모집마감*/
.thumbnail_wrap .thumbnail_inner .thumbnail_btn .recr03 {background-color: #dbffeb;border-color: #9de1bb;color: #005a29;} /*모집중*/
.thumbnail_wrap .thumbnail_inner .thumbnail_text {margin-bottom: 9px}
.thumbnail_wrap .thumbnail_inner .thumbnail_text em {display: block}
.thumbnail_wrap .thumbnail_inner .thumbnail_text span {font-size: 16px;font-weight: 800;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.thumbnail_wrap .thumbnail_inner .thumbnail_list {border-top: 1px solid #e7e7e7;padding: 10px 0;color: #767676;font-size: 15px}
.thumbnail_wrap .thumbnail_inner .thumbnail_list li {}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn02 {display: flex;margin-top: 10px;margin-bottom: 10px}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn02 a {flex: 1 1 50%;text-align: center;border: 1px solid;padding: 7px 0}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn02 .e_app {background-color: #006540;color: #fff;border: 1px solid #006540;border-radius: 5px 0 0 5px}
.thumbnail_wrap .thumbnail_inner .thumbnail_btn02 .e_view {background-color: #323232;border: 1px solid #323232;color: #fff;border-radius: 0 5px 5px 0}

/* 포토 리스트 */
.photo_list_wrap {}
.photo_list_wrap ul {border-top: 2px solid #424242;}
.photo_list_wrap ul li {border-bottom: 1px solid #ddd;padding: 35px;}
.photo_list_wrap ul li a {display: flex;gap: 50px;align-items: center;}
.photo_list_wrap ul li a .img {max-width:325px;width:100%;height: 240px;flex-shrink: 0;position: relative;background: #efefef;}
.photo_list_wrap ul li a .img img {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.photo_list_wrap ul li a .text_wrap {}
.photo_list_wrap ul li a .text_wrap strong {font-size: 21px;font-weight: 800;position: relative;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 19px;height: 20px;overflow: hidden;}
.photo_list_wrap ul li a .text_wrap p {margin-top: 20px;position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 26px;height: 48px;overflow: hidden;}
.photo_list_wrap ul li a .text_wrap .desc_wrap {display: flex;font-size: 15px;color: #666;gap: 30px;margin-top: 70px;}


/**카드뉴스일 경우**/
.thumbnail_wrap.card .thumbnail_inner .thumbnail_text {margin-top: 13px;margin-bottom: 20px}
.thumbnail_wrap.gallery .thumbnail_inner .thumbnail_text {margin-top: 13px;margin-bottom: 20px}
.thumbnail_wrap.gallery .thumbnail_inner .thumbnail_img {position: relative;padding-top: 66%;overflow: hidden;border-radius: 10px}
.thumbnail_wrap.gallery .thumbnail_inner .thumbnail_img img {position: absolute;top: 0;transition: transform 0.5s ease-in-out}
.thumbnail_wrap.gallery .thumbnail_inner:hover .thumbnail_img img {;transform: scale(1.1);}
.thumbnail_wrap.gallery .thumbnail_inner .thumbnail_text span {font-size: 16px;font-weight: 800;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}

/* 뉴스 리스트 */
.news_list_wrap {border-top: 2px solid #424242;padding-top: 15px;}
.news_list_wrap ul {display: flex;flex-wrap: wrap;margin:0 -15px;}
.news_list_wrap ul li {width: 25%;padding: 15px;}
.news_list_wrap ul li a {display: flex;border: 1px solid #e3e3e3;height: 100%;padding: 30px;flex-direction: column;gap: 25px;position:relative;transition: 0.2s;}
.news_list_wrap ul li a span {display: block;font-size: 15px;color: #00318f;font-weight: 600;}
.news_list_wrap ul li a strong {font-size: 21px;font-weight: 800;position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 30px;height: 56px;overflow: hidden;}
.news_list_wrap ul li a p {position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 23px;height: 50px;overflow: hidden;}
.news_list_wrap ul li a .desc_wrap {font-size:15px;display:flex;gap:20px;color:#666;}
.news_list_wrap ul li a:hover {border:1px solid #00318f;transition: 0.2s;}

.gallery_wrap {max-width: 800px;margin: 40px auto}
.gallery_wrap .slick-slider {position:relative;padding-top: 20px;}
.gallery_wrap .slider-for {margin-bottom: 15px;    position: relative}
.gallery_wrap .slider-for img {width: 100%;display: block}
.gallery_wrap .slider-for p {padding-top: 24px}
.gallery_wrap .slider-nav .slick-slide {padding: 0 5px}
.gallery_wrap .slider-nav > button {border: none;background: none;padding: 0;cursor: pointer;position: absolute;left: -36px;top: 50%;background: url(../images/previous_page.png) no-repeat center;margin-top: -11px;}
.gallery_wrap .slider-nav > button.slick-next {right: -36px;left: auto;background: url(../images/next_page.png) no-repeat center;}
.gallery_wrap .slick-list button {border: none;background: none;padding: 0;cursor: pointer;position: relative;padding-top: 67%;width: 100%;}
.gallery_wrap .slider-nav img {display: block;width: 100%;position: absolute;top: 0;}
.gallery_wrap .slider-nav .slick-current button {outline: 2px solid #0072ce}
.gallery_wrap .slick-prev, .gallery_wrap .slick-next {width: 40px;height: 40px;border: 0;}
.gallery_wrap .slick-prev {left: -38px;background: url(../images/previous_page.png) no-repeat center;}
.gallery_wrap .slick-next {right: -38px;background: url(../images/next_page.png) no-repeat center;}

.f_m {font-family: Montserrat;letter-spacing: -0.1px;}

.webtong_faq dt {font-size: 15px;border: 1px solid #cccccc;padding: 13px;border-radius: 5px;margin-top: 10px;box-shadow: 0px 4px rgba(0, 0, 0, 0.03)}
.webtong_faq dt:hover, .webtong_faq dt.active {background-color: #f2faff;border: 1px solid #c0d1dc;-webkit-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s}
.webtong_faq dt a {position:relative;padding-left: 38px;display: block;}
.webtong_faq dt a:before {content: 'Q';border: 1px solid #01385d;background-color: #01385d;color: #fff;font-size: 14px;display: inline-block;position: absolute;left: 0;top: -4px;border-radius: 100%;height: 30px;width: 30px;text-align: center;line-height: 25px;}
.webtong_faq dt a:after {content: '';position: absolute;background: url('../images/faq_up_down.png') no-repeat center top;width: 12px;height: 10px;right: 0;top: 8px}
.webtong_faq dt.active a:after {background-position:center bottom;top:1px}
.webtong_faq dd {padding: 20px 20px;display: none}
.webtong_faq dd .in_content {position:relative;padding-left: 38px;}
.webtong_faq dd .in_content:before {content: 'A';border: 1px solid #4d95c5;background-color: #4d95c5;color: #fff;font-size: 13px;display: inline-block;position: absolute;left: 0;top: -4px;border-radius: 100%;height: 30px;width: 30px;text-align: center;line-height: 26px;}
.webtong-list-content li {position: relative;padding-left: 9px;margin-bottom: 7px}
.webtong-list-content li:before {content: '';position: absolute;background-color: #898989;top: 11px;left: 0;width: 3px;height: 3px}
.webtong-list-content li strong {display: block}

/**  검색 **/
.search_wrap {display: flex;flex-direction: column;margin-bottom: 30px;}
.search_wrap.pd0 {padding: 0;}
.search_wrap ul {display: flex;gap: 15px;flex-wrap: wrap;width: 100%;border-bottom: 1px solid #d8e4eb;background-color: #EAF3F8;padding: 3%;border: 1px solid #d8e4eb;}
.search_wrap.col30 ul li {flex: 1 1 30%;}
.search_wrap ul li {display:flex;align-items: center;gap: 5px;flex: 1 1 49%;}
.search_wrap.majority ul li {width: 17%;}
.search_wrap ul li > label {font-weight: 600;min-width: 80px}
.search_wrap.col30 ul li label {min-width: auto}
.search_wrap ul li input[type="text"] {width:100%;}
.search_wrap ul li select {width: 100%;min-width: 100px;}
.search_wrap.majority ul li.keyword_form {flex-grow: 1;}
.datepicker {position:relative;display: inline-block;max-width: 250px;width: 100%;}
.ui-datepicker-trigger {width:auto;}

/**설문조사**/
.survey_content {padding: 30px 15px 0;border-bottom: 1px solid #e5e5e5}
.survey_content .chapter {font-size: 18px;display: flex;align-items: center;gap: 8px;margin-bottom: 20px}
.survey_content .chapter .lb {padding: 4px 24px;background-color: #006540;color: #fff;border-radius: 15px;font-size: 15px;}
.survey_content dl {margin-bottom: 40px}
.survey_content dl dt {border: 1px solid #b9b9b9;padding: 13px;border-radius: 5px;margin-top: 10px;box-shadow: 0px 4px rgba(0, 0, 0, 0.03);margin-bottom: 15px;color: #1b1b1b;font-weight: 600;background-color: #f7f6f6;}
.survey_content dl dd {margin-bottom: 15px;padding: 0 10px;}
.survey_content dl .imgarea {border: 1px solid #e5eff9;padding: 10px;margin-bottom: 10px;text-align: center;}
.survey_content .checkbox_id label {margin-bottom: 5px;display: flex;align-items: center}
.survey_content .checkbox_id {margin-top: 0;margin-bottom: 3px}
.survey_content .radio-box {margin-bottom: 3px;}
.survey_content .select_box {margin-bottom: 10px}
.survey_content .select_box label {margin-bottom: 4px;display: inline-block}
.survey_content .select_box select {width: auto;display: block;min-width: 150px}
.survey_content textarea {padding:10px}
.survey_content .order_box {margin-bottom: 10px}
.survey_content .order_box ul {display: flex;}
.survey_content .order_box ul li {display: flex;flex: 1 1 auto;gap: 7px;align-items: center;padding: 10px;border: 1px solid #e1e1e1;margin-right: -1px;margin-bottom: -1px;}
.survey_content .order_box.col_3 ul {flex-wrap: wrap}
.survey_content .order_box.col_3 ul li {flex: 1 1 33.333333%;}
.br_none {display:none}

.icon_del {margin-left: 5px;min-width: 20px;height: 20px;background: #212121 url(../images/icon_del.png) no-repeat center center;text-indent: -9999px;display: inline-block;border-radius: 100%;}
.file_list {margin-bottom:30px; flex-wrap: wrap;}
.file_list p {background: #d1ffcc;padding: 5px 60px 5px 15px;border-radius: 5px;position: relative;}
.file_list p a {position:absolute;top:50%;right:15px;margin-top:-10px;}
.file_upload label {display: inline-block;width:34px;height:34px;border-radius:3px;color: #fff;vertical-align: middle;background-color: #006540;cursor: pointer;background-image:url(../images/icon_file_upload.png); background-repeat: no-repeat; background-position:50% 50%;transition: all 0.3s;}
.file_upload label span {display:inline-block;text-indent:-9999px;}
.file_upload label:hover{background-color: #02432c;}
.file_upload input[type="file"] {position: absolute;width: 0 !important;height: 0 !important;padding: 0;overflow: hidden;border: 0;}
.file_upload .file_txt{margin-left:5px;color:#666;}

/* 동적 게시판 댓글 스타일 */
.comment_wrap { border-top: 1px solid #ddd; padding-top: 20px; }
.comment_wrap h4 { margin-bottom: 10px; }
.comment_write { background: #f8f9fa; padding: 15px; border: 1px solid #ddd; margin-bottom: 20px; }
.comment_write .inputs { margin-bottom: 10px; display: flex; gap: 10px; }
.comment_write .inputs input { padding: 5px; border: 1px solid #ccc; width: 150px; }
.comment_write textarea { width: 100%; height: 80px; border: 1px solid #ccc; padding: 5px; resize: none; box-sizing: border-box; }
.comment_write .btn_area { text-align: right; margin-top: 5px; }

.comment_list ul li { position: relative; padding: 15px 0; border-bottom: 1px solid #eee; }
.comment_list .info { font-size: 13px; color: #666; margin-bottom: 5px; display: flex; align-items: center; }
.comment_list .info strong { color: #333; margin-right: 10px; font-weight: bold; }
.comment_list .btn_del { margin-left: auto; font-size: 11px; color: #dc3545; cursor: pointer; border: 1px solid #dc3545; background: #fff; padding: 2px 8px; border-radius: 3px; }
.comment_list .txt { white-space: pre-wrap; word-break: break-all; line-height: 1.5; }

@media screen and (max-width: 1280px) {
    /* 메인 비주얼 */
    .main_visual .typo_text .typo_text_inner {margin-top:-50px;}
    .typo_text .typo_text_inner .text_type01 {font-size: 38px;line-height: 44px;}
    .typo_text .typo_text_inner .text_type01 span {font-size: 35px;}
    .typo_text .typo_text_inner p {font-size: 19px;}
    .typo_text .typo_text_inner .text_type02 {margin-top: 35px;font-size: 24px;line-height: 29px;}
    .typo_text .typo_text_inner .text_type02 span {font-size: 17px;}
     .typo_text .typo_text_inner .text_type03 {font-size: 40px;line-height: 45px;}
    .controller {bottom:40px;}
    
    /* 공지사항 */
    .headline_wrap a {gap:10px}

    /* 팝업존 */
    .pzone_wrap {max-width: 350px;}
    .archive_inner .archive_list ul li {padding: 12px 0;}
    .media_inner {height: calc(100% - 56px);}
    .media_wrap {flex: 1 1 1%;min-width: 246px}

    /* 언론동향 */
    .press_tab_inner > a {top: -51px;left: 230px;font-size:18px;}
    .press_tab_inner .tab_02 {left: 278px;}
    .press_tab_inner .press_cont ul {gap:10px;flex-wrap: wrap;}
    .press_tab_inner .press_cont ul li {flex:1 1 40%}
    .press_wrap .more:after, .sns_tab_wrap .more:after {width: 45px;height: 45px;}

    /* sns 소식 */
    .sns_tab_inner > a {font-size:18px;}
    .sns_tab_inner > a span:before {width: 28px;height: 28px;}
    .sns_tab_inner .instagram {top:47px;}
    .sns_tab_inner .facebook {top:94px;}
    .sns_tab_inner .blog {top:141px;}

    /* 배너 */
    .banner_box_big ul {gap:15px}
    .banner_box_big ul li {padding:30px;}
    .banner_box_big ul li:first-child .text_layout {padding: 0 110px 0 95px;}
    .banner_box_big ul li:first-child .text_layout:before {width: 80px;height: 104px;margin-top: -53px;}
    .banner_box_big ul li:last-child .text_layout {padding: 0 90px 0 100px;}
    .banner_box_big ul li:last-child .text_layout:before {width: 90px;height: 86px;margin-top: -43px;}
    .banner_box_big ul li .text_layout strong {font-size: 23px;}
    .banner_box_big ul li .text_layout p {font-size: 15px;}
    .banner_box_big ul li .more {width: 80px;height: 80px;font-size:14px;margin-top: -40px;}
    .banner_box_s {gap:15px;margin-top:15px;}
    .banner_box_s a {padding: 20px;font-size: 18px;}
    .banner_box_s a span:before {width: 30px;height: 30px;}

    /* 기관소개 */
    .overview_inner strong {font-size: 35px;}
    .overview_inner p {font-size:17px;}

    /* 타이틀 */
    .m_tit {font-size: 24px;}

    .sub_tab_menu {margin-bottom: 30px;}
    .sub_tab_menu ul li a {font-size: 15px;padding: 5px 20px}

    .table_layout.w1100 {overflow-x: auto;}
    .table_layout.w1100 .scroll_img {display:block;}
}
@media screen and (max-width: 1024px) {
    /* 공지사항 및 교율일정안내 */
    .headline_wrap {height: 129px;}
    .headline_wrap a span {width: 190px;height: 106px;}

    /* 팝업존 */
    .pzone_wrap {max-width: 310px;}
    .card_vod_inner {gap:20px;}
    .archive_inner .archive_list ul li {padding: 8px 0;}
    .archive_inner .archive_list ul li a {font-size:15px;}
    .archive_inner .archive_list ul li a:before {margin-top: -2px;}
}
@media screen and (max-width: 980px) {
    /* 비주얼 */
    .main_visual .typo_text {padding: 0 80px;}
    .typo_text .typo_text_inner .text_type01 {font-size: 26px;line-height: 32px;}
    .typo_text .typo_text_inner .text_type01 span {font-size: 23px;}
    .typo_text .typo_text_inner .text_type02 {margin-top: 25px;font-size: 18px;line-height: 23px;}
    .typo_text .typo_text_inner .text_type02 span {font-size: 14px;}
    .typo_text .typo_text_inner p {font-size: 15px;margin-top: 5px;}
     .typo_text .typo_text_inner .text_type03 {font-size: 40px;line-height: 45px;color:#fff;font-size:30px;}
    .slick-prev, .slick-next {width: 40px;height: 40px;}
    .slick-prev {left:15px;}
    .slick-next {right:15px;}
    .controller {padding:0 80px;bottom:20px;}

    /* 오프라인 교육과정 및 나의 수강현황 */
    .box_wrap_big > ul {gap:10px;}
    .box_wrap_big > ul > li {padding:30px 20px;}
    .box_wrap_big > ul > li .box_layer h2 {font-size:21px;margin-bottom: 20px;}
    .box_wrap_big > ul > li .box_layer h2 span {padding-left:45px;}
    .box_wrap_big > ul > li .box_layer h2 span:before {width: 35px;height: 35px;margin-top: -17px;}
    .box_wrap_big_inner a span, .box_wrap_big_inner a em {font-size:15px;}
    .box_wrap_big_inner a p {font-size:16px;}

    /* 공지사항 및 교율일정안내 */
    .notice_schedule_inner {flex-direction: column;}
    .notice_inner .notice_list ul li a {font-size:15px;}
    .schedule_inner .plan_wrap ul li a {}
    .headline_wrap {height: auto;} 


    /* 퀵메뉴 */
    .quick_wrap {padding: 30px;}
    .quick_wrap .quick_inner {flex-wrap: wrap;justify-content: center;}
    .quick_wrap .quick_inner a {flex:1 1 30%;}

    /* 팝업존 */
    .popup_zone .slick-track {display: flex;gap: 10px;}
    .news_pzone_inner {flex-direction: column;}
    .pzone_wrap img {width:auto;}

    /* 생명윤리 */
    .press_tab_wrap {padding-top:0;}

    /* sns 소식 */
    .sns_tab_inner > a {top:0;max-width:150px;}
    .sns_tab_inner .instagram {top:0;left:155px}
    .sns_tab_inner .facebook {top:0;left:310px}
    .sns_tab_inner .blog {top:0;left:465px}
    .sns_tab_wrap {padding: 56px 0 0;}
    .sns_list_wrap ul {gap:10px;}
    .sns_list_wrap ul li p {margin-top:7px;}

    /* 배너 */
    .banner_box_big ul {gap: 10px;}
    .banner_box_big ul li {padding: 20px;}
    .banner_box_big ul li:first-child .text_layout {padding: 0 70px 0 95px;}
    .banner_box_big ul li:last-child .text_layout {padding: 0 65px 0 100px;}
    .banner_box_big ul li .text_layout strong {font-size: 18px;}
    .banner_box_big ul li .text_layout p {font-size:14px;}
    .banner_box_big ul li .more {width: 60px;height: 60px;margin-top: -30px;text-align: center;line-height: 16px;right: 20px;}
    .banner_box_s {flex-wrap: wrap;gap:10px;margin-top:10px;}
    .banner_box_s a {flex:1 1 40%;}

    /* 관련사이트 */
    .family_site_wrap {padding:30px 15px;}
    .family_site_inner {gap: 5px;}

    /* 기관소개 */
    .overview_inner {padding: 40px 0;}
    .overview_inner:before, .overview_inner:after {width: 21px;height: 17px;}
    .overview_inner strong {font-size: 28px;}
    .overview_inner p {font-size: 15px;}

    /* 타이틀 */
    .stit {margin-bottom:30px;font-size:32px;}
    .sstit {font-size:21px;padding:30px 0 15px;}

    .login_tab_bg {padding:30px;}

    /** 인증수단 설정 **/
    .auth_m_wrap {padding: 30px;}
    .auth_m_wrap02 {padding:15px 30px;}
    .device_manage_wrap ul {gap:10px;}
    .select_auth_wrap02 ul li {padding: 40px 20px;}
    .auth_m_wrap02 .am_text {padding-top:10px;margin-top:10px;}

    .text_title {font-size: 17px;padding: 28px}
    .br_none {display:none}

    .thumbnail_wrap .thumbnail_inner {width: 50%;}

    /* 포토 리스트 */
    .photo_list_wrap ul li a .text_wrap strong {font-size:17px;}
    .photo_list_wrap ul li a .text_wrap p {font-size:15px;}

    /* 뉴스 리스트 */
    .news_list_wrap ul {margin:0 -5px;}
    .news_list_wrap ul li {width:50%;padding:5px;}
    .news_list_wrap ul li a {padding:20px}
    .news_list_wrap ul li a strong {font-size:17px;line-height: 25px;height: 50px;}
    .news_list_wrap ul li a p {font-size:15px;line-height: 23px;height: 46px;}

    .survey_content dl dd {padding: 0}
    .survey_content .order_box ul {flex-direction: column}
}

@media screen and (max-width: 870px) {
    .education_img {text-align: center}
    .education_list .education_inner {flex-direction: column;gap: 15px;}
    .education_list .education_inner .education_detail .day {padding: 20px 0}
    .education_list .education_inner .education_detail .btn_ing {padding-top: 30px}
    .education_description {margin-top: 35px;}

    /* 팝업존 */
    .pzone_wrap {max-width:none;}
    .card_vod_inner {gap:30px;flex-direction: column;}
    .media_inner {height:auto;}
}

@media screen and (max-width: 820px) {
    /** table_layout **/
    .table_layout {overflow-x: auto;}
    .table_layout .scroll_img {display:block;}
    .step_inner > li {width: 50%}
    .step_box strong {font-size:17px}
}
@media screen and (max-width: 780px) {
    /* 비주얼 */
    .main_visual .typo_text {align-items: flex-start;}
    .main_visual .typo_text .typo_text_inner {max-width:none;width:100%;margin-top:0;padding-top:80px;text-align: center;color: #006741;}
    .controller_inner {max-width:none;justify-content: center;}
    .main_visual .pc {display:none;}
    .main_visual .mobile {display:block}

    /* 오프라인 교육과정 및 나의 수강현황 */
    .box_wrap_big > ul {flex-direction: column;}
    .box_wrap_big_inner strong {width: 58px;height: 58px;line-height: 18px;}
    .box_wrap_big_inner a span, .box_wrap_big_inner a em {font-size:14px;}

    /*공지사항 & 교육일정안내*/
    .main_btn_more {top:0;}

    /* 퀵메뉴 */
    .quick_wrap .quick_inner a {gap:10px;font-size:15px;}
    .quick_wrap .quick_inner a:before {width: 35px;height: 35px}

    /* 주요소식 */
    .tab_cont_wrap > a {font-size:15px;top: -40px;left: 94px;}
    .tab_cont_wrap .tab_02 {left: 160px;}
    .tab_cont_wrap .tab_03 {left: 240px;}
    .tab_cont_wrap .tab_04 {left: 323px;}
    .tab_cont_wrap > a.on span:after, .tab_cont_wrap > a:hover span:after {height: 6px;}
    .tab_cont_wrap .top_news {padding:10px;gap: 10px;}
    .tab_cont_wrap .top_news .img_area {width:90px;height:79px;}
    .tab_cont_wrap .top_news .text_area em {font-size:13px;}
    .tab_cont_wrap .top_news .text_area strong {font-size:15px;}
    .tab_cont_wrap .top_news .text_area p {-webkit-line-clamp: 1;height: 20px;}
    .tab_cont_wrap .more {width: 18px;height: 18px;top: -44px;}

    /* 언론동향 */
    .press_tab_inner > a {font-size:15px;top: -40px;left: 180px;padding-left: 15px;}
    .press_tab_inner .tab_02 {left:220px;}
    .press_tab_inner > a:before, .press_tab_inner > a:before {width: 4px;height: 4px;margin-top: -2px;}
    .press_tab_inner .press_cont ul li a {gap:10px;}
    .press_tab_inner .press_cont ul li a span {width: 90px;height: 90px;}
    .press_tab_inner .press_cont ul li a span em {font-size:19px;}
    .press_tab_inner .press_cont ul li a strong {font-size:15px;}
    .press_wrap .more, .sns_tab_wrap .more {top: -45px;}
    .press_wrap .more:after, .sns_tab_wrap .more:after {width: 30px;height: 30px;}

    /* sns 소식 */
    .sns_tab_inner > a {font-size:15px;padding: 5px;}
    .sns_tab_inner > a span {gap:5px;}
    .sns_list_wrap ul {flex-wrap: wrap;}
    .sns_list_wrap ul li {flex:1 1 40%;}

    /* 배너 */
    .banner_box_big ul {flex-direction: column;}
    .banner_box_big ul li {border-radius: 10px;}
    .banner_box_big ul li:first-child .text_layout {padding: 0 70px 0 85px;}
    .banner_box_big ul li:first-child .text_layout:before {width: 65px;height: 84px;margin-top: -42px;}
    .banner_box_big ul li:last-child .text_layout {padding: 0 70px 0 85px;}
    .banner_box_big ul li:last-child .text_layout:before {width: 76px;height: 73px;margin-top: -36px;}

    /* 관련사이트 */
    .family_site_inner {flex-wrap: wrap;}
    .family_site_inner a {flex:1 1 30%}

    /* 기관소개 */
    .overview_inner strong {font-size: 27px;}
    .purpose_wrap .pc {display:none;}
    .purpose_wrap .m {display: inline-block;}

    /* 타이틀 */
    .m_tit {font-size: 21px;margin-bottom: 15px;}
    .stit {margin-bottom:20px;font-size:25px;}
    .sstit {font-size:18px}
    .lr_layout ul li p strong {font-size:17px}

    .lr_layout {margin-top: 30px;}
    .lr_layout ul li {flex-direction: column;}
    .lr_layout ul li span {flex: 0 0 100%;}
    .lr_layout ul li:nth-child(even) span {order: 0;}

    #login .language {top: 24%;right:10px;}
    .language > a em {font-size: 12px;}
    .login_tab {margin: 20px auto 0;}
    .login_tab ul li a {font-size: 15px;padding: 12px 0;}
    .login_form .login_form_inner {padding:0 20px;}
    .help_text_inner {flex-direction: column;gap:15px}
    .help_text {padding: 15px;font-size:14px;}
    .help_text strong {padding-left: 24px;font-size:15px;}
    .help_text strong:before {width: 18px;height: 18px;}
    .help_text p {margin-top:10px}
    .help_text_wrap > ul {gap:15px}

    /** step **/
    .step_wrap ul li {justify-content: space-between;gap: 10px;}
    .step_wrap ul li:before {font-size: 13px;width: 25px;height: 25px;}
    .step_wrap ul li+li:after {bottom: 11px;}
    .step_wrap ul li span {text-align:center;padding-left:0;font-size:14px;}
    .step_wrap ul li span:before {content:none;}
    .step_wrap ul li.ssc:before {background-size: 13px;}

    /** 사용자 확인 **/
    .input_form {padding:30px;}

    /**  본인인증 **/
    .select_auth_wrap ul li:before {width:110px;height:110px;}
    .input_form02 {padding:30px;}

    /** 완료 **/
    .reg_success_wrap {padding:30px;}
    .select_auth_wrap02 ul {flex-wrap: wrap;}
    .select_auth_wrap02 ul li {flex:1 1 40%;}

    /** 서브 탭 **/
    .s_tab.big_s ul li a {font-size: 14px;padding: 10px 13px;}

    /** 인증수단 설정 **/
    .line_box {padding:20px;}
    .line_box strong {font-size:17px;}
    .auth_m_wrap {flex-direction: column;}
    .tit_wrap {width:100%;max-width:none;flex-direction: row;align-items: center;}
    .btn_add {margin-top:0}
    .device_manage_wrap {width:100%;}
    .device_manage_wrap ul {width:100%;}
    .device_manage_wrap ul li {width: 48.7%;}

    /** 신뢰할 수 있는 기기 **/
    .disable_wrap .tit_text {font-size:15px;}

    /**버튼**/
    .btn_basic {font-size: 14px;min-width: 70px;padding: 8px 10px;width: auto !important}
    .popup_wrap.wp700 {min-width: auto}

    /* 포토 리스트 */
    .photo_list_wrap ul li {padding: 20px 0;}
    .photo_list_wrap ul li a {gap: 20px;}
    .photo_list_wrap ul li a .img {max-width: 150px;height:113px}
    .photo_list_wrap ul li a .text_wrap p {margin-top: 7px;line-height: 22px;height: 44px;}
    .photo_list_wrap ul li a .text_wrap .desc_wrap {margin-top: 15px;gap: 15px;}
}

@media (max-width: 768px) {
    /**교육일정**/
    .calendar-wrap {padding: 0}
    .calendar-current {font-size: 1.15rem}
    .calendar-table thead {display: none}
    .calendar-table, .calendar-table tbody, .calendar-table tr, .calendar-table td {display: block;width: 100%}
    .calendar-table tr {margin-bottom: 0}
    .calendar-table td .day-cell.other-month {display: none}
    .calendar-table tbody td {border: 0;padding: 0}
    .day-cell {flex-direction: row;align-items: flex-start;min-height: auto;padding: 8px 10px;margin-bottom: 6px;border-radius: 10px;background: #f8fafc;border: 1px solid #e5e7eb}
    .day-number {flex-direction: column;align-items: flex-start;justify-content: flex-start;min-width: 33px;margin-bottom: 0;margin-right: 10px;border-right: 1px solid #cbd5e1;padding-right: 10px}
    .day-number .date {font-size: 1rem}
    .day-number .badge {margin-top: 3px}
    .event-list {flex: 1}
    .event a {-webkit-line-clamp: 1;height: auto;padding: 1px 6px}
}

@media screen and (max-width: 640px) {
    /* 비주얼 */
    .main_visual .typo_text {padding:0 30px;}
    .controller {padding:0 30px;}
    .slick-prev, .slick-next {display:none !important;}
    .progressBar {width:150px;}

    /* 오프라인 교육과정 및 나의 수강현황 */
    .enrollment_wrap {padding: 30px 15px;}

    /*공지사항 & 교육일정안내*/
    .notice_schedule_wrap .notice_inner {flex-direction: column;}
    .notice_schedule_wrap .bg_layout {padding:20px;}
    .headline_wrap {max-width:none;width:100%}
    .headline_wrap a span img {width:100%;}

    /* 팝업존 */
    .card_vod_wrap {padding:30px 15px;}
    .popup_zone .slick-track {display: block}
    .pzone_wrap img {width:100%;}

    /* sns 소식 */
    .sns_wrap {padding: 30px 15px;}
    .sns_tab_wrap {padding-top:0;}
    .sns_tab_inner > a {top:-43px;left:100px;padding: 0;max-width: none;width: auto;}
    .sns_tab_inner > a.on, .sns_tab_inner > a:hover {background:none;}
    .sns_tab_inner > a span {text-indent:-9999px;gap:0;}
    .sns_tab_inner .instagram {top:-43px;left:133px;}
    .sns_tab_inner .facebook {top:-43px;left:166px;}
    .sns_tab_inner .blog {top:-43px;left:199px;}

    /* 배너 */
    .banner_wrap {padding: 0 15px 30px;}
    .banner_box_s {gap:5px;}
    .banner_box_s a {font-size: 15px;padding: 15px;border-radius: 10px;}
    .banner_box_s a span:before {width: 22px;height: 22px;}

    #login .language {top: 19%;}
    .language > span {top: 29px;}
    .language > span > a {font-size:12px;}
    .login_tab_wrap {margin-bottom:20px;}
    .login_tab_bg {padding:15px 15px 30px;}
    .login_tab_inner {padding:50px 30px;height: 384px;}
    .help_text_btn {top:10px;right:10px;}
    .help_text_btn span {font-size: 13px;background-size: 6px;}
    .login_form .login_form_inner {padding:0;}
    .login_form .login_form_inner.qr_wrap {display:none;}
    .login_form {flex-direction: column;}
    .login_form fieldset > div {height:auto;margin-bottom:30px;}
    .login_form div+div:before {content:none;}
    .login_icon_layout {padding-top: 130px;}
    .login_icon_layout:before {width:100px;height:100px;background-size: 50px;margin-left: -50px;}

    /** 본인인증 **/
    .select_auth_wrap ul {flex-direction: column;}
    .line_box.pdtype {padding:30px;}

    /** button **/
    .btn_login {padding:10px 0;}

    /* paging */
    .paging_wrap .namber a {display:none;}
    .paging_wrap .namber a:last-child {display:inline-block;position:relative;margin-left: 30px;}
    .paging_wrap .namber a:last-child:before {content:'/';position:absolute;top:0;left: -20px;}

    .step_inner > li {width: 100%}
    .step_box:after {transform: rotate(90deg);top: auto;bottom: -27px;left: 50%;margin-left: -7px}

    .text_title {font-size: 16px}
    .education_description ul li a {font-size: 15px;padding: 13px 0}
    .thumbnail_wrap {margin: 0 -5px}
    .thumbnail_wrap .thumbnail_inner {padding: 5px}
    .thumbnail_wrap .thumbnail_inner .thumbnail_text span {font-size: 15px}
    .education_detail .btn_ing span {padding: 10px}
    .education_detail .btn_ing a {padding: 10px}
    .education_detail .day {padding: 15px 0;}

    .board_wrap .board_view .board_view_header .title {font-size: 17px;margin-bottom: 10px}
    .survey_content {padding: 30px 0 0;}
    .hr_line_s {margin:0 0 35px}
    .survey_content .chapter {flex-direction: column;gap: 0;align-items: flex-start;font-size: 16px;}
    .survey_content .chapter .lb {margin-bottom: 6px;}
}

@media screen and (max-width: 580px) {
	.headline_wrap a {flex-direction: column;gap: 15px;}
	.headline_wrap a span {width:100%;height:auto;}
	.headline_wrap a p {margin-top:10px;}
}
@media screen and (max-width: 540px) {
    .schedule_inner {flex-direction: column;}
    .schedule_inner .plan_wrap ul {height: 220px;}
    .schedule_inner .plan_wrap ul li a strong {font-size:15px;}

}
@media screen and (max-width: 480px) {
    /* 비주얼 */
    .main_visual .typo_text .typo_text_inner {padding-top:40px;}

    /* 주요소식 */
    .main_tab_wrap {padding-top:20px;}
    .tab_cont_wrap > a {top:-10px;left:0;}
    .tab_cont_wrap .tab_02 {left: 67px;}
    .tab_cont_wrap .tab_03 {left: 150px;}
    .tab_cont_wrap .tab_04 {left: 235px;}

    /* 언론동향 */
    .press_wrap .more, .sns_tab_wrap .more {gap:0;text-indent:-9999px;}

    /* sns 소식 */
    .sns_list_wrap ul {gap:20px;}
    .sns_list_wrap ul li {flex:1 1 100%;}

    /* 배너 */
    .banner_box_big ul li:first-child .text_layout, .banner_box_big ul li:last-child .text_layout {padding-left:0;}
    .banner_box_big ul li:first-child .text_layout:before, .banner_box_big ul li:last-child .text_layout:before {content:none}
    .banner_box_s a {flex:1 1 100%;}

    /* 관련사이트 */
    .family_site_inner a {flex:1 1 40%}

    .join_link_wrap ul li a {font-size:14px;}
    .join_link_wrap ul li+li a {padding-left: 10px;margin-left: 10px;}

    /*  sub-content */
    .s_tab {margin:20px 0 10px;}
    .s_tab ul {max-width:none;}
    .s_tab ul li a {font-size:14px;padding: 7px 0;}
    .help_text.nb_type {padding-top: 30px;}

    /** 서브 탭 **/
    .s_tab.big_s ul li {flex:1 1 40%;}
    .s_tab.big_s ul {flex-wrap: wrap;}

    /** 인증수단 관리 **/
    .device_manage_wrap ul {flex-direction: column;}
    .device_manage_wrap ul li {width:100%;}
    .select_auth_wrap02 ul li {padding:20px;}
    .select_auth_wrap02 ul li:before {width: 100px;height: 100px;margin-bottom: 15px;background-size: 40px !important;}

    /**  팝업 **/
    .popup_wrap {width: 98%}

    /** button **/
    .btn_wrap.flex_col {flex-direction: column;}
    .btn_basic_w {max-width:none !important;}
    .thumbnail_wrap .thumbnail_inner {width: 100%;}

    /* 뉴스 리스트 */
    .news_list_wrap ul li {width:100%;}
}
@media screen and (max-width: 360px) {


}