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



@media (min-width:1500px) {
	
.pc_view { display:block; }
.mob_view { display:none; }	
	
#license { background:#efefef; padding:120px 0; }
#license h1 {  font-size:2.5em; color:#222; line-height:1.3em; letter-spacing:-1.0px; text-align:center; }
#license h1 span { color:#58ba00; }
#license .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap;  margin:60px auto 0; width:90%; max-width:1500px; }
#license .content_wrap .content { width:31.5%;}
#license .content_wrap .content img { width:100%; }


#m_contents { background: url(../images/m_contents_bg.jpg) center bottom no-repeat; background-attachment:fixed; background-size:cover; padding:100px 0; }
#m_contents .title {  }
#m_contents .title h1 { display:block; font-size:2.5em; color:#fff; line-height:1.3em; letter-spacing:-1.0px; text-align:center; }
#m_contents .title h1 span { color:#84ff01; }
#m_contents .title p { display:block; margin:15px 0; color:#fff; text-align:center; }
#m_contents .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto 0; width:90%; height:100%; max-width:1500px; }
#m_contents .content_wrap .content { background:#fff; width:32.5%; margin:0.7% 0; }
#m_contents .content_wrap .content a { display:flex; justify-content:space-between; flex-wrap:wrap; background:#fff; border:2px solid #fff; padding:5% 9% 6% 9%; transition:.3s; }
#m_contents .content_wrap .content a:hover { background:#f3ffe9; border:2px solid #58ba00; }
#m_contents .content_wrap .content .desc { width:65%; }
#m_contents .content_wrap .content .desc h1 { display:block; margin:2px 0 10px; font-size:1.4em; color:#222; }
#m_contents .content_wrap .content .desc h2 { font-size:1.0em; color:#222; }
#m_contents .content_wrap .content .desc p { line-height:1.4em; }
#m_contents .content_wrap .content .pic { margin:auto 0; }


#course { display:flex; justify-content:space-between; flex-wrap:wrap; margin:100px auto; width:90%; height:100%; max-width:1500px; }
#course .pic { background:url(../images/m_course_pic.jpg) right bottom; background-size:cover; width:65%; }
#course .pic img { width:100%; }
#course .desc { display:flex; flex-direction:column; width:31%; }
#course .desc .title { margin:0 0 40px; }
#course .desc .title h1 { display:block; font-size:2.5em; color:#222; line-height:1.3em; letter-spacing:-1.0px; }
#course .desc .title h1 span { color:#58ba00; }
#course .desc .title p { display:block; margin:20px 0 0;}
#course .desc ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:auto; }
#course .desc ul li { border:1px solid #dedede; width:49%; margin:2% 0 0; }
#course .desc ul li img { width:100%; }


#shuttle { display:flex; justify-content:space-between; flex-wrap:wrap; margin:100px auto; background:#67c810; width:90%; height:100%; max-width:1500px; }
#shuttle .title { display:flex; justify-content:center; width:30%; }
#shuttle .title a { display:flex; justify-content:center; flex-direction:column; padding:0 10%; height:100%; }
#shuttle .title h1 { display:block; margin:0 0 30px; font-size:2.3em; color:#fcff00; }
#shuttle .title p { display:block; margin:5px 0; font-size:1.2em; color:#fff; }
#shuttle .title span { display:block; margin:30px 0 0; font-family: 'GmarketSansBold'; font-size:0.9em; color:#fff; }
#shuttle .pic { width:70%; }
#shuttle .pic img { width:100%; }


#board { display:flex; justify-content:space-between; flex-wrap:wrap; margin:100px auto; width:90%; height:100%; max-width:1500px; }
#board .content { width:31%; }
#board .content .tit { border-bottom:1px solid #555; padding:0 0 20px; margin:0 0 20px; font-size:1.6em; font-weight:600; color:#222; letter-spacing:-1.0px; }
#board .content .tit span a { float:right; margin:5px 0 0; font-size:2.0em; font-weight:100; color:#67c810; }



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

.pc_view { display:block; }
.mob_view { display:none; }	

#license { background:#efefef; padding:110px 0; }
#license h1 {  font-size:2.3em; color:#222; line-height:1.3em; letter-spacing:-1.0px; text-align:center; }
#license h1 span { color:#58ba00; }
#license .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap;  margin:50px auto 0; width:90%; }
#license .content_wrap .content { width:31.5%;}
#license .content_wrap .content img { width:100%; }


#m_contents { background: url(../images/m_contents_bg.jpg) center bottom no-repeat; background-attachment:fixed; background-size:cover; padding:90px 0; }
#m_contents .title {  }
#m_contents .title h1 { display:block; font-size:2.3em; color:#fff; line-height:1.3em; letter-spacing:-1.0px; text-align:center; }
#m_contents .title h1 span { color:#84ff01; }
#m_contents .title p { display:block; margin:15px 0; color:#fff; text-align:center; }
#m_contents .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto 0; width:90%; height:100%; }
#m_contents .content_wrap .content { background:#fff; width:32.5%; margin:0.7% 0; }
#m_contents .content_wrap .content a { display:flex; justify-content:space-between; flex-wrap:wrap; border:2px solid #fff; padding:5% 9% 6% 9%; transition:.3s; }
#m_contents .content_wrap .content a:hover { background:#f3ffe9; border:2px solid #58ba00; }
#m_contents .content_wrap .content .desc { width:65%; }
#m_contents .content_wrap .content .desc h1 { display:block; margin:0 0 10px; font-size:1.3em; color:#222; }
#m_contents .content_wrap .content .desc h2 { font-size:1.0em; color:#222; }
#m_contents .content_wrap .content .desc p { line-height:1.4em; }
#m_contents .content_wrap .content .pic { margin:auto 0; }
#m_contents .content_wrap .content .pic img { height:70px; }


#course { display:flex; justify-content:space-between; flex-wrap:wrap; margin:90px auto; width:90%; height:100%;  }
#course .pic { background:url(../images/m_course_pic.jpg) right bottom; background-size:cover; width:60%; }
#course .pic img { width:100%; }
#course .desc { display:flex; flex-direction:column; width:35%; }
#course .desc .title { margin:0 0 40px; }
#course .desc .title h1 { display:block; font-size:2.3em; color:#222; line-height:1.3em; letter-spacing:-1.0px; }
#course .desc .title h1 span { color:#58ba00; }
#course .desc .title p { display:block; margin:20px 0 0;}
#course .desc ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:auto; }
#course .desc ul li { border:1px solid #dedede; width:49%; margin:2% 0 0; }
#course .desc ul li img { width:100%; }


#shuttle { display:flex; justify-content:space-between; flex-wrap:wrap; margin:90px auto; background:#67c810; width:90%; height:100%; }
#shuttle .title { display:flex; justify-content:center; width:35%; }
#shuttle .title a { display:flex; justify-content:center; flex-direction:column; padding:0 10%; height:100%; }
#shuttle .title h1 { display:block; margin:0 0 30px; font-size:2.0em; color:#fcff00; }
#shuttle .title p { display:block; margin:5px 0; font-size:1.2em; color:#fff; }
#shuttle .title span { display:block; margin:30px 0 0; font-family: 'GmarketSansBold'; font-size:0.9em; color:#fff; }

#shuttle .pic { width:65%; }
#shuttle .pic img { width:100%; }


#board { display:flex; justify-content:space-between; flex-wrap:wrap; margin:100px auto; width:90%; height:100%; }
#board .content { width:31%; }
#board .content .tit { border-bottom:1px solid #555; padding:0 0 20px; margin:0 0 20px; font-size:1.6em; font-weight:600; color:#222; letter-spacing:-1.0px; }
#board .content .tit span a { float:right; margin:5px 0 0; font-size:2.0em; font-weight:100; color:#67c810; }



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

.pc_view { display:none; }
.mob_view { display:block; }	

#license { background:#efefef; padding:60px 0; }
#license h1 { width:80%; margin:0 auto; font-size:1.5em; color:#222; line-height:1.4em; text-align:center; }
#license h1 span { color:#58ba00; }
#license .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px auto 0; width:85%;}
#license .content_wrap .content { width:100%; margin:10px 0; }
#license .content_wrap .content img { width:100%;}


#m_contents { background: url(../images/m_contents_bg.jpg) center bottom no-repeat; background-attachment:fixed; background-size:cover; padding:60px 0; }
#m_contents .title { margin:0 auto; width:70%; }
#m_contents .title h1 { display:block; font-size:1.5em; color:#fff; line-height:1.3em; text-align:center; }
#m_contents .title h1 span { color:#84ff01; }
#m_contents .title p { display:block; margin:10px 0; color:#fff; text-align:center; }
#m_contents .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:30px auto 0; width:90%; height:100%; }
#m_contents .content_wrap .content { background:#fff; width:49%; margin:1% 0; }
#m_contents .content_wrap .content a { display:flex; justify-content:space-between; flex-wrap:wrap; border:2px solid #fff; padding:12% 9%; transition:.3s; }
#m_contents .content_wrap .content a:hover { background:#f3ffe9; border:2px solid #58ba00; }
#m_contents .content_wrap .content .desc { order:2; width:100%; text-align:center; }
#m_contents .content_wrap .content .desc h1 { display:block; margin:0 0 6px; font-size:1.1em; color:#222; }
#m_contents .content_wrap .content .desc h2 { font-size:1.0em; color:#222; }
#m_contents .content_wrap .content .desc p { line-height:1.3em; }
#m_contents .content_wrap .content .pic { width:35px; margin:0 auto 10px; text-align:center; }
#m_contents .content_wrap .content .pic img { width:100%; }


#course { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px auto; width:90%; height:100%;  }
#course .pic { background:url(../images/m_course_pic_mob.jpg) top no-repeat; background-size:100%; width:100%; height:230px; }
#course .pic img { width:100%; }
#course .desc { display:flex; flex-direction:column; width:100%; }
#course .desc .title { margin:0 0 10px; }
#course .desc .title h1 { display:block; font-size:1.5em; color:#222; line-height:1.3em; text-align:center; }
#course .desc .title h1 span { color:#58ba00; }
#course .desc .title p {  display:block; margin:10px 0; color:#; text-align:center; }
#course .desc ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
#course .desc ul li { border:1px solid #dedede; width:49%; margin:2% 0 0; }
#course .desc ul li img { width:100%; }


#shuttle { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px auto; background:#67c810; width:90%; height:100%; }
#shuttle .title { display:flex; justify-content:center; width:100%; }
#shuttle .title a { display:flex; justify-content:center; flex-direction:column; padding:10%; height:100%; text-align:center; }
#shuttle .title h1 { display:block; margin:0 0 20px; font-size:1.5em; color:#fcff00; }
#shuttle .title p { display:block; margin:3px 0; font-size:1.0em; color:#fff; }
#shuttle .title span { display:block; margin:20px 0 0; font-family: 'GmarketSansBold'; font-size:0.9em; color:#fff; }
#shuttle .pic { width:100%; }
#shuttle .pic img { width:100%; }


#board { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px auto; width:90%; height:100%; }
#board .content { width:100%; margin:20px 0; }
#board .content .tit { border-bottom:1px solid #555; padding:0 0 10px; margin:0 0 10px; font-size:1.2em; font-weight:600; color:#222; letter-spacing:-1.0px; }
#board .content .tit span a { float:right; margin:5px 0 0; font-size:1.5em; font-weight:100; color:#67c810; }



/*기본게시판*/
.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:#222; 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; }