@media screen and (max-width: 980px) {
	#hd_pop { width:100%}
	#hd_pop  { z-index:99999 }

	.hd_pops {width:80% !important; top:70px !important; left:50% !important; transform: translate(-50%,0) !important;}

	.hd_pops_con {width: 100% !important; height:auto !important }

	.hd_pops_con img { width:100% !important }
 
}

.tablecontents {
    width: 100% !important;
    overflow-x: scroll;
}
.common-pc-table {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    border-style: hidden;
    table-layout: fixed;
	text-align:center;
	overflow-x: scroll;
	min-width: 900px;
}

.common-pc-table::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.common-pc-table::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
   
    height: 1px;
    background-color: #ddd
}

.common-pc-table thead {
    background-color: #f8f8f8
}

.common-pc-table thead th {
    font-weight: 500;
    border-bottom: none
}

.common-pc-table tbody th {
    background-color: #f8f8f8
}

.common-pc-table th,.common-pc-table td {
    height: 52px;
    padding: 10px 10px;
    border: 1px solid #ddd;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.67;
    border-collapse: collapse
}

@media screen and (min-width: 1200px) {
    .common-pc-table th,.common-pc-table td {
        font-size:18px
    }
}

p.point-text {
    font-size: 16px;
    color: #259cc1;
}


.common-pc-table .text-center {
    text-align: center
}

.common-mobile-table .mobile-table {
    padding: 15px 20px;
    background-color: #f5f5f5
}

.common-mobile-table .mobile-table:not(:last-child) {
    margin-bottom: 15px
}

.common-mobile-table .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 2.22;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.common-mobile-table .itme {
    display: flex;
    font-size: 16px;
    line-height: 1.75
}

.common-mobile-table .itme:not(:last-child) {
    margin-bottom: 8px
}

.common-mobile-table .itme-title {
    flex: none;
    width: 75px;
    font-weight: 500
}

.common-mobile-table .itme-desc {
    flex: 1 1 0;
    width: 100%;
    font-weight: 300
}


