@charset "euc-kr";

.main-visual {margin-bottom: 3.125em;}
.main-visual .slide a {display: block; width: 100%;}
.main-visual .slide img {width: 100%; height: auto;}
.main-visual .slick-dots {position: absolute; top: 100%; left: 0; width: 100%; margin: 0.625rem 0 0; text-align: center;}
.main-visual .slick-dots li {display:inline-block; margin:0 4px;}
.main-visual .slick-dots button { display: inline-block; width: 0.625rem; height: 0.625rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #aaa; text-indent: -9999px; outline:none; }
.main-visual .slick-dots .slick-active button {background: #e42500;}
.main__line {display: block; width: 100%; height: 0.75rem; background: #f6f6f6; border-top: 1px solid #ccc; border-bottom: 1px solid #eee; box-sizing: border-box;}

/* main */
.cmn-broadcast .tit {margin-bottom: 0.83em; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.065em; text-align: center;}
.cmn-broadcast .tit span {color: #e42500;}
.cmn-broadcast__list {padding: 0 0.625em 1.875rem; box-sizing: border-box}
.cmn-broadcast__item {position: relative; display: flex; flex-wrap: wrap; padding: 1.25em 0 2.8125em; margin-bottom: 0.625em; border-width: 1px 1px 0; border-style: solid; border-color: #ccc; box-sizing: border-box;}
.cmn-broadcast__item .info-column {width: 50%; height: 12em; padding-left: 1.25em; box-sizing: border-box;}
.cmn-broadcast__item .img-column {width: 50%; height: 12em; text-align: right; line-height: 12em;}
.cmn-broadcast__item .img-column img {width: auto; height: auto; max-width: 90%; max-height: 100%; vertical-align: bottom;}
.cmn-broadcast__item .status-row {display: flex; align-items: center; margin-bottom: 1em; }
.cmn-broadcast__item .status-row span { width: 37.2%; max-width: 5.8em; margin-right: 0.35em; border: 1px solid #e42500; border-radius: 1.7857em; -webkit-border-radius: 1.7857em; -moz-border-radius: 1.7857em; -ms-border-radius: 1.7857em; -o-border-radius: 1.7857em; color: #e42500; font-size: 0.875rem; font-weight: 500; letter-spacing: -0.065em; text-align: center; line-height: 1.6428em; box-sizing: border-box; }
.cmn-broadcast__item .status-row .on-air {background: #e42500; color: #fff;}

.cmn-broadcast__item .expert-row .field{display: inline-block; padding: 0 0.65em; border: 1px solid #666; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; color: #666; font-size: 0.8125rem; font-weight: 500; letter-spacing: -0.065em; line-height: 1.38em; text-align: center; box-sizing: border-box; }
.cmn-broadcast__item .expert-row .nickname {display: block; margin: 0.5em 0; font-size: 1.25rem; font-weight: 500; letter-spacing: -0.065em; font-style: normal}
.cmn-broadcast__item .intro {height: 2.92em; margin-bottom: 0.66em; color: #666; font-size: 0.9375rem; letter-spacing: -0.065em; line-height: 1.46em; overflow: hidden;}
.cmn-broadcast__item .time { color: #666; font-size: 0.9375rem; font-weight: 500;}
.cmn-broadcast__item .ftn-row {position: absolute; left: 0; bottom: 0; width: 100%;  z-index: 10;}
.cmn-broadcast__item .ftn-row button,
.cmn-broadcast__item .ftn-row a {float: left; width: 50%; height: 2.8125em; color: #fff; font-size: 1rem; font-weight: 500; letter-spacing: -0.065em; line-height: 2.8125em; text-align: center;}
.cmn-broadcast__item .btn-ftn--yet {background: #999;}
.cmn-broadcast__item .btn-ftn--view { background: #e42500; animation: broadcastingBtn ease-out .4s infinite; -webkit-animation: broadcastingBtn ease-out .4s infinite; }
@keyframes broadcastingBtn {
  0% {
    background: #e42500;
  }
  100% {
    background: #ff8b03;
  }
}
.cmn-broadcast__item .btn-ftn span {display: inline-block; padding-left: 1.75em; background: url(../images/ico_play_w.png) no-repeat 0% 50%; background-size: 1.25em auto;  box-sizing: border-box;}
.cmn-broadcast__item .ftn-row .lnk-profile {background: #333;}

.main-vod {padding: 0 0.625em; box-sizing: border-box}
.main-vod__row {margin: 2.5em 0;}
.main-vod .tit-row {margin-bottom: 1.25em;}
.main-vod .tit-row h2 {float: left; font-size: 1.25em; font-weight: 700;}
.main-vod h2 span {color: #e42500;}
.main-vod .tit-row .lnk-more {float: right; padding-right: 1.2857em; background: url(../images/arr_more_g.png) no-repeat right 0 top 50%; background-size: 0.54em auto; color: #666; font-size: 0.875em; font-weight: 500; letter-spacing: -0.065em; line-height: 1.25rem;}
.main-vod__item {float: left; width: 48.8%;}
.main-vod__item:nth-child(2n) {margin-left: 2.4%;}
.main-vod__item .thum-row {position: relative; padding-top: 57.1%; overflow:hidden;}
.main-vod__item .thum-row img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; margin: auto;}
.main-vod__item .ico-play {position: absolute; left: 0.625rem; bottom: 0.625rem; width: 14%; padding-bottom: 14%; background: url(../images/ico_play_w_xl.png) no-repeat 0% 50%; background-size: 100% auto; font-size: 0;}

.main-vod__item .vod-tit {height: 2.66em; margin: 0.83em 0; color: #222; font-size: 0.9375rem; font-weight: 500; line-height: 1.33em; letter-spacing: -0.065em; overflow: hidden;}
.main-vod__item .info-row span {color: #999; font-size: 0.875rem; font-weight: 500; letter-spacing: -0.065em;}
.main-vod__item .info-row .date {position: relative; margin-left: 1.4em; letter-spacing: 0;}
.main-vod__item .info-row .date::before {content: ''; display: block; position: absolute; left: -0.7rem; top: 50%; width: 1px; height: 0.85em; margin-top: -0.425em; margin-left: -0.5px; background: #ddd;}

.main-board {padding: 1.875em 1.25em 1.375em; box-sizing: border-box;}
.main-board  + .main-board {border-top: 1px solid #ccc;}
.main-board .tit-row {margin-bottom: 1.1875em;}
.main-board .tit-row h2 {float: left; color: #222; font-size: 1.25rem; font-weight: 700; }
.main-board .tit-row .lnk-more {float: right; padding-right: 1.14285em; background: url(../images/arr_more_g.png) no-repeat right 0 top 50%; background-size: 0.54em auto; color: #666; font-size: 0.875em; font-weight: 500; letter-spacing: -0.065em; line-height: 1.25rem;}
.main-board__item {padding-left: 1em; margin-top: 0.6em; background: url(../images/bullet_dot.png) no-repeat 0% 50%; background-size: auto 0.26em; font-size: 0.9375rem; font-weight: 500; box-sizing: border-box;}
.main-board__item a{float: left; max-width: calc(100% - 6.4em); color: #222; letter-spacing: -0.065em; line-height: 1.4em;}
.main-board__item .date {float: right; color: #999; text-align: right; line-height: 1.4rem;}
.main-board__item::after {content: ''; display: block; clear: both;}

.main-benefits { padding: 3.64rem 0; box-sizing: border-box; background: #e7e8e8 url(../images/main/bg_benefits2.jpg) no-repeat 0 0; background-size: 100% auto;}
.main-benefits__head {margin-bottom:2.5em; text-align: center;}
.main-benefits__head .tit { font-family: 'GmarketSansMedium', sans-serif;
  margin-bottom: 0.92rem; color: #010101; font-size: 2.14rem; font-weight: 700; letter-spacing: -0.065em; line-height: 1.2; word-break: keep-all}
.main-benefits__head .tit span{color: #e42500;}
.main-benefits__head .sub-tit{color: #777; font-size: 1.285rem; font-weight: 500; letter-spacing: -0.065em;}
.benefit_img{width: 100%;}
.benefit_img img{ display:block; width: 100%; height: auto;}
.main-benefits__item {margin-top: 1.25em; text-align: center; position: relative; border-radius: 0.8rem; box-sizing: border-box;}
.main-benefits__item .mem-tit{ height: 5.35rem; border-radius: 0.8rem; color: #fff; font-weight: 700;
  letter-spacing: -0.065em; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 4; width: 100%; line-height: 3em; font-size: 1.28rem; }
.main-benefits__item .bronze-tit {background: url(../images/main/hea_1.png) no-repeat; background-size: 100% 100%;}
.main-benefits__item .silver-tit {background: url(../images/main/hea_2.png) no-repeat; background-size: 100% 100%;}
.main-benefits__item .gold-tit {background: url(../images/main/hea_3.png) no-repeat; background-size: 100% 100%;}
.main-benefits__item .mem-tit span {font-size: 1.14rem; font-weight: 500;}
.main-benefits__item .mem-tit b{position: relative; padding-left: 42px; box-sizing: border-box; background: url(../images/main/bullet.png) 0 50% no-repeat; background-size: 30px auto;}
.main-benefits__item .cnt-row {padding-top: 6.42rem; padding-bottom: 1.78rem; background: rgba(255, 255, 255, .9); border-radius:0.8rem;
  box-sizing: border-box; position: relative; z-index: 3; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);}
.main-benefits__item .cnt-row li {margin-bottom: 1em; color: #222; font-size: 1.14rem; font-weight: 500; letter-spacing: -0.065em; text-align: left; padding: 0 1em; box-sizing: border-box;}
.main-benefits__item .cnt-row li span {color: #e42500; font-weight: bold; font-family: 'Lato', sans-serif;}
.main-benefits__item .cnt-row li span.spacer {display: inline-block; padding-left: 24px; box-sizing: border-box; height: 24px; width: 24px;}
.main-benefits__item .bullet {display: inline-block; width: 1.6rem; height: 1.4em; background: url(../images/bullet_chk.png) no-repeat 0% 50%; background-size: auto 0.6em;
vertical-align: top;}
.main-benefits__item .gold-tit + .cnt-row {padding-top: 5.714rem;}
.main-benefits__item .bronze-tit + .cnt-row .bullet {background: url(../images/main/chk_1.png) no-repeat 0% 5px;}
.main-benefits__item .silver-tit + .cnt-row .bullet {background: url(../images/main/chk_2.png) no-repeat 0% 5px;}
.main-benefits__item .gold-tit + .cnt-row .bullet {background: url(../images/main/chk_3.png) no-repeat 0% 5px;}
.main-center__row .row-tit {margin-bottom: 1.11em; font-size: 1.125em; font-weight: 500; letter-spacing: -0.065em;}
.main-center .cs-row {padding: 1.875em 1.25rem 1.25em; box-sizing: border-box;}
.main-center .cs__body {display: flex; justify-content: space-between; align-items: center;}
.main-center .cs__info {width: 61%;}
.main-center .cs__tel {display: block; color: #e42500; font-size: 1.875em; font-weight: 700;}
.main-center .cs__ot {margin-top: 1.4em; color: #666; font-size: 0.9375rem; font-weight: 500; line-height: 1.46;}
.main-center .cs__ot strong {display: block; font-size: 0.93em; font-weight: 400; letter-spacing: -0.065em;}
.main-center .cs__lnk-list {width: 39%;}
.main-center .cs__lnk {display: block; width: 100%; border: 1px solid #ccc; border-radius: 1.66em; -webkit-border-radius: 1.66em; -moz-border-radius: 1.66em; -ms-border-radius: 1.66em; -o-border-radius: 1.66em; color: #666; font-size: 0.9375rem; letter-spacing: -0.065em; line-height: 2.53em; text-align: center; box-sizing: border-box; }
.main-center .cs__lnk + .cs__lnk {margin-top: 0.6em}
.main-center .bank-row {border-top: 1px solid #ddd; padding: 1.875em 1.25rem; background: url(../images/ico_bank.png) no-repeat right 1.25rem bottom 1.875em; background-size: 2.5em auto; box-sizing: border-box;}
.main-center .bank__name-img {width: auto; height: 2.65rem;}
.main-center .bank__account {display: block; margin: 0.38em 0  0.69em; font-size: 1.625rem; font-weight: 700;}
.main-center .bank__holder {color: #666; font-size: 0.9375em; letter-spacing: -0.065em;}
.main-center .util-row {display: flex; align-items: center; justify-content: space-between; padding: 0 1.25rem; margin-bottom: 3.125em; box-sizing: border-box;}
.main-center .remote-item,
.main-center .lnk-item { display: flex; justify-content: center; align-items: center; width: 48.7%; height: 4.7em; border: 1px solid #ddd; border-radius: 0.2em; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; -ms-border-radius: 0.2em; -o-border-radius: 0.2em; font-size: 0.9375em; font-weight: 500; letter-spacing: -0.065em; box-sizing: border-box; }
.main-center .remote-item span,
.main-center .lnk-item span {min-height: 3em; display: flex; align-items: center; padding-left: 3.66em; background-repeat: no-repeat; background-position: 0% 50%; background-size: 3em auto; line-height: 1.46em; }
.main-center .remote-item span {background-image: url(../images/ico_remote.png);}
.main-center .lnk-item span { background-image: url(../images/ico_note.png);}


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

.lec_notice {display:block; font-size:.95rem; font-weight:500; line-height:1.8; letter-spacing:-0.065rem; color:#666; margin:0 0 12px;}
.lec_notice strong {color:#e42500;}
.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:#e42500;}
.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:.85rem; font-weight:500; 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; font-weight:500; line-height:1.6; letter-spacing:-0.065rem; color:#e42500; 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:.85rem; font-weight:500; 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:#e42500; color: #e42500;}
.pro_room .pro_tab li.on + li {border-left:1px solid #e42500;}

.broad_area .total {display:block; font-size:.85rem; font-weight:500; line-height:1.8; letter-spacing:-0.065rem; color:#666; margin:0 0 8px;}
.broad_area .total strong {font-weight:500; color:#cf3128;}
.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:.95rem; 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:.95rem; 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_list.php */

.vod-nav {display: flex; align-items: center; margin-bottom: 0.875em;}
.vod-nav li {position: relative; margin-right: 1.25rem; vertical-align: middle; }
.vod-nav li + li:before {content: ''; display: block; position: absolute; left: -0.625rem; top: 50%; width: 1px; height: 0.75em; margin-left: -0.5px; margin-top: -0.375em; background: #ddd;}
.vod-nav a {display: block; color: #666; font-size: 0.9375rem; font-weight: 500; letter-spacing: -0.065em;}
.vod-nav .on a {color: #222;}
.vod-sch {position:relative; display:flex; justify-content:space-between; align-items:center; margin-bottom: 0.625em; font-size: .9375rem; }
.vod-sch select,
.vod-sch input[type="text"] {height: 3em; border:1px solid #ddd; letter-spacing: -0.065em; box-sizing:border-box;}
.vod-sch select {width: 8em; border:1px solid #ddd; color:#666;}
.vod-sch input {flex: 1 1 auto; padding-right: 3em; padding-left: 1em; margin-left: 0.33em; }
.vod-sch .sch_btn {position:absolute; top:0; right:0; width: 3em; height: 3em; background:url(../images/ico/sch_ico.png) 50% 50% no-repeat; background-size: 1.34em auto; text-indent: -9999px;}

.vod-list {border-top: 1px solid #000;}
.vod-list .no-lst {border-bottom: 1px solid #ddd; color: #999; font-size: 0.9375rem; font-weight: 500;  line-height: 5em; text-align: center; }
.vod-item {display: flex; padding: 0.9375rem 0; border-bottom: 1px solid #ddd;}
.vod-item .photo-column {width: 5.625rem; height: 6.25rem; overflow:hidden;}
.vod-item .photo-column a {display: block; line-height: 6.25rem;}  
.vod-item .photo-column img {display: inline-block; width:auto; max-width:100%; height:auto; max-height:100%; }
.vod-item .info-column {width: calc(100% - 5.625rem); padding-left: 1.25em; box-sizing: border-box}
.vod-item .tit {margin-bottom: 0.25em; color: #222; font-size: 1rem; font-weight: 500; line-height: 1.5rem; letter-spacing: -0.065em; }
.vod-item .tit .type-txt {display: inline-block; margin-right: 0.35em; color: #e42500; font-size: 0.875em; vertical-align: top;}
.vod-item .time {color: #999; font-size: 0.875em; font-weight: 500; line-height: 1.42;}
.vod-item .nickname {display: block; margin-top: 0.7em; margin-bottom: 1.1em; color: #222; font-size: 0.9375rem; font-weight: 500; line-height: 1.42;}
.vod-item .btn-list {display: flex; align-items: center;}
.vod-item .btn-list a,
.vod-item .btn-list button,
.vod-item .btn-list .vod-type {width: 7.14em; height: 2.5em; margin-right: 0.3em; border: 1px solid #ddd; border-radius: 0.21em; -webkit-border-radius: 0.21em; -moz-border-radius: 0.21em; -ms-border-radius: 0.21em; -o-border-radius: 0.21em; color: #666; font-size: 0.875em; letter-spacing: -0.065em; text-align: center; line-height: calc(2.5em - 2px); box-sizing: border-box;}
.vod-item .btn-list .vod-type {background: #ff8b03; border-color: #ff8b03; color: #fff;}
.vod-item .btn-list .vod-type.free {background: #e42500; border-color: #e42500;}
.vod-item .btn-list button { background:#fff url(../images/ico/tv_ico.png) 1.2em 50% no-repeat; background-size: 0.85em auto; padding-left: 2.5em; text-align: left}

/* schedule.php */

.schedule-list {border-top: 1px solid #000;}
.schedule-list .no-lst {border-bottom: 1px solid #ddd; color: #999; font-size: 0.9375rem; font-weight: 500;  line-height: 5em; text-align: center; }
.schedule-item {padding: 0.9375rem 0.625rem; border-bottom: 1px solid #ddd;}
.schedule-item dl {display: flex; color: #888; font-size: 0.875rem; font-weight: 500; line-height: 1.2;}
.schedule-item dl + dl {margin-top: 0.4em;}
.schedule-item dt {padding-right: 0.4em; color: #222;}

/* ??문ê? ??ë¡??? */
.expert-select {display: block; height: 3em; width: calc(100% - 2.5rem); margin: 0 auto; color: #666; font-size: 0.9375rem; font-weight: 500; letter-spacing: -0.065em;}
.lecturer-info {display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 1.875em; padding-bottom: 3.125em; margin-bottom: 2.5em; background: url(../images/bg_line.jpg) repeat-x bottom 0 left 0; background-size: auto 0.625rem;}
.lecturer-info .photo {position: relative; width: 7.5rem; height: 8.5rem; border: 1px solid #ddd; line-height: calc(8.5rem - 2px); box-sizing: border-box; overflow: hidden;}
.lecturer-info .photo img {width: 100%; height: auto; vertical-align: bottom;}
.lecturer-info .info-column {width: calc(100% - 7.5rem); padding-left: 1.875rem; box-sizing: border-box;}
.lecturer-info .nickname {margin-bottom: 0.64em; font-size: 1.5625rem; font-weight: 700; letter-spacing: -0.065em; line-height: 1.32;}
.lecturer-info .intro {margin-bottom: 0.5em; font-size: 1rem; font-weight: 700; letter-spacing: -0.065em; line-height: 1.375}
.lecturer-info .summary {color: #666; font-size: 0.875rem; letter-spacing: -0.065em; line-height: 1.57}
.lecturer-info .btn-list {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 1.875em;}
.lecturer-info .btn-list a,
.lecturer-info .btn-list button { width:48.7%; height: 2.625em; background: #333; border-radius: 0.25em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; -ms-border-radius: 0.25em; -o-border-radius: 0.25em; color: #fff; font-size: 1rem; font-weight: 500; line-height: 2.625em; text-align: center;}
.lecturer-info .btn-list :nth-child(2n - 1) {background: #e42500;}


/* expert-main common */

.expert-main__sect {margin-bottom: 1.25rem;}
.expert-main__sect .tit-row {display: flex; justify-content: space-between; align-items: center; height: 2.75em;}
.expert-main__sect .tit {color: #222; font-size: 1.125rem; font-weight: 700; letter-spacing: -0.065em; }
.expert-main__sect .tit span {color: #e42500;}
.expert-main__sect .lnk-more {padding-right: 1.2857em; background: url(../images/arr_more_g.png) no-repeat right 0 top 50%; background-size: 0.54em auto; color: #666; font-size: 0.875rem; font-weight: 500; letter-spacing: -0.065em;}

/* expert-main media */
.expert-main__media {border: 1px solid #ddd; box-sizing: border-box; overflow: hidden;}
.expert-main__media .tit-row {padding: 0 0.75em; background: #f9f9f9; box-sizing: border-box;}
.expert-main__media .cont-row {padding: 0 0.75em; box-sizing: border-box;}
.expert-main__media .item {position: relative; font-size: 1rem; padding: 1.06em 6em 1.06em 0; box-sizing: border-box;}
.expert-main__media .item + .item {border-top: 1px solid #eee;}
.expert-main__media .item .lec-tit {display: block; margin-bottom: 0.43em; color: #222; font-weight: 700; letter-spacing: -0.065em; line-height: 1.375em;}
.expert-main__media .item .lec-time {color: #999; font-size: 0.9375rem; font-weight: 500;}
.expert-main__media .recent-item .onair { position: absolute; right: 0; top: 50%; width: 6em; height: 2em; margin-top: -1em; padding-left: 2em; background: #e42500 url(../images/ico_play_w.png) no-repeat .5em 50%; background-size: auto 1rem; border-radius: 1.66em; -webkit-border-radius: 1.66em; -moz-border-radius: 1.66em; -ms-border-radius: 1.66em; -o-border-radius: 1.66em; color: #fff; font-size: 0.875rem; font-weight: 500; text-align: left; line-height: 2em; box-sizing: border-box; } 
.expert-main__media .vod-item button {position: absolute; right: 0; top: 50%; height: 2em; padding: 0 0.5em; margin-top: -1em; border: 1px solid #e42500; color: #e42500; font-size: 0.875rem; line-height: calc(2em - 2px); letter-spacing: -0.065em; box-sizing: border-box;} 

/* expert-main price */
.expert-main__price .join-list {width: 100%; border-top: 1px solid #222; }
.expert-main__price .join-item {position: relative; padding: 1.1em 6.25em 1.1em 0; border-bottom: 1px solid #ddd; color: #666; font-size: 0.9375rem; font-weight: 500; letter-spacing: -0.065em; line-height: 1.46em; box-sizing: border-box;}
.expert-main__price .price-row {display: flex; align-items: center; margin-top: 0.4em; color: #e42500; font-size: 1rem; letter-spacing: 0;}
.expert-main__price .full-price {color: #999; font-size: 0.9375rem; font-weight: 500}
.expert-main__price .full-price span {text-decoration: line-through}
.expert-main__price .price-row .sign {padding: 0 0.625em;}
.expert-main__price .current-price {font-weight: 700;}
.expert-main__price .btn-join {position: absolute; right: 0; top: 50%; width: 6em; height: 2.28em; margin-top: -1.14em; border: 1px solid #e42500; border-radius: 1.71em; -webkit-border-radius: 1.71em; -moz-border-radius: 1.71em; -ms-border-radius: 1.71em; -o-border-radius: 1.71em; color: #e42500; font-size: 0.875rem; font-weight: 500; letter-spacing: -0.065em; line-height: calc(2.28em - 2px); text-align: center; box-sizing: border-box;}

/*  */
.expert-main__board .tit-row {border-bottom: 1px solid #222; }
.expert-main__board ul {color: #666; font-size: 0.9375rem; font-weight: 500; letter-spacing: -0.065em;}
.expert-main__board li {border-bottom: 1px solid #ddd;}
.expert-main__board li a {float: left; line-height: 3.125em;}
.expert-main__board li .date {float: right; color: #999; letter-spacing: 0; line-height: 3.125em;}
.expert-main__board li::after {content: ''; display: block; clear: both;}



.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; font-weight:500; letter-spacing:-0.065rem; color:#000;}
.lecturer_cont .ttl a {font-size:.8rem; font-weight:500; 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:.95rem; font-weight:500; 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:#e42500;}
.lecturer_cont li .subject {width:calc(100% - 170px); font-size:.95rem; font-weight:500; letter-spacing:-0.045rem; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.lecturer_cont li a {width:calc(100% - 140px); font-size:.95rem; font-weight:500; 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; font-weight:500; 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:#e42500;}
.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:#e42500;}

.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; font-weight:500; line-height:1.2; letter-spacing:-0.065rem; color:#343434; word-break:keep-all; margin:0 0 10px;}
.vod_vis h2 strong {font-weight:500; color:#cf2200;}
.vod_vis p {max-width:65%; font-size:.8rem; font-weight:500; 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:.95rem; font-weight:500; 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; font-weight:500; letter-spacing:-0.065rem; color:#000; margin:0 0 10px;}
.join_month .pro_info .ttl {display:block; font-size:1rem; font-weight:500; 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:.85rem; font-weight:500; 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:#e42500; text-align:center; font-size:.85rem; font-weight:500; letter-spacing:-0.045rem; color:#e42500; box-sizing:border-box;}
.join_month table th:first-child {border-left:1px solid #e42500;}
.join_month table th:last-child {border-right:1px solid #e42500;}
.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:.95rem; font-weight:500; line-height:1.4rem; text-align:center; padding:10px 0 0;}
.join_month .conp {text-decoration:line-through; color:#888;}
.join_month .sellp {color:#e42500;}
.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:#e42500;}
.join_month .cb2 a, .join_month .cb2 button {background:#f26c00;}
.join_month .cb3 a, .join_month .cb3 button {background:#db9c22;}

/* ??ë¹??? ê°??? ??*/
.broad-join {padding:0 1.25rem; margin: 0 auto; box-sizing: border-box;}
.broad-join__ttl {margin-top: 2.2em; margin-bottom: 0.83em; color: #222; font-size: 1.125em; font-size: 700; letter-spacing: -0.065em;}
.broad-join__ttl span {color: #e42500;}
.broad-join .bs_info {font-size: 0.9375rem; font-weight:500; line-height: 1.6; letter-spacing: -0.065em; color:#555; word-break:keep-all;}
.broad-join__price {border-top: 1px solid #222;}
.broad-join__price-item {position: relative; padding: 1em 0 1em 2.2rem; border-bottom: 1px solid #ddd; font-size: 0.9375rem; font-weight: 500; letter-spacing: -0.065em; line-height: 1.4; box-sizing: border-box;}
.broad-join__price-item.pay-ver {padding-left: 0;}
.broad-join__price-item input[type="radio"] {position: absolute; left: 0.66em; top: 1.2em;}
.broad-join__price-item .price, 
.broad-join__price-item .mg {display: flex; align-items: center;}
.broad-join__price-item .price {margin: 0.6em 0 0.4em;}
.broad-join__price-item .price dd {color: #e42500; }
.broad-join__price-item .price .full-price {color: #999; font-size: 0.93em;}
.broad-join__price-item .mg dd {color: #666; font-size: 0.93em;}

.broad-join .lst {display:block; border-top:1px solid #333;}
.broad-join .lst .ttl {display:block; width:100%; font-size: .9375rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#222; padding:12px 0 0; margin:0 0 5px;}
.broad-join .lst .val {display:flex; align-items:center; flex-wrap:wrap; width:100%; padding-bottom:12px; font-size: 0.9375rem; color: #888; border-bottom:1px solid #ddd; line-height: 1.3; word-break: keep-all}
.broad-join .val input[type="text"] {flex:1 1 auto; height:40px; background:#fafafa; border:1px solid #ddd; padding:0 10px; font-size:.85rem; font-weight:500; 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:.85rem; font-weight:500; line-height:1.4; letter-spacing:-0.025rem; color:#333;}
.broad-join .form_sub.red {color:#cf3128;}
.broad-join input[type="radio"], .broad-join input[type="radio"] + label {display:inline-block; font-size:.85rem; 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:.85rem; font-weight:500; 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;}

.broad-join .bs_info {font-size:.9rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#555; word-break:keep-all; margin:0 0 20px;}
.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 {font-size:.9rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#333; text-align:center; vertical-align:middle; padding:12px 0; border-bottom:1px solid #ddd; box-sizing:border-box;}
.broad-join .join_table th {background:#fafafa; font-size:.95rem;}
.broad-join .join_table .price {color:#cf3128;}


.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:.95rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; margin:0 0 10px;}
.pay_failed .msg {display:block; font-size:.9rem; font-weight:500; 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; font-weight:500; 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; font-weight:500; 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:.9rem; font-weight:500; 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 {width:100%; padding:30px 4%; box-sizing:border-box;}
.com_cont h3 {font-size:1.7rem; font-weight:700; line-height:1.2; 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:#cf3128;}
.com_cont .cont{font-size:0.92rem; color:#777; line-height:1.7; letter-spacing:-0.045rem;}
.com_cont h4 {font-size:1.2rem; font-weight:500; 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:0.92rem; 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:15%; 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;}

/* ê²????? */
.board_ttl {margin-bottom: 0.5em; font-size: 1.25rem; font-weight:500; line-height:1.4; letter-spacing:-0.045rem;}
/* ��� */
.order_list {margin:0 auto 25px; table-layout:fixed;}
.order_list caption {font-size:.85rem; font-weight:500; line-height:1.4; letter-spacing:-0.045rem; color:#222; text-align:right; margin-bottom:5px;}
.order_list th, .order_list td {font-size:.85rem; 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:.85rem; font-weight:500; color:#000; word-break:keep-all;}
.order_list .price {color:#cf3128;}

/* ???µë? */
.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; font-weight:500; 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:.9rem; font-weight:500; 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.2rem; 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.25rem; font-weight:500; margin:0 5px 0 0;}
.member_info .info a {display:inline-block; width:38%; height:35px; font-size:.85rem; font-weight:500; 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; 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; font-weight:500; color:#000; margin:0 6px 0 0; box-shadow:1px 1px 1px rgba(0,0,0,.1);}
.mileage_box .ttl {font-size:.85rem; font-weight:500; letter-spacing:-0.065rem; color:#444;}
.mileage_box .val {font-size:.8rem; font-weight:500; color:#000; margin-left:auto;}
.mileage_box .val strong {display:inline-block; font-size:1.6rem; font-weight:500; margin:0 4px 0 0;}

.mypage_menu a, .mypage_menu button {display:block; width:100%; height:3.75rem; line-height:3.75rem; border-bottom:1px dashed #ddd; background:url(../images/ico/mypage_arr.png) 94% 50% no-repeat; font-size:1.05rem; font-weight:500; letter-spacing:-0.065rem; text-align:left; color:#444; padding:0 4%; box-sizing:border-box;}
.mypage_menu .mm_ttl {width:100%; height:3.75rem; line-height:3.75rem; font-size:1.25rem; font-weight:500; 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:.85rem; padding:0; margin:30px auto 50px;}

/* ê°??¬í???? ë§??´í???´ì? */
.lecturer_area {width:100%; padding:0 4%; margin:30px 0 50px; box-sizing:border-box;}
.lecturer_lst {float:none; clear:both; border-top:1px solid #333;}
.lecturer_lst .lst {display:block; width:100%; padding:12px 0; border-bottom:1px dashed #ddd;}
.lecturer_lst .no_lst {display:block; width:100%; height:120px; line-height:120px; text-align:center; border-bottom:1px dashed #ddd; font-size:.9rem; font-weight:500; letter-spacing:-0.045rem; color:#777;}
.lecturer_lst .info {display:flex; justify-content:space-between; width:100%; margin:4px 0; font-size:.9rem; font-weight:500; line-height:1.3rem; letter-spacing:-0.045rem;}
.lecturer_lst .info .ttl {font-size:.95rem; color:#222;}
.lecturer_lst .info .val {color:#555;}
.lecturer_lst .info .min_btn { display:inline-block; width:34px; height:18px; border:1px solid #888; background:#999; line-height:16px; font-size:.7rem; 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;}
.lecturer_lst .up {color:#f00;}
.lecturer_lst .dw {color:#001eff;}

/* ê°??¬í???? ê²???ë°??? */
.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:.85rem; font-weight:500; 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:#cf3128; border-color:#cf3128; 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:.95rem; font-weight:500; 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:.95rem; font-weight:500; 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:.95rem; font-weight:500; 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:.95rem; font-weight:500; 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:.85rem; 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:30px 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:.95rem; font-weight:500; 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:.85rem; font-weight:500; letter-spacing:-0.045rem; color:#555; margin:0 0 5px; box-sizing:border-box;}
.lecturer_input input:checked + label {background:#cf3128; border-color:#cf3128; 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:.95rem; font-weight:500; letter-spacing:-0.045rem; color:#333; padding:0 10px; box-sizing:border-box;}
.lecturer_input input[type="date"] {text-align:left; 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:.9rem; font-weight:500; color:#333; border:none; background-size:10px auto; outline:none;}
.lecturer_input .schedule_box select + span {width:6%; font-size:.9rem; font-weight:500; color:#333; text-align:center;}
.lecturer_input .schedule_box .and {width:8%; font-size:.9rem; font-weight:500; color:#333; text-align:center;}
.lecturer_input .btn_box button {width:49%; height:40px; background:#f0f0f0; border:1px solid #ddd; font-size:.95rem; font-weight:500; 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:.9rem; font-weight:500; 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.1rem; font-weight:500; line-height:1.4; letter-spacing:-0.045rem; color:#e42500; margin:0 0 5px;}

/* ë¡?ê·¸ì?? */
.login_area {margin:30px auto; padding:0 4%; box-sizing:border-box;}
.login_area h3 {letter-spacing:-0.05em; font-weight:500;}
.login_area .form {margin:15px 0 0;}
.login_area .form input[type='text'], .login_area .form input[type='password'] { width:100%; height:45px; padding:0 10px; 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:5px;}
.login_area .form input:last-of-type {margin-bottom:0;}
.login_area .form button {width:100%; height:50px; color:#fff; font-weight:500; letter-spacing:-0.05em; background:#cf3128; border-radius:3px; margin:10px 0 10px;}
.login_area .form input[type='checkbox'] {width:0; height:0; font-size:0; visibility:hidden;}
.login_area .form label {font-size:100%; font-weight:500; line-height:18px; letter-spacing:-0.065rem; color:#666; 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(../images/ico/chk_on.png);}

.login_area .link {margin:30px 0 0; padding:30px 0 0; border-top:1px solid #eee;}
.login_area .link a {float:left; width:calc(50% - 2px); height:40px; line-height:40px; text-align:center; font-size:.85rem; color:#888; border:1px solid #ddd; margin-left:4px; 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:.9rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#555; word-break:keep-all; margin:0 0 10px;}
.idpw_area strong {color:#e42500;}
.idpw_area a {display:block; font-size:.85rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#222;}

/* ????ê°??? */
.join_agree {margin:30px 4% 50px;}
.join_agree h3 {margin:40px 0 0; letter-spacing:-0.05em; font-weight:500;}
.join_agree h3:first-child{margin-top:0;}
.join_agree h3 + p {font-size:.9rem; line-height:1.3; letter-spacing:-0.045rem; color:#444; margin:10px 0 0;}
.join_agree h3 + p a {font-weight:500; color:#e42500;}
.join_agree textarea{width:100%; height:120px; font-size:.85rem; color:#777; line-height:1.3; padding:2%; overflow-y:scroll; background:#f9f9f9; border:1px solid #dfdfdf; box-sizing:border-box; margin:15px 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{font-size:95%; font-weight:500; line-height:18px; letter-spacing:-0.065rem; color:#666; padding-left:22px; background:url(../images/ico/chk_ico.png) 0 50% no-repeat; box-sizing:border-box;}
.join_agree .agree input:checked + label {background-image:url(../images/ico/chk_on.png);}

.btn_box {display:flex; justify-content:space-between; margin: 1.875em auto;}

.btn_box button, 
.btn_box a {width: 48.7%; height: 2.81em; background: #f6f6f6; 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; color:#666;  font-size: 1rem; font-weight:500; text-align:center; letter-spacing: -0.065em; line-height: calc(2.81em - 2px)}
.btn_box .submit_btn{background:#e42500; border-color:#e42500; color:#fff;}
.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:.95rem; font-weight:500; 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:.9rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#555;}
.join_form .val input[type="text"], .join_form .val input[type="password"], .join_form .val input[type="file"] {flex:1 1 auto; height:40px; background:#fafafa; border:1px solid #ddd; padding:0 10px; font-size:.85rem; font-weight:500; letter-spacing:-0.045rem; color:#333; box-sizing:border-box;}
.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:.9rem; font-weight:500; 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:.85rem; 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:#e42500;}
.join_form input[type="radio"], .join_form input[type="radio"] + label {display:inline-block; font-size:.85rem; vertical-align:middle; color:#444;}
.join_form input[type="radio"] + label {margin:0 10px 0 6px;}

.join_ok{margin:30px 2% 50px; padding:30px; text-align:center; letter-spacing:-0.05em; line-height:1.3; /*background:#f9f9f9; border:1px solid #dfdfdf;*/}
.join_ok h3{letter-spacing:-0.05em; font-weight:500;}
.join_ok small{display:block; font-size:85%; margin:15px 0 0; color:#888;}
.join_ok a{display:inline-block; margin:25px 0 0; width:100px; height:40px; line-height:40px; font-size:90%; color:#fff; font-weight:500; background:#cf3128; border-radius:3px;}

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

/* ?´ì?©ì?½ê? */
.company_cont {font-size:.9rem; font-weight:500; line-height:1.4; letter-spacing:-0.045rem; color:#555; word-break:keep-all; white-space:pre-line;}
.company_cont h3 {font-size:1.1rem; font-weight:500; color:#cf3128;}
.company_cont h4 {font-size:1rem; font-weight:500; 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:.9rem; font-weight:500; 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:.85rem; font-weight:500; 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:.9rem; font-weight:500; 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:.95rem; font-weight:500; letter-spacing:-0.045rem; color:#777; box-sizing:border-box;}
.sms_btn button.submit_btn {background:#e42500; 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{margin: 1.25em 0;}
.schedule-tab ul {display: flex; align-items: center;}
.schedule-tab li {width:14.28%; box-sizing:border-box}
.schedule-tab li a{display: flex; flex-direction: column; justify-content: center; height: 3.57em;  border-width:1px 1px 1px 0; border-style:solid; border-color:#ddd; color: #222; font-size: 0.875em; font-weight: 500; text-align:center; box-sizing:border-box; }
.schedule-tab a small {display:block; margin-top: 0.3em; font-size: 0.92em; letter-spacing: -0.025em;}
.schedule-tab li:first-child a {border-width:1px;}
.schedule-tab .on a{position:relative; border-color:#e42500; color:#e42500; }
.schedule-tab .on a:before{content:''; display:block; position:absolute; left: -1px; top: -1px; width: 1px; height: calc(100% + 2px); background:#e42500;}

/* 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 th, .list-table thead td{background:#f9f9f9;}
.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;}