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


/*------------ 빠른수강신청 SMS--------------*/

* { box-sizing: border-box;}

#sendSMS { background:#fff; border-radius:20px; padding:10% 8%; width:100%;  overflow:hidden; z-index:10; box-shadow:3px 3px 0 rgba(0, 0, 0, 0.0);  }
#sendSMS .title { border-bottom:1px solid #dedede; margin:0 0 15px; padding:0 0 20px; text-align:center; }
#sendSMS .title strong { font-size:1.7em; font-weight:700; color:#222; }
#sendSMS .title span { display:block; margin:10px 0 0; color:#666; }
#sendSMS .contents { background:#; border:1px # solid; border-top:none; padding:; }
#sendSMS .contents textarea[name=messagebox] {background:#f8fafb; border:1px #dee3f1 solid; width:170px; height:52px; padding:15px; color:#333; line-height:19px;overflow:hidden;border-radius:5px;}
#sendSMS .inputText .textNum { font-size:11px; color:#333; text-align:right; line-height:13px; margin-top:3px;}
#sendSMS .inputName .name { float:left; width:20%; line-height:40px; font-weight:600; color:#333; text-align:left; }
#sendSMS .inputName input { margin:0 0 0 5%; width:75%; padding:5px 10px; height:40px; background:#f8fafb; border:1px #dee3f1 solid; font-size:0.9em; color:#333; border-radius:3px; }

#sendSMS .inputClass {overflow:hidden; margin-top:7px;}
#sendSMS .inputClass .class { float:left; width:20%; line-height:40px; font-weight:600; color:#333;  text-align:left; }
#sendSMS .inputClass select { margin:0 0 0 5%; width:75%; padding:5px 10px; height:40px; background:#f8fafb; border:1px #dee3f1 solid; font-size:0.9em; color:#333; border-radius:3px;
background:url('../images/arr_select.png') #f8fafb no-repeat 95% 50%/12px auto;
-webkit-appearance:none; /* for chrome */
-moz-appearance:none; /*for firefox*/
appearance:none; }
select::-ms-expand{ display:none;/*for IE10,11*/}

#sendSMS .inputEdu {overflow:hidden; margin-top:7px;}
#sendSMS .inputEdu .edu { float:left; width:20%; line-height:40px; font-weight:600; color:#333;  text-align:left;}
#sendSMS .inputEdu select { margin:0 0 0 5%; width:75%; padding:5px 10px; height:40px; background:#f8fafb; border:1px #dee3f1 solid; font-size:0.9em; color:#333; border-radius:3px;
background:url('../images/arr_select.png') #f8fafb no-repeat 95% 50%/12px auto;
-webkit-appearance:none; /* for chrome */
-moz-appearance:none; /*for firefox*/
appearance:none; }

#sendSMS .inputNumber {overflow:hidden; margin-top:7px;}
#sendSMS .inputNumber .telNum { float:left; width:20%; line-height:40px; font-weight:600; color:#333;  text-align:left; }
#sendSMS .inputNumber input { margin:0 0 0 5%; width:75%; padding:5px 10px; height:40px; background:#f8fafb; border:1px #dee3f1 solid; font-size:0.9em; color:#333; border-radius:3px; }

#sendSMS .checkPrivacy { display:flex; justify-content:space-between; flex-wrap:wrap; border-top:1px solid #dedede; padding:15px 0 0; margin:15px 0; }
#sendSMS .checkPrivacy input { width:20px; height:20px; border:1px solid #dedede; vertical-align:middle;}
#sendSMS .checkPrivacy span { margin:auto 0; font-size:0.9em; color:#666; }
#sendSMS .checkPrivacy .btn_view a { display:inline-block; margin:auto 0; border:1px solid #dedede; padding:2px 8px; font-size:0.8em; color:#666; text-align:center; }
#sendSMS input[name=btnSMS] {background:#2b2f97; border:0px #3b3b3b solid; width:100%; margin:20px 0 0; padding:13px 5px; font-size:1.0em; color:#fff; overflow:hidden ;border-radius:3px; }



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

