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

#visual { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:40px auto; }
#visual .screen { width:80%; }
#visual .content_wrap { margin:auto 0; width:16%; }
#visual .content_wrap .content { border-bottom:1px solid #dedede; margin:30px 0 0; padding:0 0 30px; }
#visual .content_wrap .content:last-child { border-bottom:0; }
#visual .content_wrap .content h1 { font-size:2.0vw; color:#111; line-height:1.3em; }
#visual .content_wrap .content h1 span { color:#0045c9; }
#visual .content_wrap .content h2 { display:block; margin:0 0 10px; font-size:1.0vw; color:#0045c9; line-height:1.3em; }
#visual .content_wrap .content h3 { display:block; margin:0 0 10px; font-size:0.9vw; color:#111; }

#license { background:url(../images/main_license_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:100px 0; margin:80px 0 0; }
#license article { margin:0 auto; width:90%; max-width:1500px; }
#license article h1 { display:block; margin:10px 0 0; font-size:2.2em; color:#fff; line-height:1.3em; }
#license article h2 { font-size:1.2em; color:#fff; line-height:1.3em; }
#license .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto 0; width:90%; max-width:1500px; }
#license .content_wrap .content { width:48.5%; }
#license .content_wrap .content .pic { margin:0 0 15px;} 
#license .content_wrap .content .pic img { border-radius:20px; width:100%; } 
#license .content_wrap .content .desc { display:flex; justify-content:space-between; flex-wrap:wrap; background:rgba(0,29,84,.5); border-radius:20px; padding:50px 60px; }
#license .content_wrap .content .desc .left { width:50%; }
#license .content_wrap .content .desc .left h1 { font-size:2.0em; color:#3ffff8; }
#license .content_wrap .content:nth-child(2) .desc .left h1 { font-size:2.0em; color:#ffe65b; }
#license .content_wrap .content .desc .left p { display:block; margin:15px 0 0; color:#fff; }
#license .content_wrap .content .desc ul { display:flex; width:40%; }
#license .content_wrap .content .desc ul li { width:33.3%; text-align:center; }
#license .content_wrap .content .desc ul li span { display:block; margin:10px 0 0; color:#fff; }

#benefit { background:url(../images/main_benefit_bg.png) bottom center no-repeat; padding:100px 0; }
#benefit .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1500px; }
#benefit .wrapper article { margin:auto 0; width:25%; }
#benefit .wrapper article h1 { display:block; margin:10px 0 0; font-size:2.2em; color:#111; line-height:1.3em; }
#benefit .wrapper article h2 { font-size:1.2em; color:#0045c9; line-height:1.3em; }
#benefit .wrapper article p { display:block; margin:20px 0 0; }
#benefit .wrapper article ul { display:flex; margin:50px 0 0; }
#benefit .wrapper article ul li { margin:0 10px 0 0; }
#benefit .wrapper article ul li a { background:#fff; border:1px solid #ccc; border-radius:30px; padding:10px 20px; font-weight:600; color:#222; text-align:center; }
#benefit .wrapper .content_wrap { display:flex; background:url(../images/main_benefit_pic.png) right no-repeat; background-size:cover; width:70%; padding:6.5% 0; }
#benefit .wrapper .content_wrap ul { margin:auto 0; }
#benefit .wrapper .content_wrap ul li { color:#fff; text-align:center; }
#benefit .wrapper .content_wrap h1 { display:block; margin:20px 0; font-size:2.3em; }
#benefit .wrapper .content_wrap h2 { display:block; margin:20px 0 0; font-size:1.4em; font-weight:400; }
#benefit .wrapper .content_wrap ul:nth-child(1) { width:34%; }
#benefit .wrapper .content_wrap ul:nth-child(2) { width:26%; }

