@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;
}

section .tit-wrap { text-align: center; }
section .tit-wrap h2 { font-size: 2.8rem; font-weight: 800; color: #111; line-height: 1.5; }
section .tit-wrap h2 span { color: #384ed8; }
section .tit-wrap p { margin-top: 15px; font-size: 1.2rem; font-weight: 600; color: #333; line-height: 1.5; }

#slogan { margin: 120px auto 50px; width: 98%; border-radius: 30px; background: url(../images/slogan_bg.jpg) center/cover no-repeat; }
#slogan .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 50px 70px; }
#slogan .left { display: flex; width: 50%; }
#slogan .left h1 { width: 45%; font-size: 3.0rem; font-weight: 800; color: #fff; line-height: 1.3; }
#slogan .left h2 { width: 45%; margin-left: 5%; font-size: 3.0rem; font-weight: 800; color: #fff; line-height: 1.3; }
#slogan .left h1 span, #slogan .left h2 span { color: #ffe60f; }
#slogan .desc { width: 35%; margin: auto 0; }
#slogan .desc h2 { font-size: 1.2rem; color: #fff; line-height: 1.4; }
#slogan .desc .tel { display: flex; margin-top: 25px;}
#slogan .desc .tel .tit { border-radius: 30px; background: url(../images/slogan_tel.png) #333 12px no-repeat; padding: 6px 20px; color: #fff; }
#slogan .desc .tel .tit p { margin-left: 25px; }
#slogan .desc .tel h3 { margin: auto 0; margin-left: 15px; }
#slogan .desc .tel h3 a { font-size: 2.2rem; font-weight: 800; color: #fff; }

#curriculum { width: 90%; max-width: 1600px; margin: 150px auto 180px; }
#curriculum .content-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; }   
#curriculum .content-wrap .content { margin: 60px 0 0; border-radius: 25px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); width: 32%; overflow: hidden; }
#curriculum .content-wrap .content:nth-child(1) .pic { background: url(../images/curr_pic_01.jpg) center/cover no-repeat; padding: 30% 0; }
#curriculum .content-wrap .content:nth-child(2) .pic { background: url(../images/curr_pic_02.jpg) center/cover no-repeat; padding: 30% 0; }
#curriculum .content-wrap .content:nth-child(3) .pic { background: url(../images/curr_pic_03.jpg) center/cover no-repeat; padding: 30% 0; }
#curriculum .content-wrap .content .desc { padding: 7% 7% 5%; }
#curriculum .content-wrap .content .desc ul { display: flex; flex-wrap: wrap; margin-bottom: 10px; }
#curriculum .content-wrap .content .desc ul li { margin-right: 5px; border-radius: 30px; background: #eff6ff; padding: 0 12px; font-size: 0.75rem; font-weight: 600; color: #384ed8; text-align: center; }
/* #curriculum .content-wrap .content:nth-child(3) .desc ul li { margin-right: 5px; border-radius: 30px; background: #eff6ff; padding: 0 12px; font-size: 0.75rem; font-weight: 600; color: #384ed8; text-align: center; } */
#curriculum .content-wrap .content .desc h3 { font-size: 2.0rem; color: #111; line-height: 1.4; }
#curriculum .content-wrap .content .desc p { margin-top: 8px; line-height: 1.5; }
#curriculum .content-wrap .content .point { display: flex; flex-direction:column; border-top: 1px solid #dedede; padding-top: 20px; margin: 0 6%; }
#curriculum .content-wrap .content .point p { background: url(../images/chk_ico.png) left no-repeat; background-size: 12px; padding-left: 17px; margin: 0 2%; font-size: 0.9rem; font-weight: 500; }
#curriculum .content-wrap .content a { display: block; border-radius: 8px; background: #f4f4f4; padding: 15px; margin: 5%; font-weight: 700; color: #333; text-align: center; }
#curriculum .content-wrap .content:hover a { background: #384ed8; color: #fff; transition: .3s; }
#curriculum .content-wrap .content:nth-child(3):hover a { background: #384ed8; color: #fff; transition: .3s; }

#info-heavy { background: url(../images/info_heavy_bg.jpg) center/cover no-repeat; background-attachment: fixed; padding: 100px 0; }
#info-heavy h2, #info-heavy p { color: #fff; }
#info-heavy h2 span { color: #ffe60f; }
#info-heavy .content-wrap { display: flex; justify-content: center; flex-wrap: wrap; width: 90%; max-width: 1600px; margin: 50px auto 0; }
#info-heavy .content-wrap li { width: 10%; margin: 0 1%; text-align: center; }
#info-heavy .content-wrap li a { display: block; }
#info-heavy .content-wrap li:nth-child(1) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_01.png) #fff center/70px no-repeat; padding: 45px; }
#info-heavy .content-wrap li:nth-child(2) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_02.png) #fff center/70px no-repeat; padding: 45px; }
#info-heavy .content-wrap li:nth-child(3) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_03.png) #fff center/70px no-repeat; padding: 45px; }
#info-heavy .content-wrap li:nth-child(4) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_04.png) #fff center/70px no-repeat; padding: 45px; }
#info-heavy .content-wrap li:nth-child(5) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_05.png) #fff center/70px no-repeat; padding: 45px; }
#info-heavy .content-wrap li:nth-child(6) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_06.png) #fff center/70px no-repeat; padding: 45px; }
#info-heavy .content-wrap li p { margin-top: 10px; font-weight: 500; }


/* 카드 기본 모션 및 호버 효과 */
#curriculum .content-wrap .content {
    opacity: 0;
    transform: perspective(1000px) scale(0.8) rotateY(-60deg);
    transform-origin: center center;
    transition: transform 0.9s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.9s ease, box-shadow 0.4s ease;
}

/* 스크롤 진입 시 실행될 클래스 */
#curriculum .content-wrap .content.flipped {
    opacity: 1;
    transform: perspective(1000px) scale(1) rotateY(0deg);
}

/* 마우스 오버 시 살짝 위로 올라가며 연한 그림자 생성 */
#curriculum .content-wrap .content.flipped:hover { cursor: default;
    transform: perspective(1000px) scale(1) rotateY(0deg) translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
}