#visual { position:relative; width: 100%; height:750px; overflow: hidden; } /* 100vh 풀화면, relative 뻬면 높이 100% 조절 가능 */
#visual .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; position: absolute; width:90%; max-width:1000px; left:50%; top:50%; transform:translate(-50%) translateY(-50%) scale(1.0) !important; text-align:left; z-index:8; /* transform: scale(1.0) !important; */ }
#visual .content_wrap .content { margin:auto 0; width:50%; text-align:center; }
#visual .content_wrap .content ul { display:flex;  justify-content:center; }
#visual .content_wrap .content ul li { border:1px solid #fff; border-radius:30px; padding:3px 10px; margin:0 5px; color:#fff; text-align:center; }
#visual .content_wrap .content h1 { display:block; margin:40px 0; font-size:3.0em; color:#fff; }
#visual .content_wrap .content p { font-size:1.5em; color:#fff; line-height:1.5em; }
#visual .content_wrap .content img { display:block; margin:40px auto 0; }
#visual .content_wrap .content_mob { display:none; }

#shuttle { background:url(../images/main_shuttle_bg.png) bottom center no-repeat; margin:100px 0 0; padding:0 0 120px; }
#shuttle .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1600px; }
#shuttle .wrapper article { margin:50px 0 0; width:40%; }
#shuttle .wrapper article h1 { display:block; margin:15px 0 25px; font-size:3.2em; color:#111; line-height:1.2em; }
#shuttle .wrapper article h2 { font-size:1.8em; font-weight:400; color:#2b2f97; }
#shuttle .wrapper article h3 { font-size:1.0em; color:#111; letter-spacing:2px; }
#shuttle .wrapper article p { display:block; margin:25px 0 0;}
#shuttle .wrapper article ul { display:flex; margin:70px 0 0;}
#shuttle .wrapper article ul li { margin:0 15px 0 0; }
#shuttle .wrapper article ul li a { display:inline-block; background:#fff; border-radius:30px; border:1px solid #cdcdcd; padding:12px 25px; color:#222; text-align:center; transition:.3s; }
#shuttle .wrapper article ul li a:hover { background:#2b2f97; border:1px solid #2b2f97; color:#fff; }
#shuttle .wrapper article ul li a span { display:inline-block; margin:0 0 0 10px; color:#2b2f97; }
#shuttle .wrapper article ul li a:hover span { color:#fff; }
#shuttle .wrapper .pic { width:58%; }
#shuttle .wrapper .pic img { width:100%; }

#course { background:url(../images/main_course_bg.jpg) top center no-repeat; background-size:cover; padding:120px 0 140px; }
#course .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1600px; }
#course .wrapper .desc { background:url(../images/main_course_desc.png) right bottom no-repeat; width:100%; padding:0 0 70px; }
#course .wrapper .desc article h1 { display:block; margin:15px 0 25px; font-size:3.2em; color:#fff; line-height:1.2em; }
#course .wrapper .desc article h1 span { display:block; color:#ff7000; }
#course .wrapper .desc article h3 { font-size:1.0em; color:#fff; letter-spacing:2px; }
#course .wrapper .desc article p { display:block; margin:25px 0 0; color:#fff; }
#course .wrapper .content_wrap { background:#fff; border-radius:20px; padding:60px; width:100%; }
#course .wrapper .content_wrap h1 { display:block; margin:0 0 30px; font-size:1.5em; color:#222; text-align:center; }
#course .wrapper .content_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
#course .wrapper .content_wrap ul li { width:23%; }
#course .wrapper .content_wrap ul li img { border-radius:15px 15px 0 0; width:100%; }
#course .wrapper .content_wrap ul li p { display:block; margin:15px 0 0; font-size:1.2em; color:#222; text-align:center; }
#course .wrapper .content_wrap ul li p span { font-size:1.2em; font-weight:600; }

