@charset "euc-kr";







.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:#aaa; text-indent:-9999px; outline:none;}



.mv_slide .slick-dots .slick-active button {background:#e42500;}











/* Main contents */



.M_contents {position: relative; overflow: hidden; 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:70px;}



.M_contents .lec_lst.sub{margin:0;}



.M_contents_left {float: left; width: 880px;}



.M_contents_right {float: right; width: 290px;}



.M_contents_right .box + .box {margin-top: 30px;}



.lec_lst li { position:relative; float:left; width:286px; height:200px; border:1px solid #ddd; margin:11px 11px 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.sub li{width:308px; margin:13px 13px 0 0;} /* ??ë¸? - ??문ê?ë°©ì?? */



.lec_lst li:hover {border-color:#aaa;}



.lec_lst li:nth-child(-n+3) {margin-top:0;}



.lec_lst 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:#e42500; padding:0 5px; border:1px solid #e42500; 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 button, .lec_lst .btn_lst a, .lec_lst .btn_lst span {display:inline-block; width:70px; height:26px; line-height:26px; font-size:13px; font-weight:700; border-radius:2px; background:#e42500; color:#fffc00; text-align:center; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; box-sizing:border-box;}



.lec_lst .btn_lst .charge_btn {font-weight:500; background:#db9c22; color:#fff;}



.lec_lst .btn_lst .free_btn {font-weight:500; color:#fff;}



.lec_lst .btn_lst a {font-weight:500; background:rgba(8,16,41,.8); color:#fff;}







/*.M_contents .board_column, .M_contents .broad_info {float:right; width:290px;}*/



.board_column {margin:0 0 70px;}



.board_column .qna_box {margin:10px 0 18px;}



.board_column .qna_lst {height:116px; margin:10px 0 0;}



.board_column .qna_lst li:after {content:''; display:block; clear:both;}



.board_column .qna_lst li a {float:left; max-width:210px; font-size:14px; font-weight:500; line-height:29px; letter-spacing:-0.065rem; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



.board_column .qna_lst li 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:-2px 5px 0 0; vertical-align:middle;}



.board_column .qna_lst li:hover a {text-decoration:underline;}



.board_column .qna_lst li .date {float:right; font-size:13px; font-weight:500; line-height:29px; color:#999;}







.board_column .recom_box {width:100%; height:230px; border:1px solid #ddd; box-sizing:border-box;}



.board_column .recom_box .ttl {display:block; height:39px; background:#f7f7f7; padding:0 19px; box-sizing:border-box;}



.board_column .recom_box .ttl h3, .board_column .recom_box .ttl a {line-height:39px;}



.board_column .recom_box .recom_lst {width:100%; height:189px; padding:16px 16px 0; box-sizing:border-box;}



.board_column .recom_lst li {margin:16px 0 0;}



.board_column .recom_lst li:first-child {margin:0;}



.board_column .recom_lst li a {display:block; font-size:15px; font-weight:500; line-height:22px; letter-spacing:-0.065rem; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



.board_column .recom_lst li:hover a {text-decoration:underline;}



.board_column .recom_box .date {font-size:13px; font-weight:500; line-height:20px; color:#999;}







.board_column .profit_box {height:210px; border: 1px solid #ddd; box-sizing:border-box;}



.board_column .profit_box .ttl {display:block; height:39px; background:#f7f7f7; padding:0 19px; box-sizing:border-box;}



.board_column .profit_box .ttl h3, .board_column .profit_box .ttl a {line-height:39px;}



.board_column .profit_box .profit_lst {width:100%; height:169px; padding:20px; box-sizing:border-box;}



.board_column .profit_lst li {height:16px; margin-bottom:12px;}



.board_column .profit_lst li:after {content:''; display:block; clear:both;}



.board_column .profit_lst li span:first-child {float:left; width:16px; height:16px; line-height:16px; text-align:center; background:#e42500; font-size:11px; font-weight:500; color:#fff; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; margin:0 10px 0 0;}



.board_column .profit_lst li .tit {float:left; max-width:150px; line-height:16px; font-size:14px; font-weight:500; letter-spacing:-0.065rem; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



.board_column .profit_lst li .data {float:right; font-size:14px; font-weight:500; line-height:16px;}



.board_column .profit_lst li .data.up {color:#ff0000;}



.board_column .profit_lst li .data.dw {color:#001eff;}





.board_column .sms_box a {display: block; height: 226px; background: url(../images/main/bg-sms.jpg);}







.review_area .ttl {margin:0 0 15px;}



.review_area .ttl h2 {font-size:19px;}



.review_area .ttl h2 strong {font-weight:500; color:#e42500;}



.review_area .rv_lst {border-bottom:1px solid #ddd; margin-bottom:30px;}



.review_area .rv_lst li {float:left; width:211px; margin:0 12px 30px 0;}



.review_area .rv_lst li:last-child {margin-right:0;}



.review_area .rv_lst a {display:block; height:100%;}



.review_area .rv_lst .thumb { height:120px; border:1px solid #ddd; margin:0 0 16px; 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; }



.review_area .rv_lst .thumb img {width:100%; height:100%;}



.review_area .rv_lst .ttl {display:block; height:38px; font-size:15px; font-weight:500; line-height:19px; letter-spacing:-0.045rem; color:#000; margin-bottom:14px;}



.review_area .rv_lst .info {font-size:13px; font-weight:500; line-height:21px; letter-spacing:-0.025rem; color:#999;}



.review_area .rv_lst .info span:first-child:after {content:''; display:inline-block; width:1px; height:12px; background:#aaa; vertical-align:middle; margin:-4px 6px 0 8px;}



.review_area .rv_lst li:hover .thumb {border-color:#999;}



.review_area .rv_lst li:hover .ttl {text-decoration:underline;}







.invest_lst li {float:left; width:420px; margin:0 40px 0 0;}



.invest_lst li:nth-child(even) {margin:0;}



.invest_lst li:after {content:''; display:block; clear:both;}



.invest_lst li a {float:left; max-width:320px; font-size:15px; font-weight:500; line-height:31px; letter-spacing:-0.065rem; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



.invest_lst li 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:-2px 5px 0 0; vertical-align:middle;}



.invest_lst li:hover a {text-decoration:underline;}



.invest_lst li span {float:right; font-size:13px; font-weight:500; line-height:29px; color:#999;}







.broad_info .broad_lst {border:1px solid #ddd; margin:15px 0 0; box-sizing:border-box;}



.broad_info .broad_lst li {height: 133px; padding:24px 19px 22px; box-sizing:border-box;}



.broad_info .broad_lst li + li {border-top: 1px solid #ddd}



.broad_info .broad_lst dt a {display:inline-block; font-size:14px; font-weight:500; line-height:22px; letter-spacing:-0.065rem; color:#888;}



.broad_info .broad_lst dd {font-size:17px; font-weight:500; line-height:22px; letter-spacing:-0.065rem; color:#000; margin:0 0 18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



.broad_info .broad_lst .info {display:block; height:25px; line-height:25px; font-size:13px; font-weight:500; color:#777;}



.broad_info .broad_lst .charge, .broad_info .broad_lst .free, .broad_info .broad_lst button { float:left; height:25px; line-height:25px; padding:0 8px; font-size:12px; font-weight:700; letter-spacing:-0.065rem; 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; margin:0 2px 0 0; }



.broad_info .broad_lst .free {background:#e42500;}



.broad_info .broad_lst .live_btn {background:#333350; font-weight:500;}



.broad_info .broad_lst .pre {background:#eee; color:#999; font-weight:500;}



.broad_info .broad_lst .date {margin-left:6px;}







.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_logo.png) 0 0 no-repeat;}



.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:165px; 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.065rem; 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 .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:last-child a { background:#fff; border:1px solid #e42500; color:#e42500; 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; }



.ban_box .ban:last-child a:hover {background:#e42500; 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:#e42500;}







.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:#e42500;}



.pro_lst li.on .name, .pro_lst li:hover .name {color:#fff;}







.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:#e42500; 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:#e42500; color:#e42500;}



.pro_cont .pc_btn li.on + li {border-left-color:#e42500;}







.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:#e42500;}



.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:10px 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:#e42500;}



.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:#e42500; border:1px solid #e42500; 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:#e42500; 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:#f2f2f2; 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:#cf3128; 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:#cf3128;*/}



.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:#e42500}







.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:#cf3128;}



.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:#e42500;}



.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:#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: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:#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: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;}















.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:#e42500; color:#e42500; 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:#e42500;}











.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_vis {height:200px; padding:20px 0 0; background:url(../images/vod_vis2.png) 100% 0 no-repeat; box-sizing:border-box;}



.vod_vis.pay {background-image:url(../images/vod_vis1.png);}



.vod_vis.join {background-image:url(../images/join_vis.png);}



.vod_vis h2 {font-size:30px; font-weight:500; line-height:39px; letter-spacing:-0.065rem; color:#333; margin:0 0 16px;}



.vod_vis h2 strong {display:block; font-weight:500; color:#cf2200;}



.vod_vis p {font-size:15px; font-weight:500; line-height:23px; letter-spacing:-0.045rem; color:#777; white-space:pre-line;}



.vod_vis.join h2 strong {display:inline-block;}



.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 a {float:left; position:relative; width:11.11%; height:55px; line-height:55px; border-width:0 0 1px 1px; border-style:solid; border-color:#ddd; font-size:15px; font-weight:500; letter-spacing:-0.065rem; color:#888; text-align:center; box-sizing:border-box;}



.pro_cat a:nth-child(-n+9) {border-top:1px solid #ddd;}



.pro_cat a:not(:nth-child(9n)):last-child {border-right:1px solid #ddd;width: calc(11.11% + 1px);}



.pro_cat a:nth-child(9n) {border-right:1px solid #ddd;}



.pro_cat a.on, .pro_cat a:hover {color:#e42500;}



.pro_cat a.on:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #e42500; box-sizing:border-box;}







.lecture_join {width:100%;}



.lecture_join th {position:relative; height:45px; border-width:1px 0; border-style:solid; border-color:#e42500; 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 #e42500;}



.lecture_join th:last-child {border-right:1px solid #e42500;}



.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:#e42500;}



.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:#e42500;}



.lecture_join .cb2 a, .lecture_join .cb2 button {background:#f26c00;}



.lecture_join .cb3 a, .lecture_join .cb3 button {background:#db9c22;}







/* broadcast join */



.join_ttl {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 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:#cf3128;}







.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:#cf3128;}



.order_btn .pay_btn {background:#cf3128;}



.order_btn .pay_btn + .cancle_btn {background:#f0f0f0; border:1px solid #ddd; line-height:44px; color:#444;}



.order_btn .pay_btn:hover {background:#b11f17;}



.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:#cf3128; color:#fff; border-color:#cf3128;}



.btn_box .submit_btn:hover {background:#b11f17;}



.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:#cf3128;}



.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 {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 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:#ed2023; color:#ed2023;}



.sub_tab li.on:before{background:#ed2023;}



.sub_tab li.on:after{display:block; background:#ed2023;}



.sub_tab li.on:last-child:after{display:none;}







/* mileage */



.sub_tab.cash li{width:33.33%;}

.sub_tab.balloon li{width:50%;}







/* 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:#cf3128; border-color:#cf3128 #ad1810 #ad1810 #cf3128; 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:#e42500; 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:280px; 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;}