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

.mainvisual { position:sticky; top:0; z-index:1;  }

section { position:sticky; top:0; background:#fff; background-attachment:fixed; border-radius:20px 20px 0 0; overflow:hidden; z-index:9; }

#customer { background:#ffc81d; }
#customer .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; padding:25px 0; width:90%; max-width:1600px; margin:0 auto; }
#customer .tel { background:url(../images/cutomer_tel.png) left/60px no-repeat; margin:auto 0; width:33.3%; padding:20px 0; }
#customer .tel a { display:inline-block; margin-left:75px; padding:10px 0 0; font-family: 'GmarketSansBold'; font-size:2.5rem; color:#007457; }
#customer .txt { margin:auto 0; width:33.3%; text-align:center; }
#customer .txt h2 { font-family: 'GmarketSansLight'; font-size:1.3rem; color:#3b3625; line-height:2.2rem; }
#customer .txt h2 strong { font-family: 'GmarketSansBold'; }
#customer .txt p { font-family: 'GmarketSansMedium'; font-size:1.0rem; color:#3b3625; line-height:2.0rem; }
#customer .online { display:flex; margin:auto 0; width:33.3%; }
#customer .online a { margin-left:auto; border-radius:10px; background:url(../images/cutomer_online.png) #fff left bottom no-repeat; box-shadow:0 0 10px #ffa955; padding:30px 20px 30px 190px; font-size:1.2rem; font-weight:600; color:#222; transition:.3s; } 
#customer .online a:hover { background:url(../images/cutomer_online.png) #ff6c00 left bottom no-repeat; color:#fff; }

#m_quick { margin:100px auto; width:90%; max-width:1600px; }
#m_quick article { text-align:center; }
#m_quick article h2 { font-family: 'GmarketSansBold'; font-size:2.6rem; color:#222; line-height:3.5rem; }
#m_quick article h2 span { color:#007457; }
#m_quick .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; background:url(../images/mq_bg.png) center no-repeat; margin:50px 0 0; }
#m_quick .content_wrap a { display:flex; justify-content:center; flex-direction:column; align-items:center; border:3px solid #597188; border-radius:50%; background:#fff; width:7.5%; margin:0 1.2%; aspect-ratio: 1 / 1; /* 가로세로 1:1 비율 유지 */ transition:.3s; }
#m_quick .content_wrap img { display:inline-block; height:35px; }
#m_quick .content_wrap p { display:block; margin:10px 0 0; font-weight:600; color:#435b74; }
#m_quick .content_wrap a:hover { background:#597188; border:3px solid #597188; }
#m_quick .content_wrap a:hover img { filter: brightness(0) invert(1); }
#m_quick .content_wrap a:hover p { color:#fff; }

.chapter_wrap { margin:100px auto; width:90%; max-width:1600px; border-radius:20px; overflow:hidden; }
.chapter_wrap img { width:100%; }

#shuttle { margin:100px auto; width:90%; max-width:1600px; }
#shuttle article { text-align:center; }
#shuttle article h2 { margin:25px 0 5px; font-family: 'GmarketSansBold'; font-size:2.6rem; color:#222; line-height:3.5rem; }
#shuttle article h2 span { color:#007457; }
#shuttle article > span { display:inline-block; border-radius:30px; background:#adadad; padding:3px 25px; font-family: 'GmarketSansMedium'; font-size:0.8rem; color:#fff; line-height:2.0rem; letter-spacing:0.5px; }
#shuttle article > span strong { font-family: 'GmarketSansBold'; }
#shuttle .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px 0 0; }
#shuttle .content_wrap .pic { display:flex; width:46%; border-radius:20px; overflow:hidden; }
#shuttle .content_wrap .pic img { object-fit:cover; width:100%; }
#shuttle .content_wrap .content { width:50%; margin:auto 0; padding:30px 0; }
#shuttle .content_wrap .content > ul.subway { display:flex; }
#shuttle .content_wrap .content > ul.subway li { display:flex; margin-right:20px; font-weight:600; color:#222; }
#shuttle .content_wrap .content > ul.subway li span { display:flex; justify-content:center; flex-direction:column; align-items:center; border-radius:50%; width:25px; height:25px; aspect-ratio: 1 / 1; /* 가로세로 1:1 비율 유지 */ margin-right:5px; color:#fff; }
#shuttle .content_wrap .content > ul.subway li:nth-child(1) span { background:#02a74d; }
#shuttle .content_wrap .content > ul.subway li:nth-child(2) span { background:#a565b8; }
#shuttle .content_wrap .content > ul.subway li:nth-child(3) span { background:#7c8908; }
#shuttle .content_wrap .content > ul.subway li:nth-child(4) span { background:#e73d80; }
#shuttle .content_wrap .content .item { border-bottom:1px solid #dedede; padding:20px 0; margin:20px 0 0; }
#shuttle .content_wrap .content .item:last-child { border-bottom:0;  }
#shuttle .content_wrap .content .item h2 { position:relative; display:flex; font-family: 'GmarketSansBold'; font-size:1.5rem; color:#222; line-height:0.8rem; }
#shuttle .content_wrap .content .item h2 span { display:inline-block; border-bottom:5px solid #ffc81d; }
#shuttle .content_wrap .content .item p { margin-left:15px; font-family: 'GmarketSansMedium'; font-size:1.1rem; color:#777; line-height:1.0rem; }
#shuttle .content_wrap .content .item ul { display:flex; flex-wrap:wrap; margin:15px 0 0; }
#shuttle .content_wrap .content .item ul li { margin-right:15px; }

#course { background: url(../images/main_course_bg.jpg) center/cover no-repeat; background-attachment:fixed; padding:100px 0; }
#course article { text-align:center; }
#course article h2 { margin:25px 0 5px; font-family: 'GmarketSansBold'; font-size:2.6rem; color:#fff; line-height:3.5rem; }
#course article h2 span { color:#ffc81d; }
#course article > span { display:inline-block; border-radius:30px; background:#adadad; padding:3px 25px; font-family: 'GmarketSansMedium'; font-size:0.8rem; color:#fff; line-height:2.0rem; letter-spacing:0.5px; }
#course article > span strong { font-family: 'GmarketSansBold'; }
#course article p { color:#ccc; }
#course .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px auto 0; width:90%; max-width:1600px; }
#course .content_wrap .content { width:24%; border-radius:20px; background:#fff; padding:2% 0 0; overflow:hidden;}
#course .content_wrap .content .pic { width:100%; text-align:center; }
#course .content_wrap .content .pic img { width:; }
#course .content_wrap .content ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin:30px 0 0; }
#course .content_wrap .content ul li { width:50%; }
#course .content_wrap .content ul li:nth-child(1) { display:block; background:#ffc81d; padding:15px 0; font-weight:600; color:#4b3903; text-align:center; transition:.3s; cursor:pointer; }
#course .content_wrap .content ul li:nth-child(1):hover { background:#007457; color:#fff; }
#course .content_wrap .content ul li:nth-child(2) { display:block; background:#818181; padding:15px 0; font-weight:600; color:#fff; text-align:center; transition:.3s; cursor:pointer; }
#course .content_wrap .content ul li:nth-child(2):hover { background:#ccc; color:#222; }

#price { background: url(../images/main_price_bg.jpg) center/cover no-repeat; background-attachment:fixed; padding:100px 0; }
#price article { text-align:center; }
#price article h2 { margin:25px 0 5px; font-family: 'GmarketSansBold'; font-size:2.6rem; color:#fff; line-height:3.5rem; }
#price article h2 span { color:#ffc81d; }
#price article > span { display:inline-block; border-radius:30px; background:#42b89a; padding:3px 25px; font-family: 'GmarketSansMedium'; font-size:0.8rem; color:#fff; line-height:2.0rem; letter-spacing:0.5px; }
#price article > span strong { font-family: 'GmarketSansBold'; }
#price article p { color:#80baab; }
#price .wrapper { margin:50px auto 0; width:90%; max-width:1600px; }
#price .note img { width:100%; }
#price .content_wrap { background:#fff; padding:0 62px 50px; }
#price .content_wrap > ul.promotion { display:flex; justify-content:space-between; flex-wrap:wrap; }
#price .content_wrap > ul.promotion li { width:100%; margin:0 0 30px; }
#price .content_wrap > ul.promotion li img { width:100%; max-width:; }
#price .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px 0 0; }
#price .content .item { width:13.5%; border-left:1px solid #dedede; padding:20px 3% 0; }
#price .content .item:first-child { border-left:0; }
#price .content .item h2 { position:relative; display:flex; font-family: 'GmarketSansBold'; font-size:2.0rem; color:#222; line-height:0.9rem; }
#price .content .item h2 span { display:inline-block; border-bottom:7px solid #ffc81d; }
#price .content .item h2 p { display:inline-block; margin-left:5px; font-family: 'GmarketSansMedium'; font-size:1.2rem; }
#price .content .item ul { margin:20px 0 0; }
#price .content .item ul li { display:flex; align-items: flex-start; flex-wrap:wrap; margin:10px 0; }
#price .content .item ul li span { display:inline-block; border-radius:5px; background:#007457; padding:2px 6px 0; font-size:0.9rem; font-weight:600; color:#fff; text-align:center; }
#price .content .item ul li .total { display:inline-block; border-radius:5px; background:#ffc81d; padding:1px 6px 0; font-size:0.9rem; font-weight:600; color:#654e08; text-align:center; }
#price .content .item ul li p { display:inline-block; margin:auto 0; margin-left:10px; font-family: 'GmarketSansMedium'; font-size:1.1rem; color:#222; }
#price .content .item ul li p i { display:block; font-size:0.9rem; color:#777; }
#price .content .item ul li strong { display:inline-block; margin:auto 0; margin-left:10px; font-family: 'GmarketSansBold'; font-size:1.5rem; color:#222; line-height:2.0rem; }
#price .tip { background:#efefef; border-radius:15px; margin:50px 0 0; padding:30px; }
#price .tip ul li { list-style-type:disc; list-style-position:outside; margin:5px 0 0 30px; line-height:1.5em; text-align:left; }

#comming { background:#f7f7f7; padding:100px 0; }
#comming article { text-align:center; }
#comming article h2 { margin:25px 0 5px; font-family: 'GmarketSansBold'; font-size:2.6rem; color:#222; line-height:3.5rem; }
#comming article h2 span { color:#007457; }
#comming article > span { display:inline-block; border-radius:30px; background:#adadad; padding:3px 25px; font-family: 'GmarketSansMedium'; font-size:0.8rem; color:#fff; line-height:2.0rem; letter-spacing:0.5px; }
#comming article > span strong { font-family: 'GmarketSansBold'; }
#comming .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px auto 0; width:90%; max-width:1600px; }
#comming .content_wrap .content { width:32%; border-radius:20px; background:#fff; box-shadow:0 0 15px #ccc; overflow:hidden; }
#comming .content_wrap .content .pic img { width:100%; }
#comming .content_wrap .content .item { padding:7%; }
#comming .content_wrap .content .item h2 { font-family: 'GmarketSansBold'; font-size:1.5rem; color:#222; line-height:2.2rem; letter-spacing:-0.5px; }
#comming .content_wrap .content .item ul { margin:10px 0 0; }
#comming .content_wrap .content .item ul li { background:url(../images/mc_icon.png) top left/25px no-repeat; padding-left:30px; margin:5px 0; }
#comming .content_wrap .content .item ul li:last-child { background:none; font-size:0.9rem; color:#007457; }

#faq { border-radius:25px; background:url(../images/faq_bg.png) #ffc81d top right no-repeat; padding:3% 3% 2.5%; margin:100px auto; width:90%; max-width:1600px; }
#faq article { margin:0 0 30px; }
#faq article h2 { margin:5x 0; font-family: 'GmarketSansBold'; font-size:2.6rem; color:#fff; line-height:3.5rem; }
#faq article h3 { font-family: 'GmarketSansBold'; font-size:1.3rem; color:#5d4e1f; line-height:2.0rem; }
#faq article p { color:#fff; }
#faq ul { display:flex; flex-wrap:wrap; border-radius:10px; background:#fff; box-shadow:0 0 10px #ffa955; margin:10px 0; padding:1.5% 2%; }
#faq ul li { margin:5px 0; }
#faq ul li.q { background:url(../images/faq_q.png) no-repeat; padding-left:45px; width:30%; font-family: 'GmarketSansBold'; font-size:1.3rem; color:#222; line-height:39px; letter-spacing:-0.5px; }
#faq ul li.a { background:url(../images/faq_a.png) no-repeat; padding-left:45px; width:63%; line-height:39px; }

#review { margin:100px auto; }
#review article { text-align:center; }
#review article h2 { margin:25px 0 5px; font-family: 'GmarketSansBold'; font-size:2.6rem; color:#222; line-height:3.5rem; }
#review article h2 span { color:#007457; }
#review article > span { display:inline-block; border-radius:30px; background:#adadad; padding:3px 25px; font-family: 'GmarketSansMedium'; font-size:0.8rem; color:#fff; line-height:2.0rem; letter-spacing:0.5px; }
#review article > span strong { font-family: 'GmarketSansBold'; }
#review .review_list { position:relative; margin:30px 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:20px 30px; }
#review .review_list .content .txt h2 { font-size:1.0rem; color:#111; }
#review .review_list .content .txt h2 span { float:right; font-size:0.8rem; font-weight:400; color:#999; }
#review .review_list .content .txt p {margin:10px 0 0; height:75px; font-size:0.9rem; color:#7c7c7c; line-height:1.4rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
#review .review_list .content > span { display:flex; padding:20px 0 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; }


@media (min-width:1600px) {

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










/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:75%; font-size:1.0em; font-weight:400; color:#333; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:1.7em; letter-spacing:0.5px;}
}


@media (min-width:768px) and (max-width:1599px){
.view_pc { display:block; }
.view_mob { display:none; }	

#customer .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; padding:20px 0; width:90%; max-width:90%; margin:0 auto; }
#customer .tel { background:url(../images/cutomer_tel.png) left/40px no-repeat; margin:auto 0; width:33.3%; padding:10px 0; }
#customer .tel a { display:inline-block; margin-left:50px; padding:10px 0 0; font-family: 'GmarketSansBold'; font-size:2.2rem; color:#007457; }
#customer .txt { margin:auto 0; width:33.3%; text-align:center; }
#customer .txt h2 { font-family: 'GmarketSansLight'; font-size:1.1rem; color:#3b3625; line-height:1.8rem; }
#customer .txt h2 strong { font-family: 'GmarketSansBold'; }
#customer .txt p { font-family: 'GmarketSansMedium'; font-size:1.0rem; color:#3b3625; line-height:2.0rem; }
#customer .online { display:flex; margin:auto 0; width:33.3%; }
#customer .online a { margin-left:auto; border-radius:10px; background:url(../images/cutomer_online.png) #fff left bottom no-repeat; background-size:45%; box-shadow:0 0 10px #ffa955; padding:20px 20px 20px 130px; font-size:1.2rem; font-weight:600; color:#222; transition:.3s; } 
#customer .online a:hover { background:url(../images/cutomer_online.png) #ff6c00 left bottom no-repeat; background-size:45%; color:#fff; }

.chapter_wrap { margin:80px auto; width:90%; max-width:90%; border-radius:20px; overflow:hidden; }

#m_quick article h2 { font-family: 'GmarketSansBold'; font-size:2.2rem; color:#222; line-height:2.8rem; }
#m_quick .content_wrap { display:flex; justify-content:center; flex-wrap:wrap; background:url(../images/mq_bg.png) center/contain no-repeat; margin:40px 0 0; }
#m_quick .content_wrap a { display:flex; justify-content:center; flex-direction:column; align-items:center; border:3px solid #597188; border-radius:50%; background:#fff; width:9%; margin:0 1%; aspect-ratio: 1 / 1; /* 가로세로 1:1 비율 유지 */ transition:.3s; }
#m_quick .content_wrap img { display:inline-block; height:30px; }
#m_quick .content_wrap p { display:block; margin:5px 0 0; font-weight:600; color:#435b74; }

#shuttle { margin:90px auto; width:90%; max-width:90%; }
#shuttle article h2 { margin:25px 0 5px; font-family: 'GmarketSansBold'; font-size:2.2rem; color:#222; line-height:2.8rem; }

#shuttle .content_wrap .content { width:49%; margin:auto 0; padding:30px 0; }

#course .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto 0; width:90%; max-width:90%; }
#course .content_wrap .content { width:24%; border-radius:15px; background:#fff; padding:2% 0 0; overflow:hidden;}
#course .content_wrap .content .pic { width:90%; margin:0 auto; text-align:center; }
#course .content_wrap .content .pic img { width:100%; }
#course .content_wrap .content ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px 0 0; }
#course .content_wrap .content ul li:nth-child(1) { display:block; background:#ffc81d; padding:10px 0; font-weight:600; color:#4b3903; text-align:center; transition:.3s; cursor:pointer; }
#course .content_wrap .content ul li:nth-child(2) { display:block; background:#818181; padding:10px 0; font-weight:600; color:#fff; text-align:center; transition:.3s; cursor:pointer; }

#price .wrapper { margin:40px auto 0; width:90%; max-width:90%; }
#price .note img { width:100%; }
#price .content_wrap { background:#fff; padding:0 2% 3%; }
#price .content_wrap > ul.promotion { display:flex; justify-content:space-between; flex-wrap:wrap; }
#price .content_wrap > ul.promotion li { width:100%; margin:0 0 30px; }
#price .content_wrap > ul.promotion li img { width:100%; max-width:100%; }
#price .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin:30px 0 0; }
#price .content .item { width:16.5%; border-left:1px solid #dedede; padding:20px 1% 0 2%; }
#price .content .item:first-child { border-left:0; }
#price .content .item h2 { position:relative; display:flex; font-family: 'GmarketSansBold'; font-size:1.6rem; color:#222; line-height:0.9rem; }
#price .content .item h2 span { display:inline-block; border-bottom:5px solid #ffc81d; }
#price .content .item h2 p { display:inline-block; margin-left:5px; font-family: 'GmarketSansMedium'; font-size:1.2rem; }
#price .content .item ul { margin:20px 0 0; }
#price .content .item ul li { display:flex; align-items: flex-start; flex-wrap:wrap; margin:10px 0; }
#price .content .item ul li span { display:inline-block; border-radius:5px; background:#007457; padding:2px 6px 0; font-size:0.9rem; font-weight:600; color:#fff; text-align:center; }
#price .content .item ul li .total { display:inline-block; border-radius:5px; background:#ffc81d; padding:1px 6px 0; font-size:0.9rem; font-weight:600; color:#654e08; text-align:center; }
#price .content .item ul li p { display:inline-block; margin:auto 0; margin-left:10px; font-family: 'GmarketSansMedium'; font-size:1.0rem; color:#222; }
#price .content .item ul li p i { display:block; font-size:0.9rem; color:#777; }
#price .content .item ul li strong { display:inline-block; margin:auto 0; margin-left:10px; font-family: 'GmarketSansBold'; font-size:1.2rem; color:#222; line-height:2.0rem; }
#price .tip { background:#efefef; border-radius:15px; margin:40px 0 0; padding:20px; }

#comming .content_wrap .content .item h2 { font-family: 'GmarketSansBold'; font-size:1.3rem; color:#222; line-height:2.0rem; letter-spacing:-0.5px; }

#faq { border-radius:25px; background:url(../images/faq_bg.png) #ffc81d top right/50% no-repeat; padding:3% 3% 2.5%; margin:90px auto; width:90%; max-width:90%; }
#faq ul li { margin:5px 0; }
#faq ul li.q { background:url(../images/faq_q.png) no-repeat; background-size:25px; padding-left:35px; width:30%; font-family: 'GmarketSansBold'; font-size:1.3rem; color:#222; line-height:25px; letter-spacing:-0.5px; }
#faq ul li.a { background:url(../images/faq_a.png) no-repeat; background-size:25px; padding-left:35px; width:63%; line-height:25px; }






/*기본게시판*/
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:0px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:70%; font-size:0.95em; font-weight:400; color:#333; line-height:1.7em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:1.7em; letter-spacing:0.5px;}
}




@media (max-width:767px){
.view_pc { display:none; }
.view_mob { display:block; }	

section { margin:-20px 0 0; }

#customer { background:#ffc81d; }
#customer .wrapper { display:flex; justify-content:center; flex-wrap:wrap; padding:30px 0; width:90%; max-width:90%; margin:0 auto; }
#customer .tel { background:url(../images/cutomer_tel.png) left/30px no-repeat; margin:0 auto; width:55%; padding:0 0; text-align:center; }
#customer .tel a { display:inline-block; margin-left:40px; padding:10px 0 0; font-family: 'GmarketSansBold'; font-size:2.0rem; color:#007457; }
#customer .txt { margin:15px 0; width:100%; text-align:center; }
#customer .txt h2 { font-family: 'GmarketSansLight'; font-size:1.2rem; color:#3b3625; line-height:2.0rem; }
#customer .txt h2 strong { font-family: 'GmarketSansBold'; }
#customer .txt p { font-family: 'GmarketSansMedium'; font-size:1.0rem; color:#3b3625; line-height:2.0rem; }
#customer .online { display:flex; margin:0 auto; width:100%; }
#customer .online a { margin-left:0; margin:0 auto; border-radius:10px; background:url(../images/cutomer_online.png) #fff left bottom no-repeat; background-size:45%; box-shadow:0 0 10px #ffa955; padding:20px 20px 20px 140px; font-size:1.2rem; font-weight:600; color:#222; transition:.3s; } 
#customer .online a:hover { background:url(../images/cutomer_online.png) #ff6c00 left bottom no-repeat; color:#fff; }

#m_quick { margin:60px auto; width:90%; max-width:90%; }
#m_quick article { text-align:center; }
#m_quick article h2 { font-family: 'GmarketSansBold'; font-size:1.5rem; color:#222; line-height:2.3rem; }
#m_quick article h2 span { color:#007457; }
#m_quick .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; background:none; margin:20px 0 0; }
#m_quick .content_wrap a { display:flex; justify-content:center; flex-direction:column; align-items:center; border:3px solid #597188; border-radius:50%; background:#fff; width:21%; margin:1.6% 0; aspect-ratio: 1 / 1; /* 가로세로 1:1 비율 유지 */ transition:.3s; }
#m_quick .content_wrap img { display:inline-block; height:25px; }
#m_quick .content_wrap p { display:block; margin:3px 0 0; font-weight:600; color:#435b74; }
#m_quick .content_wrap a:hover { background:#597188; border:3px solid #597188; }
#m_quick .content_wrap a:hover img { filter: brightness(0) invert(1); }
#m_quick .content_wrap a:hover p { color:#fff; }

.chapter_wrap { margin:60px auto; width:90%; max-width:90%; border-radius:20px; overflow:hidden; }
.chapter_wrap img { width:100%; }

#shuttle { margin:60px auto; width:90%; max-width:90%; }
#shuttle article { text-align:center; }
#shuttle article h2 { margin:20px 0 5px; font-family: 'GmarketSansBold'; font-size:1.5rem; color:#222; line-height:2.3rem; }
#shuttle article h2 span { color:#007457; }
#shuttle article > span { display:inline-block; border-radius:30px; background:#adadad; padding:3px 25px; font-family: 'GmarketSansMedium'; font-size:0.8rem; color:#fff; line-height:2.0rem; letter-spacing:0.5px; }
#shuttle article > span strong { font-family: 'GmarketSansBold'; }
#shuttle .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:30px 0 0; }
#shuttle .content_wrap .pic { display:flex; width:90%; margin:0 auto; border-radius:15px; overflow:hidden; }
#shuttle .content_wrap .pic img { object-fit:cover; width:100%; }
#shuttle .content_wrap .content { width:100%; margin:40px 0 0; padding:0; }
#shuttle .content_wrap .content > ul.subway { display:flex; }
#shuttle .content_wrap .content > ul.subway li { display:flex; margin-right:20px; font-weight:600; color:#222; }
#shuttle .content_wrap .content > ul.subway li span { display:flex; justify-content:center; flex-direction:column; align-items:center; border-radius:50%; width:20px; height:20px; aspect-ratio: 1 / 1; /* 가로세로 1:1 비율 유지 */ margin-right:5px; color:#fff; }
#shuttle .content_wrap .content > ul.subway li:nth-child(1) span { background:#02a74d; }
#shuttle .content_wrap .content > ul.subway li:nth-child(2) span { background:#a565b8; }
#shuttle .content_wrap .content > ul.subway li:nth-child(3) span { background:#7c8908; }
#shuttle .content_wrap .content > ul.subway li:nth-child(4) span { background:#e73d80; }
#shuttle .content_wrap .content .item { border-bottom:1px solid #dedede; padding:15px 0; margin:10px 0 0; }
#shuttle .content_wrap .content .item:last-child { border-bottom:0;  }
#shuttle .content_wrap .content .item h2 { position:relative; display:flex; font-family: 'GmarketSansBold'; font-size:1.3rem; color:#222; line-height:0.8rem; }
#shuttle .content_wrap .content .item h2 span { display:inline-block; border-bottom:3px solid #ffc81d; }
#shuttle .content_wrap .content .item p { margin-left:10px; font-family: 'GmarketSansMedium'; font-size:1.0rem; color:#777; line-height:1.0rem; }
#shuttle .content_wrap .content .item ul { display:flex; flex-wrap:wrap; margin:10px 0 0; }
#shuttle .content_wrap .content .item ul li { margin-right:15px; }

#course { background: url(../images/main_course_bg_mob.jpg) center/cover no-repeat; background-attachment:fixed; padding:70px 0; }
#course article { text-align:center; }
#course article h2 { margin:20px 0 5px; font-family: 'GmarketSansBold'; font-size:1.5rem; color:#fff; line-height:2.3rem; }
#course article h2 span { color:#ffc81d; }
#course article > span { display:inline-block; border-radius:30px; background:#adadad; padding:3px 25px; font-family: 'GmarketSansMedium'; font-size:0.8rem; color:#fff; line-height:2.0rem; letter-spacing:0.5px; }
#course article > span strong { font-family: 'GmarketSansBold'; }
#course article p { width:90%; margin:0 auto; color:#ccc; }
#course .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto 0; width:90%; max-width:90%; }
#course .content_wrap .content { width:48%; border-radius:15px; background:#fff; padding:5% 0 0; margin:2% 0; overflow:hidden;}
#course .content_wrap .content .pic { width:90%; margin:0 auto; text-align:center; }
#course .content_wrap .content .pic img { width:100%; }
#course .content_wrap .content ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin:10px 0 0; }
#course .content_wrap .content ul li { width:50%; }
#course .content_wrap .content ul li:nth-child(1) { display:block; background:#ffc81d; padding:10px 0; font-weight:600; color:#4b3903; text-align:center; transition:.3s; cursor:pointer; }
#course .content_wrap .content ul li:nth-child(1):hover { background:#007457; color:#fff; }
#course .content_wrap .content ul li:nth-child(2) { display:block; background:#818181; padding:10px 0; font-weight:600; color:#fff; text-align:center; transition:.3s; cursor:pointer; }
#course .content_wrap .content ul li:nth-child(2):hover { background:#ccc; color:#222; }

#price { background: url(../images/main_price_bg.jpg) center/cover no-repeat; background-attachment:fixed; padding:60px 0; }
#price article { text-align:center; }
#price article h2 { margin:20px 0 5px; font-family: 'GmarketSansBold'; font-size:1.5rem; color:#fff; line-height:2.3rem; }
#price article h2 span { color:#ffc81d; }
#price article > span { display:inline-block; border-radius:30px; background:#42b89a; padding:3px 25px; font-family: 'GmarketSansMedium'; font-size:0.8rem; color:#fff; line-height:2.0rem; letter-spacing:0.5px; }
#price article > span strong { font-family: 'GmarketSansBold'; }
#price article p { width:90%; margin:0 auto; color:#80baab; }
#price .wrapper { margin:30px auto 0; width:90%; max-width:90%; }
#price .note img { display:block; width:100%; }
#price .content_wrap { background:#fff; padding:2% 4% 4%; }
#price .content_wrap > ul.promotion { display:flex; justify-content:space-between; flex-wrap:wrap; }
#price .content_wrap > ul.promotion li { width:100%; margin:5px 0; }
#price .content_wrap > ul.promotion li img { width:100%; max-width:100%; }
#price .content { display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px 0 0; }
#price .content .item { width:47.5%; border-left:0px solid #dedede; padding:10px 1%; margin:10px 0; }
#price .content .item:first-child { border-left:0; }
#price .content .item h2 { position:relative; display:flex; font-family: 'GmarketSansBold'; font-size:1.6rem; color:#222; line-height:0.9rem; }
#price .content .item h2 span { display:inline-block; border-bottom:4px solid #ffc81d; }
#price .content .item h2 p { display:inline-block; margin-left:5px; font-family: 'GmarketSansMedium'; font-size:1.2rem; }
#price .content .item ul { margin:15px 0 0; }
#price .content .item ul li { display:flex; align-items: flex-start; flex-wrap:wrap; margin:5px 0; }
#price .content .item ul li span { display:inline-block; border-radius:5px; background:#007457; padding:0 6px; font-size:0.9rem; font-weight:600; color:#fff; text-align:center; }
#price .content .item ul li .total { display:inline-block; border-radius:5px; background:#ffc81d; padding:0 6px; font-size:0.9rem; font-weight:600; color:#654e08; text-align:center; }
#price .content .item ul li p { display:inline-block; margin:auto 0; margin-left:10px; font-family: 'GmarketSansMedium'; font-size:1.0rem; color:#222; }
#price .content .item ul li p i { display:block; margin-top:-5px; font-size:0.9rem; color:#777; }
#price .content .item ul li strong { display:inline-block; margin:auto 0; margin-left:10px; font-family: 'GmarketSansBold'; font-size:1.2rem; color:#222; line-height:2.0rem; }
#price .tip { background:#efefef; border-radius:10px; margin:10px 0 20px; padding:15px; }
#price .tip ul li { list-style-type:disc; list-style-position:outside; margin:5px 0 0 20px; line-height:1.5em; text-align:left; }

#comming { background:#f7f7f7; padding:60px 0; }
#comming article { text-align:center; }
#comming article h2 { margin:20px 0 5px; font-family: 'GmarketSansBold'; font-size:1.5rem; color:#222; line-height:2.3rem; }
#comming article h2 span { color:#007457; }
#comming article > span { display:inline-block; border-radius:30px; background:#adadad; padding:3px 25px; font-family: 'GmarketSansMedium'; font-size:0.8rem; color:#fff; line-height:2.0rem; letter-spacing:0.5px; }
#comming article > span strong { font-family: 'GmarketSansBold'; }
#comming .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px auto 0; width:90%; max-width:90%; }
#comming .content_wrap .content { width:100%; margin:20px 0; border-radius:20px; background:#fff; box-shadow:0 0 15px #ccc; overflow:hidden; }
#comming .content_wrap .content .pic img { width:100%; }
#comming .content_wrap .content .item { padding:7%; }
#comming .content_wrap .content .item h2 { font-family: 'GmarketSansBold'; font-size:1.3rem; color:#222; line-height:1.8rem; letter-spacing:-0.5px; }
#comming .content_wrap .content .item ul { margin:10px 0 0; }
#comming .content_wrap .content .item ul li { background:url(../images/mc_icon.png) top left/22px no-repeat; padding-left:30px; margin:5px 0; }
#comming .content_wrap .content .item ul li:last-child { background:none; font-size:1.0rem; color:#007457; }

#faq { border-radius:20px; background:url(../images/faq_bg.png) #ffc81d top right/contain no-repeat; padding:10% 5% 4%; margin:60px auto; width:80%; max-width:80%; }
#faq article { margin:0 0 20px; }
#faq article h2 { margin:5x 0; font-family: 'GmarketSansBold'; font-size:1.8rem; color:#fff; line-height:2.5rem; }
#faq article h3 { font-family: 'GmarketSansBold'; font-size:1.2rem; color:#5d4e1f; line-height:2.0rem; }
#faq article p { color:#fff; }
#faq ul { display:flex; flex-wrap:wrap; border-radius:10px; background:#fff; box-shadow:0 0 10px #ffa955; margin:10px 0; padding:4% 4%; }
#faq ul li { margin:5px 0; }
#faq ul li.q { background:url(../images/faq_q.png) no-repeat; background-size:25px; padding-left:35px; width:100%; font-family: 'GmarketSansBold'; font-size:1.1rem; color:#222; line-height:25px; letter-spacing:-0.5px; }
#faq ul li.a { background:url(../images/faq_a.png) no-repeat; background-size:25px; padding-left:35px; width:100%; line-height:25px; }

#review { margin:60px 0; }
#review article { text-align:center; }
#review article h2 { margin:20px 0 5px; font-family: 'GmarketSansBold'; font-size:1.5rem; color:#222; line-height:2.3rem; }
#review article h2 span { color:#ffc81d; }
#review article > span { display:inline-block; border-radius:30px; background:#adadad; padding:3px 25px; font-family: 'GmarketSansMedium'; font-size:0.8rem; color:#fff; line-height:2.0rem; letter-spacing:0.5px; }
#review article > span strong { font-family: 'GmarketSansBold'; }
#review article p { width:90%; margin:0 auto; color:#; }
#review .review_list { position:relative; margin:20px auto 0; width:90%; max-width:90%; display:flex; justify-content:space-between; flex-wrap:wrap; }




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