#road { background:url(../images/main_road_bg.gif) #f8f8f8 bottom center no-repeat; padding:120px 0 150px; }
#road article { text-align:center; }
#road article h1 { display:block; margin:15px 0 25px; font-size:3.2em; color:#111; line-height:1.2em; }
#road article h1 span { color:#2b2f97; }
#road article h3 { font-size:1.0em; color:#111; letter-spacing:2px; }
#road article p { display:block; margin:25px 0 0;}
#road article ul { display:flex; justify-content:center; flex-wrap:wrap; margin:50px 0 0; }
#road article ul li { background:#fff; border-radius:60px; box-shadow:0 0 15px rgba(0,0,0,0.1); padding:20px 40px; margin:0 15px; font-size:1.5em; font-weight:700; color:#222; }
#road article ul li img { display:inline-block; margin:0 10px 0 0; vertical-align:middle; }
#road .pic { display:block; margin:90px auto 0; text-align:center; }

#price { background:url(../images/main_price_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:120px 0; }
#price article { text-align:center; }
#price article h1 { display:block; margin:15px 0 25px; font-size:3.2em; color:#fff; line-height:1.2em; }
#price article h1 span { color:#ff7000; }
#price article h3 { font-size:1.0em; color:#fff; letter-spacing:2px; }
#price article p { display:block; margin:25px 0 0; color:#fff; }
#price .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1600px; margin:60px auto 0; }
#price .content_wrap .content { width:48.5%; }
#price .content_wrap .content h1 { display:block; margin:0 0 25px; font-size:2.4em; color:#fff; }
#price .content_wrap .content ul { display:flex; margin:8px 0 0; }
#price .content_wrap .content ul li { background:#fff; }
#price .content_wrap .content ul li.tit { background:#1c73bc; border-radius:10px 0 0 10px; padding:20px 25px; width:25%; font-size:1.1em; font-weight:500; color:#fff; }
#price .content_wrap .content ul li.fee { border-radius:0 10px 10px 0; padding:20px 25px; width:75%; font-size:1.2em; font-weight:700; color:#111; text-align:right; }
#price .content_wrap .content:nth-child(2) ul li.tit { background:#0196bb; }
#price .content_wrap .content .all { display:block; background:#ff7000; border-radius:10px; margin:8px 0 0; padding:30px; font-size:1.5em; font-weight:600; color:#fff; text-align:center; }
#price .content_wrap .content .all span { display:inline-block; margin:0 0 0 15px; font-size:1.5em;}

#review { margin:150px 0; }
#review article { text-align:center; }
#review article h1 { display:block; margin:15px 0 25px; font-size:3.2em; color:#111; line-height:1.2em; }
#review article h1 span { color:#2b2f97; }
#review article h3 { font-size:1.0em; color:#111; letter-spacing:2px; }
#review article p { display:block; margin:25px 0 0;}
#review .review_list { position:relative; margin:40px auto 0; width:90%; max-width:1600px; display:flex; justify-content:space-between; flex-wrap:wrap; }
#review .review_list .content { box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:15px; background:#fff; margin:20px; }
#review .review_list .content .txt { padding:30px; }
#review .review_list .content .txt h1 { font-size:1.1em; color:#111; }
#review .review_list .content .txt h1 span { float:right; font-size:0.8em; font-weight:400; color:#666; }
#review .review_list .content .txt p {margin:20px 0 0; height:110px; font-size:0.9em; color:#7c7c7c; line-height:1.4em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }
#review .review_list .content > span { display:flex; background:#2b2f97; border-radius:0 0 15px 15px; padding:15px 0; text-align:center; }
#review .review_list .content > span img { margin:auto; }
#review .review_list_wrap #pager{ margin-top:40px; text-align:center; }
.prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
.next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
.prev:hover {display:inline-block; background:url(../images/mbtn_prev_ov.png); transition:all 0.2s; }
.next:hover {display:inline-block; background:url(../images/mbtn_next_ov.png); transition:all 0.2s; }