#shuttle { margin: 160px 0; }
#shuttle .content-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 60px auto 0; width: 90%; max-width: 1600px; }
#shuttle .content-wrap .pic { width: 50%; border-radius: 25px; background: url(../images/main_shuttle_pic.jpg) center/cover no-repeat; overflow: hidden; }
#shuttle .content-wrap .course-list { display: flex; flex-direction:column; flex-wrap: wrap; width: 46%; margin: auto 0; padding: 0 0 25px 0; transition: .3s; }
#shuttle .content-wrap .course-list a { display: flex; border-bottom: 1px solid #dedede; padding: 10px; }
#shuttle .content-wrap .course-list a h3 { width: 20%; color: #222; margin: auto 0; }
#shuttle .content-wrap .course-list a p { width: 60%; margin: auto 0; }
#shuttle .content-wrap .course-list a .arrow-prev,
#shuttle .content-wrap .course-list a .arrow-next {
    position: relative;
    border:0px solid #000;
    width:20px;
    height:20px;
    margin: auto 0; margin-left: auto;
}

#shuttle .content-wrap .course-list a .arrow-prev::after {
    position: absolute;
    left: 0; 
    top: 0;
    content: '';
    width: 10px; /* 사이즈 */
    height: 10px; /* 사이즈 */
    border-top: 2px solid #999; /* 선 두께 */
    border-right: 2px solid #999; /* 선 두께 */
    transform: rotate(45deg); /* 각도 */
}