#course { background:url(../images/main_course_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:120px 0; }
#course .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1500px; }
#player { width:48%;}
#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(0,69,201,.7); padding:20px; text-align:center; }
#player_text dt, #player_text dd { margin:0; padding:0;}
#player_text dt a { font-size:1.2em; font-weight:600; color:#fff; }
#course article { width:23%; }
#course article h1 { display:block; margin:10px 0 0; font-size:2.2em; color:#fff; line-height:1.3em; }
#course article h2 { font-size:1.2em; color:#fff; line-height:1.3em; }
#course article p { display:block; margin:20px 0 0; color:#fff; }
#course #content_wrap #list { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:auto; }
#course #list { margin:auto 0; width:23%; }
dl.movs { }
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:#fff; line-height:1.5em; text-align:center; }
dl.movs dt span { display:block; border-bottom:1px solid rgba(255,255,255,.7); padding:30px 0; transition:.3s; }
dl.movs dt span:hover { display:block; background:rgba(0,69,201,.7); }

#shuttle { background:url(../images/main_shuttle_bg.jpg) bottom center no-repeat; background-size:cover; padding:110px 0; }
#shuttle .wrapper { margin:0 auto; width:90%; max-width:1500px; }
#shuttle .wrapper .content_wrap { display:flex; background:url(../images/main_shuttle_pic.jpg); background-size:cover; border-radius:20px; padding:20% 0 0; overflow:hidden; }
#shuttle .wrapper .content_wrap .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:auto; background:rgba(0,69,201,.8); padding:40px 5%; width:90%; }
#shuttle .wrapper .content_wrap .content article { width:40%; }
#shuttle .wrapper .content_wrap .content article h1 { display:block; margin:10px 0 0; font-size:2.2em; color:#fff; line-height:1.3em; }
#shuttle .wrapper .content_wrap .content article h1 span { font-size:0.8em; font-weight:400; }
#shuttle .wrapper .content_wrap .content article h2 { font-size:1.2em; color:#fff; line-height:1.3em; }
#shuttle .wrapper .content_wrap .content article h3 { display:block; margin:15px 0 0; font-size:1.5em; color:#ffe65b; line-height:1.3em; }
#shuttle .wrapper .content_wrap .content .course { display:flex; justify-content:space-between; flex-wrap:wrap; width:50%; margin:auto 0; }
#shuttle .wrapper .content_wrap .content .course ul { width:24%; text-align:center; }
#shuttle .wrapper .content_wrap .content .course ul li { color:#fff; }
#shuttle .wrapper .content_wrap .content .course ul h1 { display:block; margin:15px 0 5px; font-size:1.7em; color:#fff; line-height:1.3em; }

#gallery { margin:100px 0 0; }
#gallery article { text-align:center; }
#gallery article h1 { display:block; margin:10px 0 0; font-size:2.2em; color:#111; line-height:1.3em; }
#gallery article h2 { font-size:1.2em; color:#0045c9; line-height:1.3em; }
#gallery article p { display:block; margin:25px 0 0;}
#gallery .content { margin:30px 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:15px; 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;}


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

#visual { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:30px auto; }
#visual .screen { width:75%; }
#visual .content_wrap { margin:auto 0; width:20%; }
#visual .content_wrap .content { border-bottom:1px solid #dedede; margin:30px 0 0; padding:0 0 30px; }
#visual .content_wrap .content:last-child { border-bottom:0; }
#visual .content_wrap .content h1 { font-size:2.3vw; color:#111; line-height:1.3em; }
#visual .content_wrap .content h1 span { color:#0045c9; }
#visual .content_wrap .content h2 { display:block; margin:0 0 10px; font-size:1.4vw; color:#0045c9; line-height:1.3em; }
#visual .content_wrap .content h3 { display:block; margin:0 0 10px; font-size:1.3vw; color:#111; }

#license { background:url(../images/main_license_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:90px 0; margin:70px 0 0; }
#license article { margin:0 auto; width:90%; }
#license article h1 { display:block; margin:10px 0 0; font-size:2.0em; color:#fff; line-height:1.3em; }
#license article h2 { font-size:1.2em; color:#fff; line-height:1.3em; }
#license .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto 0; width:90%; }
#license .content_wrap .content { width:48.5%; }
#license .content_wrap .content .pic { margin:0 0 15px;} 
#license .content_wrap .content .pic img { border-radius:20px; width:100%; } 
#license .content_wrap .content .desc { display:flex; justify-content:space-between; flex-wrap:wrap; background:rgba(0,29,84,.5); border-radius:20px; padding:40px 50px; }
#license .content_wrap .content .desc .left { width:50%; }
#license .content_wrap .content .desc .left h1 { font-size:1.8em; color:#3ffff8; }
#license .content_wrap .content:nth-child(2) .desc .left h1 { font-size:1.8em; color:#ffe65b; }
#license .content_wrap .content .desc .left p { display:block; margin:15px 0 0; color:#fff; }
#license .content_wrap .content .desc ul { display:flex; width:40%; }
#license .content_wrap .content .desc ul li { width:33.3%; text-align:center; }
#license .content_wrap .content .desc ul li span { display:block; margin:10px 0 0; color:#fff; }

