/* 공통 슬라이더스타일 */
.squareDot .slick-dots {display:inline-block; position:absolute; right:15px; bottom:20px;}
.squareDot .slick-dots li {display:inline-block; width:8px; height:8px; border:solid 1px #fff; margin-left:4px;}
.squareDot .slick-dots li.slick-active {background:#fff;}
.squareDot .slick-dots li button {display:none;}
.banArrow .slick-arrow {border:none; text-indent:-9999px; position:absolute; top:50%; width:25px; height:25px; margin-top:-12px; background-size:cover !important; z-index:2;}
.banArrow .slick-prev {left:0; background:url("/m/renewal2017/img/main/banner_arrow01_prev.png");}
.banArrow .slick-next {right:0; background:url("/m/renewal2017/img/main/banner_arrow01_next.png");}

/* 메인배너 */
.mainBanner a {display:block; position:relative;}
.mainBanner a .mbTitle {padding:0 25px; position:absolute; bottom:25px; left:0; right:0;}
.mainBanner a.slick-slide .mbTitle {opacity:0;}
.mainBanner a.slick-current .mbTitle {opacity:1.0;}

/* 퀵메뉴 */
.mainQuick {display:block; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.mainQuick:after {content:""; display:table; clear:both;}
.mainQuick li {width:20%; float:left; position:relative;}
.mainQuick li:after {content: ""; width:1px; height:32px; position:absolute; right:0; top:50%; margin-top:-16px; background:#dadada;}
.mainQuick li:last-child:after {display:none;}
.mainQuick li a {display:block;}
.mainQuick li a img {width:100%;}

/* 이벤트 */
.mainAD {display:block;}
.mEvtList {display:block; margin-top:-38px;}
.mEvtList li {display:block; padding-bottom:40px;}
.mEvtList li a {display:block; position:relative;}
.mEvtList li a span {display:block; float:left;}
.mEvtList li a span img {width:100%;}
.mEvtList li a span#mEvt01a {width:59%;}
.mEvtList li a span#mEvt01b {width:41%;}
.mEvtList li a span#mEvt02a {width:73%; position:relative; z-index:2;}
.mEvtList li a span#mEvt02b {width:35%; position:absolute; z-index:1; right:0; top:0;}

/* 커리큘럼 */
.mainRegular {padding:25px 10px;}
.mainRegular ul {display:block; padding-top:15px;}
.mainRegular ul li {display:block; width:50%; float:left;}
.mainRegular ul li:nth-child(1) {padding-right:1px; padding-bottom:1px;}
.mainRegular ul li:nth-child(2) {padding-left:1px; padding-bottom:1px;}
.mainRegular ul li:nth-child(3) {padding-right:1px; padding-top:1px;}
.mainRegular ul li:nth-child(4) {padding-left:1px; padding-top:1px;}
.mainRegular ul li a {display:block;}
.mainRegular ul li a img {width:100%;}
.mainRegular .mainTitle a {}
.mainRegular .mainTitle h3 {}
.mainRegular .mainTitle h3 span {}


/* 교육시설 */
.mainInter {position:relative;}
.mainInterTitle {display:inline-block; position:absolute; top:27px; left:25px;}


/* 강사소개 */
.mainTeacher {background:#f3f3f3; padding:15px;}
.mainTeacher .slick-list {z-index:1; overflow:visible !important;}
.mainTeacher .slick-slide {margin:0 4px;}
.mainTeacher .slick-slide img {width:100%;}
.mainTeacher .slick-arrow {display:block; width:36px; height:50px; position:absolute; top:50%; margin-top:-25px; border:none; z-index:2; text-indent:-9999px; background-size:cover !important;}
.mainTeacher .slick-prev {left:0; background:url("/m/renewal2017/img/main/main_teacher_arrow_prev.png")no-repeat center center;}
.mainTeacher .slick-next {right:0; background:url("/m/renewal2017/img/main/main_teacher_arrow_next.png")no-repeat center center;}

.mTeachCont {background:#f3f3f3; padding:15px;}
.mTeachCont ul {display:block;}
.mTeachCont ul li {display:block; width:33.3333%; float:left;}
.mTeachCont ul li a {display:block;}
.mTeachCont ul li a img {width:100%;}

/* 공통메인타이틀 */
.mainTitle {height:22px; position:relative;}
.mainTitle h3 {height:22px; line-height:22px; color:#666; font-size:9pt; font-weight:300; letter-spacing:-0.06em; vertical-align:top;}
.mainTitle h3 span {display:inline-block; height:22px; line-height:22px; font-weight:400; padding:0 6px; font-size:8.5pt; vertical-align:top; white-space:nowrap; margin-right:6px; letter-spacing:-0.02em; color:#fff; background:#222;}
.mainTitle a {display:inline-block; width:20px; height:19px; position:absolute; top:1px; right:0; text-indent:-9999px; background:url("/m/renewal2017/img/common/common_arrow_bk.png")no-repeat center center; background-size:cover;}
.postSNS {height:100%; vertical-align:top; margin-left:5px;}

/* 포토스토리 */
.mainPhoto {padding-top:10px; padding-bottom:10px;}
.mPhotoPaging {text-align:right; padding:0 15px;}
.mPhotoPaging span {display:inline-block; line-height:19px; padding:0 7px; color:#1792a1; letter-spacing:0.08em;}
.mPhotoPaging span b {font-weight:400; color:#969696;}
.mPhotoPaging a {display:inline-block; width:20px; height:19px;}
.mPhotoPaging a img {vertical-align:top;}
.mPhotoTitle {padding-left:15px; position:relative;}
.mPhotoName {width:16%; float:left; padding-right:7px;}
.mPhotoSlider {margin-top:20px;}
.mPhotoCont {padding:0 15px;}
.mPhotoCont ul {display:block;}
.mPhotoCont ul li {display:block; width:50%; float:left; margin-bottom:20px;}
.mPhotoCont ul li:nth-child(2n-1) {padding-right:3px;}
.mPhotoCont ul li:nth-child(2n) {padding-left:3px;}
.mPhotoCont ul li:nth-child(3n),
.mPhotoCont ul li:nth-child(4n) {margin-bottom:10px;}
.mPhotoCont ul li a {display:block;}
.mPhotoCont ul li a span {display:block; width:100%; height:100%; position:absolute; top:0; left:0; right:0; background-size:cover !important; background-position:center center !important;}
.mPhotoCont ul li a p {
	margin-top:6px;
	color:#666666;
	font-size:9pt;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
	line-height:1.4;
	height:2.8em;
	text-align:left;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.mPhotoLine{width:80%; float:left; display:block; height:1px; background:#d3d3d3; position:absolute; top:50%; right:0;}
.mPhotoLine .currentLine{position: absolute; top:0; height:2px; background: #1792a1;}
.mPhotoLine[data-current="0"] .currentLine{left:0; right:66.6666%;}
.mPhotoLine[data-current="1"] .currentLine{left:33.3333%; right:33.3333%;}
.mPhotoLine[data-current="2"] .currentLine{left:66.6666%; right:0;}
.currentLine.animation{
	-webkit-transition: left 200ms cubic-bezier(0.4, 0.0, 0.2, 1), right 200ms cubic-bezier(0.4, 0.0, 0.2, 1) 70ms;
	-moz-transition: left 200ms cubic-bezier(0.4, 0.0, 0.2, 1), right 200ms cubic-bezier(0.4, 0.0, 0.2, 1) 70ms;
	-ms-transition: left 200ms cubic-bezier(0.4, 0.0, 0.2, 1), right 200ms cubic-bezier(0.4, 0.0, 0.2, 1) 70ms; /* IE10 is actually unprefixed */
	-o-transition: left 200ms cubic-bezier(0.4, 0.0, 0.2, 1), right 200ms cubic-bezier(0.4, 0.0, 0.2, 1) 70ms;
	transition: left 200ms cubic-bezier(0.4, 0.0, 0.2, 1), right 200ms cubic-bezier(0.4, 0.0, 0.2, 1) 70ms;
}
.currentLine.reverseAnimation{
	-webkit-transition: right 200ms cubic-bezier(0.4, 0.0, 0.2, 1), left 200ms cubic-bezier(0.4, 0.0, 0.2, 1) 70ms;
	-moz-transition: right 200ms cubic-bezier(0.4, 0.0, 0.2, 1), left 200ms cubic-bezier(0.4, 0.0, 0.2, 1) 70ms;
	-ms-transition: right 200ms cubic-bezier(0.4, 0.0, 0.2, 1), left 200ms cubic-bezier(0.4, 0.0, 0.2, 1) 70ms; /* IE10 is actually unprefixed */
	-o-transition: right 200ms cubic-bezier(0.4, 0.0, 0.2, 1), left 200ms cubic-bezier(0.4, 0.0, 0.2, 1) 70ms;
	transition: right 200ms cubic-bezier(0.4, 0.0, 0.2, 1), left 200ms cubic-bezier(0.4, 0.0, 0.2, 1) 70ms;
}

/* 공지사항 */
.mainNotice {padding:25px 15px; background:#f5f5f5;}
.mainNotice ul {display:block; margin-top:15px;}
.mainNotice ul li {display:block; padding:0 15px; margin-bottom:6px; background:#fff url("/m/renewal2017/img/common/box_arrow_bk.png")no-repeat right center; background-size:25px 25px;}
.mainNotice ul li:last-child {margin-bottom:0;}
.mainNotice ul li a {display:block; height:50px; line-height:50px; color:#212121; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}






/* 과정검색 */
.searchEventTitle {border-bottom:solid 1px #ddd; padding:30px 15px 30px; font-size:16pt; letter-spacing:-0.075em; font-weight:300; text-align:center; background:#f5f5f5;}
.searchEventTitle span {font-weight:600; color:#0ea8aa;}
.searchList li {padding:15px; border-bottom:solid 1px #ddd;}
.searchList li dt {padding-bottom:7px;}
.searchList li dt a {display:inline-block; font-size:11pt; color:#000; font-weight:400; white-space:nowrap;}
.searchList li dt a b {color:#0ea8aa;}
.searchList li dl p {font-size:9pt; color:#666; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.6; max-height: 4.7em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.searchList li dl a {font-size:9pt; color:#333; text-decoration:underline; display:inline-block; padding-top:3px;}
.searchList li.searchNo {font-size:12px; color:#333; font-family:"dotum", "gulim"; text-align:center; padding-top:80px;}

.gsSearch {padding:0 15px; position:relative;}
.gsSearch input[type="text"] {padding-right:44px; display:block;}
.gsSearch a {display:block; width:44px; height:40px; position:absolute; right:15px; top:0; text-indent:-9999px; background:url("/m/renewal2017/img/common/gnb_menu_search.png")no-repeat center center; background-size:19px auto;}


/* 개강일 */
.mainOpen {position:relative; padding:15px 10px;}
.mainOpen h2 {height:14px; text-indent:-9999px; background:url("/m/renewal2017/img/main/main_openningday.png")no-repeat left bottom; background-size:auto 12px; }
.moSlider {padding-top:3px;display:inline-block;white-space:nowrap;}
.moSlider .slick-slide {font-size:10pt; letter-spacing:-0.075em; display:block}
.moSlider .slick-slide b {display:inline-block; color:#1792a1; margin-right:5px;}
.moTuition {display:block; height:20px; line-height:20px; position:absolute; right:15px; bottom:15px; padding-right:25px; color:#333;}
.moTuition:after {content:""; display:block; width:20px; height:19px; position:absolute; right:0; top:50%; margin-top:-10px; background:url("/m/renewal2017/img/common/common_arrow_bk.png")no-repeat center center; background-size:cover;}





.mainip {background:#f5f5f5; padding-bottom:5px;padding-top:5px;}
.mainip:after {content:""; display:table; clear:both;}
.mipCont {width:50%; float:left;}
.mipCont:first-child {padding-right:2px;}
.mipCont:last-child {padding-left:2px;}
.mipWrap {background:#fff; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);}
.mipWrap h3 {padding:15px 10px 0; position:relative; line-height:22px; font-size:8.5pt;}
.mipWrap h3 span {display:inline-block; height:22px; line-height:22px; font-weight:400; padding:0 6px; white-space:nowrap; letter-spacing:-0.02em; color:#fff; background:#222;}
.mipWrap h3 > a {display:block; width:20px; height:19px; position:absolute; bottom:0; right:10px; text-indent:-9999px; background:url("/m/renewal2017/img/common/common_arrow_bk.png")no-repeat center center; background-size:cover;}
.mipWrap > a {display:block; padding:10px;}
.mipWrap > a span {display:block; width:100%; padding-bottom:80%; background-size:cover !important; background-position:center top !important;}
.mipWrap > a p {text-align:center; letter-spacing:-0.075em; padding-top:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.evtBanner {overflow:hidden}
.evtBanner .slick-dots {display:block; position:absolute; left:0; right:0px; bottom:15px; text-align:center; width:100%}
.evtBanner .slick-dots li {display:inline-block; width:8px; height:8px; background: rgba(242,243,245,0.7); margin:0 4px; border-radius:12px;}
.evtBanner .slick-dots li.slick-active {background:#1792a1;}
.evtBanner .slick-dots li button {display:none;}



.mainport {background:#f5f5f5; padding-bottom:5px;}
.mainport:after {content:""; display:table; clear:both;}
.mainportCont {width:100%; float:left;}
.mainportCont a{width:33.33333333%; float:left;}
.mainportCont:after, .mainportWrap:after {content:""; display:table; clear:both;}

.mainportWrap {background:#fff; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);}
.mainportWrap h3 {padding:15px 10px 0; position:relative; line-height:22px; font-size:8.5pt;}
.mainportWrap h3 span {display:inline-block; height:22px; line-height:22px; font-weight:400; padding:0 6px; white-space:nowrap; letter-spacing:-0.02em; color:#fff; background:#222;}
.mainportWrap h3 > a {display:block; width:20px; height:19px; position:absolute; bottom:0; right:10px; text-indent:-9999px; background:url("/m/renewal2017/img/common/common_arrow_bk.png")no-repeat center center; background-size:cover;}
.mainportWrap > a {display:block; padding:10px;}
.mainportWrap > a span {display:block; width:100%; padding-bottom:80%; background-size:cover !important; background-position:center top !important;}
.mainportWrap > a p {text-align:center; letter-spacing:-0.075em; padding-top:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainportWrap > a em{display:inline-block; padding-right:5px; color:#1792a1; font-style:normal; }





.awardSlider {background:#222;}
.awardSlider .slick-slide img {display:block; height:30px; width:auto; margin:0 auto;}




.cb_titileArea{padding:30px 15px; font-size:15pt; color:#333;  }






.evtbGolden {display:block; position:relative;}

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
.evtCdWrap {position:absolute; left:0; right:0; top:0; bottom:0; }
.evtCdTable {display:table; width:100%; height:100%;}
.evtCdCell {display:table-cell; vertical-align:middle; width:100%; text-align:center;}
#countDown {width:60%; margin:0 auto;}
#countDown:after {content:""; display:table; clear:both;}
#countDown li {color:#151515; float:left;}
#countDown li.day {display:none;}
#countDown li:nth-child(2) {display:none;}
#countDown li:nth-child(2n) {width:4%; height:100%; }
#countDown li:nth-child(2n) em {display:block; width:100%; padding-bottom:635%; position:relative;}
#countDown li:nth-child(2n) span {display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:url("/web/renewal2016/mainRe/img/banner/evt180705_dot_m.png")no-repeat center center; text-indent:-9999px; background-size:cover;}
#countDown li:nth-child(2n-1) {width:22%;}
#countDown li:nth-child(2n-1) em {font-style:normal; display:block; width:100%; padding-bottom:115%; position:relative;}
#countDown li:nth-child(2n-1) span {display:block; text-align:center; font-size:9vw; margin-top:-5px; font-weight:bold; position:absolute; left:0; right:0; top:15%; bottom:0; font-family: 'Nanum Gothic', sans-serif;}


.mqNew02 {padding:15px 11px; width:100%; float:left;}
.mqNew02 ul:after {content:""; display:table; clear:both;}
.mqNew02 li{padding:0 4px; float:left; width:50%; }
.mqNew02 li a{padding:15px; line-height:1.2rem; font-size:11pt; color:#282828; background-position:90% center !important; background-size:auto 30px !important; position:relative; display:block;background-repeat:no-repeat !important; font-weight:500; letter-spacing:-0.05em;}
.mqNew02 li:nth-child(1) a{background: #1792a1  url('/m/renewal2017/img/main/icon_tuitionnew.png'); border:1px solid #116b76; color:#fff}
.mqNew02 li:nth-child(1) a:after {content:""; display:block; width:59px; height:34px; position:absolute; left:54px; top:2px; background:url('/m/renewal2017/img/main/main_quick_event.gif')no-repeat center center; background-size:100% auto;}
.mqNew02 li:nth-child(2).night a{background: #5c91fc  url('/m/img/main/icon_target_new.png')}
.mqNew02 li:nth-child(2) a{background: #fff  url('/m/renewal2017/img/main/icon_call_new.png'); border:1px solid #ddd}
.clear{clear:both}


@media (max-width:350px){
	.mqNew02 {padding:10px 7px; width:100%; float:left;}

}


.opd {padding:15px 10px;}
.opd ul {margin:0 -2px; padding-top:5px;}
.opd ul:after {content:""; display:table; clear:both;}
.opd li {float:left; width:50%; text-align:center; padding:0 2px;}
.opd li div {border:solid 1px #ddd; padding:10px 0; font-size:10pt;}
.opd li span {color:#1792a1; font-weight:500;}
.opd > h5 {display:inline-block; height: 22px; font-size:8.5pt; line-height: 22px; font-weight: 400; padding: 0 6px; white-space: nowrap; letter-spacing: -0.02em; color: #fff; background: #222;}


.ks_main_quick{width:100%; position:relative; }
.ks_main_quick:after{content:""; display:table; clear:both;}
.ks_main_quick ul li {float:left; width:25%; }
.ks_main_quick ul li a{display:block; width:100%; position:relative;}
.ks_main_quick ul li a img{width:100%;}

.ks_main_community{width:100%; position:relative; padding:40px 20px; background:#fafafa;}
.ks_main_seminar{width:100%; position:relative; padding:40px 20px;}
.ks_main_titile{width:100%; position:relative; padding-bottom:15px;}
.ks_main_titile h3{font-size:17px; letter-spacing:-0.075em; color:#282828}
.ks_main_titile a{font-family:"roboto", sans-serif; color:#282828; font-weight:bold; font-size:10pt;position:absolute; right:0px; bottom:15px;}
.ks_main_cont{width:100%; position:relative; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:20px;}


.mnSlider {margin:0 -5px; width:60%;}
.mnSlider,
.mnSlider .slick-list,
.mnSlider .slick-track {overflow:visible !important;}
.mnSlider .slick-dots {text-align:center; margin-right:-46%; padding-top:5px;}
.mnSlider .slick-dots li {display:inline-block; width:7px; height:7px; margin:0 3px; background:#ccc; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
.mnSlider .slick-dots li.slick-active {background:#213c49;}
.mnSlider .slick-dots li button {display:none;}

.mnCont {padding:0 5px;}
.mnCont > div {position:relative;}
.mnCont a {display:block;}
.mnCont a em {
	display:block; padding-bottom:55%; background-size:cover !important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
	background-position:center center !important;

}
.mnCont p {font-size:10pt; text-align:center; margin-top:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ksmEnd{border-bottom:0px; }


.ks_main_btn {display: block; position: relative;}
.ks_main_btn{margin-top: 0px;margin-bottom: 0px;padding: 0 0px;text-align: left;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.ks_main_btn .btn_line_blue {width: 48%;border: 1px solid #1792a1;background-color: #fff;padding: 13px 0px 12px;border-color: #1792a1;border-radius: 3px;font-weight: 500;font-size: 14px;color: #333;box-shadow: 0 4px 20px rgba(0,0,0,0.1);text-align: center; vertical-align:middle;}
.ks_main_btn .btn_line_blue.btn_arrow::after {content: ''; display: inline-block; width: 8px; height: 8px; border: 1px solid #333; border-bottom: none; border-right: none; transform: rotate(135deg);font: normal 15px/1.53 'ShinhanCard', 'sans-serif'; margin-left:4px; vertical-align:middle;}

.ks_main_btn .btn_line_pink {width: 31%;border: 1px solid #1792a1;background-color: #1792a1;padding: 13px 0px 12px;border-color: #1792a1;border-radius: 3px;font-weight: 500;font-size: 14px;color: #fff;box-shadow: 0 4px 20px rgba(0,0,0,0.1);text-align: center; vertical-align:middle;}
.ks_main_btn .btn_line_pink.btn_arrow::after {content: ''; display: inline-block; width: 8px; height: 8px; border: 1px solid #fff; border-bottom: none; border-right: none; transform: rotate(135deg);font: normal 15px/1.53 'ShinhanCard', 'sans-serif'; margin-left:4px; vertical-align:middle;}

.ks_main_btn a.btn_line_pink .bubble {display:block; position:absolute; padding: 3px 5px; margin-left:-77%; margin-bottom:-2%; border-radius: 35px; font-style: normal; font-weight: 300; font-size: 10px; line-height: 1.3; color: #fff; letter-spacing: -0.08em; -webkit-animation: blink 1.0s infinite;}
.ks_main_btn a.btn_line_pink .bubble:after {content:''; display: block; width: 0; height: 0; border-right: 10px solid transparent; position: absolute; z-index: 1; border-top: solid 9px;}
.ks_main_btn a.btn_line_pink .bubble b {line-height:29px; font-size: 17px; vertical-align: inherit;}
.ks_main_btn a.btn_line_pink .bubble img {margin-bottom: 2px; margin-right: 6px;}
.ks_main_btn a.btn_line_pink:nth-child(1) .bubble {width: 87px; height:35px; left:100%; bottom:100%; background-color: #ff4444; color: #fff; font-family: "roboto", sans-serif; font-weight: 700; font-size: 15px;}
.ks_main_btn a.btn_line_pink:nth-child(1) .bubble:after {bottom: -5px; left: 7px; border-top:solid 9px #ff4444;}
.ks_main_btn a.btn_line_pink:nth-child(1) .bubble:before {content:''; display: block; position: absolute; right: -10px; top: 12px; width: 22px; height: 23px; background:url('/m/renewal2017/img/main_ks/icon_point.png') no-repeat 0 0;}
@-webkit-keyframes blink {
    0% {opacity:0; }
	49% {opacity:0;}
	50% {opacity:1;}
	99% {opacity:1;}
	100% {opacity:0; }
}

.ks_main_banner{display: block; width:100%; position:relative;}
.ks_main_banner img{width:100%;}
.ks_main_banner .banner_overlay{display: flex; justify-content:center; align-items:center; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.ks_main_banner .banner_overlay img{width: 70px; -webkit-animation: fadein 3.0s infinite;}
@-webkit-keyframes fadein {
    0% {opacity:1;}
	40% {opacity:0;}
	60% {opacity:0;}
}

.msSlider2  {background:#fff; padding-top:0px; position:relative; margin:0 -5px; padding-bottom:0px; overflow:visible; position:relative;}
.msSlider2  .slick-list {overflow:visible;}
.msCont {padding: 0 5px;}
.msCont a {display: block;}
.msCont a em {display: block; padding-bottom: 140%; border-radius:4px; overflow:hidden; background-size: cover !important; position: relative; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);}
.msCont a span {
	display: block; position: absolute; right: 10px; top: 10px; background: rgba(10, 76, 74, 0.85); font-style: normal; color: #fff; font-size: 12pt;
	width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 14px;
	border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;
}
.msCont a h5 {font-size: 10pt; padding-top: 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align: center;}
.msCont.nodata a {display: block; position: relative; padding-bottom: 140%; background: #f5f5f5; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);}
.msCont.nodata a h6 {text-align: center; position: absolute; left: 0; right: 0; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; font-size: 16px;}

.facCont {margin-bottom:50px;}
.facCont:after {content:""; display:table; clear:both;}
.facImg {}
.facSldr {margin:0 -5px; padding:0 10px;}
.facSldr,
.facSldr .slick-list,
.facSldr .slick-track {overflow:visible !important;}
.facSldr .slick-dots {text-align:center; margin-top:10px;}
.facSldr .slick-dots li {display:inline-block; width:8px; height:8px; margin:0 4px; background:#ccc; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
.facSldr .slick-dots li.slick-active {background:#1792a1;}
.facSldr .slick-dots li button {display:none;}
.facThumb {padding:0 5px;}
.facThumb > div {
	width:100%; padding-bottom:60%; background-size:cover !important;
	border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25); box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);
}
.facTxt {position:relative; padding-bottom:10px;}
.facTxt p {font-size:10pt; color:#5d7886; font-weight:300; line-height:1.4em; margin-top:5px;}
.facTitle {position:relative;}
.facTitle:after {content:""; display:table; clear:both;}
.facTitle h4 {font-size:20pt; font-weight:500; position:relative; float:left; white-space:nowrap;}
.facTitle h4:before {content:""; display:block; width:90px; height:1px; background:#000; position:absolute; top:50%; left:100%; margin-left:10px; z-index:1;}



.ksmCusl .ksmCThumb {padding: 0 5px;}
.ksmCusl .ksmCThumb {display: block;}
.ksmCusl .ksmCThumb div {display: block; padding-bottom: 140%; border-radius:4px; overflow:hidden; background-size: cover !important; position: relative; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);}



.ksCSlider { width:60%;}
.ksCSlider,
.ksCSlider .slick-list,
.ksCSlider .slick-track {overflow:visible !important;}
.ksCSlider .slick-dots {text-align:center; margin-right:-46%; padding-top:5px;}
.ksCSlider .slick-dots li {display:inline-block; width:7px; height:7px; margin:0 3px; background:#ccc; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
.ksCSlider .slick-dots li.slick-active {background:#213c49;}
.ksCSlider .slick-dots li button {display:none;}

.mcnCont {padding:0 8px;}
.mcnCont > div {position:relative;}
.mcnCont a {display:block;}
.mcnCont a em {
	display:block; padding-bottom:140%; background-size:cover !important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
	background-position:center center !important;

}
.mcnCont p {font-size:10pt; text-align:center; margin-top:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.cowh *{color:#fff !important}

.ks_main_curriculum{background:#282828; padding:30px 20px 40px 20px; position:relative;}
.ksm_curri_tit{position:absolute; top:0px; left:0px; width:38%; bottom:0px; background:#282828; z-index:8; display:none;}


.ksmctArea {display:table; width:100%; height:100%;}
.ksmctCont {display:table-cell; vertical-align:middle; width:100%; text-align:center;}
.ksmctCont h4{font-size:9pt; font-family:"roboto"; color:#1792a1; padding-bottom:5px; font-weight:bold;}
.ksmctCont h5{font-size:17pt; color:#fff; font-weight:200;}
.ksmctCont a{display:inline-block; color:#222; background:#fff; padding:3px 10px; font-size:9pt; border-radius:50px; font-weight:bold;}
.ksmLine{display:block; width:100%; position:relative; text-align:center; padding:10px 0}
.ksmLine:after{content:"";width:1px; height:20px; background:#fff; display:inline-block;}

#popup {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 12; background: rgba(0,0,0,0.6); display: none; overflow-y:scroll; width:100%;}
#popup > div {display: table; width: 100%; height: 100%;}
#popup > div > div {display: table-cell; width: 100%; vertical-align: middle;}
#popup > .popClose {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-indent: -9999px;}
.popCont {width: 90%; margin: 20px auto; position: relative; padding: 0px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; overflow:hidden}
.popMem img{width:100px;}
.popTitle {}
.popTitle span {display: block; color: #999; font-size: 9pt;}
.popTitle h5 {font-size: 16pt; font-weight: 500; margin-top: 10px;}
.popTitle p {color: #666; font-size: 11pt; margin-top: 3px;}
.popCont .popClose {
	display: block; position: absolute; right: 0px; top: 0px; width: 55px; height: 55px; text-indent: -9999px;
	background:  url('/m/renewal2017/img/main_ks/ks_menu_close.png')no-repeat center center; background-size: 55px auto;
	border-radius: 55px; -moz-border-radius: 55px; -webkit-border-radius: 55px;
	z-index:12
}
.popBtn {display: block; width: 360px; height: 65px; line-height: 65px; text-align: center; margin: 0 auto; margin-top: 50px; background: #ffe63d; font-size: 16pt; font-weight: 500; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}
.bgnone{background:none;}
.popBtnCont {
    width: 100%;
    padding: 0 0px;
    display: block;
    margin-bottom: 10px;
	margin-top:30px;
}
.popBtnCont a {
    line-height: 40px;
    display: block;
    text-align: center;
    font-size: 11pt;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #e2e3e5;
}

.popBtnCont02{width:100%; padding:0 0px; display:block; margin-bottom:0px;}
.popBtnCont02:before{content:""; clear:both; display:block;}
.popBtnCont02 a{line-height:40px; display:block; text-align:center; font-size:11pt; border:1px solid #ffcf3d; border-radius:8px; background:#ffe63d}
.popMem { text-align: center;}
.popMem h5{font-size:17px;}
.popMem p{font-size:15px;}
.popMem .ppDsc {text-align: left; background: #f2f2f2; margin-top: 30px;}
.ppDsc {    padding: 10px;}

.pop_wrap {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0,0,0,0.6); display: none; overflow-y:scroll; width:100%;}
.pop_cont {width: 90%; margin: 0 auto; padding: 25px 20px 20px; position: absolute; top:50%; left: 0; right: 0; transform:translateY(-50%); border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; overflow:hidden; background: #fff;}
.pop_cont p {font-size: 15px; color: #333; text-align: center;}
.pop_cont .pop_close {display: block; width: 18px; position: absolute; right: 15px; top: 15px; z-index:12}
.pop_cont .pop_go {display: block; margin-top: 15px;}
.pop_cont .btn_list {display: flex;}
.pop_cont .btn_list li {width: 50%;}
.pop_cont .btn_list li:not(:first-child) {border-left: 1px solid #dedede;}
.pop_cont .btn_list li a {display: block; padding: 12px; font-weight: 700; font-size: 13px; color: #282828; text-align: center;}

.ks_main_curri_tit{width:100%; position:relative;height: 185px; background-size:cover !important; background-position:center center !important;}
.ksmtitCont{width:50%; color:#fff; position:absolute; bottom:20px; left:20px;}
.ksmtitCont h3{font-size:21px; color:#fff; padding-bottom:8px; }
.ksmtitCont p{font-size:10pt;}

.ksmCont{padding:20px; background:#fff; }

.mdKey {text-align:center; padding-bottom:20px;}
.mdKey:after {content: ''; display: table; clear: both;}
.mdKey li {display:inline-block; margin:3px;height: 26px; line-height: 26px; font-size: 9pt; text-align: center; padding: 0 15px; background: #eaeaea; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}


#ks_quick{ padding:40px 20px; background:#333; }

#ks_quick .ks_main_titile{width:100%; position:relative; padding-bottom:15px;}
#ks_quick .ks_main_titile h3{font-size:17px; letter-spacing:-0.075em; color:#fff}
#ks_quick .ks_main_titile a{font-family:"roboto", sans-serif; color:#fff; font-weight:bold; font-size:10pt;position:absolute; right:0px; bottom:15px;}

.ks_tuitionBtn {padding-top:15px; text-align:center;}
.ks_tuitionBtn a,
.ks_tuitionBtn span {
	display:inline-block; white-space:nowrap; min-width:200px; width:100%; height:40px; line-height:40px; background:#1792a1; color:#fff;
	text-align:center; font-size:11pt; letter-spacing:-0.06em; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

#ks_quick .agreeArea label {color:#999}
.ks_name{margin:5px 0px;}
#ks_quick h5{font-size:38pt; color:#fff; font-family:"roboto"; font-weight:bold; line-height:1.2}
.ks_call_txt{padding-bottom:20px; color:#fff; font-size:10pt; display:block; opacity:0.7}