#gallery { background:#f8f8f8; margin:100px 0 0; padding:100px 0; }
#gallery article { text-align:center; }
#gallery article h1 { display:block; margin:15px 0 25px; font-size:3.2em; color:#111; line-height:1.2em; }
#gallery article h1 span { color:#2b2f97; }
#gallery article h3 { font-size:1.0em; color:#111; letter-spacing:2px; }
#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: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:1599px){

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

#visual { position:relative; width: 100%; height:750px; overflow: hidden; } /* 100vh 풀화면, relative 뻬면 높이 100% 조절 가능 */
#visual .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; position: absolute; width:90%; left:50%; top:50%; transform:translate(-50%) translateY(-50%) scale(1.0) !important; text-align:left; z-index:8; /* transform: scale(1.0) !important; */ }
#visual .content_wrap .content { margin:0 2%; width:40%; text-align:center; }
#visual .content_wrap .content ul { display:flex;  justify-content:center; }
#visual .content_wrap .content ul li { border:1px solid #fff; border-radius:30px; padding:3px 10px; margin:0 3px; font-size:0.9em; color:#fff; text-align:center; }
#visual .content_wrap .content h1 { display:block; margin:40px 0; font-size:2.4em; color:#fff; }
#visual .content_wrap .content p { font-size:1.2em; color:#fff; line-height:1.5em; }
#visual .content_wrap .content img { display:block; margin:40px auto 0; width:100%; }
#visual .content_wrap .content_mob { display:none; }

#shuttle { background:url(../images/main_shuttle_bg.png) bottom center no-repeat; margin:100px 0 0; padding:0 0 120px; }
#shuttle .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#shuttle .wrapper article { margin:50px 0 0; width:40%; }
#shuttle .wrapper article h1 { display:block; margin:15px 0 25px; font-size:2.8em; color:#111; line-height:1.2em; }
#shuttle .wrapper article h2 { font-size:1.5em; font-weight:400; color:#2b2f97; }
#shuttle .wrapper article h3 { font-size:1.0em; color:#111; letter-spacing:2px; }
#shuttle .wrapper article p { display:block; margin:25px 0 0;}
#shuttle .wrapper article ul { display:flex; margin:70px 0 0;}
#shuttle .wrapper article ul li { margin:0 15px 0 0; }
#shuttle .wrapper article ul li a { display:inline-block; background:#fff; border-radius:30px; border:1px solid #cdcdcd; padding:10px 20px; color:#222; text-align:center; transition:.3s; }
#shuttle .wrapper article ul li a:hover { background:#2b2f97; border:1px solid #2b2f97; color:#fff; }
#shuttle .wrapper article ul li a span { display:inline-block; margin:0 0 0 10px; color:#2b2f97; }
#shuttle .wrapper article ul li a:hover span { color:#fff; }
#shuttle .wrapper .pic { width:58%; }
#shuttle .wrapper .pic img { width:100%; }

#course { background:url(../images/main_course_bg.jpg) top center no-repeat; background-size:cover; padding:100px 0; }
#course .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#course .wrapper .desc { background:url(../images/main_course_desc.png) right bottom no-repeat; width:100%; padding:0 0 60px; }
#course .wrapper .desc article h1 { isplay:block; margin:15px 0 25px; font-size:2.8em; color:#fff; line-height:1.2em; }
#course .wrapper .desc article h1 span { display:block; color:#ff7000; }
#course .wrapper .desc article h3 { font-size:1.0em; color:#fff; letter-spacing:2px; }
#course .wrapper .desc article p { display:block; margin:25px 0 0; color:#fff; }
#course .wrapper .content_wrap { background:#fff; border-radius:20px; padding:50px; width:100%; }
#course .wrapper .content_wrap h1 { display:block; margin:0 0 30px; font-size:1.5em; color:#222; text-align:center; }
#course .wrapper .content_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
#course .wrapper .content_wrap ul li { width:23%; }
#course .wrapper .content_wrap ul li img { border-radius:15px 15px 0 0; width:100%; }
#course .wrapper .content_wrap ul li p { display:block; margin:15px 0 0; font-size:1.2em; color:#222; text-align:center; }
#course .wrapper .content_wrap ul li p span { font-size:1.2em; font-weight:600; }