#benefit { background:url(../images/main_benefit_bg.png) bottom center no-repeat; padding:100px 0; }
#benefit .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#benefit .wrapper article { margin:auto 0; width:25%; }
#benefit .wrapper article h1 { display:block; margin:10px 0 0; font-size:2.0em; color:#111; line-height:1.3em; }
#benefit .wrapper article h2 { font-size:1.2em; color:#0045c9; line-height:1.3em; }
#benefit .wrapper article p { display:block; margin:20px 0 0; }
#benefit .wrapper article ul { display:flex; margin:50px 0 0; }
#benefit .wrapper article ul li { margin:0 6px 0 0; }
#benefit .wrapper article ul li:last-child { margin:0; }
#benefit .wrapper article ul li a { background:#fff; border:1px solid #ccc; border-radius:30px; padding:10px; font-weight:600; color:#222; text-align:center; }
#benefit .wrapper .content_wrap { display:flex; background:url(../images/main_benefit_pic.png) right no-repeat;  background-size:100%; width:70%; padding:8% 0; }
#benefit .wrapper .content_wrap ul { margin:auto 0; }
#benefit .wrapper .content_wrap ul li { color:#fff; text-align:center; }
#benefit .wrapper .content_wrap h1 { display:block; margin:10px 0; font-size:2.3vw; }
#benefit .wrapper .content_wrap h2 { display:block; margin:10px 0 0; font-size:1.4em; font-weight:400; }
#benefit .wrapper .content_wrap ul:nth-child(1) { width:34%; }
#benefit .wrapper .content_wrap ul:nth-child(2) { width:26%; }
#benefit .wrapper .content_wrap ul li img { height:50px; }

#course { background:url(../images/main_course_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:120px 0; }
#course .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#player { width:48%;}
#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(0,69,201,.7); padding:20px; text-align:center; }
#player_text dt, #player_text dd { margin:0; padding:0;}
#player_text dt a { font-size:1.2em; font-weight:600; color:#fff; }
#course article { width:23%; }
#course article h1 { display:block; margin:10px 0 0; font-size:2.0em; color:#fff; line-height:1.3em; }
#course article h2 { font-size:1.2em; color:#fff; line-height:1.3em; }
#course article p { display:block; margin:20px 0 0; color:#fff; }
#course #content_wrap #list { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:auto; }
#course #list { margin:auto 0; width:23%; }
dl.movs { }
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.2em; font-weight:500; color:#fff; line-height:1.5em; text-align:center; }
dl.movs dt span { display:block; border-bottom:1px solid rgba(255,255,255,.7); padding:20px 0; transition:.3s; }
dl.movs dt span:hover { display:block; background:rgba(0,69,201,.7); }

#shuttle { background:url(../images/main_shuttle_bg.jpg) bottom center no-repeat; background-size:cover; padding:110px 0; }
#shuttle .wrapper { margin:0 auto; width:90%; }
#shuttle .wrapper .content_wrap { display:flex; background:url(../images/main_shuttle_pic.jpg); background-size:cover; border-radius:20px; padding:20% 0 0; overflow:hidden; }
#shuttle .wrapper .content_wrap .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:auto; background:rgba(0,69,201,.8); padding:40px 5%; width:90%; }
#shuttle .wrapper .content_wrap .content article { width:45%; }
#shuttle .wrapper .content_wrap .content article h1 { display:block; margin:10px 0 0; font-size:2.0em; color:#fff; line-height:1.3em; }
#shuttle .wrapper .content_wrap .content article h1 span { font-size:0.8em; font-weight:400; }
#shuttle .wrapper .content_wrap .content article h2 { font-size:1.2em; color:#fff; line-height:1.3em; }
#shuttle .wrapper .content_wrap .content article h3 { display:block; margin:10px 0 0; font-size:1.5em; color:#ffe65b; line-height:1.3em; }
#shuttle .wrapper .content_wrap .content .course { display:flex; justify-content:space-between; flex-wrap:wrap; width:50%; margin:auto 0; }
#shuttle .wrapper .content_wrap .content .course ul { width:24%; text-align:center; }
#shuttle .wrapper .content_wrap .content .course ul li { color:#fff; }
#shuttle .wrapper .content_wrap .content .course ul h1 { display:block; margin:15px 0 5px; font-size:1.5em; color:#fff; line-height:1.3em; }