/* ========== Main_bann ========== */
.main_bann .swiper-slide{overflow: hidden}
.main_bann .swiper-slide .txtbox{display: flex;flex-direction: column;height: 100vh;padding:13rem 0;justify-content:center}

    /* pagination */
    .main_bann .swiper-pagination{bottom:13rem;text-align: left;}
    .main_bann .swiper-pagination-bullet{border-radius: 0;width:4rem;height: 3px;background:rgba(255,255,255,0.8)}
    .main_bann .swiper-pagination-bullet-active{background:var(--pointcolor)}

    /* Background */
    .main_bann .slide01{background: url(../img/main/mainbann01.jpg) no-repeat right 30% center / cover;}
    .main_bann .slide02{background: url(../img/main/mainbann02.jpg) no-repeat right 30% center / cover;}
    .main_bann .slide03{background: url(../img/main/mainbann03.jpg) no-repeat right 30% center / cover;}
    .main_bann .slide04{background: url(../img/main/mainbann04.jpg) no-repeat right 30% center / cover;}
    /* Effect */
    .main_bann .swiper-slide .txtbox h6{transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s; transform: translate3d(-4rem,-4rem,0);opacity: 0;}
    .main_bann .swiper-slide .txtbox p{transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s; transform: translate3d(0, 1.5em, 0); opacity: 0;}
    .main_bann .swiper-slide-active .txtbox h6,.main_bann .swiper-slide-active .txtbox p {transform: translate3d(0, 0, 0) !important; opacity: 1 !important;}

    .Mouse-scroll {bottom:2em;left:50%;z-index: 9; position: absolute;  width: 2rem;  height: 3.5rem; border: 2px solid #fff;  border-radius: 50px;transform: translateX(-50%)}
    .Mouse-scroll::before {position: absolute;top: 0.5rem;left: 50%;  content: '';width: 0.5rem;height: 0.5rem;  transform:translateX(-50%);background-color: #fff;  border-radius: 100%;  -webkit-animation: scroll 2s infinite;  animation: scroll 2s infinite;}

@media (max-width:768px) {
    .main_bann .swiper-slide .txtbox h6{font-size:3rem}
    .main_bann .swiper-pagination{bottom:10rem}
}
/* ========== Main_01 ========== */
.main_01 {}
.main_01 .swiper {display: flex; flex-wrap: wrap;}
.main_01 .swiper .swiper-slide {height:30rem; display:flex; flex-direction: column; position: relative; z-index: 2;}
.main_01 .swiper .swiper-slide .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1}
/*.main_01 .swiper .box:nth-child(1) .bg{background:url(../img/main/main01_1.jpg) no-repeat left center/cover}
.main_01 .swiper .box:nth-child(2) .bg{background:url(../img/main/main01_2.jpg) no-repeat center center/cover}
.main_01 .swiper .box:nth-child(3) .bg{background:url(../img/main/main01_3.jpg) no-repeat top 30% center/cover}*/

.main_01 .swiper .swiper-slide .num{line-height: 1;transform: translateY(-50%);display:}
.main_01 .swiper .swiper-slide .txt{padding:1.5em;margin-top:auto; position:absolute; bottom:0;}
.main_01 .swiper .swiper-slide .txt p{min-height: 3em; font-size:16px}

@media (max-width:768px) {
  /*  .main_01 .swiper .box:nth-child(2)~.box{margin-top:4rem}*/
}

@media (max-width:500px) {
   /* .main_01 .swiper .box:nth-child(1)~.box{margin-top:4rem}*/
    .main_01 .swiper .swiper-slide {height: 25rem;}
}

/* ========== Main_02 ========== */
.main_02{background:url(../img/main/main02_bg.jpg) no-repeat center bottom / cover}
.main_02 .container{z-index: 2}
.main_02 .tag{background:var(--pointcolor);color: #fff;padding:0.2em 0.5em;border-radius:6px}
.main_02 .tag+.tag{margin-left:8px}
.main_02 .docImg{position: absolute;bottom: 0;z-index: -1;left: 50%;transform: translateX(-50%);max-width:45%;pointer-events: none;}
.main_02 .swiper-scrollbar{position: relative;bottom:0;background: #fff;}
.main_02 .swiper-scrollbar-drag{background:var(--pointcolor)}

@media (max-width:1024px) {
    .main_02 .container{flex-wrap:wrap}
    .main_02 .txtbox{margin-top:5rem;width: 100%;}
    .main_02 .slidebox{order:-1;width: 100%;display: flex;align-items: flex-end;}
    .main_02 .slidebox .titwrap {width: 40%;text-align: left}
    .main_02 .slidebox .cont_box {width:60%}
    .main_02 .docImg{left:80%;max-width:40%;min-width:280px;opacity: 0.9}
}

@media (max-width:768px) {
    .main_02 .slidebox{display: block;}
    .main_02 .slidebox .titwrap,
    .main_02 .slidebox .cont_box {width: 100%;}
}

/* ========== Main_03 ========== */
.main_03 .toggleSlide{display: flex}
.main_03 .toggleSlide .imgbox{width: 50%;}

.main_03 .toggleSlide .txtbox{padding-left:5em;width: 50%;position: relative;}
.main_03 .toggleSlide .more_btn{position: absolute;top: 0;right: 0;transform: translateY(calc(-100% - 4.68rem))}

.main_03 .toggleSlide .swiper-pagination{width: 100%;position: relative;text-align: left;bottom:0}
.main_03 .toggleSlide .swiper-pagination li{padding:1.5em 0;border-bottom:1px solid #bbb; width: 100%;height: auto;display: block;background: none;opacity: 1;border-radius: 0}
.main_03 .toggleSlide .swiper-pagination li:first-child{border-top:1px solid #bbb}
.main_03 .toggleSlide .swiper-pagination li p{display: none;}

    /* active 됬을떄 */
    .main_03 .toggleSlide .swiper-pagination .swiper-pagination-bullet-active h4{color: var(--pointcolor)}

@media (max-width:1024px) {
    .main_03 .toggleSlide{flex-wrap:wrap}
    .main_03 .toggleSlide .imgbox{width: 100%;}
    .main_03 .toggleSlide .txtbox{padding-left:0;width: 100%;text-align: center;}
    .main_03 .toggleSlide .swiper-pagination{margin-bottom:3rem}
    .main_03 .toggleSlide .swiper-pagination li:first-child{border-top:none}
    .main_03 .toggleSlide .more_btn{position: relative;transform: translateY(0)}
}

/* ========== Main_04 ========== */
.main_04 {background:rgba(226, 144, 53, .05); overflow:hidden}
/*.main_04{background:url(../img/main/main04_bg.jpg) no-repeat center bottom / cover; overflow:hidden}
.main_04 .main_04_bg {position: absolute;top: 0;left: 0;transform: translateY(-50%);font-size:12rem}*/
.main_04 .swiper{overflow: visible;padding:10px 0;perspective: 1400px;}

    /* navigation */
    .main_04 .swiper-button-prev, .main_04 .swiper-button-next{color: #333;}
    .main_04 .swiper-button-prev:after{font-family:'Material Icons Round';content:'west'}
    .main_04 .swiper-button-next:after{font-family:'Material Icons Round';content:'east'}
    .main_04 .swiper-button-prev {left:7%}
    .main_04 .swiper-button-next {right:7%}

    /* Pagination */
    .main_04 .pagi_box{position: relative;background: #000;color: #fff;width: 8em;height: 7em;margin-top: -3.5em;margin-left:auto;margin-right:10em;padding:1em;z-index: 1}
    .main_04 .swiper-pagination{position: relative;bottom:auto;}

@media (max-width:768px) {
    .main_04 .main_04_bg {font-size:8rem}
    .main_04 .swiper-slide {height: 25rem;}
    .main_04 .swiper-slide img{height: 100%;object-fit: cover}
    .main_04 .swiper-slide .txtbox{position: relative;}
    .main_04 .swiper-button-prev:after,.main_04 .swiper-button-next:after{font-size:2em}
    .main_04 .swiper-button-prev {left:0}
    .main_04 .swiper-button-next {right:0}
    .main_04 .pagi_box{margin-right:0;width:50%;height: auto;display: flex;margin-top:-1.5em;align-items: flex-end}
    .main_04 .swiper-pagination{width:6em;flex-shrink: 0;margin-right:1em}
    .main_04 .name{margin-top:0}
}

/* ========== Main_05 ========== */
.main_05 .community{display: flex;justify-content: space-between;}
.main_05 .comu_box{width: 48%;}
.main_05 .comu_box .tit{display: flex;align-items: center; justify-content: space-between;padding:0.5em 0}
.main_05 .cm_box_ct{border-top:1px solid #999;height: calc(100% - 48px)}

    /* 공지사항 */
    .main_05 .noti_list li{width:100%;padding:1em 0;border-bottom: 1px solid #ccc;}
    .main_05 .noti_list li.empty_li{width: 100%;justify-content: center;text-align: center}
    .main_05 .noti_list li .link{display: flex;align-items: center;justify-content: space-between;line-height: 1.5}
    .main_05 .noti_list li .link p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
    .main_05 .noti_list li .link span{font-size:0.93em;flex-shrink: 0}

    /* 원장님상담 */
    .main_05 .online_list li {padding: 0.85em 0;border-bottom: 1px solid #ccc;}
    .main_05 .online_list li .link{display: flex;align-items: center;justify-content: space-between;}
    .main_05 .online_list li .link:hover{color: var(--pointcolor)}
    .main_05 .online_list li .link p{margin-right:auto;    padding-right: 1em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .main_05 .online_list li .link span{font-size:0.93em;flex-shrink: 0}

    .main_05 .online_list li .asw{background: #999999;color:#fff ;display: inline-block;padding: 4px 1em;margin-right: 14px;border-radius: 2em;flex-shrink: 0}
    .main_05 .online_list li .asw_fin{background:var(--pointcolor);}

@media (max-width:768px) {
    .main_05 .community{flex-wrap:wrap}
    .main_05 .cm_box_ct{height: auto}
    .main_05 .comu_box{width: 100%;}
    .main_05 .online_counsel{margin-top: 3em}
}

/* ========== main_06 ========== */

.main_06 .inner{/*background:url(../img/main/main06_bg.png) no-repeat left bottom / 35%;*/}
.main_06 dl{display: flex;}
.main_06 dl+dl{margin-top:0.5em}
.main_06 dt{flex-shrink: 0;width:9em; font-size:16px}
.main_06 dd{color:#747479;  font-size:16px}
.main_06 .mapbox{max-height: 500px;min-height: 300px; height:400px}
.main_06 .map{width: 100% !important; height: 100% !important; margin: 0 auto !important; padding: 0 !important;border: 0 !important;}

  	
	.main_06 .root_daum_roughmap {width:100%}
    .main_06 .root_daum_roughmap .wrap_btn_zoom{z-index: 1}
    .main_06 .root_daum_roughmap .wrap_controllers {display: none}
    .main_06 .root_daum_roughmap .wrap_map{max-height: 100% !important; height:400px;}




/* =========================== sub -common =========================== */
#specialSlide{position: relative;top:0;left:0;}
#specialSlide .inner{position: relative;z-index: 10;}
#specialSlide:after{display:block;content:"";clear: both;width:100%;height: 50%;position: absolute;bottom:0;left:0;background-color: var(--pointcolor);}
#specialSlide .specialLogo{opacity: 0.5;}
#specialSlide .tit_box{position: relative;top:0;left:0}
#specialSlide .txt{color: #fff;width:100%;}
#specialSlide .img{background-color: #fff;}
#specialSlide .img img{width: 100%;display: block;}
#specialSlide .swiper-slide .txt{opacity: 0.3;}
#specialSlide .swiper-slide-active .txt{opacity: 1;}
#specialSlide .swiper-slide img{opacity: 0.3;}
#specialSlide .swiper-slide-active img{opacity: 1;}
/* navigation */
#specialSlide .navigation{position: absolute; width: 9rem; top: 50% ; left: 0; z-index: 9;margin-top:6.375rem}
#specialSlide .swiper-button-prev::after, #specialSlide .swiper-button-next::after{display: none;}
#specialSlide .swiper-button-prev{background: url(../img/main/arrow03.png) no-repeat;background-size: auto; background-position: center;}
#specialSlide .swiper-button-next{background: url(../img/main/arrow04.png) no-repeat;background-size: auto;background-position: center;}
#specialSlide .swiper-button-prev, #specialSlide .swiper-button-next{width: 3rem; height: 3rem; border: 1px solid #fff; border-radius: 50%;}
#specialSlide .swiper-button-prev:hover{background-image: url(../img/main/arrow01.png); }
#specialSlide .swiper-button-next:hover{background-image: url(../img/main/arrow02.png); }
#specialSlide .swiper-button-prev:hover, #specialSlide .swiper-button-next:hover{background-color: #fff;}
/* =========================== sub - common =========================== */
@media(max-width:768px){
 
    #specialSlide .imgBetweenbox {flex-wrap: wrap;}
    #specialSlide .tit_box{width: 100%;position: static;top: 0;}
    #specialSlide .imgbox2{width: 100%;padding-left: 0;margin-top: 5rem;}
    #specialSlide .navigation {position: static;top: 0;margin-top: 0;}
    #specialSlide .swiper-button-prev, #specialSlide .swiper-button-next {position: absolute;top: 60%;}
    #specialSlide .swiper-button-next {right: 5%;}
    #specialSlide .swiper-button-prev {left: 10%;}
}