#road { background:url(../images/main_road_bg.gif) #f8f8f8 bottom center no-repeat; padding:120px 0 150px; }
#road article { text-align:center; }
#road article h1 { display:block; margin:15px 0 25px; font-size:2.8em; color:#111; line-height:1.2em; }
#road article h1 span { color:#2b2f97; }
#road article h3 { font-size:1.0em; color:#111; letter-spacing:2px; }
#road article p { display:block; margin:25px 0 0;}
#road article ul { display:flex; justify-content:center; flex-wrap:wrap; margin:50px 0 0; }
#road article ul li { background:#fff; border-radius:60px; box-shadow:0 0 15px rgba(0,0,0,0.1); padding:20px 40px; margin:0 15px; font-size:1.5em; font-weight:700; color:#222; }
#road article ul li img { display:inline-block; margin:0 10px 0 0; vertical-align:middle; }
#road .pic { display:block; margin:90px auto 0; text-align:center; }

#price { background:url(../images/main_price_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:120px 0; }
#price article { text-align:center; }
#price article h1 { display:block; margin:15px 0 25px; font-size:2.8em; color:#fff; line-height:1.2em; }
#price article h1 span { color:#ff7000; }
#price article h3 { font-size:1.0em; color:#fff; letter-spacing:2px; }
#price article p { display:block; margin:25px 0 0; color:#fff; }

#price { background:url(../images/main_price_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:120px 0; }
#price article { text-align:center; }
#price article h1 { display:block; margin:15px 0 25px; font-size:2.8em; color:#fff; line-height:1.2em; }
#price article h1 span { color:#ff7000; }
#price article h3 { font-size:1.0em; color:#fff; letter-spacing:2px; }
#price article p { display:block; margin:25px 0 0; color:#fff; }
#price .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; margin:60px auto 0; }
#price .content_wrap .content { width:48%; }
#price .content_wrap .content h1 { display:block; margin:0 0 25px; font-size:2.0em; color:#fff; }
#price .content_wrap .content ul { display:flex; margin:8px 0 0; }
#price .content_wrap .content ul li { background:#fff; }
#price .content_wrap .content ul li.tit { background:#1c73bc; border-radius:10px 0 0 10px; padding:20px 25px; width:40%; font-size:1.1em; font-weight:500; color:#fff; }
#price .content_wrap .content ul li.fee { border-radius:0 10px 10px 0; padding:20px 25px; width:60%; font-size:1.2em; font-weight:700; color:#111; text-align:right; }
#price .content_wrap .content:nth-child(2) ul li.tit { background:#0196bb; }
#price .content_wrap .content .all { display:block; background:#ff7000; border-radius:10px; margin:8px 0 0; padding:30px; font-size:1.5em; font-weight:600; color:#fff; text-align:center; }
#price .content_wrap .content .all span { display:inline-block; margin:0 0 0 15px; font-size:1.5em;}