#gallery { margin:100px 0 0; }
#gallery article { text-align:center; }
#gallery article h1 { display:block; margin:10px 0 0; font-size:2.0em; color:#111; line-height:1.3em; }
#gallery article h2 { font-size:1.2em; color:#0045c9; line-height:1.3em; }
#gallery article p { display:block; margin:25px 0 0;}
#gallery .content { margin:30px 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:15px; 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;}



















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

#visual { width:85%; margin:15px auto; }
#visual .screen { width:100%; }
#visual .content_wrap { margin:30px 0 0; width:100%; }
#visual .content_wrap .content { border-bottom:1px solid #dedede; margin:20px 0 0; padding:0 0 20px; }
#visual .content_wrap .content:last-child { border-bottom:0; }
#visual .content_wrap .content h1 { font-size:1.6em; color:#111; line-height:1.3em; }
#visual .content_wrap .content h1 span { color:#0045c9; }
#visual .content_wrap .content h2 { display:block; margin:0 0 7px; font-size:1.2em; color:#0045c9; line-height:1.3em; }
#visual .content_wrap .content h3 { display:block; margin:0 0 7px; font-size:1.1em; color:#111; }

#license { background:url(../images/main_license_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:60px 0; margin:50px 0 0; }
#license article { margin:0 auto; width:85%; }
#license article h1 { display:block; margin:10px 0 0; font-size:1.5em; color:#fff; line-height:1.3em; }
#license article h2 { font-size:1.1em; color:#fff; line-height:1.3em; }
#license .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:30px auto 0; width:85%; }
#license .content_wrap .content { width:100%; margin:15px 0; }
#license .content_wrap .content .pic { margin:0 0 10px;} 
#license .content_wrap .content .pic img { border-radius:10px; width:100%; } 
#license .content_wrap .content .desc { display:flex; justify-content:space-between; flex-wrap:wrap; background:rgba(0,29,84,.5); border-radius:10px; padding:30px; }
#license .content_wrap .content .desc .left { width:100%; }
#license .content_wrap .content .desc .left h1 { font-size:1.8em; color:#3ffff8; }
#license .content_wrap .content:nth-child(2) .desc .left h1 { font-size:1.8em; color:#ffe65b; }
#license .content_wrap .content .desc .left p { display:block; margin:15px 0 0; color:#fff; }
#license .content_wrap .content .desc ul { display:flex; width:100%; margin:20px 0 0; }
#license .content_wrap .content .desc ul li { width:33.3%; text-align:center; }
#license .content_wrap .content .desc ul li span { display:block; margin:10px 0 0; color:#fff; }
#license .content_wrap .content .desc ul li img { height:25px; }

