@charset "utf-8";
@import url("/assets/common/fonts/font.css");
/* 공 통 */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
ul { padding: 0; }
li { list-style: none; }
.page-sidebar-toggled.page-with-wide-sidebar .sidebar-bg {
    left: 0;
    animation: fadeIn .2s linear;
    -webkit-animation: fadeIn .2s linear;
    width: 100%;
    background: rgba(0,0,0,0.5);
}

#header { background: #45C5C6; border: 0; height: 50px; }
#header .container-fluid { padding: 0; }
#header .top-title { position: relative; display: block; line-height: 50px; font-size: 18px; color: #fff; text-align: center; z-index: 1031;  }
#header .top-title a { font-size: 18px; color: #fff; }

#header .navbar-header { width: 100%; border-bottom: 0; margin: 0; }
#header .right-toggle { position: absolute; top: 0; right:0;  z-index: 1032; }
#header .left-toggle a { height: 50px; width: 50px; display: inline-block; text-align: center; padding: 12px 12px; color: #fff; }
#header .left-toggle a i {  line-height: 30px; }
#header .navbar-toggle {
    position: absolute; top: 0; left: 0;
    height: 50px; width: 50px; text-align: center; margin: 0;
    padding: 10px 12px; border-radius: 0; border:0; opacity: 1; z-index: 1032;
 }