#review { margin:120px 0; }
#review article { text-align:center; }
#review article h1 { display:block; margin:15px 0 25px; font-size:2.8em; color:#111; line-height:1.2em; }
#review article h1 span { color:#2b2f97; }
#review article h3 { font-size:1.0em; color:#111; letter-spacing:2px; }
#review article p { display:block; margin:25px 0 0;}
#review .review_list { position:relative; margin:40px auto 0; width:90%; display:flex; justify-content:space-between; flex-wrap:wrap; }
#review .review_list .content { box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:15px; background:#fff; margin:15px; }
#review .review_list .content .txt { padding:30px; }
#review .review_list .content .txt h1 { font-size:1.1em; color:#111; }
#review .review_list .content .txt h1 span { float:right; font-size:0.8em; font-weight:400; color:#666; }
#review .review_list .content .txt p {margin:20px 0 0; height:110px; font-size:0.9em; color:#7c7c7c; line-height:1.4em; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; }
#review .review_list .content > span { display:flex; background:#2b2f97; border-radius:0 0 15px 15px; padding:15px 0; text-align:center; }
#review .review_list .content > span img { margin:auto; }
#review .review_list_wrap #pager{ margin-top:40px; text-align:center; }
.prev {display:inline-block; background:url(../images/mbtn_prev.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
.next {display:inline-block; background:url(../images/mbtn_next.png); background-size:cover; width:55px; height:55px; cursor:pointer; transition:all 0.2s; }
.prev:hover {display:inline-block; background:url(../images/mbtn_prev_ov.png); transition:all 0.2s; }
.next:hover {display:inline-block; background:url(../images/mbtn_next_ov.png); transition:all 0.2s; }


#gallery { background:#f8f8f8; margin:100px 0 0; padding:100px 0; }
#gallery article { text-align:center; }
#gallery article h1 { display:block; margin:15px 0 25px; font-size:2.8em; color:#111; line-height:1.2em; }
#gallery article h1 span { color:#2b2f97; }
#gallery article h3 { font-size:1.0em; color:#111; letter-spacing:2px; }
#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: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: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){
	
/*------------ 빠른수강신청 SMS--------------*/
#sendSMS { background:#fff; border-radius:15px; border:0px solid #dedede; margin:40px auto 0; padding:8%; width:95%; overflow:hidden; z-index:10; box-shadow:3px 3px 0 rgba(0, 0, 0, 0.0);  }
#sendSMS .title { border-bottom:1px solid #dedede; margin:0 0 10px; padding:0 0 15px; text-align:center; }
#sendSMS .title strong { font-size:1.5em; font-weight:600; color:#222; }
#sendSMS .title span { display:block; margin:6px 0 0; color:#666; }
#sendSMS .contents { background:#; border:1px # solid; border-top:none; padding:; }
#sendSMS .contents textarea[name=messagebox] {background:#f8fafb; border:1px #dee3f1 solid; width:170px; height:52px; padding:15px; color:#333; line-height:19px;overflow:hidden;border-radius:5px;}
#sendSMS .inputText .textNum { font-size:11px; color:#333; text-align:right; line-height:13px; margin-top:3px;}
#sendSMS .inputName .name { float:left; width:20%; line-height:40px; font-weight:600; color:#333; text-align:left; }
#sendSMS .inputName input { margin:0 0 0 5%; width:75%; padding:5px 10px; height:35px; background:#f8fafb; border:1px #dee3f1 solid; font-size:0.9em; color:#333; border-radius:3px; }

#sendSMS .inputClass {overflow:hidden; margin-top:4px;}
#sendSMS .inputClass .class { float:left; width:20%; line-height:40px; font-weight:600; color:#333;  text-align:left; }
#sendSMS .inputClass select { margin:0 0 0 5%; width:75%; padding:5px 10px; height:35px; background:#f8fafb; border:1px #dee3f1 solid; font-size:0.9em; color:#333; border-radius:3px;
background:url('../images/arr_select.png') #f8fafb no-repeat 95% 50%/12px auto;
-webkit-appearance:none; /* for chrome */
-moz-appearance:none; /*for firefox*/
appearance:none; }
select::-ms-expand{ display:none;/*for IE10,11*/}

#sendSMS .inputEdu {overflow:hidden; margin-top:4px;}
#sendSMS .inputEdu .edu { float:left; width:20%; line-height:40px; font-weight:600; color:#333;  text-align:left;}
#sendSMS .inputEdu select { margin:0 0 0 5%; width:75%; padding:5px 10px; height:35px; background:#f8fafb; border:1px #dee3f1 solid; font-size:0.9em; color:#333; border-radius:3px;
background:url('../images/arr_select.png') #f8fafb no-repeat 95% 50%/12px auto;
-webkit-appearance:none; /* for chrome */
-moz-appearance:none; /*for firefox*/
appearance:none; }

#sendSMS .inputNumber {overflow:hidden; margin-top:4px;}
#sendSMS .inputNumber .telNum { float:left; width:20%; line-height:40px; font-weight:600; color:#333;  text-align:left; }
#sendSMS .inputNumber input { margin:0 0 0 5%; width:75%; padding:5px 10px; height:35px; background:#f8fafb; border:1px #dee3f1 solid; font-size:0.9em; color:#333; border-radius:3px; }

