 

/*  메인배너 */
.mBannerWrap {position:relative; margin-top:80px;}
.mBannerCont {height:520px; padding-top:210px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important;}
.mBannerCont#mBanner00 {background:url("/img/curriculum/Main_banner_170504.jpg")no-repeat center center;}
.mBannerCont#mBanner01 {background:url("/img/curriculum/curri01_bg01.jpg")no-repeat center center;}
.mBannerCont#mBanner02 {background:url("/img/curriculum/curri02_bg01.jpg")no-repeat center center;}
.mBannerCont#mBanner03 {background:url("/img/curriculum/curri03_bg01.jpg")no-repeat center center;}
.mBannerCont#mBanner04 {background:url("/img/curriculum/curri04_bg01.jpg")no-repeat center center;}
.mBannerCont#mBanner05 {background:url("/img/curriculum/curri05_bg01.jpg")no-repeat center center;}
.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:#1d479e; 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:hover {color:#fff; background:#1b4ba0 url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1b4ba0;}
.mBannerLink span{font-weight:400 !important;}
.mBannerBtn {position:absolute; top:50%; left:0; right:0; width:1000px; margin:0 auto;}
.mBannerBtn span {position:absolute; display:block; width:60px; height:118px; margin-top:0px; cursor:pointer; text-indent:-9999px;}
.mBannerBtn .prev {left:-60px; background:url("/img/main/main_banner_btn_prev.png")no-repeat center center;}
.mBannerBtn .next {right:-60px; background:url("/img/main/main_banner_btn_next.png")no-repeat center center;}

.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:140px;}
.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;}

