 

/*  메인배너 */
.mBannerWrap {position:relative;}
.mBannerCont {height:520px; padding-top:210px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important;}
.mBannerCont .container {padding-left:70px;}
.mBannerImg {display:block; text-align:left; margin-bottom:32px;}
.mBannerImg img {display:inline-block; max-width: 73vw;}
.mBannerLink {display:inline-block; margin-right:12px; padding:7px 38px 7px 18px; color:#fff; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #fff; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_wh.png") 90% center no-repeat;}
.mBannerLink:hover {color:#1b4ba0; background:#fff url("/img/common/arrow_bk.png") 90% center no-repeat; border:2px solid #fff;}
.mBannerLink span{font-weight:400 !important;}

.mBannerWrap .controls {position: absolute;bottom: 30px;left: 0;right: 0;max-width: 1920px;z-index:15;}
.mBannerWrap .controls .container {display: flex;align-items: center;justify-content: flex-end;position: relative;padding: 0;}
.mBannerBtn {display: flex;margin-left:25px;}
.mBannerBtn .prev, .mBannerBtn .next {position: inherit;left: auto;right: auto;width: 50px;height: 50px;margin-top: 0;transition: left 0.5s;border: 2px solid #fff;border-radius: 100%;pointer-events: auto;}
.mBannerBtn .prev {background: rgba(0, 0, 0, 0.07) url(/img/main/main_banner_prev.png) no-repeat center;}
.mBannerBtn .next {margin-left: 10px;background:rgba(0, 0, 0, 0.07) url(/img/main/main_banner_next.png) no-repeat center;}
.mBannerBtn .next {right:unset}
.mBannerBtn span {display:block;margin-top:0px; cursor:pointer; text-indent:-9999px;    width:100%;height:40px;}
.mBannerWrap .play{border-radius:100%;height:50px;width:50px;border: 2px solid #fff;position:relative;background-color: rgba(0, 0, 0, 0.07);z-index: 10;cursor:pointer;}
.mBannerWrap .play:after {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 16px;border-color: transparent transparent transparent #fff;border-style: double;border-width: 0 0 0 14px;transform: translate(-50%, -50%);transition: .17s linear;}
.mBannerWrap .play.stop:after {height: 0;margin-left: 2px;border-style: solid;border-width: 9px 0 9px 14px;}
.mBannerWrap .pagination {margin-left: 20px;width: auto;font-weight: 500;font-size: 20px;color: #fff;text-shadow: 0px 0px 5px rgb(135 135 135 / 45%);}


.mBannerImg_secret_event {display:block; text-align:left; margin-bottom:19px;}
.mBannerLink_secret_event {display:inline-block; margin-right:12px; padding:7px 38px 7px 18px; color:#e19a37; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #e19a37; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_e19a37.png") 90% center no-repeat;}
.mBannerLink_secret_event:hover {color:#04070e; background:#e19a37 url("/img/common/arrow_04070e.png") 90% center no-repeat; border:2px solid #04070e;}
.mBannerLink_secret_event span{font-weight:400 !important;}

.mBannerImg_win {display:block; text-align:left;}
.mBannerCont_win {height:520px; padding-top:180px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important;}
.mBannerCont_win .container {padding-left:100px;}
.mBannerLink_win {display:inline-block; margin-left:650px;  margin-right:12px; padding:7px 38px 7px 18px; color:#1a408e; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #1a408e; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_bk.png") 90% center no-repeat;}
.mBannerLink_win:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_win span{font-weight:400 !important;}

.mBannerImg_summer {display:block; text-align:left;}
.mBannerLink_summer {display:inline-block; margin-left:340px; padding:7px 38px 7px 18px; color:#1b4ba0; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #1b4ba0; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_bk.png") 90% center no-repeat;}
.mBannerLink_summer:hover {color:#fff; background:#1b4ba0 url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #fff;}
.mBannerLink_summer span{font-weight:400 !important;}

.mBannerCont .container_2017 {padding-left:340px;}
.mBannerImg_2017 {display:block; text-align:left; margin-bottom:40px; padding-left:90px; margin-top:-20px;}
.mBannerLink_2017 {display:inline-block; margin-right:12px; padding:7px 38px 7px 18px; color:#03071a; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #03071a; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_03071a.png") 90% center no-repeat;}
.mBannerLink_2017:hover {color:#fff; background:#03071a url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #03071a;}
.mBannerLink_2017 span{font-weight:400 !important;}

.mBannerImg_jeju {display:block; text-align:left; margin-bottom:19px;}
.mBannerLink_jeju {display:inline-block; margin-right:12px; padding:7px 38px 7px 18px; color:#e84d0d; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #e84d0d; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_jeju.png") 90% center no-repeat;}
.mBannerLink_jeju:hover {color:#fff; background:#e84d0d url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #e84d0d;}
.mBannerLink_jeju span{font-weight:400 !important;}

.mBannerCont .container_japan {padding-left:340px;}
.mBannerImg_japan {display:block; text-align:left; margin-bottom:20px; margin-top:-40px;}
.mBannerLink_japan {display:inline-block; margin-right:12px; padding:7px 38px 7px 18px; color:#114567; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #114567; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_03071a.png") 90% center no-repeat;}
.mBannerLink_japan:hover {color:#fff; background:#114567 url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #114567;}
.mBannerLink_japan span{font-weight:400 !important;}

.mBannerCont_wh {height:520px; padding-top:195px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important;}
.mBannerCont_wh .container_wh {padding-left:430px;}
.mBannerImg_wh {display:block; text-align:left; margin-bottom:30px; padding-left:145px;}
.mBannerLink_wh {display:inline-block; margin-right:12px; padding:7px 38px 7px 18px; color:#fff; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #fff; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_wh.png") 90% center no-repeat;}
.mBannerLink_wh:hover {color:#03071a; background:#fff url("/img/common/arrow_04070e.png") 90% center no-repeat; border:2px solid #03071a;}
.mBannerLink_wh span{font-weight:400 !important;}

.mBannerCont_1a408e {height:520px; padding-top:195px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important;}
.mBannerCont_1a408e .container_1a408e {padding-left:430px;}
.mBannerImg_1a408e {display:block; text-align:left; margin-bottom:60px; padding-left:145px; margin-top:-20px;}
.mBannerLink_1a408e {margin-right:12px; padding:7px 38px 7px 18px; color:#1a408e; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #1a408e; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_bk.png") 90% center no-repeat;}
.mBannerLink_1a408e:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_1a408e span{font-weight:400 !important;}

.mBannerCont_language {height:520px; padding-top:140px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important;}
.mBannerCont_language .container_1a408e {padding-left:430px;}
.mBannerImg_language {display:block; text-align:left; margin-bottom:30px; padding-left:35px; margin-top:-20px;}
.mBannerLink_language {margin-left:410px; padding:7px 38px 7px 18px; color:#1a408e; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #1a408e; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_bk.png") 90% center no-repeat;}
.mBannerLink_language:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_language span{font-weight:400 !important;}

.mBannerLink_1a1c27 {display:inline-block; margin-right:12px; padding:7px 38px 7px 18px; color:#1a1c27; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #1a1c27; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_1a1c27.png") 90% center no-repeat;}
.mBannerLink_1a1c27:hover {color:#fff; background:#1a1c27 url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a1c27;}
.mBannerLink_1a1c27 span{font-weight:400 !important;}

.mBannerImg_win {display:block; text-align:left;}
.mBannerCont_win {height:520px; padding-top:200px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important;}
.mBannerCont_win .container {padding-left:100px;}
.mBannerLink_win {display:inline-block; margin-top:30px; margin-left:350px;  margin-right:12px; padding:7px 38px 7px 18px; color:#001e5c; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:1px solid #001e5c; border-radius:100px; background: #fff url("/img/common/arrow_bk.png") 90% center no-repeat;}
.mBannerLink_win:hover {color:#fff; background:#001e5c url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #001e5c;}
.mBannerLink_win span{font-weight:400 !important;}

.mBannerImg_2018 {display:block; text-align:left;}
.mBannerCont_2018 {height:520px; padding-top:180px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important;}
.mBannerCont_2018 .container {padding-left:100px;}
.mBannerLink_2018 {display:inline-block; margin-left:670px;  padding:7px 38px 7px 18px; color:#fff; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #fff; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_wh.png") 90% center no-repeat;}
.mBannerLink_2018:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_2018 span{font-weight:400 !important;}

/*  여름방학얼리버드할인 */
.mBannerCont_earlybird {height:520px; padding-top:170px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important;}
.mBannerCont_earlybird .container {padding-left:70px;}

/* 180614_여름방학집중반*/
.mBannerCont .container_smma {padding-left:340px;}
.mBannerImg_smma {display:block; text-align:left; margin-bottom:20px; margin-top:-40px;}
.mBannerLink_smma {display:inline-block; margin-right:12px; padding:7px 38px 7px 18px; color:#1a408e; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #1a408e; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_03071a.png") 90% center no-repeat;}
.mBannerLink_smma:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_smma span{font-weight:400 !important;}

/* 2 */
.mBannerImg_sight {display:inline-block; margin-top:-30px; padding-left:160px; margin-bottom:-20px;}
.mBannerLink_sight {display:inline-block; margin-left: -50px; margin-right:12px; padding:7px 38px 7px 18px; color:#1a408e; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #1a408e; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_bk.png") 90% center no-repeat;}
.mBannerLink_sight:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_sight span{font-weight:400 !important;}

/* 181206_공채대비반 */
.mBannerImg_2019 {display:block; text-align:left; margin-left: -70px; margin-top: -20px;}
.mBannerCont_2019 {height:520px; padding-top:220px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important;}
.mBannerCont_2019 .container {padding-left:100px;}
.mBannerLink_2019 {display:inline-block; margin-left: -70px; margin-top:90px; padding:7px 38px 7px 18px; color:#1a408e; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #1a408e; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_bk.png") 90% center no-repeat;}
.mBannerLink_2019:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_2019 span{font-weight:400 !important;}

/* 200320_코로나 */
.mBannerLink_covid {display:inline-block; margin-top:-10px; padding:7px 38px 7px 18px; color:#1a408e; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #1a408e; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_bk.png") 90% center no-repeat;}
.mBannerLink_covid:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_covid span{font-weight:400 !important;}

/* 201105_랜선SPEC */
.mBannerLink_spec {display:inline-block; margin-left:-70px; margin-top:-10px; padding:7px 38px 7px 18px; color:#1a408e; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #1a408e; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_bk.png") 90% center no-repeat;}
.mBannerLink_spec:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_spec span{font-weight:400 !important;}

/* 201116_할인 */
.mBannerImg_sa {display:block; text-align:left;}
.mBannerImg_sa img {display:inline-block;}
.mBannerLink_sa {display:inline-block; margin-top:-50px; padding:7px 38px 7px 18px; color:#1a408e; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #1a408e; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_bk.png") 90% center no-repeat;}
.mBannerLink_sa:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_sa span{font-weight:400 !important;}

/* 210611_가이드북 */
.mBannerLink_book {display:inline-block; margin-top:-10px; margin-left: -32px; padding:7px 38px 7px 18px; color:#b2b4b9; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #b2b4b9; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_b2b4b9.png") 90% center no-repeat;}
.mBannerLink_book:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_book span{font-weight:400 !important;}

/* 210910_관통사 2차 면접 완벽대비반 */
.mBannerLink_2021 {display:inline-block; margin-left:360px; padding:7px 38px 7px 18px; color:#c19f62; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #c19f62; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_c19f62.png") 90% center no-repeat;}
.mBannerLink_2021:hover {color:#fff; background:#c19f62 url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #c19f62;}
.mBannerLink_2021 span{font-weight:400 !important;}

/* 200320_코로나 */
.mBannerLink_pass {display:inline-block; margin-top:-10px; margin-left: 35px; padding:7px 38px 7px 18px; color:#1a408e; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #1a408e; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_bk.png") 90% center no-repeat;}
.mBannerLink_pass:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_pass span{font-weight:400 !important;}

/* 211224_겨울방학 */
.mBannerImg_winter {display:block; text-align:left; margin-bottom:10px; margin-top:-40px;}
.mBannerLink_winter {margin-right:12px; margin-top:-30px; padding:7px 38px 7px 18px; color:#1a408e; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #1a408e; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_bk.png") 90% center no-repeat;}
.mBannerLink_winter:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_winter span{font-weight:400 !important;}




/*  개강일안내 */
.mOpenDay {height:56px; border-bottom:solid 1px #d9dddf; position:relative;}
.classOpen {line-height:55px; color:#666; letter-spacing:-0.05em; font-size:14px; float:left;}
.classOpen h5 {display:inline-block; line-height:55px; color:#333; font-size:14px; letter-spacing:-0.075em;}
.classOpen span {color:#194697; display:inline-block; margin-left:16px; margin-right:2px; font-weight:500; font-weight:300; letter-spacing: 0.08em;}
.mcoTuition {display:inline-block; margin-left:20px; height:55px; padding-top:12px; float:left;}
.mcoTuition a {
	display:inline-block; width:106px; height:30px; background:#1a408e url("/img/main/main_openDay_tuition.png")no-repeat center center; text-indent:-9999px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	-webkit-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.2); box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.2);
}

.mcoBtn {float: left; display: inline-block; margin: 10px 0 0 20px; font-size: 12px; height: 35px; padding: 6px 10px 0 20px; width: 190px; color: #fff;
background:#1b4ba0 url("/img/common/arrow_wh.png") 90% center no-repeat; border:1px solid #1b4ba0;
border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;
-webkit-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.2); box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.2);}
.mcoBtn:hover {color: #fff; background:#02b6d7 url("/img/common/arrow_wh.png") 90% center no-repeat; border:1px solid #02b6d7;}

#specialSeven {background:#011a4d; width:100%; position:absolute; left:50%; top:0; margin-left:-68px; cursor:pointer;height:56px}
#specialSeven .spSeven {position:absolute; left:302px; top:-100px;}
#specialSeven .spArrow {position:absolute; top:50%; left:550px; margin-top:-5px; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
#specialSeven.current .spArrow {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -sand-transform: rotate(180deg);}



/* 특별한7팩트체크 */
#specialFact {padding-top:60px; display:none; background:#FFF; text-align:center;}
.specialDesc {text-align:center; background:#1a408e; padding-top:75px; padding-bottom:65px; position:relative;}
.specialDesc a {margin-top:40px; display:inline-block; padding:7px 68px 7px 18px; color:#fff; font-size:16px; font-weight:400; letter-spacing:-0.1em; border:2px solid #fff; border-radius:100px; white-space:nowrap; background: rgba(0,0,0,0.0) url("/img/job/job_system_btn_arrow_wh.png") 90% center no-repeat;}
.specialDesc a:hover {color:#35383f; background:#fff url("/img/job/job_system_btn_arrow_bk.png") 90% center no-repeat; border:2px solid #fff;}
#specialClose {display:block; width:38px; height:38px; position:absolute; bottom:70px; left:50%; margin-left:430px; cursor:pointer; text-indent:-9999px; background:url("/img/main/main_special_btn.png");}




/* 이벤트배너 */
.eveBanner {width:720px; height:350px; margin-top:60px; border:solid 1px #d9dddf; overflow:hidden; position:relative;}
.eveBannerBtn {position:absolute; top:50%; left:0; right:0; width:100%; margin:0 auto;}
.eveBannerBtn span {position:absolute; display:block; width:20px; height:38px; margin-top:-19px; cursor:pointer; text-indent:-9999px;}
.eveBannerBtn .prev {left:20px; background:url("/img/main/main_event_btn_prev.png")no-repeat center center;}
.eveBannerBtn .next {right:20px; background:url("/img/main/main_event_btn_next.png")no-repeat center center;}



/* 고객상담센터 */
.customerCen {width:260px; height:350px; margin-top:60px; margin-left:20px;}
.mCusCall {position:relative; height:177px;}
.mCusBtn {
	position:absolute; display:inline-block; left:20px; bottom:20px;
	display:inline-block; width:220px; height:38px; background:#1a408e url("/img/main/main_call_btn.png")no-repeat center center; text-indent:-9999px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	-webkit-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.2); box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.2);
}
.mCusBg {position:absolute; left:0; bottom:0;}
.mCusCallNum {position:absolute; top:53px; left:0; right:0; text-align:center;}
.mCusQuick {display:inline-block; width:100%; height:173px; box-sizing:border-box;}
.mCusQuick li {display:block; float:left; border-right:solid 1px #d9dddf; border-bottom:solid 1px #d9dddf;}
.mCusQuick li:nth-child(1) {width:87px; height:87px; background:#1a408e url("/img/main/quick_btn01.png")no-repeat center center; border:solid 1px #0f285b;}
.mCusQuick li:nth-child(2) {width:86px; height:87px; background:#fff url("/img/main/quick_btn02.png")no-repeat center center; border-top:solid 1px #d9dddf;}
.mCusQuick li:nth-child(3) {width:87px; height:87px; background:#fff url("/img/main/quick_btn03.png")no-repeat center center; border-top:solid 1px #d9dddf;}
.mCusQuick li:nth-child(4) {width:87px; height:86px; background:#fff url("/img/main/quick_btn04.png")no-repeat center center; border-left:solid 1px #d9dddf;}
.mCusQuick li:nth-child(5) {width:86px; height:86px; background:#fff url("/img/main/quick_btn05.png")no-repeat center center;}
.mCusQuick li:nth-child(5).bs {width:86px; height:86px; background:#fff url("/img/main/quick_btn07.png")no-repeat center center;}
.mCusQuick li:nth-child(6) {width:87px; height:86px; background:#fff url("/img/main/quick_btn06.png")no-repeat center center;}
.mCusQuick li a {display:block; width:100%; height:100%; text-indent:-9999px;}
.mCusQuick li:hover {border-right:solid 1px #fff; border-bottom:solid 1px #fff;}
.mCusQuick li:nth-child(1):hover {border-right:solid 1px #1a408e; border-bottom:solid 1px #1a408e;}



/* 교육과정소개 */
.mainClass {float:left;}
.mainClass ul {display:block; height:680px;}
.mainClass ul li {display:block; width:320px; height:320px; float:left; margin-right:20px; margin-top:20px;}
.mainClass ul li:nth-child(3n) {margin-right:0;}
.mainClass ul li a {display:block;}
.mainClass ul li a img {display:block;}



/* 나에게 맞는 교육과정 찾기 */
.mainCurriSearch .mainQuestion {margin-top:40px !important; margin-bottom:0 !important;}
.mainQuestion {margin-top:40px; background:#79809a; height:75px; position:relative; padding-left:276px;}
.mqAir {position:absolute; left:0; bottom:0; z-index:2;}
.mqEvent {position:absolute; left:50%; margin-left:-80px; top:-10px;}
.mqMenu {display:block; height:75px;}
.mqMenu li {display:block; width:118px; float:left; position:relative;}
.mqMenu li a {display:block; height:75px; text-indent:-9999px;}
.mqMenu li:nth-child(1) a {background:url("/img/main/main_question_menu01.png")no-repeat center center;}
.mqMenu li:nth-child(2) a {background:url("/img/main/main_question_menu02.png")no-repeat center center;}
.mqMenu li:nth-child(3) a {background:url("/img/main/main_question_menu03.png")no-repeat center center;}
.mqMenu li:nth-child(4) a {background:url("/img/main/main_question_menu04.png")no-repeat center center;}
.mqSearch {position:absolute; top:0; right:0; display:block; width:226px; height:75px; text-indent:-9999px; background:#0a3190 url("/img/main/main_question_mySearch.png")no-repeat center center;}



/* 커뮤니티 */
.mainCommu {height:242px; float:left; border:solid 1px #ddd;}
.mainRecruit {width:660px; height:290px; margin-top:20px;}
.mainGuide {width:320px; height:290px; margin-left: 20px; margin-top:20px; border:none;}
.mainGuide * {display:block;}
.mainRealPost {width:320px; height:290px; margin-top:20px; border:none;}
.mainRealPost * {display:block;}
.mainCorp {width:320px; height:290px; margin-top:20px; border:none; margin-left:20px;}
.mainCorp a {display:block;}
.mainCorp .slick-dots {display:inline-block; position:absolute; left:30px; bottom:20px;}
.mainCorp .slick-dots li {display:inline-block; margin:0 4px; width:12px; height:12px; background:#f2f3f5; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; cursor:pointer;}
.mainCorp .slick-dots li.slick-active {background:#0a3190;}
.mainCorp .slick-dots li button {display:none;}



.mainSuccess {width:490px; margin-top:20px; position:relative; padding:0;}
.mainPost {width:320px; height:290px; margin-top:20px; margin-left:20px;}
.mainPhoto {width:660px; margin-top:20px;}
.mainNotice {width:320px; margin-top:20px; margin-left:20px;}

.mCommuTab ul {display:block; height:59px;}
.mCommuTab ul li {display:block; height:59px; width:50%; float:left; background:#f8f8f8; border-bottom:solid 1px #ddd;}
.mCommuTab ul li:first-child {border-right:solid 1px #ddd;}
.mCommuTab ul li a {display:block; height:58px; line-height:58px; text-align:center; color:#a1a1a1; font-size:16px; letter-spacing:-0.05em; cursor:pointer; font-weight:400;}
.mCommuTab ul li.current {background:#fff; border-bottom-color:#fff;}
.mCommuTab ul li.current a {color:#2f3641;}


.mPostCont {padding:23px 0;}
.mRecruitCont {padding:23px 0;}

.mPhotoReview .mainPost {height: 242px;}
.mPhotoReview .mPostCont {padding: 8px 0;}

.mPassMou .mCommuTab ul li, .mPhotoReview .mCommuTab ul li {padding: 0 20px; width: 100%; background: none; position: relative; border-right: none; border-bottom: none;}
.mPassMou .mCommuTab ul li h3, .mPhotoReview .mCommuTab ul li h3{font-size: 17px; color: #2f3641; letter-spacing: -0.075em; font-weight: 600; line-height: 59px;}
.mPassMou .mCommuTab ul li a, .mPhotoReview .mCommuTab ul li a {position: absolute; top: 50%; right: 20px; margin-top: -9px; text-indent:-9999px; display: block; width: 64px; height: 18px; background: url("/img/main/main_community_more.png")no-repeat center center;}


.mCommuTab_Bs {border-bottom:solid 1px #ddd;}
.mCommuTab_Bs ul {display:block; height:59px;}
.mCommuTab_Bs ul li {display:block; height:59px; width:100%; float:left; background:#f8f8f8;}
/* .mCommuTab_Bs ul li:first-child {border-right:solid 1px #ddd;} */
.mCommuTab_Bs ul li a {display:block; height:58px; line-height:58px; text-align:center; color:#a1a1a1; font-size:16px; letter-spacing:-0.05em; cursor:pointer; font-weight:400;}
.mCommuTab_Bs ul li.current {background:#fff; border-bottom-color:#fff;}
.mCommuTab_Bs ul li.current a {color:#2f3641;}

.mPostCont_Bs {padding:23px 0;}
.mRecruitCont_Bs {padding:23px 0;}




.mCommuTitle {height:78px; position:relative; padding:0 20px;}
.mCommuTitle h3 {font-size:17px; color:#2f3641; letter-spacing:-0.075em; font-weight:600; line-height:78px;}
.mCommuTitle h3 span {display:inline-block; margin-left:10px; font-size:14px; color:#666; font-weight:300; white-space:nowrap;}
.mCommuTitle a {position:absolute; text-indent:-9999px; top:50%; right:20px; margin-top:-9px; display:block; width:64px; height:18px; background:url("/img/main/main_community_more.png")no-repeat center center;}

.mCommuList {display:block;}
.mCommuList li {display:block; padding:3px 20px;}
.mCommuList li:last-child {margin-bottom:0;}
.mCommuList li a {display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; font-size:15px; letter-spacing:-0.025em; color:#a1a1a1; font-weight:300; max-width:80%;}
.mCommuList li img {vertical-align:middle; margin-left:10px;}

.mPhotoList {display:block; padding:0 10px;}
.mPhotoList li {display:block; width:213px; padding:0 10px; float:left;}
.mPhotoList li:last-child {width:192px; padding-right:0;}
.mPhotoList li a {display:block;}
.mPhotoList li a span {display:block; height:109px; overflow:hidden;}
.mPhotoList li a span img {width:100%;}
.mPhotoList li a p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; font-size:14px; color:#a1a1a1; letter-spacing:-0.05em; font-weight:300; padding:5px 7px;}


.mSucThumb {display:block; width:235px; height:242px; position:absolute; top:0; left:0;}
.mainSuccess a {display:block; width:100%; height:100%; padding:36px 28px 36px 262px;}
.mainSuccess h4 {font-size:21px; letter-spacing:-0.075em; color:#333; line-height:1.0em; margin-top:10px;}
.mainSuccess h5 {font-size:15px; letter-spacing:-0.075em; color:#000; line-height:1.0em; margin-top:20px; font-weight:400;}
.mainSuccess h5 span {display:block; font-size:12px; letter-spacing:-0.05em; color:#92a0b6; line-height:1.0em; margin-top:4px;}
.mainSuccess p {
	font-size:14px; letter-spacing:-0.075em; color:#a1a1a1; font-weight:300; margin-top:20px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.6; height: 4.8em;
	word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}



/* 시설안내 */
.mainInterior {position:relative; margin-top:40px;}
.miSliderTitle {width:380px; height:360px; padding-top:47px; padding-left:40px; position:absolute; top:20px; left:20px; background:rgba(6, 16, 46, 0.7);}
.miSliderBtn {position:absolute; top:20px; left:402px; width:50px;}
.miSliderBtn span,
.miSliderBtn a {display:block; width:100%; height:50px; text-indent:-9999px; position:absolute; cursor:pointer;}
.miSliderBtn .next {top:0; left:0; background:rgba(6, 16, 46, 0.7) url("/img/main/main_interior_next.png")no-repeat center center;}
.miSliderBtn .prev {top:52px; left:0; background:rgba(6, 16, 46, 0.7) url("/img/main/main_interior_prev.png")no-repeat center center;}
.miSliderBtn .more {top:104px; left:0; background:rgba(6, 16, 46, 0.7) url("/img/main/main_interior_more.png")no-repeat center center;}



/* 강사소개 */
.mainTeacher {margin-top:20px;}
.mainTeacher a {display:block;}
.mainTeacher a img {display:block;}




.payment001{padding:20px; margin-bottom:30px; background:#f2f3f5; border:1px solid #ddd; font-size:15px; letter-spacing:-0.025em;}


.main-customer{width:100%; height:100px; border-bottom:1px solid #eaeaea; ; border-top:1px solid #eaeaea; background: #fff; text-align:center;}
.contInner{width:1280px; margin: 0 auto}
.mCCquick, .mCCall{display:inline-block; height:100px;}
.mCCquick{padding-right:30px; margin-right:0px; vertical-align:top;}
.mCCquick li {width:100px; height:100px; display:inline-block; position:relative;}
.mCCquick li a{height:100px;padding-top:100px;display:block; background-repeat:no-repeat !important; background-position:center center !important;-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.mCCquick li a:hover{transform: translate3d(0,-5px,0);}
.mCCquick li a span{display:none;}
.mCCquick li.quick-prices a {background:url("/img/main/main_quick001.png");}
.mCCquick li.quick-online a {background:url("/img/main/main_quick002.png");}
.mCCquick li.quick-prices_vacation a {background:url("/img/main/main_quick003.png");} 
.mCCquick li.quick-feedback a {background:url("/img/main/main_quick004.png");}
.mCCquick li.quick-image a {background:url("/img/main/main_quick005.png");}
.mCCquick li.quick-kakao a {background:url("/img/main/main_quick006.png");}






.mCCquick li .bubble {display: block; position: absolute; padding: 3px 5px; margin-left: -42%; margin-bottom: -25%; border-radius: 20px; font-weight: 400; font-size: 12px; line-height: 1.1; color: #fff; letter-spacing: -0.08em; -webkit-animation: blink2 3.0s infinite;}
.mCCquick li .bubble:after {content:''; display: block; width: 0; height: 0; border-right: 10px solid transparent; position: absolute; z-index: -1; border-top: solid 9px;}
.mCCquick li:nth-child(1) .bubble {width: 73px; height: 34px; left: 100%; bottom: 100%; z-index:2; background-color: #4447ff;}
.mCCquick li:nth-child(1) .bubble:after {bottom: -3px; left: 4px; border-top:solid 9px #4447ff;}
.mCCquick li:nth-child(2) .bubble {width: 73px; height: 24px; left: 100%; bottom: 100%; z-index:2; padding: 4px 5px; background-color: #ff4444;}
.mCCquick li:nth-child(2) .bubble:after {bottom: -3px; left: 4px; border-top:solid 9px #ff4444;}

@-webkit-keyframes blink {
    0% {opacity:0; }
	49% {opacity:0;}
	50% {opacity:1;}
	99% {opacity:1;}
	100% {opacity:0; }
}
@-webkit-keyframes blink2 {
    0% {opacity:1; }
	49% {opacity:1;}
	50% {opacity:0;}
	99% {opacity:0;}
	100% {opacity:1; }
}
.mCCall dl, .mCCall h4{display:inline-block; text-align:left !important;}
.mCCall{padding:20px 0;}
.mCCall dl dt{font-family:"roboto"; font-size:21px; font-weight:bold; line-height:1.2em;}
.mCCall h4{font-family:"roboto"; font-size:44px; font-weight:bold; letter-spacing:-0.075em; padding-left:20px; position:relative;}
.mCCquick li a:after{content:"";display:block; position:absolute; width:1px; height:20px; right:0px; top:50%; margin-top:-10px; background:#eaeaea}

.opDayBtn {
	position:absolute; top:50%; left:100%; margin-top:-17px; margin-left:20px;
	display:block; height:34px; line-height:32px; color:#fff; padding-left:12px; width:138px; background:#e93436; font-weight:500; letter-spacing:-0.075em; font-size:13px;
	border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; 
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.25);
	text-shadow: 0px 1px 2px rgba(150, 150, 150, 1);
}
.opDayBtn:hover {color:#fff;}
.opDayBtn:before {content:""; display:block; width:7px; height:9px; background:url("/img/main/mRarrow_wh.png")no-repeat center right; background-size:cover; position:absolute; right:10px; top:50%; margin-top:-5px;}