#sendSMS .checkPrivacy { display:flex; justify-content:space-between; flex-wrap:wrap; border-top:1px solid #dedede; padding:10px 0 0; margin:5px 0; }
#sendSMS .checkPrivacy input { width:20px; height:20px; border:1px solid #dedede; vertical-align:middle;}
#sendSMS .checkPrivacy span { margin:auto 0; font-size:0.9em; color:#666; }
#sendSMS .checkPrivacy .btn_view a { display:inline-block; margin:auto 0; border:1px solid #dedede; padding:2px 8px; font-size:0.8em; color:#666; text-align:center; }
#sendSMS input[name=btnSMS] {background:#2b2f97; border:0px #3b3b3b solid; width:100%; margin:20px 0 0; padding:13px 5px; font-size:1.1em; font-weight:500; color:#fff; overflow:hidden ;border-radius:3px; }


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

#visual { position:relative; width: 100%; height:70vh; overflow: hidden; } /* 100vh 풀화면, relative 뻬면 높이 100% 조절 가능 */
#visual .content_wrap { position: absolute; width:90%; left:50%; top:50%; transform:translate(-50%) translateY(-50%) scale(1.0) !important; text-align:left; z-index:8; /* transform: scale(1.0) !important; */ }
#visual .content_wrap .content_mob { display:block; width:100%; margin:0 auto; }
#visual .content_wrap .content_mob ul { display:flex; justify-content:center; }
#visual .content_wrap .content_mob ul li { border:1px solid #fff; border-radius:30px; padding:3px 6px; margin:0 3px; font-size:0.9em; color:#fff; text-align:center; }
#visual .content_wrap .content_mob h1 { display:block; margin:15px 0 10px; font-size:2.5em; color:#fff; line-height:1.3em; text-align:center; }
#visual .content_wrap .content_mob p { font-size:1.3em; color:#fff; line-height:1.5em; text-align:center; }
#visual .content_wrap .content_mob img { display:block; margin:20px auto 0; width:100%; text-align:center; }
#visual .content_wrap .content { display:none; }
#visual .content_wrap .content:nth-child(3) { display:none; order:2; }

#shuttle { background:url(../images/main_shuttle_bg.png) bottom center no-repeat; margin:70px 0 0; padding:0 0 70px; }
#shuttle .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:85%; }
#shuttle .wrapper article { margin:0; width:100%; }
#shuttle .wrapper article h1 { display:block; margin:10px 0 15px; font-size:1.8em; color:#111; line-height:1.3em; }
#shuttle .wrapper article h2 { font-size:1.3em; font-weight:400; color:#2b2f97; }
#shuttle .wrapper article h3 { font-size:0.9em; color:#111; letter-spacing:1px; }
#shuttle .wrapper article p { display:block; margin:20px 0 0;}
#shuttle .wrapper article ul { display:flex; margin:30px 0 0;}
#shuttle .wrapper article ul li { margin:0 15px 0 0; }
#shuttle .wrapper article ul li a { display:inline-block; background:#fff; border-radius:30px; border:1px solid #cdcdcd; padding:10px; color:#222; text-align:center; transition:.3s; }
#shuttle .wrapper article ul li a:hover { background:#2b2f97; border:1px solid #2b2f97; color:#fff; }
#shuttle .wrapper article ul li a span { display:inline-block; margin:0 0 0 5px; color:#2b2f97; }
#shuttle .wrapper article ul li a:hover span { color:#fff; }
#shuttle .wrapper .pic { width:100%; margin:50px 0 0; }
#shuttle .wrapper .pic img { width:100%; }

