@charset "utf-8";
/* CSS Document */

a:active, a:hover { color: #0080e5; }

/*헤더*/
#nav .gnb li a:hover, #nav .gnb li a.active { color: #0080e5; }

/*메인 컨텐츠*/
.con-boxwrap .box-tit { color: #0080e5; }

/*로그인*/
.loginform .loginbtn a, .findid .confirm a, .findpw .confirm a  { background-color: #0080e5; }
.loginform .loginbtn a:hover, .findid .confirm a:hover, .findpw .confirm a:hover { background-color: #006abd; }

/*고객센터*/
.ccnumber { color: #009cff; }
.con-boxwrap .box8 .ccbtn { background: #009cff; }

/* 텍스트 */
.text-primary { color: #0080e5; }

/*버튼*/
.btn-primary { color: #fff; background-color: #0080e5; border-color: #0080e5; }
.btn-primary:hover { color: #fff; background-color: #006abd; border-color: #006abd; }
.btn-sky { color: #fff; background: #009cff; }

/*서브페이지 gnb */
.depth2 { background: #0080e5; }
.depth2 ul li a { color: #8dcdff; }

/*탭*/
.tab-bar { border-bottom: 1px solid #009cff; }
.tab-bar li a:hover { border-color: #ccc #ccc #009cff; background-color: #009cff; }
.tab-bar > ul > li.active a { background-color: #009cff; border: 1px solid #009cff; }
.tab-bar li a.sel { color: #0080e5; }
.sub-tab li a:hover, .sub-tab li a.sel { color: #0080e5; }
.con-box .tab-bar > ul > li.active a { color: #009cff; }
.con-box  .tab-bar li a:hover { color: #009cff; }

/*페이징*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #0080e5; border-color: #0080e5;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #0080e5; }
.swiper-pagination-bullet-active { background: #0080e5;}

/*과정안내*/
.sub_depth {background-color: #009cff; }
.sub_depth li a { color: #8dcdff; }

/* 팝업 */
.pop-wrap h3 { background: #0080e5;}
.popup_tit { background: #0080e5; }
.camguide .tab-bar ul li.active a { background: #fff; color: #0080e5; }
.camguide .tab-inner-box h4 { color: #0080e5; font-size: 18px; }
.camguide .tab-inner-box ul li h5 { border-color: #0080e5; }
.monthscore .box2 .left .attendbar { background: #0080e5; }
.delay_wrap .pt3 h3 { color: #8dcdff; }
.delay_wrap .pt3 .after h3 { color:#0080e5; }
.modal-header .tit-bar {  background-color:#0080e5; }
table td.today { color:#0080e5; }

/*수업 연기*/
.pop-calendar-left { background: #0080e5; }
.pop-calendar-right td .active { background: #0080e5; }
.changetime .left { background: #0080e5; }
.changetime .center { border-right: 1px solid #0080e5; }
.changetime .center li.active { color:#0080e5; }
.changetime .right .time-select ul li a.active { background: #0080e5; }

/*18-02-05*/
#freeclass_info .modal-title { text-align: center; color: #03a9f4; }
.fc_info button { display: block; margin: 0 auto;  }
.fc_info .dot_list { padding: 20px;  }
.fc_info .dot_list li { line-height: 25px; list-style: disc; font-size: 14px; }

/* 무제한수업 */
.popup_freeclass .modal-header {background: #03a9f4;color: #fff;border-radius: 5px 5px 0 0;height: 50px;}
.popup_freeclass .modal-header h3 { font-size: 16px; }
.freeclass .pt1 {padding:28px 40px 28px; letter-spacing:0;  background: #f9f9f9; }
.freeclass .pt1 p {font-size:18px; color:#282a33; font-weight:600; line-height: 1; }
.freeclass .pt1 p strong {font-size:1.3529em; color:#03a9f4; vertical-align:-1px;}
.freeclass .pt2 {padding:16px 40px; font-size:10px; border-top:1px solid #e8e8e8;}
.freeclass .pt2 .period-search {overflow:hidden; clear:both; padding:9px 0;}
.freeclass .pt2 .period-search dt {float:left; font-size:19px; font-weight:600; }
.freeclass .pt2 .period-search dd {float:left; margin-left:10px; font-size:19px; color:#03a9f4; font-weight:600;}
.freeclass .pt2 .period-search dd input {vertical-align:top;}
.freeclass .pt3 { padding:30px 40px; font-size:10px; border-top:1px solid #e8e8e8; }
.freeclass .pt3 h2 { padding-bottom:3px; font-size:19px; color:#03a9f4;}
.freeclass .pt3 label { display:block; margin-top:9px; font-size:19px; line-height:2em; font-weight:600; color:#333; text-align: left;}
.freeclass .pt3 .after h2 { color:#03a9f4; }
.freeclass .pt3 .before,
.freeclass .pt3 .after { width:50%;   -webkit-box-sizing:border-box;   box-sizing:border-box; }
.freeclass .pt3 .before { float:left; padding-right:3px; }
.freeclass .pt3 .after { float:right; padding-left:3px; }
.freeclass .pt3 input.text {border:1px solid #d2d2d2; font-size:16px; line-height:2.666666666666667em; height:2.666666666666667em; width:100%; padding-left:10px; color:#676767;   -webkit-box-sizing:border-box;   box-sizing:border-box;}
.freeclass .pt3 input.clock {background:url('../img/bg_clock.png') 100% center no-repeat;
	-webkit-background-size:45px auto;
	background-size:45px auto;
}
.freeclass .pt3 input.user { background:url('../img/bg_user.png') 100% center no-repeat;
	-webkit-background-size:45px auto;
	background-size:45px auto;
}
.freeclass .pt3 .before input.focus {border-color:#03a9f4;}
.freeclass .pt3 .after input.focus {border-color:#03a9f4;}
.freeclass .pt3 .btn-box {padding:15px 0 0 0;}
.freeclass .pt3 .btn-box a { text-decoration: none; }
.freeclass .pt3 .btn-box a:hover { color: #fff; }

/*   수업 시간 선택 */
.time-table { height: 300px; overflow-y: scroll; background: #fff; }
.time-table table { width: 100%; border-bottom: 1px solid #e1e1e1; }
.time-table tr { height: 30px; line-height: 30px; }
.time-table thead tr th { height: 40px; line-height: 40px; border-bottom: 1px solid #e1e1e1; text-align: left; }
.time-table tbody tr td {  height: 40px; line-height: 40px;}
.time-table .date { color: #03a9f4; font-weight: bold; font-size: 1.8em; }
.time-table .hour { font-weight: bold; font-size: 12px; }
.time-table .minute {  display: block; margin:0 2px; padding: 2px 3px; border: 1px solid #ddd; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; line-height: 20px; cursor: pointer; font-size: 12px; }
.time-table .delete { color: #ddd; text-decoration-line: line-through; }
.time-table .select { background: #03a9f4; color: #fff; border-color: #03a9f4; }
.modal-content .buttons { text-align: right; padding: 5px 10px; }
.modal-content .buttons button { overflow: visible; cursor: pointer; border: 0 none; outline: 0; margin-left: 10px; padding: 0 10px; font-size: 17px; line-height: 40px; color: #03a9f4; background: #fff; }

/*수업 강사 선택 */
.teacher-table table { width: 100%; margin-bottom: 10px; }
.teacher-table thead tr th { border-bottom: 1px solid #e1e1e1; text-align: left; height: 40px; line-height: 40px; font-size: 1.8em; padding: 5px 0;}
.teacher-table tbody tr td { padding: 10px; display: table-cell; width: 1%; }
.teacher-table .date { color: #03a9f4; margin-right: 10px; }
.teacher-table .th-name  { display: block; border: 1px solid #ddd; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; cursor: pointer; font-size: 12px; padding:10px; }
.teacher-table .select { background: #03a9f4; color: #fff; border-color: #03a9f4; }
.th-select-wrap .th-wrap .buttons { text-align: right; padding: 5px 10px; }
.th-select-wrap .th-wrap button { overflow: visible; cursor: pointer; border: 0 none; outline: 0; margin-left: 10px; padding: 0 10px; font-size: 17px; line-height: 40px; color: #03a9f4; background: #fff; }
.date-time .modal, .th-pick .modal { top: 75px; }
.date-time .modal-footer, .th-pick .modal-footer { background: #fff; padding: 5px; }
.date-time { margin-bottom: 15px; }
.th-select-wrap .th-wrap button { overflow: visible; cursor: pointer; border: 0 none; outline: 0; margin-left: 10px; padding: 0 10px; font-size: 17px; line-height: 40px; color: #03a9f4; background-color: #f9f9f9; }

/*수업예약완료팝업*/
.classrv { padding: 20px; }
.classrv p { font-size: 14px; margin-bottom: 10px; }
.classrv .inforv { padding: 20px 0; background: #f7f7f7; border: 1px solid #f1f1f1; font-size: 16px; }
.classrv .inforv span { font-weight: 600; }

/*2018-02-23*/
.lt_pick td.active { background: #0080e5;  color: #fff; }
.lt_pick td.active a { background: #0080e5;  color: #fff; }
.lt_clock a.on { background: #0080e5; color: #fff; }
table td.today { background-color: #fff7f1; color:#0080e5; border: 1px solid #e1e1e1; z-index: -1; }