#benefit { background:url(../images/main_benefit_bg.png) bottom center no-repeat; padding:70px 0; }
#benefit .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:85%; }
#benefit .wrapper article { margin:0 0 40px; width:100%; }
#benefit .wrapper article h1 { display:block; margin:10px 0 0; font-size:1.5em; color:#111; line-height:1.3em; }
#benefit .wrapper article h2 { font-size:1.1em; color:#0045c9; line-height:1.3em; }
#benefit .wrapper article p { display:block; margin:10px 0 0; }
#benefit .wrapper article ul { display:flex; margin:30px 0 0; }
#benefit .wrapper article ul li { margin:0 6px 0 0; }
#benefit .wrapper article ul li:last-child { margin:0; }
#benefit .wrapper article ul li a { background:#fff; border:1px solid #ccc; border-radius:30px; padding:10px 15px; font-weight:600; color:#222; text-align:center; }
#benefit .wrapper .content_wrap { display:flex; background:url(../images/main_benefit_pic_mob.png) no-repeat;  background-size:cover; width:100%; padding:7% 0 55%; }
#benefit .wrapper .content_wrap ul { margin:auto 0; }
#benefit .wrapper .content_wrap ul li { color:#fff; text-align:center; }
#benefit .wrapper .content_wrap h1 { display:block; margin:6px 0; font-size:1.5em; }
#benefit .wrapper .content_wrap h2 { display:block; margin:6px 0 0; font-size:1.2em; font-weight:400; }
#benefit .wrapper .content_wrap ul:nth-child(1) { width:49%; }
#benefit .wrapper .content_wrap ul:nth-child(2) { width:49%; }
#benefit .wrapper .content_wrap ul li img { height:30px; }

#course { background:url(../images/main_course_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:70px 0; }
#course .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:85%; }
#player { margin:30px 0; width:100%;}
#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(0,69,201,.7); padding:10px; text-align:center; }
#player_text dt, #player_text dd { margin:0; padding:0;}
#player_text dt a { font-size:1.2em; font-weight:600; color:#fff; }
#course article { width:100%; }
#course article h1 { display:block; margin:10px 0 0; font-size:1.5em; color:#fff; line-height:1.3em; }
#course article h2 { font-size:1.1em; color:#fff; line-height:1.3em; }
#course article p { display:block; margin:10px 0 0; color:#fff; }
#course #content_wrap #list { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:auto; }
#course #list { margin:auto 0; width:100%; }
dl.movs { }
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.2em; font-weight:500; color:#fff; line-height:1.5em; text-align:center; }
dl.movs dt span { display:block; border-bottom:1px solid rgba(255,255,255,.7); padding:15px 0; transition:.3s; }
dl.movs dt span:hover { display:block; background:rgba(0,69,201,.7); }

#shuttle { background:url(../images/main_shuttle_bg.jpg) bottom center no-repeat; background-size:cover; padding:70px 0; }
#shuttle .wrapper { margin:0 auto; width:85%; }
#shuttle .wrapper .content_wrap { display:flex; background:url(../images/main_shuttle_pic_mob.jpg); background-size:cover; border-radius:20px; padding:60% 0 0; overflow:hidden; }
#shuttle .wrapper .content_wrap .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:auto; background:rgba(0,69,201,.8); padding:40px 5%; width:90%; }
#shuttle .wrapper .content_wrap .content article { width:100%; }
#shuttle .wrapper .content_wrap .content article h1 { display:block; margin:10px 0 0; font-size:1.5em; color:#fff; line-height:1.3em; }
#shuttle .wrapper .content_wrap .content article h1 span { font-size:0.8em; font-weight:400; }
#shuttle .wrapper .content_wrap .content article h2 { font-size:1.1em; color:#fff; line-height:1.3em; }
#shuttle .wrapper .content_wrap .content article h3 { display:block; margin:5px 0 0; font-size:1.5em; color:#ffe65b; line-height:1.3em; }
#shuttle .wrapper .content_wrap .content .course { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin:30px 0 0; }
#shuttle .wrapper .content_wrap .content .course ul { width:24%; text-align:center; }
#shuttle .wrapper .content_wrap .content .course ul li { color:#fff; }
#shuttle .wrapper .content_wrap .content .course ul h1 { display:block; margin:10px 0 5px; font-size:1.3em; color:#fff; line-height:1.3em; }
#shuttle .wrapper .content_wrap .content .course ul li img { height:20px; }


#gallery { margin:70px 0 0; }
#gallery article { text-align:center; }
#gallery article h1 { display:block; margin:10px 0 0; font-size:1.5em; color:#111; line-height:1.3em; }
#gallery article h2 { font-size:1.1em; color:#0045c9; line-height:1.3em; }
#gallery article p { display:block; margin:10px 0 0;}
#gallery .content { margin:20px 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:15px; 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;}
















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