#course { background:url(../images/main_course_mob_bg.jpg) top center no-repeat; background-size:cover; padding:70px 0 90px; }
#course .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#course .wrapper .desc { background:url() right bottom no-repeat; width:100%; padding:0 0 40px; }
#course .wrapper .desc article h1 { isplay:block; margin:10px 0 15px; font-size:1.8em; color:#fff; line-height:1.3em; }
#course .wrapper .desc article h1 span { display:block; color:#ff7000; }
#course .wrapper .desc article h3 { font-size:0.9em; color:#fff; letter-spacing:1px; }
#course .wrapper .desc article p { display:block; margin:15px 0 0; color:#fff; }
#course .wrapper .content_wrap { background:#fff; border-radius:20px; padding:30px 20px 20px; width:100%; }
#course .wrapper .content_wrap h1 { display:block; margin:0 0 20px; font-size:1.1em; color:#222; text-align:center; }
#course .wrapper .content_wrap ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
#course .wrapper .content_wrap ul li { width:48%; margin:4% 0; }
#course .wrapper .content_wrap ul li img { border-radius:15px 15px 0 0; width:100%; }
#course .wrapper .content_wrap ul li p { display:block; margin:10px 0 0; font-size:1.0em; color:#222; text-align:center; }
#course .wrapper .content_wrap ul li p span { font-size:1.2em; font-weight:600; }

#road { background:url(../images/main_road_mob_bg.gif) #f8f8f8 bottom center no-repeat; padding:70px 0 90px; }
#road article { text-align:center; }
#road article h1 { display:block; margin:10px 0 15px; font-size:1.8em; color:#111; line-height:1.3em; }
#road article h1 span { color:#2b2f97; }
#road article h3 { font-size:0.9em; color:#111; letter-spacing:1px; }
#road article p { display:block; margin:15px 0 0;}
#road article ul { display:flex; justify-content:center; flex-wrap:wrap; margin:30px 0 0; }
#road article ul li { background:#fff; border-radius:60px; box-shadow:0 0 15px rgba(0,0,0,0.1); padding:10px; margin:0 3px; font-size:1.1em; font-weight:600; color:#222; }
#road article ul li img { display:inline-block; margin:0 5px 0 0; height:15px; vertical-align:; }
#road .pic { display:block; margin:90px auto 0; text-align:center; }
#road .pic img { width:80%; }

#price { background:url(../images/main_price_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover; padding:70px 0; }
#price article { text-align:center; }
#price article h1 { display:block; margin:10px 0 15px; font-size:1.8em; color:#fff; line-height:1.3em; }
#price article h1 span { color:#ff7000; }
#price article h3 { font-size:0.9em; color:#fff; letter-spacing:1px; }
#price article p { display:block; margin:15px 0 0; color:#fff; }
#price .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:85%; margin:40px auto 0; }
#price .content_wrap .content { width:47%; }
#price .content_wrap .content h1 { display:block; margin:0 0 15px; font-size:1.5em; color:#fff; text-align:center; }
#price .content_wrap .content ul { margin:6px 0 0; }
#price .content_wrap .content ul li { background:#fff; }
#price .content_wrap .content ul li.tit { background:#1c73bc; border-radius:7px 7px 0 0; padding:7px; font-size:1.0em; font-weight:600; color:#fff; text-align:center; }
#price .content_wrap .content ul li.fee { border-radius:0 0 7px 7px; padding:7px; font-size:1.1em; font-weight:700; color:#111; text-align:center; }
#price .content_wrap .content:nth-child(2) ul li.tit { background:#0196bb; }
#price .content_wrap .content .all { display:block; background:#ff7000; border-radius:7px; margin:6px 0 0; padding:20px 0; font-size:1.2em; font-weight:600; color:#fff; text-align:center; }
#price .content_wrap .content .all span { display:inline-block; margin:5px 0 0; font-size:1.2em;}

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

#gallery { background:#f8f8f8; margin:70px 0 0; padding:70px 0; }
#gallery article { text-align:center; }
#gallery article h1 { display:block; margin:10px 0 15px; font-size:1.8em; color:#111; line-height:1.3em; }
#gallery article h1 span { color:#2b2f97; }
#gallery article h3 { font-size:0.9em; color:#111; letter-spacing:1px; }
#gallery article p { display:block; margin:15px 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: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: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; }