@charset "utf-8";
@import url('font.css');

.over_zum { background: #fff; overflow:  hidden; }
.over_zum  img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1); 
    -o-transform: scale(1);  
    transform: scale(1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.over_zum: hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);   
    -o-transform: scale(1.2);
    transform: scale(1.2);
	opacity: 0.7;
}

.sec-banner { border-radius: 25px; margin: 100px auto; width: 90%; max-width: 1600px; overflow:hidden; }
.sec-banner img { width: 100%; }

#hero-sec { background: url() #e7f3f1 top center no-repeat /*, linear-gradient(180deg, #e7f3f1 70%, #ffffff 100%)*/; padding: 150px 0 90px; }
.hero-quick { display:flex; justify-content:center; flex-wrap:wrap; }
.hero-quick .content { margin:0 2%; text-align:center; }
.hero-quick .content .pic { border-radius: 20px; background: #fff; box-shadow: 0 0 15px rgba(151,179,174,0.3); padding: 18px; }
.hero-quick .content .pic img { height:; }
.hero-quick .content p { display:block; margin:10px 0 0; font-family: 'GmarketSansMedium'; color:#333; }
.hero-quick .content a { display:block; transition:.4s; }
.hero-quick .content a:hover { margin:-10px 0 0; }
.hero-quick .content a:hover .pic { background:#1a7a6e; }
.hero-quick .content a:hover p { color:#1a7a6e; }
.hero-quick .content a:hover .pic img { filter: invert(100%) sepia(2%) saturate(0%) hue-rotate(199deg) brightness(104%) contrast(104%); transition:.4s; }

#hero-sec article { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 30px auto 80px; width: fit-content; background: #e7f3f1; padding: 0 30px; text-align: center; overflow: hidden;}
#hero-sec article h1 { font-family: 'GmarketSansBold'; font-size: 3.5rem; color: #222; line-height: 1.2; }
#hero-sec article h2 { font-family: 'GmarketSansLight'; font-size: 3.0rem; color: #1a7a6e; line-height: 1.2; }
#hero-sec article p { margin-top: 25px; font-size: 1.3rem; font-weight:600; color: #444; line-height: 1.2; }
#hero-sec article ul { display: flex; justify-content:center; flex-wrap:wrap; margin-top: 30px; }
#hero-sec article ul li { margin: 0 15px; font-family: 'GmarketSansBold'; font-size: 1.4rem; line-height: 1.5; }
#hero-sec article ul li:nth-child(1) { background: url(../images/hero_sec_chk_01.png) no-repeat; padding-left: 35px; color: #222; }
#hero-sec article ul li:nth-child(2) { background: url(../images/hero_sec_chk_02.png) no-repeat; padding-left: 35px; color: #1a7a6e; }
#hero-sec article ul li:nth-child(3) { background: url(../images/hero_sec_chk_02.png) no-repeat; padding-left: 35px; color: #222; }
#hero-sec article .btn-wrap { display: flex; justify-content:center; flex-wrap:wrap; margin-top: 50px; }
#hero-sec article .btn-wrap a { display:inline-block; border-radius: 30px; border: 1px solid rgba(0,0,0,0); padding: 15px 30px; margin: 0 10px; font-family: 'GmarketSansBold'; font-size: 1.3rem; text-align: center; transition: .3s; }
#hero-sec article .btn-wrap a:nth-child(1) { background: #1a7a6e; color: #fff; }
#hero-sec article .btn-wrap a:nth-child(2) { background: #fce518; color: #492121; }
#hero-sec article .btn-wrap a:nth-child(1):hover { background: #fff; border: 1px solid #1a7a6e; color: #1a7a6e; }
#hero-sec article .btn-wrap a:nth-child(2):hover { background: #fff; border: 1px solid #492121; color: #492121; }


/* ========================================================
   [비주얼 슬라이드 & 우측 배너 2개 레이아웃]
======================================================== */

#visual-sec {
  width: 100%; background: #e7f3f1;
  padding: 0 0 100px;
  box-sizing: border-box;
}

/* 화면 중앙 정렬 컨테이너 (너비 1600px 제한) */
#visual-sec .visual-container {
  width: 90%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex !important;
  justify-content: space-between;
  align-items: stretch; /* 좌/우 전체 높이 일치 */
  gap: 20px;
}

/* --- [좌측] 슬라이드 감싸는 영역 --- */
#visual-sec .slide-wrap {
  flex: 3.0;
  min-width: 0;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  min-height: 440px;
}

/* mainslide.css의 고정 높이(640px/80vh) 무력화 및 부모 높이 동기화 */
#visual-sec .slide-wrap .mainslide,
#visual-sec .slide-wrap .swiper-container,
#visual-sec .slide-wrap .swiper-wrapper,
#visual-sec .slide-wrap .swiper-slide {
  width: 100% !important;
  height: 100% !important;
  min-height: 440px !important;
  border-radius: 24px !important;
}

/* --- [우측] 배너 2개 묶음 --- */
#visual-sec .right-wrap {
  flex: 1;
  min-width: 320px;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}

/* 상단/하단 카드 5:5 동일 높이 */
#visual-sec .right-wrap .card {
  flex: 1;
  display: flex;
  align-items: center;
  border-radius: 24px;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

