@charset "euc-kr";







.M_visual {margin:0 auto 40px;}



.M_visual img {width:100%; height:auto;}



.M_visual .slick-dots {position:absolute; top:100%; left:0; width:100%; margin:10px 0 0; text-align:center;}



.M_visual .slick-dots li {display:inline-block; margin:0 3px;}



.M_visual .slick-dots button {display:inline-block; width:9px; height:9px; 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;}



.M_visual .slick-dots .slick-active button {background:#ee2024;}







.M_container {width:100%; padding:0 2%; box-sizing:border-box;}







.broad_pro.sub{margin:10px;}



.broad_pro .ttl {display:flex; justify-content:space-between; align-items:center; width:100%; margin:16px 0 16px;}



.broad_pro .ttl h3 {font-size:1.15rem; font-weight:500; letter-spacing:-0.065rem; color:#222;}



.broad_pro .ttl a {font-size:.8rem; font-weight:500; letter-spacing:-0.065rem; color:#888; background:url(../images/ico/more_ico.png) 100% 50% no-repeat; background-size:auto 8px; padding:0 12px 0 0; box-sizing:border-box;}







.broad_list {margin:0 auto 30px; border-bottom:1px solid #ddd;}



.broad_list li {position:relative; width:100%; height:110px; border-width:1px 1px 0; border-style:solid; border-color:#ddd; padding:1rem 16px 0; box-sizing:border-box;}



.broad_list .info {position:absolute; top:1rem; left:16px; width:68%; text-align:left;}



.broad_list .info .tit {display:block; width:98%; font-size:.95rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:0 0 4px;}



.broad_list .info .nick {display:inline-block; margin:0 3px 0 0; color:#000;}



.broad_list .info .day {display:block; font-size:.8rem; font-weight:500; line-height:1.6; color:#666; margin:0 0 6px;}



.broad_list .btn_lst {display:flex;}



.broad_list .btn_lst button, .broad_list .btn_lst a {width:28%; max-width:70px; height:26px; line-height:26px; text-align:center; font-size:.8rem; font-weight:500; letter-spacing:-0.045rem; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; margin:0 .5% 0 0;}



.broad_list .btn_lst .onair {background:#e42500; color:#fffc00; font-weight:700; letter-spacing:0;}



.broad_list .btn_lst .charge_btn {background:#db9c22;}



.broad_list .btn_lst .free_btn {background:#e42500;}



.broad_list .btn_lst a {background:#394054;}



.broad_list .photo {position:absolute; bottom:0; right:0; width:28%; max-height:95%; text-align:right; overflow:hidden;}



.broad_list .photo img {max-width:100%; height:auto; max-height:100%;}







.center_area {width:104%; background:#f4f4f5; margin:0 0 0 -2%;}



.nt_column {width:100%; padding:26px 4% 16px; border-bottom:1px solid #ddd; box-sizing:border-box;}



.nt_column .ttl {display:flex; justify-content:space-between; align-items:center; width:100%; margin:0 0 16px;}



.nt_column .ttl h3 {font-size:1.05rem; font-weight:500; letter-spacing:-0.065rem; color:#222;}



.nt_column .ttl a {font-size:.8rem; font-weight:500; letter-spacing:-0.065rem; color:#888; background:url(../images/ico/more_ico.png) 100% 50% no-repeat; background-size:auto 8px; padding:0 12px 0 0; box-sizing:border-box;}



.nt_column .lst li {display:flex; align-items:center; width:100%;}



.nt_column .lst li:before {content:''; 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 4px 0 0; vertical-align:middle;}



.nt_column .lst a {width:calc(100% - 95px); font-size:.95rem; font-weight:400; line-height:1.8rem; letter-spacing:-0.045rem; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



.nt_column .lst .date {font-size:.85rem; font-weight:400; line-height:1.8rem; color:#999; margin-left:auto;}







.ct_column, .bk_column {float:left; width:50%; height:160px; text-align:center; padding:22px 2% 20px; box-sizing:border-box;}



.ct_column {border-right:1px solid #ddd;}



.ct_column .ttl, .bk_column .ttl {font-size:.85rem; font-weight:500; letter-spacing:-0.065rem; color:#222; text-align:center; margin:0 auto 12px;}



.ct_column .ct_tel {display:block; font-size:1.8rem; font-weight:300; color:#e42500; text-align:center; margin:0 auto 12px;}



.ct_column .ct_mail {display:inline-block; font-size:.85rem; color:#444; background:url(../images/ico/sms_ico.png) 0 50% no-repeat; padding-left:26px; margin-bottom:10px; box-sizing:border-box;}



.ct_column .ct_if {display:block; font-size:.75rem; font-weight:500; line-height:1.4; letter-spacing:-0.065rem; color:#777;}



.bk_column .bank_num {display:block; font-size:1.3rem; font-weight:300; color:#000; margin:0 auto 12px;}



.bk_column img {width:auto; max-width:50%; height:auto;}



.bk_column .bk_name {display:block; font-size:.85rem; font-weight:500; line-height:1.4; letter-spacing:-0.065rem; color:#666; margin:10px 0 0;}



.bk_column .bk_name strong {font-weight:500; color:#222;}







/* broadcast list */



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







.lec_notice {display:block; font-size:.95rem; font-weight:500; line-height:1.8; letter-spacing:-0.065rem; color:#666; margin:0 0 12px;}



.lec_notice strong {color:#e42500;}



.pro_lst {display:flex; flex-wrap:wrap; width:100%; margin:0 auto 40px;}



.pro_lst li {width:20%; height:120px; background:#f4f4f4; border-width:1px 1px 0 0; border-style:solid; border-color:#fff; box-sizing:border-box;}



.pro_lst li:nth-child(5n) {border-right:none;}



.pro_lst li.on {background:#e42500;}



.pro_lst a {display:block; width:100%; height:100%; padding:8% 10% 0; box-sizing:border-box;}



.pro_lst .photo {position:relative; display:block; width:100%; height:80px; background:#fff; border:1px solid #ddd; margin:0 auto 5px; overflow:hidden; box-sizing:border-box;}



.pro_lst .photo img {position:absolute; bottom:0; left:0; right:0; width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto;}



.pro_lst .name {display:block; font-size:.85rem; font-weight:500; line-height:1.6rem; letter-spacing:-0.065rem; color:#222; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



.pro_lst .on .name {color:#fff;}







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







.pro_room .pro_ttl {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:100%; margin:0 0 16px;}



.pro_room .pro_ttl h2 {font-size:1.6rem; font-weight:400; line-height:1.2; letter-spacing:-0.065rem; color:#000; word-break:keep-all;}



.pro_room .pro_ttl h2 strong {font-weight:700;}



.pro_room .pro_ttl a {font-size:1rem; font-weight:500; line-height:1.6; letter-spacing:-0.065rem; color:#e42500; background:url(../images/ico/red_arr.png) 100% 50% no-repeat; background-size:6px auto; padding-right:12px; text-align:right; margin-left:auto; box-sizing:border-box;}







.pro_room .pro_tab {display:flex; width:100%; margin:0 0 16px;}



.pro_room .pro_tab li {width:25%; height:50px; border-width:1px 0 1px 1px; border-style:solid; border-color:#ddd; text-align:center; font-size:.85rem; font-weight:500; line-height:48px; letter-spacing:-0.065rem; color:#888; box-sizing:border-box;}



.pro_room .pro_tab li:last-child {border-right:1px solid #ddd;}



.pro_room .pro_tab li.on {border-color:#e42500; color: #e42500;}



.pro_room .pro_tab li.on + li {border-left:1px solid #e42500;}







.broad_area .total {display:block; font-size:.85rem; font-weight:500; line-height:1.8; letter-spacing:-0.065rem; color:#666; margin:0 0 8px;}



.broad_area .total strong {font-weight:500; color:#ed2023;}



.broad_area .sch_box {position:relative; display:flex; justify-content:space-between; align-items:center; width:100%; margin:0 0 10px;}



.broad_area .sch_box select {width:120px; height:40px; border:1px solid #ddd; padding:0 10px; font-size:.95rem; letter-spacing:-0.045rem; color:#000; box-sizing:border-box;}



.broad_area .sch_box input {flex:1 1 auto; height:40px; border:1px solid #ddd; padding:0 40px 0 10px; font-size:.95rem; letter-spacing:-0.045rem; margin-left:5px; color:#444; box-sizing:border-box;}



.broad_area .sch_box .sch_btn {position:absolute; top:0; right:0; width:38px; height:38px; background:url(../images/ico/sch_ico.png) 50% 50% no-repeat; background-size:50% auto; text-indent:-9999px;}







.vod_lst {border-top:1px solid #000;}



.vod_lst li {display:flex; justify-content:space-between; align-items:center; width:100%; padding:10px 0; border-bottom:1px solid #ddd; box-sizing:border-box;}



.vod_lst .photo {flex:none; position:relative; width:12%; padding:15% 0 0; margin:0 2% 0 0; border:1px solid #ddd; background:#fff; box-sizing:border-box;}



.vod_lst .photo a {position: absolute; top:0; left:0; width:100%; height:100%;}



.vod_lst .photo img {position:absolute; bottom:0; left:0; right:0; width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto 0;}



.vod_lst .info {flex:1 1 auto; margin-right:auto;}



.vod_lst .info a {display:block; width:100%; height:100%;}



.vod_lst .info .tit {display:-webkit-box; max-height:2.8rem; font-size:.85rem; font-weight:500; line-height:1.4rem; letter-spacing:-0.045rem; color:#555; padding-right:2%; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}



.vod_lst .info .nick {display:inline-block; margin:0 3px 0 0; color:#222;}



.vod_lst .info .day {display:block; font-size:.8rem; font-weight:500; line-height:2; color:#888;}



.vod_lst .btn {flex:none; width:75px; margin-left:auto;}



.vod_lst .btn .vod_type {display:block; width:100%; height:25px; line-height:25px; margin:0 0 3px; text-align:center; font-size:12px; font-weight:500; letter-spacing:-0.065rem; color:#fff; background:#db9c22; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}



.vod_lst .btn .vod_type.free {background:#e42500;}



.vod_lst .btn button {display:block; width:100%; height:26px; line-height:24px; margin:0 0 3px; text-align:left; font-size:12px; font-weight:500; letter-spacing:-0.065rem; border:1px solid #ddd; background:#fff url(../images/ico/tv_ico.png) 6px 50% no-repeat; background-size:11px auto; color:#444; padding:0 0 0 21px; box-sizing:border-box;}



.vod_lst .no_lst {display:block; width:100%; height:75px; line-height:74px; font-size:.9rem; font-weight:500; letter-spacing:-0.065rem; padding:0; border-bottom:1px solid #ddd; text-align:center; box-sizing:border-box;}







/* ??문ê? ??ë¡??? */



.lecturer_info {width:100%; margin:40px auto; padding:0 4% 50px; background:url(../images/ico/skew_bar.png) 50% 100% repeat-x; background-size:auto 10px; box-sizing:border-box;}



.lecturer_info .tc_photo {display:flex; justify-content:flex-start; flex-wrap:wrap; align-items:flex-start; width:100%; /*padding:0 0 30px; border-bottom:1px solid #ddd; margin:0 0 20px;*/ box-sizing:border-box;}



.lecturer_info .tc_photo .photo {width:100px; height:125px; border:1px solid #ddd; background:#fff; overflow:hidden; box-sizing:border-box;}



.lecturer_info .tc_photo .photo img {width:100%; height:auto; vertical-align:bottom;}



.lecturer_info .tc_photo .tc_ttl {width:calc(100% - 130px); margin-left:30px;}



.lecturer_info .tc_ttl h2 {font-size:1.6rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#000; /*margin:0 0 6px;*/}



.lecturer_info .tc_ttl .cat {display:flex; justify-content:flex-start; flex-wrap:wrap; align-items:center; width:100%;}



.lecturer_info .tc_ttl .cat li {font-size:1rem; font-weight:500; line-height:1.2; letter-spacing:-0.045rem; color:#ed2023;}



.lecturer_info .tc_ttl .cat li:after {content:''; display:inline-block; width:1px; height:12px; background:#ddd; margin:-2px 7px 0; vertical-align:middle;}



.lecturer_info .tc_ttl .cat li:last-child:after {display:none;}



.lecturer_info .tc_photo .lnk {display:flex; justify-content:space-between; width:100%; margin:30px 0 0;}



.lecturer_info .tc_photo .lnk a { width:28.9%; height:40px; line-height:38px; text-align:center; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-size:.95rem; font-weight:500; letter-spacing:-0.045rem; color:#777; box-sizing:border-box;}



.lecturer_info .tc_photo .lnk button { width:39.8%; height:40px; line-height:38px; text-align:center; border:1px solid #d28f0c; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-size:.95rem; font-weight:500; letter-spacing:-0.045rem; color:#d28f0c; box-sizing:border-box;}



.lecturer_info .tc_photo .lnk a.primary { border-color: #ed2023; background-color: #ed2023; color: #fff; }

.lecturer_info .tc_photo .lnk a.pay { border-color: #1c233f; background-color: #1c233f; color: #fff; }

.lecturer_info .tc_photo .lnk button.free {color:#ed2023; border-color:#ed2023;}



.lecturer_info .tc_photo .tc_ttl h3{font-size:1rem; margin:20px 0 0;}



.lecturer_info .tc_photo .tc_ttl .cont{font-size:0.87rem; line-height:1.3; margin:5px 0 0; color:#444;}







.lecturer_info .tc_intro {padding:0 0 25px; border-bottom:1px solid #ddd; margin:0 0 25px;}



.lecturer_info .tc_info h3, .lecturer_info .tc_info strong {font-size:1.4rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#222; margin:0 0 16px;}



.lecturer_info .tc_profile strong {display:block; font-size:1.05rem;}



.lecturer_info .tc_info .cont, .lecturer_info .tc_info .cont * {font-family:'Lato','NotoSans',sans-serif !important;; font-size:0.95rem !important; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#777; white-space:pre-line; word-break:keep-all;}







.lecturer_cont {width:100%; padding:0 4%; box-sizing:border-box;}



.lecturer_cont .ttl {display:flex; justify-content:space-between; align-items:center; width:100%; height:40px; border-bottom:1px solid #ddd;}



.lecturer_cont .ttl h3 {font-size:1.05rem; font-weight:500; letter-spacing:-0.065rem; color:#000;}



.lecturer_cont .ttl a {font-size:.8rem; font-weight:500; letter-spacing:-0.065rem; color:#888; background:url(../images/ico/more_ico.png) 100% 50% no-repeat; background-size:auto 8px; padding:0 12px 0 0; box-sizing:border-box;}







.lecturer_cont ul {margin:0 0 40px;}



.lecturer_cont li {display:flex; justify-content:flex-start; align-items:center; width:100%; height:50px; border-bottom:1px solid #ddd; box-sizing:border-box;}



.lecturer_cont li.no_lst {display:block; height:110px; line-height:109px; text-align:center; font-size:.95rem; font-weight:500; letter-spacing:-0.045rem; color:#777;}



.lecturer_cont li .type {width:30px; margin:0 6px;}



.lecturer_cont li .vod_btn {display:block; width:30px; height:18px; text-align:center; font-size:.7rem; font-weight:700; line-height:18px; letter-spacing:-0.045rem; color:#fff; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; background:#db9c22; box-sizing:border-box;}



.lecturer_cont li .vod_btn.free {background:#ed2023;}



.lecturer_cont li .subject {width:calc(100% - 170px); font-size:.95rem; font-weight:500; letter-spacing:-0.045rem; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



.lecturer_cont li a {width:calc(100% - 140px); font-size:.95rem; font-weight:500; letter-spacing:-0.045rem; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



.lecturer_cont li a:before { content:''; display:inline-block; width:3px; height:3px; background:#aaa; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; margin:-2px 6px 0; vertical-align:middle;}



.lecturer_cont .date {font-size:.8rem; font-weight:500; color:#777; margin:0 6px 0 auto;}











/* main */



.lecturer_main{overflow:hidden; margin:0 4%;}



.lecturer_main .bbs-section{position:relative; margin:20px 0 0; box-sizing:border-box;}



.lecturer_main .bbs-section:nth-of-type(1){margin:0;}



.lecturer_main .bbs-section.style1{border:1px solid #ddd;}



.lecturer_main .bbs-section.style2{}



.lecturer_main .bbs-section.sms{width:100%; margin:20px 0 0;}



.lecturer_main .bbs-section .ttl{height:38px; line-height:38px; font-size:1rem; border-bottom:1px solid #ccc; font-weight:600; letter-spacing:-0.065rem; box-sizing:border-box;}



.lecturer_main .bbs-section .ttl span{color:#e42500;}



.lecturer_main .bbs-section.style1 .ttl{padding:0 15px; background:#f9f9f9; border-bottom:1px solid #ddd;}



.lecturer_main .bbs-section .more{position:absolute; right:0; top:0; line-height:38px; font-size:0.75rem; color:#999; letter-spacing:-0.065rem; padding-right:10px; background:url(../images/ico/more_ico.png) right 50% no-repeat; background-size:5px auto;}



.lecturer_main .bbs-section.style1 .more{right:10px;}



.lecturer_main .bbs-section .cont{padding:10px 0; /*height:160px;*/ box-sizing:border-box;}



.lecturer_main .bbs-section.style1 .cont{padding:10px;}







.lecturer_main .bbs-section.style1 ul{}



.lecturer_main .bbs-section.style1 ul li{position:relative; padding:10px; border-top:1px dashed #ddd;}



.lecturer_main .bbs-section.style1 ul li:first-child{border-top:0 none;}



.lecturer_main .bbs-section.style1 ul li strong{display:block; width:calc(100% - 80px); height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:600; font-size:1rem;}



.lecturer_main .bbs-section.style1 ul li span{display:block; height:22px; line-height:22px; font-size:0.85rem; color:#888;}



.lecturer_main .bbs-section.style1 ul li i{font-style:normal; position:absolute; right:10px; bottom:10px; display:block; font-size:0.85rem; color:#e42500;}







.lecturer_main .bbs-section.style1 table{}



.lecturer_main .bbs-section.style1 table th, .lecturer_main .bbs-section.style1 table td{text-align:left; height:35px; padding:0 10px; font-size:0.85rem;  font-weight:normal; border-top:1px dashed #ddd;}



.lecturer_main .bbs-section.style1 table tr:first-child th, .lecturer_main .bbs-section.style1 table tr:first-child td{border-top:0 none;}



.lecturer_main .bbs-section.style1 table th{position:relative; padding-left:10px;}



.lecturer_main .bbs-section.style1 table th:before{position:absolute; left:0; top:50%; margin-top:-1px; content:''; display:inline-block; width:2px; height:2px; background:#888; border-radius:50px;}



.lecturer_main .bbs-section.style1 table td{text-align:right; font-size:0.8rem; color:#888;}







.lecturer_main .bbs-section.style2 table{}



.lecturer_main .bbs-section.style2 table th, .lecturer_main .bbs-section.style2 table td{text-align:left; height:35px; padding:0 5px; font-size:0.85rem;  font-weight:normal; border-bottom:1px dashed #ddd;}



.lecturer_main .bbs-section.style2 table th{}



.lecturer_main .bbs-section.style2 table td{font-size:0.8rem; color:#888;}



.lecturer_main .bbs-section.style2 table td:last-child{text-align:right;}



.lecturer_main .bbs-section.style2 table td.no-cont{text-align:center; height:100px; font-size:0.85rem; font-weight:600; color:rgba(0,0,0,0.3); letter-spacing:-0.065rem;}







.lecturer_main .bbs-section.sms .cont{height:auto;}



.lecturer_main .bbs-section.sms table{}



.lecturer_main .bbs-section.sms table th, .lecturer_main .bbs-section.sms table td{text-align:left; height:35px; padding:0 5px; font-size:0.85rem;  font-weight:normal; border-bottom:1px dashed #ddd;}



.lecturer_main .bbs-section.sms table th{text-align:left;}



.lecturer_main .bbs-section.sms table td{font-size:0.8rem; color:#888;}



.lecturer_main .bbs-section.sms table td:last-child{}



.lecturer_main .bbs-section.sms table td.no-cont{text-align:center; height:100px; font-size:0.85rem; font-weight:600; color:rgba(0,0,0,0.3); letter-spacing:-0.065rem;}











/* ??ë¹??? ê°??? */



.vod_vis {border-bottom:1px solid #ddd; padding:30px 4%; background:url(../images/join_vis.png) 100% 30px no-repeat; background-size:80% auto; box-sizing:border-box;}



.vod_vis h2 {max-width:45%; font-size:1.4rem; font-weight:500; line-height:1.2; letter-spacing:-0.065rem; color:#343434; word-break:keep-all; margin:0 0 10px;}



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



.vod_vis p {max-width:65%; font-size:.8rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#777; word-break:keep-all; margin:0 0 20px;}



.vod_vis .join_info strong {display:block; font-size:.95rem; font-weight:500; line-height:1.2; letter-spacing:-0.065rem; color:#333350; margin:0 0 12px;}



.vod_vis .join_info a {display:inline-block; font-size:1rem; color:#222; padding:0 0 0 22px; background:url(../images/ico/sms_ico.png) 0 50% no-repeat; background-size:auto 11px; box-sizing:border-box;}



.vod_vis .join_info a.tel {background-image:url(../images/ico/tel_ico.png); background-size:auto; margin:0 0 0 20px;}







.join_month {margin:0 auto 50px;}



.join_month .lst {width:100%; padding:30px 4%; border-bottom:1px solid #ddd; box-sizing:border-box;}



.join_month .pro_info {display:block; margin:0 0 10px;}



.join_month .pro_info a {display:flex; justify-content:space-between; align-items:center; width:100%; box-sizing:border-box;}



.join_month .pro_info .photo {flex:none; position:relative; width:15%; padding:18% 0 0; margin:0 20px 0 0; border:1px solid #ddd; background:#fff; box-sizing:border-box;}



.join_month .pro_info .photo img {position:absolute; bottom:0; left:0; right:0; width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto 0;}



.join_month .pro_info .info {width:calc(100% - 15% - 20px);}



.join_month .pro_info .nick {display:block; font-size:.8rem; font-weight:500; letter-spacing:-0.065rem; color:#000; margin:0 0 10px;}



.join_month .pro_info .ttl {display:block; font-size:1rem; font-weight:500; line-height:1.4; letter-spacing:-0.065rem; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



.join_month .pro_info .exp {display:block; font-size:.85rem; font-weight:500; line-height:1.6; letter-spacing:-0.065rem; color:#888; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



.join_month table th {position:relative; width:25%; height:36px; border-width:1px 0; border-style:solid; border-color:#e42500; text-align:center; font-size:.85rem; font-weight:500; letter-spacing:-0.045rem; color:#e42500; box-sizing:border-box;}



.join_month table th:first-child {border-left:1px solid #e42500;}



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



.join_month table th:after {content:''; position:absolute; top:50%; right:0; width:1px; height:12px; background:rgba(207,34,0,0.3); margin:-6px 0 0;}



.join_month table th:last-child:after {display:none;}



.join_month table td {font-size:.95rem; font-weight:500; line-height:1.4rem; text-align:center; padding:10px 0 0;}



.join_month .conp {text-decoration:line-through; color:#888;}



.join_month .sellp {color:#e42500;}



.join_month .charge a, .join_month .charge button { display:block; width:70px; height:28px; line-height:28px; background:#394054; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-size:13px; letter-spacing:-0.065rem; color:#fff; margin:6px auto 0; box-sizing:border-box;}



.join_month .cb1 a, .join_month .cb1 button {background:#e42500;}



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



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







/* ??ë¹??? ê°??? ??*/



.broad_join {width:100%; padding:0 4%; margin:30px auto; box-sizing:border-box;}



.broad_join .pro_info {display:flex; justify-content:flex-start; align-items:center; width:100%; margin:0 0 20px;}



.broad_join .pro_info .photo {width:120px; height:145px; line-height:143px; text-align:center; border:1px solid #ddd; overflow:hidden; box-sizing:border-box;}



.broad_join .pro_info .photo img {width:100%; height:auto;}



.broad_join .pro_info .tc_ttl {width:calc(100% - 130px); margin:0 0 0 10px;}



.broad_join .pro_info .tc_ttl h2 {font-size:1.5rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#000; margin:0 0 10px;}



.broad_join .pro_info .tc_ttl .lnk {display:flex; justify-content:flex-start; width:100%;}



.broad_join .pro_info .tc_ttl .lnk a {width:45%; max-width:160px; height:40px; border:1px solid #ddd; line-height:38px; text-align:center; font-size:.9rem; font-weight:500; letter-spacing:-0.045rem; color:#555; border-radius:3px; margin-right:5px; box-sizing:border-box;}



.broad_join .bs_info {font-size:.9rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#555; word-break:keep-all; margin:0 0 20px;}



.broad_join .join_table {width:100%; border-top:1px solid #333; table-layout:fixed; margin:0 0 25px;}



.broad_join .join_table th, .broad_join .join_table td {font-size:.9rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#333; text-align:center; vertical-align:middle; padding:12px 0; border-bottom:1px solid #ddd; box-sizing:border-box;}



.broad_join .join_table th {background:#fafafa; font-size:.95rem;}



.broad_join .join_table .price {color:#ed2023;}







.broad_join .lst {display:block; border-top:1px solid #333;}



.broad_join .lst .ttl {display:block; width:100%; font-size:.95rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#222; padding:12px 0 0; margin:0 0 5px;}



.broad_join .lst .val {display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; width:100%; padding-bottom:12px; border-bottom:1px solid #ddd;}



.broad_join .val input[type="text"] {flex:1 1 auto; height:40px; background:#fafafa; border:1px solid #ddd; padding:0 10px; font-size:.85rem; font-weight:500; letter-spacing:-0.045rem; color:#333; box-sizing:border-box;}



.join_form .val input[name*="phone"] {width:30%;}



.broad_join .form_sub {display:block; width:100%; margin:5px 0 0; font-size:.85rem; font-weight:500; line-height:1.4; letter-spacing:-0.025rem; color:#333;}



.broad_join .form_sub.red {color:#ed2023;}



.broad_join input[type="radio"], .broad_join input[type="radio"] + label {display:inline-block; font-size:.85rem; vertical-align:middle; color:#444;}



.broad_join input[type="radio"] + label {margin:0 10px 0 6px;}







.broad_join .tax_table {width:100%; table-layout:fixed;}



.broad_join .tax_table td {font-size:.85rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#333; text-align:left; vertical-align:middle; padding:10px; border-bottom:1px solid #ddd; word-break:keep-all; box-sizing:border-box;}



.broad_join .tax_table td:first-child {background:#fafafa;}



.broad_join .tax_table input[type="text"], .broad_join .tax_table input[type="password"] {width:auto; max-width:90%; height:35px; border:1px solid #ddd; font-size:.8rem; letter-spacing:-0.025rem; color:#555; background:#fafafa; padding:0 5px; box-sizing:border-box;}



.broad_join .tax_table td span {display:inline-block;}



.broad_join .tax_table.pay {border-top:1px solid #333;}







.pay_failed {width:92%; padding:30px 4% 0; border:1px solid #ddd; margin:30px auto; text-align:center; box-sizing:border-box;}



.pay_failed strong {display:block; font-size:.95rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; margin:0 0 10px;}



.pay_failed .msg {display:block; font-size:.9rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#555; word-break:keep-all;}







/* 88TV ??ê°? 



.com_cont {}



.com_cont h3 {font-size:1.5rem; font-weight:700; line-height:1.2; letter-spacing:-0.065rem; color:#343434; word-break:keep-all; margin:0 0 10px;}



.com_cont h3 strong {color:#cf2200;}



.com_cont h3 + strong {display:block; font-size:1rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#222; word-break:keep-all; margin:0 0 10px;}



.com_cont p {font-size:0.85rem; font-weight:500; line-height:1.4; letter-spacing:-0.045rem; color:#777; white-space:pre-line; word-break:keep-all; margin:0 0 20px;}



.com_cont .com_address {display:block; font-size:.9rem; font-weight:500; line-height:24px; letter-spacing:-0.045rem; color:#333; padding:0 0 0 20px; background:url(/images/ico/map_ico.png) 0 4px no-repeat; background-size:auto 20px; margin:0 0 12px; word-break:keep-all;}



.com_cont .root_daum_roughmap { width:100% !important; height:350px; padding:0; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }



.com_cont .root_daum_roughmap .wrap_map {height:350px !important;}



.com_cont .root_daum_roughmap .wrap_controllers {display:none;}



.com_cont .root_daum_roughmap_landing .border2 {display:block;}



*/



/* company */



.com_cont {width:100%; padding:30px 4%; box-sizing:border-box;}



.com_cont h3 {font-size:1.7rem; font-weight:700; line-height:1.2; letter-spacing:-0.065rem; margin-bottom:30px; color:#343434; word-break:keep-all; margin:0 0 20px; white-space:pre-line;}



.com_cont h3 strong {color:#ed2023;}



.com_cont .cont{font-size:0.92rem; color:#777; line-height:1.7; letter-spacing:-0.045rem;}



.com_cont h4 {font-size:1.2rem; font-weight:500; line-height:1.4; letter-spacing:-0.045rem; color:#222; margin-bottom:12px; box-sizing:border-box; margin:40px 0 10px;}



.com_cont table{margin:0 0 40px;}



.com_cont table th, .com_cont table td{padding:15px 0; font-size:0.92rem; letter-spacing:-0.045rem; color:#666; text-align:left; font-weight:400; border-width:0 0 1px; border-style:solid;}



.com_cont table tr:first-child th, .com_cont table tr:first-child td{border-width:1px 0;}



.com_cont table th{width:15%; border-color:#ccc; color:#444; font-weight:600;}



.com_cont table td{border-color:#ddd;}



.com_cont .root_daum_roughmap { width:100% !important; height:350px; padding:0; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }



.com_cont .root_daum_roughmap .wrap_map {height:350px !important;}



.com_cont .root_daum_roughmap .wrap_controllers {display:none;}



.com_cont .root_daum_roughmap_landing .border2 {display:block;}







/* ê²????? */



.board_area {width:100%; margin:30px auto 50px; padding:0 4%; box-sizing:border-box;}



.board_ttl {font-size:1.4rem; font-weight:500; line-height:1.4; letter-spacing:-0.045rem; color:#000; margin:0 0 12px;}







/* ��� */



.order_list {margin:0 auto 25px; table-layout:fixed;}



.order_list caption {font-size:.85rem; font-weight:500; line-height:1.4; letter-spacing:-0.045rem; color:#222; text-align:right; margin-bottom:5px;}



.order_list th, .order_list td {font-size:.85rem; font-weight:400; line-height:1.3; letter-spacing:-0.045rem; color:#444; padding:6px 0; text-align:center; border-bottom:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}



.order_list th {height:42px; background:#fafafa; border-top:1px solid #333; font-size:.85rem; font-weight:500; color:#000; word-break:keep-all;}



.order_list .price {color:#ed2023;}







/* ???µë? */



.rate_cont {margin:20px auto 30px;}



.rate_cont .pro_rate {width:100%; margin:0 0 20px;}



.pro_rate .pro {display:flex; align-items:center;}



.pro_rate .pro .photo {width:65px; height:81px; background:#fff; border:1px solid #ddd; overflow:hidden; box-sizing:border-box;}



.pro_rate .pro .photo img {width:100%; height:100%;}



.pro_rate .pro .nick {width:calc(100% - 80px); font-size:1.05rem; font-weight:500; line-height:1.3; letter-spacing:-0.065rem; color:#000; margin-left:10px;}



.pro_rate .rate_table {width:100%; border-top:1px solid #ccc; border-bottom:1px solid #f6f6f6; margin:10px 0 0;}



.rate_table th, .rate_table td {font-size:.9rem; font-weight:500; line-height:1.5; letter-spacing:-0.045rem; text-align:center; padding:8px 4px; color:#181818; vertical-align:middle; box-sizing:border-box;}



.rate_table td {color:#595959;}



.rate_table tr:nth-child(odd) th, .rate_table tr:nth-child(odd) td {background:#f6f6f6;}



.rate_table td:first-child {text-align:left; color:#181818; padding:8px;}



.rate_table .pay, .rate_table .up {color:#f00;}



.rate_table .free, .rate_table .dw {color:#001eff;}



.rate_table td[colspan="4"] {height:110px; line-height:110px; color:#ddd; text-align:center;}







/* ë§??´í???´ì? */



.member_area {border-top:1px solid #ddd; padding:30px 0 0;}



.member_area .member_info {display:flex; align-items:center; width:100%; padding:0 4%; margin:0 auto 25px; box-sizing:border-box;}



.member_info .photo {position:relative; width:80px; height:80px; margin:0 20px 0 0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border:1px solid #ddd; overflow:hidden; box-sizing:border-box;}



.member_info .photo img { position:absolute; top:50%; left:50%; width:auto; max-width:110%; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}



.member_info .info {width:calc(100% - 100px);}



.member_info .info .name {display:block; font-size:1.2rem; font-weight:400; line-height:1.2; letter-spacing:-0.045rem; color:#000; margin:0 0 10px;}



.member_info .info .name strong {display:inline-block; font-size:1.25rem; font-weight:500; margin:0 5px 0 0;}



.member_info .info a {display:inline-block; width:38%; height:35px; font-size:.85rem; font-weight:500; line-height:33px; letter-spacing:-0.065rem; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; text-align:center; color:#666; box-sizing:border-box;}







.mileage_box { display:flex; align-items:center; width:92%; height:70px; border:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; margin:0 auto; padding:0 4%; box-sizing:border-box; }



/*.mileage_box .point { width:36px; height:36px; line-height:36px; text-align:center; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#ed2023; font-size:17px; font-weight:500; color:#fff; margin:0 6px 0 0; box-shadow:1px 1px 1px rgba(0,0,0,.1);}*/



.mileage_box .point { width:36px; height:36px; margin-right: 10px; overflow: hidden; text-align:center; background-image: url(../images/icon/ic-mypage-balloon.png); background-image: url(../images/icon/ic-mypage-balloon@2x.png), none; background-size: contain; text-indent: -999em;}



.mileage_box .ttl {font-size:.85rem; font-weight:500; letter-spacing:-0.065rem; color:#444;}



.mileage_box .val {font-size:.8rem; font-weight:500; color:#000; margin-left:auto;}



.mileage_box .val strong {display:inline-block; font-size:1.6rem; font-weight:500; margin:0 4px 0 0;color: #ed2023;}







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



.mypage_menu .mm_ttl {width:100%; height:3.75rem; line-height:3.75rem; font-size:1.25rem; font-weight:500; letter-spacing:-0.065rem; border-bottom:1px dashed #ddd; color:#000; padding:0 4%; margin:40px 0 0; box-sizing:border-box;}



.mypage_menu .out_btn { width:120px; height:35px; line-height:33px; background:none; text-align:center; color:#666; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; font-size:.85rem; padding:0; margin:30px auto 50px;}







/* ê°??¬í???? ë§??´í???´ì? */



.lecturer_area {width:100%; padding:0 4%; margin:30px 0 50px; box-sizing:border-box;}



.lecturer_lst {float:none; clear:both; border-top:1px solid #333;}



.lecturer_lst .lst {display:block; width:100%; padding:12px 0; border-bottom:1px dashed #ddd;}



.lecturer_lst .no_lst {display:block; width:100%; height:120px; line-height:120px; text-align:center; border-bottom:1px dashed #ddd; font-size:.9rem; font-weight:500; letter-spacing:-0.045rem; color:#777;}



.lecturer_lst .info {display:flex; justify-content:space-between; width:100%; margin:4px 0; font-size:.9rem; font-weight:500; line-height:1.3rem; letter-spacing:-0.045rem;}



.lecturer_lst .info .ttl {font-size:.95rem; color:#222;}



.lecturer_lst .info .val {color:#555;}



.lecturer_lst .info .min_btn { display:inline-block; width:34px; height:18px; border:1px solid #888; background:#999; line-height:16px; font-size:.7rem; letter-spacing:-0.045rem; color:#fff; text-align:center; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; box-sizing:border-box;}



.lecturer_lst .info .min_btn.edit {background:#e35c5d; border-color:#db4746;}



.lecturer_lst .info.content {flex-wrap:wrap;}



.lecturer_lst .info.content .ttl {width:100%; margin:0 0 5px;}



.lecturer_lst .info.content .val {width:100%; word-break:keep-all;}



.lecturer_lst .up {color:#f00;}



.lecturer_lst .dw {color:#001eff;}







/* ê°??¬í???? ê²???ë°??? */



.lecturer_frm {width:100%; padding:20px 4%; background:#fafafa; box-sizing:border-box;}



.lecturer_frm .status_btn {position:relative; display:flex; flex-wrap:wrap; align-items:center; width:100%; margin:0 0 10px;}



.lecturer_frm .status_btn input[type="radio"] {position:absolute; top:0; left:0; width:0; height:0; font-size:0; visibility:hidden;}



.lecturer_frm .status_btn input, .lecturer_frm .status_btn label {width:24.1%; height:35px; background:#fff; border:1px solid #ddd; border-right-color:#ccc; border-bottom-color:#bbb; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; text-align:center; line-height:33px; font-size:.85rem; font-weight:500; letter-spacing:-0.045rem; color:#555; margin:0 1.2% 0 0; box-sizing:border-box;}



.lecturer_frm .status_btn input:nth-child(4n), .lecturer_frm .status_btn label:nth-of-type(4n) {margin-right:0;}



.lecturer_frm .status_btn input:nth-child(n+5), .lecturer_frm .status_btn label:nth-of-type(n+5) {margin-top:5px;}



.lecturer_frm .status_btn .btn_sm, .lecturer_frm .status_btn input:checked + label {background:#ed2023; border-color:#ed2023; border-right-color:#b6180f; border-bottom-color:#a80a01; color:#fff;}







.lecturer_frm .date_box { display:flex; justify-content:space-between; width:100%; height:40px; line-height:38px; background:#fff; border:1px solid #ddd; margin:0 0 10px; padding:0 10px; border-radius:3px; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }



.lecturer_frm .date_box input[type="date"] {width:48%; border:none; font-size:.95rem; font-weight:500; color:#333; text-align:left; background:#fff url(../images/ico/cal_ico.png) 93% 50% no-repeat; padding:0 10px; box-sizing:border-box;}



.lecturer_frm .select_box, .lecturer_frm .sch_box {display:flex; justify-content:space-between; width:100%;}



.lecturer_frm .select_box select {width:49.5%; height:40px; font-size:.95rem; font-weight:500; line-height:38px; letter-spacing:-0.065rem; color:#333; padding:0 10px; border:1px solid #ddd; border-radius:3px; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}



.lecturer_frm .select_box.thr select:nth-child(n+2) {width:32.5%; margin-left:1%;}



.lecturer_frm .select_box.pay select {width:80%;}



.lecturer_frm .sch_box {margin:10px 0 0;}



.lecturer_frm .sch_box input {width:82%; height:40px; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; padding:0 10px; font-size:.95rem; font-weight:500; line-height:38px; letter-spacing:-0.065rem; color:#333; box-sizing:border-box;}



.lecturer_frm .sch_box .submit_btn, .lecturer_frm .select_box.pay .submit_btn {flex:none; width:17%; height:40px; background:#444; line-height:38px; text-align:center; border:1px solid #444; border-radius:3px; border-right-color:#333; border-bottom-color:#222; font-size:.95rem; font-weight:500; letter-spacing:-0.045rem; color:#fff; box-sizing:border-box; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px;}



.lecturer_frm .sch_box select + input{flex:1 1 auto; margin:0 1%;}







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







.lecturer_input {margin:30px auto 0;}



.lecturer_input .sub_ttl {width:92%; margin:0 auto 12px;}



.lecturer_input .lecturer_frm > span {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; width:100%; margin:0 0 10px;}



.lecturer_input .input_ttl {position:relative; width:100%; font-size:.95rem; font-weight:500; line-height:1.3rem; letter-spacing:-0.045rem; color:#222; margin:0 0 10px;}



.lecturer_input input[type="radio"] {position:absolute; top:0; left:0; width:0; height:0; font-size:0; visibility:hidden;}



.lecturer_input label {width:49%; height:35px; background:#fff; border:1px solid #ddd; border-right-color:#ccc; border-bottom-color:#bbb; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; text-align:center; line-height:33px; font-size:.85rem; font-weight:500; letter-spacing:-0.045rem; color:#555; margin:0 0 5px; box-sizing:border-box;}



.lecturer_input input:checked + label {background:#ed2023; border-color:#ed2023; border-right-color:#b6180f; border-bottom-color:#a80a01; color:#fff;}



.lecturer_input input[type="text"], .lecturer_input input[type="date"] {width:100%; height:35px; background:#fff; border:1px solid #ddd; text-align:left; font-size:.95rem; font-weight:500; letter-spacing:-0.045rem; color:#333; padding:0 10px; box-sizing:border-box;}



.lecturer_input input[type="date"] {text-align:left; background:#fff url(../images/ico/cal_ico.png) 95% 50% no-repeat; margin:0 0 5px;}



.lecturer_input .schedule_box .time_box {display:flex; justify-content:center; align-items:center; width:100%; height:35px; border:1px solid #ddd; background:#fff; box-sizing:border-box;}



.lecturer_input .schedule_box select {width:17%; height:33px; line-height:33px; font-size:.9rem; font-weight:500; color:#333; border:none; background-size:10px auto; outline:none;}



.lecturer_input .schedule_box select + span {width:6%; font-size:.9rem; font-weight:500; color:#333; text-align:center;}



.lecturer_input .schedule_box .and {width:8%; font-size:.9rem; font-weight:500; color:#333; text-align:center;}



.lecturer_input .btn_box button {width:49%; height:40px; background:#f0f0f0; border:1px solid #ddd; font-size:.95rem; font-weight:500; letter-spacing:-0.045rem; color:#444;}



.lecturer_input .btn_box button[type="submit"] {background:#444; border-color:#333; color:#fff;}



.lecturer_input input.rate {flex:1 1 auto; width:auto; margin:0 4px 0 0; text-align:right;}







.lecturer_area .member_chk {display:flex; justify-content:space-between; align-items:center; width:100%; margin:0 0 10px;}



.lecturer_area .member_chk input {width:16px; height:16px; vertical-align:middle;}



.lecturer_area .member_chk label {display:inline-block; font-size:.9rem; font-weight:500; color:#333; margin:0 0 0 6px; vertical-align:middle;}



.lecturer_area .member_chk .bs_btn {float:none; margin:0 0 0 auto;}







/* 매ì?ì°¨í?? */



.chart_box {width:100%; margin:0 auto 20px;}



.lecturer_lst .method {display:block; width:100%; padding:12px 0; border-bottom:1px dashed #ddd; box-sizing:border-box;}



.lecturer_lst .method .tit {display:block; width:100%; font-size:1.1rem; font-weight:500; line-height:1.4; letter-spacing:-0.045rem; color:#e42500; margin:0 0 5px;}







/* ë¡?ê·¸ì?? */



.login_area {margin:30px auto; padding:0 4%; box-sizing:border-box;}



.login_area h3 {letter-spacing:-0.05em; font-weight:500;}



.login_area .form {margin:15px 0 0;}



.login_area .form input[type='text'], .login_area .form input[type='password'] { width:100%; height:45px; padding:0 10px; border:1px solid #ddd; box-sizing:border-box; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; margin-bottom:5px;}



.login_area .form input:last-of-type {margin-bottom:0;}



.login_area .form button {width:100%; height:50px; color:#fff; font-weight:500; letter-spacing:-0.05em; background:#ed2023; border-radius:3px; margin:10px 0 10px;}



.login_area .form input[type='checkbox'] {width:0; height:0; font-size:0; visibility:hidden;}



.login_area .form label {font-size:100%; font-weight:500; line-height:18px; letter-spacing:-0.065rem; color:#666; padding-left:24px; background:url(../images/ico/chk_ico.png) 0 50% no-repeat; box-sizing:border-box;}



.login_area .form input:checked + label  {background-image:url(../images/ico/chk_on.png);}







.login_area .link {margin:30px 0 0; padding:30px 0 0; border-top:1px solid #eee;}



.login_area .link a {float:left; width:calc(50% - 2px); height:40px; line-height:40px; text-align:center; font-size:.85rem; color:#888; border:1px solid #ddd; margin-left:4px; box-sizing:border-box; border-radius:3px;}



.login_area .link a:first-child {margin:0;}







/* ???´ë??, ë¹?ë°?ë²??? 찾기 */



.idpw_area {width:100%; padding:0 4%; margin:0 0 25px; box-sizing:border-box;}



.idpw_area span {display:block; font-size:.9rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#555; word-break:keep-all; margin:0 0 10px;}



.idpw_area strong {color:#e42500;}



.idpw_area a {display:block; font-size:.85rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#222;}







/* ????ê°??? */



.join_agree {margin:30px 4% 50px;}



.join_agree h3 {margin:40px 0 0; letter-spacing:-0.05em; font-weight:500;}



.join_agree h3:first-child{margin-top:0;}



.join_agree h3 + p {font-size:.9rem; line-height:1.3; letter-spacing:-0.045rem; color:#444; margin:10px 0 0;}



.join_agree h3 + p a {font-weight:500; color:#e42500;}



.join_agree textarea{width:100%; height:120px; font-size:.85rem; color:#777; line-height:1.3; padding:2%; overflow-y:scroll; background:#f9f9f9; border:1px solid #dfdfdf; box-sizing:border-box; margin:15px 0 10px; resize:none;} 



.join_agree .agree{text-align:right;}



.join_agree .agree input[type='checkbox']{width:0; height:0; font-size:0; visibility:hidden;}



.join_agree .agree label{font-size:95%; font-weight:500; line-height:18px; letter-spacing:-0.065rem; color:#666; padding-left:22px; background:url(../images/ico/chk_ico.png) 0 50% no-repeat; box-sizing:border-box;}



.join_agree .agree input:checked + label {background-image:url(../images/ico/chk_on.png);}







.btn_box {display:flex; justify-content:space-between; width:100%; margin:30px auto;}



.btn_box button, .btn_box a {width:49.5%; height:45px; line-height:45px; letter-spacing:-0.05rem; color:#888; text-align:center; font-size:.95rem; font-weight:500; background:#f9f9f9; border:1px solid #ddd; border-radius:0; box-sizing:border-box;}



.btn_box .submit_btn{color:#fff; background:#ed2023; border-color:#ed2023;}



.btn_box a.submit_btn {margin:0 auto;}







.join_form {border-top:1px solid #333; margin:20px 0 0;}



.join_form .lst {display:block; padding:12px 0; border-bottom:1px dashed #ddd;}



.join_form .ttl {display:block; width:100%; font-size:.95rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#000; margin:0 0 5px;}



.join_form .val {display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; width:100%; font-size:.9rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#555;}



.join_form .val input[type="text"], .join_form .val input[type="password"], .join_form .val input[type="file"] {flex:1 1 auto; height:40px; background:#fafafa; border:1px solid #ddd; padding:0 10px; font-size:.85rem; font-weight:500; letter-spacing:-0.045rem; color:#333; box-sizing:border-box;}



.join_form .val input[name*="phone"] {width:30%;}



.join_form .val .post_btn {width:80px; height:40px; background:#444; line-height:38px; text-align:center; border:1px solid #444; border-right-color:#333; border-bottom-color:#222; font-size:.9rem; font-weight:500; letter-spacing:-0.045rem; color:#fff; margin-left:10px; box-sizing:border-box;}



.join_form .form_sub, .join_form .red {display:block; width:100%; margin:5px 0; font-size:.85rem; font-weight:500; line-height:1.4; letter-spacing:-0.025rem; color:#333;}



.join_form .val .photo {position:relative; width:70px; height:70px; border:1px solid #ddd; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; overflow:hidden; margin:0 0 5px;}



.join_form .val .photo img {position:absolute; top:50%; left:50%; width:auto; max-width:110%; height:auto; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}



.join_form .val input[name="photo"] {width:100%;}



.join_form .red {color:#e42500;}



.join_form input[type="radio"], .join_form input[type="radio"] + label {display:inline-block; font-size:.85rem; vertical-align:middle; color:#444;}



.join_form input[type="radio"] + label {margin:0 10px 0 6px;}







.join_ok{margin:30px 2% 50px; padding:30px; text-align:center; letter-spacing:-0.05em; line-height:1.3; /*background:#f9f9f9; border:1px solid #dfdfdf;*/}



.join_ok h3{letter-spacing:-0.05em; font-weight:500;}



.join_ok small{display:block; font-size:85%; margin:15px 0 0; color:#888;}



.join_ok a{display:inline-block; margin:25px 0 0; width:100px; height:40px; line-height:40px; font-size:90%; color:#fff; font-weight:500; background:#ed2023; border-radius:3px;}







/* ???????? */



.myout_notice p {font-size:.9rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#333; word-break:keep-all; margin:10px 0 5px;}



.myout_notice strong {display:block; font-size:1.05rem; color:#000; margin:10px 0 0;}



.myout_notice strong span {color:#ed2023;}







/* ?´ì?©ì?½ê? */



.company_cont {font-size:.9rem; font-weight:500; line-height:1.4; letter-spacing:-0.045rem; color:#555; word-break:keep-all; white-space:pre-line;}



.company_cont h3 {font-size:1.1rem; font-weight:500; color:#ed2023;}



.company_cont h4 {font-size:1rem; font-weight:500; color:#000; border-bottom:1px dashed #ddd; margin:0 0 5px; padding:10px 0;}







/* SMSë°??? */



.sms_table {border-top:1px solid #333;}



.sms_table th, .sms_table td {border-bottom:1px solid #ddd; font-size:.9rem; font-weight:500; letter-spacing:-0.045rem; vertical-align:middle; padding:12px 10px; text-align:left; box-sizing:border-box;}



.sms_table th {background:#fafafa;}



.sms_table input[type="text"] {height:32px; background:#fafafa; border:1px solid #ddd; padding:0 10px; font-size:.85rem; font-weight:500; letter-spacing:-0.045rem; color:#333; box-sizing:border-box;}



.sms_table .type {margin:0 0 8px;}



.sms_table .type input {display:inline-block; vertical-align:middle;}



.sms_table .type label {display:inline-block; margin:0 10px 0 5px; vertical-align:middle;}



.sms_table select {height:32px;}



.sms_table textarea {height:140px; border:1px solid #ddd; padding:6px; font-size:.9rem; font-weight:500; line-height:1.3; letter-spacing:-0.045rem; color:#222; box-sizing:border-box; resize:none;}



.byte_box {display:block; width:65px; margin:10px 0 10px auto; text-align:right;}



.sms_btn {display:flex; justify-content:space-between; align-items:center; width:100%; max-width:500px;margin:16px auto 0;}



.sms_btn button {width:49%; height:45px; border:1px solid #ccc; background:#f7f7f7; text-align:center; font-size:.95rem; font-weight:500; letter-spacing:-0.045rem; color:#777; box-sizing:border-box;}



.sms_btn button.submit_btn {background:#e42500; color:#fff; border-color:#ad1e01;}











.minihome-wrap{margin:0 4% 40px;}



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











.lecturer_info + .minihome-wrap .schedule-tab:first-child { margin-top:0; }



.schedule-tab{overflow:hidden; margin:20px 0 20px;}



.schedule-tab li{float:left; width:14.28%; box-sizing:border-box}



.schedule-tab li a{display:block; height:50px; font-size:14px; box-sizing:border-box; padding:10px 0 0; text-align:center; border-width:1px 1px 1px 0; border-style:solid; border-color:#ddd;}



.schedule-tab li a small{display:block; font-size:12px;}



.schedule-tab li:first-child a{border-width:1px;}



.schedule-tab li.on a{position:relative; border-color:#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;}







/* sms */



.list-table{border-top:1px solid #333;}



.list-table th, .list-table td{padding:15px 10px; font-weight:normal; font-size:14px; text-align:center; border-bottom:1px solid #ddd;}



.list-table thead{}



.list-table thead th, .list-table thead td{background:#f9f9f9;}



.list-table tbody{}



.list-table tbody th{}



.list-table tbody td{text-align:left; word-break:break-all;}



.list-table tbody td.no-cont{text-align:center; height:100px; font-size:15px; font-weight:600; color:rgba(0,0,0,0.3); letter-spacing:-0.065rem;}















.sms-app-table{border-top:1px solid #333;}



.sms-app-table th, .sms-app-table td{font-size:0.80rem; line-height:1.3; padding:20px 0px; font-weight:normal; text-align:left; border-bottom:1px solid #ddd;}



.sms-app-table th{padding-left:15px;}



.sms-app-table th a{text-align:left;}



.sms-app-table th a strong{display:inline-block; font-size:0.87rem; font-weight:600; margin:0 0 8px;}



.sms-app-table .btn_app{margin:10px 0 0;}



.sms-app-table .btn_app .btn{display:inline-block; width:100px; height:30px; line-height:30px; font-size:0.82rem; text-align:center; border:1px solid #ddd;}



.sms-app-table td.no-cont{text-align:center; height:100px; font-size:0.85rem; font-weight:600; color:rgba(0,0,0,0.3); letter-spacing:-0.065rem;}