@charset "euc-kr";

.m_visual {position: relative;}
.m_visual img {width:100%; height:auto;}

.m_visual .slick-arrow {position: absolute;top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform: translateY(-50%); width: 4.5rem; height: 4.5rem; line-height: 4.5rem; background: rgba(0,0,0,.4) url(/m/images/ico/m_sl_prev.png) no-repeat; background-position: center;-webkit-background-size:1rem 1.7rem; background-size: 1rem 1.7rem;   -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform:translateY(-50%) ;-o-transform:translateY(-50%) 
;transform: translateY(-50%);font-size: 0;z-index: 2;}
.m_visual .slick-next {right: 0; background-image: url(/m/images/ico/m_sl_next.png);}

.m_visual .slick-dots {position:absolute; bottom: 1.5rem; left:0; width:100%; text-align:center;}
.m_visual .slick-dots li {display:inline-block; margin:0 .4rem;}
.m_visual .slick-dots button {display:inline-block; width:8px; height:8px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#cecece; text-indent:-9999px; outline:none;}
.m_visual .slick-dots .slick-active button {background:#ff7a00;}

.main__sect {padding-top: 4rem;}
.main__sect .sect-tit {margin-bottom: 1rem; font-size: 2rem;}
.edu-vod-wrap .sect-tit {padding-left: 2.3rem;background: url(/img/ico/play-ico.png)no-repeat; -webkit-background-size: 1.8rem 1.8rem; background-size:1.8rem 1.8rem; background-position: left 0 center;}
/* êµ??¡ë°©?? */
.edu-vod-wrap {padding-left:3.3%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.edu-over-wrap { overflow-x:auto; -webkit-overflow-scrolling: touch;  -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.edu-over-wrap::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.edu-vod-wrap .edu-vod { width: 500%;}
.edu-vod .edu-vod__item {float:left;margin-right: 1.6rem; width: 30.6rem; height: 25rem; }
.edu-vod__item .live-thumb { width: 100%; height:18rem;}
.edu-vod__item .live-thumb button {position: relative;display: block; width: 100%; height: 100%;}
.edu-vod__item .live-thumb img {position: absolute;top: 0;left: 0;bottom: 0;right: 0; width: auto; height:auto; max-width:100%;max-height:100%;}
.edu-vod__item .edu-name {display: block;height: 1.8rem; margin:1.5rem 0 1rem; width: 90%; text-overflow:hidden; overflow:hidden; white-space:nowrap;}

.edu-vod__item .edu-info {font-size: 0; height: 2rem;}
.edu-vod__item .edu-info > * {vertical-align: middle;}
.edu-vod__item .event-opt { display: inline-block; margin-right: .5rem; padding:0 .4rem; height:2rem; line-height: 1.8rem; border:1px solid #f00000; font-size: 1.3rem; font-weight: 400; color:#f00000; text-align: center; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }
.edu-vod__item .pay-type { display: inline-block;padding:0 .5rem; margin-right: 1rem; height:2rem; line-height: 2rem; background: #1b6bff;color: #fff; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ;font-size: 1.3rem; }
.edu-vod__item .pay-type.free {background: #ff7a00;}
.edu-vod__item .tch-name{position: relative; display: inline-block; padding-left: 1.2rem; font-size: 1.5rem; font-weight: 400; color:#999;}
.edu-vod__item .tch-name:before {content:''; position: absolute; left: 0;top:50%; -webkit-transform:translateY(-50%);-moz-transform: translateY(-50%);-ms-transform:translateY(-50%) ;-o-transform:translateY(-50%);transform:translateY(-50%) ; width: 1px; height: 1.5rem; background:#dddddd;}

/* ë©??? ë°°ë?? ?¬ë?¼ì?´ë?? */
.edu-vod-ban.swiper-container {padding-bottom: 1.8rem;}
.edu-vod-ban .live__ban img{width: 100%;}
.edu-vod-ban .swiper-pagination-bullets {position:absolute; bottom:0; left:0; width:100%; text-align:center;}
.edu-vod-ban .swiper-pagination-bullets .swiper-pagination-bullet {display:inline-block; margin:0 .4rem; width:8px; height:8px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#cecece; text-indent:-9999px; outline:none; vertical-align: middle;opacity: 1;}

.edu-vod-ban .swiper-pagination-bullets .swiper-pagination-bullet-active {background:#ff7a00;}

/* ë©??? ê³µì??¬í??, ??ê°???ê¸? */
.center_area {padding:7rem 3.3% 0;}
.center_area .center_top {position: relative; }
.center_area .center_top a {position: absolute;padding-right: 1rem; font-size: 1.4rem; color:#616161; right:0; top:50%;background: url(/img/ico/more.png)no-repeat;-webkit-background-size: 6px 9px; background-size: 6px 9px;background-position: right center; -webkit-transform: transalateY(-50%);-moz-transform:  transalateY(-50%);-ms-transform:  transalateY(-50%);-o-transform: transalateY(-50%) ;transform:  transalateY(-50%);}

.center_area .board-list {padding-top: 1.2rem; border-top: 1px solid #2b2e34;}
.center_area .board-list li {position: relative;}
.center_area .board-list a {display: inline-block; padding-left: 1.2rem;width:78%; white-space:nowrap; text-overflow:ellipsis; 
overflow:hidden;  line-height: 3.2rem; font-weight: 400; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.center_area .board-list a:before {content:''; position: absolute; left:0; top:50%;width: 3px; height: 3px;background: #ff7a00; -webkit-transform:translateY(-50%);-moz-transform: translateY(-50%);-ms-transform:translateY(-50%) ;-o-transform:translateY(-50%);transform:translateY(-50%) ;}
.center_area .board-list .date {position: absolute; right: 0; top: 50%;font-size: 1.4rem;font-weight: 400; color:#999999; letter-spacing: 0; -webkit-transform:translateY(-50%);-moz-transform: translateY(-50%);-ms-transform:translateY(-50%) ;-o-transform:translateY(-50%);transform:translateY(-50%) ;}

.center_area .brd_sect {margin-bottom: 4rem;}

/* �?? ????� */
.m__info-sect .youtb-sect {padding:0 3.3%;}
.m__info-sect .youtub_subs {margin-bottom: 2rem;}
.m__info-sect .youtub_subs a {display: block;width: 100%;}
.youtub_subs a img {width: 100%;}
.m__info-sect .f-ban__link {display: flex; justify-content:space-between;}
.m__info-sect .f-ban__link a {position: relative;	 display: inline-block; width: 33.333%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;text-align: center;}
.m__info-sect .f-ban__link a:before {content:''; position: absolute; top:50%; right: 0;width:1px; height:4rem; background:#dddddd;-webkit-transform:translateY(-50%);-moz-transform: translateY(-50%);-ms-transform:translateY(-50%) ;-o-transform:translateY(-50%);transform:translateY(-50%) ;}
.m__info-sect .f-ban__link a:last-child:before {display: none;}
.f-ban__link a img {max-width:80%;}

/* ë©??? ???? ??ë³´ë?? */
.m__info-wrap {display:flex; margin-top: 6rem;border-top: 1px solid #ddd; text-align: center;}
.m__info-wrap > div {width: 50%; padding:3rem 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.m__info-wrap > div:first-child {border-right:1px solid #ddd;}

.m__info-wrap h4 {margin-bottom: 1.6rem;}
.center-info .tel {display: block; margin-bottom: 1.6rem; font-size:2.8rem; font-weight: 900; color:#ff7a00;}
.center-info .run-time {margin-bottom: .9rem; font-size: 1.4rem; font-weight: 700;}
.center-info .sub-txt {font-size:1.4rem; color:#999999;}
.m__info-wrap .accnt-num {display: block; margin-bottom: 1.5rem; font-size: 1.8rem;}
.m__info-wrap .bank-name {display:block; margin-bottom: 1rem;}
.m__info-wrap .holder {font-size:1.4rem; color:#777777;}


/* ê°??¬ì??ê°? 리ì?¤í?? */
.tch__list .tch__ban { margin-bottom: 3rem;}
.tch__list .tch__ban a {display: block;}
.tch__list .tch__ban img {width:100%;}

.tch-list-wrap {padding:0 3.3%;}
.tch-list-wrap .tch-list-item {position: relative;/* padding:2rem 0 3rem 2rem; */ margin-bottom: 2rem;height: 25rem;  /* height: 30rem; */ border:1px solid #ddd; -webkit-box-sizing: border-box;box-sizing: border-box;}
.tch-list_ban {position: relative; height: 25rem; /* height:30rem; */}
.tch-list_ban img {position: absolute;top: 0;left: 0; right: 0;bottom: 0; height:auto; width: auto; max-height:100%; max-width:100%; margin:auto;}

.tch-list-item .tch-img {position: absolute;  right:0; bottom:0; width:20rem;height:94%; z-index: -1;}
.tch-list-item .tch-img img {position: absolute; bottom:0;right: 0; width:auto;max-width:100%; max-height:98%; margin:auto;}
.tch-list-item .tch-info {  }


.tch-list-item .tch-info .stk-opt {margin-bottom: .8rem;}
.tch-info .tch-sub {display:block;max-width:56%; margin-bottom: .6rem; line-height: 2rem; font-size: 1.5rem; font-weight: 400;word-break:keep-all;}
.tch-info .tch-name {display: block; margin-bottom: 2rem; font-size: 2.5rem; font-weight: 400;}
.tch-info .tch-name em {font-weight: 800;}

.tch-info .tch-history li {margin-bottom: 1rem;font-size: 1.4rem;font-weight: 400; color:#616161;}
.tch-info .tch-history li:last-child {margin-bottom: 0;}

.tch-list-item .tch-list__btn {position: absolute; left: 2rem; bottom: 2rem; /* margin-top: 2rem; */}
.tch-list-item .tch-list__btn ul {display: flex;flex-wrap:wrap; width: 100%; /* width:78%; */}
.tch-list-item .tch-list__btn li{margin-bottom: .6rem;margin-right: .3rem;}
.tch-list__btn a { display: inline-block;  width:8rem; height:2.8rem; line-height: 2.6rem; font-size: 1.3rem; color:#616161; background: #f5f5f5; border:1px solid #dddddd; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }
.tch-list__btn .lec-apply {background: #f92f00; color:#fff;border:0;}





/* ??ê°???ì²? ???? ??ë¡??? */
.lecturer-info {margin-bottom: 4rem;}	
.lecturer-info .lec-info {display: flex; justify-content:space-between;}
.lecturer-info .tch-photo {position:relative; width:11rem; height:14rem; border:1px solid #ddd; }
.lecturer-info .tch-photo img {position: absolute; width:auto; height: auto; max-width:100%; max-height:100%; bottom:0; left: 0; right: 0; margin:auto;}
.lecturer-info .slogan {width:calc(100% - 14rem);}

.lecturer-info .stk-opt {margin-bottom: .8rem;}
.lecturer-info .sub-tit {display: block; margin:0 0 1rem; font-size: 1.5rem;color:#222222; font-weight: 400;}
.lecturer-info .tch-name {margin-bottom: 1.2rem; font-size: 2.5rem;font-weight: 400; color: #222;} 
.lecturer-info .tch-name em {font-weight: 800;}
.lecturer-info .lec-sub-desc {margin-bottom: 1.4rem; width:86%; font-size: 1.5rem; font-weight: 700; line-height: 2rem; word-break: keep-all;}
.lecturer-info .exp li {font-size: 1.4rem;line-height: 2.2rem; font-weight: 400;}

.lecturer-info_ban {position:  relative;/*  height: 25rem; */ border:1px solid #ddd; margin-bottom: 4rem;}
/* .lecturer-info_ban img {position: absolute;top: 0;left: 0;bottom: 0;right: 0; width:auto; height:auto;max-width:100%; max-height:100%; margin:auto;} */
.lecturer-info_ban img {width:100%;}

.btn-wrap {margin-top: 4rem;font-size: 0;}
.btn-wrap button , .btn-wrap a {display: inline-block; width:48.6%; height:4rem; line-height: 3.8rem;border:1px solid #f92f00; font-size: 1.4rem;  color: #f92f00; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} 
.btn-wrap a {margin-left: 2.3%;  border:1px solid #ddd;color:#616161;}

/* ê°??¬ì??ê°? ???? */
.lec-tab {border:1px solid #ddd;}
.cmn-tab ul {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; overflow:hidden; }
.cmn-tab li {float:left; width:33.3333%; border-right:1px solid #ddd; color:#999;  -webkit-box-sizing: border-box;box-sizing: border-box; }
.cmn-tab li:last-child {border-right: 0;}
.cmn-tab li button {display: inline-block; padding:0;width:100%;height:3.8rem; line-height: 3.8rem;background: #f5f5f5;color:#999; font-size: 1.5rem; font-weight: 700; -webkit-box-sizing: border-box; box-sizing: border-box;}
.cmn-tab li.on button {background:#ff7a00; color:#fff;font-weight: 800; border:0;}

.lec-view-tab ul {overflow-x:auto; white-space:nowrap; background:#f5f5f5; font-size: 0; -webkit-box-sizing:border-box; box-sizing:border-box;}
.lec-view-tab ul li {display: inline-block;float:none; width: 25%;}
/* ê°??¬ì??ê°? ???? - ê°??¤ê?ì¢? */
.lec_list-wrap, .lec-revw-wrap {margin-bottom: 2rem;border-top:1px solid #616161;}
.lec__list-tb {}
.lec_list-item {padding:2rem 0;display: flex; justify-content:space-between;align-items:center; border-bottom:1px solid #ddd;}
.lec__list-tb .tb__img {position: relative; width: 8rem; height: auto;/* border:1px solid #ddd;*/}
/* .lec__list-tb .tb__img img {position: absolute; left: 0; right: 0; bottom: 0; width:auto; height:auto ; max-width:100%;max-height:100%; margin:auto; } */
.lec__list-tb .tb__img img {width: 100%; }
.lec__list-tb .lec-info-wrap {position: relative; width:calc(100% - 10rem);}

.lec-info-wrap .opt-btn {margin-bottom: .4rem; font-size: 0;}
.lec-info-wrap .opt-btn span {margin-right: .9rem;}
.lec-info-wrap .lec-name {display: inline-block;max-width:80%; font-size: 1.6rem; line-height: 2.4rem;word-break:keep-all;}
.lec-info-wrap .lec-info {margin:.6rem 0 1rem;font-size: 1.4rem; font-weight: 400; color:#616161;}
.lec-info-wrap .lec-info span {display: inline-block; margin-right: .9rem;}
.lec-info-wrap .lec-info span:last-child {margin-top: 1rem;}
.lec-info-wrap .sale-prc {display: inline-block; margin-right: .6rem; font-size: 1.6rem; font-weight: 400; letter-spacing: 0;}
.lec-info-wrap .sale-prc em {font-weight: 700;color:#ff7a00;}
.lec-info-wrap .org-prc {font-size: 1.4rem; font-weight: 400; color:#999999;letter-spacing: 0;}

.lec-info-wrap .dt-btn {margin-left: 1rem;}
.tab-cont-wrap .no_lst {padding:2rem 0; border-bottom:1px solid #ddd; text-align: center;}

/* ê°??¬ì??ê°? ???? - ê°??¤ê?ì¢? */
.cmn-tab-cont .tit {font-size: 1.6rem; color:#2b2e34;}
.lec_revw .lec-revw-wrap {margin-top: 1rem; border-top:1px solid #616161;} 
.lec_revw .lec-revw-list {padding:2rem 0; border-bottom:1px solid #ddd;}
.lec-revw-list .tit {display: inline-block; margin-bottom: 1.2rem; max-width:94%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.lec-revw-list .rev-option {color:#616161;font-weight: 400;}
.lec-revw-list .rev-option .date {padding-left: 1rem; font-size: 1.4rem;letter-spacing: 0;}
.lec-revw-list .rev-option .std-name , .lec-revw-list .rev-option .date , .lec-revw-list .rev-option .std-lec-name {display: inline-block; position: relative; padding-right: 1.1rem;}
.lec-revw-list .rev-option .std-name:after ,.lec-revw-list .rev-option .date:after , .lec-revw-list .rev-option .std-lec-name:after {content:''; position: absolute; width:1px; height:1.2rem; background:#ddd;right: 0; top:0;}
.lec-revw-list .score {display: inline-block; padding-left: 1rem;}
.lec-revw-list .rev-option .std-name  {padding-left: 1rem;}


/* ê°????£ê¸° 리ì?¤í?? */
.lec__list {padding:0 3.3%;}
.lec__list .top__lec-list {padding:0 3.3%; margin-bottom: 4rem;}

.lec__list .top-lec-item {display: flex; justify-content:space-between; align-items:center; padding:2rem 0; border-bottom:1px solid #ddd;}

.lec__list .top-lec-item:first-child {padding-top: 0;}

.top-lec-item .lec-tch-img {position: relative;	 width:10rem; height:12rem; border:1px solid #ddd; /* background:#f2f2f2; */ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;	}

/* .top-lec-item .lec-tch-img img {position: absolute;left: 0;right: 0;bottom: 0; width:auto;height:auto; max-width:100%; max-height:96%;margin:auto;} */
.top-lec-item .lec-tch-img img { width:100%; height:auto; }




.top-lec-item .opt-btn {font-size: 0;}
.top-lec-item .opt-btn span {margin-right: .3rem;}

/* .top-lec-item .tch-name {position: absolute;bottom: 0; width:100%; height:2.6rem; line-height: 2.6rem; background:rgba(0,0,0,.6) ; font-size: 1.3rem; color: #fff; text-align: center;} */
.top-lec-item .tch-name {display: block; width:100%; height:2.6rem; line-height: 2.6rem; background:rgba(0,0,0,.6) ; font-size: 1.3rem; color: #fff; text-align: center;}

.top-lec-item .lec-info {width:calc(100% - 12rem);}
.top-lec-item .lec-tit {display: block; margin:1rem 0; font-size: 1.6rem; }
.top-lec-item .date {color: #616161;}
.top-lec-item .btn-wrap {margin-top: 1.4rem;}
.top-lec-item .btn-wrap a {display: inline-block; width: 8rem; height: 2.8rem; line-height:calc(2.8rem - 2px); color:#fff; background:#f92f00;font-size: 1.3rem; text-align: center; -webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;}
.top-lec-item .btn-wrap .last-edu {margin-left: .5rem; background:#f1f1f1 ; color:#616161;}


.lec__list .recom-lec {}
.recom-lec .sub__sub-tit {padding-left: 3.3%;}

.recom-lec .recom-list {padding:1rem 3.3%; position: relative;margin-top: 1rem;}
.recom-lec .recom-list:before , .recom-lec .recom-list:after {content:'';position: absolute;top:0;left: 0;right: 0; height:1rem; background: #f5f5f5; }
.recom-lec .recom-list:after {bottom: 0;top:auto;}
.recom-lec .recom-list-item {display: flex; justify-content:space-between; align-items:center; padding:1rem 0; border-bottom:1px solid #ddd; background: url(/m/images/ico/lec_arr.png)no-repeat; -webkit-background-size:.8rem 1.3rem ;
background-size:.8rem 1.3rem; background-position: right center;}
.recom-lec .recom-list-item {border-bottom: 0;}

.recom-list-item .tch-img {position: relative;	 width: 10rem; height: 8rem;background: #f2f2f2;}
.recom-list-item .tch-img img {position: absolute; margin:auto; left: 0;right: 0; bottom: 0; width: auto; height: auto;max-width:100%; max-height:100%;}
.recom-list-item .lec-name { width:calc(100% - 12rem);}
.recom-list-item .recom-lec-tit {display: block;height:2rem; max-width:90%;white-space: nowrap; overflow: hidden; text-overflow:ellipsis;	}

.lec__list-tb {margin-top: 4rem;/* padding:0 3.3%; */}
.lec__list-tb .cmn-list-sel {margin-bottom: 10px;}
.cmn-list-sel p {font-size:1.4rem; display: inline-block; line-height: 3rem;vertical-align: middle;}
.cmn-list-sel p em {color:#ff7a00;}
.cmn-list-sel .select-wrap {float:right;}
.cmn-list-sel .select-wrap span {display: inline-block; font-size: 1.4rem; margin-right: 1rem;}

.lec__list .no_lst {text-align: center;padding:2rem 0; border-bottom:1px solid #ddd;}

/* ê²????? */
.cmn-srch_box {font-size: 0;}
.cmn-srch_box select{ display: inline-block; margin-right:.5rem; width:26%;}
.cmn-srch_box select ,.cmn-srch_box input, .cmn-srch_box button {height:3.5rem; line-height: 3.3rem; vertical-align: middle;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cmn-srch_box input {padding-left: 1rem;margin-right: .5rem; width:54%; background: #f5f5f5; border:1px solid #ddd;font-size: 1.4rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cmn-srch_box button {padding:0; width:17%; background: #616161; color:#fff;font-weight: 700;}


/* ê°????£ê¸° ???? */
.vod__view .lec-detail {padding:0 3.3%; margin-bottom: 4rem;}

.lec-detail .lec-tch-img {position: relative; margin-bottom: 3rem; height: 24rem; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lec-detail .lec-tch-img img {position: absolute;top: 0; bottom: 0;right: 0;left: 0; width:auto; height: auto; max-width:100%; max-height:100%; margin: auto; }

.lec-detail .lec-tit {font-size: 1.8rem;}
.lec-detail .lec-det__info ul {padding:1rem 0 1rem 1rem; border-bottom:1px solid #ddd;} 
.lec-detail .lec-status li { line-height: 2.8rem; }

.lec-detail .lec-prc{margin-top: 1rem; border-top:1px solid #2b2e34; border-bottom:1px solid #ddd;}
.lec-detail .lec-prc span {padding-left: 1.2rem; background: url(/img/ico/plus.png)no-repeat; background-position: 0 center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.lec-detail .lec-status li:first-child {margin-bottom: 0;}
.lec-detail .lec-det__info li.scrap {margin-bottom: 0;} 
.lec-det__info .sub-tit {display: inline-block; width: 10rem;}
.lec-det__info .sell .sub-tit {font-weight: 800;}
.lec-det__info .lec-prc .org-prc {font-weight: 400; color:#999; letter-spacing: 0;}
.lec-det__info .sell em {font-weight: 800;color: #ff7a00;}
.lec-detail .lec-det__info span , .lec-detail .lec-det__info strong {vertical-align: middle;}
.lec-detail .time {font-weight: 400;}
.lec-detail .opt span {margin-right: .2rem;}
.lec-detail .scrap-ico span {margin-right: .4rem;}

.lec-detail .lec-apply {margin-left:0; border-color:#f92f00; color:#f92f00;}
.lec-detail .btn-wrap {margin-top: 3rem;}


.lec-view-tab li {width:25%;}
.lec-view-tab .lec-desc p {line-height: 2.3rem;}
.lec-view-tab .lec-desc img {width: 100%;}


/* ??�??� -�??구매 */
.order_list {margin:0 auto 4rem;}
.order_list th, .order_list td { font-size:1.3rem;  line-height:2.2rem; letter-spacing:-0.045rem; color:#444; padding:2rem 0; text-align:center; border-bottom:1px solid #ddd; vertical-align:middle; box-sizing:border-box;vertical-align: middle;}
.lecatt .order_list th {height: 4.4rem; background:#fafafa; border-top:1px solid #333; font-size:1.4rem;font-weight: 700;	 color:#000;}
.order_list td { font-weight:400;}
.order_list .lec_tit {display: inline-block;height: 2rem; white-space: nowrap; width:90%; overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;font-size: 1.4rem;}
.order_list .lec-img {display: inline-block; width:5rem; height: 5rem;}
.order_list .lec-img img {max-width:100%; max-height:100%;}
.order_list .price {color:#ff7a00;}
.order_ttl {margin-bottom: 1rem;font-weight: 700;}
.order_list.detail th {border-top:1px solid #ddd; font-size:1.3rem;font-weight: 700; text-align:left; padding:2rem .6rem;}
.order_list.detail th + td {border-top:1px solid #ddd; text-align:left; padding:1rem .6rem;}
.order_list.detail .input {display:inline-block; min-width:8rem; max-width:100%; height:36px; line-height:34px; border:1px solid #ddd; font-family:'OpenSans','NotoSans',sans-serif; font-size:14px; 
color:#333; padding:0 .6rem; background:#f6f6f6; box-sizing:border-box;}
.order_list.detail .tel .input {min-width:6rem;}
.order_list.detail input[type="radio"] {display:inline-block; margin:0 4px 0 0; vertical-align:middle;}
.order_list.detail input + label {display:inline-block; font-size:14px; font-weight:500; line-height:18px; letter-spacing:-0.045rem; color:#555; margin:0 10px 0 0; vertical-align:middle; cursor:pointer;}

.order_btn {text-align:center; margin:40px auto;}
.order_btn button {display:inline-block; width:180px; height:46px; line-height:46px; background:#333350; color:#fff; text-align:center; font-size:15px; font-weight:500; letter-spacing:-0.045rem; vertical-align:middle; box-sizing:border-box; transition:all 0.25s; -webkit-transition:all 0.25s; -moz-transition:all 0.25s; -ms-transition:all 0.25s; -o-transition:all 0.25s;}
.order_btn .cancle_btn {background:#ff7a00;}
.order_btn .pay_btn {background:#ff7a00;}
.order_btn .pay_btn + .cancle_btn {background:#f0f0f0; border:1px solid #ddd; line-height:44px; color:#444;}
.order_btn .pay_btn:hover {background:#ff6000;}
.order_btn .pay_btn + .cancle_btn:hover {background:#ddd;}
.order_btn .cash_btn, .order_list .cash_btn {display:inline-block; width:auto; height:24px; line-height:22px; background:#fff; border:1px solid #ccc; color:#666777; text-align:center; font-family:'Dotum','???','NotoSans',sans-serif; font-size:11px; font-weight:400; letter-spacing:-0.045rem; vertical-align:middle; padding:0 14px; text-decoration:none; box-sizing:border-box;}
.order_btn .cash_btn:hover, .order_list .cash_btn:hover {text-decoration:none;}

.order_list.wish + .order_btn {text-align:left;}

.lecatt .btn_box {text-align: center;}
.lecatt .order_notice , .lecatt .order_notice + p {text-align: center;}
.lecatt .order_notice {margin-bottom: 1rem;}

/* 기존 ??루ì?? css */
.broad_pro.sub{margin:10px;}
.broad_pro .ttl {display:flex; justify-content:space-between; align-items:center; width:100%; margin:0 0 16px;}
.broad_pro .ttl h3 {font-size:1.15rem;  letter-spacing:-0.065rem; color:#222;}
.broad_pro .ttl a {font-size:.8rem;  letter-spacing:-0.065rem; color:#888; background:url(../images/ico/more_ico.png) 100% 50% no-repeat; background-size:auto 8px; padding:0 12px 0 0; box-sizing:border-box;}

.broad_list {margin:0 auto 30px; border-bottom:1px solid #ddd;}
.broad_list li {position:relative; width:100%; height:110px; border-width:1px 1px 0; border-style:solid; border-color:#ddd; padding:1rem 16px 0; box-sizing:border-box;}
.broad_list .info {position:absolute; top:1rem; left:16px; width:68%; text-align:left;}
.broad_list .info .tit {display:block; width:98%; font-size: 1.4rem;;  line-height:1.3; letter-spacing:-0.045rem; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 0 4px;}
.broad_list .info .nick {display:inline-block; margin:0 3px 0 0; color:#000;}
.broad_list .info .day {display:block; font-size:.8rem;  line-height:1.6; color:#666; margin:0 0 6px;}
.broad_list .btn_lst {display:flex;}
.broad_list .btn_lst button, .broad_list .btn_lst a {width:28%; max-width:70px; height:26px; line-height:26px; text-align:center; font-size:.8rem;  letter-spacing:-0.045rem; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; margin:0 .5% 0 0;}
.broad_list .btn_lst .onair {background:#ff7a00; color:#fffc00; font-weight:700; letter-spacing:0;}
.broad_list .btn_lst .charge_btn {background:#db9c22;}
.broad_list .btn_lst .free_btn {background:#ff7a00;}
.broad_list .btn_lst a {background:#394054;}
.broad_list .photo {position:absolute; bottom:0; right:0; width:28%; max-height:95%; text-align:right; overflow:hidden;}
.broad_list .photo img {max-width:100%; height:auto; max-height:100%;}


.bk_column .bank_num {display:block; font-size:1.3rem; font-weight:300; color:#000; margin:0 auto 12px;}
.bk_column img {width:auto; max-width:50%; height:auto;}
.bk_column .bk_name {display:block; font-size: 1.4rem;  line-height:1.4; letter-spacing:-0.065rem; color:#666; margin:10px 0 0;}
.bk_column .bk_name strong { color:#222;}

/*.lec-view-tab {padding-top: 5rem; background:url(/m/images/sub/lecview_bg.png)no-repeat ; -webkit-background-size: 100% 1rem; background-size: 100% 1rem;}*/
.lec-view-tab {}
.lec-view-tab .cmn-tab-cont {border: 1px solid #ededed; padding: 2rem; box-sizing: border-box; overflow: auto; max-height: 500px;}
.lec-view-tab .lec-desc > div {border-top: 0; font-size: 1.4rem; line-height: 1.4; font-weight: normal; }
.lec-view-tab .lec-desc > div b{font-weight: 800; }
.lec-view-tab .lec-desc table , .lec-view-tab .lec-desc img {width: 100%;}
.lec-view-tab .cmn-list-item {padding:2rem 0; border-bottom: 1px solid #ddd;}
.lec-view-tab .cmn-list-item .num {display: inline-block;margin-right:.9rem; font-size: 1.6rem;}

.lec-view-tab .cmn-list-item span, .lec-view-tab .cmn-list-item strong {vertical-align: middle;}
.lec-view-tab .cmn-list-item .tit {display: inline-block;max-width:94%; 
overflow:hidden;text-overflow:ellipsis; word-spacing: nowrap; }
.lec-view-tab .cmn-list-item p {margin-top:1.2rem; color: #616161; font-weight: 400;}
.lec-view-tab .cmn-list-item p * {vertical-align: middle;}
.lec-view-tab .list-opt span {position: relative; display: inline-block; padding:0 1rem; }
.lec-view-tab .list-opt span:first-child {padding-left: 0;}
.lec-view-tab .list-opt span:before {content:''; position: absolute; top:50%; right: 0;width: 1px; height: 1.2rem; background:#dddddd;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%) ;-ms-transform: translateY(-50%) ;-o-transform: translateY(-50%) ;transform: translateY(-50%) ;}
.lec-view-tab .list-opt span:last-child:before {display: none;}
.lec-view-tab .list-opt img {vertical-align: middle;}
.lec-view-tab .lec-rev__btn {text-align: right; margin-bottom: 1.5rem;}
.lec-view-tab .lec-rev__btn .wrt-btn {display: inline-block; width: 7rem; height: 2.8rem; line-height:calc(2.8rem - 2px); border: 1px solid #ddd; background: #fff;text-align: center; font-size: 1.3rem; color:#666;}
.lec-view-tab .no_lst {font-weight: 400;}
.lec-view-tab .video-view {display: inline-block; margin-left: 1rem; width:9rem; height:2.5rem; line-height: calc(2.5rem - 2px);background:#f5f5f5; border:1px solid #ddd; font-size: 1.3rem;font-weight: 700;color: #616161; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;}


/* broadcast list */
.broad_area {width:100%; margin:35px auto; padding:0 4%; box-sizing:border-box;}

.lec_notice {display:block; font-size: 1.4rem;;  line-height:1.8; letter-spacing:-0.065rem; color:#666; margin:0 0 12px;}
.lec_notice strong {color:#ff7a00;}
.pro_lst {display:flex; flex-wrap:wrap; width:100%; margin:0 auto 40px;}
.pro_lst li {width:20%; height:120px; background:#f4f4f4; border-width:1px 1px 0 0; border-style:solid; border-color:#fff; box-sizing:border-box;}
.pro_lst li:nth-child(5n) {border-right:none;}
.pro_lst li.on {background:#ff7a00;}
.pro_lst a {display:block; width:100%; height:100%; padding:8% 10% 0; box-sizing:border-box;}
.pro_lst .photo {position:relative; display:block; width:100%; height:80px; background:#fff; border:1px solid #ddd; margin:0 auto 5px; overflow:hidden; box-sizing:border-box;}
.pro_lst .photo img {position:absolute; bottom:0; left:0; right:0; width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto;}
.pro_lst .name {display:block; font-size: 1.4rem;  line-height:1.6rem; letter-spacing:-0.065rem; color:#222; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro_lst .on .name {color:#fff;}

.lec_bar {display:block; width:108%; height:10px; background:url(../images/ico/skew_bar.png) 50% 50% repeat-x; background-size:contain; margin:0 0 30px -4%;}

.pro_room .pro_ttl {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%; margin:0 0 16px;}
.pro_room .pro_ttl h2 {font-size:1.6rem; font-weight:400; line-height:1.2; letter-spacing:-0.065rem; color:#000; word-break:keep-all;}
.pro_room .pro_ttl h2 strong {font-weight:700;}
.pro_room .pro_ttl a {font-size:1rem;  line-height:1.6; letter-spacing:-0.065rem; color:#ff7a00; background:url(../images/ico/red_arr.png) 100% 50% no-repeat; background-size:6px auto; padding-right:12px; text-align:right; margin-left:auto; box-sizing:border-box;}

.pro_room .pro_tab {display:flex; width:100%; margin:0 0 16px;}
.pro_room .pro_tab li {width:25%; height:50px; border-width:1px 0 1px 1px; border-style:solid; border-color:#ddd; text-align:center; font-size: 1.4rem;  line-height:48px; letter-spacing:-0.065rem; color:#888; box-sizing:border-box;}
.pro_room .pro_tab li:last-child {border-right:1px solid #ddd;}
.pro_room .pro_tab li.on {border-color:#ff7a00; color: #ff7a00;}
.pro_room .pro_tab li.on + li {border-left:1px solid #ff7a00;}

.broad_area .total {display:block; font-size: 1.4rem;  line-height:1.8; letter-spacing:-0.065rem; color:#666; margin:0 0 8px;}
.broad_area .total strong { color:#ff7a00;}
.broad_area .sch_box {position:relative; display:flex; justify-content:space-between; align-items:center; width:100%; margin:0 0 10px;}
.broad_area .sch_box select {width:120px; height:40px; border:1px solid #ddd; padding:0 10px; font-size: 1.4rem;; letter-spacing:-0.045rem; color:#000; box-sizing:border-box;}
.broad_area .sch_box input {flex:1 1 auto; height:40px; border:1px solid #ddd; padding:0 40px 0 10px; font-size: 1.4rem;; letter-spacing:-0.045rem; margin-left:5px; color:#444; box-sizing:border-box;}
.broad_area .sch_box .sch_btn {position:absolute; top:0; right:0; width:38px; height:38px; background:url(../images/ico/sch_ico.png) 50% 50% no-repeat; background-size:50% auto; text-indent:-9999px;}

.vod_lst {border-top:1px solid #000;}
.vod_lst li {display:flex; justify-content:space-between; align-items:center; width:100%; padding:10px 0; border-bottom:1px solid #ddd; box-sizing:border-box;}
.vod_lst .photo {flex:none; position:relative; width:12%; padding:15% 0 0; margin:0 2% 0 0; border:1px solid #ddd; background:#fff; box-sizing:border-box;}
.vod_lst .photo a {position: absolute; top:0; left:0; width:100%; height:100%;}
.vod_lst .photo img {position:absolute; bottom:0; left:0; right:0; width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto 0;}
.vod_lst .info {flex:1 1 auto; margin-right:auto;}
.vod_lst .info a {display:block; width:100%; height:100%;}
.vod_lst .info .tit {display:-webkit-box; max-height:2.8rem; font-size: 1.4rem;  line-height:1.4rem; letter-spacing:-0.045rem; color:#555; padding-right:2%; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.vod_lst .info .nick {display:inline-block; margin:0 3px 0 0; color:#222;}
.vod_lst .info .day {display:block; font-size:.8rem;  line-height:2; color:#888;}
.vod_lst .btn {flex:none; width:75px; margin-left:auto;}
.vod_lst .btn .vod_type {display:block; width:100%; height:25px; line-height:25px; margin:0 0 3px; text-align:center; font-size:12px;  letter-spacing:-0.065rem; color:#fff; background:#db9c22; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}
.vod_lst .btn .vod_type.free {background:#ff7a00;}
.vod_lst .btn button {display:block; width:100%; height:26px; line-height:24px; margin:0 0 3px; text-align:left; font-size:12px;  letter-spacing:-0.065rem; border:1px solid #ddd; background:#fff url(../images/ico/tv_ico.png) 6px 50% no-repeat; background-size:11px auto; color:#444; padding:0 0 0 21px; box-sizing:border-box;}
.vod_lst .no_lst {display:block; width:100%; height:75px; line-height:74px; font-size:1.4rem;  letter-spacing:-0.065rem; padding:0; border-bottom:1px solid #ddd; text-align:center; box-sizing:border-box;}

/* ??문ê? ??ë¡??? */
.lecturer_info {width:100%; margin:40px auto; padding:0 4% 50px; background:url(../images/ico/skew_bar.png) 50% 100% repeat-x; background-size:auto 10px; box-sizing:border-box;}
.lecturer_info .tc_photo {display:flex; justify-content:flex-start; flex-wrap:wrap; align-items:flex-start; width:100%; /*padding:0 0 30px; border-bottom:1px solid #ddd; margin:0 0 20px;*/ box-sizing:border-box;}
.lecturer_info .tc_photo .photo {width:100px; height:125px; border:1px solid #ddd; background:#fff; overflow:hidden; box-sizing:border-box;}
.lecturer_info .tc_photo .photo img {width:100%; height:auto; vertical-align:bottom;}
.lecturer_info .tc_photo .tc_ttl {width:calc(100% - 130px); margin-left:30px;}
.lecturer_info .tc_ttl h2 {font-size:1.6rem;  line-height:1.3; letter-spacing:-0.045rem; color:#000; /*margin:0 0 6px;*/}
.lecturer_info .tc_ttl .cat {display:flex; justify-content:flex-start; flex-wrap:wrap; align-items:center; width:100%;}
.lecturer_info .tc_ttl .cat li {font-size:1rem;  line-height:1.2; letter-spacing:-0.045rem; color:#ff7a00;}
.lecturer_info .tc_ttl .cat li:after {content:''; display:inline-block; width:1px; height:12px; background:#ddd; margin:-2px 7px 0; vertical-align:middle;}
.lecturer_info .tc_ttl .cat li:last-child:after {display:none;}
.lecturer_info .tc_photo .lnk {display:flex; justify-content:space-between; width:100%; margin:30px 0 0;}
.lecturer_info .tc_photo .lnk a { width:28.9%; height:40px; line-height:38px; text-align:center; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-size: 1.4rem;;  letter-spacing:-0.045rem; color:#777; box-sizing:border-box;}
.lecturer_info .tc_photo .lnk button { width:39.8%; height:40px; line-height:38px; text-align:center; border:1px solid #d28f0c; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-size: 1.4rem;;  letter-spacing:-0.045rem; color:#d28f0c; box-sizing:border-box;}
.lecturer_info .tc_photo .lnk button.free {color:#ff7a00; border-color:#ff7a00;}
.lecturer_info .tc_photo .tc_ttl h3{font-size:1rem; margin:20px 0 0;}
.lecturer_info .tc_photo .tc_ttl .cont{font-size:0.87rem; line-height:1.3; margin:5px 0 0; color:#444;}

.lecturer_info .tc_intro {padding:0 0 25px; border-bottom:1px solid #ddd; margin:0 0 25px;}
.lecturer_info .tc_info h3, .lecturer_info .tc_info strong {font-size:1.4rem;  line-height:1.3; letter-spacing:-0.045rem; color:#222; margin:0 0 16px;}
.lecturer_info .tc_profile strong {display:block; font-size:1.05rem;}
.lecturer_info .tc_info .cont, .lecturer_info .tc_info .cont * {font-family:'Lato','NotoSans',sans-serif !important;; font-size:0.95rem !important;  line-height:1.3; letter-spacing:-0.045rem; color:#777; white-space:pre-line; word-break:keep-all;}

.lecturer_cont {width:100%; padding:0 4%; box-sizing:border-box;}
.lecturer_cont .ttl {display:flex; justify-content:space-between; align-items:center; width:100%; height:40px; border-bottom:1px solid #ddd;}
.lecturer_cont .ttl h3 {font-size:1.05rem;  letter-spacing:-0.065rem; color:#000;}
.lecturer_cont .ttl a {font-size:.8rem;  letter-spacing:-0.065rem; color:#888; background:url(../images/ico/more_ico.png) 100% 50% no-repeat; background-size:auto 8px; padding:0 12px 0 0; box-sizing:border-box;}

.lecturer_cont ul {margin:0 0 40px;}
.lecturer_cont li {display:flex; justify-content:flex-start; align-items:center; width:100%; height:50px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.lecturer_cont li.no_lst {display:block; height:110px; line-height:109px; text-align:center; font-size: 1.4rem;;  letter-spacing:-0.045rem; color:#777;}
.lecturer_cont li .type {width:30px; margin:0 6px;}
.lecturer_cont li .vod_btn {display:block; width:30px; height:18px; text-align:center; font-size:.7rem; font-weight:700; line-height:18px; letter-spacing:-0.045rem; color:#fff; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; background:#db9c22; box-sizing:border-box;}
.lecturer_cont li .vod_btn.free {background:#ff7a00;}
.lecturer_cont li .subject {width:calc(100% - 170px); font-size: 1.4rem;;  letter-spacing:-0.045rem; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.lecturer_cont li a {width:calc(100% - 140px); font-size: 1.4rem;;  letter-spacing:-0.045rem; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.lecturer_cont li a:before { content:''; display:inline-block; width:3px; height:3px; background:#aaa; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:-2px 6px 0; vertical-align:middle;}
.lecturer_cont .date {font-size:.8rem;  color:#777; margin:0 6px 0 auto;}


/* main */
.lecturer_main{overflow:hidden; margin:0 4%;}
.lecturer_main .bbs-section{position:relative; margin:20px 0 0; box-sizing:border-box;}
.lecturer_main .bbs-section:nth-of-type(1){margin:0;}
.lecturer_main .bbs-section.style1{border:1px solid #ddd;}
.lecturer_main .bbs-section.style2{}
.lecturer_main .bbs-section.sms{width:100%; margin:20px 0 0;}
.lecturer_main .bbs-section .ttl{height:38px; line-height:38px; font-size:1rem; border-bottom:1px solid #ccc; font-weight:600; letter-spacing:-0.065rem; box-sizing:border-box;}
.lecturer_main .bbs-section .ttl span{color:#ff7a00;}
.lecturer_main .bbs-section.style1 .ttl{padding:0 15px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.lecturer_main .bbs-section .more{position:absolute; right:0; top:0; line-height:38px; font-size:0.75rem; color:#999; letter-spacing:-0.065rem; padding-right:10px; background:url(../images/ico/more_ico.png) right 50% no-repeat; background-size:5px auto;}
.lecturer_main .bbs-section.style1 .more{right:10px;}
.lecturer_main .bbs-section .cont{padding:10px 0; /*height:160px;*/ box-sizing:border-box;}
.lecturer_main .bbs-section.style1 .cont{padding:10px;}

.lecturer_main .bbs-section.style1 ul{}
.lecturer_main .bbs-section.style1 ul li{position:relative; padding:10px; border-top:1px dashed #ddd;}
.lecturer_main .bbs-section.style1 ul li:first-child{border-top:0 none;}
.lecturer_main .bbs-section.style1 ul li strong{display:block; width:calc(100% - 80px); height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600; font-size:1rem;}
.lecturer_main .bbs-section.style1 ul li span{display:block; height:22px; line-height:22px; font-size:0.85rem; color:#888;}
.lecturer_main .bbs-section.style1 ul li i{font-style:normal; position:absolute; right:10px; bottom:10px; display:block; font-size:0.85rem; color:#ff7a00;}

.lecturer_main .bbs-section.style1 table{}
.lecturer_main .bbs-section.style1 table th, .lecturer_main .bbs-section.style1 table td{text-align:left; height:35px; padding:0 10px; font-size:0.85rem;  font-weight:normal; border-top:1px dashed #ddd;}
.lecturer_main .bbs-section.style1 table tr:first-child th, .lecturer_main .bbs-section.style1 table tr:first-child td{border-top:0 none;}
.lecturer_main .bbs-section.style1 table th{position:relative; padding-left:10px;}
.lecturer_main .bbs-section.style1 table th:before{position:absolute; left:0; top:50%; margin-top:-1px; content:''; display:inline-block; width:2px; height:2px; background:#888; border-radius:50px;}
.lecturer_main .bbs-section.style1 table td{text-align:right; font-size:0.8rem; color:#888;}

.lecturer_main .bbs-section.style2 table{}
.lecturer_main .bbs-section.style2 table th, .lecturer_main .bbs-section.style2 table td{text-align:left; height:35px; padding:0 5px; font-size:0.85rem;  font-weight:normal; border-bottom:1px dashed #ddd;}
.lecturer_main .bbs-section.style2 table th{}
.lecturer_main .bbs-section.style2 table td{font-size:0.8rem; color:#888;}
.lecturer_main .bbs-section.style2 table td:last-child{text-align:right;}
.lecturer_main .bbs-section.style2 table td.no-cont{text-align:center; height:100px; font-size:0.85rem; font-weight:600; color:rgba(0,0,0,0.3); letter-spacing:-0.065rem;}

.lecturer_main .bbs-section.sms .cont{height:auto;}
.lecturer_main .bbs-section.sms table{}
.lecturer_main .bbs-section.sms table th, .lecturer_main .bbs-section.sms table td{text-align:left; height:35px; padding:0 5px; font-size:0.85rem;  font-weight:normal; border-bottom:1px dashed #ddd;}
.lecturer_main .bbs-section.sms table th{text-align:left;}
.lecturer_main .bbs-section.sms table td{font-size:0.8rem; color:#888;}
.lecturer_main .bbs-section.sms table td:last-child{}
.lecturer_main .bbs-section.sms table td.no-cont{text-align:center; height:100px; font-size:0.85rem; font-weight:600; color:rgba(0,0,0,0.3); letter-spacing:-0.065rem;}


/* ??ë¹??? ê°??? */
.vod_vis {border-bottom:1px solid #ddd; padding:30px 4%; background:url(../images/join_vis.png) 100% 30px no-repeat; background-size:80% auto; box-sizing:border-box;}
.vod_vis h2 {max-width:45%; font-size:1.4rem;  line-height:1.2; letter-spacing:-0.065rem; color:#343434; word-break:keep-all; margin:0 0 10px;}
.vod_vis h2 strong { color:#cf2200;}
.vod_vis p {max-width:65%; font-size:.8rem;  line-height:1.3; letter-spacing:-0.045rem; color:#777; word-break:keep-all; margin:0 0 20px;}
.vod_vis .join_info strong {display:block; font-size: 1.4rem;;  line-height:1.2; letter-spacing:-0.065rem; color:#333350; margin:0 0 12px;}
.vod_vis .join_info a {display:inline-block; font-size:1rem; color:#222; padding:0 0 0 22px; background:url(../images/ico/sms_ico.png) 0 50% no-repeat; background-size:auto 11px; box-sizing:border-box;}
.vod_vis .join_info a.tel {background-image:url(../images/ico/tel_ico.png); background-size:auto; margin:0 0 0 20px;}

.join_month {margin:0 auto 50px;}
.join_month .lst {width:100%; padding:30px 4%; border-bottom:1px solid #ddd; box-sizing:border-box;}
.join_month .pro_info {display:block; margin:0 0 10px;}
.join_month .pro_info a {display:flex; justify-content:space-between; align-items:center; width:100%; box-sizing:border-box;}
.join_month .pro_info .photo {flex:none; position:relative; width:15%; padding:18% 0 0; margin:0 20px 0 0; border:1px solid #ddd; background:#fff; box-sizing:border-box;}
.join_month .pro_info .photo img {position:absolute; bottom:0; left:0; right:0; width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto 0;}
.join_month .pro_info .info {width:calc(100% - 15% - 20px);}
.join_month .pro_info .nick {display:block; font-size:.8rem;  letter-spacing:-0.065rem; color:#000; margin:0 0 10px;}
.join_month .pro_info .ttl {display:block; font-size:1rem;  line-height:1.4; letter-spacing:-0.065rem; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.join_month .pro_info .exp {display:block; font-size: 1.4rem;  line-height:1.6; letter-spacing:-0.065rem; color:#888; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.join_month table th {position:relative; width:25%; height:36px; border-width:1px 0; border-style:solid; border-color:#ff7a00; text-align:center; font-size: 1.4rem;  letter-spacing:-0.045rem; color:#ff7a00; box-sizing:border-box;}
.join_month table th:first-child {border-left:1px solid #ff7a00;}
.join_month table th:last-child {border-right:1px solid #ff7a00;}
.join_month table th:after {content:''; position:absolute; top:50%; right:0; width:1px; height:12px; background:rgba(207,34,0,0.3); margin:-6px 0 0;}
.join_month table th:last-child:after {display:none;}
.join_month table td {font-size: 1.4rem;;  line-height:1.4rem; text-align:center; padding:10px 0 0;}
.join_month .conp {text-decoration:line-through; color:#888;}
.join_month .sellp {color:#ff7a00;}
.join_month .charge a, .join_month .charge button { display:block; width:70px; height:28px; line-height:28px; background:#394054; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-size:13px; letter-spacing:-0.065rem; color:#fff; margin:6px auto 0; box-sizing:border-box;}
.join_month .cb1 a, .join_month .cb1 button {background:#ff7a00;}
.join_month .cb2 a, .join_month .cb2 button {background:#f26c00;}
.join_month .cb3 a, .join_month .cb3 button {background:#db9c22;}

/* ??ë¹??? ê°??? ??*/
.broad_join {width:100%; padding:0 4%; margin:16px auto; box-sizing:border-box;}
.broad_join .pro_info {display:flex; justify-content:flex-start; align-items:center; width:100%; margin:0 0 20px;}
.broad_join .pro_info .photo {width:120px; height:145px; line-height:143px; text-align:center; border:1px solid #ddd; overflow:hidden; box-sizing:border-box;}
.broad_join .pro_info .photo img {width:100%; height:auto;}
.broad_join .pro_info .tc_ttl {width:calc(100% - 130px); margin:0 0 0 10px;}
.broad_join .pro_info .tc_ttl h2 {font-size:1.5rem;  line-height:1.3; letter-spacing:-0.045rem; color:#000; margin:0 0 10px;}
.broad_join .pro_info .tc_ttl .lnk {display:flex; justify-content:flex-start; width:100%;}
.broad_join .pro_info .tc_ttl .lnk a {width:45%; max-width:160px; height:40px; border:1px solid #ddd; line-height:38px; text-align:center; font-size:1.4rem;  letter-spacing:-0.045rem; color:#555; border-radius:3px; margin-right:5px; box-sizing:border-box;}
.broad_join .bs_info {font-size:1.4rem;  line-height:2rem; letter-spacing:-0.045rem; color:#555; word-break:keep-all; margin:0 0 20px;}
.broad_join .bs_info br {display: none;}
.broad_join .join_table {width:100%; border-top:1px solid #333; table-layout:fixed; margin:0 0 25px;}
.broad_join .join_table th, .broad_join .join_table td { padding: 4px 0; box-sizing: border-box; font-size:1.4rem;  line-height:1.3; letter-spacing:-0.045rem; color:#333;  vertical-align:middle; border-bottom:1px solid #ddd; box-sizing:border-box;}
.broad_join .join_table th {    background: #fafafa;
    font-size: 1.4rem;
    width: 25%;
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
    word-break: keep-all;}
.broad_join .join_table .price {color:#ff7a00;}

.broad_join .lst {display:block; border-top:1px solid #333;}
.broad_join .lst .ttl {display:block; width:100%; font-size: 1.4rem;;  line-height:1.3; letter-spacing:-0.045rem; color:#222; padding:12px 0 0; margin:0 0 5px;}
.broad_join .lst .val {display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; width:100%; padding-bottom:12px; border-bottom:1px solid #ddd;}
.broad_join .val input[type="text"] {flex:1 1 auto; height:40px; background:#fafafa; border:1px solid #ddd; padding:0 10px; font-size: 1.4rem;  letter-spacing:-0.045rem; color:#333; box-sizing:border-box;}
.join_form .val input[name*="phone"] {width:30%;}
.broad_join .form_sub {display:block; width:100%; margin:5px 0 0; font-size: 1.4rem;  line-height:1.4; letter-spacing:-0.025rem; color:#333;}
.broad_join .form_sub.red {color:#ff7a00;}
.broad_join input[type="radio"], .broad_join input[type="radio"] + label {display:inline-block; font-size: 1.4rem; vertical-align:middle; color:#444;}
.broad_join input[type="radio"] + label {margin:0 10px 0 6px;}

.broad_join .tax_table {width:100%; table-layout:fixed;}
.broad_join .tax_table td {font-size: 1.4rem;  line-height:1.3; letter-spacing:-0.045rem; color:#333; text-align:left; vertical-align:middle; padding:10px; border-bottom:1px solid #ddd; word-break:keep-all; box-sizing:border-box;}
.broad_join .tax_table td:first-child {background:#fafafa;}
.broad_join .tax_table input[type="text"], .broad_join .tax_table input[type="password"] {width:auto; max-width:90%; height:35px; border:1px solid #ddd; font-size:.8rem; letter-spacing:-0.025rem; color:#555; background:#fafafa; padding:0 5px; box-sizing:border-box;}
.broad_join .tax_table td span {display:inline-block;}
.broad_join .tax_table.pay {border-top:1px solid #333;}

.pay_failed {width:92%; padding:30px 4% 0; border:1px solid #ddd; margin:30px auto; text-align:center; box-sizing:border-box;}
.pay_failed strong {display:block; font-size: 1.4rem;;  line-height:1.3; letter-spacing:-0.045rem; margin:0 0 10px;}
.pay_failed .msg {display:block; font-size:1.4rem;  line-height:1.3; letter-spacing:-0.045rem; color:#555; word-break:keep-all;}

/* 88TV ??ê°? 
.com_cont {}
.com_cont h3 {font-size:1.5rem; font-weight:700; line-height:1.2; letter-spacing:-0.065rem; color:#343434; word-break:keep-all; margin:0 0 10px;}
.com_cont h3 strong {color:#cf2200;}
.com_cont h3 + strong {display:block; font-size:1rem;  line-height:1.3; letter-spacing:-0.045rem; color:#222; word-break:keep-all; margin:0 0 10px;}
.com_cont p {font-size:0.85rem;  line-height:1.4; letter-spacing:-0.045rem; color:#777; white-space:pre-line; word-break:keep-all; margin:0 0 20px;}
.com_cont .com_address {display:block; font-size:1.4rem;  line-height:24px; letter-spacing:-0.045rem; color:#333; padding:0 0 0 20px; background:url(/images/ico/map_ico.png) 0 4px no-repeat; background-size:auto 20px; margin:0 0 12px; word-break:keep-all;}
.com_cont .root_daum_roughmap { width:100% !important; height:350px; padding:0; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }
.com_cont .root_daum_roughmap .wrap_map {height:350px !important;}
.com_cont .root_daum_roughmap .wrap_controllers {display:none;}
.com_cont .root_daum_roughmap_landing .border2 {display:block;}
*/
/* company */
.com_cont { padding:0 3.3%;} 
.com_cont h3 {font-size:1.8rem; font-weight:700; line-height:1.4; letter-spacing:-0.065rem; margin-bottom:30px; color:#343434; word-break:keep-all; margin:0 0 20px; white-space:pre-line;}
.com_cont h3 strong {color:#ff7a00;}
.com_cont .cont{font-size:1.4rem; color:#777; line-height:1.7; letter-spacing:-0.045rem;}
.com_cont h4 {font-size:1.6rem;  line-height:1.4; letter-spacing:-0.045rem; color:#222; margin-bottom:12px; box-sizing:border-box; margin:40px 0 10px;}
.com_cont table{margin:0 0 40px;}
.com_cont table th, .com_cont table td{padding:15px 0; font-size:1.5rem; letter-spacing:-0.045rem; color:#666; text-align:left; font-weight:400; border-width:0 0 1px; border-style:solid;}
.com_cont table tr:first-child th, .com_cont table tr:first-child td{border-width:1px 0;}
.com_cont table th{width:16%; border-color:#ccc; color:#444; font-weight:600;}
.com_cont table td{border-color:#ddd;}
.com_cont .root_daum_roughmap { width:100% !important; height:350px; padding:0; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }
.com_cont .root_daum_roughmap .wrap_map {height:350px !important;}
.com_cont .root_daum_roughmap .wrap_controllers {display:none;}
.com_cont .root_daum_roughmap_landing .border2 {display:block;}

.com_cont .comp-desc strong {display: block; margin-bottom: 2rem; font-size: 1.8rem;line-height: 2.4rem; word-break:keep-all;}
.com_cont .comp-desc p {margin-bottom: 1.4rem; width:90%; font-weight: 400; line-height: 2.4rem; word-break:keep-all;}
.com_cont .comp-desc p em {color:#ff7a00;font-size: 1.6rem; font-weight: 700;}
.com_cont .comp-img img {max-width:100%;} 

/* ê²????? */
.board_area {width:100%;  padding:0 3.3%; box-sizing:border-box;}
.board_ttl {font-size:1.4rem;  line-height:1.4; letter-spacing:-0.045rem; color:#000; margin:0 0 12px;}

/* ��� */
.order_list {margin:0 auto 25px; table-layout:fixed;}
.order_list caption {font-size: 1.4rem;  line-height:1.4; letter-spacing:-0.045rem; color:#222; text-align:right; margin-bottom:5px;}
.order_list th, .order_list td {font-size: 1.4rem; font-weight:400; line-height:1.3; letter-spacing:-0.045rem; color:#444; padding:6px 0; text-align:center; border-bottom:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}
.order_list th {height:42px; background:#fafafa; border-top:1px solid #333; font-size: 1.4rem;  color:#000; word-break:keep-all;}
.order_list .price {color:#ff7a00;}

/* ???µë? */
.rate_cont {margin:20px auto 30px;}
.rate_cont .pro_rate {width:100%; margin:0 0 20px;}
.pro_rate .pro {display:flex; align-items:center;}
.pro_rate .pro .photo {width:65px; height:81px; background:#fff; border:1px solid #ddd; overflow:hidden; box-sizing:border-box;}
.pro_rate .pro .photo img {width:100%; height:100%;}
.pro_rate .pro .nick {width:calc(100% - 80px); font-size:1.05rem;  line-height:1.3; letter-spacing:-0.065rem; color:#000; margin-left:10px;}
.pro_rate .rate_table {width:100%; border-top:1px solid #ccc; border-bottom:1px solid #f6f6f6; margin:10px 0 0;}
.rate_table th, .rate_table td {font-size:1.4rem;  line-height:1.5; letter-spacing:-0.045rem; text-align:center; padding:8px 4px; color:#181818; vertical-align:middle; box-sizing:border-box;}
.rate_table td {color:#595959;}
.rate_table tr:nth-child(odd) th, .rate_table tr:nth-child(odd) td {background:#f6f6f6;}
.rate_table td:first-child {text-align:left; color:#181818; padding:8px;}
.rate_table .pay, .rate_table .up {color:#f00;}
.rate_table .free, .rate_table .dw {color:#001eff;}
.rate_table td[colspan="4"] {height:110px; line-height:110px; color:#ddd; text-align:center;}

/* ë§??´í???´ì? */
.member_area {border-top:1px solid #ddd; padding:30px 0 0;}
.member_area .member_info {display:flex; align-items:center; width:100%; padding:0 4%; margin:0 auto 25px; box-sizing:border-box;}
.member_info .photo {position:relative; width:80px; height:80px; margin:0 20px 0 0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border:1px solid #ddd; overflow:hidden; box-sizing:border-box;}
.member_info .photo img { position:absolute; top:50%; left:50%; width:auto; max-width:110%; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.member_info .info {width:calc(100% - 100px);}
.member_info .info .name {display:block; font-size:1.4rem; font-weight:400; line-height:1.2; letter-spacing:-0.045rem; color:#000; margin:0 0 10px;}
.member_info .info .name strong {display:inline-block; font-size:1.5rem;font-weight: 700;  margin:0 5px 0 0;}
.member_info .info a {display:inline-block; width:38%; height:35px; font-size: 1.4rem;  line-height:33px; letter-spacing:-0.065rem; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; text-align:center; color:#666; box-sizing:border-box;}

.mileage_box { display:flex; align-items:center; width:92%; height:70px; background:#f4f4f4; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; margin:0 auto 2rem; padding:0 4%; box-sizing:border-box; }
.mileage_box .point { width:36px; height:36px; line-height:36px; text-align:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#fff; font-size:17px;  color:#000; margin:0 6px 0 0; box-shadow:1px 1px 1px rgba(0,0,0,.1);}
.mileage_box .ttl {font-size: 1.4rem;  letter-spacing:-0.065rem; color:#444;}
.mileage_box .val {font-size:.8rem;  color:#000; margin-left:auto;}
.mileage_box .val strong {display:inline-block; font-size:1.6rem;  margin:0 4px 0 0;}

.mypage_menu a, .mypage_menu button {display:block; width:100%; height:4.4rem; line-height:4.4rem; border-bottom:1px dashed #ddd; background:url(../images/ico/mypage_arr.png) 94% 50% no-repeat; font-size:1.4rem;  letter-spacing:-0.065rem; text-align:left; color:#444; padding:0 4%; box-sizing:border-box;}
.mypage_menu .mm_ttl {width:100%; height:4.4rem; line-height:4.4rem; font-size:1.5rem;  letter-spacing:-0.065rem; border-bottom:1px dashed #ddd; color:#000; padding:0 4%; margin:40px 0 0; box-sizing:border-box;}
.mypage_menu .out_btn { width:120px; height:35px; line-height:33px; background:none; text-align:center; color:#666; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-size: 1.4rem; padding:0; margin:30px auto 0;}

/* ê°??¬í???? ë§??´í???´ì? */
.lecturer_area {width:100%; padding:0 3.3%; box-sizing:border-box;}
.lecturer_lst {float:none; clear:both; border-top:1px solid #333;}
.lecturer_lst .lst {display:block; width:100%; padding:1.1rem 0; border-bottom:1px solid #ddd;}
.lecturer_lst .no_lst , .lecturer_info-wrap .no_lst {display:block; width:100%; height:120px; line-height:120px; text-align:center; border-bottom:1px dashed #ddd; font-size:1.4rem;  letter-spacing:-0.045rem; color:#777;}
.lecturer_lst .info {display:flex; justify-content:space-between; width:100%;line-height: 3rem; font-size:1.5rem;   letter-spacing:-0.065rem;}
.lecturer_lst .info .ttl {}
.lecturer_lst .info .val {font-weight: 400; color:#2b2e34;}
.lecturer_lst .info .prc {font-weight: 700;}
.lecturer_lst .info .status {color:#999999; font-weight: 400;}
.lecturer_lst .info .min_btn { display:inline-block; width:40px; height:24px; border:1px solid #888; background:#999; line-height:22px; font-size:1.2rem; letter-spacing:-0.045rem; color:#fff; text-align:center; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; box-sizing:border-box;}
.lecturer_lst .info .min_btn.edit {background:#e35c5d; border-color:#db4746;}
.lecturer_lst .info.content {flex-wrap:wrap;}
.lecturer_lst .info.content .ttl {width:100%; margin:0 0 5px;}
.lecturer_lst .info.content .val {width:100%; word-break:keep-all; line-height: 1.5;}
.lecturer_lst .up {color:#f00;}
.lecturer_lst .dw {color:#001eff;}

/* ê°??¬í???? ë§??´í???´ì? */
.lecturer_info-wrap {border-top: 1px solid #333;}

.lecturer_info-wrap > div {padding:1.1rem 0 1.8rem ; border-bottom:1px solid #ddd;}
.lecturer_info-wrap dl {display: flex; justify-content:space-between;}
.lecturer_info-wrap dl dt, .lecturer_info-wrap dl dd {line-height:3rem; font-size: 1.5rem;}
.lecturer_info-wrap dl dt { width: 20%;}
.lecturer_info-wrap dl dd {width: 80%;text-align:right;font-weight: 400;}
.lecturer_info-wrap dl a {font-weight: 400;}
.lecturer_info-wrap dl .prc {font-weight: 700;}
.lecturer_info-wrap dl .lec_tit {display: inline-block;width:88%;line-height: 30px; overflow: hidden; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; white-space: nowrap;}
.lecturer_info-wrap dl .lec-view {display: inline-block;width: 8rem;height: 2.5rem; line-height: 2.3rem;background: #f5f5f5; border:1px solid #ddd; font-size: 1.3rem;font-weight: 700; color:#616161; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; text-align: center;}

/* ê°??¬í???? ê²???ë°??? */
.lecturer_frm {width:100%; padding:20px 4%; background:#fafafa; box-sizing:border-box;}
.lecturer_frm .status_btn {position:relative; display:flex; flex-wrap:wrap; align-items:center; width:100%; margin:0 0 10px;}
.lecturer_frm .status_btn input[type="radio"] {position:absolute; top:0; left:0; width:0; height:0; font-size:0; visibility:hidden;}
.lecturer_frm .status_btn input, .lecturer_frm .status_btn label {width:24.1%; height:35px; background:#fff; border:1px solid #ddd; border-right-color:#ccc; border-bottom-color:#bbb; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; text-align:center; line-height:33px; font-size: 1.4rem;  letter-spacing:-0.045rem; color:#555; margin:0 1.2% 0 0; box-sizing:border-box;}
.lecturer_frm .status_btn input:nth-child(4n), .lecturer_frm .status_btn label:nth-of-type(4n) {margin-right:0;}
.lecturer_frm .status_btn input:nth-child(n+5), .lecturer_frm .status_btn label:nth-of-type(n+5) {margin-top:5px;}
.lecturer_frm .status_btn .btn_sm, .lecturer_frm .status_btn input:checked + label {background:#ff7a00; border-color:#ff7a00; border-right-color:#b6180f; border-bottom-color:#a80a01; color:#fff;}

.lecturer_frm .date_box { display:flex; justify-content:space-between; width:100%; height:40px; line-height:38px; background:#fff; border:1px solid #ddd; margin:0 0 10px; padding:0 10px; border-radius:3px; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
.lecturer_frm .date_box input[type="date"] {width:48%; border:none; font-size: 1.4rem;;  color:#333; text-align:left; background:#fff url(../images/ico/cal_ico.png) 93% 50% no-repeat; padding:0 10px; box-sizing:border-box;}

.lecturer_frm .select_box, .lecturer_frm .sch_box {display:flex; justify-content:space-between; width:100%;}
.lecturer_frm .select_box select {width:49.5%; height:40px; font-size: 1.4rem;;  line-height:38px; letter-spacing:-0.065rem; color:#333; padding:0 10px; border:1px solid #ddd; border-radius:3px; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}
.lecturer_frm .select_box.thr select:nth-child(n+2) {width:32.5%; margin-left:1%;}
.lecturer_frm .select_box.pay select {width:80%;}
.lecturer_frm .sch_box {margin:10px 0 0;}
.lecturer_frm .sch_box input {width:82%; height:40px; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; padding:0 10px; font-size: 1.4rem;;  line-height:38px; letter-spacing:-0.065rem; color:#333; box-sizing:border-box;}
.lecturer_frm .sch_box .submit_btn, .lecturer_frm .select_box.pay .submit_btn {flex:none; width:17%; height:40px; background:#444; line-height:38px; text-align:center; border:1px solid #444; border-radius:3px; border-right-color:#333; border-bottom-color:#222; font-size: 1.4rem;;  letter-spacing:-0.045rem; color:#fff; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}
.lecturer_frm .sch_box select + input{flex:1 1 auto; margin:0 1%;}

.bs_btn {float:right; height:30px; font-size: 1.4rem; line-height:28px; border-width:1px; border-style:solid; border-color:#ddd #aaa #aaa #ddd;letter-spacing:-0.025rem; color:#444; background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 75%,rgba(250,250,250,1) 88%,rgba(255,255,255,1) 100%); padding:0 10px; margin:10px 0 10px auto; border-radius:3px; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}

/* .lecturer_input {margin:0 auto 0;} */
.lecturer_input .sub_ttl {width:92%; margin:0 auto 12px;}
.lecturer_input .lecturer_frm > span {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; width:100%; margin:0 0 10px;}
.lecturer_input .input_ttl {position:relative; width:100%; font-size: 1.4rem;;  line-height:1.3rem; letter-spacing:-0.045rem; color:#222; margin:0 0 10px;}
.lecturer_input input[type="radio"] {position:absolute; top:0; left:0; width:0; height:0; font-size:0; visibility:hidden;}
.lecturer_input label {width:49%; height:35px; background:#fff; border:1px solid #ddd; border-right-color:#ccc; border-bottom-color:#bbb; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; text-align:center; line-height:33px; font-size: 1.4rem;  letter-spacing:-0.045rem; color:#555; margin:0 0 5px; box-sizing:border-box;}
.lecturer_input input:checked + label {background:#ff7a00; border-color:#ff7a00; border-right-color:#b6180f; border-bottom-color:#a80a01; color:#fff;}
.lecturer_input input[type="text"], .lecturer_input input[type="date"] {width:100%; height:35px; background:#fff; border:1px solid #ddd; text-align:left; font-size: 1.4rem;;  letter-spacing:-0.045rem; color:#333; padding:0 10px; box-sizing:border-box;}
.lecturer_input input[type="date"] {text-align:left; background: none; background:#fff url(../images/ico/cal_ico.png) 95% 50% no-repeat; margin:0 0 5px;}


.lecturer_input .schedule_box .time_box {display:flex; justify-content:center; align-items:center; width:100%; height:35px; border:1px solid #ddd; background:#fff; box-sizing:border-box; }
.lecturer_input .schedule_box select {width:17%; height:33px; line-height:33px; font-size:1.4rem;  color:#333; border:none; background-size:10px auto; outline:none;}
.lecturer_input .schedule_box select + span {width:6%; font-size:1.4rem;  color:#333; text-align:center;}
.lecturer_input .schedule_box .and {width:8%; font-size:1.4rem;  color:#333; text-align:center;}
.lecturer_input .btn_box button {width:49%; height:40px; background:#f0f0f0; border:1px solid #ddd; font-size: 1.4rem;;  letter-spacing:-0.045rem; color:#444;}
.lecturer_input .btn_box button[type="submit"] {background:#444; border-color:#333; color:#fff;}
.lecturer_input input.rate {flex:1 1 auto; width:auto; margin:0 4px 0 0; text-align:right;}

.lecturer_area .member_chk {display:flex; justify-content:space-between; align-items:center; width:100%; margin:0 0 10px;}
.lecturer_area .member_chk input {width:16px; height:16px; vertical-align:middle;}
.lecturer_area .member_chk label {display:inline-block; font-size:1.4rem;  color:#333; margin:0 0 0 6px; vertical-align:middle;}
.lecturer_area .member_chk .bs_btn {float:none; margin:0 0 0 auto;}

/* 매ì?ì°¨í?? */
.chart_box {width:100%; margin:0 auto 20px;}
.lecturer_lst .method {display:block; width:100%; padding:12px 0; border-bottom:1px dashed #ddd; box-sizing:border-box;}
.lecturer_lst .method .tit {display:block; width:100%; font-size:1.4rem;  line-height:1.4; letter-spacing:-0.045rem; color:#ff7a00; margin:0 0 5px;}

/* ë¡?ê·¸ì?? */
.login_area { padding:0 3.3%; box-sizing:border-box;}

.login_area h3 {font-size: 1.6rem; letter-spacing:-0.05em; }
.login_area .form {margin:1rem 0 0;}
.login_area .form input[type='text'], .login_area .form input[type='password'] { width:100%; height:4.5rem; padding:0 1.4rem; background: #f5f5f5; border:1px solid #ddd; box-sizing:border-box; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; margin-bottom:.5rem;}
.login_area .form input[type='text']::placeholder , .login_area .form input[type='password']::placeholder {font-weight: 400; color:#999;}
.login_area .form input:last-of-type {margin-bottom:0;}
.login_area .form button {width:100%; height:5rem; color:#fff;font-size: 1.5rem; font-weight: 700;  letter-spacing:-0.05em; background:#ff7a00; border-radius:3px; margin:1.5rem 0 1.2rem;}
.login_area .form input[type='checkbox'] {width:0; height:0; font-size:0; visibility:hidden;}
.login_area .form label {font-size:100%; font-weight: 400; line-height:18px; letter-spacing:-0.065rem; color:#616161; padding-left:24px; background:url(../images/ico/chk_ico.png) 0 50% no-repeat; box-sizing:border-box;}
.login_area .form input:checked + label  {background-image:url(/m/images/ico/check_on.png);}

.login_area .link {margin:2rem 0 0; padding:2rem 0 0; border-top:1px solid #dddddd;}
.login_area .link a {float:left; width:calc(50% - 10px); height:4rem; line-height:calc(4rem - 2px); text-align:center; font-size: 1.5rem;font-weight: 400; color:#616161; border:1px solid #ddd; margin-left:10px; box-sizing:border-box; border-radius:3px;}
.login_area .link a:first-child {margin:0;}

/* ???´ë??, ë¹?ë°?ë²??? 찾기 */
.idpw_area {width:100%; padding:0 4%; margin:0 0 25px; box-sizing:border-box;}
.idpw_area span {display:block; font-size:1.4rem;  line-height:1.3; letter-spacing:-0.045rem; color:#555; word-break:keep-all; margin:0 0 10px;}
.idpw_area strong {color:#ff7a00;}
.idpw_area a {display:block; font-size: 1.4rem;  line-height:1.3; letter-spacing:-0.045rem; color:#222;}

/* ????ê°??? */
.join_agree {margin:0 3.3% ;}
.join_agree h3 {margin:4rem 0 1rem; }
.join_agree h3:first-child{margin-top:0;}
.join_agree h3 + p {font-size:1.4rem; line-height:2rem; letter-spacing:-0.045rem; color:#444; margin:10px 0 0;}
.join_agree h3 + p a { color:#ff7a00;}
.join_agree textarea{width:100%; height:120px; font-size: 1.3rem; color:#777; line-height:1.6; padding:2%; overflow-y:scroll; background:#f9f9f9; border:1px solid #dfdfdf; box-sizing:border-box; margin:0 0 10px; resize:none;} 
.join_agree .agree{text-align:right;}
.join_agree .agree input[type='checkbox']{width:0; height:0; font-size:0; visibility:hidden;}
.join_agree .agree label{ line-height:18px; letter-spacing:-0.065rem; color:#666; padding-left:22px; background:url(../images/ico/chk_ico.png) 0 50% no-repeat;font-size: 1.4rem;font-weight: 400; box-sizing:border-box;}
.join_agree .agree input:checked + label {background-image:url(../images/ico/check_on.png);}

.btn_box {display:flex; justify-content:space-between; width:100%; margin:3rem auto 0;}
.btn_box button, .btn_box a {width:49.5%; height:4.5rem; line-height:4.2rem; letter-spacing:-0.05rem; color:#888; text-align:center; font-size: 1.4rem;;  background:#f9f9f9; border:1px solid #ddd; border-radius:3px; box-sizing:border-box;}
.btn_box .submit_btn{color:#fff; background:#ff7a00; border-color:#ff7a00;}
.btn_box a.submit_btn {margin:0 auto;}

.join_form {border-top:1px solid #333; margin:20px 0 0;}
.join_form .lst {display:block; padding:12px 0; border-bottom:1px dashed #ddd;}
.join_form .ttl {display:block; width:100%; font-size: 1.5rem;;  line-height:1.3; letter-spacing:-0.045rem; color:#000; margin:0 0 5px;}
.join_form .val {display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; width:100%; font-size:1.4rem;  line-height:1.3; letter-spacing:-0.045rem; color:#555;}
.join_form .val br {display: block; margin-bottom: 2px;}
.join_form .val input[type="text"], .join_form .val input[type="password"], .join_form .val input[type="file"] {flex:1 1 auto; height:34px; line-height: 34px; background:#fafafa; border:1px solid #ddd; padding:0 10px; font-size: 1.4rem;  letter-spacing:-0.045rem; color:#333; box-sizing:border-box;}

.join_form .val input[name="address1"] {display: block; margin: 4px 0;}
.join_form .val input[name="address1"], .join_form .val input[name="address2"] {width: 100%;}
.join_form .val input[name*="phone"] {width:30%;}
.join_form .val .post_btn {width:80px; height:40px; background:#444; line-height:38px; text-align:center; border:1px solid #444; border-right-color:#333; border-bottom-color:#222; font-size:1.3rem;  letter-spacing:-0.045rem; color:#fff; margin-left:10px; box-sizing:border-box;}
.join_form .form_sub, .join_form .red {display:block; width:100%; margin:5px 0; font-size: 1.3rem;font-weight: 500;  line-height:1.4; letter-spacing:-0.025rem; color:#333;}
.join_form .val .photo {position:relative; width:70px; height:70px; border:1px solid #ddd; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; overflow:hidden; margin:0 0 5px;}
.join_form .val .photo img {position:absolute; top:50%; left:50%; width:auto; max-width:110%; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.join_form .val input[name="photo"] {width:100%;}
.join_form .red {color:#ff7a00;}
.join_form input[type="radio"], .join_form input[type="radio"] + label {display:inline-block; font-size: 1.4rem; vertical-align:middle; color:#444;}
.join_form input[type="radio"] + label {margin:0 10px 0 6px;}

.join_ok{margin:0 2% 0; padding:3rem; text-align:center; line-height:1.3; /*background:#f9f9f9; border:1px solid #dfdfdf;*/}
.join_ok h3{font-size: 1.6rem; }
.join_ok small{display:block; font-size:1.5rem; margin:1.5rem 0 0;line-height: 1.5; color:#888;}
.join_ok a{display:inline-block; margin:25px 0 0; width:100px; height:40px; line-height:40px; font-size:90%; color:#fff;  background:#ff7a00; border-radius:3px;}

/* ???????? */
.myout_notice p {font-size:1.5rem;  line-height:2.4rem; letter-spacing:-0.045rem; color:#333; word-break:keep-all; margin:10px 0 5px;}
.myout_notice strong {display:block; font-size:1.5rem; color:#000; margin:10px 0 0;}
.myout_notice strong span {color:#ff7a00;}

/* ?´ì?©ì?½ê? */
.company_cont {font-size:1.5rem; font-weight:700; line-height:1.5; letter-spacing:-0.045rem; color:#555; word-break:keep-all; white-space:pre-line;}
.company_cont h3 {font-size:1.6rem;  color:#ff7a00;}
.company_cont h4 {font-size:1.7rem;  color:#000; border-bottom:1px dashed #ddd; margin:0 0 5px; padding:10px 0;}

/* SMSë°??? */
.sms_table {border-top:1px solid #333;}
.sms_table th, .sms_table td {border-bottom:1px solid #ddd; font-size:1.4rem;  letter-spacing:-0.045rem; vertical-align:middle; padding:12px 10px; text-align:left; box-sizing:border-box;}
.sms_table th {background:#fafafa;}
.sms_table input[type="text"] {height:32px; background:#fafafa; border:1px solid #ddd; padding:0 10px; font-size: 1.4rem;  letter-spacing:-0.045rem; color:#333; box-sizing:border-box;}
.sms_table .type {margin:0 0 8px;}
.sms_table .type input {display:inline-block; vertical-align:middle;}
.sms_table .type label {display:inline-block; margin:0 10px 0 5px; vertical-align:middle;}
.sms_table select {height:32px;}
.sms_table textarea {height:140px; border:1px solid #ddd; padding:6px; font-size:1.4rem;  line-height:1.3; letter-spacing:-0.045rem; color:#222; box-sizing:border-box; resize:none;}
.byte_box {display:block; width:65px; margin:10px 0 10px auto; text-align:right;}
.sms_btn {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:500px;margin:16px auto 0;}
.sms_btn button {width:49%; height:45px; border:1px solid #ccc; background:#f7f7f7; text-align:center; font-size: 1.4rem;;  letter-spacing:-0.045rem; color:#777; box-sizing:border-box;}
.sms_btn button.submit_btn {background:#ff7a00; color:#fff; border-color:#ad1e01;}


.minihome-wrap{margin:0 4% 40px;}
/*.bbs-cont{margin:0 4% 40px;}*/


.lecturer_info + .minihome-wrap .schedule-tab:first-child { margin-top:0; }
.schedule-tab{overflow:hidden; margin:20px 0 20px;}
.schedule-tab li{float:left; width:14.28%; box-sizing:border-box}
.schedule-tab li a{display:block; height:50px; font-size:14px; box-sizing:border-box; padding:10px 0 0; text-align:center; border-width:1px 1px 1px 0; border-style:solid; border-color:#ddd;}
.schedule-tab li a small{display:block; font-size:12px;}
.schedule-tab li:first-child a{border-width:1px;}
.schedule-tab li.on a{position:relative; border-color:#ff7a00; color:#ff7a00; font-weight:600;}
.schedule-tab li.on a:before{content:''; display:block; position:absolute; left:-1px; top:-1px; width:1px; height:calc(100% + 2px); background:#ff7a00;}

/* sms */
.list-table{border-top:1px solid #333;}
.list-table th, .list-table td{padding:15px 10px; font-weight:normal; font-size:14px; text-align:center; border-bottom:1px solid #ddd;}
.list-table thead{}
.list-table thead th, .list-table thead td{background:#f9f9f9;}
.list-table tbody{}
.list-table tbody th{}
.list-table tbody td{text-align:left; word-break:break-all;}
.list-table tbody td.no-cont{text-align:center; height:100px; font-size:15px; font-weight:600; color:rgba(0,0,0,0.3); letter-spacing:-0.065rem;}



.sms-app-table{border-top:1px solid #333;}
.sms-app-table th, .sms-app-table td{font-size:0.80rem; line-height:1.3; padding:20px 0px; font-weight:normal; text-align:left; border-bottom:1px solid #ddd;}
.sms-app-table th{padding-left:15px;}
.sms-app-table th a{text-align:left;}
.sms-app-table th a strong{display:inline-block; font-size:0.87rem; font-weight:600; margin:0 0 8px;}
.sms-app-table .btn_app{margin:10px 0 0;}
.sms-app-table .btn_app .btn{display:inline-block; width:100px; height:30px; line-height:30px; font-size:0.82rem; text-align:center; border:1px solid #ddd;}
.sms-app-table td.no-cont{text-align:center; height:100px; font-size:0.85rem; font-weight:600; color:rgba(0,0,0,0.3); letter-spacing:-0.065rem;}

/* �?? �?? */
.vod_list {position: relative;	}
.vod_list:before {content: ''; position: absolute; top:0; width:calc(100% - 6.6%); height:1px; background: #ddd;}
.sch_bar {margin:0 0 1rem;}
.sch_bar .total {display: block;margin-bottom: .8rem; font-size:1.4rem;line-height:3.6rem; letter-spacing:-0.065rem; color:#666;}
.sch_bar .total strong {color:#ff7a00;}

.sch_bar .form_box {position:relative;display: flex; justify-content:space-between;  text-align:right;}
.sch_bar select {display:inline-block; width:12rem; height:3.6rem; border:1px solid #ddd; font-size:1.4rem; line-height:3.4rem; letter-spacing:-0.065rem;  color:#000; box-sizing:border-box;vertical-align: middle;}
.sch_bar input {position: relative;	 display:inline-block; width:calc(100% - 12.8rem); height:3.6rem; border:1px solid #ddd; font-size:1.4rem; letter-spacing:-0.065rem; color:#666; padding:0 1rem; box-sizing:border-box;vertical-align: middle;}
.sch_bar .sch_btn {position:absolute; top:0; right:0; width:3.4rem; height:3.4rem; background:url(../images/ico/sch_ico.png)center no-repeat; -webkit-background-size:50% auto;
background-size: 50% auto; text-indent:-9999px;}

.lecture_lst {border-top:1px solid #000; margin:0 auto 20px;}
.lecture_lst li {display: flex;  justify-content:space-between; align-items:center;  border-bottom:1px solid #ddd; padding:1rem 0; box-sizing:border-box;}
.lecture_lst li:after {content:''; display:block; clear:both;}
.lecture_lst li.no_lst {height:100px; line-height:100px; text-align:center; font-size:17px; font-weight:500; letter-spacing:-0.045rem; color:#555; padding:0;}
.lecture_lst .pro_info {width:12%; margin-right: 2%; border:1px solid #ddd;}
.lecture_lst .pro_info a {position: relative; display:block; height:62px; line-height:62px;}

.lecture_lst .pro_info  img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.lecture_lst .pro_info .name {display:inline-block; width:180px; font-size:17px; font-weight:500; line-height:22px; letter-spacing:-0.045rem; color:#000; word-break:keep-all; vertical-align:middle;}

.lecture_lst .lec_info { width:60%;}
.lecture_lst .lec_info .tit {display: -webkit-box; max-height:28px; font-size: 1.4rem;  line-height:14px; letter-spacing:-0.045rem; color:#555; padding-right:2%; word-wrap:break-word; 
-webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.lecture_lst .lec_info .name {display: inline-block; margin-right: .3rem; font-weight: 700;}
.lecture_lst .lec_info .day {display: block;font-size:1.3rem; font-weight:500; line-height:2.8rem; color:#888;}

.lecture_lst .lec_type { width:7.5rem;}
.lecture_lst .lec_type span, .lecture_lst .lec_type button {display:inline-block; width:100%; height:2.6rem; text-align:center; vertical-align:middle;}
.lecture_lst .lec_type .vod_type {display: inline-block; margin-bottom: .4rem; font-size:1.2rem; font-weight:500; line-height:2.6rem; color:#fff; background:#db9c22; border-radius:3px; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}
.lecture_lst .lec_type .vod_type.free {background:#e42500;}
.lecture_lst .lec_type button, .lecture_lst .lec_type a {border:1px solid #ddd; font-size:1.2rem; font-weight:500; line-height:2.4rem; letter-spacing:-0.065rem; color:#444; text-align:left; padding:0 0 0 2rem; background:url(../images/ico/tv_ico.png) .4rem center no-repeat;-webkit-background-size: 1.5rem auto;
background-size:1.5rem auto ; box-sizing:border-box;}
.lecture_lst .lec_type a {width:100%; background:none; padding:0; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}

.opt_num input{height: 30px;}
.opt_bbt a{display: inline-block; width: 30px; height: 30px; outline: 0; border: 1px solid #dedede; font-family: 'Noto Sans kr', sans-serif; font-size: 16px; line-height: 24px; box-sizing: border-box;
text-align: center; margin: 0 4px;}



.basket_list_container_tr{border-top: 1px solid #333;}
.basket_list_container_tr .prd_tit{text-align: left;}
.basket_order_table td {text-align: left !important; padding: 8px 12px !important; box-sizing: border-box; border-bottom: 0 !important;}
.basket_order_table th {text-align: left !important; padding: 8px 12px !important; box-sizing: border-box; border-bottom: 0 !important;}
.order_bill .bill_tit{margin: 20px 0 8px; padding: 0 0 0 10px; box-sizing: border-box;}
.order_bill .bill_tit em{float: right;}
.order_bill_form{margin: 0 !important; border-top: 1px solid #ff7a00; width: 100%; max-width: 100%;}
.order_bill .order_bill_form th{width: 26%;}
.order_bill .order_bill_form th, .order_bill .order_bill_form td{padding: 4px 8px; box-sizing: border-box;}
.order_bill .input_style{height: 24px;}
.order_bill .input_style.non_border{border: 1px solid transparent;}
.order_bill .input_style.w-full{width: 100%;}
.order_bill .input_style.w-half{width: 50%;}
.order_bill .input_style.w-half{width: 50%;}
.order_bill .input_style.w-small{width: 30%; min-width: 60px;}
td.order_tel > select{width: 30%; min-width: 60px;}
td.order_address .input_style {margin: 0 0 4px 0;}
td.order_address input[type=button] {margin: 0 0 4px 4px;}
td.order_cou input[type=button] {margin: 0 0 4px 4px;}
.order_txt_area textarea{width: 100%; border: 1px solid #ddd; outline: 0; border-radius: 3px;}
.order_bill .order_bill_form .btn_gray_small{background:#666; color:#fff; border: 0; outline: none; height: 24px; font-size: 13px; font-weight: normal; padding: 4px 8px; box-sizing: border-box; display: inline-block;}
.order_bill .order_bill_form .radio_chk{display: inline-block; width: 49%; margin:4px 0;}
.order_bill .order_bill_form .radio_chk:last-of-type{width: 100%;}
.order_tip{padding-left: 10px; box-sizing: border-box; margin: 14px 0;}
.order_tip li{margin: 0 0 4px; position: relative;}
.order_tip li:first-of-type::before{content: ''; width: 4px; height: 12px; background: #ff7a00; position: absolute; top: 50%; left: -8px; transform: translateY(-50%);}
td.product_img_td{width: 25%;}
td.product_img_td div{width: 100%;}
td.product_img_td img{width: 100%; height: auto; max-height:100%;}
td.product_content_td {width: 75%; padding: 0 !important; word-break: keep-all;}
.order_num_btn{border-radius: 3px; width: 24px; height: 24px; border: 1px solid #ddd; box-sizing: border-box; display: inline-block; text-align: center; line-height: 20px; font-family: 'Noto Sans Kr', sans-serif; font-size: 13px; }
td.product_content_td tr {}