#shuttle .content-wrap .course-list a .arrow-next::after {
    position: absolute;
    left: 0; 
    top: 0; 
    content: '';
    width: 10px; /* 사이즈 */
    height: 10px; /* 사이즈 */
    border-top: 2px solid #999; /* 선 두께 */
    border-right: 2px solid #999; /* 선 두께 */
    transform: rotate(45deg); /* 각도 */
}
#shuttle .content-wrap .course-list a:hover { background: #f9f9f9; }
#shuttle .content-wrap .course-list a:hover h3,
#shuttle .content-wrap .course-list a:hover p { color: #384ed8; transition: .3s; }
#shuttle .content-wrap .course-list a:hover .arrow-prev::after,
#shuttle .content-wrap .course-list a:hover .arrow-next::after { border-top: 2px solid #384ed8; border-right: 2px solid #384ed8; transition: .3s; }

#road { background: url(../images/main_road_bg.jpg) center/cover no-repeat; margin-top: 180px; padding: 100px 0; }
#road .content-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 60px auto 0; width: 90%; max-width: 1600px; }
#road .content-wrap a { display: flex; width: 22%; border-radius: 15px; background: #fff; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.12); padding: 15px; transition: .3s; }
#road .content-wrap a .pic { width: 30%; border-radius: 10px; overflow: hidden; }
#road .content-wrap a:nth-child(1) .pic { background: url(../images/main_road_p01.jpg) center/cover no-repeat; }
#road .content-wrap a:nth-child(2) .pic { background: url(../images/main_road_p02.jpg) center/cover no-repeat; }
#road .content-wrap a:nth-child(3) .pic { background: url(../images/main_road_p03.jpg) center/cover no-repeat; }
#road .content-wrap a:nth-child(4) .pic { background: url(../images/main_road_p04.jpg) center/cover no-repeat; }
#road .content-wrap a .txt { width: 65%; margin: 20px 0 20px 5%; }
#road .content-wrap a .txt h3 { font-size: 1.2rem; font-weight: 700; color: #222; }
#road .content-wrap a .txt h3 b { font-size: 2.0rem; }
#road .content-wrap a .txt p { font-size: 0.9rem; }
#road .content-wrap a:hover { background: #333; color: #fff; }
#road .content-wrap a:hover h3 { color: #fff; }

#gallery { margin: 150px 0; }
#gallery .content-wrap { margin-top: 60px; width: 100%; }
.post_list { width: 100%; }
.post_list ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.post_list li.content img { border-radius: 20px; 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; }

#drive-site { background: url(../images/main_drive_bg.jpg) center/cover no-repeat; background-attachment: fixed; margin-top: 180px; padding: 120px 0; }
#drive-site .tit-wrap h2, #drive-site .tit-wrap p { color: #fff; line-height: 1.4; }
#drive-site a { display: flex; justify-content: center; align-items: center; width: fit-content; margin: 50px auto; border-radius: 40px; border: 1px solid #fff; padding: 20px 40px; font-size: 1.1rem; font-weight: 600; color: #fff; text-align: center; transition: .3s; }
#drive-site a:hover { border: 1px solid #384ed8; background: #384ed8; }


@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; }

