@charset "utf-8";
/*  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
.conTit{font-size: 40px;font-weight: 800;line-height: 1.2;margin-bottom: 20px;padding-top: 100px;}
.conTit span{display: block;}
.conTit2{font-size: 30px;font-weight: 800;line-height: 1.2;margin-bottom: 20px;padding-top: 50px;position: relative;/* text-shadow:-4px -4px 5px rgba(255,255,255,.5) */}
.conTit2::before{display: inline-block;content: '';border-radius:50% ;width: 7px;height: 7px;background-color: #fff;border: 7px solid #f90;margin-right: 5px;}
.conBox p{font-size: 22px;line-height: 1.5;;margin-bottom: 20px;font-weight: 300;}
.rbox{background-color: #f5f5f7;padding: 40px 40px 20px;border-radius:30px;}
.rbox p{font-weight: 400 !important;}
.cont{font-size: 20px;line-height: 1.4;}
.contnew{font-size: 20px;line-height: 1.4; text-align:right;}
.astr{padding-left: 15px;font-size: 20px;line-height: 1.4;margin-bottom: 20px;position: relative;}
.astr::before{display: block;content: '※';position: absolute;top: 0;left: 0;}

ul.dot,ul.dot li,ul.dot ul{margin: 0;padding: 0;list-style-type: none;}
ul.dot li{padding-left: 7px;position: relative;margin-bottom: 5px;line-height: 1.4;font-size: 22px;font-weight: 300;}
ul.dot li::before{display: block;content: '';position: absolute;top: 12px;left: 0;background-color: #999;width: 3px;height: 3px;border-radius:100%}
ul.lst,ul.lst li{margin: 0;padding: 0;list-style-type: none;}
ul.dot ul{padding-top: 10px;padding-left: 10px;padding-bottom: 5px;}
ul.lst li{font-size: 20px;}
ul.lst li::before{display: none;}

ul.bul,ul.bul li{margin: 0;padding: 0;list-style-type: none;}
ul.bul li{padding-left: 10px;position: relative;margin-bottom: 5px;line-height: 1.4;font-size: 20px;font-weight: 300;}
ul.bul li::before{display: block;content: '';position: absolute;top: 12px;left: 0;background-color: #999;width: 5px;height: 1px;}

.greet{padding-left: calc(600/1400 * 100%);}
.greet .conTit{margin-bottom: 60px;}
.greet .conBox p{letter-spacing: -.85px;font-size: 20px;}
.greet .conBox p._btm{padding-top: 40px;}
@media screen and (max-width:1440px) {
.greet{padding-left: 30%}
}
@media screen and (max-width:1200px) {
.conTit{font-size: 36px;padding-top: 60px;}
.greet .conTit{margin-bottom: 40px;}
.greet{padding-left: 0}
}
@media screen and (max-width:1024px) {
.astr,.cont,
.conBox p{font-size: 18px;}
.conTit2{font-size: 27px;}
.rbox{padding: 22px 21px 5px;border-radius:16px;}
}
@media screen and (max-width:510px) {
.conTit{font-size: calc(26px + (36 - 26) * ((100vw - 300px) / (500 - 300)));margin-bottom: calc(20/500 * 100vw);}
.conTit2{font-size: calc(24px + (27 - 24) * ((100vw - 300px) / (500 - 300)));margin-bottom: 10px;padding-top: 30px;}
ul.dot li{font-size: 18px;}
}

/***************
특징
***************/
.ftrLst{display: flex;flex-wrap: wrap;row-gap: 30px;/* column-gap:2.85%; */justify-content: space-between;}
.ftrLst > div{border: 1px solid #e0e0e0;border-radius:29px ;padding: 0 135px 0 3.57%;box-sizing: border-box;/* width: calc(100%/2 - 112px) */;min-height: 185px;display: flex;justify-content: center;flex-direction: column;background-repeat: no-repeat;background-position: calc(100% - 40px) center;width: 49%;}
.ftrLst > div.ftr_1{background-image: url(../img/cont/ftr_1.png);}
.ftrLst > div.ftr_2{background-image: url(../img/cont/ftr_2.png);}
.ftrLst > div.ftr_3{background-image: url(../img/cont/ftr_3.png);}
.ftrLst > div.ftr_4{background-image: url(../img/cont/ftr_4.png);}
.ftrLst > div.ftr_5{background-image: url(../img/cont/ftr_5.png);}

.ftrLst h4{font-size: 24px;margin-bottom: 10px;}
table.classic ul.dot li,
.entLst ul.dot li,
.ftrBox ul.dot li,
.ftrLst ul.dot li{margin-bottom: 0;font-size: 20px;}
.ftrBox{border: 1px solid #e0e0e0;border-radius:29px ;padding: 0 5.7%;display: flex;justify-content: center;flex-direction: column;position: relative;height: 338px;margin-bottom: 40px;}
.ftrBox::before{display: block;content: '';position: absolute;bottom: 0;right: 4.5%;width: 628px;height: 360px;background: url(../img/cont/ftr_car.png) 100% 100% no-repeat;}
.ftrBox h4{font-size: 32px;margin-bottom: 30px;line-height: 1.2;font-weight: 900;position: relative;}
.ftrBox p{font-size: 22px;margin-bottom: 10px;font-weight: 300;position: relative;}

.ftrBoxLst{display: flex;justify-content: space-between;gap:1.42%;margin: 50px 0;}
.ftrBoxLst a{border: 1px solid #e0e0e0;border-radius:27px;padding-left:2.7%;padding-top: 35px;box-sizing: border-box;flex:1;height: 200px;font-size: 24px;font-weight: bold;transition:.25s ease-out}
.ftrBoxLst b{display: block;}
.ftrBoxLst span{font-size: 20px;font-weight: 300;line-height: 1.3;padding-top: 15px;display: block;}
.ftrBoxLst i{display: block;}
.ftrBoxLst a.last{border: 0;color: #fff;background-color: #000;line-height: 1.35;background: linear-gradient(135deg, #555 5%, #333 75%);display: block;position: relative;}

.ftrBoxLst a.last::after{display:block;content:'';border-style: solid;border-color: #fff; border-width:  2px 0 0 2px  ;    padding: 7px;transform: rotate(135deg);position: absolute;bottom: 40px;right: 35px;}
.ftrBoxLst a.last::before{display:block;content:'';;position: absolute;bottom: 47px;right: 35px;height: 2px;width: 28px;background-color: #fff;}
.ftrBoxLst a:hover{border-color: #000;box-shadow:3px 3px 15px 0 rgba(0,0,0,0.15);transform:translate(-1px,-3px)}

@media screen and (max-width:1200px) {
.ftrLst{display: block;}
.ftrLst > div{width: auto;margin-bottom: 20px;}
.ftrBox{height: 253px;}
.ftrBox::before{right:0;height: 280px;background-size:auto 100%;z-index: 0;overflow: hidden;border-radius:29px ;}
.ftrBox p{font-size: 18px;}
.ftrBoxLst{flex-wrap: wrap;gap:0;row-gap: 20px;}
.ftrBoxLst a{width: 49%;flex:initial;height: auto;padding: 30px;}
.ftrBoxLst a:not(.last) i{display: none;}
}
@media screen and (max-width:820px) {
.ftrBox{height: auto;padding-top: 40px;padding-bottom: 230px;margin-bottom: 0;}
.ftrBox::before{right:0;height: 190px;}
}
@media screen and (max-width:510px) {
.ftrLst > div{min-height: initial;margin-bottom: 15px;display: block;padding:80px 20px 20px;background-position: 20px 20px ;background-size: auto 40px;border-radius:15px ;}
.ftrBoxLst{margin: 25px 0 ;display: block;}
.ftrBoxLst a{padding: 20px;width: auto;display: block;border-radius:15px ;margin-bottom: 15px;}

.ftrLst h4{font-size: calc(19px + (24 - 19) * ((100vw - 300px) / (500 - 300)));}
table.classic ul.dot li,
.entLst ul.dot li,
.ftrBox ul.dot li,
.ftrLst ul.dot li{font-size: calc(17px + (20 - 17) * ((100vw - 300px) / (500 - 300)))}
}
/***************
입학안내
***************/
.entBoxLst{display: flex;justify-content: space-between;gap:1.42%;}
.entBoxLst p{border: 1px solid #e0e0e0;border-radius:27px;padding-left:2.85%;padding-top: 45px;box-sizing: border-box;background-repeat: no-repeat;background-position: 15% calc(100% - 40px);flex:1;height: 300px;font-size: 22px;line-height: 1.4;font-weight: 300;}
.entBoxLst p span{display: block;}
.entBoxLst p.ent_1{background-image: url(../img/cont/ent_1.png);}
.entBoxLst p.ent_2{background-image: url(../img/cont/ent_2.png);}
.entBoxLst p.ent_3{background-image: url(../img/cont/ent_3.png);}
.entBoxLst p.ent_4{background-image: url(../img/cont/ent_4.png);}
.entLst {border-top: 1px solid #e5e5e5;padding-bottom: 35px;margin-top: 30px;}
.entLst > div{display: flex;border-bottom: 1px solid #e5e5e5;padding: 37px 0 ;}
.entLst > div h4{flex:0 0 17%;font-size: 24px;font-weight: bold;}
table.classic.tdLeft.entTbl {margin-bottom: 150px;margin-top: 30px;}
table.classic.tdLeft.entTbl td{padding-left: 5%;height: 60px;}
table.classic.tdLeft.entTbl th.bdl{color: #333;}
@media screen and (min-width:1025px) and (max-width:1400px) {
.entBoxLst p{font-size: calc(18px + (22 - 18) * ((100vw - 1100px) / (1400 - 1100)))}
}
@media screen and (min-width:801px) and (max-width:1024px) {
.entBoxLst p{font-size: calc(17px + (20 - 17) * ((100vw - 700px) / (1024 - 700)));padding-right: 2%;padding-left: 2.5%;padding-top: 30px;height: 230px;background-position: 18% calc(100% - 25px)}
.entBoxLst p span{display: none;}
}
@media screen and (max-width:850px) {
.entLst{margin-top: 0;padding-bottom: 0;}
.entLst > div{display: block;padding: 25px 0 ;}
.entLst > div h4{margin-bottom: 15px;}
}
@media screen and (max-width:800px) {
.entBoxLst {flex-wrap: wrap;gap:0}
.entBoxLst p{box-sizing: border-box;flex:0 0 49%;margin-bottom: 15px;height: auto;padding: 25px 0 55px 5%;line-height: 1.2;background-position: calc(100% - 20px) calc(100% - 20px);}
table.classic.tdLeft.entTbl {margin-bottom: 100px;margin-top: 0;}
}
@media screen and (max-width:510px) {
.entBoxLst {display: block;}
.entBoxLst p{font-size: calc(20px + (22 - 20) * ((100vw - 300px) / (500 - 300)));border-radius:15px }
table.classic.tdLeft.entTbl colgroup col:first-child{width: 100px !important;}
table.classic.tdLeft.entTbl td{height: auto;}
}

.conWrap{display: flex;}
.conWrap > *:first-of-type:not(div){flex:0 0 20%;border: 1px solid #000;}
.conWrap > *:first-of-type + div{background-color: #c00;}
/***************
전경
***************/
.photoArea {max-width: 579px/* 1200px */;margin: 0 auto;position: relative;}/* 579 364 */
#photoSwiper{border-radius:30px ;overflow: hidden;margin-bottom: 30px;}
#photoSwiper .swiper-slide{position: relative;box-sizing: border-box;background-color: #eee;}
img.cover{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; object-fit: cover;}
#photoSwiper .swiper-slide img{ -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: opacity 1s ease, -webkit-transform 2s linear; transition: opacity 1s ease, -webkit-transform 2s linear; transition: transform 2s linear, opacity 1s ease; transition: transform 2s linear, opacity 1s ease, -webkit-transform 2s linear; opacity: 0; }
#photoSwiper .swiper-slide.swiper-slide-active img{ -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
#photoSwiper .swiper-slide img{width: 100%;display: block;font-size: 0;}

.photoArea .swiper_nav{height: 0;text-align: center;padding-top: 0;position: absolute;top: 50%;right: -35px;left: -35px;z-index: 9;margin-top: -75px;}
.photoArea .swiper_nav button,
.photoArea .swiper_nav .swiper-button-prev,
.photoArea .swiper_nav .swiper-button-next{border:solid 1px #ccc;width: 70px;height: 70px;font-size: 0;top:0;margin: 0;transition:.2s ease-out;display: block;border-radius:50% ;box-shadow: 0;background-color: #fff;opacity: 1;}
.photoArea .swiper_nav .swiper-button-prev{left: 0;right: auto;}
.photoArea .swiper_nav .swiper-button-next{left: auto;right: 0;}
.photoArea .swiper_nav .swiper-button-next::after,
.photoArea .swiper_nav .swiper-button-prev::after {content:'';display:block;position:absolute;background-color: #000;height: 2px;width: 24px;top:50%;left:50%;margin-top: -1px;margin-left: -12px;transition:all .25s ease-out}
.photoArea .swiper_nav .swiper-button-next::before,
.photoArea .swiper_nav .swiper-button-prev::before {content:'';display:block;position:absolute;border-style:solid;border-color:#000;border-width:2px 0 0 2px;padding:4px;transform:rotate(-45deg);top:50%;left:50%;margin-top: -5px;margin-left: -11px;transition:all .25s ease-out}
.photoArea .swiper_nav .swiper-button-next::before{border-width:0 2px  2px 0;margin-left: 0;}
.control {position: relative;}
.control .swiper-pagination-fraction{font-size: 18px;position: absolute;right: 5px;top: 0;text-align: right;}
.control .swiper-pagination-current{font-size: 50px;font-weight: 800;display: inline-block;position: relative;bottom: -2px;margin-right: 2px;}
.control dl dt{font-size: 24px;font-weight: 800;margin-bottom: 10px;}
.control dl dd{font-size: 20px;line-height: 1.2;font-weight: 300;}

@media screen and (max-width: 670px) {
#photoSwiper{border-radius:16px ;margin-bottom: 0;}
.photoArea .swiper_nav{position: relative;left: 0;right: 0;margin-top: 0;top: auto;}
.photoArea .swiper_nav .swiper-button-prev,
.photoArea .swiper_nav .swiper-button-next{border: 0;}

.control {padding-top: 75px;}
.control .swiper-pagination-fraction{font-size: 18px;;text-align: center;left: 0;line-height: 62px;}
.control .swiper-pagination-current{font-size: 30px;}
.control dl dt{font-size: 20px;}
.control dl dd{font-size: 18px;}
.control dl dd span{display: block;}
}
/***************
오시는길
***************/
.shuttle{counter-reset: busNum}
.shuttle tbody{}
.shuttle tbody tr{
  counter-increment:busNum;
}
.shuttle tbody th:before{
  content:counter(busNum);
}


.mapInfo {padding-bottom: 35px;}
.mapInfo dl{margin-bottom: 20px;line-height: 1.3;font-size: 20px;display: flex;}

.mapInfo dl dt span{font-size: 0;text-indent: -999em;z-index: -1;display: inline-block;width: 10px;}
.mapInfo dl dt i{vertical-align: middle;font-size: /* 22px */ 1.100em;position: relative;bottom: 2px;color: #333;}
.pageContent .mapArea{width: 100%;height: 600px;position: relative;background: #f9f9f9;box-shadow:0 0 1px 1px rgba(0,0,0,0.15);clear: both;overflow: hidden;border-radius:30px ;}
.pageContent .mapArea iframe{height: 100% !important;position: absolute;top: 0;left: 0;right: 0;width: 100% !important;z-index: 10;}
.mapBt a{line-height: 70px;font-size: 22px;display: inline-block;text-align: center;width: 220px;margin-right: 20px;}
.mapBt a.nvr{color: #fff;background-color: #20c004;}
.mapBt a.kko{background-color: #fbe100;}
.mapBt a img{display: inline-block;vertical-align: middle;margin-right: 5px;}
.map_Heading{font-size: 18px;font-weight: bold;padding: 10px;font-family: 'Pretendard';}
@media screen and (max-width:1200px) {
.pageContent .mapArea{height: 0;padding-top: calc(600/1200 * 100%);}
}
@media screen and (max-width:820px) {
.pageContent .mapArea{height: 0;padding-top: calc(460/800 * 100vw);border-radius:16px ;}
.mapInfo dl{font-size: 18px;margin-bottom: 10px;}
}
@media screen and (max-width:510px) {
.map_Heading{font-size: 16px;}
.mapInfo{padding-bottom: 0;}
.mapBt a{margin-right: 0;width: auto;display: block;margin-bottom: 5px;}
}
/***************
수강료안내
***************/
@media screen and (max-width:640px) {
.m_scroll.tuitionTbl {overflow: auto;}
.m_scroll.tuitionTbl  table{width: calc(100% + 200px);}
}

@media screen and (min-width: 1201px){
.tuitionTbl:not(.classtime) td br{display: none;}
}
/*************
면허절차
****************/
.getOrder,.getOrder li{list-style-type: none;margin: 0;padding: 0;}
.getOrder{counter-reset: stepNumber;padding-top: 100px;}
.getOrder h3{font-size: 40px;font-weight: 800;padding-left: 60px;position: relative;counter-increment: stepNumber;margin-bottom: 18px;}
.getOrder h3::before{ content: counter(stepNumber, decimal-leading-zero);display: block;width: 40px;height: 40px;border-radius:50%;color: #fff;background-color: #000;text-align: center;line-height: 40px;position: absolute;top: 0;left: 0;font-size: 20px;font-weight: bold;}
.getOrder li{margin-bottom: 20px;}
.getOrder li > div{position: relative;padding-top: 10px;padding-bottom: 60px;padding-left: 60px;display: flex;flex-wrap: wrap;/* justify-content: space-between; */gap:1.8%}
.getOrder li > div::before{display: block;content: '';width: 1px;background-color: #000;top: 0;bottom: 0;left: 20px;position: absolute;opacity: .4;}
.getOrder li > div dl{background-color: #f5f5f7;border-radius:30px;flex:0 0 32.08%;margin-bottom: 20px;padding: 40px;box-sizing: border-box;font-size: 0;}
.getOrder li > div dl dt{font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.getOrder li > div dl dd p{font-size: 20px;position: relative;padding-left: 7px;padding-bottom: 5px;line-height: 1.4;}
.getOrder li > div dl dd p::before{display: block;content: '';position: absolute;top: 11px;left: 0;width: 3px;height: 3px;background-color: #666;border-radius:100%}
@media screen and (max-width:1200px) {
.getOrder li > div {justify-content: space-between;}
.getOrder li > div dl{flex:0 0 49.09%;}
}
@media screen and (max-width:680px) {
.getOrder h3{padding-left: 40px;font-size: 30px;}
.getOrder h3::before{font-size: 17px;width: 34px;height: 34px;line-height: 34px;}
.getOrder li > div {display: block;padding-left: 40px;padding-top: 0;padding-bottom: 30px;}
.getOrder li > div::before{left: 15px;}
.getOrder li > div dl{border-radius:16px;margin-bottom: 10px;padding: 20px 5%;}
.getOrder li > div dl dt{font-size: 20px;margin-bottom: 10px;}
.getOrder li > div dl dd p{font-size: 18px;}
}

.drvSct {counter-reset: cicleNum;}
.drvSct > div{display: flex;border-bottom: 1px solid #dfdfdf;padding: 30px 0;}
.drvSct > div:last-child{border-bottom: none;}
.drvSct .img{width: 240px;flex:0 0 240px ;margin-right: 55px;}
.drvSct .img img{max-width: 100%;width: auto;}
.drvSct .txt{padding-top: 20px;}
.drvSct ol,
.drvSct li{margin: 0;padding: 0;list-style-type: none;}
.drvSct li{counter-increment:cicleNum;padding-left: 34px;position: relative;font-size: 20px;line-height: 1.3;margin-bottom: 15px;font-weight: 300;color: #000;}
.drvSct li::before{ content: counter(cicleNum);display: block;width: 18px;height: 18px;border-radius:50%;border: 1px solid #333;text-align: center;line-height: 18px;position: absolute;top: 2px;left: 0;font-size: 14px;font-weight: 500;text-indent: -1px;}
.drvSct li ul.dot{padding-top: 12px;}
.drvSct li ul.dot li{font-size: 17px;}
.drvSct li ul.dot li::before{top: 10px;width: 2px;height: 2px;}
.conTit2 + .drvSct > div{padding-top: 0;}

@media screen and (min-width:821px) {
.drvSct > div.wide{}
.drvSct > div.wide .img{width: 360px;flex:0 0 360px ;height: 360px;}
}
@media screen and (max-width:820px) {
.drvSct > div.wide{display: block;}
.drvSct > div.wide .img{width: auto;height: auto;margin-right: 0;}
.drvSct .img{width: 190px;height: auto;flex:0 0 190px ;margin-right: 25px;}
.drvSct .txt{padding-top: 0;}
}
@media screen and (max-width:510px) {
.drvSct > div{display: block;padding-bottom: 20px;}
.drvSct .img{width: auto;height: auto;margin-right: 0;margin-bottom: 20px;}
}

/******************
LIST
***************/
.pdbg{padding: 70px;background-color: #f9f8f7;}
.numLst, .numLst li, ul.ga, ul.ga li{list-style-type: none;margin: 0;padding: 0;}
.numLst{counter-reset: numdot;}
.numLst > li{counter-increment:numdot;padding-left: 25px;position: relative;font-size: 20px;line-height: 1.4;margin-bottom: 15px;font-weight: 300;color: #000;}
.numLst > li::before{ content: counter(numdot)'.';position: absolute;top: 0;left: 0;}
.numLst.hasLst > li{font-size: 22px;}
.numLst.hasLst > li::before{font-weight: bold;}

ul.ga {padding-top: 10px;}
ul.ga li{position: relative;padding-left: 25px;margin-bottom: 10px;line-height: 1.3;}
ul.ga li em{font-style: normal;position: absolute;top: 0;left: 0;}

@media print {
.sb-slide,.sb-slidebar,.subNavWrap, .subTopTxtFade,.footer,.goTop,.tabNavWrap {display: none}
.pageDr{padding: 0;}
.pageContent{padding: 0;}
#sb-site.top-padding{padding: 0;box-shadow:none}
body{background-color: #fff;min-height: inherit;}
.conTit{padding: 0;font-size: 25px;}
table{margin: 0;}
td,th{font-size: 10pt;}
colgroup{display: none;}
}
.titDfx .cont{margin-bottom: 10px;}
@media screen and (min-width:540px) {
.titDfx{display: flex;justify-content: space-between;align-items: flex-end;}
}