/* 1. 셔틀안내 */
#visual-sec .right-wrap .shuttle-bus { flex-direction: column; background:url(../images/d_day_bg.png) #43596f right no-repeat; width: 100%; padding: 30px 0; }
#visual-sec .right-wrap .shuttle-bus h2 { margin: 15px 0; font-size: 1.3rem; color: #fff; line-height: 1.2; }
#visual-sec .right-wrap .shuttle-bus h3 { display: inline-block; border-radius: 30px; background: #3b3b3b; padding: 2px 10px; margin:0; font-size: 0.9rem; font-weight: 500; color: #fff; text-align: center; }
#visual-sec .right-wrap .shuttle-bus h3 span {  color: #91e5ef; }
#visual-sec .right-wrap .shuttle-bus ul { display: flex; justify-content: center; flex-wrap: wrap; }
#visual-sec .right-wrap .shuttle-bus ul li { border-radius: 10px; border: 1px solid #889bae; background: rgba(0,0,0,.5); padding: 2px 6px; margin: 3px; font-size: 0.9rem; color: #fff; text-align: center; }
#visual-sec .right-wrap .shuttle-bus p { margin: 10px 0 0; color: #91e5ef; }

/* 2. 하단 입학 및 상담 */
#visual-sec .right-wrap .customer {
  background: url(../images/card_customer_bg.png) #fff 93% 80% no-repeat; background-size: 70px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); padding-left: 8%;
}
#visual-sec .right-wrap .customer a { display: block; width: 100%; height: auto; }
#visual-sec .right-wrap .customer h2 { font-family: 'GmarketSansBold'; font-size: 2.2rem; color: #1a7a6e; line-height: 1.2; }
#visual-sec .right-wrap .customer h3 { margin-bottom: 10px; font-family: 'GmarketSansBold'; font-size: 1.2rem; color: #222; line-height: 1.2; }
#visual-sec .right-wrap .customer .time-info { margin-top: 10px; }
#visual-sec .right-wrap .customer .time-info strong { font-family: 'GmarketSansBold'; }

/* --- 반응형 미디어 쿼리 --- */
@media (max-width: 1024px) {
  #visual-sec .visual-container {
    flex-direction: column;
  }
  #visual-sec .slide-wrap,
  #visual-sec .slide-wrap .mainslide,
  #visual-sec .slide-wrap .swiper-container,
  #visual-sec .slide-wrap .swiper-wrapper,
  #visual-sec .slide-wrap .swiper-slide {
    min-height: 350px !important;
    height: 350px !important;
  }
  #visual-sec .right-wrap {
    flex-direction: row;
    width: 100%;
    min-width: 0;
  }

}

@media (max-width: 767px) {
  #visual-sec {
    padding: 0 0 60px;
  }
  #visual-sec .visual-container {
    width: 92%;
    gap: 12px;
  }
  #visual-sec .slide-wrap,
  #visual-sec .slide-wrap .mainslide,
  #visual-sec .slide-wrap .swiper-container,
  #visual-sec .slide-wrap .swiper-wrapper,
  #visual-sec .slide-wrap .swiper-slide {
    min-height: 240px !important;
    height: 240px !important;
    border-radius: 16px !important;
  }
  #visual-sec .right-wrap {
    flex-direction: column;
    gap: 12px;
  }
  #visual-sec .right-wrap .card {
    padding: 0;
    border-radius: 16px;
  }
/* 2. 하단 입학 및 상담 */
#visual-sec .right-wrap .customer {
  background: url(../images/card_customer_bg.png) #fff 93% 85% no-repeat; background-size: 80px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); padding: 8%;
}
#visual-sec .right-wrap .customer h2 { font-family: 'GmarketSansBold'; font-size: 1.8rem; color: #1a7a6e; line-height: 1.2; }
#visual-sec .right-wrap .customer h3 { margin-bottom: 10px; font-family: 'GmarketSansBold'; font-size: 1.2rem; color: #222; line-height: 1.2; }
#visual-sec .right-wrap .customer .time-info { margin-top: 10px; }
#visual-sec .right-wrap .customer .time-info strong { font-family: 'GmarketSansBold'; }

}

#main-tags { margin: 70px 0; }
#main-tags h2 { font-family: 'GmarketSansBold'; font-size: 1.4rem; color: #222; line-height: 1.2; text-align: center; }
#main-tags h2 span { color: #1a7a6e; }