.mBannerCont_language {height:520px; padding-top:120px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important;}
.mBannerImg_language {display:block; text-align:left; margin-bottom:30px; margin-left:30px;}
.mBannerLink_language {display:inline-block; 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_language.white {color:#FCFCFC;border:2px solid #FCFCFC;background: rgba(0,0,0,0.0) url(/img/common/arrow_wh.png) 90% center no-repeat;}
.mBannerLink_language.white:hover {color:#1d479e;background: rgba(0,0,0,0.0) url(/img/common/arrow_bk.png) 90% center no-repeat;background-color:#FCFCFC;}
.mBannerLink_language.pink {color:#f46baf;border:2px solid #f46baf;background: rgba(255,255,255,0.5) url(/img/common/arrow_pk.png) 90% center no-repeat;}
.mBannerLink_language.pink:hover {color:#FCFCFC;background: rgba(0,0,0,0.0) url(/img/common/arrow_wh.png) 90% center no-repeat;background-color:#f46baf;}

/* 180404_외항사 채용대비 승무원 과외단기반 */
.mBannerImg_outport {display:block; text-align:left;}
.mBannerCont_outport {height:520px; padding-top:180px; background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important;}
.mBannerCont_outport .container {/* padding-left:60px; */ margin-top:-8px;}
.mBannerLink_outport {display:inline-block; margin-top: 20px; 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_outport:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_outport span{font-weight:400 !important;}

/* 소수정예 초단기과외반 */
.mBannerImg_class {display:block; text-align:left; margin-bottom:32px; margin-top: -23px;}

/* 181026_대한항공/아시아나 초단기*/
.mBannerLink_ultrashort {display:inline-block; margin-left:310px; 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_ultrashort:hover {color:#fff; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1a408e;}
.mBannerLink_ultrashort span{font-weight:400 !important;}

/* 201224_겨울방학 할인이벤트 */
.mBannerImg_sale {display:block; text-align:left; margin-bottom:10px;}
.mBannerImg_sale img {display:inline-block;}

/* 220518_카타르 */
.mBannerImg_Qatar {display:block; text-align:left;}
.mBannerImg_Qatar img {display:inline-block;}
.mBannerLink_Qatar {display:inline-block; margin-top: -120px; margin-right:12px; padding:7px 38px 7px 18px; color:#5c0633; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #5c0633; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/main/arrow_Qatar.png") 90% center no-repeat;}
.mBannerLink_Qatar:hover {color:#fff; background:#5c0633 url("/img/common/arrow_qatar.png") 90% center no-repeat; border:2px solid #5c0633;}
.mBannerLink_Qatar span{font-weight:400 !important;}

/* 210804_외항사 */
.mBannerImg_05 {display:block; text-align:left;}
.mBannerImg_05 img {display:inline-block;}
.mBannerLink_05 {display:inline-block; margin-top: -120px; margin-right:12px; padding:7px 38px 7px 18px; color:#d51f28; font-size:16px; font-weight:100; letter-spacing:-0.1em; border:2px solid #d51f28; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/main/arrow_Qatar.png") 90% center no-repeat;}
.mBannerLink_05:hover {color:#fff; background:#d51f28 url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #d51f28;}
.mBannerLink_05 span{font-weight:400 !important;}


/* 211022_국내항공사 소수정예 승무원과외 */
.mBannerLink_sosu {display:inline-block; margin-top:-30px; margin-right:12px; padding:7px 38px 7px 18px; color:#1d479e; 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_sosu:hover {color:#fff; background:#1b4ba0 url("/img/common/arrow_wh.png") 90% center no-repeat; border:2px solid #1b4ba0;}
.mBannerLink_sosu span{font-weight:400 !important;}

.mBanner .mBannerVideo {overflow:hidden; padding-top: 0;}
.mBannerCont video {position: absolute; top: 0; left: 50%; min-width: 100%; min-height: 100%; transform: translateX(-50%);cursor:pointer;}


/*  개강일안내 */
.mOpenDay {height:56px; border-bottom:solid 1px #1a408e; position:relative; background:#1a408e;}
.classOpen {line-height:55px; color:#fff; letter-spacing:-0.05em; font-size:14px; float:left;}
.classOpen h5 {display:inline-block; line-height:55px; color:#fff; font-size:14px; letter-spacing:-0.05em; padding-right:10px; font-weight:600;}
.classOpen span {color:#fff; display:inline-block; margin-left:10px; margin-right:2px; 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:#02b6d7 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 #fff;
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:#1a1c27; width:100%; position:absolute; left:50%; top:0; margin-left:-68px; cursor:pointer;height:56px}
#specialSeven .spSeven {position:absolute; left:290px; 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:30px; 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; color:#fff; font-size: 14px; letter-spacing: -0.07em; line-height: 2.6em; padding-left: 20px;
	display:inline-block; width:220px; height:38px; background:#1a408e url("/img/common/arrow_wh.png") 90% center no-repeat;
	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);
}
.mCusBtn:hover {background:#e50000  url("/img/common/arrow_wh.png") 90% center no-repeat;}

.mCusBg {position:absolute; left:0; bottom:0;}
.mCusCallNum {position:absolute; top:50px; 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(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;}
.mcBlock {display:block; height:680px;}
.mcBlock li {display:block; width:320px; height:320px; float:left; margin-right:20px; margin-top:20px; position:relative; overflow:hidden; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important;}
.mcBlock li:nth-child(3n) {margin-right:0;}
.mcBlock li:last-child .mcCover {background:none;}
.mcCover {position:absolute; top:0; left:0; right:0; width:100%; height:100%; background:rgba(6, 16, 46, 0.7); padding:55px 30px;}
.mcBtn {display:inline-block; margin-right:12px; margin-top:20px; white-space:nowrap; padding:4px 40px 4px 15px; color:#fff; font-size:13px; font-weight:400; letter-spacing:-0.025em; border:2px solid #fff; border-radius:100px; background: rgba(0,0,0,0.0) url("/img/common/arrow_wh.png") 90% center no-repeat; background-size:7px auto;}
.mcBtnB {color:#1b4ba0; background:#fff url("/img/common/arrow_bk.png") 90% center no-repeat; background-size:7px auto;}


/* 나에게 맞는 교육과정 찾기 */
.mainQuestion {margin-top:40px; margin-bottom: 30px; background:#011a4d; height:75px; position:relative; padding-left:276px;}
.mqAir {position:absolute; left:-13px; bottom:-23px; z-index:2;}
.mqMenu {display:block; height:75px;}
.mqMenu li {display:block; width:122px; float:left;}
.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:#02b6d7 url("/img/main/main_question_mySearch.png")no-repeat center center;}



/* 커뮤니티 */
.mainCommu {height:242px; float:left; border:solid 1px #ddd;}
.mainRecruit {width:490px; margin-top:40px;}
.mainGuide {width:490px; margin-top:25px; margin-left:20px; position:relative; background:#f2f3f5; padding:44px 0; padding-left:200px;}
.mainSuccess {width:490px; margin-top:40px; margin-left: 20px; position:relative; padding:0;}
.mainPost {width:490px; margin-top:25px;}
.mainPhoto {width:660px; margin-top:25px;}
.mainNotice {width:320px; margin-top:25px; margin-left:20px;}

.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:14px; letter-spacing:-0.025em; color:#a1a1a1; font-weight:300; max-width:90%;}
.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;}

/* 세미나 */
.mainSeminar {margin: 80px 0 30px; padding: 70px 0; background: url('/img/main/main_seminar_bg.jpg') no-repeat center; background-size: cover;}
.mainSeminar h3 {display: flex; align-items: center; width: 680px; padding: 23px 0 40px; border-top: 2px solid #e1e2e5;}
.mainSeminar h3 > a {display: inline-block; margin-left: 20px; width: 26px; height: 34px; background: url('/img/main/main_more_white.png') no-repeat center; text-indent: -9999px;}
.mainSeminar h3 small {margin-left: 30px; font-weight: 300; font-size: 12px; color: #e1e2e5;}
.mSeminarWrap {position: relative; padding-bottom: 30px;}
.mSeminarWrap .slide-btn {position: absolute; top: 50%; margin-top: -60px; width: 34px; height: 68px; cursor: pointer; text-indent: -9999px; background-repeat: no-repeat; background-size: contain;}
.mSeminarWrap .prev {left: -70px; right: auto; background-image: url('/img/main/main_seminar_btn_prev.png');}
.mSeminarWrap .next {left: auto; right: -70px; background-image: url('/img/main/main_seminar_btn_next.png');}
.mSeminarList {display: flex;}
.mSeminarList a {display: block; padding: 0 10px;}
.mSeminarList h5 {padding-top: 10px; font-weight: 400; font-size: 17px; color: #fff; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mSeminarList small {font-size: 13px; color: #9197a5; letter-spacing: -0.05em;}
.mSeminarList figure {margin: 0; padding-bottom: 140%; background-size: cover; box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.3);}

.mainGuide a {margin-right:0; margin-top:15px;}
.mGuideBook {position:absolute; left:27px; top:33px;}
.mGuideFree {position:absolute; top:-21px; right:36px;}

.mSucThumb {display:block; width:235px; height:242px; position:absolute; top:0; left:0;}
.mainSuccess a {display:block; width:100%; height:100%; padding:28px 28px 28px 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;
}
.mSucText {font-size:14px; letter-spacing:-0.075em; color:#a1a1a1; font-weight:500; }


/* 시설안내 */
.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_re.png");}
.mCCquick li.quick-kakao a {background:url("/img/main/main_quick006.png");}
.mCCquick li.quick-loca a {background:url("/img/main/main_quick007.png");}

/* 2311 추가 */
.main-slide-controller {position: absolute; bottom: 30px; left: 0; right: 0; z-index: 10; max-width: 1920px; pointer-events:none;}
.main-slide-controller .container {display: flex; align-items: center; justify-content: flex-end; position: relative; padding: 0;}
.slide-timer {position: relative; width: 50px; height: 50px; margin-right: 30px; border-radius: 100%; background: rgba(0, 0, 0, 0.07); transition: left 0.5s;}
.btn-control {position: absolute; left: 0; top: 0; z-index: 1; width: 50px; height: 50px; border:0; background: none; text-indent: -9999px; transition: .4s ease; pointer-events: auto;}
.btn-control: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;}
.btn-control.is-pause:after {height: 0; margin-left: 2px; border-style: solid; border-width: 9px 0 9px 14px;}
.slide-timer .progress {width: 50px; height: 50px; overflow: visible; transform: rotate(-90deg); transition: .4s ease;}
.slide-timer .progress .top {fill: transparent; stroke: #fff; stroke-width: 3; stroke-dashoffset: 201px; stroke-dasharray: 201px; stroke-linecap: round;}
.slide-timer .progress .bottom {fill: transparent; stroke: rgba(255, 255, 255, 0.5); stroke-width: 3; stroke-dasharray: 201px;}
.main-prev, .main-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;}
.main-prev {background: rgba(0, 0, 0, 0.07) url('/img/main/main_banner_prev.png') no-repeat center;}
.main-next {margin-left: 10px; background: rgba(0, 0, 0, 0.07) url('/img/main/main_banner_next.png') no-repeat center;}
.main-slide-controller .fraction {margin-left: 15px; width: auto; font-weight: 300; font-size: 20px; color: rgba(255, 255, 255, 0.7); text-shadow: 0px 0px 5px rgb(135 135 135 / 45%);}
.main-slide-controller .fraction > * {padding: 0 3px;}
.main-slide-controller .fraction .current-num {color: #fff;}




.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: 2.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;}
