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

.over_zum { background:#000; 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; }	

#quick_fav { background:#104bb5; padding:35px 0; }
#quick_fav .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:80%; max-width:1500px; }
#quick_fav .content_wrap .content { border-left:1px solid #3769c5; width:24.5%; }
#quick_fav .content_wrap .content a { display:flex; justify-content:center; padding:10px 0; }
#quick_fav .content_wrap .content img { margin:auto 0; height:41px; }
#quick_fav .content_wrap .content .desc { margin:0 0 0 15px; }
#quick_fav .content_wrap .content .desc h1 { font-size:1.2em; color:#fff;  }
#quick_fav .content_wrap .content .desc p { display:block; margin:2px 0 0; color:#fff;  }
#quick_fav .content_wrap .content:first-child { border:0;}

#special { margin:100px 0 50px; }
#special .title { margin:0 0 50px; text-align:center; }
#special .title h1 { display:block; margin:35px 0 25px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#222; }
#special .title h1 span { color:#104bb5; }
#special .title h2 { font-size:1.2em; font-weight:300; letter-spacing:10px; }
#special .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:80%; max-width:1500px; }
#special .content_wrap .content { width:49%; }
#special .content_wrap .content img { width:100%; }
#special .desc { margin:50px 0 0; text-align:center; }
#special .desc ul { display:flex; justify-content:center; flex-wrap:wrap; }
#special .desc ul li { background:#2b2b2b; border-radius:30px; padding:15px 20px 8px; margin:0 8px; font-family: 'establishRetrosansOTF'; font-size:1.3em; font-weight:100; color:#ffd71a; text-align:center; }
#special .desc p { display:block; margin:25px auto 0; width:350px; text-align:center; }

#package { margin:100px 0 50px; }
#package .title { margin:0 0 50px; text-align:center; }
#package .title h1 { display:block; margin:35px 0 25px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#222; }
#package .title h1 span { color:#104bb5; }
#package .title h2 { font-size:1.2em; font-weight:300; letter-spacing:10px; }
#package .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:80%; max-width:1500px; }
#package .content_wrap a { border:1px solid #dedede; border-radius:10px; margin:0; width:13.5%; text-align:center; }
#package .content_wrap a ul li.tit { background:#69829c; border-radius:10px 10px 0 0; padding:12px; font-size:1.2em; color:#fff; text-align:center;}
#package .content_wrap a ul li { padding:20px; font-size:1.1em; color:#333; text-align:center;}

#shuttle { background: url(../images/main_shuttle_bg.jpg) center bottom no-repeat; background-size:cover; padding:110px 0 55px; }
#shuttle .wrapper { display:flex; flex-wrap:wrap; margin:0 auto; width:80%; max-width:1500px; }
#shuttle .title { width:30%; }
#shuttle .title h1 { display:block; margin:35px 0 25px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#fff; }
#shuttle .title h2 { font-size:1.2em; font-weight:300; color:#fff; letter-spacing:10px; }
#shuttle .title p { color:#fff; }
#shuttle .title span { display:block; margin:50px 0 0; }
#shuttle .title span a { border:1px solid #a3e0ac; border-radius:30px; padding:10px 12px; font-size:0.8em; font-weight:600; color:#bcffc6; text-align:center; transition:.5s; }
#shuttle .title span a:hover { background:#222; border:1px solid #222; color:#fff; }
#shuttle .content_wrap { display:flex; justify-content:; flex-wrap:wrap; width:; }
#shuttle .content_wrap .content { background:#fff; border-radius:12px; margin:1.3%; width:22%; }
#shuttle .content_wrap .content a { display:block; padding:15% 3%; text-align:center; }
#shuttle .content_wrap .content h1 { font-family: 'establishRetrosansOTF'; font-size:1.3em; font-weight:100; color:#104bb5; }
#shuttle .content_wrap .content p { display:block; margin:5px 0 0; font-size:1.2em; font-weight:600; color:#222; }

#license { background:url(../images/main_license_bg.jpg) top no-repeat; background-size:cover; padding:80px 0 120px; }
#license .title { margin:0 0 50px; text-align:center; }
#license .title h1 { display:block; margin:35px 0 25px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#222; }
#license .title h1 span { color:#104bb5; }
#license .title h2 { font-size:1.2em; font-weight:300; letter-spacing:10px; }
#license .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto; }
#license .content_wrap .content { width:24%; overflow:hidden; }
#license .content_wrap .content .wrap { position:relative; }
#license .content_wrap .content .wrap .pic { border-radius:20px; width:100%; overflow:hidden;}
#license .content_wrap .content .wrap .pic img { width:100%; }
#license .content_wrap .content .wrap .desc { position:absolute; left:50%; top:85%; transform:translate(-50%) translateY(-50%); width:80%; z-index:6; }
#license .content_wrap .content .wrap .desc h1 { margin:auto 0;  font-family: 'establishRetrosansOTF'; font-size:2.2em; font-weight:100; color:#fff; line-height:1.2em; text-align:center; }
#license .content_wrap .content .wrap .desc p { display:block; margin:5px 0; font-size:1.05em; color:#fff; text-align:center; }
#license .content_wrap .content .media a { display:block; background:#fff; border-radius:10px; padding:20px 10px; margin:10px 0 0; font-size:1.1em; font-weight:600; color:#222; text-align:center; transition:.5s; }
#license .content_wrap .content .media a:hover { background:#222; color:#fff;}
#license .content_wrap .content .media a span { display:inline-block; margin:0 10px;}

#course { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px auto; width:80%; max-width:1500px; }
#course .title { margin:auto 0; }
#course .title h1 { display:block; margin:25px 0 15px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#222; line-height:1.1em; }
#course .title h1 span { display:block; color:#104bb5; }
#course .title h2 { font-size:1.2em; font-weight:300; letter-spacing:10px; }
#course ul { display:flex; justify-content:space-between; flex-wrap:wrap; width:70%; }
#course ul li { width:24%; }
#course ul li img { width:100%; }
#course ul li span { display:block; border-radius:0 0 12px 12px; background:#222; padding:12px; font-size:1.1em; font-weight:600; color:#fff; text-align:center; }

#feedback { background:#f6f6f6; padding:100px 0; }
#feedback .title { margin:0 0 40px; text-align:center; }
#feedback .title h1 { display:block; margin:35px 0 25px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#222; }
#feedback .title h1 span { color:#104bb5; }
#feedback .title h2 { font-size:1.2em; font-weight:300; letter-spacing:10px; }
#feedback .feedback_wrap { margin:0 auto; width:98%; }
#feedback .feedback_wrap .feedback_list { width:100%; }
#feedback .feedback_wrap .feedback_list .content { border-radius:12px; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.05); padding:25px 30px; width:; margin:10px; }
#feedback .feedback_wrap .feedback_list .content h1 { font-size:1.2em; font-weight:600; color:#222; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
#feedback .feedback_wrap .feedback_list .content h2 { font-size:0.9em; font-weight:600; color:#222; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
#feedback .feedback_wrap .feedback_list .content p {  display:block; margin:10px 0; font-size:0.9em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#feedback .feedback_wrap #pager{ margin-top:50px; text-align:center; }
#feedback .prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
#feedback .next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
#feedback .prev:hover {display:inline-block; background:url(../images/mbtn_prev_ov.png); transition:all 0.2s; }
#feedback .next:hover {display:inline-block; background:url(../images/mbtn_next_ov.png); transition:all 0.2s; }

#gallery { margin:100px 0; }
#gallery .title { margin:0 0 40px; text-align:center; }
#gallery .title h1 { display:block; margin:35px 0 25px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#222; }
#gallery .title h1 span { color:#104bb5; }
#gallery .title h2 { font-size:1.2em; font-weight:300; letter-spacing:10px; }
#gallery .content { margin:10px 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: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;}

#corp { margin:100px 0; }
#corp .title { margin:0 0 50px; text-align:center; }
#corp .title h1 { display:block; margin:35px 0 25px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#222; }
#corp .title h1 span { color:#104bb5; }
#corp .title h2 { font-size:1.2em; font-weight:300; letter-spacing:10px; }
#corp .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:80%; max-width:1500px; }
#corp .content_wrap .content { margin:1% 0; width:24%; }
#corp .content_wrap .content:nth-child(1) { border:6px solid #008486; }
#corp .content_wrap .content:nth-child(2) { border:6px solid #9684df; }
#corp .content_wrap .content:nth-child(3) { border:6px solid #ff7428; }
#corp .content_wrap .content:nth-child(4) { border:6px solid #488ae3; }
#corp .content_wrap .content img { width:100%; }
#corp .desc { margin:50px 0 0; text-align:center; }
#corp .desc ul { display:flex; justify-content:center; flex-wrap:wrap; }
#corp .desc ul li { background:#2b2b2b; border-radius:30px; padding:15px 20px 8px; margin:0 8px; font-family: 'establishRetrosansOTF'; font-size:1.3em; font-weight:100; color:#ffd71a; text-align:center; }
#corp .desc p { display:block; margin:25px auto 0; width:350px; 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: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; }	

#quick_fav { background:#104bb5; padding:30px 0; }
#quick_fav .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#quick_fav .content_wrap .content { border-left:1px solid #3769c5; width:24.5%; }
#quick_fav .content_wrap .content a { display:flex; justify-content:center; padding:10px 0; }
#quick_fav .content_wrap .content img { margin:auto 0; height:41px; }
#quick_fav .content_wrap .content .desc { margin:0 0 0 15px; }
#quick_fav .content_wrap .content .desc h1 { font-size:1.15em; color:#fff;  }
#quick_fav .content_wrap .content .desc p { display:block; margin:2px 0 0; color:#fff;  }
#quick_fav .content_wrap .content:first-child { border:0;}

#special { margin:100px 0 50px; }
#special .title { margin:0 0 50px; text-align:center; }
#special .title h1 { display:block; margin:35px 0 25px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#222; }
#special .title h1 span { color:#104bb5; }
#special .title h2 { font-size:1.2em; font-weight:300; letter-spacing:10px; }
#special .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#special .content_wrap .content { width:49%; }
#special .content_wrap .content img { width:100%; }
#special .desc { margin:50px 0 0; text-align:center; }
#special .desc ul { display:flex; justify-content:center; flex-wrap:wrap; }
#special .desc ul li { background:#2b2b2b; border-radius:30px; padding:15px 20px 8px; margin:0 8px; font-family: 'establishRetrosansOTF'; font-size:1.3em; font-weight:100; color:#ffd71a; text-align:center; }
#special .desc p { display:block; margin:25px auto 0; width:350px; text-align:center; }

#package { margin:100px 0 50px; }
#package .title { margin:0 0 50px; text-align:center; }
#package .title h1 { display:block; margin:35px 0 25px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#222; }
#package .title h1 span { color:#104bb5; }
#package .title h2 { font-size:1.2em; font-weight:300; letter-spacing:10px; }
#package .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; margin:0 auto; width:90%; }
#package .content_wrap a { border:1px solid #dedede; border-radius:10px; margin:10px; width:22%; text-align:center; }
#package .content_wrap a ul li.tit { background:#69829c; border-radius:10px 10px 0 0; padding:12px; font-size:1.2em; color:#fff; text-align:center;}
#package .content_wrap a ul li { padding:20px; font-size:1.1em; color:#333; text-align:center;}

#shuttle { background: url(../images/main_shuttle_bg.jpg) center bottom no-repeat; background-size:cover; padding:110px 0 55px; }
#shuttle .wrapper { display:flex; flex-wrap:wrap; margin:0 auto; width:90%; }
#shuttle .title { width:35%; }
#shuttle .title h1 { display:block; margin:35px 0 25px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#fff; line-height:1.2em; }
#shuttle .title h2 { font-size:1.2em; font-weight:300; color:#fff; letter-spacing:10px; }
#shuttle .title p { color:#fff; }
#shuttle .title span { display:block; margin:50px 0 0; }
#shuttle .title span a { border:1px solid #a3e0ac; border-radius:30px; padding:10px 12px; font-size:0.8em; font-weight:600; color:#bcffc6; text-align:center; transition:.5s; }
#shuttle .title span a:hover { background:#222; border:1px solid #222; color:#fff; }
#shuttle .content_wrap { display:flex; justify-content:; flex-wrap:wrap; width:60%; }
#shuttle .content_wrap .content { background:#fff; border-radius:12px; margin:1.3%; width:22%; }
#shuttle .content_wrap .content a { display:block; padding:15% 3%; text-align:center; }
#shuttle .content_wrap .content h1 { font-family: 'establishRetrosansOTF'; font-size:1.3em; font-weight:100; color:#104bb5; }
#shuttle .content_wrap .content p { display:block; margin:5px 0 0; font-size:1.2em; font-weight:600; color:#222; }

#license { background:url(../images/main_license_bg.jpg) top no-repeat; background-size:cover; padding:80px 0 120px; }
#license .title { margin:0 0 50px; text-align:center; }
#license .title h1 { display:block; margin:35px 0 25px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#222; }
#license .title h1 span { color:#104bb5; }
#license .title h2 { font-size:1.2em; font-weight:300; letter-spacing:10px; }
#license .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto; }
#license .content_wrap .content { width:24%; overflow:hidden; }
#license .content_wrap .content .wrap { position:relative; }
#license .content_wrap .content .wrap .pic { border-radius:20px; width:100%; overflow:hidden;}
#license .content_wrap .content .wrap .pic img { width:100%; }
#license .content_wrap .content .wrap .desc { position:absolute; left:50%; top:80%; transform:translate(-50%) translateY(-50%); width:80%; z-index:6; }
#license .content_wrap .content .wrap .desc h1 { margin:auto 0;  font-family: 'establishRetrosansOTF'; font-size:1.5em; font-weight:100; color:#fff; line-height:1.2em; text-align:center; }
#license .content_wrap .content .wrap .desc p { display:block; margin:5px 0; font-size:1.05em; color:#fff; text-align:center; }
#license .content_wrap .content .media a { display:block; background:#fff; border-radius:10px; padding:20px 10px; margin:10px 0 0; font-size:1.1em; font-weight:600; color:#222; text-align:center; transition:.5s; }
#license .content_wrap .content .media a:hover { background:#222; color:#fff;}
#license .content_wrap .content .media a span { display:inline-block; margin:0 10px;}

#course { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px auto; width:90%; }
#course .title { margin:auto 0; }
#course .title h1 { display:block; margin:25px 0 15px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#222; line-height:1.1em; }
#course .title h1 span { display:block; color:#104bb5; }
#course .title h2 { font-size:1.2em; font-weight:300; letter-spacing:10px; }
#course ul { display:flex; justify-content:space-between; flex-wrap:wrap; width:70%; }
#course ul li { width:24%; }
#course ul li img { width:100%; }
#course ul li span { display:block; border-radius:0 0 12px 12px; background:#222; padding:12px; font-size:1.1em; font-weight:600; color:#fff; text-align:center; }

#feedback { background:#f6f6f6; padding:100px 0; }
#feedback .title { margin:0 0 40px; text-align:center; }
#feedback .title h1 { display:block; margin:35px 0 25px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#222; }
#feedback .title h1 span { color:#104bb5; }
#feedback .title h2 { font-size:1.2em; font-weight:300; letter-spacing:10px; }
#feedback .feedback_wrap { margin:0 auto; width:98%; }
#feedback .feedback_wrap .feedback_list { width:100%; }
#feedback .feedback_wrap .feedback_list .content { border-radius:12px; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.05); padding:25px 30px; width:; margin:10px; }
#feedback .feedback_wrap .feedback_list .content h1 { font-size:1.2em; font-weight:600; color:#222; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
#feedback .feedback_wrap .feedback_list .content h2 { font-size:0.9em; font-weight:600; color:#222; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
#feedback .feedback_wrap .feedback_list .content p {  display:block; margin:10px 0; font-size:0.9em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#feedback .feedback_wrap #pager{ margin-top:50px; text-align:center; }
#feedback .prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
#feedback .next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
#feedback .prev:hover {display:inline-block; background:url(../images/mbtn_prev_ov.png); transition:all 0.2s; }
#feedback .next:hover {display:inline-block; background:url(../images/mbtn_next_ov.png); transition:all 0.2s; }

#gallery { margin:100px 0; }
#gallery .title { margin:0 0 40px; text-align:center; }
#gallery .title h1 { display:block; margin:35px 0 25px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#222; }
#gallery .title h1 span { color:#104bb5; }
#gallery .title h2 { font-size:1.2em; font-weight:300; letter-spacing:10px; }
#gallery .content { margin:10px 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: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;}

#corp { margin:100px 0; }
#corp .title { margin:0 0 50px; text-align:center; }
#corp .title h1 { display:block; margin:35px 0 25px; font-family: 'establishRetrosansOTF'; font-size:2.5em; font-weight:100; color:#222; }
#corp .title h1 span { color:#104bb5; }
#corp .title h2 { font-size:1.2em; font-weight:300; letter-spacing:10px; }
#corp .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#corp .content_wrap .content { margin:1% 0; width:24%; }
#corp .content_wrap .content:nth-child(1) { border:6px solid #008486; }
#corp .content_wrap .content:nth-child(2) { border:6px solid #9684df; }
#corp .content_wrap .content:nth-child(3) { border:6px solid #ff7428; }
#corp .content_wrap .content:nth-child(4) { border:6px solid #488ae3; }
#corp .content_wrap .content img { width:100%; }
#corp .desc { margin:50px 0 0; text-align:center; }
#corp .desc ul { display:flex; justify-content:center; flex-wrap:wrap; }
#corp .desc ul li { background:#2b2b2b; border-radius:30px; padding:15px 20px 8px; margin:0 8px; font-family: 'establishRetrosansOTF'; font-size:1.3em; font-weight:100; color:#ffd71a; text-align:center; }
#corp .desc p { display:block; margin:25px auto 0; width:350px; 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: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; }	

#quick_fav { background:#104bb5; padding:30px 0; }
#quick_fav .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:100%; }
#quick_fav .content_wrap .content { border-left:1px solid #3769c5; width:24.5%; text-align:center;}
#quick_fav .content_wrap .content a { dpadding:10px 0; }
#quick_fav .content_wrap .content img { height:25px; }
#quick_fav .content_wrap .content .desc { margin:12px 0 0; }
#quick_fav .content_wrap .content .desc h1 { font-size:1.0em; color:#fff;  }
#quick_fav .content_wrap .content .desc p { display:block; margin:3px 0 0; color:#fff;  }
#quick_fav .content_wrap .content:first-child { border:0;}

#special { margin:60px 0 30px; }
#special .title { margin:0 0 30px; text-align:center; }
#special .title h1 { display:block; margin:10px 0 15px; font-family: 'establishRetrosansOTF'; font-size:1.8em; font-weight:100; color:#222; }
#special .title h1 span { color:#104bb5; }
#special .title h2 { font-size:1.0em; font-weight:300; letter-spacing:10px; }
#special .content_wrap { margin:0 auto; width:90%; }
#special .content_wrap .content { width:100%; margin:15px 0; }
#special .content_wrap .content img { width:100%; }
#special .desc { margin:25px 0 0; text-align:center; }
#special .desc ul { display:flex; justify-content:center; flex-wrap:wrap; }
#special .desc ul li { background:#2b2b2b; border-radius:30px; padding:5px 10px; margin:0 3px; font-family: 'establishRetrosansOTF'; font-size:1.0em; font-weight:100; color:#ffd71a; text-align:center; }
#special .desc p { display:block; margin:15px auto 0; width:80%; text-align:center; }

#package { margin:60px 0 30px; }
#package .title { margin:0 0 30px; text-align:center; }
#package .title h1 { display:block; margin:10px 0 15px; font-family: 'establishRetrosansOTF'; font-size:1.8em; font-weight:100; color:#222; }
#package .title h1 span { color:#104bb5; }
#package .title h2 { font-size:1.0em; font-weight:300; letter-spacing:10px; }
#package .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; margin:0 auto; width:90%;  }
#package .content_wrap a { border:1px solid #dedede; border-radius:10px; margin:5px 0; width:100%; text-align:center; }
#package .content_wrap a ul li.tit { background:#69829c; border-radius:10px 10px 0 0; padding:10px; font-size:1.1em; color:#fff; text-align:center;}
#package .content_wrap a ul li { padding:10px; font-size:1.1em; color:#333; text-align:center;}

#shuttle { background: url(../images/main_shuttle_bg_mob.jpg) center bottom no-repeat; background-size:cover; padding:60px 0; }
#shuttle .wrapper { margin:0 auto; width:90%; }
#shuttle .title { margin:0 0 30px; text-align:center; }
#shuttle .title h1 { display:block; margin:10px 0 15px; font-family: 'establishRetrosansOTF'; font-size:1.8em; font-weight:100; color:#fff; }
#shuttle .title h2 { font-size:1.0em; font-weight:300; color:#fff; letter-spacing:10px; }
#shuttle .title p { color:#fff; }
#shuttle .title span { display:block; margin:30px 0 0; }
#shuttle .title span a { border:1px solid #a3e0ac; border-radius:30px; padding:10px 12px; font-size:0.8em; font-weight:600; color:#bcffc6; text-align:center; transition:.5s; }
#shuttle .title span a:hover { background:#222; border:1px solid #222; color:#fff; }
#shuttle .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:; }
#shuttle .content_wrap .content { background:#fff; border-radius:12px; margin:1.5% 0; width:31%; }
#shuttle .content_wrap .content a { display:block; padding:15% 3%; text-align:center; }
#shuttle .content_wrap .content h1 { font-family: 'establishRetrosansOTF'; font-size:1.2em; font-weight:100; color:#104bb5; }
#shuttle .content_wrap .content p { display:block; margin:5px 0 0; font-size:1.1em; font-weight:600; color:#222; }

#license { background:url(../images/main_license_bg.jpg) top no-repeat; background-size:cover; padding:60px 0; }
#license .title { margin:0 auto 20px; width:80%; text-align:center; }
#license .title h1 { display:block; margin:10px 0 15px; font-family: 'establishRetrosansOTF'; font-size:1.8em; font-weight:100; color:#222; }
#license .title h1 span { color:#104bb5; }
#license .title h2 { font-size:1.0em; font-weight:300; letter-spacing:10px; }
#license .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; width:90%; margin:0 auto; }
#license .content_wrap .content { width:44%; margin:15px; overflow:hidden; }
#license .content_wrap .content .wrap { position:relative; }
#license .content_wrap .content .wrap .pic { border-radius:12px; width:100%; overflow:hidden;}
#license .content_wrap .content .wrap .pic img { width:100%; }
#license .content_wrap .content .wrap .desc { position:absolute; left:50%; top:80%; transform:translate(-50%) translateY(-50%); width:80%; z-index:6; }
#license .content_wrap .content .wrap .desc h1 { margin:auto 0;  font-family: 'establishRetrosansOTF'; font-size:1.5em; font-weight:100; color:#fff; line-height:1.2em; text-align:center; }
#license .content_wrap .content .wrap .desc p { display:block; margin:5px 0; font-size:1.05em; color:#fff; text-align:center; }
#license .content_wrap .content .media a { display:block; background:#fff; border-radius:8px; padding:10px 5px; margin:6px 0 0; font-size:1.0em; font-weight:500; color:#222; text-align:center; transition:.5s; }
#license .content_wrap .content .media a:hover { background:#222; color:#fff;}
#license .content_wrap .content .media a span { display:inline-block; margin:0 10px;}
#license .content_wrap .content .media img { height:15px;}

#course { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px auto; width:90%; }
#course .title { margin:0 auto 20px; width:80%; text-align:center; }
#course .title h1 { display:block; margin:10px 0 15px; font-family: 'establishRetrosansOTF'; font-size:1.8em; font-weight:100; color:#222; line-height:1.1em; }
#course .title h1 span { color:#104bb5; }
#course .title h2 { font-size:1.0em; font-weight:300; letter-spacing:10px; }
#course ul { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; }
#course ul li { width:48%; margin:2% 0; }
#course ul li img { width:100%; }
#course ul li span { display:block; border-radius:0 0 12px 12px; background:#222; padding:8px; font-size:1.0em; font-weight:600; color:#fff; text-align:center; }

#feedback { background:#f6f6f6; padding:60px 0; }
#feedback .title { margin:0 auto 20px; width:80%; text-align:center; }
#feedback .title h1 { display:block; margin:10px 0 15px; font-family: 'establishRetrosansOTF'; font-size:1.8em; font-weight:100; color:#222; line-height:1.1em; }
#feedback .title h1 span { color:#104bb5; }
#feedback .title h2 { font-size:1.0em; font-weight:300; letter-spacing:10px; }
#feedback .feedback_wrap { margin:0 auto; width:90%; }
#feedback .feedback_wrap .feedback_list { width:100%; }
#feedback .feedback_wrap .feedback_list .content { border-radius:12px; background:#fff; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.05); padding:25px 30px; width:; margin:10px; }
#feedback .feedback_wrap .feedback_list .content h1 { font-size:1.2em; font-weight:600; color:#222; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
#feedback .feedback_wrap .feedback_list .content h2 { font-size:1.0em; font-weight:600; color:#222; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
#feedback .feedback_wrap .feedback_list .content p {  display:block; margin:10px 0; font-size:0.9em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#feedback .feedback_wrap #pager{ margin-top:20px; text-align:center; }
#feedback .prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:40px; height:40px; cursor:pointer; transition:all 0.2s; }
#feedback .next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:40px; height:40px; cursor:pointer; transition:all 0.2s; }
#feedback .prev:hover {display:inline-block; background:url(../images/mbtn_prev_ov.png); transition:all 0.2s; }
#feedback .next:hover {display:inline-block; background:url(../images/mbtn_next_ov.png); transition:all 0.2s; }

#gallery { margin:60px 0; }
#gallery .title { margin:0 auto 20px; width:80%; text-align:center; }
#gallery .title h1 { display:block; margin:10px 0 15px; font-family: 'establishRetrosansOTF'; font-size:1.8em; font-weight:100; color:#222; line-height:1.1em; }
#gallery .title h1 span { color:#104bb5; }
#gallery .title h2 { font-size:1.0em; font-weight:300; letter-spacing:10px; }
#gallery .content { margin:10px 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: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;}

#corp { margin:60px 0; }
#corp .title { margin:0 0 30px; text-align:center; }
#corp .title h1 { display:block; margin:10px 0 15px; font-family: 'establishRetrosansOTF'; font-size:1.8em; font-weight:100; color:#222; }
#corp .title h1 span { color:#104bb5; }
#corp .title h2 { font-size:1.0em; font-weight:300; letter-spacing:10px; }
#corp .content_wrap { margin:0 auto; width:70%; }
#corp .content_wrap .content { width:100%; margin:15px 0; }
#corp .content_wrap .content:nth-child(1) { border:6px solid #008486; }
#corp .content_wrap .content:nth-child(2) { border:6px solid #9684df; }
#corp .content_wrap .content:nth-child(3) { border:6px solid #ff7428; }
#corp .content_wrap .content:nth-child(4) { border:6px solid #488ae3; }
#corp .content_wrap .content img { width:100%; }
#corp .desc { margin:25px 0 0; text-align:center; }
#corp .desc ul { display:flex; justify-content:center; flex-wrap:wrap; }
#corp .desc ul li { background:#2b2b2b; border-radius:30px; padding:5px 10px; margin:3px; font-family: 'establishRetrosansOTF'; font-size:1.0em; font-weight:100; color:#ffd71a; text-align:center; }
#corp .desc p { display:block; margin:15px auto 0; width:80%; 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:#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; }