/*Basic css - /


/*******************************************************************************************************



	00. header css
	01. main css
	02. mypage-class css
	03. mypage-account css





*******************************************************************************************************/

select {width:100%; display:block; height:42px;}


main > .container {
  padding: 60px 15px 0;
}

.footer {
  background-color: #f5f5f5;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}
code {  font-size: 80%;}
input { outline:none;}
ul {padding:0; margin:0;}

* {font-family: 'Noto Sans KR', sans-serif !important; color:#212121;}
header {width:100%; display:block;  height:70px; border-bottom:1px solid #e6e6e6; *zoom:1 }
header:after {clear:both;  content:""; display:block;}
button {outline:none; border:none; cursor:pointer}
button:focus {outline:none;}
.color-p {color:#6c1ed4}
.background-p {background:#6c1ed4}
.class-label {font-size:8px; display:inline-block; padding:2px 6px 2px; border-radius:4px; }
.atype {color:#6c1ed4; border:1px solid #6c1ed4}  /*성우라벨링 */
.btype {color:#0d99dc; border:1px solid #0d99dc}  /*노래라벨링 */
.ctype {color:#fa8804; border:1px solid #fa8804}  /*연기라벨링 */

.circle {border-radius:50%;}  /*원형만들기*/


.button-p {background:#6c1ed4; color:#fff; font-size:18px; border-radius:8px; padding:14px 40px; font-weight:700; text-align:center;}
.button-b {background:#000; color:#fff; font-size:12px; border-radius:8px; padding:12px 40px; font-weight:700; text-align:center;}
.button-bd-p {background:#fff; color:#6c1ed4; padding:7px 14px; border:1px solid #6c1ed4; font-weight:500; border-radius:8px; text-align:center; font-size:12px; margin-top:-90px;}

.right-down {}
.border-title {border-bottom:2px solid #212121; padding-bottom:12px;}


.pull-right {float:right;}
.pull-left {float:left;}
/**/

.ep-header {color:#000; height:85px; border-bottom:1px solid #d9d9d9; width:100%; display:block; padding-top:14px;}
.ep-header .ep-nav {font-size:16px; font-weight:normal;}
.ep-header .ep-nav li {margin:5px 10px 0 ;}
.ep-header .ep-nav a {color:#212121;}




.section {width:100%; display:block; position:relative; top:120px;}
.section .section-more {padding:12px;  border-radius:8px;  width:384px; margin:20px auto 45px; border:1px solid #d9d9d9; font-size:16px; color:#666; font-weight:700;}

.section-title h2 {font-size:20px; margin-bottom:0; font-weight:700; color:#545b64}

.section01 {}
.section01 .banner-body {max-height:600px; }
.section01 .banner-body .item {text-align:center;}
.section01 .banner-body .item img {max-width:100%; margin:0 auto; min-height:380px ;}

@media (max-width:768px) {
    .section01 .banner-body .item img {max-width:100%; margin:0 auto; min-height:auto ;}

}


.section02 {padding:0px 0 0; width:100%; display:block; position:relative; *zoom:1;}
.section02:after {clear:both; display:block; content:"";}
 .search-form {}
 .search-form .search-in-body {  width: 100%;
    display: block;
    margin-top: 10px;
    text-align: center;
    margin: 0px auto 0;
    height: 45px;}
 .search-form .search-in {font-size:14px; height:100%;  border-radius:0 4px; padding:8px; height:45px; font-weight:700; background:#fff; width:100%; margin-left:0px; display:block; border:none; outline:none;}
 .search-form .search-in::placeholder {color:#212121;}
 .search-form .serch-input {width:100%;background: linear-gradient(to right, #6c1ed4,#0d99dc);border-radius:0 6px;color: #212121;display: inline-block;font-size: 14px;padding: 2px;text-decoration: none; position:relative;}
 .search-form  .serch-input .serch-image {position:absolute; top:14px; right:12px; width:20px}	
 .search-link-list { margin-top:0px; margin-bottom:24px;}
 .search-link-list .list-serch {width:100%; position:relative; text-align:center; margin-top:15px  }
 .search-link-list .list-serch a {display:block; width:100%;}

 .search-link-list .list-serch .list-text h3 {font-size:14px; text-align:left;}
 .search-link-list .list-serch .list-text h4 {font-size:12px;  text-align:left; color:#aaaaaa;}
 .search-link-list .list-serch .list-text .list-img {padding:0 0px 0 0px; display:inline;  -webkit-transition: 0.1s;
  transition: 0.1s;}
  .list-text {text-align:left;}
    .list-text span {position:relative; top:-15px; }
 .search-link-list .list-serch .list-text .list-img  img {width:50%; max-width:50px; display:inline;}

  				
	.search-link-list .list-serch .list-text a > .icons01  {background-image: url('/images/icon01s.png');    background-size: 45px;  width:45px; height:45px; display:inline-block}
	.search-link-list .list-serch .list-text a >.icons01:hover {background-image: url('/images/icon01ss.png');    background-size: 45px;  width:45px; height:45px; display:inline-block;  -webkit-transform: translateY(-10px);  transform: translateY(-10px);}

	.search-link-list .list-serch .list-text a > .icons02  {background-image: url('/images/icon02s.png');    background-size: 45px;  width:45px; height:45px; display:inline-block}
	.search-link-list .list-serch .list-text a >.icons02:hover {background-image: url('/images/icon02ss.png');    background-size: 45px;  width:45px; height:45px; display:inline-block;  -webkit-transform: translateY(-10px);  transform: translateY(-10px);}

	.search-link-list .list-serch .list-text a > .icons03  {background-image: url('/images/icon03s.png');    background-size: 45px;  width:45px; height:45px; display:inline-block}
	.search-link-list .list-serch .list-text a >.icons03:hover {background-image: url('/images/icon03ss.png');    background-size: 45px;  width:45px; height:45px; display:inline-block;  -webkit-transform: translateY(-10px);  transform: translateY(-10px);}


	.search-link-list .list-serch .list-text a > .icons04  {background-image: url('/images/icon04s.png');    background-size: 45px;  width:45px; height:45px; display:inline-block}
	.search-link-list .list-serch .list-text a >.icons04:hover {background-image: url('/images/icon04ss.png');    background-size: 45px;  width:45px; height:45px; display:inline-block;  -webkit-transform: translateY(-10px);  transform: translateY(-10px);}







	@media (max-width:768px){
	
  				
	.search-link-list .list-serch .list-text a > .icons01  {background-image: url('/images/icon01s.png');    background-size: 45px;  width:45px; height:45px; display:inline-block}
	.search-link-list .list-serch .list-text a >.icons01:hover {background-image: url('/images/icon01ss.png');    background-size: 45px;  width:45px; height:45px; display:inline-block;  -webkit-transform: translateY(-10px);  transform: translateY(-10px);}

	.search-link-list .list-serch .list-text a > .icons02  {background-image: url('/images/icon02s.png');    background-size: 45px;  width:45px; height:45px; display:inline-block}
	.search-link-list .list-serch .list-text a >.icons02:hover {background-image: url('/images/icon02ss.png');    background-size: 45px;  width:45px; height:45px; display:inline-block;  -webkit-transform: translateY(-10px);  transform: translateY(-10px);}

	.search-link-list .list-serch .list-text a > .icons03  {background-image: url('/images/icon03s.png');    background-size: 45px;  width:45px; height:45px; display:inline-block}
	.search-link-list .list-serch .list-text a >.icons03:hover {background-image: url('/images/icon03ss.png');    background-size: 45px;  width:45px; height:45px; display:inline-block;  -webkit-transform: translateY(-10px);  transform: translateY(-10px);}


	.search-link-list .list-serch .list-text a > .icons04  {background-image: url('/images/icon04s.png');    background-size: 45px;  width:45px; height:45px; display:inline-block}
	.search-link-list .list-serch .list-text a >.icons04:hover {background-image: url('/images/icon04ss.png');    background-size: 45px;  width:45px; height:45px; display:inline-block;  -webkit-transform: translateY(-10px);  transform: translateY(-10px);}








	
	}










	.cate_list_bt {    border-radius: 4px;
    background: #fff;
    padding: 10px 12px;
    font-size: 14px;
	margin-right:10px;
    margin-top: 15px;
    display: inline-block;

	cursor:pointer;}

	.a_cate {border:1px solid #6c1ed4; color:#6c1ed4; position:relative; }
	.a_cate img {max-width:15px; top:0; left:0; position:absolute;}
	.b_cate {border:1px solid #436ed5; color:#436ed5; position:relative;  }
	.c_cate {border:1px solid #f19015; color:#f19015;  position:relative;   }
	.d_cate {border:1px solid #f1157c; color:#f1157c; position:relative;  }
 .search-link-list .s-list-center {}

.section03 {padding:25px 0; width:100%; display:block; position:relative; *zoom:1;}
.section03 .section-title {margin-bottom:20px;}
.section03 .section-content {}
.section03 .section-content .class-item{margin:0px 0 38px;}
.section03 .section-content .class-item .th-img {margin-bottom:8px;}
.section03 .section-content .class-item .th-img img{width:100%; display:block;  max-width:100%; border-radius:4px;  }
.section03 .section-content .class-item .class-desc {text-align:left;}

.section03 .section-content .class-item .class-desc .class-label {font-size:10px; padding:4px 8px; border-radius:4px; }
.section03 .section-content .class-item .class-desc .class-title{font-size:14px;line-height:1.38; margin-top:8px;  font-weight:400; min-height:42px; margin-bottom:0;}
.section03 .section-content .class-item .class-desc .class-price {text-align:right; font-size:18px; font-weight:900; letter-spacing:-1px;}
.section03 .section-content .class-item .class-desc .class-price small {padding-left:0; letter-spacing:0; color:#888; line-height:1.4; margin-top:2px; }
.section03 .section-content {}

.section04 {padding:0px 0 30px; width:100%; display:block; position:relative;*zoom:1;}
.section-sub  .section-title > h2:first-child {margin-bottom:20px;   margin-top:50px }
.section04 .section-content {}
.section04 .section-content .teacher-item{margin:0px 0 0px ;  padding:24px 24px 24px;   /*border:1px solid #e6e6e6; border-radius:4px;  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);  */}
.section04 .section-content .teacher-item .th-img { margin:24px auto 16px; position:relative;}
/*.section04 .section-content .teacher-item .th-img img{display:block; width:96px; height:96px;    border-radius:50%;margin:0 auto;   max-width:100%;}*/
.section04 .section-content .teacher-item .th-img .circle{display:block; width:96px; height:96px;    border-radius:50%;margin:0 auto;   max-width:100%;}
.section04 .section-content .teacher-item .th-img .circle2{display:block; width:64px; height:64px;    border-radius:50%;margin:0 auto;   max-width:100%;}
.section04 .section-content .teacher-item .th-img .teacher-label {width:32px; height:32px;  line-height:18px;  position:absolute; bottom:0; right:30px;border-radius:50%; display:table;   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24); background-image: linear-gradient(135deg, #6c1ed4, #0d99dc); text-align:center;}
.section04 .section-content .teacher-item .th-img .teacher-label img {max-width:100%; width:18px; height:18px; display:table-cell; margin:6px auto;   vertical-align:middle;}
.section04 .section-content .teacher-item .teacher-desc {text-align:center;}
.section04 .section-content .teacher-item .teacher-desc .teacher-name {font-size:16px; font-weight:700;}

.section04 .section-content .teacher-item .teacher-desc .teacher-score {position:absolute; top:20px; right:25px; }
.section04 .section-content .teacher-item .teacher-desc .teacher-score img  {margin-top:-8px; padding-right:0px;}
.section04 .section-content .teacher-item .teacher-desc .teacher-score {font-size:12px; font-weight:700;}


.section04 .section-content .teacher-item .teacher-desc .teacher-class {position:absolute; top:15px; left:25px;}
.section04 .section-content .teacher-item .teacher-desc .teacher-class .class-label {    font-size: 10px;    padding: 4px 8px;    border-radius: 4px;}  
.section04 .section-content .teacher-item .teacher-desc .teacher-class {font-size:12px; font-weight:700;}


@media (max-width:768px){



.section04 .section-content .teacher-item .teacher-desc .teacher-class {position:absolute; top:35px; left:35px;}
.section04 .section-content .teacher-item .teacher-desc .teacher-class .class-label {    font-size: 10px;    padding: 4px 8px;    border-radius: 4px;}  
.section04 .section-content .teacher-item .teacher-desc .teacher-class {font-size:12px; font-weight:700;}




}

.section04 .section-content .teacher-item .teacher-desc .teacher-intu {font-size:14px;  margin-top:16px; min-height:44px;}
.section04 .section-content .teacher-item .teacher-desc .teacher-price {font-size:18px;  margin-top:0px; font-weight:700; text-align:center;}
.section04 .section-content .teacher-item .teacher-desc .teacher-price small {font-size:12px; color:#aaaaaa; margin-right:0px; }

.section05 {padding:80px 0 50px; width:100%; display:none !important; position:relative; margin-top:40px; margin-bottom:65px; background:#fbfbfb;*zoom:1;}
.section05 .vovo-review {margin-top:40px; position:relative; width:100%; }
.section05 .vovo-review .review-box{padding:97px 60px; height:442px; width:100%; position:relative; background:rgba(255,255,255,0.8); *zoom:1; }
.section05 .vovo-review .review-box::before {width:16px; height:14px; background-image:url('../images/ic-review-mark-01-nor.png'); position:absolute; top:48px; left:24px; z-index:5;content:""}
.section05 .vovo-review .review-box::after {width:16px; height:14px; background-image:url('../images/ic-review-mark-02-nor.png'); position:absolute; bottom:48px;right:24px; z-index:5;content:""}
.section05 .vovo-review .review-box:hover{padding:97px 60px; width:100%; position:relative; background:rgba(255,255,255,0.8); *zoom:1; }
.section05 .vovo-review .review-box:hover:before {width:16px; height:14px; background-image:url('../images/ic-review-mark-01-over.png'); position:absolute; top:48px; left:24px; z-index:5;content:""}
.section05 .vovo-review .review-box:hover:after {width:16px; height:14px; background-image:url('../images/ic-review-mark-02-over.png'); position:absolute; bottom:48px;right:24px; z-index:5;content:""}
.section05 .vovo-review .review-box .review-title{text-align:left; font-size:14px; font-weight:700; margin-bottom:0;}
.section05 .vovo-review .review-box .review-content{text-align:left; line-height: 1.89; font-size:18px; margin-top:8px;}
.section05 .vovo-review .review-box .review-content p {margin-bottom:0; line-height:22px;}
.section05 .vovo-review .review-box .review-er{text-align:left; margin-top:32px; font-size:14px; color:#666;}
.section05 .vovo-review .center{padding:97px 60px;  margin-top:-40px; width:100%; height:512px; position:relative; background:rgba(255,255,255,1);  box-shadow: 0 24px 48px 0 rgba(120, 120, 120, 0.16); *zoom:1; }
.section05 .vovo-review .center::before {width:16px; height:14px; background-image:url('../images/ic-review-mark-01-over.png'); position:absolute; top:48px; left:24px; z-index:5;content:""}
.section05 .vovo-review .center::after {width:16px; height:14px; background-image:url('../images/ic-review-mark-02-over.png'); position:absolute; bottom:48px;right:24px; z-index:5;content:""}
.section05 .vovo-review .center .review-title{text-align:left; font-size:14px; font-weight:700; margin-bottom:0;}
.section05 .vovo-review .center .review-content{text-align:left; line-height: 1.89; font-size:18px; margin-top:8px;}
.section05 .vovo-review .center .review-er{text-align:left; margin-top:32px; font-size:14px; color:#666;}
.section05 .scroll-control {}
.section05 .scroll-control img {margin-top:18px}
.section05 .scroll-control .prev-icon {position:absolute; top:50%; left:1%;   width:56px; height:56px; margin-top:-25px;  display:inline-block; text-align:center; background-color: rgba(0, 0, 0, 0.6); border-radius:50%;}
.section05 .scroll-control .next-icon {position:absolute; top:50%; right:1%;  width:56px; height:56px; margin-top:-25px;  display:inline-block; text-align:center; background-color: rgba(0, 0, 0, 0.6); border-radius:50%;}
.section05 .scroll-control-circle {width:100%; display:block; text-align:center; margin-top:100px;}
.section05 .scroll-control-circle span {width:8px; height:8px; display:inline-block; background-color: rgba(33, 33, 33, 0.2);  border-radius:50%; }
.section05 .scroll-control-circle .active {width:12px; height:12px; display:inline-block; margin-top:px;  background-color:#212121;  border-radius:50%; }



.section05_2 {padding:10px 0; width:100%; display:block; position:relative; top:0; *zoom:1;}
.section05_2 .vovo-review2 { position:relative; width:100%; }
.section05_2 .vovo-review2 .review-box2{padding:20px 25px; height:130px; width:100%; position:relative; background:rgba(255,255,255,0.8); *zoom:1;   border:1px solid #eee;}

@media (max-width:768px){
.section05_2 .vovo-review2 { position:relative; width:100%; }
.section05_2 .vovo-review2 .review-box2{padding:20px 25px; height:160px; width:100%; position:relative; background:rgba(255,255,255,0.8); *zoom:1;   border:1px solid #eee;}


}
.section05_2 .vovo-review2 .review-box2 .review-title{text-align:left; font-size:14px; font-weight:700; margin-bottom:0;}
.section05_2 .vovo-review2 .review-box2 .review-content{text-align:left; line-height: 1.29; font-size:12px; margin-top:8px;}
.section05_2 .vovo-review2 .review-box2 .review-content p {margin-bottom:0; line-height:22px;}
.section05_2 .vovo-review2 .review-box2 .review-er{text-align:left; margin-top:16px; font-size:12px; color:#666;}
.section05_2 .vovo-review2 .center{padding:97px 60px;  margin-top:-40px; width:100%; height:512px; position:relative; background:rgba(255,255,255,1);  box-shadow: 0 24px 48px 0 rgba(120, 120, 120, 0.16); *zoom:1; }
.section05_2 .vovo-review2 .center::before {width:16px; height:14px; background-image:url('../images/ic-review-mark-01-over.png'); position:absolute; top:48px; left:24px; z-index:5;content:""}
.section05_2 .vovo-review2 .center::after {width:16px; height:14px; background-image:url('../images/ic-review-mark-02-over.png'); position:absolute; bottom:48px;right:24px; z-index:5;content:""}
.section05_2 .vovo-review2 .center .review-title{text-align:left; font-size:14px; font-weight:700; margin-bottom:0;}
.section05_2 .vovo-review2 .center .review-content{text-align:left; line-height: 1.89; font-size:18px; margin-top:8px;}
.section05_2 .vovo-review2 .center .review-er{text-align:left; margin-top:32px; font-size:14px; color:#666;}
.section05_2 .scroll-control {}
.section05_2 .scroll-control img {margin-top:18px}
.section05_2 .scroll-control .prev-icon {position:absolute; top:50%; left:1%;   width:56px; height:56px; margin-top:-25px;  display:inline-block; text-align:center; background-color: rgba(0, 0, 0, 0.6); border-radius:50%;}
.section05_2 .scroll-control .next-icon {position:absolute; top:50%; right:1%;  width:56px; height:56px; margin-top:-25px;  display:inline-block; text-align:center; background-color: rgba(0, 0, 0, 0.6); border-radius:50%;}
.section05_2 .scroll-control-circle {width:100%; display:block; text-align:center; margin-top:100px;}
.section05_2 .scroll-control-circle span {width:8px; height:8px; display:inline-block; background-color: rgba(33, 33, 33, 0.2);  border-radius:50%; }
.section05_2 .scroll-control-circle .active {width:12px; height:12px; display:inline-block; margin-top:px;  background-color:#212121;  border-radius:50%; }


.section06 {padding:72px 0 50px; width:100%; display:block; position:relative; margin-top:35px; margin-bottom:35px; background:#fbfbfb;*zoom:1;}
.section06 .vovo-pro {margin-top:15px; position:relative; width:100%; }
.section06 .vovo-pro .pro-box{padding:24px 25px; width:100%;  border-radius:10px; position:relative; background:rgba(255,255,255,1); *zoom:1;  background-size:cover; background-position:center bottom; min-height:400px; overflow:hidden;}
.section06 .vovo-pro .pro-box .pro-label {width:42px; height:42px; border-radius:50%;  display:inline-block; position:absolute;  background-image: linear-gradient(135deg, #6c1ed4, #0d99dc); top:5px; left:5px; }
.section06 .vovo-pro .pro-box .pro-label img {margin-top:8px; display:inline; width:60%;}
.section06 .vovo-pro .center{padding:24px 25px; width:100%; height:520px; margin-top:-20px;  border-radius:10px; position:relative; background:rgba(255,255,255,1); *zoom:1;  background-size:cover; background-position:center bottom; min-height:480px;  box-shadow: 0 24px 48px 0 rgba(120, 120, 120, 0.16); }
.section06 .vovo-pro .pro-box .teacher-info-box {width:100%; display:block; padding:10px 10px 24px; position:absolute; left:0; right:0; bottom:0;}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-title {color:#fff; font-size:12px; font-weight:700; margin:0;}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-title2 {color:#fff; font-size:14px; font-weight:700; margin-top:4px; margin-bottom:5px; border-top:1px dashed #d9d9d9; padding-top:10px}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-score {color:#fff; font-size:12px; font-weight:700; margin-top:5px; margin-bottom:12px; text-align:right;}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-score img {margin-top:-4px; display:inline;}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-score .number-score {color:#fff; font-size:12px; font-weight:700; margin-top:5px; margin-bottom:16px; margin-left:10px; line-height:20px}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-content{text-align:left; font-size:14px; margin-top:10px; color:#fff; }
.section06 .vovo-pro .pro-box .teacher-info-box .pro-button{border-radius:8; background:#6c1ed4; padding:10px; font-size:12px;  margin-top:15px;  display:inline-block; color:#fff;}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-button a {color:#fff; font-size:12px; width:100%; display:block; padding:0;  text-align:center}
.section06 .scroll-control {}
.section06 .scroll-control img {margin-top:18px}
.section06 .scroll-control .prev-icon {position:absolute; top:50%; left:1%;   width:56px; height:56px; margin-top:-25px;  display:inline-block; text-align:center; background-color: rgba(0, 0, 0, 0.6); border-radius:50%;}
.section06 .scroll-control .next-icon {position:absolute; top:50%; right:1%;  width:56px; height:56px; margin-top:-25px;  display:inline-block; text-align:center; background-color: rgba(0, 0, 0, 0.6); border-radius:50%;}
.section06 .scroll-control-circle {width:100%; display:block; text-align:center; margin-top:100px;}
.section06 .scroll-control-circle span {width:8px; height:8px; display:inline-block; background-color: rgba(33, 33, 33, 0.2);  border-radius:50%; }
.section06 .scroll-control-circle .active {width:12px; height:12px; display:inline-block; margin-top:px;  background-color:#212121;  border-radius:50%; }

.section07 {padding:30px 0 60px; width:100%; display:block; position:relative; margin-top:65px; margin-bottom:120px; background:#fff; *zoom:1;}
.section07 .recu-banner {height:320px; min-height:300px; width:100%;  margin-bottom:120px; position:relative; display:block; padding:76px; text-align:center; background-position:center; background-size:cover;  text-align:center; color:#fff;}
.section07 .recu-banner .recu-text {font-size:24px; }
.section07 .recu-banner .recu-text2 {font-size:24px; padding-bottom:4px; display:inline-block;  font-weight:700; border-bottom:2px solid #fff;}
.section07 .recu-banner .recu-link {padding:14px;  border-radius:8px;  width:384px; margin:36px auto 65px; border:1px solid #d9d9d9; font-size:18px; color:#666; font-weight:700;}
.section07 .recu-banner .recu-link a {color:#fff;}
.section07 .bbs-area {}
.section07 .bbs .bbs-header {border-bottom:1px solid #212121; width:100%; display:block;}
.section07 .bbs .bbs-header h3{font-size:20px; font-weight:700; display:block;}
.section07 .bbs .bbs-header a{font-size:14px; font-weight:400; color:#666;  text-align:right; float:right;}
.section07 .bbs .bbs-body  .bbs-list{ padding:0; margin:0; }
.section07 .bbs .bbs-body  .bbs-list li {list-style:none; font-size:14px; padding:10px 0; border-bottom:1px solid #e6e6e6;}
.section07 .bbs .bbs-body  .bbs-list li:last-child {border-bottom:none;}
.section07 .bbs .bbs-body  .bbs-list li span {text-align:right; float:right; font-size:14px; color:#aaa; }

.section-footer { background:#fbfbfb; width:100%; display:block; padding:40px 0 32px; position:absolute;}
.section-footer .footer-body {position:relative;}
.section-footer .footer-body h4 {margin:0 0 0px; display:inline-block;}
.section-footer .footer-body .footer-address { width:100%; display:inline-block; margin-top:24px; margin-bottom:16px; }
.section-footer .footer-body .footer-address p {margin:0}
.section-footer .footer-body .foot-agree{margin-bottom:24px; }
.section-footer .footer-body .foot-agree span { line-height:12px; margin:5px;}
.section-footer .footer-body .foot-agree .center {border-top:0; border-bottom:0; }
.section-footer .footer-body .foot-agree span:last-child{border:none;}
.section-footer .footer-body .foot-agree span:first-child{margin-left:0;}
.section-footer .footer-body .foot-contact {border:1px solid #e9e9e9; display:inline-block;; border-radius:8px;  margin-bottom:28px; padding:11px 24px; }
.section-footer .footer-body .foot-contact img  {margin-top:-3px; margin-right:10px;}
.section-footer .go-top {position:absolute; bottom:24px; right:0; background:rgba(108,30,212,0.9); width:56px; height:56px; border-radius:50%; display:inline-block; }
.section-footer .go-top span {font-size:12px; color:#fff; margin-top:-5px; line-height:0;}
.section-footer .go-top img {text-align:center; margin:10px auto 0; display:block;  }
.section-footer .copyright {font-size:10px; color:#888;}





/*02. mypage css

	class list
*/

.section-sub {width:100%; display:block; position:relative; margin:70px auto; height:auto;}
.section-sub .my-class {padding:56px 0 0; width:100%; display:block;}
.section-sub .my-class .my-class-box {padding:33px 24px; border:1px solid #d9d9d9; border-radius:8px; background:#fff; width:100%; display:block; position:relative; margin-bottom:40px;}
.section-sub .my-class .my-class-box:hover {padding:33px 24px; border:1px solid #6c1ed4; border-radius:8px; background:#fff; width:100%; display:block; position:relative;}
.section-sub .grade-label {font-size:16px;}
.section-sub .grade-label .grade-name {font-size:16px;}
.section-sub .my-class .my-class-box .my-class-name h3 {font-size:18px; font-weight:700; letter-spacing:-0.5px;}
.section-sub .my-class .my-class-box .my-class-name .date {font-size:16px;color:#aaa; margin-bottom:0;}
.section-sub .my-class .my-class-box .my-class-teacher {margin-top:28px; width:100%; display:block; zoom:1;}
.section-sub .my-class .my-class-box .my-class-teacher:after {clear:both; content:""; display:block;}
.section-sub .my-class .my-class-box .my-class-teacher-schedule {width:100%; display:block;}

.section-sub .my-class .my-class-box .my-class-teacher .teacher-img {width:40px; height:40px; display:inline-block;  }
.section-sub .my-class .my-class-box .my-class-teacher .teacher-img img {width:40px; height:40px; display:block;margin-top:0px; margin-right:8px;  }
.section-sub .my-class .my-class-box .my-class-teacher span {font-size: 18px;    display: table-cell;    line-height: 40px;  float: left;}




/*02. mypage css

	class detail
*/


.section-sub .my-class-detail {width:100%; display:block;  margin-top:0px; padding-top:56px;}
.section-sub .my-class-detail .detail-photo {margin-bottom:16px;}
.section-sub .my-class-detail .detail-photo img {width:100%; display:block; border-radius:8px;}
.section-sub .my-class-detail .detail-info {}
.section-sub .my-class-detail .detail-info h3 {font-size:26px; line-height:1.62; font-weight:700; letter-spacing:-0.5px; margin-bottom:8px;}
.section-sub .my-class-detail .detail-info .detail-date {font-size:16px; margin-bottom:40px; color:#aaaaaa;}
.section-sub .my-class-detail .detail-info .my-class-teacher {width:100%; display:block; position:relative; height:100%; min-height:80px;}
.section-sub .my-class-detail .detail-info .detail-start-class{position:absolute; bottom:20px; right:0;}
.section-sub .my-class-detail .detail-info .profile-info{}
.section-sub .my-class-detail .my-class-teacher .teacher-img {width:64px; height:64px; display:inline-block; position:relative;   }
.section-sub .my-class-detail .my-class-teacher .teacher-img img {width:64px; height:64px; display:block;margin-top:0px; margin-right:16px;  }
.section-sub .my-class-detail .my-class-teacher span {font-size: 18px;    display: table-cell;    line-height: 64px;  float: left; font-weight:700;}
.section-sub .my-class-detail .my-class-teacher .teacher-label {width:32px; height:32px;  line-height:18px;  position:absolute; bottom:-5px; right:-5px;border-radius:50%; display:table;   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24); background-image: linear-gradient(135deg, #6c1ed4, #0d99dc); text-align:center;}
.section-sub .my-class-detail .my-class-teacher .teacher-label img {max-width:100%; width:18px; height:18px; display:table-cell; margin:6px auto;   vertical-align:middle;}
.section-sub .my-class-detail-addon {width:100%; display:block; margin-top:100px; position:relative;  padding-bottom:0px; border-bottom:1px solid #000; border-top:1px solid #d9d9d9; }
.section-sub .my-class-detail-addon .fixed-bar {}
.section-sub .my-class-detail-addon .addon-tab {width:100%;   }
.section-sub .my-class-detail-addon .addon-tab ul {width:100%; display:flex; list-style:none; }

.section-sub .my-class-detail-addon .detail-tab-bt {padding:15px; text-align:center;}
.section-sub .my-class-detail-addon .detail-tabs {font-size:16px;}
.section-sub .my-class-detail-addon .detail-tabs .active {margin-top:0px; background:#000; color:#fff;}
.section-sub .my-class-detail-addon .detail-tabs a {color:#aaa}
.section-sub  .hidden-detail {display:none;}
.section-sub  .hidden-detail .detail-date {margin:0;}
.section-sub  .hidden-detail .hidden_teacher_img img {width:100%; max-width:110px;  display:block;}


.section-sub .sticky {position:fixed !important; left:0; right:0; top:0; z-index:800; margin-top:69px; background:#fff;}
.section-sub .sticky .hidden-detail {padding:21px 0; border-bottom:1px solid #d9d9d9; display:table; vertical-align:middle; width:100%;}
.section-sub .sticky .hidden-detail .detail-date {margin:0;}


.section-sub .detail-board {padding:80px 0; width:100%; display:block;}
.section-sub .detail-board .board-header{width:100%; display:block; *zoom:1;}
.section-sub .detail-board .board-header:after{display:block; clear:both;content:""; }
.section-sub .detail-board .board-header h2{font-size:22px; display:inline-block; float:left; font-weight:700;}

.section-sub .detail-board .board-body{}
.section-sub .detail-board .board-body .board-table{display:table; width:100%;  margin-top:32px}
.section-sub .detail-board .board-body .board-table thead{border-top:2px solid #212121; border-bottom:1px solid #212121; text-align:center;}
.section-sub .detail-board .board-body .board-table thead th{ font-weight:700; padding:16px;  font-size:14px;}
.section-sub .detail-board .board-body .board-table tbody {text-align:center;}
.section-sub .detail-board .board-body .board-table tbody td{ font-weight:300; padding:19px 0;  font-size:14px;}
.section-sub .detail-board .board-body .board-table tbody tr {border-bottom:1px solid #e6e6e6;}
.section-sub .detail-board .board-body .board-table td:hover {color:#6c1ed4 !important}


.section-sub .detail-board .board-body .board-table .w_title {text-align:left !important; margin-bottom:0}
.section-sub .detail-board .board-body .board-table span {color:#666;  width:100%; display:block;}
.section-sub .detail-board .board-body .board-table .teacher-score  img  {margin-top:-5px}
.section-sub .detail-board .board-body .board-table span a {color:#666; width:100%; display:block;}
.section-sub .detail-board .board-body .board-table tr:hover span {color:#6c1ed4;}
.section-sub .detail-board .board-body .board-table tr:hover a {color:#6c1ed4;}
.section-sub .detail-board .paing-nav {width:100%; display:block; text-align:center; margin-top:64px;}
.section-sub .detail-board .paing-nav .perv-arrow{display:inline-block; }
.section-sub .detail-board .paing-nav .next-arrow{display:inline-block;}
.section-sub .detail-board .paing-nav .activ-page {background:#212121; height:32px; line-height:32px; width:32px; display:inline-block; color:#fff;}
.section-sub .detail-board .paing-nav a {font-size:12px; margin:7px; color:#666; width:100%; display:inline;}




/*02. mypage account

	class detail
*/


.section-sub .my-account  {margin:56px 0 100px}
.section-sub .my-account .edit-box { border-bottom:1px solid #212121; padding-bottom:56px}
.section-sub .my-account .my-account-box {width:100%; display:block; position:relative; }
.section-sub .my-account .my-account-box .account-profile {width:96px; height:96px; display:inline-block; float:left;}
.section-sub .my-account .my-account-box .account-profile img {width:96px; height:96px; display:inline-block;}
.section-sub .my-account .my-account-box .account-profile-text {display:inline-block; float:left; padding-top:25px; padding-left:16px;}
.section-sub .my-account .my-account-box .account-profile-text h3 {font-size:18px; font-weight:700; margin:0;}
.section-sub .my-account .my-account-box .account-profile-text p {font-size:14px; color:#666;}
.section-sub .my-account .my-account-box .account-edit {width:100%; margin:0 auto; display:block;text-align:center;}
.section-sub .my-account .my-account-box .account-edit img {text-align:center; width:120px; height:120px; margin:0 auto 16px; }
.section-sub .my-account .my-account-box .edit-button { margin-top:80px;}
.section-sub .my-account .my-account-box .edit-button .submit-button {border-radius:8px; padding:14px; width:100%; display:block; font-size:18px; font-weight:700; text-align:center; color:#666; background:#fff; border:1px solid #d9d9d9}
.section-sub .swhich-box {float:right; margin-top:-60px;}
 .section-title {margin-bottom:15px;}
 .section-content {}
 .section-content .class-item{margin:20px 0;}
 .section-content .class-item .th-img {margin-bottom:8px;}
 .section-content .class-item .th-img img{width:100%; display:block;  max-width:100%; border-radius:10px;}
 .section-content .class-item .class-desc {text-align:left;}
 .section-content .class-item .class-desc .class-label {font-size:10px; padding:4px 8px; border-radius:4px; }
 .section-content .class-item .class-desc .class-title{font-size:16px;line-height:1.63; margin-top:8px; }
 .section-content .class-item p {font-size:12px; margin-bottom:0;}
 .section-content .class-item .class-desc .class-price {text-align:right; font-size:18px; font-weight:900;}
 

 .section-content {}
.tab-pane  {padding-top:50px; width:100%; display:block} 
.edit-button2 { margin-top:30px;}
.edit-button2 .submit-button {border-radius:8px; padding:14px; width:100%; display:block; font-size:12px; font-weight:700; text-align:center; color:#666; background:#fff; border:1px solid #d9d9d9}
.edit-button2 .submit-button-ok  {width:100%; display:block;border-radius: 8px; padding: 14px; font-size:12px; text-align:center; background:#6c1ed4; color:#fff;}


@media (max-width: 767.98px) {

.section-sub .my-account  {margin:56px 0 100px}
.section-sub .my-account .edit-box { border-bottom:1px solid #212121; padding-bottom:56px}
.section-sub .my-account .my-account-box {width:100%; display:block; position:relative; font-weight:600}
.section-sub .my-account .my-account-box .account-profile {width:96px; height:96px; display:inline-block; float:left;}
.section-sub .my-account .my-account-box .account-profile img {width:96px; height:96px; display:inline-block;}
.section-sub .my-account .my-account-box .account-profile-text {display:inline-block; float:left; padding-top:25px; padding-left:16px;}
.section-sub .my-account .my-account-box .account-profile-text h3 {font-size:18px; font-weight:700; margin:0;}
.section-sub .my-account .my-account-box .account-profile-text p {font-size:14px; color:#666;}
.section-sub .my-account .my-account-box .account-edit {width:100%; margin:0 auto; display:block;text-align:center;}
.section-sub .my-account .my-account-box .account-edit img {text-align:center; width:120px; height:120px; margin:0 auto 16px; }
.section-sub .my-account .my-account-box .edit-button { margin-top:80px;}
.section-sub .my-account .my-account-box .edit-button .submit-button {border-radius:8px; padding:14px; width:100%; display:block; font-size:18px; font-weight:700; text-align:center; color:#666; background:#fff; border:1px solid #d9d9d9}
.section-sub .swhich-box {float:right; margin-top:-40px;}
 .section-title {margin-bottom:20px;}
 .section-content {}
 .section-content .class-item{margin:20px 0;}
 .section-content .class-item .th-img {margin-bottom:8px; }
 .section-content .class-item .th-img img{width:100%; display:block;  max-width:100%; border-radius:10px;}
 .section-content .class-item .class-desc {text-align:left;}
 .section-content .class-item .class-desc .class-label {font-size:10px; padding:4px 8px; border-radius:4px; }
 .section-content .class-item .class-desc .class-title{font-size:14px;line-height:1.1; margin-top:8px; height:50px; color:#212121; margin-bottom:0}
 .section-content .class-item p {font-size:12px; margin-bottom:0;}
 .section-content .class-item .class-desc .class-price {text-align:right; font-size:16px; font-weight:900;}
 .section-sub .my-class-detail .detail-info .detail-start-class{position:absolute; top:80px; right:0;}
.class_time  li {font-size:14px};


 .section-content {}
.tab-pane  {padding-top:50px; width:100%; display:block} 
.edit-button2 { margin-top:30px;}
.edit-button2 .submit-button {border-radius:8px; padding:14px; width:100%; display:block; font-size:12px; font-weight:700; text-align:center; color:#666; background:#fff; border:1px solid #d9d9d9}
.edit-button2 .submit-button-ok  {width:100%; display:block;border-radius: 8px; padding: 14px; font-size:12px; text-align:center; background:#6c1ed4; color:#fff;}




.detail-board {font-size:14px;}

.section01 {margin-top:0px;}
.class-label {font-size:10px;  width:45px; height:23px ;display:inline-block; padding:2px 6px 2px; border-radius:4px;  text-align:center; line-height:14px}


.section-sub .detail-board .board-body .board-table .w_title {text-align:left; margin-bottom:10px;}
.section-sub .detail-board .board-body .board-table .w_user {text-align:left; padding-top:7px;}
.section-sub .detail-board .board-body .board-table .w_date {text-align:left; padding-top:7px;}
.section-sub .my-class-detail {width:100%;margin-top:70px; display:block;}


.section-sub .my-class-detail .detail-photo {margin-bottom:16px;}
.section-sub .my-class-detail .detail-photo img {width:100%; display:block; border-radius:8px;  max-height:auto;}
.section-sub .my-class-detail .detail-info .profile-info{max-height:450px !important}

.section-sub .my-class-detail .detail-info {width:100%; display:block; position:relative;}
.section-sub .my-class-detail .detail-info h3 {font-size:18px; line-height:1.62; font-weight:700; letter-spacing:-0.5px; margin-bottom:8px;}
.section-sub .my-class-detail .detail-info .detail-date {font-size:14px; margin-bottom:40px; color:#aaaaaa;}
.section-sub .my-class-detail .my-class-teacher {width:100%; display:block; position:relative;}
.section-sub .my-class-detail .my-class-teacher .teacher-img {width:55px; height:55px; display:inline-block; position:relative;   }
.section-sub .my-class-detail .my-class-teacher .teacher-img img {width:40px; height:40px; display:block;margin-top:0px; margin-right:16px;  }
.section-sub .my-class-detail .my-class-teacher span {font-size: 18px;    display: table-cell;    line-height: 64px;  float: left; font-weight:700;}
.section-sub .my-class-detail .my-class-teacher .teacher-label {width:24px; height:24px;  line-height:18px;  position:absolute; bottom:8px; right:8px;border-radius:50%; display:table;   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24); background-image: linear-gradient(135deg, #6c1ed4, #0d99dc); text-align:center;}
.section-sub .my-class-detail .my-class-teacher .teacher-label img {max-width:100%; width:12px; height:12px; display:table-cell; margin:6px auto;   vertical-align:middle;}
.section-sub .my-class-detail-addon {width:100%; display:block; margin-top:100px; position:relative;  padding-bottom:0px; border-bottom:1px solid #000; border-top:1px solid #d9d9d9; }
.section-sub .my-class-detail-addon .fixed-bar {}
.section-sub .my-class-detail-addon .addon-tab {width:100%;   }
.section-sub .my-class-detail-addon .addon-tab ul {width:100%; display:flex; list-style:none; }

.section-sub .my-class-detail-addon .detail-tab-bt {padding:15px; text-align:center;}
.section-sub .my-class-detail-addon .detail-tabs {font-size:16px;}
.section-sub .my-class-detail-addon .detail-tabs .active {margin-top:0px; background:#000; color:#fff;}
.section-sub .my-class-detail-addon .detail-tabs a {color:#aaa}
.section-sub  .hidden-detail {display:none;}
.section-sub  .hidden-detail .detail-date {margin:0;}


.section-sub .sticky {position:fixed !important; left:0; right:0; top:0; z-index:800; margin-top:69px; background:#fff;}
.section-sub .sticky .hidden-detail {padding:21px 0; border-bottom:1px solid #d9d9d9; display:table; vertical-align:middle; width:100%;}
.section-sub .sticky .hidden-detail .detail-date {margin:0;}


.section-sub .detail-board {padding:40px 0; width:100%; display:block;}
.section-sub .detail-board .board-header{width:100%; display:block; *zoom:1;}
.section-sub .detail-board .board-header:after{display:block; clear:both;content:""; }
.section-sub .detail-board .board-header h2{font-size:22px; display:inline-block; float:left; font-weight:700;}

.section-sub .detail-board .board-body{}
.section-sub .detail-board .board-body .board-table{display:table; width:100%;  margin-top:0px}
.section-sub .detail-board .board-body .board-table thead{border-top:2px solid #212121; border-bottom:1px solid #212121; text-align:center;}
.section-sub .detail-board .board-body .board-table thead th{ font-weight:700; padding:16px;  font-size:14px;}
.section-sub .detail-board .board-body .board-table tbody {text-align:center;}
.section-sub .detail-board .board-body .board-table tbody td{ font-weight:300; padding:19px 0;  font-size:14px;}
.section-sub .detail-board .board-body .board-table tbody tr {border-bottom:1px solid #e6e6e6;}
.section-sub .detail-board .board-body .board-table td:hover {color:#6c1ed4 !important}


.section-sub .detail-board .board-body .board-table .w_title {text-align:left !important; font-weight:700;}
.section-sub .detail-board .board-body .board-table span {color:#666;  width:100%; display:block;}
.section-sub .detail-board .board-body .board-table span a {color:#666; width:100%; display:block; font-weight:bold;}
.section-sub .detail-board .board-body .board-table tr:hover span {color:#6c1ed4;}
.section-sub .detail-board .board-body .board-table tr:hover a {color:#6c1ed4;}
.section-sub .detail-board .paing-nav {width:100%; display:block; text-align:center; margin-top:64px;}
.section-sub .detail-board .paing-nav .perv-arrow{display:inline-block; }
.section-sub .detail-board .paing-nav .next-arrow{display:inline-block;}
.section-sub .detail-board .paing-nav .activ-page {background:#212121; height:32px; line-height:32px; width:32px; display:inline-block; color:#fff;}
.section-sub .detail-board .paing-nav a {font-size:12px; margin:7px; color:#666; width:100%; display:inline;}


.tab-pane {
    padding-top: 0px;
    width: 100%;
    display: block;
}

.section-sub .my-class-detail {
    width: 100%;
    margin-top: 16px;
    display: block;
	padding-top:0;
}
.section-sub .grade-label .grade-name {
    font-size: 16px;
}

.right-down {
    position: relative;
	margin-top:20px;
	width:100%; display:block;

}
.button-p {
    background: #6c1ed4;
    color: #fff;
    font-size: 14px;
    border-radius: 8px;
    padding: 14px 40px;
    font-weight: 700;
    text-align: center;
	width:100%;
	display:block;
	margin:0px auto 0;
}

.my-class-detail-addon  h3 {font-size:16px;}
.my-class-detail-addon  .small-bt {font-size:12px; padding:10px 0; margin-top:0}


 .board-table thead{display:none !important;}
.flex-shrink-0 {margin-top:0px !important;}
.section-sub .my-class-detail .detail-info .detail-date {font-size:16px; margin-bottom:20px; color:#aaaaaa;}
.section-title h2 {font-size:18px; margin-bottom:0; font-weight:700;}
.section .section-more {padding:14px;  border-radius:8px;  width:288px; margin:35px auto 0px; border:1px solid #d9d9d9; font-size:14px; color:#666; font-weight:700;}

.section02 {padding:0px 0 0; width:100%; display:block; position:relative; *zoom:1;}
.section02:after {clear:both; display:block; content:"";}
 .search-form {margin-bottom:30px}
 .search-form .search-in-body {  width:100%; display:block;  text-align:center; margin:0 auto; height:80px;}
 .search-form .search-in {font-size:20px; height:100%;  border-radius:0 16px; padding:30px; height:80px; font-weight:700; background:#fff; width:100%; margin-left:0px; display:block; border:none; outline:none;}
 .search-form .search-in::placeholder {color:#212121;}
 .search-form .serch-input {width:100%;background: linear-gradient(to right, #6c1ed4,#0d99dc);border-radius:0 16px;color: #212121;display: inline-block;font-size: 20px;padding: 2px;text-decoration: none; position:relative;}
 .search-form .serch-input .serch-image {position:absolute; top:25px; right:25px;}	

  .search-form  .serch-input .serch-image {position:absolute; top:28px; right:16px; width:30px}	


 .search-link-list { margin-top:-20px; margin-bottom:24px;}
 .search-link-list .list-serch {display:block; text-align:center; margin-top:20px  }
 .search-link-list .list-serch .list-img {padding:0 0px 15px 0px; width:100%; display:block;}
 .search-link-list .list-serch .list-text {display:block; width:100%; text-align:center}
 .search-link-list .list-serch .list-text span {display:block !important; width:100%; margin-top:8px; font-size:12px;}
 .search-link-list .list-serch .list-text h3 {font-size:14px; text-align:center;}
 .search-link-list .list-serch .list-text h4 {display:none;}
 .search-link-list .s-list-center {border:none;}



.section03 {padding:40px 0; width:100%; display:block; position:relative; *zoom:1;}
.section03 .section-title {margin-bottom:20px;}
.section03 .section-content {}
.section03 .section-content .class-item{margin:20px 0;}
.section03 .section-content .class-item .th-img {margin-bottom:8px; max-height:100px;}
.section03 .section-content .class-item .th-img img{width:100%; display:block;  max-width:100%; border-radius:10px; max-height:100%; }
.section03 .section-content .class-item .class-desc {text-align:left; margin-top:15px;}
.section03 .section-content .class-item .class-desc .class-label {font-size:10px; padding:4px 2px; border-radius:4px;  text-align:center; line-height:14px;}
.section03 .section-content .class-item .class-desc .class-title{font-size:12px;line-height:1.43; margin-top:8px; height:55px;}
.section03 .section-content .class-item .class-desc .class-price {text-align:right; font-size:16px; font-weight:900;}
.section03 .section-content {}

.section04 {padding:40px 0; width:100%; display:block; position:relative; *zoom:1;}
.section04 .section-title {margin-bottom:20px;}
.section04 .section-content {}
.section04 .section-content .teacher-item{margin:20px 0;  padding:0 24px 24px; border:1px solid #e6e6e6; border-radius:10px;}
.section04 .section-content .teacher-item .th-img { margin:24px auto 16px; position:relative;}
.section04 .section-content .teacher-item .th-img img{display:block; width:96px; height:96px;    border-radius:50%;margin:0 auto;   max-width:100%;}
.section04 .section-content .teacher-item .th-img .teacher-label {width:32px; height:32px;  line-height:18px;  position:absolute; bottom:0; right:33%;border-radius:50%; display:table;   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24); background-image: linear-gradient(135deg, #6c1ed4, #0d99dc); text-align:center;}
.section04 .section-content .teacher-item .th-img .teacher-label img {max-width:100%; width:18px; height:18px; display:table-cell; margin:6px auto;   vertical-align:middle;}
.section04 .section-content .teacher-item .teacher-desc {text-align:center;}
.section04 .section-content .teacher-item .teacher-desc .teacher-name {font-size:18px; font-weight:700;}
.section04 .section-content .teacher-item .teacher-desc .teacher-score img  {margin-top:-3px; padding-right:5px;}
.section04 .section-content .teacher-item .teacher-desc .teacher-score {font-size:12px; font-weight:700;}
.section04 .section-content .teacher-item .teacher-desc .teacher-intu {font-size:14px;  margin-top:16px; min-height:44px; max-height:110px;}
.section04 .section-content .teacher-item .teacher-desc .teacher-price {font-size:18px;  margin-top:24px; font-weight:700; text-align:right;}
.section04 .section-content .teacher-item .teacher-desc .teacher-price small {font-size:12px; color:#aaaaaa; margin-right:10px; }

.section05 {padding:72px 0 50px; width:100%; display:block; position:relative; margin-top:120px; margin-bottom:65px; background:#fbfbfb;*zoom:1;}
.section05 .vovo-review {margin-top:32px; position:relative; width:100%; }
.section05 .vovo-review .review-box{padding:50px 16px 24px;height:330px; font-size:18px;   line-height:1.89;width:100%; position:relative; background:rgba(255,255,255,0.8); *zoom:1; }
.section05 .vovo-review .review-box::before {width:16px; height:14px; background-image:url('../images/ic-review-mark-01-nor.png'); position:absolute; top:20px; left:15px; z-index:5;content:""}
.section05 .vovo-review .review-box::after {width:16px; height:14px; background-image:url('../images/ic-review-mark-02-nor.png'); position:absolute; bottom:20px;right:15px; z-index:5;content:""}
.section05 .vovo-review .review-box:hover{padding:50px 16px 24px;height:330px; line-height:1.89; font-size:18px; position:relative; background:rgba(255,255,255,0.8); *zoom:1; }
.section05 .vovo-review .review-box:hover:before {width:16px; height:14px; background-image:url('../images/ic-review-mark-01-over.png'); position:absolute; top:20px; left:15px; z-index:5;content:""}
.section05 .vovo-review .review-box:hover:after {width:16px; height:14px; background-image:url('../images/ic-review-mark-02-over.png'); position:absolute; bottom:20px;right:15px; z-index:5;content:""}
.section05 .vovo-review .review-box .review-title{text-align:left; font-size:14px; font-weight:700; margin-bottom:0;}
.section05 .vovo-review .review-box .review-content{text-align:left; line-height: 1.89; font-size:16px; margin-top:8px; text-overflow: ellipsis; height:150px; overflow:hidden; width:100%;}
.section05 .vovo-review .review-box .review-content p {margin-bottom:0}

.section05 .vovo-review .review-box .review-er{text-align:left; margin-top:25px; font-size:12px; color:#666;}
.section05 .vovo-review .center{padding:97px 60px;  margin-top:-40px; width:100%; height:512px; position:relative; background:rgba(255,255,255,1);  box-shadow: 0 24px 48px 0 rgba(120, 120, 120, 0.16); *zoom:1; }
.section05 .vovo-review .center::before {width:16px; height:14px; background-image:url('../images/ic-review-mark-01-over.png'); position:absolute; top:48px; left:24px; z-index:5;content:""}
.section05 .vovo-review .center::after {width:16px; height:14px; background-image:url('../images/ic-review-mark-02-over.png'); position:absolute; bottom:48px;right:24px; z-index:5;content:""}
.section05 .vovo-review .center .review-title{text-align:left; font-size:14px; font-weight:700; margin-bottom:0;}
.section05 .vovo-review .center .review-content{text-align:left; line-height: 1.89; font-size:18px; margin-top:8px; } 
.section05 .vovo-review .center .review-er{text-align:left; margin-top:32px; font-size:14px; color:#666;}
.section05 .scroll-control {}
.section05 .scroll-control img {margin-top:18px}
.section05 .scroll-control .prev-icon {position:absolute; top:50%; left:1%;   width:56px; height:56px; margin-top:-25px;  display:inline-block; text-align:center; background-color: rgba(0, 0, 0, 0.6); border-radius:50%;}
.section05 .scroll-control .next-icon {position:absolute; top:50%; right:1%;  width:56px; height:56px; margin-top:-25px;  display:inline-block; text-align:center; background-color: rgba(0, 0, 0, 0.6); border-radius:50%;}
.section05 .scroll-control-circle {width:100%; display:block; text-align:center; margin-top:100px;}
.section05 .scroll-control-circle span {width:8px; height:8px; display:inline-block; background-color: rgba(33, 33, 33, 0.2);  border-radius:50%; }
.section05 .scroll-control-circle .active {width:12px; height:12px; display:inline-block; margin-top:px;  background-color:#212121;  border-radius:50%; }

.section06 {padding:72px 0 50px; width:100%; display:block; position:relative; margin-top:65px; margin-bottom:65px; background:#fbfbfb;*zoom:1;}
.section06 .vovo-pro {margin-top:25px; position:relative; width:100%; }
.section06 .vovo-pro .pro-box{padding:24px 25px; width:100%;  border-radius:10px; position:relative; background:rgba(255,255,255,1); *zoom:1;  background-size:cover; background-position:center bottom; min-height:480px; overflow:hidden;}
.section06 .vovo-pro .pro-box .pro-label {width:50px; height:50px; border-radius:50%;  display:inline-block; position:absolute;  background-image: linear-gradient(135deg, #6c1ed4, #0d99dc)}
.section06 .vovo-pro .pro-box .pro-label img {margin-top:6px;}
.section06 .vovo-pro .center{padding:24px 25px; width:100%; height:520px; margin-top:-20px;  border-radius:10px; position:relative; background:rgba(255,255,255,1); *zoom:1;  background-size:cover; background-position:center bottom; min-height:480px;  box-shadow: 0 24px 48px 0 rgba(120, 120, 120, 0.16); }
.section06 .vovo-pro .pro-box .teacher-info-box {width:100%; display:block; padding:10px 10px 24px; position:absolute; left:0; right:0; bottom:0;}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-title {color:#fff; font-size:12px; font-weight:700; margin:0;}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-title2 {color:#fff; font-size:18px; font-weight:700; margin-top:4px; margin-bottom:5px;}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-score {color:#fff; font-size:12px; font-weight:700; margin-top:5px; margin-bottom:16px;}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-score img {margin-top:-4px;}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-score .number-score {color:#fff; font-size:12px; font-weight:700; margin-top:5px; margin-bottom:16px; margin-left:10px; line-height:20px}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-content{text-align:left; font-size:14px; margin-top:8px; color:#fff;}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-button{border-radius:8; background:#6c1ed4; padding:15px 21px; font-size:15px;  margin-top:30px;  display:inline-block; color:#fff;}
.section06 .vovo-pro .pro-box .teacher-info-box .pro-button a {color:#fff;}
.section06 .scroll-control {}
.section06 .scroll-control img {margin-top:18px}
.section06 .scroll-control .prev-icon {position:absolute; top:50%; left:1%;   width:56px; height:56px; margin-top:-25px;  display:inline-block; text-align:center; background-color: rgba(0, 0, 0, 0.6); border-radius:50%;}
.section06 .scroll-control .next-icon {position:absolute; top:50%; right:1%;  width:56px; height:56px; margin-top:-25px;  display:inline-block; text-align:center; background-color: rgba(0, 0, 0, 0.6); border-radius:50%;}
.section06 .scroll-control-circle {width:100%; display:block; text-align:center; margin-top:100px;}
.section06 .scroll-control-circle span {width:8px; height:8px; display:inline-block; background-color: rgba(33, 33, 33, 0.2);  border-radius:50%; }
.section06 .scroll-control-circle .active {width:12px; height:12px; display:inline-block; margin-top:px;  background-color:#212121;  border-radius:50%; }

.section07 {padding:72px 0 0px; width:100%; display:block; position:relative; margin-top:65px; margin-bottom:0px; background:#fff; *zoom:1;}
.section07 .recu-banner {height:320px; min-height:300px; width:100%;  margin-bottom:120px; position:relative; display:block; padding:76px 0; text-align:center; background-position:center; background-size:cover;  text-align:center; color:#fff;}
.section07 .recu-banner .recu-text {font-size:24px; }
.section07 .recu-banner .recu-text2 {font-size:24px; padding-bottom:4px; display:inline-block;  font-weight:700; border-bottom:2px solid #fff;}
.section07 .recu-banner .recu-link {padding:14px;  border-radius:8px;  width:283px; margin:36px auto 65px; border:1px solid #d9d9d9; font-size:18px; color:#666; font-weight:700;}
.section07 .recu-banner .recu-link a {color:#fff;}
.section07 .bbs-area {padding:15px;}
.section07 .bbs {margin-bottom: 80px}
.section07 .bbs .bbs-header {border-bottom:1px solid #212121; width:100%; display:block;}
.section07 .bbs .bbs-header h3{font-size:20px; font-weight:700; display:block;}
.section07 .bbs .bbs-header a{font-size:14px; font-weight:400; color:#666;  text-align:right; float:right;}
.section07 .bbs .bbs-body  .bbs-list{ padding:0; margin:0; }
.section07 .bbs .bbs-body  .bbs-list li {list-style:none; font-size:14px; padding:19px 0; border-bottom:1px solid #e6e6e6;}
.section07 .bbs .bbs-body  .bbs-list li span {text-align:right; float:right; font-size:14px; color:#aaa; }

.section-footer { background:#fbfbfb; width:100%; display:block; padding:40px 0 32px; position:absolute;}
.section-footer .footer-body {position:relative; font-size:12px !important;}
.section-footer .footer-body h4 {margin:0 0 0px; display:inline-block;}
.section-footer .footer-body .footer-address { width:100%; display:inline-block; margin-top:24px; margin-bottom:16px; }
.section-footer .footer-body .footer-address p {margin:0}
.section-footer .footer-body .foot-agree{margin-bottom:24px; font-size:12px; }
.section-footer .footer-body .foot-agree span { line-height:12px; margin:5px;}
.section-footer .footer-body .foot-agree .center {border-top:0; border-bottom:0; }
.section-footer .footer-body .foot-agree span:last-child{border:none;}
.section-footer .footer-body .foot-agree span:first-child{margin-left:0;}
.section-footer .footer-body .foot-contact {border:1px solid #e9e9e9; display:inline-block;; border-radius:8px;  margin-bottom:28px; padding:11px 24px; }
.section-footer .footer-body .foot-contact img  {margin-top:-3px; margin-right:10px;}
.section-footer .go-top {position:absolute; bottom:24px; right:0; background:rgba(108,30,212,0.9); width:56px; height:56px; border-radius:50%; display:inline-block; }
.section-footer .go-top span {font-size:12px; color:#fff; margin-top:-5px; line-height:0;}
.section-footer .go-top img {text-align:center; margin:10px auto 0; display:block;  }
.section-footer .copyright {font-size:10px; color:#888;}



}
 


.login-area a {color:#999;}
.login-area .active {color:#333;}
.my-login {background:#fff; }
.login-box {width:100%; display:block; padding:48px 55px 48px 48px}
.login-body {margin-top:30px;}
.group  { 
  position:relative; 
  margin-bottom:50px; 
}
.under-input 				{
  font-size:16px;
  padding:0;
  display:block;

  width:100%;
  height:42px;
  border:none;
  border-bottom:1px solid #757575;
}
.under-input:focus{ outline:none; }
.under-label{
  color:#999; 
  font-size:12px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:0px;
  top:10px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.under-input:focus ~ .under-label, .under-input:valid ~ .under-label{
  top:-20px;
  font-size:12px;
  color:#c2c2c2;
}
.under-input:read-only ~ .under-label, .under-input:valid ~ .under-label{
  top:-20px;
  font-size:12px;
  color:#c2c2c2;
}
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px; 
  width:0;
  bottom:0px; 
  position:absolute;
  background:#6c1ed4; 
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}
.under-input:focus ~ .bar:before, .under-input:focus ~ .bar:after {
  width:50%;
}
.highlight {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}
.under-input:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#fff; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#fff; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#fff; }
  to 	{ width:0; background:transparent; }
}

.login-banner {margin:48px 0 48px 48px;}

/* Estilo iOS */
.switch_container {margin: 30px auto;width: 120px;}
.switch {visibility: hidden;position: absolute;margin-left: -9999px;}
.switch + label {display: block;position: relative;cursor: pointer; outline: none; user-select: none;}
.switch-shadow + label {padding: 2px;width:46px;height: 24px;background-color: #dddddd;border-radius: 60px;}
.switch-shadow + label:before,
.switch-shadow + label:after {display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: "";}
.switch-shadow + label:before {right: 1px; background-color: #f1f1f1; border-radius: 60px; transition: background 0.4s;}
.switch-shadow + label:after {width: 21px; height:21px; background-color: #fff; border-radius: 100%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); transition: all 0.4s;}
.switch-shadow:checked + label:before { background-color: #6c1ed4;}
.switch-shadow:checked + label:after {transform: translateX(22px);}




/*강사 등록*/

.btn-vovo {background:#fff;   border-radius: 4px;  border: solid 1px #d9d9d9;}
.btn-vovo-full {width:100%; display:block;}












/*03. class order 

	class detail
*/


.section-sub .order-detail {width:100%;margin-top:70px; display:block; }
.section-sub .order-detail .tab-pane  {margin-top:50px;}
.section-sub .order-detail .detail-photo {margin-bottom:16px;}
.section-sub .order-detail .detail-photo img {width:100%; display:block; border-radius:8px;}
.section-sub .order-detail .detail-info {}
.section-sub .order-detail .order-title {border-bottom:1px solid #333; padding-bottom:10px; margin-bottom:20px; }

.section-sub .order-detail .detail-info h3 {font-size:14px; line-height:1.62; font-weight:700; letter-spacing:-0.5px; margin-bottom:8px;}
.section-sub .order-detail .detail-info .detail-date {font-size:12px; margin-bottom:5px; color:#aaaaaa;}
.section-sub .order-detail .detail-info .detail-price {font-size:12px; margin-bottom:40px; color:#333;}
.section-sub .order-detail .detail-teacher h6 {font-size:12px;}

.section-sub .order-detail .grade-label {font-size:12px;}
.section-sub .order-detail .grade-label .grade-name {font-size:12px;}

.section-sub .order-detail .my-class-teacher {width:100%; display:block; position:relative;}
.section-sub .order-detail .my-class-teacher .teacher-img {width:64px; height:64px; display:inline-block; position:relative;   }
.section-sub .order-detail .my-class-teacher .teacher-img img {width:64px; height:64px; display:block;margin-top:0px; margin-right:16px;  }
.section-sub .order-detail .my-class-teacher span {font-size: 18px;    display: table-cell;    line-height: 64px;  float: left; font-weight:700;}
.section-sub .order-detail .my-class-teacher .teacher-label {width:32px; height:32px;  line-height:18px;  position:absolute; bottom:0; right:5px;border-radius:50%; display:table;   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24); background-image: linear-gradient(135deg, #6c1ed4, #0d99dc); text-align:center;}
.section-sub .order-detail .my-class-teacher .teacher-label img {max-width:100%; width:18px; height:18px; display:table-cell; margin:6px auto;   vertical-align:middle;}
.section-sub .my-class-detail-addon {width:100%; display:block; margin-top:68px; position:relative;  padding-bottom:0px; border-bottom:1px solid #000; border-top:1px solid #d9d9d9; }
.section-sub .my-class-detail-addon .fixed-bar {}
.section-sub .my-class-detail-addon .addon-tab {width:100%;   }
.section-sub .my-class-detail-addon .addon-tab ul {width:100%; display:flex; list-style:none; }

.section-sub .my-class-detail-addon .detail-tab-bt {padding:15px 10px; text-align:center;}
.section-sub .my-class-detail-addon .detail-tabs {font-size:14px;}
.section-sub .my-class-detail-addon .detail-tabs .active {margin-top:0px; background:#000; color:#fff;}
.section-sub .my-class-detail-addon .detail-tabs a {color:#aaa}


@media (max-width:768px) {
.section-sub .my-class-detail-addon .detail-tab-bt {padding:15px 5px; text-align:center;}
.section-sub .my-class-detail-addon .detail-tabs {font-size:12px;}
.section-sub .my-class-detail-addon .detail-tabs .active {margin-top:0px; background:#000; color:#fff;}
.section-sub .my-class-detail-addon .detail-tabs a {color:#aaa}



}


.section-sub  .hidden-detail {display:none;}
.section-sub  .hidden-detail .detail-date {margin:0;}

.section-sub .bbs-sub-list {margin:0 15px; min-height:450px;} 






.bbs-index {width:100%; display:block;}
.bbs-index li {list-style:none; font-size:14px;}
.bbs-index .bbs-list{ padding:10px 0px; }
.bbs-index .bbs-list-set { padding:20px 0px;  border-bottom:1px solid #e6e6e6; color:#666; }
.bbs-index .bbs-list-set:hover a {color:#6c1ed4 !important}
.bbs-index .bbs-list-set:hover > div  {color:#6c1ed4}
.bbs-index .bbs-header { background:#fff; border-top:2px solid #000; border-bottom:1px solid #000;}
.bbs-index .bbs-header li {font-weight:700; letter-spacing:0; text-align:center; padding:10px;}


.paing-nav {width:100%; display:block; text-align:center; margin-top:64px;}
.paing-nav .perv-arrow{display:inline-block; }
.paing-nav .next-arrow{display:inline-block;}
.paing-nav .activ-page {background:#212121; height:32px; line-height:32px; width:32px; display:inline-block; color:#fff;}
.paing-nav a {font-size:12px; margin:7px; color:#666; width:100%; display:inline;}



.bbs_contents_box {padding:15px; font-size:16px;}


.bbs_comment_box  {border-top:1px solid #eee;}
.bbs_comment_box li {list-style:none;}
.bbs_comment_box .secret-list {border-top:1px solid #eee; padding:10px 24px; background:#fbfbfb;}

.comment_count {text-align:left; color:#212121; font-weight:bold; padding:0px 24px; font-size:14px; margin-bottom:16px;}

.view_contents {padding:15px; width:100%; display:block; background:#fbfbfb; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6}
.view_contents h5 {font-size:13px; font-weight:normal; color:#666666; width:100%; display:block;}
.view_contents h5 strong {padding-right:15px; color:#212121}
.view_contents h5 span {float:right; display:inline-block;}
.view_contents .edit-group  {display:inline-block;  color:#666}
.view_contents .edit-group a {color:#666 !important; display:inline !important;}
.view_contents .voice_file {margin-top:20px; background:#f5f5f5; width: 100%; display:block; padding:0 12px; height:30px; line-height:30px; font-size:12px !important}
.view_contents .voice_file .file_name {color:#6c1ed4; font-weight:bold; font-size:12px; display:inline !important;}
.view_contents .voice_file .download_icon {float:right; width:30px !important; display:inline !important;}
.view_contents .comment_text {margin:12px 0; font-size:13px;}




.bbs_comment_write {margin-top:40px;}
.bbs_comment_write .comment_text_area {width:100%; display:block;  height:108px; max-height:108px; padding:16px;  border-radius:4px; border:1px solid #d9d9d9; font-size:16px; margin-bottom:15px;}
.bbs_comment_write .input_button {width:100%; display:block; border:1px solid #d9d9d9; border-radius:4px; color:#666; font-size:12px; padding:12px; background:#fff; text-align:center; font-weight:bold;}
.bbs_comment_write .input_button:last-child {margin-bottom:15px;}
.w_score .teacher-score img  {margin-top:-3px; padding-right:5px;}
.w_score .teacher-score {font-size:12px; font-weight:700;}

.bbs_list_set {width:100%; display:block; margin-top:15px;} 


.sub-section-tab {font-weight:normal; border-bottom:1px solid #eee; margin-top:40px !important}
.sub-section-tab span {padding-bottom:9px; padding-right:15px; padding-left:15px; font-weight:normal;}
.class_time ol {padding:0; list-style:none; margin:0}
.class_time li {color:#666; letter-spacing:1px;}
.class_time li > strong  {padding-right:10px; letter-spacing:0px; }





.board_action {margin-top:15px; text-align:right;}
.board_action img {margin-top:-4px; margin-right:10px; width:16px; height:16px;}
.board_action a {color:#666}

.board_action span{text-align:right; padding-right:10px; color:#666}
.board_action span:first-child {float:left;}


@media (max-width:786px) {

.section-sub {padding-top:32px; margin:70px 0}
.section-sub .bbs-sub-list {margin:0 15px;}
.hidden-tab-button { font-size:12px; margin-top:0}
.tab-content  {margin-top:90px;}
.section-sub  .hidden-detail .hidden_teacher_img img {width:100%; max-width:100%; height:80px; overflow:hidden; display:block;} 
.order-detail {margin-top:80px;}


sub-section-tab {font-weight:normal; border-bottom:1px solid #eee;  }
.sub-section-tab span {padding-bottom:9px; padding-right:8px; padding-left:8px; font-weight:normal; }
.sub-section-tab span a  {font-weight:700; color:#aaa}
.my-account .class-item  img {height:auto;}



.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 70px;
    background: #fff;
    width: 100%;
    display: block;
	padding:20px;
    left: 0;
}

.calculate .body {
    display: none;
    background-color: #fff;
    padding: 20px 15px !important;
    padding-bottom: 50px;
}
.upload-field  {margin-top:20px; margin-bottom:20px;}

.tearchers_find-img img {width:100%; display:block;}

.stepwizard {padding:0 !important;}

.setup-content h3 {font-size:24px; margin-bottom:30px;}
.stepwizard-step a  {margin-right:5px;}
.stepwizard-row {}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 77% !important;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}

.setup-content { width:100%; display:block; height:100vh;}
.modal-content { height:100% !important}
}


.prevBtn    {background:none; color:#aaa !important; font-weight:bold;}
.nextBtn   {background:none; color:#6c1ed4 !important; font-weight:bold;}



.bbs_contents_box img {width:100%; display:block; max-width:100%;}
.input_button {color:#666 !important; cursor: pointer;}
.input_button:hover{color:#666 !important; }

.no-data {width:100%; display:block; text-align:center; color:#666; padding:100px 0}
.no-data img {max-width:100%; margin:0 auto 20px}
.no-data span {color:#aaa;}

.intu-study img {width:100%; margin:0 auto; max-width:100%; display:block}


.modal-content {min-height:650px; position:relative; 
z-index: 8009 !important
}

.search-foot {position:absolute; bottom:-15px; left:0; right:0; width:100%; height:50px; }
.setup-content {height:500px; padding:0 25px;}

.stepwizard {padding:0 !important;}

.setup-content h3 {font-size:24px; margin-bottom:30px;}
.stepwizard-step a  {margin-right:5px;}
.stepwizard-row {}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 77% !important;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}




.barit_check_box[type="checkbox"]:not(old){
  width: 24px;
  height:24px;
  margin: 0;
  padding: 0;
  opacity: 0;
 ;
}

.barit_check_box[type="checkbox"]:not(old)+label{
  display: inline-block;
  margin-left: -24px;
  padding-left: 24px;
  line-height: 24px;
    background: url('/images/ic-checkbox-nor.png') no-repeat 0 0;

}

.barit_check_box[type="checkbox"]:not(old):checked + label{

  background: url('/images/ic-checkbox-sel.png') no-repeat 0 0;

}




.section044 {padding:55px 0; width:100%; display:block; position:relative;*zoom:1;}
.section-sub  .section-title > h2:first-child {margin-bottom:20px;   margin-top:50px }
.section044 .section-content {}
.section044 .section-content .teacher-item{margin:20px 0;  padding:0 24px 24px; border:1px solid #e6e6e6; border-radius:10px;}
.section044 .section-content .teacher-item .th-img { margin:24px auto 16px; position:relative;}
/*.section04 .section-content .teacher-item .th-img img{display:block; width:96px; height:96px;    border-radius:50%;margin:0 auto;   max-width:100%;}*/
.section044 .section-content .teacher-item .th-img .circle{display:block; width:96px; height:96px;    border-radius:50%;margin:0 auto;   max-width:100%;}
.section044 .section-content .teacher-item .th-img .circle2{display:block; width:64px; height:64px;    border-radius:50%;margin:0 auto;   max-width:100%;}
.section044 .section-content .teacher-item .th-img .teacher-label {width:32px; height:32px;  line-height:18px;  position:absolute; bottom:0; right:64px;border-radius:50%; display:table;   box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.24); background-image: linear-gradient(135deg, #6c1ed4, #0d99dc); text-align:center;}
.section044 .section-content .teacher-item .th-img .teacher-label img {max-width:100%; width:18px; height:18px; display:table-cell; margin:6px auto;   vertical-align:middle;}
.section044 .section-content .teacher-item .teacher-desc {text-align:center;}
.section044 .section-content .teacher-item .teacher-desc .teacher-name {font-size:18px; font-weight:700;}
.section044 .section-content .teacher-item .teacher-desc .teacher-score img  {margin-top:-3px; padding-right:5px;}
.section044 .section-content .teacher-item .teacher-desc .teacher-score {font-size:12px; font-weight:700;}
.section044 .section-content .teacher-item .teacher-desc .teacher-intu {font-size:14px;  margin-top:16px; min-height:44px;}
.section044 .section-content .teacher-item .teacher-desc .teacher-price {font-size:18px;  margin-top:24px; font-weight:700; text-align:right;}
.section044 .section-content .teacher-item .teacher-desc .teacher-price small {font-size:12px; color:#aaaaaa; margin-right:10px; }

.my_to {position:relative;}
.today_class {width:8px;height:8px; border-radius:4px; background:#e23907; display:inline-block; position:absolute; top:8px; right:0px; box-shadow:3px 1px 3px rgba(0,0,0,0.2)}