section .tit-wrap { width: 90%; margin: 0 auto; text-align: center; }
section .tit-wrap h2 { font-size: 2.4rem; font-weight: 800; color: #111; line-height: 1.5; }
section .tit-wrap h2 span { color: #384ed8; }
section .tit-wrap p { margin-top: 15px; font-size: 1.2rem; font-weight: 600; color: #333; line-height: 1.5; }

#slogan { margin: 100px auto 50px; width: 98%; border-radius: 30px; background: url(../images/slogan_bg.jpg) center/cover no-repeat; }
#slogan .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 4%; }
#slogan .left { display: flex; width: 50%; }
#slogan .left h1 { width: 45%; font-size: 2.5rem; font-weight: 800; color: #fff; line-height: 1.3; }
#slogan .left h2 { width: 45%; margin-left: 8%; font-size: 2.5rem; font-weight: 800; color: #fff; line-height: 1.3; }
#slogan .left h1 span, #slogan .left h2 span { color: #ffe60f; }
#slogan .desc { width: 35%; margin: auto 0; }
#slogan .desc h2 { font-size: 1.2rem; color: #fff; line-height: 1.4; }
#slogan .desc .tel { display: flex; flex-wrap: wrap; margin-top: 20px;}
#slogan .desc .tel .tit { border-radius: 30px; background: url(../images/slogan_tel.png) #333 12px no-repeat; padding: 6px 20px; color: #fff; }
#slogan .desc .tel .tit p { margin-left: 25px; }
#slogan .desc .tel h3 { margin: auto 0; margin-left: 15px; }
#slogan .desc .tel h3 a { display: inline-block; margin: 10px 0; font-size: 2.0rem; font-weight: 800; color: #fff; }

#curriculum { width: 90%; max-width: 100%; margin: 130px auto 160px; }
#curriculum .content-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; }   
#curriculum .content-wrap .content { margin: 50px 0 0; border-radius: 25px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); width: 32%; overflow: hidden; }
#curriculum .content-wrap .content .desc { padding: 7% 7% 5%; }
#curriculum .content-wrap .content .desc ul { display: flex; flex-wrap: wrap; margin-bottom: 10px; }
#curriculum .content-wrap .content .desc ul li { margin-right: 5px; border-radius: 30px; background: #eff6ff; padding: 0 12px; font-size: 0.75rem; font-weight: 600; color: #384ed8; text-align: center; }
/* #curriculum .content-wrap .content:nth-child(3) .desc ul li { margin-right: 5px; border-radius: 30px; background: #eff6ff; padding: 0 12px; font-size: 0.75rem; font-weight: 600; color: #384ed8; text-align: center; } */
#curriculum .content-wrap .content .desc h3 { font-size: 1.8rem; color: #111; line-height: 1.4; }
#curriculum .content-wrap .content .desc p { margin-top: 8px; line-height: 1.5; }
#curriculum .content-wrap .content .point { display: flex; flex-direction:column; border-top: 1px solid #dedede; padding-top: 20px; margin: 0 8%; }
#curriculum .content-wrap .content .point p { background: url(../images/chk_ico.png) left no-repeat; background-size: 12px; padding-left: 17px; margin: 0 2%; font-size: 0.9rem; font-weight: 500; }
#curriculum .content-wrap .content a { display: block; border-radius: 8px; background: #f4f4f4; padding: 12px; margin: 5%; font-weight: 700; color: #333; text-align: center; }
#curriculum .content-wrap .content:hover a { background: #384ed8; color: #fff; transition: .3s; }
#curriculum .content-wrap .content:nth-child(3):hover a { background: #384ed8; color: #fff; transition: .3s; }

#info-heavy .content-wrap { display: flex; justify-content: center; flex-wrap: wrap; width: 90%; max-width: 100%; margin: 40px auto 0; }
#info-heavy .content-wrap li { width: 12%; margin: 0 1%; text-align: center; }
#info-heavy .content-wrap li:nth-child(1) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_01.png) #fff center/50px no-repeat; padding: 40px; }
#info-heavy .content-wrap li:nth-child(2) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_02.png) #fff center/50px no-repeat; padding: 40px; }
#info-heavy .content-wrap li:nth-child(3) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_03.png) #fff center/50px no-repeat; padding: 40px; }
#info-heavy .content-wrap li:nth-child(4) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_04.png) #fff center/50px no-repeat; padding: 40px; }
#info-heavy .content-wrap li:nth-child(5) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_05.png) #fff center/50px no-repeat; padding: 40px; }
#info-heavy .content-wrap li:nth-child(6) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_06.png) #fff center/50px no-repeat; padding: 40px; }

#shuttle { margin: 150px 0; }
#shuttle .content-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 50px auto 0; width: 90%; max-width: 100%; }
#shuttle .content-wrap .pic { margin:0 auto; width: 55%; padding: 15% 0; border-radius: 25px; background: url(../images/main_shuttle_pic.jpg) center/cover no-repeat; overflow: hidden; }
#shuttle .content-wrap .course-list { display: flex; flex-direction:column; flex-wrap: wrap; width: 55%; margin: 30px auto 0; padding: 0 0 25px 0; transition: .3s; }
#shuttle .content-wrap .course-list a { display: flex; border-bottom: 1px solid #dedede; padding:10px; }

#road { background: url(../images/main_road_bg.jpg) center/cover no-repeat; margin-top: 130px; padding: 100px 0; }
#road .content-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 40px auto 0; width: 90%; max-width: 100%; }
#road .content-wrap a { display: flex; width: 21%; border-radius: 15px; background: #fff; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.12); padding: 15px; transition: .3s; }
#road .content-wrap a .pic { width: 35%; border-radius: 10px; overflow: hidden; }
#road .content-wrap a .txt { width: 60%; margin: 20px 0 20px 5%; }

#gallery { margin: 130px 0; }
#gallery .content-wrap { margin: 50px 0 0; }

/*기본게시판*/
.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){

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

section .tit-wrap { width: 90%; margin: 0 auto; text-align: center; }
section .tit-wrap h2 { font-size: 1.6rem; font-weight: 800; color: #111; line-height: 1.5; }
section .tit-wrap h2 span { color: #384ed8; }
section .tit-wrap p { margin-top: 15px; font-size: 1.1rem; font-weight: 600; color: #333; line-height: 1.5; }

#slogan { margin: 100px auto 50px; width: 90%; border-radius: 30px; background: url(../images/slogan_bg.jpg) center/cover no-repeat; }
#slogan .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 10%; }
#slogan .left { display: flex; width: 100%; }
#slogan .left h1 { width: 45%; font-size: 1.8rem; font-weight: 800; color: #fff; line-height: 1.3; }
#slogan .left h2 { width: 45%; margin-left: 10%; font-size: 1.8rem; font-weight: 800; color: #fff; line-height: 1.3; }
#slogan .left h1 span, #slogan .left h2 span { color: #ffe60f; }
#slogan .desc { width: 100%; margin-top: 25px; }
#slogan .desc h2 { font-size: 1.1rem; color: #fff; line-height: 1.4; }
#slogan .desc .tel { display: flex; margin-top: 20px;}
#slogan .desc .tel .tit { border-radius: 30px; background: url(../images/slogan_tel.png) #333 12px no-repeat; background-size: 20px; padding: 6px 20px; color: #fff; }
#slogan .desc .tel .tit p { margin-left: 18px; }
#slogan .desc .tel h3 { margin: auto 0; margin-left: 15px; }
#slogan .desc .tel h3 a { font-size: 1.6rem; font-weight: 800; color: #fff; }
 
#curriculum { width: 90%; max-width: 100%; margin: 80px auto 120px; } 
#curriculum .content-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; }   
#curriculum .content-wrap .content { margin: 50px 0 0; border-radius: 25px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); width: 100%; overflow: hidden; }
#curriculum .content-wrap .content:nth-child(1) .pic { background: url(../images/curr_pic_01.jpg) center/cover no-repeat; padding: 25% 0; }
#curriculum .content-wrap .content:nth-child(2) .pic { background: url(../images/curr_pic_02.jpg) center/cover no-repeat; padding: 25% 0; }
#curriculum .content-wrap .content:nth-child(3) .pic { background: url(../images/curr_pic_03.jpg) center/cover no-repeat; padding: 25% 0; }
#curriculum .content-wrap .content .desc { padding: 7% 7% 5%; }
#curriculum .content-wrap .content .desc ul { display: flex; flex-wrap: wrap; margin-bottom: 10px; }
#curriculum .content-wrap .content .desc ul li { margin-right: 5px; border-radius: 30px; background: #eff6ff; padding: 0 12px; font-size: 0.75rem; font-weight: 600; color: #384ed8; text-align: center; }
/* #curriculum .content-wrap .content:nth-child(3) .desc ul li { margin-right: 5px; border-radius: 30px; background: #eff6ff; padding: 0 12px; font-size: 0.75rem; font-weight: 600; color: #384ed8; text-align: center; } */
#curriculum .content-wrap .content .desc h3 { font-size: 1.5rem; color: #111; line-height: 1.4; }
#curriculum .content-wrap .content .desc p { margin-top: 8px; line-height: 1.5; }
#curriculum .content-wrap .content .point { display: flex; flex-direction:column; border-top: 1px solid #dedede; padding-top: 20px; margin: 0 8%; }
#curriculum .content-wrap .content .point p { background: url(../images/chk_ico.png) left no-repeat; background-size: 12px; padding-left: 17px; margin: 0 1%; font-size: 0.9rem; font-weight: 500; }
#curriculum .content-wrap .content a { display: block; border-radius: 8px; background: #f4f4f4; padding: 10px; margin: 5%; font-weight: 600; color: #222; text-align: center; }
#curriculum .content-wrap .content:hover a { background: #384ed8; color: #fff; transition: .3s; }
#curriculum .content-wrap .content:nth-child(3):hover a { background: #384ed8; color: #fff; transition: .3s; }

#info-heavy { background: url(../images/info_heavy_bg.jpg) center/cover no-repeat; background-attachment: fixed; padding: 80px 0; }
#info-heavy .content-wrap { display: flex; justify-content: center; flex-wrap: wrap; width: 90%; max-width: 100%; margin: 30px auto 0; }
#info-heavy .content-wrap li { width: 30%; margin: 15px 1%; text-align: center; }
#info-heavy .content-wrap li:nth-child(1) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_01.png) #fff center/40px no-repeat; padding: 35px; }
#info-heavy .content-wrap li:nth-child(2) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_02.png) #fff center/40px no-repeat; padding: 35px; }
#info-heavy .content-wrap li:nth-child(3) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_03.png) #fff center/40px no-repeat; padding: 35px; }
#info-heavy .content-wrap li:nth-child(4) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_04.png) #fff center/40px no-repeat; padding: 35px; }
#info-heavy .content-wrap li:nth-child(5) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_05.png) #fff center/40px no-repeat; padding: 35px; }
#info-heavy .content-wrap li:nth-child(6) span { display: inline-block; border-radius: 10px; background: url(../images/info-heavy_06.png) #fff center/40px no-repeat; padding: 35px; }
#info-heavy .content-wrap li p { margin-top: 0; font-weight: 500; }

#shuttle { margin: 100px 0; }
#shuttle .content-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 30px auto 0; width: 90%; max-width: 100%; }
#shuttle .content-wrap .pic { margin:0 auto; width: 100%; padding: 25% 0; border-radius: 25px; background: url(../images/main_shuttle_pic.jpg) center/cover no-repeat; overflow: hidden; }
#shuttle .content-wrap .course-list { display: flex; flex-direction:column; flex-wrap: wrap; width: 100%; margin: 20px auto 0; padding: 0 0 25px 0; transition: .3s; }
#shuttle .content-wrap .course-list a { display: flex; border-bottom: 1px solid #dedede; padding: 10px; }
#shuttle .content-wrap .course-list a h3 { width: 30%; font-size: 1.0rem; color: #222; margin: auto 0; }
#shuttle .content-wrap .course-list a p { width: 55%; margin: auto 0; }

#road { background: url(../images/main_road_bg.jpg) center/cover no-repeat; margin-top: 100px; padding: 80px 0; }
#road .content-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 40px auto 0; width: 90%; max-width: 100%; }
#road .content-wrap a { display: flex; width: 94%; margin: 1.9% 0; border-radius: 15px; background: #fff; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.12); padding: 3%; transition: .3s; }
#road .content-wrap a .pic { width: 35%; border-radius: 10px; overflow: hidden; }
#road .content-wrap a .txt { width: 57%; margin: 12px 0 12px 8%; }
#road .content-wrap a .txt h3 { font-size: 1.1rem; font-weight: 700; color: #222; }
#road .content-wrap a .txt h3 b { font-size: 1.5rem; }

#gallery { margin: 100px 0; 
#gallery .content-wrap { margin: 40px auto 0; width: 95%; }
.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: 15px; 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; }