@charset "euc-kr";


.ui-datepicker {width:242px; font-size:90%;}
.ui-datepicker-calendar > tbody td:first-child a {color: #f00;}
.ui-datepicker-calendar > tbody td:last-child a {color: blue;}

.Topbanner{position:relative; display:table; width:100%; height:40px; /*background:#f7ac14;*/ z-index:9;}
.Topbanner .contarea{width:1200px; height:40px; line-height:40px; margin:0 auto; font-weight:500; letter-spacing:-0.025rem; text-align:center; font-size:15px; color:#272727;}
.Topbanner button{position:absolute; bottom:-31px; left:50%; margin-left:650px; width:31px; height:31px; text-indent:-9999px; cursor:pointer; background:url(../images/Topbanner_close.png) 50% 50% no-repeat rgba(0,0,0,0.07);}


.mv_slide {/*float:left;*/ width:100%; height:350px; margin:0 0 60px;}
.mv_slide a {display:block; height:350px;}
/*.mv_slide img {width:auto; height:auto; max-width:100%; max-height:100%;}*/
.mv_slide .slick-dots {position:absolute; top:100%; left:0; width:100%; margin:20px 0 0; text-align:center;}
.mv_slide .slick-dots li {display:inline-block; margin:0 2px;}
.mv_slide .slick-dots button {display:inline-block; width:10px; height:10px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#ccc; text-indent:-9999px; outline:none;}
.mv_slide .slick-dots .slick-active button {background:#ee7200;}


/* Main contents */
.M_contents {width:100%; max-width:1200px; margin:25px auto 50px;}
.M_contents .ttl h2, .M_contents .ttl h3 {float:left; font-size:17px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#222;}
.M_contents .ttl h3 {font-size:15px;}
.M_contents .ttl a {float:right; font-size:12px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#888; background:url(../images/ico/more_arr.png) 100% 50% no-repeat; padding:0 12px 0 0; box-sizing:border-box;}
.M_contents .ttl a:hover {color:#333;}
/*.M_contents .lec_lst, .M_contents .review_area {float:left; width:880px;}*/
.M_contents .lec_lst {margin-bottom:60px;}
/*.M_contents .lec_lst.sub{margin:0;}*/
.lec_lst li { position:relative; float:left; width:291px; height:205px; border:1px solid #ddd; margin:12px 12px 0 0; padding:18px; box-sizing:border-box; transition:border-color 0.2s; -webkit-transition:border-color 0.2s; -moz-transition:border-color 0.2s; -ms-transition:border-color 0.2s; -o-transition:border-color 0.2s; }
.lec_lst.main li{} /* ¸ÞÀÎ - Àü¹®°¡¹æ¼Û */
.lec_lst.sub li{width:308px; margin:13px 13px 0 0;} /* ¼­ºê - Àü¹®°¡¹æ¼Û */
.lec_lst li:hover {border-color:#aaa;}
.lec_lst.main li:nth-child(-n+4) {margin-top:0;}
.lec_lst.main li:nth-child(4n) {margin-right:0;}
.lec_lst.sub li:nth-child(-n+3) {margin-top:0;}
.lec_lst.sub li:nth-child(3n) {margin-right:0;}
.lec_lst .cat_type {display:block; margin:0 0 10px;}
.lec_lst .cat_type span {display:inline-block; height:18px; font-family:'Dotum',µ¸¿ò,sans-serif; font-size:11px; line-height:18px; letter-spacing:-0.09rem; color:#ee7200; padding:0 5px; border:1px solid #ee7200; border-radius:2px; box-sizing:border-box; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; box-sizing:border-box;}
.lec_lst li dt {margin:0 0 6px;}
.lec_lst li dt a {display:inline-block; font-size:13px; font-weight:500; line-height:20px; letter-spacing:-0.045rem; color:#888;}
.lec_lst li dd:nth-child(2) {height:57px; max-width:160px; font-size:15px; font-weight:500; line-height:19px; letter-spacing:-0.045rem; color:#000; word-break:keep-all; overflow:hidden;}
.lec_lst li .day {font-size:13px; font-weight:500; line-height:21px; color:#777; /*margin-bottom:6px;*/}
.lec_lst .pro_photo {position:absolute; bottom:0; right:0; height:198px; line-height:198px; z-index:-1;}
.lec_lst .pro_photo img {max-height:90%; vertical-align:bottom;}
.lec_lst .btn_lst{position:absolute; left:-1px; bottom:-1px; width:calc(100% + 2px);}
.lec_lst .btn_lst button, .lec_lst .btn_lst a, .lec_lst .btn_lst span {float:left; width:33%;; height:36px; line-height:36px; font-size:14px; font-weight:500; background:#232335; color:#fff; text-align:center; box-sizing:border-box;}
.lec_lst .btn_lst button{width:34%; background:#bfbfc8; color:#fff;}
.lec_lst .btn_lst .onair{font-weight:600; background:#ee7200; color:#fffc00;}

.M_contents .ppl_video{}
.M_contents .ppl_video .ttl{display:block; color:#222; font-size:23px; line-height:26px; letter-spacing:-0.125rem; font-weight:500; padding:0 0 0 45px; background:url(/images/ico/youtube.png) 0 50% no-repeat; margin:0 0 17px;}
.M_contents .ppl_video ul.tabs{float:left; width:290px; height:512px; overflow:hidden; background:#2d2d34;}
.M_contents .ppl_video ul.tabs li{}
.M_contents .ppl_video ul.tabs li a{display:block; height:128px; font-size:16px; line-height:25px; letter-spacing:-0.045rem; color:rgba(255,255,255,0.5); transition:all 0.3s; padding:20px 30px; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.1);}
.M_contents .ppl_video ul.tabs li:last-child a{border-bottom:0 none;}
.M_contents .ppl_video ul.tabs li a:hover{background:rgba(0,0,0,0.5);}
.M_contents .ppl_video ul.tabs li.active a{color:#fff; background:rgba(0,0,0,0.5);}
.M_contents .ppl_video .tab_container {float:right; width:910px; height:512px; background:#2d2d34; overflow:hidden;}
.M_contents .ppl_video .tab_container iframe{width:910px; height:512px;}
.M_contents .ppl_video .tab_content{}

.M_contents .new_video{margin:60px 0 0;}
.M_contents .new_video .ttl{display:block; color:#222; font-size:23px; line-height:26px; letter-spacing:-0.125rem; font-weight:500; padding:0 0 0 45px; background:url(/images/ico/youtube.png) 0 50% no-repeat; margin:0 0 17px;}
.M_contents .new_video ul{}
.M_contents .new_video ul li{position:relative; float:left; width:291px; margin-left:12px;}
.M_contents .new_video ul li:first-child{margin-left:0;}
.M_contents .new_video ul li a{display:block; height:240px; background:#000;}
.M_contents .new_video ul li img{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
/*.M_contents .new_video ul li a:after{content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; width:48px; height:34px; background:url(/images/ico/youtube.png) 50% 50% no-repeat; background-size:48px 34px;}*/
.M_contents .new_video ul li i{position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; display:inline-block; width:48px;}
.M_contents .new_video ul li i .ytp-large-play-button-bg{
	-webkit-transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1);
    transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1);
    fill: #212121;
    fill-opacity: .8;}
.M_contents .new_video ul li:hover i .ytp-large-play-button-bg{
	-webkit-transition: fill .1s cubic-bezier(0,0,0.2,1),fill-opacity .1s cubic-bezier(0,0,0.2,1);
    transition: fill .1s cubic-bezier(0,0,0.2,1),fill-opacity .1s cubic-bezier(0,0,0.2,1);
    fill: #f00;
    fill-opacity: 1;}

.M_center {background:#f7f7f7; padding:50px 0;}
.nt_column, .ct_column, .sns_column {margin-bottom:40px;}
.nt_column .ttl h2, .ct_column .ttl, .sns_column .ttl {font-size:19px; font-weight:500; line-height:22px; letter-spacing:-0.065rem; color:#000;}
.nt_column {float:left; width:35.66%; height:160px; border-right:1px solid #dfdfdf; padding:7px 4.75% 10px 0; margin-right:4.75%; box-sizing:border-box;}
.nt_column .ttl {margin-bottom:20px;}
.nt_column .ttl h2 {float:left;}
.nt_column .ttl a {float:right; font-size:14px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#888; background:url(../images/ico/more_arr.png) 100% 50% no-repeat; padding:0 12px 0 0; box-sizing:border-box;}

.nt_list li:after {content:''; display:block; clear:both;}
.nt_list li a {float:left; max-width:260px; font-size:15px; line-height:31px; letter-spacing:-0.045rem; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.nt_list li a:before {content:''; display:inline-block; width:4px; height:4px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#989898; margin:-2px 5px 0 0; vertical-align:middle;}
.nt_list li a:hover {text-decoration:underline;}
.nt_list li .nt_dt {float:right; font-size:14px; line-height:32px; color:#aaa;}

.ct_column {float:left; width:29.8%; height:160px; padding:7px 4.75% 10px 0; margin-right:4.75%; border-right:1px solid #dfdfdf; box-sizing:border-box;}
.ct_column .ttl {margin-bottom:18px;}
.ct_column .ct_detail {background:url(../images/ico/call_ico.png) 100% 0 no-repeat;}
.ct_column .ct_tel {display:block; font-size:35px; font-weight:500; color:#000; margin-bottom:10px;}
.ct_column .ct_mail {display:block; font-size:18px; color:#444; background:url(../images/ico/sms_ico.png) 4px 50% no-repeat; padding-left:30px; margin-bottom:10px; box-sizing:border-box;}
.ct_column .ct_if {display:block; font-size:14px; font-weight:500; line-height:21px; color:#777; margin-bottom:22px;}
.ct_column .ct_if .ct_c {display:inline-block; letter-spacing:-0.045rem; vertical-align:middle;}
.ct_column .ct_if .ct_c:first-child {letter-spacing:0;}
.ct_column .ct_if .ct_c:first-child:after {content:''; display:inline-block; width:1px; height:12px; background:#ddd; margin:0 12px; vertical-align:middle;}
.ct_column .ct_lnk { display:block; width:100%; height:42px; line-height:40px; border:1px solid #f03a30; color:#f03a30; font-size:14px; font-weight:500; letter-spacing:-0.045rem; padding:0 19px; background:url(../images/ico/lnk_arr2.png) 95% 50% no-repeat; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; box-sizing:border-box;}

.sns_column {float:left; width:25%; height:160px; padding:7px 0 0;}
.sns_column .ttl {margin-bottom:20px;}
.sns_column .bank_if {background:url(../images/bank_logo2.png) 0 0 no-repeat; background-size:auto 32px;}
.sns_column .bk_t, .sns_column .bk_nm {display:block; width:100%; font-size:13px; line-height:18px; font-weight:500; letter-spacing:-0.065rem; color:#888; padding-left:225px; box-sizing:border-box;}
.sns_column .bk_nm {font-size:15px; color:#222; margin-bottom:18px;}
.sns_column .bk_num {display:block; font-size:32px; font-weight:300; color:#000;}
.sns_column .sns_list li { float:left; width:50px; height:50px; margin:0 10px 0 0; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; overflow:hidden;}
.sns_column .sns_list li:nth-child(odd) {border:1px solid #eee; box-sizing:border-box;}
.sns_column .sns_list a {display:block; height:100%;}
.sns_column .sns_list img {width:100%; height:auto;}

.ban_box .ban {float:left; position:relative; width:590px; height:120px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border:1px solid #ddd; background:#fff; margin:0 20px 0 0; padding:25px 0 0 30px; box-sizing:border-box; }
.ban_box .ban:last-child {margin-right:0;}
.ban_box .ban h3 {font-size:19px; font-weight:500; color:#111; letter-spacing:-0.065rem; margin:0 0 14px;}
.ban_box .ban h3 strong {font-weight:700;}
.ban_box .ban h3 span {display:inline-block; font-size:14px; margin:-2px 0 0 12px; vertical-align:middle;}
.ban_box .ban .info span {float:left; font-size:14px; font-weight:500; line-height:21px; letter-spacing:-0.025rem; color:#777; white-space:pre-line;}
.ban_box .ban .info .tel {font-size:35px; line-height:45px; font-weight:500; letter-spacing:0; color:#000;}
.ban_box .ban .info a {position:absolute; right:25px; bottom:20px; width:155px; height:45px; line-height:45px; background:#333350; text-align:center; font-size:16px; font-weight:500; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
.ban_box .ban:first-child .info a:last-child{right:185px;}
.ban_box .ban .info .google {display:inline-block; width:17px; height:20px; background:url(../images/ico/google_ico.png) no-repeat; margin:-2px 12px 0 0; vertical-align:middle;}
.ban_box .ban .info .app {display:inline-block; width:18px; height:24px; background:url(../images/ico/app_ico.png) no-repeat; margin:-4px 12px 0 0; vertical-align:middle;}
.ban_box .ban:last-child a {background:#fff; border:1px solid #ff4800; color:#ff4800; line-height:43px; letter-spacing:-0.065rem; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; box-sizing:border-box;}
.ban_box .ban:last-child a:hover {background:#ff4800; color:#fff;}

/* lecture */
.lec_notice {display:block; font-size:15px; font-weight:500; line-height:27px; letter-spacing:-0.065rem; color:#676767; margin:0 0 10px;}
.lec_notice strong {font-weight:500; color:#ee7200;}

.pro_lst {width:100%; /*background:#f4f4f4;*/}
.pro_lst li { float:left; width:135.7px; height:140px; border-right:1px solid #fff; border-bottom:1px solid #fff; background:#f4f4f4; box-sizing:border-box; transition:background 0.25s; -webkit-transition:background 0.25s; -moz-transition:background 0.25s; -ms-transition:background 0.25s; -o-transition:background 0.25s; }
.pro_lst li:nth-child(7n) {border-right:0;}
.pro_lst a {display:block; width:100%; height:100%; padding:15px 0 0; box-sizing:border-box;}
.pro_lst .photo {position:relative; display:block; width:72px; height:90px; background:#fff; border:1px solid #eee; margin:0 auto 5px; box-sizing:border-box; overflow:hidden;}
.pro_lst .photo img {position:absolute; right:0; bottom:0; width:100%;}
.pro_lst .name { display:block; width:100%; font-size:13px; font-weight:500; line-height:21px; letter-spacing:-0.065rem; color:#222; padding:0 10px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box; transition:color 0.24s; -webkit-transition:color 0.24s; -moz-transition:color 0.24s; -ms-transition:color 0.24s; -o-transition:color 0.24s; }
.pro_lst li.on, .pro_lst li:hover {background:#ee7200;}
.pro_lst li.on .name, .pro_lst li:hover .name {color:#fff;}

/*pro_list*/
.pro_list{margin:30px 0 0 0;}
.pro_list p{position:relative; font-size:25px; font-weight:500; text-align:left; margin-bottom:10px; padding-left:40px; letter-spacing:-0.065rem;}
.pro_list p:before{position:absolute; content:""; width:29px; height:26px; top:50%; left:0; margin-top:-14.5px; background:url(../images/ico/best_tit_ico.png) 50% 50% no-repeat;}
.pro_list p span{color:#ee7200; font-weight:700; letter-spacing:0;}
.pro_list ul{font-size:0; padding:20px 0;}
.pro_list ul.best_pro{border-bottom:1px solid #ddd;}
.pro_list li{display:inline-block; text-align:left;}
.pro_list .best_pro li{width:250px; margin:0 10px;}
.pro_list .pro li{width:24%; margin:0 0.5% 30px 0.5%;}
.pro_list li .pro_tit{position:relative; height:300px; border:1px solid #f0f0f0; padding:20px 20px 0 20px; cursor:pointer; box-sizing:border-box; 
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.pro_list li .pro_tit.best:after{position:absolute; content:""; top:0px; left:0px; width:63px; height:63px; background:url(../img/best.png) 50% 50% no-repeat;}
.pro_list li .pro_tit span{position:relative; display:block; font-size:22px; font-weight:700; letter-spacing:-0.065rem; text-align:right;}
.pro_list li .pro_tit span:after{position:absolute; content:""; top:30px; right:0; width:15px; height:2px; background:#ee7200;}
/*
.pro_list li .pro_tit a{position:absolute; bottom:15px; right:15px; display:block; width:36px; height:36px; background:#fff url(../images/ico/btn-heart.png) 50% 50% no-repeat; border:1px solid #ddd; border-radius:36px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.pro_list li .pro_tit a:hover{background:#fff url(../images/ico/btn-heart_over.png) 50% 50% no-repeat; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
*/
.pro_list li .pro_tit a.on{background:#fff url(../images/ico/btn-heart_over.png) 50% 50% no-repeat; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}

.pro_list .pro li .pro_tit span{font-size:20px;}
.pro_list li:nth-child(1) .pro_tit{background:url(../images/pro-list1.png) 50% 0% no-repeat;}
.pro_list li:nth-child(2) .pro_tit{background:url(../images/pro-list2.png) 50% 0% no-repeat;}
.pro_list li:nth-child(3) .pro_tit{background:url(../images/pro-list3.png) 50% 0% no-repeat;}
.pro_list li:nth-child(4) .pro_tit{background:url(../images/pro-list1.png) 50% 0% no-repeat;}
.pro_list li:nth-child(5) .pro_tit{background:url(../images/pro-list2.png) 50% 0% no-repeat;}
.pro_list li:nth-child(6) .pro_tit{background:url(../images/pro-list3.png) 50% 0% no-repeat;}
.pro_list li:nth-child(7) .pro_tit{background:url(../images/pro-list2.png) 50% 0% no-repeat;}
.pro_list li:nth-child(8) .pro_tit{background:url(../images/pro-list3.png) 50% 0% no-repeat;}
.pro_list li .pro_txt{padding:15px 0 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.pro_list li .pro_txt span{display:block; font-size:14px; font-weight:400; letter-spacing:-0.065rem; line-height:145%; margin-bottom:10px;}
.pro_list li .pro_txt span strong{display:inline-block; width:75px; font-weight:500;}

.lec_bar {display:block; width:100%; height:10px; background:url(../images/ico/line.png) 50% 50% repeat-x; margin:50px auto;}

.pro_cont .ttl {margin:0 0 30px;}
.pro_cont .ttl h2 {float:left; font-size:30px; font-weight:300; line-height:30px; letter-spacing:-0.065rem; color:#222;}
.pro_cont .ttl h2 strong {font-weight:700;}
.pro_cont .ttl a {float:right; font-size:18px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; color:#ee7200; padding:0 15px 0 0; background:url(../images/ico/red_arr.png) 99% 50% no-repeat;}
.pro_cont .pc_btn {margin:0 0 40px;}
.pro_cont .pc_btn li {float:left; width:25%; height:55px; border-width:1px 0 1px 1px; border-style:solid; border-color:#ddd; font-size:16px; font-weight:500; line-height:53px; letter-spacing:-0.065rem; color:#888; text-align:center; box-sizing:border-box; cursor:pointer;}
.pro_cont .pc_btn li:last-child {border-right:1px solid #ddd;}
.pro_cont .pc_btn li.on {border-color:#ee7200; color:#ee7200;}
.pro_cont .pc_btn li.on + li {border-left-color:#ee7200;}

.pro_cont .cont {display:none;}
.sch_bar {margin:0 0 20px;}
.sch_bar .total {float:left; font-size:15px; font-weight:500; line-height:40px; letter-spacing:-0.065rem; color:#666;}
.sch_bar .total strong {font-weight:500; color:#ee7200;}
.sch_bar .form_box {position:relative; float:right; text-align:right;}
.sch_bar select {display:inline-block; width:120px; height:40px; border:1px solid #ddd; font-size:15px; line-height:38px; letter-spacing:-0.065rem;  color:#000; box-sizing:border-box;}
.sch_bar input {display:inline-block; width:260px; height:40px; border:1px solid #ddd; font-size:15px; letter-spacing:-0.065rem; color:#222; padding:0 12px; box-sizing:border-box;}
.sch_bar .sch_btn {position:absolute; top:1px; right:1px; width:38px; height:38px; background:url(../images/ico/sch_ico.png) 50% 50% no-repeat; text-indent:-9999px;}

.lecture_lst {border-top:1px solid #000; margin:0 auto 20px;}
.lecture_lst li {height:103px; border-bottom:1px solid #ddd; padding:20px; 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 {float:left; width:250px;}
.lecture_lst .pro_info a {display:block; height:62px; line-height:62px;}
.lecture_lst .pro_info .photo {float:left; width:50px; height:62px; border:1px solid #eee; margin:0 16px 0 0; box-sizing:border-box;}
.lecture_lst .pro_info .photo img {width:100%; 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 {float:left; width:475px; padding:20px 0;}
.lecture_lst .lec_info .tit {display:block; max-width:96%; font-size:17px; font-weight:500; line-height:25px; letter-spacing:-0.045rem; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.lecture_lst .lec_info .day {font-size:14px; font-weight:500; line-height:25px; color:#888;}

.lecture_lst .lec_type {float:right; width:185px; padding:16px 0;}
.lecture_lst .lec_type span, .lecture_lst .lec_type button {display:inline-block; width:90px; height:30px; text-align:center; vertical-align:middle;}
.lecture_lst .lec_type .vod_type {font-size:13px; font-weight:500; line-height:30px; 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:#ee7200;}
.lecture_lst .lec_type button, .lecture_lst .lec_type a {float:right; border:1px solid #ddd; font-size:13px; font-weight:500; line-height:28px; letter-spacing:-0.065rem; color:#444; text-align:left; padding:0 0 0 30px; background:url(../images/ico/tv_ico.png) 12px 7px no-repeat; box-sizing:border-box;}
.lecture_lst .lec_type a {width:90px; 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;}

.lecturer_info {padding-bottom:30px; background:url(../images/ico/line.png) 0 100% repeat-x; margin:0 0 60px;}
.lecturer_info .tc_photo {float:left; width:180px;}
.tc_photo .photo {position:relative; display:block; width:100%; height:225px; line-height:223px; border:1px solid #ddd; overflow:hidden; box-sizing:border-box;}
.tc_photo .photo img {width:100%; height:auto; vertical-align:bottom;}
.tc_photo .vod_btn { display:block; width:100%; height:40px; line-height:38px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; text-align:center; font-size:15px; font-weight:500; letter-spacing:-0.065rem; color:#ee7200; border:1px solid #ee7200; margin:20px 0 12px; box-sizing:border-box; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; }
.tc_photo .vod_btn:hover {background:#ee7200; color:#fff;}
.tc_photo .lnk {text-align:center;}
.tc_photo .lnk li {display:inline-block; font-size:15px; font-weight:500; letter-spacing:-0.065rem; color:#777; vertical-align:middle;}
.tc_photo .lnk li:first-child:after {content:''; display:inline-block; width:1px; height:13px; background:#ddd; margin:-2px 8px 0 10px; vertical-align:middle;}
.tc_photo .lnk li:hover a {color:#444;}

.lecturer_info2{position:relative; height:400px; background:#f0edea; overflow:hidden; margin:0 0 20px;}
.lecturer_info2 .photo{position:absolute; bottom:0; left:50%; width:50%; text-align:center;}
.lecturer_info2 .photo img{max-width:100%;}
.lecturer_info2 .slogan{position:absolute; left:0; top:0; width:100%; padding:70px 0 0 90px; box-sizing:border-box;}
.lecturer_info2 .slogan h2{overflow:hidden;}
.lecturer_info2 .slogan h2 strong{float:left; font-size:40px; font-weight:600; letter-spacing:-0.065rem;}
.lecturer_info2 .slogan h2 ul{float:left; overflow:hidden; margin:20px 0 0 0;}
.lecturer_info2 .slogan h2 ul li{float:left; position:relative; font-size:17px; font-weight:400; color:#ee7200; letter-spacing:-0.065rem; margin-left:20px;}
.lecturer_info2 .slogan h2 ul li:before{position:absolute; left:-10px; top:50%; margin:-6px 0 0; content:''; width:1px; height:12px; background:rgba(0,0,0,0.1);}
.lecturer_info2 .slogan h2 ul li:first-child:before{display:none;}
.lecturer_info2 .slogan .Introduction{margin:40px 0 0; max-width:55%;}
.lecturer_info2 .slogan .Introduction h3{font-size:20px; height:20px; line-height:20px; font-weight:600; letter-spacing:-0.065rem; /*color:#ee7200;*/}
.lecturer_info2 .slogan .Introduction .cont{margin:15px 0 0; height:72px; overflow:hidden; font-size:15px; line-height:1.6; color:#444;}
.lecturer_info2 .slogan .btn-wrap{margin:35px 0 0;}
.lecturer_info2 .slogan .btn-wrap a,
.lecturer_info2 .slogan .btn-wrap button{display:inline-block; width:150px; height:42px; line-height:42px; font-size:16px; letter-spacing:-0.065rem; text-align:center; color:#fff; font-weight:500; border-radius:3px; box-sizing:border-box; background:rgba(8,16,41,.8);}
.lecturer_info2 .slogan .btn-wrap a:first-child,
.lecturer_info2 .slogan .btn-wrap button:first-child{background:#ee7200}
.lecturer_info2 .slogan .btn-wrap a.btn-heart{display:inline-block; width:42px; height:42px; border:1px solid #ddd; background:#fff url("../images/ico/btn-heart.png") 50% 50% no-repeat; border-radius:42px; margin-left:10px; vertical-align:middle; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}
.lecturer_info2 .slogan .btn-wrap a.btn-heart:hover{background:#fff url("../images/ico/btn-heart_over.png") 50% 50% no-repeat; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}


.lecturer_info2 .slogan .btn-wrap a.btn-heart.on{background:#fff url("../images/ico/btn-heart_over.png") 50% 50% no-repeat; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}



.lecturer_info .tc_info {float:right; width:680px;}
.tc_info .tc_ttl {height:90px; line-height:89px; border-bottom:1px solid #e0e0e0; box-sizing:border-box;}
.tc_info .tc_ttl h2 {display:inline-block; max-width:510px; font-size:36px; font-weight:500; letter-spacing:-0.045rem; color:#000; vertical-align:middle; margin-right:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tc_info .tc_ttl .cat {display:inline-block; vertical-align:middle;}
.tc_info .tc_ttl .cat li {float:left; font-size:16px; font-weight:500; letter-spacing:-0.045rem; color:#ee7200;}
.tc_info .tc_ttl .cat li:after {content:''; display:inline-block; width:1px; height:15px; background:#ddd; margin:-2px 8px 0 8px; vertical-align:middle;}
.tc_info .tc_ttl .cat li:last-child:after {display:none;}

.tc_info .tc_intro {padding:20px 0 30px; border-bottom:1px solid #e0e0e0;}
.tc_info .tc_intro h3 {font-size:23px; font-weight:500; letter-spacing:-0.045rem; color:#222; margin-bottom:16px}
.tc_info .tc_intro .cont, .tc_info .tc_profile .cont {font-size:15px; font-weight:500; line-height:25px; letter-spacing:-0.065rem; color:#777; white-space:pre-line; word-break:keep-all;}
.tc_info .tc_profile {padding:20px 0 30px;}
.tc_info .tc_profile strong {display:block; font-size:17px; font-weight:500; letter-spacing:-0.065rem; color:#000; margin-bottom:16px;}

.lecturer_cont .vod_cont {float:left; width:460px;}
.lecturer_cont .review_cont {float:right; width:460px;}
.lecturer_cont .ttl {display:block; height:50px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.lecturer_cont .ttl h3 {float:left; font-size:17px; font-weight:500; line-height:49px; letter-spacing:-0.065rem; color:#000;}
.lecturer_cont .ttl a {float:right; font-size:13px; font-weight:500; line-height:49px; letter-spacing:-0.065rem; color:#888; background:url(../images/ico/more_arr.png) 100% 50% no-repeat; padding-right:12px; box-sizing:border-box;}
.lecturer_cont li {height:54px; line-height:53px; border-bottom:1px solid #ddd; padding:0 10px; box-sizing:border-box;}
.lecturer_cont li.no_lst {height:120px; line-height:119px; text-align:center; color:#aaa;}
.lecturer_cont .vod_lst .type {float:left; width:30px; margin:0 10px 0 0;}
.lecturer_cont .vod_lst .type button {display:inline-block; width:30px; height:18px; line-height:18px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; text-align:center; font-size:11px; font-weight:700; letter-spacing:-0.065rem; color:#fff; background:#db9c22; vertical-align:text-top; box-sizing:border-box;}
.lecturer_cont .vod_lst .type button.free {background:#ee7200;}
.lecturer_cont .vod_lst .subject {float:left; max-width:280px; font-size:15px; font-weight:500; letter-spacing:-0.065rem; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.lecturer_cont .vod_lst .date, .lecturer_cont .review_lst .date {float:right; font-size:13px; font-weight:500; color:#777;}

.lecturer_cont .review_lst a {float:left; max-width:330px; font-size:15px; font-weight:500; letter-spacing:-0.065rem; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.lecturer_cont .review_lst a:hover {text-decoration:underline;}
.lecturer_cont .review_lst a:before { content:''; display:inline-block; width:3px; height:3px; background:#999; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:0 6px 0 0; vertical-align:middle;}

/* main */
.lecturer_main{overflow:hidden;}
.lecturer_main .bbs-section{float:left; position:relative; width:calc(50% - 10px); margin:20px 0 0 20px; box-sizing:border-box;}
.lecturer_main .bbs-section:nth-child(-n+2){margin-top:0;}
.lecturer_main .bbs-section:nth-child(2n+1){margin-left: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:16px; border-bottom:1px solid #ccc; font-weight:600; letter-spacing:-0.065rem; box-sizing:border-box;}
.lecturer_main .bbs-section .ttl span{color:#ee7200;}
.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:12px; color:#999; letter-spacing:-0.065rem; padding-right:12px; background:url(../images/ico/more_arr.png) right 50% no-repeat;}
.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:16px;}
.lecturer_main .bbs-section.style1 ul li span{display:block; height:22px; line-height:22px; font-size:15px; color:#888;}
.lecturer_main .bbs-section.style1 ul li i{font-style:normal; position:absolute; right:10px; bottom:10px; display:block; font-size:13px; color:#ee7200;}

.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:14px;  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:13px; 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:14px;  font-weight:normal; border-bottom:1px dashed #ddd;}
.lecturer_main .bbs-section.style2 table th{}
.lecturer_main .bbs-section.style2 table td{font-size:13px; 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:15px; 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:14px;  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:13px; 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:15px; font-weight:600; color:rgba(0,0,0,0.3); letter-spacing:-0.065rem;}


/* new */
.lecturer_mainwrap{}

.lecturer_mainwrap .rate{border-top:1px solid #ee7200;}
.lecturer_mainwrap .rate td{text-align:center; padding: 15px 0; border-left:1px solid rgba(238,114,0,0.3);}
.lecturer_mainwrap .rate td:first-child{border-left:0 none;}
.lecturer_mainwrap .rate thead{}
.lecturer_mainwrap .rate thead td{background:rgba(238,114,0,0.15);}
.lecturer_mainwrap .rate tbody{}
.lecturer_mainwrap .rate tbody td{color:#e93f39; font-weight:700; font-size:30px; border-bottom:1px solid rgba(238,114,0,0.3);}
.lecturer_mainwrap .rate tbody td i{display:inline-block; padding-left:5px; font-weight:normal; font-size:17px; font-style:normal;}

.lecturer_mainwrap .banner{text-align:center; overflow:hidden;}
.lecturer_mainwrap .banner img{max-width:100%;}
.lecturer_mainwrap .video-container{position:relative; height:0; padding-bottom:56.25%; overflow:hidden;}
.lecturer_mainwrap .video-container iframe,
.lecturer_mainwrap .video-container object,
.lecturer_mainwrap .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}



.lecturer-page-ttl{position:relative; margin:0 0 20px;}
.lecturer-page-ttl h2{font-size:25px; font-weight:600; letter-spacing:-0.065rem;}
.lecturer-page-ttl ul{position:absolute; right:0; bottom:0; overflow:hidden;}
.lecturer-page-ttl ul li{display:inline-block; font-size:14px; letter-spacing:-0.045rem;}
.lecturer-page-ttl ul li:before{content:'>'; display:inline-block; padding:0 7px; color:#ccc; font-weight:normal;}
.lecturer-page-ttl ul li:first-child:before{display:none;}
.lecturer-page-ttl ul li:last-child{font-weight:600; color:#222;}

/* 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;}

.schedule-tab{overflow:hidden; margin:0 0 20px;}
.schedule-tab li{float:left; width:14.28%; box-sizing:border-box}
.schedule-tab li a{display:block; height:39px; line-height:39px; font-size:14px; text-align:center; border-width:1px 1px 1px 0; border-style:solid; border-color:#ddd;}
.schedule-tab li:first-child a{border-width:1px;}
.schedule-tab li.on a{position:relative; border-color:#ee7200; color:#ee7200; 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:#ee7200;}


.all-form-txt{font-size:14px; line-height:1.5; letter-spacing:-0.065rem;}
.all-form-ttl{font-size:17px; font-weight:600; letter-spacing:-0.065rem; margin:30px 0 15px;}
.all-form-table{border-top:1px solid #333;}
.all-form-table th,
.all-form-table td{padding:10px 10px; font-weight:normal; font-size:13px; text-align:center; border-bottom:1px solid #ddd;}
.all-form-table thead{}
.all-form-table thead th, .all-form-table thead td{background:#f9f9f9;}
.all-form-table thead th{}
.all-form-table thead td{}
.all-form-table tbody{}
.all-form-table tbody th{background:#f9f9f9;}
.all-form-table tbody td{}

.all-form-pay{border-top:1px solid #333;}
.all-form-pay > tbody > tr > th,
.all-form-pay > tbody > tr > td{padding:10px 15px; font-weight:normal; font-size:13px; text-align:left; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.all-form-pay > tbody > tr > td:first-child,
.all-form-pay > tbody > tr > th:first-child{border-left:0 none;}
.all-form-pay > tbody > tr > th{background:#f9f9f9;}
.all-form-pay > tbody > tr > td{}

.all-form-pay-inner{border-width:1px 0 0 1px; border-style:solid; border-color:#ddd; margin:10px 0 0;}
.all-form-pay-inner th,
.all-form-pay-inner td{padding:5px; font-size:13px; text-align:left; font-weight:normal; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd;}
.all-form-pay-inner th{background:#f7f7f7;}
.all-form-pay-inner td{}
.all-form-pay-inner td input[type="text"]{border:1px solid #ccc; background:#f7f7f7;}


.sms-app-table{border-top:1px solid #333;}
.sms-app-table th,
.sms-app-table td{padding:10px; font-weight:normal; text-align:center; font-size:14px; border-bottom:1px solid #ddd;}
.sms-app-table thead{}
.sms-app-table thead th,
.sms-app-table thead td{background:#f9f9f9; font-weight:600; letter-spacing:-0.065rem;}
.sms-app-table tbody{}
.sms-app-table tbody th,
.sms-app-table tbody td{}
.sms-app-table tbody th{text-align:left; word-break:break-all; line-height:1.3;}
.sms-app-table tbody th strong{display:inline-block; font-size:15px; margin:0 0 5px;}
.sms-app-table tbody td{}
.sms-app-table tbody td a.btn{display:inline-block; width:120px; height:32px; line-height:32px; color:#444; font-size:14px; letter-spacing:-0.065rem; border:1px solid #ccc;}

/* vod */
.vod_tab{overflow:hidden; margin:0 0 50px;}
.vod_tab:after{content:''; display:block; clear:both;}
.vod_tab li{float:left; width:50%; box-sizing:border-box; border-width:1px 1px 1px 0; border-style:solid; border-color:#ddd;}
.vod_tab li:first-child{border-width:1px;}
.vod_tab li a{position:relative; display:block; text-align:center; height:55px; line-height:55px; color:#888; letter-spacing:-0.065rem; font-weight:500;}
.vod_tab li.on a{color:#ee7200;}
.vod_tab li.on a:after{position:absolute; left:-1px; top:-1px; content:''; width:100%; height:100%; border:1px solid #ee7200;}

.vod_vis {height:200px; padding:20px 0 0; background:url(../images/vod_vis2.png) 100% 0 no-repeat; box-sizing:border-box; margin-bottom:50px;}
.vod_vis.pay {background-image:url(../images/vod_vis1.png);}
.vod_vis.join {background-image:url(../images/join_vis.png);}
.vod_vis.money{ /*background-image:url(../images/moneyinfo_vis.png);*/ background-image:url(../950_200_banner03.jpg);} 
.vod_vis h2 {font-size:30px; font-weight:500; line-height:39px; letter-spacing:-0.065rem; color:#ffffff; margin:0 16px;}
.vod_vis h2 strong {display:block; font-weight:500; color:#ffffff;}
.vod_vis p {font-size:15px; font-weight:500; line-height:23px; letter-spacing:-0.045rem; color:#ffffff; white-space:pre-line; margin:0 16px;}
.vod_vis.join h2 strong,
.vod_vis.money h2 strong{display:inline-block;}
.vod_vis.money p{font-size:16px;}
.vod_vis.money p span{color:#ffffff;}
.vod_vis.join p {margin-bottom:20px;}
.vod_vis .join_info {display:block; font-size:15px; font-weight:500; letter-spacing:-0.065rem; color:#333350;}
.vod_vis .join_info span {display:inline-block; font-size:16px; letter-spacing:0; color:#222; padding:0 0 0 24px; background:url(../images/ico/sms_ico.png) 0 50% no-repeat; margin:0 0 0 20px; box-sizing:border-box;}
.vod_vis .join_info .tel {background-image:url(../images/ico/call_min.png);}

.pro_cat {margin:0 auto 35px;}
.pro_cat li{float:left; width:10%; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd; box-sizing:border-box;}
.pro_cat li:nth-child(-n+10){border-top:1px solid #ddd;}
.pro_cat li:nth-child(10n+1){border-left:1px solid #ddd;}
.pro_cat a {position:relative; display:block; height:55px; line-height:55px; font-size:15px; font-weight:500; letter-spacing:-0.065rem; color:#888; text-align:center;}
.pro_cat li.on a, .pro_cat li:hover a{color:#fff; background:#ee7200;}
.pro_cat li:hover a:after, .pro_cat li.on a:after {content:''; position:absolute; top:-1px; left:-1px; width:100%; height:100%; border:1px solid #ee7200;}

.lecture_join {width:100%;}
.lecture_join th {position:relative; height:45px; border-width:1px 0; border-style:solid; border-color:#ee7200; text-align:center; font-size:14px; font-weight:500; letter-spacing:-0.065rem; color:#cf2200; vertical-align:middle; box-sizing:border-box;}
.lecture_join th:after {content:''; position:absolute; top:50%; right:0; width:1px; height:13px; background:#f7bdb2; margin:-6.5px 0 0;}
.lecture_join th:last-child:after {display:none;}
.lecture_join th:first-child {border-left:1px solid #ee7200;}
.lecture_join th:last-child {border-right:1px solid #ee7200;}
.lecture_join > tbody > tr > td {vertical-align:middle; border-bottom:1px solid #ddd; padding:10px; text-align:center; box-sizing:border-box;}
.lecture_join .photo_box {display:block; width:65px; height:81px; line-height:79px; border:1px solid #ddd; background:#fff; margin:0 auto 6px; overflow:hidden; box-sizing:border-box;}
.lecture_join .photo_box img {max-width:100%; vertical-align:bottom;}
.lecture_join .nick {display:inline-block; font-size:13px; font-weight:500; line-height:15px; letter-spacing:-0.045rem; color:#222;}

.lecture_join .ttl {display:block; max-width:90%; font-size:16px; font-weight:500; line-height:23px; letter-spacing:-0.065rem; color:#000; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.lecture_join .exp {display:block; font-size:14px; font-weight:500; line-height:20px; letter-spacing:-0.045rem; color:#888; text-align:left;}
.lecture_join .charge {font-size:15px; font-weight:500; line-height:21px; text-align:center;}
.lecture_join .charge .conp {color:#888; text-decoration:line-through;}
.lecture_join .charge .sellp {display:block; color:#ee7200;}
.lecture_join .charge a, .lecture_join .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;}
.lecture_join .cb1 a, .lecture_join .cb1 button {background:#ee7200;}
.lecture_join .cb2 a, .lecture_join .cb2 button {background:#f26c00;}
.lecture_join .cb3 a, .lecture_join .cb3 button {background:#db9c22;}

/*moneyinfo_about*/
.moneyinfo_about{font-size:0; text-align:center;}
.moneyinfo_about div{display:inline-block; width:280px; height:350px; margin-right:35px; border:7px solid #fef8f2; text-align:left; box-sizing:border-box; transition:all 0.4s ease; vertical-align:top;}
.moneyinfo_about div:last-child{margin-right:0;}
.moneyinfo_about div:hover{border:7px solid #ff4800; transition:all 0.4s ease;}
.moneyinfo_about div a{display:block; height:100%; padding:25px; box-sizing:border-box;}
.moneyinfo_about div p{position:relative; font-size:20px; color:#ffffff/*#ee7200*/; font-weight:500; letter-spacing:-0.045rem; margin-bottom:20px; /*padding-left:30px;*/}
.moneyinfo_about div span{font-size:15px; color:#ffffff/*#848684*/; font-weight:400; letter-spacing:-0.045rem; line-height:22px;}
/*.moneyinfo_about div p:before{position:absolute; content:""; top:50%; left:0; margin-top:-1px; width:20px; height:2px; background:#ff4800;}*/

.moneyinfo_about .m_info{background:url(../images/m_info.png) no-repeat;}
.moneyinfo_about .b_info{background:url(../images/b_info.png) no-repeat;}
.moneyinfo_about .t_info{background:url(../images/t_info.png) no-repeat;}

/*info_vis*/
.info_vis{width:100%; height:300px; border:10px solid #fef8f2; margin-bottom:30px; padding:30px 40px; box-sizing:border-box}
.info_vis h2{position:relative; display:inline-block; font-size:25px; font-weight:700; letter-spacing:-0.065rem; margin:0 0 20px 0; color:#ffffff;}
/*.info_vis h2:after{position:absolute; content:""; top:50%; right:-95px; width:80px; height:2px; background:#ee7200; margin-top:-1px;}*/
.info_vis p{font-size:16px; font-weight:500; /*color:#ee7200;*/ color:#ffffff; margin-bottom:10px; letter-spacing:-0.045rem;}
.info_vis span{display:block; font-size:16px; font-weight:400; /*color:#444;*/ color:#ffffff; letter-spacing:-0.045rem; line-height:145%; margin-bottom:50px;}
.info_vis a{display:inline-block; height:34px; background:#ee7200; font-size:15px; color:#fff; font-weight:500; line-height:34px; letter-spacing:-0.045rem; padding:0 20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px;  transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}
.info_vis a:hover{background:#ff4800; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease;}

.info_vis.moneyinfo{background:url(../images/moneyinfo.png) 100% 0 no-repeat;}
.info_vis.blockdeal{background:url(../images/blockdeal.png) 100% 0 no-repeat;}
.info_vis.total{background:url(../images/total.png) 100% 0 no-repeat;}

.long_banner{margin-bottom:30px;}

/*best_specialist*/
.best_specialist{margin:20px 0;}
.best_specialist ul{font-size:0;}
.best_specialist li{position:relative; display:inline-block; width:31.3%; height:200px; margin:0 1%; border:1px solid #ddd; padding:20px; color:#ee7200; letter-spacing:-0.065rem; text-align:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.best_specialist li:nth-child(1){background:url(../images/best1.png) 100% 50% no-repeat;}
.best_specialist li:nth-child(2){background:url(../images/best2.png) 100% 50% no-repeat;}
.best_specialist li:nth-child(3){background:url(../images/best3.png) 100% 50% no-repeat;}
.best_specialist li p{font-size:22px; font-weight:500; margin-bottom:10px;}
.best_specialist li span{display:block; font-size:15px; font-weight:400; color:#888;}
.best_specialist li strong{display:inline-block; font-family: 'Dotum',µ¸¿ò,sans-serif; font-size:11px; font-weight:normal; color:; padding:3px 5px; margin-bottom:10px; border:1px solid #ee7200; border-radius:3px;}
.best_specialist li a{position:absolute; display:inline-block; bottom:20px; left:20px; width:100px; height:30px; font-size:14px; font-weight:400; color:#fff; line-height:30px; letter-spacing:-0.065rem; background:#ee7200; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;}

/* broadcast join */
.join_ttl {position:relative; font-size:18px; font-weight:500; line-height:25px; letter-spacing:-0.045rem; color:#222; /*background:url(../images/ico/join_ico.png) 0 50% no-repeat; background-size:12px auto;*/ margin-bottom:12px; padding:0 0 0 18px; box-sizing:border-box;}
.join_ttl:before{content:''; position:absolute; left:0; top:7px; display:inline-block; width:12px; height:12px; border:3px solid #ee7200; border-radius:50px; box-sizing:border-box;}
.join_ttl span {color:#777;}
.join_ttl + p {font-size:15px; font-weight:500; line-height:22px; letter-spacing:-0.045rem; color:#444;}

.service_cont {margin:0 auto 40px;}
.service_cont, .service_cont * {font-family:'Lato','NotoSans',sans-serif !important; font-size:15px !important; line-height:1.4; letter-spacing:-0.045rem; color:#222;}

.order_list {margin:0 auto 40px; table-layout:fixed;}
.order_list th, .order_list td {font-size:14px; font-weight:400; line-height:22px; letter-spacing:-0.045rem; color:#444; padding:10px 0; text-align:center; border-bottom:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}
.order_list th {height:52px; background:#fafafa; border-top:1px solid #333; font-size:15px; font-weight:500; color:#000;}
.order_list td a:hover {text-decoration:underline;}
.order_list .price {color:#ee7200;}

.order_list.detail th {border-top:1px solid #ddd; font-size:14px; text-align:left; padding:10px 16px;}
.order_list.detail th + td {border-top:1px solid #ddd; text-align:left; padding:10px 16px;}
.order_list.detail .input {display:inline-block; min-width:80px; height:32px; line-height:30px; border:1px solid #ddd; font-family:'Lato','NotoSans',sans-serif; font-size:14px; color:#333; padding:0 8px; background:#f6f6f6; vertical-align:middle; box-sizing:border-box;}
.order_list.detail input[id*="datepicker"] {margin:0 6px 0 0;}
.order_list.detail input[id*="datepicker"] + img {display:inline-block; margin:0 6px 0 0; cursor:pointer;}
.order_list.detail select {display:inline-block; width:auto; height:32px; font-size:14px; background-size:12px auto; background-position:93% 50%; vertical-align:middle;}
.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_list caption {font-size:15px; font-weight:500; line-height:25px; letter-spacing:-0.045rem; color:#222; text-align:right; margin-bottom:5px;}
.order_list .up {color:#f00;}
.order_list .dw {color:#001eff;}
.order_list.detail input.rate {text-align:right;}

.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:#ee7200;}
.order_btn .pay_btn {background:#ee7200;}
.order_btn .pay_btn + .cancle_btn {background:#f0f0f0; border:1px solid #ddd; line-height:44px; color:#444;}
.order_btn .pay_btn:hover {background:#333; border-color:#333;}
.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;}

.btn_box {text-align:center; margin:20px auto 40px;}
.btn_box button, .btn_box a {display:inline-block; width:180px; height:46px; line-height:44px; border:1px solid #dcdcdc; background:#f0f0f0; text-align:center; font-size:15px; font-weight:500; letter-spacing:-0.045rem; color:#444; 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;}
.btn_box .submit_btn {background:#ee7200; color:#fff; border-color:#ee7200;}
.btn_box .submit_btn:hover {background:#333; border-color:#333;}
.btn_box .cancle_btn:hover {background:#ddd;}

.order_notice {font-size:20px; font-weight:500; line-height:28px; letter-spacing:-0.045rem; color:#000; text-align:center; margin-bottom:12px;}
.order_notice + p {font-size:15px; font-weight:400; letter-spacing:-0.025rem; color:#555; text-align:center; margin-bottom:50px;}

/* company */
.com_cont {}
.com_cont h3 {font-size:35px; font-weight:600; line-height:1.3; letter-spacing:-0.065rem; margin-bottom:30px; color:#222; white-space:pre-line;}
.com_cont h3 strong {color:#ee7200;}
.com_cont .cont{font-size:16px; color:#777; line-height:1.6; letter-spacing:-0.045rem;}
/*.com_cont h4{font-size:18px; letter-spacing:-0.065rem; font-weight:600; color:#333; margin:40px 0 15px;}*/
.com_cont h4 {position:relative; font-size:18px; font-weight:500; line-height:25px; letter-spacing:-0.045rem; color:#222; /*background:url(../images/ico/join_ico.png) 0 50% no-repeat; background-size:12px auto;*/ margin-bottom:12px; padding:0 0 0 18px; box-sizing:border-box; margin:40px 0 15px;}
.com_cont h4:before{content:''; position:absolute; left:0; top:7px; display:inline-block; width:12px; height:12px; border:3px solid #ee7200; border-radius:50px; box-sizing:border-box;}

.com_cont table{margin:0 0 40px;}
.com_cont table th, .com_cont table td{padding:15px 0; font-size:15px; 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 { 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 .os_mac .roughmap_maker_label .roughmap_lebel_text {font-size:13px;}
.com_cont .wrap_controllers {display:none;}

/* sub tab */
.sub_tab {overflow:hidden; margin:0 0 30px;}
.sub_tab li{float:left; position:relative;}
.sub_tab li:before{content:''; position:absolute; display:block; left:0; top:0; width:1px; height:100%; background:#ddd;}
.sub_tab li:after{content:''; position:absolute; right:-1px; top:0; width:1px; height:100%; background:#ddd; display:none; z-index:2;}
.sub_tab li:first-child:before{display:none;}
.sub_tab li a{display:block; height:56px; line-height:54px; color:#888; text-align:center; font-size:17px; letter-spacing:-1px; font-weight:500; box-sizing:border-box; border-width:1px 0; border-style:solid; border-color:#ddd; transition:all 0.3s;}
.sub_tab li:first-child a{border-width:1px 0 1px 1px;}
.sub_tab li:last-child a{border-width:1px 1px 1px 0;}
.sub_tab li a:hover{color:#000;}
.sub_tab li.on a{border-color:#ee7200; color:#ee7200;}
.sub_tab li.on:before{background:#ee7200;}
.sub_tab li.on:after{display:block; background:#ee7200;}
.sub_tab li.on:last-child:after{display:none;}

/* mileage */
.sub_tab.cash li{width:33.33%;}

/* lecture user mypage */
.btn_m, .btn_sm {
    display:inline-block;
    height:30px;
    font-size:13px;
    line-height:28px;
    border-width:1px;
    border-style:solid;
    border-color:#ddd #aaa #aaa #ddd;
    letter-spacing:-0.025rem;
    color:#444;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 75%, rgba(250,250,250,1) 88%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(249,249,249,1) 75%,rgba(250,250,250,1) 88%,rgba(255,255,255,1) 100%);
    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%);
    filter:;
    progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    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;
    cursor:pointer;
    -webkit-filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
.btn_sm {background:#ee7200; border-color:#ee7200 #ad1810 #ad1810 #ee7200; color:#fff; font-weight:500;}
.submit_btn {display:inline-block; height:32px; font-size:14px; font-family:'NotoSans','Dotum',sans-serif; background:#444; border:1px solid #000; color:#fff; letter-spacing:-0.025rem; font-weight:500; padding:0 20px; border:none; vertical-align:top; cursor:pointer; box-sizing:border-box;}
.bs_btn {float:right; margin:0 0 12px;}

/* company_cont */
.company_cont h3 {font-size:17px; font-weight:500; line-height:30px; letter-spacing:-0.085rem; color:#ee7200; margin-bottom:12px;}
.company_cont p {font-size:15px; font-weight:500; line-height:27px; letter-spacing:-0.065rem; color:#444; white-space:pre-line; word-break:keep-all; margin:0 0 40px;}
.company_cont ul {margin:0 0 40px;}
.company_cont li {font-size:15px; font-weight:500; line-height:27px; letter-spacing:-0.065rem; color:#444; }
.company_cont h4 {font-size:16px; font-weight:500; line-height:50px; letter-spacing:-0.065rem; color:#222; border-width:1px 0; border-style:solid; border-color:#ddd; margin:0 0 16px;}

/* rate */
.rate_cont {margin:30px auto;}
.rate_cont .pro_rate {float:left; width:460px; height:250px; border:1px solid #ccc; padding:18px 20px; margin:0 30px 30px 0; box-sizing:border-box;}
.rate_cont .pro_rate:after {content:''; display:block; clear:both;}
.rate_cont .pro_rate:nth-child(even) {margin-right:0;}
.pro_rate .pro {float:left; width:65px;}
.pro_rate .pro .photo {display:block; width:100%; 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 {display:block; font-size:13px; font-weight:500; line-height:18px; letter-spacing:-0.065rem; color:#000; margin:6px 0 0; text-align:center;}
.pro_rate .rate_table {float:right; width:340px;}
.rate_table th, .rate_table td {height:30px; font-size:14px; font-weight:500; line-height:30px; letter-spacing:-0.065rem; padding:0 8px; text-align:center; 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 th:first-child, .rate_table td:first-child {text-align:left; color:#181818;}
.rate_table .pay, .rate_table .up {color:#f00;}
.rate_table .free, .rate_table .dw {color:#001eff;}
.rate_table td[colspan="4"] {height:180px; line-height:180px; color:#ddd; text-align:center;}



.kakao_cscenter{overflow:hidden;}
.kakao_cscenter:after{content:''; display:block; clear:both;}
.kakao_cscenter .cs_center{position:relative; height:320px; padding:80px 0 0 140px; background:url(../images/cs-img.png) 85% 50% no-repeat; box-sizing:border-box;}
.kakao_cscenter .cs_center:before{position:absolute; left:60px; top:120px; content:''; display:block; width:50px; height:49px; background:url(../images/cs-phone.png) 0 0 no-repeat;}
.kakao_cscenter .cs_center h2{font-size:20px; font-weight:500; letter-spacing:-0.065rem;}
.kakao_cscenter .cs_center strong{display:block; font-size:50px; font-weight:900; letter-spacing:0.065rem; margin:15px 0 12px;}
.kakao_cscenter .cs_center span{font-size:17px; letter-spacing:-0.025rem;}
.kakao_cscenter .cs_item{float:left;}
.kakao_cscenter .cs_item a{position:relative; display:block; width:470px; height:150px; padding:48px 0 0 40px; background:#fef8f2; box-sizing:border-box;}
.kakao_cscenter .cs_item a:before{position:absolute; left:0; top:0; content:''; display:block; width:100%; height:100%; box-sizing:border-box; border:0px solid #ff4800; transition:all 0.3s;}
.kakao_cscenter .cs_item:hover a:before{border-width:7px;}
.kakao_cscenter .cs_item:hover a{}
.kakao_cscenter .cs_item:last-child{float:right;}
.kakao_cscenter .cs_item h2{font-size:18px; color:#000; letter-spacing:-0.045rem; font-weight:500; margin:0 0 12px;}
.kakao_cscenter .cs_item strong{font-size:25px; color:#ff4800; font-weight:900;}
.kakao_cscenter .cs_item a:after{position:absolute; right:0; top:0; content:''; display:block; width:30%; height:100%; background:url(../images/cs-phone.png) 50% 50% no-repeat;}
.kakao_cscenter .cs_item:last-child a:after{background-image:url(../images/cs-mail.png);}

.kakao_cscenter .kakao_cs_con{height:320px; margin-bottom:50px; background:url(../images/cs-img.png) 85% 50% no-repeat; padding:90px 0 0 70px; border:5px solid #fef8f2; box-sizing:border-box; -webkit-box-sizing:border-box; -moz- -o-box-sizing:border-box;}
.kakao_cscenter .kakao_cs_con h2{font-size:20px; font-weight:500; margin-bottom:10px;}
.kakao_cscenter .kakao_cs_con strong{display:block; font-size:30px; font-weight:700; margin-bottom:20px;}
.kakao_cscenter .kakao_cs_con a{display:inline-block; width:100px; height:35px; font-size:15px; font-weight:500; color:#fff; line-height:35px; text-align:center; background:#ff4800; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}
.kakao_cscenter .kakao_cs_con a:hover{background:#fa2f00; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;}


/* °¨»çÈıâ ÅÇ */
.review_tab{overflow:hidden;}
.review_tab:after{content:''; display:block; clear:both;}
.review_tab li{float:left; width:10%; box-sizing:border-box;}
.review_tab li a{display:block; text-align:center;}

/* Æ˾÷ ¿µ¿ª S*/
.popCmmn {
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.popBg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
}

.popInnerBox {
  display:flex;
  justify-content:space-between;
  flex-direction:column;
  position:absolute;
  top:50%;
  left:50%;
  width:800px;
  height:400px;
  margin:-200px 0 0 -400px;
  text-align:center;
  background:#fff;
  border-radius:5px;
}

.popCloseBtnCmmn {
  width:30%;
  margin:10px;
  padding:10px;
  font-size:16px;
  background:#999;
  color:#fff;
  transition:all 0.3s;
}

.popCloseBtnCmmn:hover {
  background:#666;
}
/* Æ˾÷ ¿µ¿ª E*/