@charset "utf-8";
/* CSS Document */
.marginA{ margin: auto !important;}

.main-contents{ padding-top:65px; margin: 0 8px; position: relative;}

/** 갤러리
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
	border-radius: 10px;
	overflow: hidden;
}
.bx-wrapper img {
  min-width: 285px;
  width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 10px;
  width: 100%;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: transparent;
  text-indent: -9999px;
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 5px;
  outline: 0;
  border-radius: 50%;
	border:1px solid #fff;
	background-color: none;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fff;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/*calendar*/
.main-calendar{ padding: 20px 0; }

/*main-course*/
.main-contents02{ width: 100%; position: relative;}
.main-course{ width: 100%; position: relative;}
.main-course h2{ font-size: 1.25em; color: #000; line-height: 1.25em; text-align: left; position: relative; padding: 0 8px;}
.main-course h2 span{ font-size: 0.75em; color: #9a9a9a; display: block;}
.main-course h2 a{ position: absolute; top:50%; transform: translateY(-50%); right:0; font-size: 13px; color: #888;  border-radius: 15px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06); border: solid 1px #e2e0e0; background-color: #fff; width: 115px; text-align: center;}

.main-slick{ width: 100%; position: relative; padding: 12px 0 0 8px;}
.slick-slide{ height: 360px;}

.m-course-box{width: 260px; height: 290px;  border-radius: 15px; margin-right: 20px; position: relative; }
.m-course-box .m-box{ width: 260px;/* height: 310px;*/ border-radius: 15px; overflow: hidden; box-shadow: 3px 3px 6px 0 rgb(0 0 0 / 7%); border:1px solid #e8e8e8;}
.m-course-box .m-box h1{ width: 100%; height: 258px;}
.m-course-box .m-box a{ width: 100%; position: relative; padding:17px 0 17px 20px; display: block;}
.m-course-box .m-box a span{ position: absolute; bottom:0; right: 0; width: 30px; height: 30px; background-color: #ea5815; display: flex; align-items: center; justify-content: center;}
.m-course-box:nth-child(2n) .m-box a span{ background-color: #0a4674;}

/*main-facil*/
.main-contents03{ width: 100%; position: relative; display: flex; align-items: center; justify-content: space-between;  margin: 20px 0; overflow: hidden;}
.con-left{ width: 38%; background-color:#f8f8f8; padding: 22px 5px 22px 15px; height: 306px; border-radius: 0 15px 15px 0;}
.con-left h1{ font-size: 1.13em; word-break: keep-all; line-height: 1.28em; font-weight: 400; letter-spacing: -0.5px;}
.con-right{ width : 60%;}
.con-right .slider1{ height: 306px;}
.con-right .slider1 li{ position: relative;}
.con-right .slider1 li img{ height: 306px; object-fit: cover;  border-radius: 15px 0 0 15px;}

.con-right .bx-wrapper {
    position: relative;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
	border-radius: 0;
    overflow: visible;
}
.con-right .bx-wrapper .bx-viewport { overflow: visible !important;}
.slider1 li .main-facil{ position: absolute; z-index: 5; left: calc( -65% + 10px); top: 50%; transform:translateY(-50%);}
.slider1 li .main-facil h3{ font-size: 0.75em; padding-bottom: 6px;}
.slider1 li .main-facil h2{ font-size: 1.25em; font-weight: 500; display: flex; max-width: 140px; flex-wrap: wrap;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-prev {
	left: calc( -65% + 10px);
    top:calc(100% - 50px);
    background: url(/mobile/images/btn_arw_l.svg) center center no-repeat;
    background-size: 29px 29px;
}
.bx-wrapper .bx-next {
	left: calc( -65% + 50px);
    top:calc(100% - 50px);
    background: url(/mobile/images/btn_arw_r.svg) center center no-repeat;
    background-size: 29px 29px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	outline: 0;
	z-index: 10;
	color: #fff;
    width: 29px;
    height: 29px;
    font-size: 0;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/*main-notice*/
.main-contents04{ width: 94%; position: relative; margin: 40px auto 10px;}
.m-notice-title{ width: 100%; text-align: center;}
.m-notice-title h3{ font-size: 0.88em; padding-bottom: 0.5em; }
.m-notice-title h2{ font-size: 1.13em; font-weight: 500;}

.notice-slider{ width: 100%; height: 100%; padding: 60px 0 10px; overflow: hidden;}
.notice-slider .swiper{ overflow: visible;}
.swiper-slide {
    text-align: center;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.m-notice-box{ width: 100%; overflow: hidden;}
.m-notice-box dl{ width: 100%; padding: 15px 0; border-bottom: 1px dashed #c7c7c7; display: block;}
.m-notice-box dl dt{ display: block; font-size: 1.25em; color: #060606; font-weight: 500; padding-bottom: 7px;}
.m-notice-box dl dd{ display: block; font-size: 0.88em; color: #b9b9b9; font-weight: 400;}

.swiper-horizontal>.swiper-pagination-bullets{
    top: -30px;
    left: 0;
    width: 100%;
    height: 16px;
    
}
.swiper-pagination-bullet{
    width: 14px !important;
    height: 14px !important;
}
.swiper-pagination-bullet-active{
    background-color: #ea5815 !important;    
}

.m-bottom-tel{ text-align: center; padding-top:30px; /*margin-bottom: -20px;*/}
.m-bottom-tel a{ margin :auto;}

/*main-pop*/
.main_popup{width:100%;}
.main_popup a{ color:#fff; display: inline-block;}
.main_popup a > img{width:100%;}
.pull-right{float:right;}
.popup_bottom{
	overflow:hidden;
    background-color: #6d6d6d;
    color: #fff;
	font-size:14px;
    padding: 6px 10px;
	margin-top:-5px;
}


/*230921 추가 main-contents05*/
.main-contents05{
  /* display: none; */
  width: 100%; position: relative;
}
.main-con02{/*height: 387px; padding: 15px 0;*/ border-bottom: 1px solid #e1e1e1; position: relative;}
.main-con02 img{margin: 0 auto;}
.customer{width: 100%; text-align: center;position: relative;}
.customer h2{font-size: 1.25rem; font-weight: 200; text-transform: uppercase; margin: 10px 0 20px;}
.customer h3{font-size: 1.125rem; font-weight: 300; color: #434343; /*margin-top: 10px;*/}
.customer h3 span{font-weight: 500; margin-left: 10px; margin-right: 20px;}
.customer h3 a{display: inline-block; width: auto; height: 40px; line-height: 2.5rem;}
.customer h3 a img{width: 120px; padding-top:13px; margin-left:10px}
.customer h4{font-size: 1.125rem; font-weight: 400; margin: 20px 0 15px 0;}
.customer p{font-size: 1rem; font-weight: 400; margin-top: 10px;}
.customer div{display: block; background:#21322d; border-radius: 15px; width: 240px; color: #fff; text-align: center; margin: 30px auto; padding: 8px; cursor: pointer;}

.main-calendar-box{ width: 100%; background-color: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: 0; transition: 0.3s ease-in-out all; padding: 20px 30px; font-weight: 500; z-index: 1001; opacity: 0; visibility: hidden; display: flex; justify-content: center;}
.main-calendar-box h2{text-align: center; font-size: 1.25rem; margin-bottom: 10px; font-weight: 400;}
.main-calendar-box.show{ opacity: 1; visibility: visible;}

.main-table {width: 100%; background-color: #fff; border-collapse: collapse;border-radius: 20px; border-style: hidden; box-shadow: 0 0 0 1px #707070; color: #434343; font-size: 1rem; font-weight: 300;}
.main-table thead th:first-child{border-radius: 20px 0 0 0;}
.main-table thead th:last-child{border-radius: 0 20px 0 0;}
.main-table thead .top{border-radius: 20px 20px 0 0 !important;}
.main-table thead th{background: #21322d; color: #fff; padding: 5px 10px; text-align: center; border: 1px solid #BEBEBE; vertical-align: middle; font-size: .9375rem;}
.main-table tbody th{background: #F5F5F5; border: 1px solid #DCDCDC; vertical-align: middle; padding: 15px; white-space: pre-line;}
.main-table tbody tr:last-child th{border-radius: 0 0 0 20px;}
.main-table tbody td{border: 1px solid #DCDCDC; padding: 5px 10px; text-align: center; vertical-align: middle; white-space: pre-line; font-size: 15px;}
.main-table tbody tr img {display: block; margin: 0 auto; padding-bottom: 5px;}

.pop-close{display: inline-block; position: absolute; right: 10px; top: 10px; cursor: pointer;}

.main-con02-img01{display: block;position: relative;}
.overlay{
  position: fixed; 
  top:0; 
  left: 0; 
  right:0; 
  bottom:0; 
  background-color: rgba(0,0,0,0.8); 
  z-index: 1000;
}