#license { margin: 80px auto; width: 90%; max-width: 1600px; }
#license article { text-align: center; }
#license article h2 { margin: 20px 0 10px; font-family: 'GmarketSansBold'; font-size: 2.5rem; color: #222; line-height: 1.2; }
#license article h3 { display: inline-block; border-radius: 30px; background: #1a7a6e; padding: 5px 20px; font-size: 0.9rem; color: #fff; line-height: 1.2; text-align: center; }
#license .content-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 40px 0 0;  }
#license .content-wrap .content { width: 32%; border-radius: 25px; background: #e3e3e3; transition:.3s; } 
#license .content-wrap .content a { display: block; padding: 10px; }
#license .content-wrap .content .tip { display: inline-block; border-radius: 30px; background: #de3f0a; padding: 3px 15px; color: #fff; text-align: center; }
#license .content-wrap .content .pic-car { margin: 20px 0; padding: 60px 0; }
#license .content-wrap .content:nth-child(1) .pic-car { background: url(../images/lic_car_01.png) center/contain no-repeat; }
#license .content-wrap .content:nth-child(2) .pic-car { background: url(../images/lic_car_02.png) center/contain no-repeat; }
#license .content-wrap .content:nth-child(3) .pic-car { background: url(../images/lic_car_03.png) center/contain no-repeat; }
#license .content-wrap .content .sec_wrap { border-radius: 15px; background: #fff; padding: 30px 30px 20px; }
#license .content-wrap .content .sec_wrap h2 { font-family: 'GmarketSansBold'; font-size: 1.5rem; color: #222; line-height: 1.2; }
#license .content-wrap .content .sec_wrap p { margin: 5px 0; }
#license .content-wrap .content .sec_wrap i { display: block; margin: 8px 0 0; font-size: 0.9rem; line-height: 1.4; }
#license .content-wrap .content:nth-child(1) .sec_wrap .fee { font-family: 'GmarketSansMedium'; font-size: 1.1rem; color: #3b64a8; line-height: 1.5; }
#license .content-wrap .content .sec_wrap .fee span { display: inline-block; margin-left: 10px; font-family: 'GmarketSansBold'; font-size: 1.3rem; line-height: 1.5; }
#license .content-wrap .content:nth-child(1) .sec_wrap .btns { display: block; border-radius: 8px; border: 2px solid #3b64a8; background: #fff; padding: 10px; margin: 20px 0 0; color: #3b64a8; text-align: center; }
#license .content-wrap .content:nth-child(2) .sec_wrap .fee { font-family: 'GmarketSansMedium'; font-size: 1.1rem; color: #ff8e09; line-height: 1.2; }
#license .content-wrap .content:nth-child(2) .sec_wrap .btns { display: block; border-radius: 8px; border: 2px solid #ff8e09; background: #fff; padding: 10px; margin: 20px 0 0; color: #ff8e09; text-align: center; }
#license .content-wrap .content:nth-child(3) .sec_wrap .fee { font-family: 'GmarketSansMedium'; font-size: 1.1rem; color: #269894; line-height: 1.2; }
#license .content-wrap .content:nth-child(3) .sec_wrap .btns { display: block; border-radius: 8px; border: 2px solid #269894; background: #fff; padding: 10px; margin: 20px 0 0; color: #269894; text-align: center; }
#license .content-wrap .content:nth-child(1):hover { background: #3b64a8; margin-top: -10px; }
#license .content-wrap .content:nth-child(2):hover { background: #ff8e09; margin-top: -10px; }
#license .content-wrap .content:nth-child(3):hover { background: #269894; margin-top: -10px; }

#shuttle { background: url(../images/main_shuttle_bg.jpg) center/cover no-repeat; padding: 90px 0; }
#shuttle article { text-align: center; }
#shuttle article h2 { margin: 20px 0 10px; font-family: 'GmarketSansBold'; font-size: 2.5rem; color: #fff; line-height: 1.2; }
#shuttle article h3 { display: inline-block; border-radius: 30px; background: #9ac5bf; padding: 5px 20px; font-size: 0.9rem; color: #1a7a6e; line-height: 1.2; text-align: center; }
#shuttle article p { color: #fff; }
#shuttle .content-wrap { display: flex; justify-content: center; flex-wrap: wrap;  margin: 40px auto; width: 90%; max-width: 1600px;  }
#shuttle .content-wrap .content { display: flex; justify-content: center; flex-direction: column; flex-wrap: wrap; border-radius: 5px; background: #fff; padding: 20px 10px; margin: 5px; width: 12%; text-align: center; }
#shuttle .content-wrap .content .pic { background: url(../images/shuttle_pic.png) center no-repeat; background-size: 30px; }
#shuttle .content-wrap .content .txt { display:block; margin: 10px 0 0; font-size: 1.1rem; font-weight: 600; color: #222; line-height: 1.2; }
#shuttle ul { display: flex; justify-content:center; flex-wrap:wrap; margin-top: 30px; }
#shuttle ul li { background: url(../images/hero_sec_chk_03.png) no-repeat; margin: 0 15px; padding-left: 35px; font-family: 'GmarketSansMedium'; font-size: 1.4rem; line-height: 1.5; color: #fff; }
#shuttle ul li strong { font-family: 'GmarketSansBold'; color: #fce518; }

