@charset 'utf-8';
.transition{-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.only-m {display:none;}
.only-sm {display:none;}
.only-pc {display:block;}
.viewall {display:none;}

.inner {position: relative; width:100%; max-width: 1740px; margin:0 auto; padding:0 20px;}
.area_rgh {text-align: right;}
.btn_wrap {display: flex; gap:10px;}

/* header */
#header {position:relative; width:100%; height:180px; transition: all .5s ease;  -webkit-transition: all .5s ease;  -moz-transition: all .5s ease; z-index: 100;}
#header.is-fixed {position:fixed; background:#fff; top:0;}
#header .inner {height:100%; max-width: 1540px; margin:0 auto;}
#header .top_wrap {position: relative; background: #23242f; color:#fff; height: 60px;}
#header .top_wrap .top_memeber_wrap {position: absolute; right:0; top: 50%; transform: translate(0, -50%); z-index: 9;}
#header .top_wrap .top_memeber_wrap > ul {display: flex; gap:14px;}
#header .top_wrap .top_memeber_wrap > ul > li {}
#header .top_wrap .top_memeber_wrap > ul > li a {display: block; color:#9495a2; font-size:0.875rem; font-weight: 500;}
#header .top_wrap .top_memeber_wrap > ul > li form {display:block;}
#header .top_wrap .top_memeber_wrap > ul > li button {display:block; border:0; background:transparent; padding:0; color:#9495a2; font-size:0.875rem; font-weight:500; font-family:inherit; line-height:inherit; cursor:pointer;}
#header .bt_wrap {height:120px;}
#header .bt_wrap .inner {display: flex; flex-wrap: nowrap; align-items: center;justify-content: space-between;}
#header .logo {margin-bottom:20px;}
#header .logo a {display: block; width:215px; height:67px; background:url('/images/common/logo.png') center / contain  no-repeat;}
#header .logo_fix {flex:0 0 10%; max-width:10%; display: none;}

/* 상단 뉴스 slider */
#header .new_wrap {width:100%; height:100%;}
#header .news_swiper {overflow: hidden; height:100%;}
#header .news_swiper a {color:#fff;}
#header .news_swiper .swiper-slide {display: flex; justify-content:flex-start; align-items: center; padding-left:80px;}
#header .news_swiper .swiper-slide a {width: calc(100% - 200px); text-align: center; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp:1;}
#header .news_swiper .swiper-pagination {left:0; width: auto; top: 50%; transform: translate(0, -50%); bottom: auto;}
#header .news_swiper .swiper-pagination-bullet {width:8px; height:8px; border:1px solid #01b2ce; background:transparent; margin:0; margin-right:12px;}
#header .news_swiper .swiper-pagination-bullet-active {background:#01b2ce;}

#header #gnb {}
#gnb .depth1 {display: flex; gap:55px; width:100%; flex-wrap: nowrap; }
#gnb .depth1 > li {position: relative; text-align: center;}
#gnb .depth1 > li > a {color:#222222; font-size:1.375rem; font-weight: 600; background:transparent;  cursor: pointer;}
#gnb .depth1 > li > a::before {content:''; display:inline-block;  width:0; height:7px; background:#00b2ce; position:absolute; left:50%; bottom:0; transform: translate(-50%, 0); z-index: -1; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out; }
#gnb .depth1 > li.active > a::before { width:100%;}
#gnb .depth1 > li.is-current > a::before { width:100%;}
#gnb .depth1 > li .depth2 {opacity: 0; visibility:hidden; position: absolute; left: 50%; top: 50px; transform: translate(-50%, 0); line-height:2.5rem; background:#fff; -webkit-box-shadow: 0px 0px 29px 7px rgba(0,0,0,0.07); box-shadow: 0px 0px 29px 7px rgba(0,0,0,0.07);}
#gnb .depth1 > li.active .depth2 {opacity: 1; visibility:visible; padding:1.563rem 0; width:160px; border-radius:14px;}
#gnb .depth1 > li:last-child.active .depth2 {width:200px;}
#gnb .depth1 > li .depth2 li.active a,
#gnb .depth1 > li .depth2 li a:hover {color:#222222; text-decoration: underline;}
#gnb .depth1 > li .depth2 li a {color:#7d7e82; font-size:1.125rem;}
#gnb .logo_m {display: none;}
#gnb .close_m {display: none;}

#m_gnb {position: fixed; left: 50%; transform: translate(-50%, 0); top: 170px; width:100%; max-width:1500px; height:632px; background:#23242f; border-radius: 25px; padding:58px 60px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out; z-index: 999;}
#m_gnb.active { opacity: 1; visibility: visible;}
#m_gnb .close_m {position: absolute; right:0; top:-73px; display:block; width:44px; height:46px; border-radius:13px; background:url('/images/common/btn_m_close.png') center no-repeat #00b2ce; text-indent: -9999px; overflow: hidden; cursor: pointer;}
#m_gnb .depth1 {display:flex; gap:40px; }
#m_gnb .depth1 > li {flex:0 0 calc(20% - 40px);}
#m_gnb .depth1 > li > a {display:block; font-size:1.625rem; color:#fff;}
#m_gnb .depth1 > li > a > span {display:block; border-bottom:1px solid rgba(255, 255, 255, 0.2); padding-bottom:35px; text-align:center; }
#m_gnb .depth1 > li .depth2 {margin-top:32px;}
#m_gnb .depth1 > li .depth2 > li {}
#m_gnb .depth1 > li .depth2 > li > a {display:block; color:#fff; font-size:1.125rem; text-align:center; padding:13px 0;}
#all_overlay { position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(35,36,47,0.5); z-index: 99; opacity: 0; visibility: hidden; }
#all_overlay.active { opacity: 1; visibility: visible;}

#header .gnb_right {display: flex; gap:10px;}
#header .gnb_right .src_wrap {position: relative; }
#header .gnb_right .src_wrap label {display: none;}
#header .gnb_right .src_wrap input {border:2px solid #e1e2ec; border-radius: 13px; padding:12px 17px;}
#header .gnb_right .src_wrap button {position: absolute; right:0; top:0; display: block; width:44px; height:46px;  background:url('/images/common/top_search_icon.png') center no-repeat #00b2ce;  border-radius: 13px; text-indent: -999px; overflow: hidden;}
#header .m_view {display: block; width:44px; height:46px; position: relative; cursor: pointer; background:url('/images/common/m_view_icon.png') center no-repeat #23242f; border-radius: 13px; text-indent: -999px; overflow: hidden;}


/* footer */
footer {}
footer .inner {max-width: 1540px;}
footer .fot_top {border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
footer .fot_top .inner {display: flex; align-items: center; justify-content: space-between; }
footer .fot_top .link_list {display: flex; gap:2.25rem;}
footer .fot_top .link_list > li:first-child a {color:#00b2ce; font-weight: 700;}
footer .fot_top .link_list a {display: inline-block; color:#222222; padding:3rem 0;}
footer .family_site {position: relative;}
footer .family_site .family_toggle {display: flex; justify-content: space-between; align-items: center; width:230px; background:#f0f8fc; color:#222222; font-weight: 600; padding:1rem 1.875rem; border-radius: 25px;}
footer .family_site .family_toggle b {color:#00b2ce; font-weight: 600;}
footer .family_site .family_toggle::after {content: ''; display: inline-block; width:13px; height:12px; background:url('/images/common/famliy_link_arrow.png') center no-repeat; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
footer .family_site .family_toggle.on::after {transform: rotate(180deg);}
footer .family_site .site_list {display: none; position: absolute; bottom:70px; left:50%; transform: translate(-50%, 0); width:100%; height: 250px; background:#fff; border-radius: 25px; padding:20px 5px 20px 20px; -webkit-box-shadow: 3px 3px 15px 5px rgba(102,114,125,0.3); box-shadow: 3px 3px 15px 5px rgba(102,114,125,0.3); }
footer .family_site .site_list ul {height:100%; overflow-y: scroll;}
footer .family_site .site_list ul li {border-bottom:1px solid #ececec; padding:9px 0; margin-right:13px;}
footer .family_site .site_list ul li a {color:#222222; line-height: 28px; display: block; width:100%;}

footer .fot_bt {padding:2.5rem 0;}
footer .fot_bt .inner {display: flex; align-items: flex-start;}
footer .fot_bt .logo_wrap {flex:0 0 304px;}
footer .fot_bt .fot_info {flex:0 0 60%; padding-top:20px;}
footer .fot_bt .fot_info > ul {display: flex; flex-wrap: wrap; line-height: 28px; color:#888888;}
footer .fot_bt .fot_info > ul > li {}
footer .fot_bt .fot_info > ul > li::after {content: ''; display: inline-block; width:1px; height:9px; background:#d1d1d1; margin:0 1.25rem;}
footer .fot_bt .fot_info > ul > li:last-child::after {display: none;}
footer .fot_bt .fot_info > div {font-size:0.75rem; color:#888888;  margin-top:43px;}
footer .fot_bt .fot_info > div span {font-size:0.688rem;}
footer .fot_bt .fot_info > div span::before {content: ''; display: inline-block; width:1px; height:9px; background:#d1d1d1; margin:0 1.25rem;}
footer .fot_bt .sns_wrap {position: absolute; right:0; top:24px;}
footer .fot_bt .sns_wrap > ul {display: flex; gap:5px;}
footer .fot_bt .sns_wrap > ul > li {}
footer .fot_bt .sns_wrap > ul > li a {display: inline-block; width:50px; height:50px; border-radius: 10px; background:#f2f2f2; overflow: hidden; text-indent:-999px;}
footer .fot_bt .sns_wrap > ul > li a.facebook_link {background:url('/images/common/sns_link_facebook.png') center no-repeat #f2f2f2;}
footer .fot_bt .sns_wrap > ul > li a.kakao_link {background:url('/images/common/sns_link_kakao.png') center no-repeat #f2f2f2;}

/* 메인페이지  - 메인 비주얼 */
.m_visual {position: relative; overflow: visible;}
.m_visual .inner {max-width:1800px;}
.m_visual .mv_swiper {position: relative; overflow:hidden; border-radius:2.5rem; height:670px;}
.m_visual .mv_swiper .swiper-slide {position:relative; height:670px;}
.m_visual .img_wrap {display:block;  width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; background-size:cover !important;}
.m_visual .img_wrap.main-banner-image {background-image:var(--pc-banner-image);}
.m_visual .txt_wrap {display: flex; max-width: 1500px; margin:0 auto; height: 670px; flex-direction: column; justify-content: center; padding-bottom: 100px;}
.m_visual .txt_wrap .btxt {font-size:4rem; font-weight:700; line-height:4.75rem;}
.m_visual .txt_wrap .stxt {font-size:1.25rem; line-height:1.75rem; margin:2.313rem 0 2.875rem 0;}
.m_visual .txt_wrap .btn_wrap a {display:block; background:#00b2ce; color:#fff; font-size:1.25rem; border-radius:32px; padding:1.25rem 2.5rem;}
.m_visual .txt_wrap .btn_wrap a::after {content:''; display:inline-block; width:19px; height:16px; background:url('/images/common/btn_more.png') center no-repeat; margin-left:1.875rem;}
/* 메인비주얼 - 컨트롤러 */
.m_visual .swiper-controls {position:absolute; left:140px; bottom:126px; max-width:1500px; display:flex; flex-direction:row; align-items: center; gap:5px; z-index:9;}
.m_visual .swiper-pagination-fraction {color:#bdbdbd; font-size:1.25rem; width: auto; }
.m_visual .swiper-pagination-current {color:#000; font-weight:700;}
.m_visual .swiper-pagination-total {color:#000; }
.m_visual .swiper-button-prev {text-indent:-999px; overflow:hidden; width:56px; height:56px; border-radius: 16px; border:1px solid rgba(0, 0, 0, .2); background:url('/images/main/icon_mv_prev.png') center no-repeat; position: relative; left: auto; top: auto; margin: 0;}
.m_visual .swiper-button-next {text-indent:-999px; overflow:hidden; width:56px; height:56px; border-radius: 16px; border:1px solid rgba(0, 0, 0, .2); background:url('/images/main/icon_mv_next.png') center no-repeat; position: relative; right: auto; top: auto; margin: 0;}
.m_visual .btn-stop {text-indent:-999px; overflow:hidden; width:56px; height:56px; border-radius: 16px; border:1px solid rgba(0, 0, 0, .2); background:url('/images/main/icon_mv_paus.png') center no-repeat;}
.m_visual .btn-start {text-indent:-999px; overflow:hidden; width:56px; height:56px; border-radius: 16px; border:1px solid rgba(0, 0, 0, .2); background:url('/images/main/icon_mv_play.png') center no-repeat;}
.m_visual .swiper-progressbar {width: 125px; height: 3px; background:#bcbcbc; z-index: 20; margin-right:40px;}
.m_visual .progress-bar-fill {height: 100%; width: 0%; background: #000000; transition: width linear; }
/* 메인비주얼  - 바로가기 */
.m_visual .bt_link_wrap {position: absolute; bottom: -85px; left: 50%; transform: translate(-50%, 0); width:100%; max-width: 1500px; margin: 0 auto; background:#fff; border-radius:1.875rem; box-shadow: 0px -15px 98px 0px rgba(41,48,118,0.17); z-index:9;}
.m_visual .bt_link_wrap > ul {display:flex; align-items: center; justify-content: center; padding:0 3.125rem;}
.m_visual .bt_link_wrap > ul > li {flex:0 0 11.11111%;}
.m_visual .bt_link_wrap > ul > li > a {display:flex; flex-direction: column; align-items: center; width:100%; height:100%; padding:29px 0 31px 0; color:#222222; font-size:1.125rem; text-align:center;}
.m_visual .bt_link_wrap > ul > li i {display:block; width:80px; height:80px; margin-bottom:8px;}
.m_visual .bt_link_wrap > ul > li:nth-child(1) i {background:url('/images/main/mv_icon01.png') center no-repeat;}
.m_visual .bt_link_wrap > ul > li:nth-child(2) i {background:url('/images/main/mv_icon02.png') center no-repeat;}
.m_visual .bt_link_wrap > ul > li:nth-child(3) i {background:url('/images/main/mv_icon03.png') center no-repeat;}
.m_visual .bt_link_wrap > ul > li:nth-child(4) i {background:url('/images/main/mv_icon04.png') center no-repeat;}
.m_visual .bt_link_wrap > ul > li:nth-child(5) i {background:url('/images/main/mv_icon05.png') center no-repeat;}
.m_visual .bt_link_wrap > ul > li:nth-child(6) i {background:url('/images/main/mv_icon06.png') center no-repeat;}
.m_visual .bt_link_wrap > ul > li:nth-child(7) i {background:url('/images/main/mv_icon07.png') center no-repeat;}
.m_visual .bt_link_wrap > ul > li:nth-child(8) i {background:url('/images/main/mv_icon08.png') center no-repeat;}
.m_visual .bt_link_wrap > ul > li:nth-child(9) i {background:url('/images/main/mv_icon09.png') center no-repeat;}

/* 메인 상단 공통 */
section h2 {font-size:2.625rem; font-weight:700; display:block; width:100%; text-align:center;}
section .top_wrap {position: relative; margin:9.375rem 0 3.125rem 0}
section .top_wrap .btn_wrap {position:absolute; right:20px; top:0;}

/* 메인페이지  - 메인 고정 공지사항 */
.m_notice {margin-top:180px;}
.m_notice .inner {max-width:1500px; margin:0 auto;}
.m_notice .noti_wrap {display:flex; gap:1.875rem;}
.m_notice .noti_wrap .lft_wrap {flex:0 0 405px;}
.m_notice .noti_wrap .lft_wrap .item {background:#f7f7f7; border-radius:2.188rem; padding:3.75rem; height:485px; display:flex; flex-direction:column; justify-content: space-between; }
.m_notice .noti_wrap .rgh_wrap {flex:1; }
.m_notice .noti_wrap .rgh_wrap .item {position: relative; display:flex; gap:75px; width:100%; height:100%; border:1px solid #e4e4e4; border-radius:2.188rem; padding:3.75rem; background:linear-gradient(to right, #FFFFFF 0%, #FFFFFF 85%, #27bed5 100%);}
.m_notice .noti_wrap .rgh_wrap .btn_wrap {position: absolute; bottom: 60px;}
.m_notice .item .tit {color:#222222; font-size:2.25rem; font-weight:600; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3;}
.m_notice .item .stxt {color:#222222; font-size:1.125rem; line-height:1.75rem; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; margin-top:50px;}
.m_notice .item .view_detail {font-size:1.125rem; border-radius:1.813rem; padding:17px 30px;}
.m_notice .item .img_wrap .img {width:324px; height:354px; border-radius:25px; overflow:hidden;}
.m_notice .item .btn_wrap {gap:0;}
.m_notice .item .btn_line_black::after {content:''; display:inline-block; width:13px; height:14px; background:url('/images/main/btn_arrow_b.png') center no-repeat; margin-left:16px;}
.m_notice .item .bg_blue::after {content:''; display:inline-block; width:13px; height:14px; background:url('/images/main/btn_arrow_w.png') center no-repeat; margin-left:16px;}

/* 메인페이지  - 메인 지부회 소식 */
.m_branch {}
.m_branch .inner {max-width:1500px; margin:0 auto;}
.m_branch .mbran_swiper  {overflow:hidden; padding-bottom:150px;}
.m_branch .item .img_wrap .img {height:273px; border-radius:20px; margin-bottom:35px; }
.m_branch .item .txt_wrap {margin:10px 0 30px 0; }
.m_branch .item .txt_wrap .tit a {font-size:1.5rem; font-weight:700; color:#222222;}
.m_branch .item .txt_wrap .stxt {height:52px; font-size:1.125rem; line-height:28px; color:#999999; margin-bottom:60px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.m_branch .item .txt_wrap .date {color:#999999;}
.m_branch .swiper-pagination-fraction {bottom: auto; top:180px; left:20px; width: auto; color:#cbcbcb; font-size:1.125rem; font-weight:300; letter-spacing: 0;}
.m_branch .swiper-pagination-current {color:#000; font-weight:700;}
.m_branch .swiper-button-prev {left: -60px; width:56px; height:56px; background:url('/images/main/btn_arrow_b.png') center no-repeat #ebebeb; border-radius:16px; transform: rotate(180deg);}
.m_branch .swiper-button-next {right: -60px; width:56px; height:56px; background:url('/images/main/btn_arrow_b.png') center no-repeat #ebebeb; border-radius:16px;}
.m_branch .swiper-button-prev:hover {background:url('/images/main/btn_arrow_w.png') center no-repeat #23242f;}
.m_branch .swiper-button-next:hover {background:url('/images/main/btn_arrow_w.png') center no-repeat #23242f;}

/* 메인페이지  - 메인 학술대회 */
.m_conference {background:#edf3f6;}
.m_conference .inner {max-width:1500px; margin:0 auto; padding-bottom:150px;}
.m_conference .mcon_swiper .swiper-wrapper {padding-top:20px;}
/*.m_conference .mcon_swiper .swiper-slide {flex:0 0 calc(25% - 10px); width:360px;}*/
.m_conference .mcon_swiper .item {background:#fff; border-radius:1.563rem; padding:2rem 1.5rem;}
.m_conference .swiper-pagination-fraction {bottom: auto; top:25px; left:20px; width: auto; color:#cbcbcb; font-size:1.125rem; font-weight:300; letter-spacing: 0;}
.m_conference .swiper-pagination-current {color:#000; font-weight:700;}
.m_conference .item {-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.m_conference .item .txt_wrap {font-size:1.125rem;}
.m_conference .item .txt_wrap > span {}
.m_conference .item .txt_wrap .tit {font-size:1.8rem; font-weight:600; margin:45px 0 25px 0; height:38px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.m_conference .item .txt_wrap > ul  {border-top: 1px solid #000000; margin-top: 25px; padding-top: 25px;}
.m_conference .item .txt_wrap > ul > li {margin-bottom:15px;}
.m_conference .item .txt_wrap > ul > li span {color:#999999; display:block;}
.m_conference .item .txt_wrap > ul > li p {}
.m_conference .item .btn_wrap {margin-top:29px;}
.m_conference .item .btn_wrap a {font-size:1.125rem; display:flex; align-items: center; justify-content: center; width:100%; padding:16px 0; width:100%; border:2px solid #222222; border-radius:29px; color:#222; font-weight:700;}
.m_conference .item .btn_wrap a:after {content:''; position:absolute; right:30px; display:inline-block; width:13px; height:13px; background:url('/images/main/btn_arrow_b.png') center no-repeat;}
.m_conference .item:hover {background:#23242f; top: -20px; position: relative;}
.m_conference .item:hover .txt_wrap .tit,
.m_conference .item:hover .txt_wrap > ul > li p {color:#fff;}
.m_conference .item:hover .btn_wrap a {background:#00b2ce; color:#fff}
.m_conference .item:hover .btn_wrap a:after {background:url('/images/main/btn_arrow_w.png') center no-repeat;}
.m_conference .swiper-button-prev {left: -60px; width:56px; height:56px; background:url('/images/main/btn_arrow_b.png') center no-repeat #ebebeb; border-radius:16px; transform: rotate(180deg);}
.m_conference .swiper-button-next {right: -60px; width:56px; height:56px; background:url('/images/main/btn_arrow_b.png') center no-repeat #ebebeb; border-radius:16px;}
.m_conference .swiper-button-prev:hover {background:url('/images/main/btn_arrow_w.png') center no-repeat #23242f;}
.m_conference .swiper-button-next:hover {background:url('/images/main/btn_arrow_w.png') center no-repeat #23242f;}

/* 메인페이지  - 메인 치과기보 */
.m_information {}
.m_information .inner {max-width:1500px; margin:0 auto; padding-bottom:150px;}
.m_information .info_wrap {display:flex; gap:30px;}
.m_information .info_wrap .item {flex:0 0 calc(25% - 23px); border:1px solid #e4e4e4; border-radius:1.688rem; padding:0 1.375rem;}
.m_information .info_wrap .txt_wrap {display:flex; justify-content: space-between; align-items: center; border-bottom:1px solid #dddddd; padding:2rem 0 1.6rem 0;}
.m_information .info_wrap .txt_wrap > span {font-size:1.125rem; font-weight:700;}
.m_information .info_wrap .txt_wrap .btn_down {color:#00b2ce; font-weight:700;}
.m_information .info_wrap .txt_wrap .btn_down::after {content:''; width:14px; height:15px; background:url('/images/main/icon_download.png') center no-repeat; margin-left:10px;}
.m_information .info_wrap .img_wrap {display:flex; gap:30px; margin:35px 0;}
.m_information .info_wrap .img_wrap {}
.m_information .info_wrap .img_wrap .img {flex:1; width:100%; height: 390px;; border-radius:10px; overflow:hidden;}
.m_information .info_wrap .img_wrap .list {flex:1;}
.m_information .info_wrap .img_wrap .list > div {font-size:1.25rem; font-weight:700; margin-bottom:15px;}
.m_information .info_wrap .img_wrap .list > ul {}
.m_information .info_wrap .img_wrap .list > ul > li  {position:relative; font-size:1.125rem; line-height:32px; padding-left:15px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.m_information .info_wrap .img_wrap .list > ul > li::before {content:''; display:inline-block; width:4px; height:4px; border-radius:100%; background:#3d3d3d; position:absolute; left:0; top: 50%; transform: translate(-50%, 0);}
.m_information .btn_p21 {border-radius:10px;}

/* 메인페이지  - 메인 구인구직 */
.m_recruit {background:#edeff6; padding:150px 0;}
.m_recruit .inner {max-width:1500px; margin:0 auto;}
.m_recruit .mre_wrap {}
.m_recruit .cont_wrap {display:flex; gap:20px; margin-top:30px;}
.m_recruit .cont_wrap .lft_wrap {flex:1; border-radius:25px; overflow:hidden; background:#23242f; color:#fff; padding:40px 5px 0 60px;}
.m_recruit .cont_wrap .lft_wrap .recr {height:430px;}
.m_recruit .cont_wrap .lft_wrap .row {display:flex; justify-content: space-between; align-items: center; color:#fff; padding:22px 0; border-bottom:1px solid rgba(255, 255, 255, 0.1);margin-right:50px;}
.m_recruit .cont_wrap .lft_wrap .row span {flex:0 0 20%; color:#19e0ff; font-weight:700; max-width:180px; text-align:center;}
.m_recruit .cont_wrap .lft_wrap .row .tit {flex:1; position:relative; display: block; font-size:1.25rem; font-weight:700; text-align:left;}
.m_recruit .cont_wrap .lft_wrap .row .tit a {position:relative; display: inline-block; color:#ffff; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1;}
.m_recruit .cont_wrap .lft_wrap .row .tit a:hover {color:#19e0ff;}
.m_recruit .cont_wrap .lft_wrap .row .tit a::after {content:''; position:absolute; left:0; bottom:-1px; display:block; width:0; height:2px; background:#19e0ff;  -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.m_recruit .cont_wrap .lft_wrap .row .tit a:hover::after {width:100%;}
.m_recruit .cont_wrap .lft_wrap .row .date {flex:0 0 10%; color:#727484;}
.m_recruit .cont_wrap .lft_wrap .view_all a {display:flex; align-items: center; justify-content: center; text-align:center; font-size:1.125rem; color:#fff; padding:20px 0 30px 0;}
.m_recruit .cont_wrap .lft_wrap .view_all a::after {content:''; display: block; width:12px; height:12px; background:url('/images/main/icon_plus.png') center no-repeat; margin-left:9px;}
.m_recruit .cont_wrap .rgh_wrap {flex:0 0 350px; display:flex; flex-direction:column; gap:20px;}
.m_recruit .cont_wrap .rgh_wrap .item {position:relative; border-radius:25px; overflow:hidden; height:265px;}
.m_recruit .cont_wrap .rgh_wrap .item > a {display:block; color:#fff; padding:45px 40px;}
.m_recruit .cont_wrap .rgh_wrap .item .tit {font-size:1.875rem; font-weight:700; margin-bottom:28px;}
.m_recruit .cont_wrap .rgh_wrap .item .txt {line-height:26px;}
.m_recruit .cont_wrap .rgh_wrap .item.career {background:#3945ba;}
.m_recruit .cont_wrap .rgh_wrap .item.career::after {content:''; position:absolute; right:40px; bottom:30px; display:block; width:74px; height:75px; background:url('/images/main/icon_career.png') center / contain no-repeat;}
.m_recruit .cont_wrap .rgh_wrap .item.etc {background:#00b2ce;}
.m_recruit .cont_wrap .rgh_wrap .item.etc::after {content:''; position:absolute; right:40px; bottom:30px; display:block; width:74px; height:75px; background:url('/images/main/icon_etc.png') center / contain no-repeat;}
.m_recruit .cont_wrap .rgh_wrap .item::before {content:''; position:absolute; right:40px; top:30px; display:block; width:20px; height:20px; background:url('/images/main/recruit_arrow.png') center no-repeat;}
.m_recruit .scrollBar::-webkit-scrollbar {width:6px;}
.m_recruit .scrollBar::-webkit-scrollbar-track {background:#23242d;}

/* 메인페이지  - 메인 온라인 보수교육 */
.m_online {padding-bottom:170px;}
.m_online .inner {max-width:1500px; margin:0 auto;}
.m_online .on_wrap .cont_wrap {display:flex; flex-wrap:wrap; gap:30px;}
.m_online .on_wrap .item {flex: 0 0 calc(50% - 15px); display:flex; justify-content: space-between; border:1px solid #e4e4e4; padding:2.5rem; border-radius:1.25rem;}
.m_online .on_wrap .txt_wrap {}
.m_online .on_wrap .txt_wrap span {display:block; color:#00b2ce; font-weight:700; margin-bottom:2.75rem;}
.m_online .on_wrap .txt_wrap .tit {font-size:1.875rem; font-weight:700; margin-bottom:20px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; margin-right:10px;}
.m_online .on_wrap .txt_wrap .txt {font-size:1.125rem; margin-bottom:40px;}
.m_online .on_wrap .txt_wrap .btn_wrap a {font-size:1.125rem; font-weight:700; padding:18px 32px; border-radius:30px;}
.m_online .on_wrap .txt_wrap .btn_wrap a:after {content:''; display:inline-block; width:13px; height:13px; background:url('/images/main/btn_arrow_b.png') center no-repeat; margin-left:30px;}
.m_online .on_wrap .img_wra p {}
.m_online .on_wrap .img_wrap .img {width: 18vw; min-width: 245px; height:100%; border-radius:10px; overflow:hidden;}

/* 메인페이지  - 메인 실시간 뉴스 */
.m_news {background:#f7f7f7; padding-bottom:160px;}
.m_news .inner {max-width:1500px; margin:0 auto;}
.m_news .mnew_swiper {overflow:hidden;}
.m_news .mnew_swiper .swiper-slide {overflow:hidden; border-radius:25px; overflow:hidden; background:#fff;}
.m_news .mnew_swiper .img_wrap {height:215px; width:100%;}
.m_news .mnew_swiper .img_wrap .img {height:100%; width:100%;}
.m_news .mnew_swiper .txt_wrap {padding:25px;}
.m_news .mnew_swiper .txt_wrap .tit {font-size:1.75rem; font-weight:700; line-height:40px; margin-bottom:20px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.m_news .mnew_swiper .txt_wrap .txt {color:#999999; font-size:1.125rem; line-height:28px; height:56px; margin-bottom:40px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.m_news .mnew_swiper .txt_wrap .date {color:#999999}
.m_news .swiper-button-prev {left: -60px; width:56px; height:56px; background:url('/images/main/btn_arrow_b.png') center no-repeat #ebebeb; border-radius:16px; transform: rotate(180deg);}
.m_news .swiper-button-next {right: -60px; width:56px; height:56px; background:url('/images/main/btn_arrow_b.png') center no-repeat #ebebeb; border-radius:16px;}
.m_news .swiper-button-prev:hover {background:url('/images/main/btn_arrow_w.png') center no-repeat #23242f;}
.m_news .swiper-button-next:hover {background:url('/images/main/btn_arrow_w.png') center no-repeat #23242f;}
.m_news .swiper-pagination-fraction {bottom: auto; top:25px; left:20px; width: auto; color:#cbcbcb; font-size:1.125rem; font-weight:300; letter-spacing: 0;}
.m_news .swiper-pagination-current {color: #000; font-weight: 700;}


/* 서브비주얼 */
.sub1 {background:url("/images/common/sub_visual01.png") center no-repeat;}
.sub2 {background:url("/images/common/sub_visual02.png") center no-repeat;}
.sub3 {background:url("/images/common/sub_visual03.png") center no-repeat;}
.sub4 {background:url("/images/common/sub_visual04.png") center no-repeat;}
.sub5 {background:url("/images/common/sub_visual05.png") center no-repeat;}
.sub6 {background:url("/images/common/sub_visual05.png") center no-repeat;}
#sub_visual {position: relative; width:100%; height:455px; display: block; overflow: visible; margin-bottom:1.875rem; z-index:2;}
#sub_visual .inner {height:100%; padding:0 7.75rem;}
#sub_visual .bg {position: absolute; left:0; top:0; width:100%; height:100%; background:#e6e6e2; border-radius: 40px; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}
#sub_visual .txt_wrap {position: relative; width:100%; height:100%; display: flex; flex-direction: column; justify-content: center; }
#sub_visual .txt_wrap > span {font-size:1.5rem; font-weight: 600; display: block; margin-bottom:0.5rem}
#sub_visual .txt_wrap > h3 {font-size: 4rem; font-weight: 600; margin-bottom:3.313rem;}
#sub_visual .snav_wrap {position: relative;}
#sub_visual .snav_wrap > div {position: relative; display: inline-block; min-width: 280px; font-size: 1.25rem; font-weight: 700; background:#fff; border-radius: 32px; padding:1.25rem 1.875rem; cursor: pointer; z-index:1;}
#sub_visual .snav_wrap > div::after {content: ''; display: inline-block; width:3.75rem; height:3.75rem; background:url('/images/common/snav_arrow.png') center no-repeat #23242f; border-radius: 100%; position: absolute; right: 3px; top: 2.5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
#sub_visual .snav_wrap > div.active::after {transform: rotate(180deg);}
#sub_visual .snav_wrap > ul {display: none; flex-direction: column; position: absolute; left: 0; top: 30px; background:#23242f; padding:2.65rem 1.875rem 1.875rem 1.875rem;; width: 100%; max-width: 280px; border-radius: 0 0 32px 32px;}
#sub_visual .snav_wrap > ul > li {}
#sub_visual .snav_wrap > ul > li.on a {text-decoration: underline; color:#fff}
#sub_visual .snav_wrap > ul > li a {font-size:1.25rem; color:#bebebe; line-height:2.5rem; font-weight:700;}
#sub_visual .snav_wrap > ul > li a:hover {text-decoration: underline; color:#fff}

.snav_warp {position: absolute; left:0; top:-80px; width:100%;}
.snav_warp ul {display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: space-between; border-radius: 30px;}
.snav_warp ul li {background:#171f39; text-align: center; flex: 1 1 50%;}
.snav_warp ul li.on {background:#005083;}
.snav_warp .one ul li:nth-child(1) { border-radius: 20px;}
.snav_warp .three ul li:nth-child(2) { border-radius: 0; border-right:1px solid rgba(255,255,255,0.1);}
.snav_warp .three ul li:nth-child(3) { border-radius: 0 20px 20px 0;}
.snav_warp ul li:nth-child(1) { border-radius: 20px 0 0 20px;}
.snav_warp ul li:nth-child(2) { border-radius: 0 20px 20px 0; border-left:1px solid rgba(255,255,255,0.1); }
.snav_warp ul li a {display: inline-block; color:#fff; font-weight: 700; padding:30px 0; width: 100%;}
.snav_warp ul li a span {display: inline-block; padding-left:15px;}

.sub_lo {margin-top:40px; padding-top: 40px; text-align: right;}
.sub_lo li {display: inline-block;}
.sub_lo li:after {content: ''; display: inline-block; width:6px; height:6px; background:#909090; margin: 0 14px; vertical-align: middle; border-radius: 100%;}
.sub_lo li:last-child::after {display:none;}

#sub_container {margin-bottom:10.938rem;}
#sub_container .inner {padding:0;}
.sub_wrap {position: relative; padding:50px 0 150px 0;}

/* 마이페이지 왼쪾오른쪽 레이아웃 */
.mypage_wrap {display:flex; max-width: 1500px; margin:0 auto; margin-top:50px;}
.mypage_wrap .lnb_left_wrap {width:210px; height:100%; border-right:1px solid #ececec;}
.mypage_wrap .lnb_left_wrap h3 {font-size:2.125rem; font-weight:700; margin-bottom:60px;}
.mypage_wrap .lnb_left_wrap .lnb_left {}
.mypage_wrap .lnb_left_wrap .lnb_left .lnb {margin-bottom:70px;}
.mypage_wrap .lnb_left_wrap .lnb_left .stit {font-size:1.125rem; font-weight:700; margin-bottom:10px; }
.mypage_wrap .lnb_left_wrap .lnb_left.pol_lnb .stit {margin-bottom:20px;}
.mypage_wrap .lnb_left_wrap .lnb_left .stit a {font-size:1.125rem; font-weight:700; color:#222222;}
.mypage_wrap .lnb_left_wrap .lnb_left .stit.active a {color:#00b2ce;}
.mypage_wrap .lnb_left_wrap .lnb_left ul {line-height:32px;}
.mypage_wrap .lnb_left_wrap .lnb_left ul li {}
.mypage_wrap .lnb_left_wrap .lnb_left ul li a {color:#222222;}
.mypage_wrap .lnb_left_wrap .lnb_left ul li.active a {color:#00b2ce; text-decoration: underline;}
.mypage_wrap .lnb_left_wrap .lnb_left ul li.active a::after {content:''; display:inline-block; width:5px; height:10px; background:url('/images/common/mypage_lnb_icon.png') center no-repeat; margin-left:10px;}
.mypage_wrap .mypage_right {flex:1; margin-left:60px;}

.float_btn {position:fixed; right:10px; bottom:10px; z-index:1000;}

/* 인덱스 모달팝업 */
.popup-overlay {display: none; position: fixed; align-items: center;  justify-content: center; inset: 0; z-index: 1000; transition: transform 0.38s cubic-bezier(0.32, 0.72, 0, 1); pointer-events: none;}
.popup-overlay.active { display: flex;}
.popup-wrap {width: 100%; max-width: 480px; background: #fff; border-radius: 16px; overflow: hidden; transform: translateY(100%); transition: transform 0.38s cubic-bezier(0.32, 0.72, 0, 1); -webkit-box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.2); pointer-events: auto;}
.popup-overlay.active .popup-wrap {transform: translateY(0);}
.popup-wrap .pop {padding: 20px 20px 0 20px; box-sizing: border-box;}
.popup-close {display:block; position:absolute; width:21px; height:21px; right:20px; top:20px; background: url('/images/common/modal_close.png') no-repeat; background-size:contain; z-index: 999; cursor: pointer; text-indent: -9999px; overflow:hidden;}
.popup-swiper {width: 100%; overflow:hidden; }
.popup-swiper .swiper-slide { }
.popup-swiper .swiper-slide picture {display:block;}
.popup-swiper .swiper-slide img { width: 100%; display: block;}
.popup-swiper .swiper-pagination {position: static; display: flex; align-items: center; justify-content: center; padding: 10px 0 6px; gap: 6px;}
.popup-swiper .swiper-pagination-bullet {width: 6px;height: 6px;border-radius: 50%; background: #ccc; opacity: 1; transition: width 0.2s ease, background 0.2s ease;}
.popup-swiper .swiper-pagination-bullet-active {width: 18px; border-radius: 3px; background: #111;}
.popup-footer {display: flex; border-top: 1px solid #eee;}
.popup-footer button {flex: 1; padding: 15px 12px; cursor: pointer; transition: background 0.15s;}
.btn-today {color: #888; border-right: 1px solid #eee;}
.btn-today:hover { background: #f5f5f5;}
.btn-close {color: #111; font-weight: 500;}
.btn-close:hover { background: #f5f5f5; }

/* 파킹페이지 */
.mainten_container {width:100%; height:100%; background:#f0f3f8; padding:50px 0;}
.mainten_container .inner {display: flex; height: 100%; align-items: center; justify-content: center;}
.mainten_container .logo_wrap {text-align:center; margin-bottom:60px;}
.mainten_container .main_wrap {width:100%; max-width:1040px; margin:0 20px; display:flex; flex-direction:column;}
.mainten_container .main_wrap .main_con {display:flex; gap:10px;}
.mainten_container .main_wrap .lft_wrap {flex:0 0 80%; max-width: 765px; background:#fff; border-radius:25px; padding:67px 37px 57px 50px;}
.mainten_container .main_wrap .rgh_wrap {flex:0 0 20%; max-width: 263px; display: flex; align-items: flex-end;width:100%; border-radius:25px; padding:50px; background: #646DAB; background: -moz-linear-gradient(-45deg, #646DAB 0%, #1c215d 50%, #070937 100%); background: -webkit-linear-gradient(-45deg, #646DAB 0%, #1c215d 50%, #070937 100%); background: linear-gradient(135deg, #646DAB 0%, #1c215d 50%, #070937 100%); }
.mainten_container .main_wrap .lft_wrap .title {position:relative; font-size:46px; font-weight:700; line-height:56px; color:#293076; margin-bottom:45px;}
.mainten_container .main_wrap .lft_wrap .title::after {content:''; display:block; width:215px; height:196px; position:absolute; right:0; top:-10px; background:url('/images/main/main_img.png') center / contain no-repeat;}
.mainten_container .main_wrap .lft_wrap .text {}
.mainten_container .main_wrap .lft_wrap .text span {display:block; font-size:26px; font-weight:700; color:#293076; margin:54px 0 32px 0;}
.mainten_container .main_wrap .lft_wrap .text p {font-size:18px; line-height:26px;}
.mainten_container .main_wrap .lft_wrap .text ul {display:flex; gap:12px; margin-top:60px; font-size:16px; color:#293076; }
.mainten_container .main_wrap .lft_wrap .text ul  li.tel {display:flex; align-items: center; gap:7px;}
.mainten_container .main_wrap .lft_wrap .text ul  li.tel::before {content:''; display:block; width:14px; height:14px; background:url('/images/main/icon_tel.png') center no-repeat;}
.mainten_container .main_wrap .link_wrap {display:flex; flex-direction: column; text-align:center; gap:99px;}
.mainten_container .main_wrap .link_wrap .img {display:block; width:143px; height:143px; border-radius:100%; background:url('/images/main/main_icon.png') center no-repeat #fff;}
.mainten_container .main_wrap .link_wrap .tit {font-size:26px; font-weight:700; color:#fff; margin-top:26px;}
.mainten_container .main_wrap .link_wrap a.bg_blue {display:flex; justify-content: space-between; padding:20px 33px; border-radius:29px;}
.mainten_container .main_wrap .link_wrap a.bg_blue::after {content:''; display:inline-block; width:13px; height:14px; background:url('/images/main/btn_arrow_w.png') center no-repeat; margin-left:16px;}
.mainten_container .copyright {text-align:center; font-size:12px; color:#73768f; margin-top:65px;}

@media screen and (max-width:1024px) {
	.only-m {display:block;}
	.only-pc {display:none;}
	.inner {padding:0 15px;}

	.m_visual .content {align-items: flex-start; flex-direction: column; padding:10vw 20px 0 20px; justify-content: center;}
	.m_visual .content .btxt {padding-bottom:20px;}
	.m_visual .content .stxt {font-size:30px;}
	.m_visual .content .area_rgh {display: none;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
	.swiper-button-prev, .swiper-button-next {display: none !important;}

    #header {height: 140px;}
    #header .bt_wrap {height: 80px;}
    #header .logo {margin-bottom: 10px;}
    #header .logo a {width:180px;}
	#header #gnb {visibility: hidden; position: fixed; left:-100%; top:0; bottom:0; width: 100%; max-width: none; background:#fff; z-index: 9;}
	#header #gnb.active {left:0; visibility: visible; padding:30px 20px; overflow-y: scroll;}
	#header #gnb.active .popup_bg {opacity: 1; visibility: visible; background:#fff;}
	#gnb .depth1 {display: inline-block;}
	#gnb .depth1 > li {cursor: pointer;padding: 5px 10px;border-bottom:1px solid #f0f0f0; }
	#gnb .depth1 > li > a {display: block; font-weight: 900; color:#000; font-size: 1.625em; padding:6px 10px 13px 10px;}
	#gnb .depth1 > li.active > a::before {content: none;}
	#gnb .depth1 > li .depth2 {position: relative; top:0; width:100% !important; border-radius: 0; left:0 !important; background:none; box-shadow: none;opacity: 0; visibility: hidden; height:0;}
	#gnb .depth1 > li .depth2 > li {display: block; padding:10px 0;}
	#gnb .depth1 > li .depth2 > li a {font-weight: 600; color:#000;}
	#gnb .depth1 > li .depth2::after {content: none;}
	#gnb .depth1 > li.active .depth2 {opacity: 1; visibility: visible; height: 100%; display: block;}
	#gnb .close_m{position: absolute;top:30px;right: 20px;display:block;width:30px;height:30px;cursor: pointer; background:url('/images/main/btn_close.png') no-repeat; text-indent: -9999px; background-size: cover;}
	#gnb .logo_m.active {display: block; padding-bottom: 20px; margin-bottom: 20px; position: relative; text-align: right;}

	#m_gnb {border-radius: 0; background: #fff; height:100%; padding:0; top: 140px;}
	#m_gnb .gnb_wrap {overflow-y:scroll; height: 100%;}
	#m_gnb .close_m {right:15px; top: -63px;}
	#m_gnb .m_top {background:#ebf9fb; padding:10px;}
	#m_gnb .m_top > ul {display:flex; gap:10px;}
	#m_gnb .m_top > ul > li {flex:0 0 calc(50% - 5px);}
	#m_gnb .m_top > ul > li .btn_mypage {display:block; text-align:center; padding:10px 0; background:#00b2ce; color:#fff; font-size:1rem; font-weight:700; border-radius:25px;}
	#m_gnb .m_top > ul > li .btn_login {display:block; width:100%; text-align:center; padding:10px 0; border:2px solid #00b2ce; background:#fff; color:#00a6c0; font-size:1.25rem; font-weight:700; font-family:inherit; line-height:normal; border-radius:25px; cursor:pointer;}
	#m_gnb .m_top > ul > li .m_logout_form {display:block; margin:0;}
	#m_gnb .depth1 {flex-direction: column; margin:30px; gap:0; height: 100%; overflow: scroll;}
	#m_gnb .depth1 > li {flex:0 0; border-bottom: 1px solid #e5e5e5; padding: 20px 0;}
	#m_gnb .depth1 > li > a {color:#222;}
	#m_gnb .depth1 > li > a > span {padding-bottom:0; text-align:left;}
	#m_gnb .depth1 > li.active .depth2 {display:block;}
	#m_gnb .depth1 > li .depth2 {margin-top:20px; display: none;}
	#m_gnb .depth1 > li .depth2 > li > a {color:#222; text-align:left; padding:5px 0;}
	#all_overlay {display:none;}

    .top_memeber_wrap {display:none;}
    #header .gnb_right .src_wrap input {display:none;}
    #header .news_swiper .swiper-pagination {left:10px;}
    #header .news_swiper .swiper-pagination-bullet {margin-right: 7px;}
    #header .news_swiper .swiper-slide {padding:0; justify-content: center;}
    #header .news_swiper .swiper-slide a {width: 70%;}

	/*	footer */
	footer {position:relative; padding-bottom:80px;}
	footer .fot_top {border-top:none;}
	footer .fot_top .inner {position: unset;}
	footer .fot_top .link_list {display:none;}
	footer .family_site {position: absolute; bottom: 20px; left: 50%; transform: translate(-50%, 0); z-index:1;}
	footer .fot_bt .inner {flex-direction: column; align-items: center;}
	footer .fot_bt .logo_wrap {flex:0 0 auto;}
	footer .fot_bt .fot_info > ul {flex-wrap:wrap; justify-content: center;}
	footer .fot_bt .fot_info > ul > li::after {display:none;}
	footer .fot_bt .sns_wrap {position: relative; top:0; margin-top:60px;}
	footer .fot_bt .fot_info > div {text-align:center;}
	footer .fot_bt .fot_info > div span {display:block; margin-top: 10px;}
	footer .fot_bt .fot_info > div span::before {display:none;}

    /* 마이페이지 왼쪾오른쪽 레이아웃 */
	.mypage_wrap {flex-direction: column;}
	.mypage_wrap .lnb_left_wrap h3 {margin-bottom:20px;}
	.mypage_wrap .lnb_left_wrap {border-right:none; border-bottom:1px solid #ececec; width:100%; margin-bottom:25px;}
	.mypage_wrap .lnb_left_wrap .lnb_left {width:100%;}
	.mypage_wrap .lnb_left_wrap .lnb_left .lnb {margin-bottom:20px;}
	.mypage_wrap .lnb_left_wrap .lnb_left ul {display:flex; flex-wrap:wrap;}
	.mypage_wrap .lnb_left_wrap .lnb_left ul > li {flex:0 0 50%;}
	.mypage_wrap .mypage_right {margin:0;}

    /* 메인 상단 공통 */
    section .top_wrap {position: unset; margin:100px 0 25px 0;}
    section .top_wrap .btn_wrap {top:auto; right:auto; left:50%; bottom:60px; transform: translate(-50%, 0);}

    /* 메인페이지  - 메인 비주얼 */
    .m_visual .mv_swiper {height: 122.8vw;}
    .m_visual .mv_swiper .swiper-slide {height:100%;}
    .m_visual .img_wrap.main-banner-image {background-size: contain !important;}
    .m_visual .txt_wrap {padding:0 10px;}
    .m_visual .txt_wrap .btxt {font-size: 3rem; line-height: 3.75rem;}

    /* 메인비주얼 - 컨트롤러 */
    .m_visual .swiper-controls {left:20px; bottom:15px;}
    .m_visual .swiper-button-prev,
    .m_visual .swiper-button-next,
    .m_visual .btn-stop,
    .m_visual .btn-start {width:35px; height:35px;}

    /* 메인비주얼  - 바로가기 */
    .m_visual .bt_link_wrap {position: relative; bottom: 0; left: auto; width: calc(100% - 20px); margin: 15px 10px 0 10px; transform: none; border: 1px solid #e1e2ec; box-shadow: none;}
    .m_visual .bt_link_wrap > ul {flex-wrap:wrap; padding:25px; gap:25px;}
    .m_visual .bt_link_wrap > ul > li {flex:0 0 calc(33.333333% - 17px);}
    .m_visual .bt_link_wrap > ul > li i {width: 2.714rem; height: 2.714rem;}
    .m_visual .bt_link_wrap > ul > li > a {padding:0;}
    .m_visual .bt_link_wrap > ul > li:nth-child(1) i,
    .m_visual .bt_link_wrap > ul > li:nth-child(2) i,
    .m_visual .bt_link_wrap > ul > li:nth-child(3) i,
    .m_visual .bt_link_wrap > ul > li:nth-child(4) i,
    .m_visual .bt_link_wrap > ul > li:nth-child(5) i,
    .m_visual .bt_link_wrap > ul > li:nth-child(6) i,
    .m_visual .bt_link_wrap > ul > li:nth-child(7) i,
    .m_visual .bt_link_wrap > ul > li:nth-child(8) i,
    .m_visual .bt_link_wrap > ul > li:nth-child(9) i {background-size:contain;}

    /* 메인페이지  - 메인 고정 공지사항 */
    .m_notice {margin-top:10px;}
    .m_notice .noti_wrap {gap:10px;}
    .m_notice .noti_wrap .lft_wrap {flex:0 0 calc(50% - 5px);}
    .m_notice .noti_wrap .lft_wrap .item {height:240px; padding:30px 15px;}
    .m_notice .noti_wrap .rgh_wrap {flex:0 0 calc(50% - 5px);}
    .m_notice .noti_wrap .rgh_wrap .item {background: #f7f7f7; padding:35px 15px; border:none;}
    .m_notice .item .tit {font-size:25px;}
    .m_notice .item .stxt {display:none;}
    .m_notice .item .img_wrap {display:none;}
    .m_notice .item .view_detail {padding: 13px 17px;}
    .m_notice .noti_wrap .rgh_wrap .btn_wrap {bottom: 30px;}
    .m_notice .item .view_detail {color: #242430; border: 1px solid #242430; background: #fff;}
    .m_notice .item .view_detail::after {background: url(/images/main/btn_arrow_b.png) center no-repeat;}

    /* 메인페이지  - 메인 지부회 소식 */
    .m_branch .mbran_swiper {margin-bottom:60px;}
    .m_branch .swiper-pagination-fraction {top: 130px;}

    /* 메인페이지  - 메인 학술대회 */
    .m_conference .item .txt_wrap .tit {margin:25px 0; font-size: 1.4rem;}
    .m_conference .mcon_swiper .swiper-slide {flex:0 0 50%;}
    .m_conference .item .btn_wrap a:after {right:10px;}
    .m_conference .item .txt_wrap .tit {-webkit-line-clamp: 2; height:48px;}
    .m_conference .item .txt_wrap > ul > li p {height:40px;}

    /* 메인페이지  - 메인 치과기보 */
    .m_information .info_wrap {flex-wrap:wrap; gap:10px;}
    .m_information .info_wrap .item {padding:0 20px; flex:0 0 calc(50% - 5px)}
    .m_information .info_wrap .img_wrap .img {flex:1; height:240px;}
    .m_information .info_wrap .img_wrap {margin:18px 0;}

    /* 메인페이지  - 메인 구인구직 */
    .m_recruit {padding:60px 0;}
    .m_recruit .cont_wrap {flex-direction: column; gap:10px;}
    .m_recruit .cont_wrap .lft_wrap {padding:10px;}
    .m_recruit .cont_wrap .lft_wrap .recr {overflow:hidden; height:392px;}
    .m_recruit .cont_wrap .lft_wrap .row {position: relative; align-items: flex-start; flex-direction: column; margin:0;}
    .m_recruit .cont_wrap .lft_wrap .row .tit {margin-top:20px;}
    .m_recruit .cont_wrap .lft_wrap .row .date {position: absolute; right: 30px; top: 10px;}
    .m_recruit .cont_wrap .lft_wrap .view_all a {padding:20px 0 10px 0;}
    .m_recruit .cont_wrap .rgh_wrap {flex: 0 0 auto; flex-direction: row; gap:10px;}
    .m_recruit .cont_wrap .rgh_wrap .item {flex:0 0 calc(50% - 5px);}
    .m_recruit .cont_wrap .rgh_wrap .item > a {padding:20px;}
    .m_recruit .cont_wrap .rgh_wrap .item.career::after {width:55px; height:55px;}
    .m_recruit .cont_wrap .rgh_wrap .item.etc::after {width:55px; height:55px;}

    /* 메인페이지  - 메인 온라인 보수교육 */
    .m_online .top_wrap .btn_wrap {bottom: -100px;}
    .m_online .on_wrap .cont_wrap {gap:15px;}
    .m_online .on_wrap .item {flex:0 0 calc(50% - 8px); padding:20px 10px;}
    .m_online .on_wrap .txt_wrap span {margin-bottom:15px;}
    .m_online .on_wrap .txt_wrap .tit {margin:0; margin-bottom:10px; font-size: 1.25rem;}
    .m_online .on_wrap .img_wrap .img {width:auto; min-width:auto;}
    .m_online .on_wrap .txt_wrap .btn_wrap a {padding:15px 15px;}
    .m_online .on_wrap .txt_wrap .btn_wrap a:after {margin-left:10px;}

    /* 메인페이지 - 실시간 뉴스 */


	/* 서브비주얼 */
	#sub_visual {padding:0 10px; height: 325px;}
	#sub_visual .inner {padding: 0 1.75rem;}
	.snav_warp ul li a span {display:none;}

    #sub_container .inner {padding:0 10px;}

    /* 파킹페이지 */
    .mainten_container .main_wrap .main_con  {flex-direction: column;}
    .mainten_container .main_wrap .lft_wrap {flex:0 0 100%; max-width:none; text-align: center; padding:30px 15px 20px 15px;}
    .mainten_container .main_wrap .rgh_wrap {flex:0 0 100%; max-width:none; justify-content: center; padding:25px;}
    .mainten_container .main_wrap .lft_wrap .title {text-align: center; font-size:34px; line-height: normal; margin-bottom: 15px;}
    .mainten_container .main_wrap .lft_wrap .title::after {position:relative; left:50%; right:auto; top:0; transform: translate(-50%, 0); width:135px;}
    .mainten_container .main_wrap .lft_wrap .text p {font-size:14px;}
    .mainten_container .main_wrap .lft_wrap .text span {margin:26px 0 15px 0; font-size:18px;}
    .mainten_container .main_wrap .lft_wrap .text ul {justify-content: center; margin-top:30px;}
    .mainten_container .main_wrap .link_wrap .tit {font-size:22px;}
    .mainten_container .main_wrap .link_wrap {gap:30px;}
    .mainten_container .main_wrap .link_wrap .img {width:110px; height:110px;}
    .mainten_container .main_wrap .link_wrap a.bg_blue {padding: 15px 30px;}


}

@media screen and (max-width:768px) {
    .m_visual .img_wrap.main-banner-image {background-image:var(--mobile-banner-image) !important;}
	.only-sm {display:block;}	

    /* 메인페이지  - 메인 온라인 보수교육 */
    .m_online .item {flex-direction:column-reverse;}
    .m_online .on_wrap .img_wrap .img { margin: 0 auto;}
    .m_online .item .img_wrap {height:90px; margin-bottom:20px;}
    .m_online .txt_wrap span {margin-bottom:10px;}

	/*	footer */

    /* 메인페이지  - 메인 고정 공지사항 */
    .m_notice .item .tit {word-break: break-all;}

}

@media screen and (max-width:425px) {

	
}

@media screen and (max-width:320px) {	
	
	
}