#header .navbar-toggle:hover { background: #41BABB!important;}
#header .navbar-toggle .icon-bar { background: #eee; width: 26px;  }
#header .navbar-toggle .icon-bar+.icon-bar { width: 20px; margin-top: 7px; }
#header .navbar-toggle .icon-bar+.icon-bar+.icon-bar { width: 24px; }
#header .navbar-toggle:hover .icon-bar { background: #fff; }
.navbar-user .img {
    background: #fff; width: 32px;height: 32px;
    float: left;
    margin: -5px 10px 0 0;
    border-radius: 50%;
    overflow: hidden;
}
.navbar-user .img img {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.page-header-fixed {
    padding-top: 50px;
}

#footer { background: #fff; border-top: solid 1px #ddd; height: 50px; }
#footer .footer-menu { width: 100%; }
#footer .footer-menu li { width: 25%; float: left; }
#footer .footer-menu li a {display: block; text-align: center;  }
#footer .footer-menu li.active a,
#footer .footer-menu li.active a .icon i,
#footer .footer-menu li.active a .txt,
#footer .footer-menu li a:hover { color: #45C5C6; }
#footer .footer-menu li a .icon i { font-size: 22px; color: #999; }
#footer .footer-menu li a .txt { margin: 2px 0 0; font-weight: 400; font-size: 11px; color: #777; }

/* 메인페이지 */
.main-btn { margin: 20px 0 0; }
.main-btn > ul { width: 100%; display: table; }
.main-btn > ul > li { width: 25%; float: left; margin-bottom: 20px; text-align: center; list-style: none;}
.main-btn > ul > li > a { position: relative; display: inline-block; }
.main-btn > ul > li > a > p { margin: 10px 0 0; font-size: 14px; color: #666; }
.main-btn > ul > li > a .icon { background: #fff; display: inline-block; width: 64px; height: 64px; line-height:64px; border-radius: 20px; box-shadow:0 2px 3px #ddd; }
.main-btn > ul > li > a .icon > span {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 42px; height: 48px;
    display: inline-block;
    margin: 7px 0 0;
}
.main-btn > ul > li > a .num-box { position: absolute; width: 24px; height: 24px; border-radius: 50%; text-align: center; line-height: 24px; font-size: 13px; padding: 0; top:-8px; right: -8px; }
.main-btn > ul > li > a .icon01 { background-image: url(/assets/app/img/service/main_icon_01.png); }
.main-btn > ul > li > a .icon02 { background-image: url(/assets/app/img/service/main_icon_02.png); }
.main-btn > ul > li > a .icon03 { background-image: url(/assets/app/img/service/main_icon_03.png); }
.main-btn > ul > li > a .icon04 { background-image: url(/assets/app/img/service/main_icon_04.png); }
.main-btn > ul > li > a .icon05 { background-image: url(/assets/app/img/service/main_icon_05.png); }
.main-btn > ul > li > a .icon06 { background-image: url(/assets/app/img/service/main_icon_06.png); }
.main-btn > ul > li > a .icon07 { background-image: url(/assets/app/img/service/main_icon_07.png); }
.main-btn > ul > li > a .icon08 { background-image: url(/assets/app/img/service/main_icon_08.png); }
.main-btn > ul > li > a .icon09 { background-image: url(/assets/app/img/service/main_icon_09.png); }
.main-btn > ul > li > a .icon10 { background-image: url(/assets/app/img/service/main_icon_10.png); }

.main-info { background:#45C5C6; padding: 20px 0; border-radius: 8px; text-align: center; }
.main-info .profile { display: inline-block; }
.main-info .profile .img {background: #fff; width: 65px; height: 65px; line-height: 65px; border-radius: 80px; display: inline-block; overflow: hidden; }
.main-info .profile .img img { max-width: 100%; height: auto; }
.main-info .profile .info { display: block; margin: 5px 0 0;  }
.main-info .profile .info strong { font-size: 18px; line-height: 1.5; color: #fff;  }
.main-info .profile .info strong span { font-size: 15px; font-weight: normal; }
.main-info .profile p { margin: 5px 0 0; font-size: 14px; color: #fff; }



/**/
.sub-page-header { position: relative; width: 100%; background: #fff; border-bottom: solid 1px #ddd;text-align: center; padding: 15px 0;}
.sub-page-header .prev-btn { position:absolute; left: 0; top:0; width: 50px; line-height: 50px; border-right: solid 1px #ddd; }
.sub-page-header .prev-btn i { font-size: 18px; color: #666; }
.sub-page-header .title { display: inline-block; margin: 0; }

.sub-page-header .right-btn { position:absolute; right:0; top:0; width: 50px; background: none;border: 0; line-height: 47px;}
.sub-page-header .right-btn:hover { background: #eee; }
.sub-page-header .right-btn i { font-size: 18px; vertical-align: middle; color: #666; }
.sub-page-header .right-btn .dropdown-toggle { width: 50px; display: block; line-height: 50px;  }
.sub-page-header .right-btn .dropdown-toggle:hover { background: #eee; }
.sub-page-header .right-btn .dropdown-menu { left: auto; right:0; margin: 0; padding: 0; }
.sub-page-header .right-btn .dropdown-menu > li { border-bottom: solid 1px #eee; padding: 0; }
.sub-page-header .right-btn .dropdown-menu > li > a { display:block; padding: 8px 12px;  }
.sub-page-header .right-btn .dropdown-menu > li > a >span { padding-left: 5px;line-height: 20px; font-size: 13px; }
.sub-page-header .right-btn .dropdown-menu > li > a > i{ width: 15px; line-height: 20px; text-align: center; vertical-align: middle;}


/**/
.attend-calendar-new {}
.attend-calendar-new .datepicker { width: 100%; }
.attend-calendar-new .table-condensed { border-top: solid 1px #ddd;  }
.attend-calendar-new .table-condensed th { background: #eee; padding: 10px 0; border-bottom: solid 1px #ddd; font-size: 16px; color: #333; }
.attend-calendar-new .table-condensed th.datepicker-switch { font-size: 18px; }
.attend-calendar-new .table-condensed th.prev,
.attend-calendar-new .table-condensed th.next {}
.attend-calendar-new .table-condensed td { height: 45px; border-radius: 0; border-bottom: solid 1px #ddd; font-size: 14px; color: #666; }
.attend-calendar-new .table-condensed td.old,
.attend-calendar-new .table-condensed td.new { color: #aaa; }

.attend-calendar .calendar .icon-arrow-left,
.attend-calendar .calendar .icon-arrow-right {
    cursor: pointer;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
}
.attend-calendar .calendar .icon-arrow-left:before { content: '\f053'; }
.attend-calendar .calendar .icon-arrow-right:before { content: '\f054'; }
.attend-calendar .calendar .header { height: 40px; }
.attend-calendar .calendar .header td { width:10%; line-height: 40px; padding: 0;}
.attend-calendar .calendar .header td:hover { background: #f5f5f5; }
.attend-calendar .calendar .header td.year { width: 80%; }

.attend-calendar .calendar .visualmonthyear { line-height: 40px; font-size: 20px; color: #666; }
.attend-calendar .calendar .table { margin: 0; }
.attend-calendar .calendar .week_days td { width:14.2%; background: #eee; padding: 10px 0; border-bottom: solid 1px #ddd;border-top: solid 1px #ddd; font-size: 16px; color: #333; text-align: center; }
.attend-calendar .calendar .event,
.attend-calendar .calendar .event:hover,
.attend-calendar .calendar .event:focus {
    background: none;
    text-align: center;
    box-shadow: none;
}
.attend-calendar .calendar td a { line-height: 35px; }
.attend-calendar .calendar .event a { width: 35px; height: 35px; border-radius: 50%; line-height: 35px; display: inline-block; }
.attend-calendar .calendar td { width:14.2%; border-bottom: solid 1px #ddd; padding: 10px 0; font-size: 16px; color: #555; text-align: center; }


.attend-calendar {}
.attend-calendar .attend-header { text-align: center; height: 60px; }
.attend-calendar .attend-header .year-info { display: inline-block; margin: 10px 0; }
.attend-calendar .attend-header .year-info .title { float:left; padding: 0 8px; line-height: 40px; font-size: 24px; }
.attend-calendar .attend-header .year-info .arrow-btn i { line-height: 40px; font-size: 24px; color: #666; }
.attend-calendar .attend-header .year-info .arrow-btn { width: 40px; height: 40px; text-align: center; float:left; }

.attend-list {  margin: 20px 0 0;  }
.attend-list .title { margin-left:5px; font-size: 13px; color: #777; }
.attend-list .list-ul { margin-top: 4px; }
.attend-list .list-ul > li { position: relative; background: #fff; border: solid 1px #ddd; border-radius:5px; margin-bottom: 8px; padding:20px 10px; }
.attend-list .list-ul > li > a { display: block; text-decoration: none; }
.attend-list .list-ul > li .date-box { background: #4897EB; width: 50px; height: 50px; line-height: 50px; border-radius: 5px; float: left; margin-right: 10px; text-align: center; color: #fff; font-size: 20px; }
.attend-list .list-ul > li .info {  }
.attend-list .list-ul > li .info strong { font-size: 18px; color: #333;  }
.attend-list .list-ul > li .info p { margin:6px 0 0; font-size: 14px; color: #999; }
.attend-list .list-ul > li .drop-btn { position: absolute;  top: 50%; right: 15px; margin-top: -20px; }


/* 출석목록 */
.panel-attend {border: solid 1px #ddd; border-radius: 5px; }
.panel-attend .panel-heading { position: relative; padding: 15px 12px;}
.panel-attend .panel-heading .right-btn { position: absolute; top:0; right: 0; }
.panel-attend .panel-heading .right-btn .btn { height: 50px; margin: 0; padding: 15px 12px; border: 0; border-radius: 0; }
.panel-attend .panel-heading .panel-title { font-size: 15px; font-weight: bold; }
.panel-attend .panel-heading span { font-size: 13px; }
.panel-attend .panel-heading .btn-bg-blue { background: #4897EB; padding: 3px 7px; color: #fff; }
.panel-attend .panel-heading .btn-bg-blue.active { background: #23629C; }
.panel-attend .panel-heading .btn-bg-red { background: #ff5b57; padding: 3px 7px; color: #fff; }
.panel-attend .panel-heading .btn-bg-red.active { background: #A0312E; }
.panel-attend .panel-body { font-size: 14px; border-top: solid 1px #ddd; }
.panel-attend .accordion-toggle-styled.collapsed i::before{ content: '\f067'; }


.drop-btn { width: 40px; height: 40px; }
.drop-btn > a { width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; color: #999; }
.drop-btn > a i { font-size: 28px; line-height: 40px; }
.drop-btn.dropdown .dropdown-menu { left: auto; min-width: 120px; left: auto; right: 0; padding: 0; margin: 0; border: solid 1px #eee; }
.drop-btn.dropdown .dropdown-menu li.arrow {
    position: absolute;
    top:-8px;
    right: 10px;
    width: 0;
    height: 0;
    border-top:0;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ccc;
    border-left: 8px solid transparent;
}
.drop-btn.dropdown .dropdown-menu li { position: relative; border-bottom:solid 1px #ddd; overflow: hidden; }
.drop-btn.dropdown .dropdown-menu li > i { vertical-align: middle; }
.drop-btn.dropdown .dropdown-menu li > a{ padding: 10px; }

.attend-calendar .attend-header.bg-cyan { background:#45C5C6; }
.attend-calendar .attend-header.bg-cyan .year-info .title { color: #fff; }
.attend-calendar .attend-header.bg-cyan .year-info .arrow-btn i { color: #fff;}

/**/
.view-detail { background: #fff; border: solid 1px #ddd; border-radius:5px;  }
.view-detail .detail-header { position: relative; padding: 15px; border-bottom: solid 1px #ddd; }
.view-detail .detail-header .title { line-height: 1.4; font-size: 18px; color: #444; }
.view-detail .detail-header .date { margin: 5px 0 0; font-size: 13px; line-height: 20px; color: #777; }
.view-detail .detail-header .date i { vertical-align: middle; line-height: 20px; color: #999; font-size: 14px; }
.view-detail .detail-header .caption { position: absolute; top: 10px; right: 10px; }
.view-detail .detail-header .caption span { font-size: 13px; }
.view-detail .gallery-body { font-size: 14px; text-align: center; }
.view-detail .gallery-body img { max-width: 100%; height: auto; }
.view-detail .detail-body { padding: 15px; font-size: 14px; }

/**/
.write-panel {}
.write-panel .form-input { width: 100%; border-bottom: solid 1px #ccc; }
.write-panel .form-input .form-control {
    width: 100%;
    height: 50px;
    padding: 15px 12px ;
    font-size: 15px;
    line-height: 1.5;
    border: 0;
    resize: none;
}
.write-panel .form-textarea { border-bottom: solid 1px #ccc; }
.write-panel .form-textarea .form-control {
    width: 100%;
    padding: 15px 12px;
    font-size: 15px;
    line-height: 1.5;
    border: 0;
    resize: none;
}

/**/
.board-list { }
.board-list > ul {padding: 0; margin: 0; border-top: solid 1px #ddd; }
.board-list > ul > li { position: relative; background: #fff; border-left: solid 3px #45C5C6; }
.board-list > ul > li .list-header { position: relative; padding: 15px; border-bottom: solid 1px #ddd; }
.board-list > ul > li .list-header .img { float: left; width: 50px; margin-right: 10px; }
.board-list > ul > li .list-header .img img { width: 50px;  height: 50px; border: solid 1px #eee; }
.board-list > ul > li .list-header .cont { }
.board-list > ul > li .list-header .cont > a { display:block; text-decoration: none; }
.board-list > ul > li .list-header .cont > a .title { line-height: 1.4; font-size: 18px; color: #444; }
.board-list > ul > li .list-header .cont > a .date { margin: 5px 0 0; font-size: 13px; line-height: 20px; color: #777; }
.board-list > ul > li .list-header .cont > a .date i { vertical-align: middle; line-height: 20px; color: #999; font-size: 15px; }
.board-list > ul > li .list-header .caption { position: absolute; top: 10px; right: 10px; }
.board-list > ul > li .list-header .caption span { font-size: 13px; }
.board-list > ul > li .list-body { padding: 15px; font-size: 14px; border-bottom: solid 1px #ddd; }

.gallery-list { width: 100%; display: inline-block; }
.gallery-list > li { float: left; width: 100px; height:100px;  margin-right: 10px; }
.gallery-list > li > .image { background: #eee; width: 100px; display: inline-block; line-height: 100px; border-radius: 5px; border: solid 1px #eee; overflow: hidden; }
.gallery-list > li > .image > img {  height: 100px; }


.gallery { margin:10px 0 0px; }
.gallery .galleryList { width: 25%; float: left; margin: 0 0 20px; padding: 0 10px; }
.gallery .galleryList > div { border: solid 1px #ddd; }
.gallery .galleryList .Img { background: #fafafa;position: relative; height:150px; padding: 0; text-align: center; border-bottom: solid 2px #eee; overflow: hidden; }
.gallery .galleryList .Img a img {
	max-width:100%; height:100%!important;
	-ms-transform:all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.gallery .galleryList .Img a:hover img {
	-ms-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}

.gallery .galleryList .cont { position: relative; width: 100%; padding: 15px; display: inline-block; background: #fff; }
.gallery .galleryList .cont .title { margin: 0; height: 36px; overflow: hidden; }
.gallery .galleryList .cont .title a {  font-family: 'notokr-regular', sans-serif; line-height: 1.4; font-size: 18px; color: #000; }
.gallery .galleryList .cont .title a i { font-size: 20px; line-height: 1.4; vertical-align: middle; color: #666; }
.gallery .galleryList .cont .title a:hover { text-decoration: underline; }
.gallery .galleryList .cont .desc { margin: 12px 0 0; height: 35px; overflow: hidden;}
.gallery .galleryList .cont .desc a {  font-size: 13px; color:#777; }
.gallery .galleryList .cont .desc a:hover { text-decoration: underline; }
.gallery .galleryList .cont .desc .tag { display: inline-block; margin: 10px 0 0; }
.gallery .galleryList .cont .rating { border-top: solid 1px #e5e5e5; margin: 10px 0 0; padding: 15px 0 0; color: #777; font-size: 13px; }
.gallery .galleryList .cont .rating > span i { font-size: 15px; color: #999; vertical-align: middle; }
.gallery .galleryList .cont .rating > span {  font-size: 13px; line-height: 1.2; }
.gallery .galleryList .cont .option { position: absolute; bottom: 18px; right:20px; }

/**/
.study-list > ul { border-top: solid 1px #ddd; margin: 0; }
.study-list > ul > li { position: relative; width: 100%; display: inline-block; background: #fff; border-bottom: solid 1px #ddd; border-radius:0px;}
.study-list > ul > li .list-left { float: left;  padding:15px 10px; }
.study-list > ul > li .list-left .date-box { float: left; }
.study-list > ul > li .list-left .week { margin: 5px 0 0; text-align: center; }
.study-list > ul > li .list-right { margin-left: 70px;  border-left:solid 1px #ddd; }
.study-list > ul > li .list-right .cont a { min-height:120px; display:block; padding: 15px; text-decoration: none; }
.study-list > ul > li .list-right .cont a { min-height:120px; display:block; padding: 15px; text-decoration: none; }
.study-list > ul > li .list-right .cont a .title { margin: 0; line-height: 1.4; font-size: 18px; color: #333; }
.study-list > ul > li .list-right .cont a .txt { margin: 10px 0 0; font-size: 14px; color: #777; }
.study-list > ul > li .list-right .caption { position: absolute; top: 10px; right: 10px; }
.study-list > ul > li .list-right .caption span { font-size: 13px; }

/**/
.qna-list {}
.qna-list > ul {}
.qna-list > ul > li { position: relative; width: 100%; display: inline-block; background: #fff; margin-bottom: 8px; border: solid 1px #ddd; border-radius:5px; }
.qna-list > ul > li a { display: block; padding: 15px 10px; }
.qna-list > ul > li a .cont .title { margin: 0; line-height: 1.4; font-size: 20px; color: #333; }
.qna-list > ul > li a .cont .date { margin: 10px 0 0; font-size: 13px; color: #777; }
.qna-list > ul > li .caption { position: absolute; top: 50%; right: 10px; height: 28px; margin-top: -14px; }
.qna-list > ul > li .caption span { height: 26px; line-height: 28px; padding: 0 12px; border-radius: 20px; font-size: 13px; }

/**/
.teacher-list > ul {padding: 0;  }
.teacher-list > ul > li { position: relative; width:33.3%;float: left; padding:0 10px;  margin-bottom: 10px; }
.teacher-list > ul > li a { text-decoration: none; background:#fff; border-radius: 5px; border: solid 1px #ddd; display: block; overflow: hidden; }
.teacher-list > ul > li a:hover { border: solid 1px #00acac; border-radius: 5px;}
.teacher-list > ul > li .list-header { position: relative;background: #fafafa; width: 100%; display: inline-block; padding: 10px; border-bottom: solid 1px #ddd; }
.teacher-list > ul > li .list-header .img { background: #fff; float: right; width: 60px; height: 60px; line-height:56px; padding: 2px; border: solid 1px #eee;}
.teacher-list > ul > li .list-header .img img { width: 60px;    }
.teacher-list > ul > li .list-header .name { position: absolute; left: 10px; bottom:10px; line-height: 1.4; font-size: 18px; color: #444; }
.teacher-list > ul > li .list-body {  width: 100%; display: inline-block; padding: 10px; font-size: 14px; }
.teacher-list > ul > li .list-body .tit {  font-size: 12px; line-height: 20px; color: #777; }
.teacher-list > ul > li .list-body .date { margin: 5px 0 0; font-size: 13px; line-height: 1.4; color: #777; }
.teacher-list > ul > li .list-body .date span { display: block; margin-top: 4px;  }
.teacher-list > ul > li .list-body .date span i { width: 15px; text-align: center; vertical-align: middle; line-height: 20px; color: #999; font-size: 15px; }

/**/
.comment { }
.comment .comment-write {}
.comment .comment-write .form-control {  }
.comment .comment-write .btn { }
.comment .comment-list {}

.chats { }
.chats li { position: relative; }
.chats li .image { width: 50px; height: 50px; border-radius: 50%; border: solid 1px #e5e5e5; overflow: hidden; }
.chats li .image img { width: 50px; height: 50px; }
.chats li .name { font-size: 13px; }
.chats li .date-time { font-size: 12px; }
.chats li .message .cont { padding: 10px 12px; border-bottom: solid 1px #ddd; }
.chats li .message .cont .title { margin: 0; line-height: 1.4; font-size: 18px; color: #333; }
.chats li .message .cont .date { margin: 5px 0 0; font-size: 13px; line-height: 20px; color: #777; }
.chats li .message .cont .date i { vertical-align: middle; line-height: 20px; color: #999; font-size: 18px; }
.chats li .message .txt { padding: 10px 12px; font-size: 13px; color: #777; }

.chats .left .message { margin-left: 65px; }
.chats .right .image + .message { margin-right: 65px; }

/* 강사페이지 */
.main-teacher { background:#45C5C6; padding: 20px 0; border-radius:5px; text-align: center; }
.main-teacher .profile { display: inline-block; }
.main-teacher .profile .img { background:#fff; width: 80px; border-radius: 80px; overflow: hidden; display: inline-block; }
.main-teacher .profile .img img { width: 80px!important; height: 80px!important; border-radius: 80px; overflow: hidden;}
.main-teacher .profile .info { display: block; margin: 8px 0 0;  }
.main-teacher  .profile .info strong { font-size: 20px; line-height: 1.5; color: #fff;  }
.main-teacher  .profile .info strong span { font-size: 16px; font-weight: normal; }
.main-teacher  .profile p { margin: 8px 0 0; font-size: 15px; color: #fff; }
.main-teacher .upload-btn { background: #30AAAB; width: 100%; display:inline-block; border-radius: 0 5px 5px 0 ; margin: 10px 0 0; padding: 10px 0; text-align: center; font-size: 15px; color: #fff; }
.main-teacher .upload-btn:hover {  }

.teacher-nav { width: 100%; display:table; margin:20px 0 0; padding: 0; }
.teacher-nav > li { float: left; width: 50%; }
.teacher-nav > li > a { display: block; padding: 0 20px; text-align: center; text-decoration: none; }
.teacher-nav > li > a > span {  height: 45px; display: block; padding:14px 0 0; font-size: 16px; color: #fff; }
.teacher-nav > li.active > a > span,
.teacher-nav > li > a:hover > span { height: 45px; display: block; border-bottom: solid 3px #fff; }

.teacher-content { background:none; }
.teacher-content .teacher-info {  }
.teacher-content .teacher-info .cont { background:#fff; padding: 10px; border: solid 1px #ddd; border-radius:5px; }
.teacher-content .teacher-info .cont > dl { margin: 0; padding: 10px 0; }
.teacher-content .teacher-info .cont > dl > dt { float: left; padding:10px 5px; }
.teacher-content .teacher-info .cont > dl > dd { margin-left: 40px; }
.teacher-content .teacher-info .cont > dl > dd .name { font-size: 13px; color: #777; }
.teacher-content .teacher-info .cont > dl > dd .txt { margin: 0; font-size: 16px; color: #444; }
.teacher-content .teacher-info .cont > .career-ul {  }
.teacher-content .teacher-info .cont > .career-ul li { padding: 5px 0; }

/***/
.tit01 { margin: 10px 0 5px 5px; font-size: 13px; color: #777; }
.date-box {
    background: #4897EB;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 20px;
}


.table.tableList { width: 100%;  }
.table.tableList th { background:#E8F6F6; text-align:center; padding:14px 0; font-size: 15px;  border-bottom:solid 1px #ddd; }
.table.tableList td { padding: 13px 0 13px 0; border-bottom:solid 1px #ddd; font-size: 14px;  color: #666; vertical-align: middle; }
.table.tableList td i { font-size: 22px; }
.table.tableList td span { font-size: 11px;  }
.table.tableList td A { padding-left: 10px; color: #777; font-size: 14px; }
.table.tableList .tableNone { padding: 50px 0; text-align: center; color: #999; font-size: 14px; }


.registered-users-list > li > a { height: 45px; }
.registered-users-list > li > a > img { height: 100%!important; }
@media(max-width:1179px){
    .gallery .galleryList { width:33.3%; }

}
@media(max-width:991px){
    .sidebar {  }
    .teacher-list > ul > li { width:50%; }
    .gallery .galleryList { width:50%; }

}
@media(max-width:767px){
    /*공통*/
    .content { padding: 0; }

    /* 메인페이지 */
    .main-info { border-radius:0; }

    .view-detail { border-radius: 0; border-right:0; border-left:0;  }
    .qna-list > ul > li { border-radius: 0; border-right:0; border-left:0; }
    .board-list > ul > li { border-radius: 0; border-right:0; border-left:0; }
    .study-list > ul > li { border-radius: 0; border-right:0; border-left:0; }
    .attend-list .list-ul > li {  }

    .teacher-list > ul > li { width:100%; border-radius: 0; }

    .main-teacher { border-radius:0; }
    .teacher-content .teacher-info .cont { border-radius: 0; border-right:0; border-left:0; }

    /* comment */
    .comment .comment-write .form-control { border-radius: 0; border-left: 0; }
    .comment .comment-write .btn { border-radius: 0; }

    .footer-btn {
        display: block; position: absolute; bottom: 60px; right: 10px;
        display: inline-block;
        width: 32px;
        height: 32px;
        padding: 0;
        border: none;
        line-height: 32px;
        text-align: center;
        font-size: 14px;
    }
    .footer-btn i { vertical-align: middle; line-height: 32px; font-size: 20px; }

    .sidebar { padding: 0; }
}