#course { background: #f3f9f9; padding: 90px 0; }
#course article { text-align: center; }
#course article h2 { margin: 20px 0 10px; font-family: 'GmarketSansBold'; font-size: 2.5rem; color: #222; line-height: 1.2; }
#course article h3 { display: inline-block; border-radius: 30px; background: #1a7a6e; padding: 5px 20px; font-size: 0.9rem; color: #fff; line-height: 1.2; text-align: center; }
#course .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin: 50px auto 0; width:90%; max-width:1600px; }
#player { order: 2; width:55%; border-radius: 25px; overflow:hidden; }
#player_screen { position:relative; width:100%; height:; }
#player_screen iframe { position:relative; width:100%; height:; }
#player_screen .top_img { width:100%; height:; position:absolute; top:0px; left:0px; cursoor:pointer; background:#e5e5e5;}
#player_screen .top_img img { width:100%;}
#player_screen .top_img + iframe { display:none }
#player_text { background:rgba(26,122,110,1.0); padding:20px; text-align:center; }
#player_text dt, #player_text dd { margin:0; padding:0;}
#player_text dt { font-size:1.2em; font-weight:600; color:#fff; }
#course #content_wrap #list { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:auto; }
#course #list { margin:auto 0; width:40%; }
#course #list .sub-title { margin-bottom: 20px; }
#course #list .sub-title h2 { margin-bottom: 20px; font-family: 'GmarketSansBold'; font-size: 1.6rem; color: #222; }
#course #list .sub-title p { font-size: 1.1rem; font-weight:600; color: #333; }
dl.movs { background: url(../images/course_movs_arr.png) 96% no-repeat; }
dl.movs a { display:block; padding:; }
dl.movs + dl.movs { margin-left:;}
dl.movs dt, dl.movs dd { }
dl.movs dd.desc, dl.movs dd.url { display:none; }
dl dd.thumb img { border:1px solid #dedede; width:100%; }
dl dt { background:#; padding:; font-size:1.4em; font-weight:500; color:#; line-height:1.5em; text-align:; }
dl.movs dt { display: flex; border-bottom:1px solid rgba(217,217,217,1.0); padding:30px 20px; transition:.3s; }
dl.movs dt span { color: #222; }
dl.movs dt span strong { font-family: 'GmarketSansBold'; font-size: 2.5rem; color: #1a7a6e; }
dl.movs dt p { display:inline-block; padding-left: 20px;  margin: auto 0; font-size: 1.0rem; line-height: 1.2; }

#review { margin: 100px 0; }
#review article { text-align: center; }
#review article h2 { margin: 20px 0 10px; font-family: 'GmarketSansBold'; font-size: 2.5rem; color: #222; line-height: 1.2; }
#review article h3 { display: inline-block; border-radius: 30px; background: #1a7a6e; padding: 5px 20px; font-size: 0.9rem; color: #fff; line-height: 1.2; text-align: center; }
#review .review_list { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 40px auto 0; width: 90%; }
#review .review_list .content { box-shadow: 0 0 15px rgba(0,0,0,0.1); border-radius: 15px; background: #fff; margin: 20px; text-align: center; }
#review .review_list .content .txt { padding: 20px 30px; }
#review .review_list .content .txt h2 { font-size: 1.0rem; color: #111; }
#review .review_list .content .txt h2 span { float: right; font-size: 0.8rem; font-weight: 400; color: #999; }
#review .review_list .content .txt p {margin: 10px 0 0; font-size: 0.9rem; color: #7c7c7c; line-height: 1.4rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#review .review_list .content > span { display: flex; justify-content: center; padding: 20px 0 0; font-size: 1.3rem; font-weight: 700; color: #ffcc00; letter-spacing: 1.0px; text-align: center; }
#review .review_list .content > span img { margin: auto; }
#review .review_list_wrap #pager{ margin-top: 40px; text-align: center; }
.prev {display: inline-block; background: url(../images/mbtn_prev.png); background-size: cover; width: 55px; height: 55px; cursor: pointer; transition: all 0.2s; }
.next {display: inline-block; background: url(../images/mbtn_next.png); background-size: cover; width: 55px; height: 55px; cursor: pointer; transition: all 0.2s; }
.prev: hover {display: inline-block; background: url(../images/mbtn_prev_ov.png); transition: all 0.2s; }
.next: hover {display: inline-block; background: url(../images/mbtn_next_ov.png); transition: all 0.2s; }


#gallery { margin: 80px 0; }
#gallery article { margin: 0 0 30px; }
#gallery article h2 { margin: 5px 0; font-size: 2.2rem; font-weight: 800; color: #111; line-height: 3.2rem; }
#gallery article h3 { font-size: 1.2rem; color: #293aa4; }
#gallery article p { font-size: 1.1rem; line-height: 1.8rem; }
#gallery .content { margin: 0 0 0; width: 100%; }
.post_list { width: 100%; }
.post_list ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.post_list li.content {  }
.post_list li.content img { border-radius: 0; border: 0px solid #598dd4; width: 95%; margin: 0 auto; }
#pager{ display: none; margin-top: 40px; text-align: center; }
.prev {display: inline-block; background: url(../images/mbtn_prev.png); background-size: cover; width: 55px; height: 55px; margin: 0 5px; cursor: pointer; transition: all 0.2s; }
.next {display: inline-block; background: url(../images/mbtn_next.png); background-size: cover; width: 55px; height: 55px; margin: 0 5px; cursor: pointer; transition: all 0.2s; }
.prev: hover {display: inline-block; background: url(../images/mbtn_prev_ov.png); transition: all 0.2s; }
.next: hover {display: inline-block; background: url(../images/mbtn_next_ov.png); transition: all 0.2s; }
#gallery .btn a { display: inline-block; border: 1px solid #fff; padding: 10px 20px; margin: 60px auto 0; font-family:  'GmarketSansMedium'; font-size: 0.7em; color: #fff; text-align: center; transition: 0.5s; }
#gallery .btn a: hover { background: #fff; border: 1px solid #fff; color: #0054c7;}
#gallery .btns { margin: 40px 0 0; text-align: center; }
#gallery .btns a { display: inline-block; border-radius: 30px; background: #333; padding: 15px 30px; font-size: 1.1rem; font-weight: 600; color: #fff; text-align: center; }



@media (min-width: 1600px) {
	
.view_pc { display: block; }
.view_mob { display: none; }

/*기본게시판*/
.latestBBS { clear:  both; margin-left: 0;}
.latestBBS li { border-bottom: 0px solid #eaeaea; overflow: hidden; }
.latestBBS li .title { display: inline-block; width: 75%; font-size: 1.0em; font-weight: 400; color: #333; line-height: 1.7em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.latestBBS li img {display: none;}
.latestBBS li .text {display: none;}
.latestBBS li .date {display: ; float: right; font-size: 13px; color: #909090; line-height: 1.7em; letter-spacing: 0.5px;}
}


@media (min-width: 768px) and (max-width: 1599px){

.view_pc { display: block; }
.view_mob { display: none; }

#hero-sec { background: url() #e7f3f1 top center/cover no-repeat; padding: 15% 0 100px; }
.hero-quick { margin-top: 0; }
.hero-quick .content { margin:0 1.5%; text-align:center; }
.hero-quick .content .pic img { height: 35px; }

#hero-sec article { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto 70px; width: fit-content; background: #e7f3f1; padding: 0 30px; text-align: center; overflow: hidden;}
#hero-sec article h1 { font-family: 'GmarketSansBold'; font-size: 2.5rem; color: #222; line-height: 1.2; }
#hero-sec article h2 { font-family: 'GmarketSansLight'; font-size: 2.0rem; color: #1a7a6e; line-height: 1.2; }
#hero-sec article p { margin-top: 20px; font-size: 1.3rem; font-weight:600; color: #444; line-height: 1.2; }
#hero-sec article ul { display: flex; justify-content:center; flex-wrap:wrap; margin-top: 20px; }
#hero-sec article ul li { margin: 0 15px; font-family: 'GmarketSansBold'; font-size: 1.4rem; line-height: 1.5; }
#hero-sec article .btn-wrap { display: flex; justify-content:center; flex-wrap:wrap; margin-top: 40px; }
#hero-sec article .btn-wrap a { display:inline-block; border-radius: 30px; border: 1px solid rgba(0,0,0,0); padding: 10px 25px; margin: 0 10px; font-family: 'GmarketSansBold'; font-size: 1.3rem; text-align: center; transition: .3s; }

#license .content-wrap .content:nth-child(1) .pic-car { background: url(../images/lic_car_01.png) center no-repeat; background-size: 70%; }
#license .content-wrap .content:nth-child(2) .pic-car { background: url(../images/lic_car_02.png) center no-repeat; background-size: 70%; }
#license .content-wrap .content:nth-child(3) .pic-car { background: url(../images/lic_car_03.png) center no-repeat; background-size: 70%; }

#shuttle .content-wrap .content .pic { background: url(../images/shuttle_pic.png) center no-repeat; background-size: 30px; height: 30px; }

#player { order: 2; width:50%; border-radius: 25px; overflow:hidden; }
#course #list { margin:auto 0; width:45%; }
#course #list .sub-title { margin-bottom: 20px; }
#course #list .sub-title h2 { margin-bottom: 15px; font-family: 'GmarketSansBold'; font-size: 1.6rem; color: #222; }
#course #list .sub-title p { font-size: 1.1rem; font-weight:600; color: #333; }
dl.movs { background: url(../images/course_movs_arr.png) 96% no-repeat; }
dl.movs a { display:block; padding:; }
dl.movs + dl.movs { margin-left:;}
dl.movs dt, dl.movs dd { }
dl.movs dd.desc, dl.movs dd.url { display:none; }
dl dd.thumb img { border:1px solid #dedede; width:100%; }
dl dt { background:#; padding:; font-size:1.4em; font-weight:500; color:#; line-height:1.5em; text-align:; }
dl.movs dt { display: flex; border-bottom:1px solid rgba(217,217,217,1.0); padding:20px; transition:.3s; }
dl.movs dt span { color: #222; }
dl.movs dt span strong { font-family: 'GmarketSansBold'; font-size: 2.5rem; color: #1a7a6e; }
dl.movs dt p { display:inline-block; padding-left: 20px;  margin: auto 0; font-size: 1.0rem; line-height: 1.2; }



#gallery { margin: 60px 0; }
#gallery article { margin: 0 0 30px; }
#gallery article h2 { margin: 5px 0; font-size: 2.2rem; font-weight: 800; color: #111; line-height: 3.2rem; }
#gallery article h3 { font-size: 1.2rem; color: #293aa4; }
#gallery article p { font-size: 1.1rem; line-height: 1.8rem; }


/*기본게시판*/
.latestBBS { clear:  both; margin-left: 0;}
.latestBBS li { border-bottom: 0px solid #eaeaea; overflow: hidden; }
.latestBBS li .title { display: inline-block; width: 70%; font-size: 0.95em; font-weight: 400; color: #333; line-height: 1.7em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.latestBBS li img {display: none;}
.latestBBS li .text {display: none;}
.latestBBS li .date {display: ; float: right; font-size: 13px; color: #909090; line-height: 1.7em; letter-spacing: 0.5px;}
}




@media (max-width: 767px){
	
.sec-banner { border-radius: 20px; margin: 60px auto; width: 90%; overflow:hidden; }
.sec-banner img { width: 100%; }

.view_pc { display: none; }
.view_mob { display: block; }

#hero-sec { background: #e7f3f1; padding: 130px 0 90px; }
.hero-quick { display:flex; justify-content: center; flex-wrap:wrap; width: 90%; margin: 0 auto; }
.hero-quick .content { margin: 0 3% 20px 3%; width:17%; text-align:center; }
.hero-quick .content .pic { border-radius: 15px; background: #fff; box-shadow: 0 0 15px rgba(151,179,174,0.3); padding: 15px; }
.hero-quick .content .pic img { height: 25px; }
.hero-quick .content p { display:block; margin:6px 0 0; font-family: 'GmarketSansMedium'; color:#333; }
.hero-quick .content a { display:block; transition:.4s; }
.hero-quick .content a:hover { margin:-10px 0 0; }
.hero-quick .content a:hover .pic { background:#1a7a6e; }
.hero-quick .content a:hover p { color:#1a7a6e; }
.hero-quick .content a:hover .pic img { filter: invert(100%) sepia(2%) saturate(0%) hue-rotate(199deg) brightness(104%) contrast(104%); transition:.4s; }

#hero-sec article { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto 70px; width: 90%; background: none; padding: 0 0; text-align: center; overflow: hidden;}
#hero-sec article h1 { font-family: 'GmarketSansBold'; font-size: 2.0rem; color: #222; line-height: 1.4; }
#hero-sec article h2 { font-family: 'GmarketSansLight'; font-size: 1.5rem; color: #1a7a6e; line-height: 1.4; }
#hero-sec article p { margin-top: 20px; font-size: 1.2rem; font-weight:600; color: #444; line-height: 1.4; }
#hero-sec article ul { display: flex; justify-content:center; flex-wrap:wrap; margin-top: 25px; }
#hero-sec article ul li { margin: 5px 0; font-family: 'GmarketSansBold'; font-size: 1.3rem; line-height: 1.5; }
#hero-sec article ul li:nth-child(1) { background: url(../images/hero_sec_chk_01.png) no-repeat; padding-left: 35px; color: #222; }
#hero-sec article ul li:nth-child(2) { background: url(../images/hero_sec_chk_02.png) no-repeat; padding-left: 35px; color: #1a7a6e; }
#hero-sec article ul li:nth-child(3) { background: url(../images/hero_sec_chk_02.png) no-repeat; padding-left: 35px; color: #222; }
#hero-sec article .btn-wrap { display: flex; justify-content:center; flex-wrap:wrap; margin-top: 30px; }
#hero-sec article .btn-wrap a { display:inline-block; border-radius: 30px; border: 1px solid rgba(0,0,0,0); padding: 10px 20px; margin: 0 10px; font-family: 'GmarketSansBold'; font-size: 1.1rem; text-align: center; transition: .3s; }
#hero-sec article .btn-wrap a:nth-child(1) { background: #1a7a6e; color: #fff; }
#hero-sec article .btn-wrap a:nth-child(2) { background: #fce518; color: #492121; }
#hero-sec article .btn-wrap a:nth-child(1):hover { background: #fff; border: 1px solid #1a7a6e; color: #1a7a6e; }
#hero-sec article .btn-wrap a:nth-child(2):hover { background: #fff; border: 1px solid #492121; color: #492121; }

#visual-sec .right-wrap .shuttle-bus { padding: 30px 0; }
#visual-sec .right-wrap .shuttle-bus ul li { padding: 8px;}

#main-tags { margin: 50px 0; }
#main-tags h2 { font-family: 'GmarketSansBold'; font-size: 1.2rem; color: #222; line-height: 1.2; text-align: center; }
#main-tags h2 span { color: #1a7a6e; }

#license { margin: 70px auto; width: 90%; }
#license article { text-align: center; }
#license article h2 { margin: 20px 0 10px; font-family: 'GmarketSansBold'; font-size: 1.6rem; color: #222; line-height: 1.2; }
#license article h3 { display: inline-block; border-radius: 30px; background: #1a7a6e; padding: 5px 20px; font-size: 0.9rem; color: #fff; line-height: 1.2; text-align: center; }
#license .content-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 30px 0 0;  }
#license .content-wrap .content { width: 100%; border-radius: 25px; background: #e3e3e3; margin: 15px 0; transition:.3s; } 
#license .content-wrap .content a { display: block; padding: 10px; }
#license .content-wrap .content .tip { display: inline-block; border-radius: 30px; background: #de3f0a; padding: 3px 15px; color: #fff; text-align: center; }
#license .content-wrap .content .pic-car { margin: 20px 0; padding: 60px 0; }
#license .content-wrap .content:nth-child(1) .pic-car { background: url(../images/lic_car_01.png) center no-repeat; background-size: 70%; }
#license .content-wrap .content:nth-child(2) .pic-car { background: url(../images/lic_car_02.png) center no-repeat; background-size: 70%; }
#license .content-wrap .content:nth-child(3) .pic-car { background: url(../images/lic_car_03.png) center no-repeat; background-size: 70%; }
#license .content-wrap .content .sec_wrap { border-radius: 15px; background: #fff; padding: 30px 30px 20px; }
#license .content-wrap .content .sec_wrap h2 { font-family: 'GmarketSansBold'; font-size: 1.5rem; color: #222; line-height: 1.2; }
#license .content-wrap .content .sec_wrap p { margin: 10px 0; }
#license .content-wrap .content:nth-child(1) .sec_wrap .fee { font-family: 'GmarketSansMedium'; font-size: 1.1rem; color: #3b64a8; line-height: 1.2; }
#license .content-wrap .content .sec_wrap .fee span { display: inline-block; margin-left: 10px; font-family: 'GmarketSansBold'; font-size: 1.3rem; line-height: 1.2; }
#license .content-wrap .content:nth-child(1) .sec_wrap .btns { display: block; border-radius: 8px; border: 2px solid #3b64a8; background: #fff; padding: 10px; margin: 20px 0 0; color: #3b64a8; text-align: center; }
#license .content-wrap .content:nth-child(2) .sec_wrap .fee { font-family: 'GmarketSansMedium'; font-size: 1.1rem; color: #ff8e09; line-height: 1.2; }
#license .content-wrap .content:nth-child(2) .sec_wrap .btns { display: block; border-radius: 8px; border: 2px solid #ff8e09; background: #fff; padding: 10px; margin: 20px 0 0; color: #ff8e09; text-align: center; }
#license .content-wrap .content:nth-child(3) .sec_wrap .fee { font-family: 'GmarketSansMedium'; font-size: 1.1rem; color: #269894; line-height: 1.2; }
#license .content-wrap .content:nth-child(3) .sec_wrap .btns { display: block; border-radius: 8px; border: 2px solid #269894; background: #fff; padding: 10px; margin: 20px 0 0; color: #269894; text-align: center; }
#license .content-wrap .content:nth-child(1):hover { background: #3b64a8; margin-top: -10px; }
#license .content-wrap .content:nth-child(2):hover { background: #ff8e09; margin-top: -10px; }
#license .content-wrap .content:nth-child(3):hover { background: #269894; margin-top: -10px; }

#shuttle { background: url(../images/main_shuttle_bg.jpg) center/cover no-repeat; padding: 70px 0; }
#shuttle article { text-align: center; }
#shuttle article h2 { margin: 20px 0 10px; font-family: 'GmarketSansBold'; font-size: 1.6rem; color: #fff; line-height: 1.2; }
#shuttle article h3 { display: inline-block; border-radius: 30px; background: #9ac5bf; padding: 5px 20px; font-size: 0.9rem; color: #1a7a6e; line-height: 1.2; text-align: center; }
#shuttle article p { padding: 0 30px; color: #fff; }
#shuttle .content-wrap { display: flex; justify-content: center; flex-wrap: wrap;  margin: 40px auto; width: 90%; max-width: 1600px;  }
#shuttle .content-wrap .content { display: flex; justify-content: center; flex-direction: column; flex-wrap: wrap; border-radius: 5px; background: #fff; padding: 20px 10px; margin: 5px; width: 25%; text-align: center; }
#shuttle .content-wrap .content .pic { background: url(../images/shuttle_pic.png) center no-repeat; background-size: 25px; height: 25px; }
#shuttle .content-wrap .content .txt { display:block; margin: 10px 0 0; font-size: 1.1rem; font-weight: 600; color: #222; line-height: 1.2; }
#shuttle ul { display: flex; justify-content:center; flex-wrap:wrap; margin-top: 30px; }
#shuttle ul li { background: url(../images/hero_sec_chk_03.png) no-repeat; margin: 5px 15px; padding-left: 35px; font-family: 'GmarketSansMedium'; font-size: 1.1rem; line-height: 1.5; color: #fff; }
#shuttle ul li strong { font-family: 'GmarketSansBold'; color: #fce518; }

#course { background: #f3f9f9; padding: 70px 0; }
#course article { text-align: center; }
#course article h2 { margin: 20px 0 10px; font-family: 'GmarketSansBold'; font-size: 1.6rem; color: #222; line-height: 1.2; }
#course article h3 { display: inline-block; border-radius: 30px; background: #1a7a6e; padding: 5px 20px; font-size: 0.9rem; color: #fff; line-height: 1.2; text-align: center; }
#course .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin: 50px auto 0; width:90%; }
#player { order: 1; width:100%; border-radius: 25px; overflow:hidden; }
#player_screen { position:relative; width:100%; height:; }
#player_screen iframe { position:relative; width:100%; height:; }
#player_screen .top_img { width:100%; height:; position:absolute; top:0px; left:0px; cursoor:pointer; background:#e5e5e5;}
#player_screen .top_img img { width:100%;}
#player_screen .top_img + iframe { display:none }
#player_text { background:rgba(26,122,110,1.0); padding:20px; text-align:center; }
#player_text dt, #player_text dd { margin:0; padding:0;}
#player_text dt { font-size:1.2em; font-weight:600; color:#fff; }
#course #content_wrap #list { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:auto; }
#course #list { order: 2; margin:auto 0; width:100%; }
#course #list .sub-title { margin: 40px 0 10px; }
#course #list .sub-title h2 { margin-bottom: 10px; font-family: 'GmarketSansBold'; font-size: 1.2rem; color: #222; }
#course #list .sub-title p { font-size: 1.0rem; font-weight:600; color: #333; line-height: 1.2; }
dl.movs { background: url(../images/course_movs_arr.png) 96% no-repeat; }
dl.movs a { display:block; padding:; }
dl.movs + dl.movs { margin-left:;}
dl.movs dt, dl.movs dd { }
dl.movs dd.desc, dl.movs dd.url { display:none; }
dl dd.thumb img { border:1px solid #dedede; width:100%; }
dl dt { background:#; padding:; font-size:1.4em; font-weight:500; color:#; line-height:1.5em; text-align:; }
dl.movs dt { display: flex; border-bottom:1px solid rgba(217,217,217,1.0); padding: 20px 10px; transition:.3s; }
dl.movs dt span { color: #222; }
dl.movs dt span strong { font-family: 'GmarketSansBold'; font-size: 1.8rem; color: #1a7a6e; }
dl.movs dt p { display:inline-block; padding-left: 10px; margin: auto 0; font-size: 0.8rem; line-height: 1.2; }

#review { margin: 60px 0; }
#review article { text-align: center; }
#review article h2 { margin: 20px 0 10px; font-family: 'GmarketSansBold'; font-size: 1.6rem; color: #222; line-height: 1.2; }
#review article h3 { display: inline-block; border-radius: 30px; background: #1a7a6e; padding: 5px 20px; font-size: 0.9rem; color: #fff; line-height: 1.2; text-align: center; }
#review .review_list { position: relative; margin: 20px auto 0; width: 90%; display: flex; justify-content: space-between; flex-wrap: wrap; }
#review .review_list .content { box-shadow: 0 0 15px rgba(0,0,0,0.1); border-radius: 15px; background: #fff; margin: 20px; text-align: center; }
#review .review_list .content .txt { padding: 20px 30px; }
#review .review_list .content .txt h2 { font-size: 1.0rem; color: #111; }
#review .review_list .content .txt h2 span { float: right; font-size: 0.8rem; font-weight: 400; color: #999; }
#review .review_list .content .txt p {margin: 10px 0 0; font-size: 0.9rem; color: #7c7c7c; line-height: 1.4rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#review .review_list .content > span { display: flex; justify-content: center; padding: 20px 0 0; font-size: 1.3rem; font-weight: 700; color: #ffcc00; letter-spacing: 1.0px; text-align: center; }
#review .review_list .content > span img { margin: auto; }
#review .review_list_wrap #pager{ margin-top: 40px; text-align: center; }
.prev {display: inline-block; background: url(../images/mbtn_prev.png); background-size: cover; width: 55px; height: 55px; cursor: pointer; transition: all 0.2s; }
.next {display: inline-block; background: url(../images/mbtn_next.png); background-size: cover; width: 55px; height: 55px; cursor: pointer; transition: all 0.2s; }
.prev: hover {display: inline-block; background: url(../images/mbtn_prev_ov.png); transition: all 0.2s; }
.next: hover {display: inline-block; background: url(../images/mbtn_next_ov.png); transition: all 0.2s; }

#gallery { margin: 60px 0; }
#gallery article { margin: 0 0 30px; }
#gallery article h2 { margin: 3px 0; font-size: 1.4rem; font-weight: 700; color: #111; line-height: 2.2rem; }
#gallery article h3 { font-size: 1.0rem; color: #293aa4; }
#gallery article p { font-size: 1.0rem; line-height: 1.5rem; }
#gallery .content { margin: 0 0 0; width: 100%; }
.post_list { width: 100%; }
.post_list ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.post_list li.content {  }
.post_list li.content img { border-radius: 0; border: 0px solid #598dd4; width: 95%; margin: 0 auto; }
#pager{ display: none; margin-top: 40px; text-align: center; }
.prev {display: inline-block; background: url(../images/mbtn_prev.png); background-size: cover; width: 55px; height: 55px; margin: 0 5px; cursor: pointer; transition: all 0.2s; }
.next {display: inline-block; background: url(../images/mbtn_next.png); background-size: cover; width: 55px; height: 55px; margin: 0 5px; cursor: pointer; transition: all 0.2s; }
.prev: hover {display: inline-block; background: url(../images/mbtn_prev_ov.png); transition: all 0.2s; }
.next: hover {display: inline-block; background: url(../images/mbtn_next_ov.png); transition: all 0.2s; }
#gallery .btn a { display: inline-block; border: 1px solid #fff; padding: 10px 20px; margin: 60px auto 0; font-family:  'GmarketSansMedium'; font-size: 0.7em; color: #fff; text-align: center; transition: 0.5s; }
#gallery .btn a: hover { background: #fff; border: 1px solid #fff; color: #0054c7;}
#gallery .btns { margin:30px 0 0; text-align:center; }
#gallery .btns a { display:inline-block; border-radius:30px; background:#333; padding:10px 25px; font-size:1.0rem; font-weight:600; color:#fff; text-align:center; }

/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:190px; font-size:1.0em; font-weight:400; color:#111; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:1.7em; letter-spacing:0;}
}








/*갤러리게시판*/
.latestGallery li { float:left; width:200px; margin:0 10px 20px 10px;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:198px; border:1px #e3e3e3 solid; }
.latestGallery li .caption { width:200px; height:30px; margin-top:10px; font-size:16px; font-weight:400; text-align:center; overflow:hidden; z-index:9; }