/* common */
@import url('font.css');
* {padding:0;margin:0; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust: none}
* {box-sizing:border-box !important;-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;}
html {font-family: "notokr", sans-serif;font-size:20px}
ul,ol,dl {list-style:none}
ul li {display:inline-block;vertical-align:top}
a,a:link,a:visited,a:hover  {text-decoration:none !important;}
img {border:0;width:auto;max-width:100%}
table {border-spacing:0;border-collapse:collapse}
.clear {clear:both}
.green {color:#2fe19c}
.blue {color:#2f8fe1}
.red {color:#fc439f}
.red2 {color:#e6441f}
.yellow {color:#fff000}
.left {float:left}
.right {float:right}
.center {width:100%;text-align:center}
.space10 {clear:both;height:10px}
.space20 {clear:both;height:20px}
.space25 {clear:both;height:25px}
.space30 {clear:both;height:30px}
.space40 {clear:both;height:40px}
.space50 {clear:both;height:50px}
.space60 {clear:both;height:60px}
.space140 {clear:both;height:140px}
.pc1000 {display:block}
.mobile1000 {display:none}
.pc840 {display:block}
.mobile840 {display:none}
.pc640 {display:block}
.mobile640 {display:none}
.pc480 {display:block}
.mobile480 {display:none}

input[type='checkbox'] {
    background: #fff;
    border: solid 2px #464646;
    height: 24px;
    width: 24px;
    -webkit-appearance: none;
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align:middle;
}

input[type='checkbox']:checked, input[type='radio']:checked {
    background: #fff;
    border: solid 2px #464646;
}

input[type='checkbox']:checked:after {
    content: ' ';
    display: block;
    width: 14px;
    height: 14px;
    background: #464646;
    position: relative;
    top: 2px;
    left: 2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

input[type='radio'] {
    background: #fff;
    border: solid 2px #464646;
    height: 24px;
    width: 24px;
    -webkit-appearance: none;
    border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	vertical-align:middle;
}

input[type='radio']:checked:after {
    content: ' ';
    display: block;
    width: 14px;
    height: 14px;
    background: #464646;
    position: relative;
    top: 3px;
    left: 3px;
	border-radius: 24px;
	-moz-border-radius: 24px;
    -webkit-border-radius: 24px;
}

/* wrap */
#wrap {}

/* header */
#header {}
#header .gnb {background:#282828}
#header .gnb ul {width:100%}
#header .gnb ul li {width:25%;line-height:45px;text-align:center}
#header .gnb ul li a {display:block;font-size:22px;color:#bbb;border-right:1px solid #535353}
#header .top {}
#header .top ul {padding:15px 2.5%;width:100%}
#header .top ul li:nth-of-type(1) {width:25%}
#header .top ul li:nth-of-type(2) {text-align:center;width:50%}
#header .top ul li:last-of-type {text-align:right;width:25%}
#header .navi {line-height:25px;background:#ed1c24}
#header .navi ul {padding:0 2.5%}
#header .navi ul li {width:33.3%; text-align:center; padding:15px 0;}
#header .navi ul li a {display:block;font-size:26px;font-weight:500;color:#fff;letter-spacing:-1px;border-right:1px solid #fff;text-align:center}
#header .navi ul li a.on {color:#fff600}
#header .navi ul li:last-of-type a {border-right:none}
#header .main_roll {/*max-width:640px;*/ margin:0 2.5%;overflow:hidden;}
.top_kakao_tab{display:table; width:100%; table-layout:fixed;}
.top_kakao_tab li{display:table-cell;}
.top_kakao_tab li:nth-of-type(1){width:29.69%;}
.top_kakao_tab li:nth-of-type(2){width:23.44%;}
.top_kakao_tab li:nth-of-type(3){width:22.19%;}
.top_kakao_tab li img{width:100%;}

/* app download */
.app_btn{margin:0 2.5%; padding:0 0 40px 0;}
.app_btn a{display:block; padding:40px 0; border:1px solid #e0e0e0; color:black; font-size:28px; font-weight:600; text-align:center;}
.app_btn a img{height:40px; vertical-align:text-bottom;}
.app_btn a em{content:'★ 모바일로 LIVE방송 시청시 아래 [TURING eLIVE3]앱을 필수로 설치해 주세요'; display:block; margin:0 0 16px 0; padding:0 10px; color:#0072bc; font-weight:bolder; font-style:normal;}
.app_btn a em b{color:red; font-weight:bolder;}

/* container */
#container {margin-top:35px}
#container .mtitle0 {background:url("img/main0.png?dmy=1") no-repeat center center;height:53px;margin:0 2.5%}
#container .mtitle1 {background:url("img/main1.gif") no-repeat center center;height:53px;margin:30px 2.5% 0 2.5%;}
#container .professor {padding:0 2.5%}
#container .professor li {clear:both;display:block}
#container .professor li div {width:100%}
#container .professor li .item {border-bottom:1px solid #d9d9d9;padding:25px 0}
#container .professor .img {width:35%; min-width:180px; vertical-align:top;}
#container .professor .img img {border:1px solid #ccc; width:100%;}
#container .professor li:nth-of-type(2) div {margin:0 auto;}
#container .professor li:last-of-type div {float:right}
#container .professor .mcon_txt {width:65%;vertical-align:top; padding:0 0 0 20px;}
#container .professor .title {font-size:29px;font-weight:600;color:#000; line-height:1em;}
#container .professor .txt {font-size:24px;color:#777;padding-top:10px;line-height:1.5}
#container .professor .txt dt {clear:both;float:left;width:15px; font-size:26px;}
#container .professor .txt dd {margin-left:15px;text-align:left; font-size:26px;}
#container .professor .tv_time {font-size:26px;color:#0072bc;padding-top:10px; font-weight:bold;}
#container .professor .btns {width:100%; margin-top:10px;}
#container .professor .btns a {display:inline-block;width:63%;text-align:center;line-height:36px;font-size:24px;padding:15px 0; font-weight:bold;}
#container .professor .btns a:nth-of-type(1) {color:#464646;border:1px solid #6b6e75; width:35%;}
#container .professor .btns a:last-of-type {float:right;background:#282a2f;color:#fff}
#container .professor .btns img {vertical-align:middle}
#container .professor_free {padding:0 2.5%}
#container .professor_free li {clear:both;display:block}
#container .professor_free li div {width:100%}
#container .professor_free li .item {border-bottom:1px solid #d9d9d9;padding:25px 0}
#container .professor_free .img {width:35%; min-width:180px; vertical-align:top;}
#container .professor_free .img img {border:1px solid #ccc; width:100%;}
#container .professor_free li:nth-of-type(2) div {margin:0 auto;}
#container .professor_free li:last-of-type div {float:right}
#container .professor_free .mcon_txt {width:65%;vertical-align:top; padding:0 0 0 20px;}
#container .professor_free .title {font-size:29px;font-weight:600;color:#000; line-height:1em;}
#container .professor_free .txt {font-size:24px;color:#777;padding-top:10px;line-height:1.5}
#container .professor_free .txt dt {clear:both;float:left;width:15px; font-size:26px;}
#container .professor_free .txt dd {margin-left:15px;text-align:left; font-size:26px;}
#container .professor_free .tv_time {font-size:26px;color:#0072bc;padding-top:10px; font-weight:bold;}
#container .professor_free .btns {width:100%; margin-top:10px;}
#container .professor_free .btns a {display:inline-block;width:63%;text-align:center;line-height:36px;font-size:24px;padding:15px 0; font-weight:bold;}
#container .professor_free .btns a:nth-of-type(1) {color:#464646;border:1px solid #6b6e75; width:35%;}
#container .professor_free .btns a:last-of-type {float:right;background:#282a2f;color:#fff}
#container .professor_free .btns img {vertical-align:middle}
#container .youtube {background:#f6f6f6;padding-top:35px}
#container .youtube .mtitle2 {background:url("img/main2.gif") no-repeat center top;margin:0 2.5%;padding-top:55px}
#container .youtube ul {width:100%;padding:30px 2.5%}
#container .youtube ul li {width:48%;margin-bottom:15px}
#container .youtube ul li:nth-of-type(2n) {float:right;width:48%}
#container .youtube ul li img {width:100%}
#container .earning{padding:35px 2.5%;}
#container .earning .mtitle3 {background:url("img/main8.png") no-repeat center top;margin:0 0 20px 0;padding-top:55px}
#container .earning ol{margin:0; padding:0; width:100%; border-top:1px solid #e0e0e0; }
#container .earning ol li{display:table; width:100%; table-layout:fixed; cursor:pointer; height:72px; border-bottom:1px solid #e0e0e0;}
#container .earning ol li b{display:table-cell; vertical-align:middle; text-align:center; width:64px; font-size:26px; font-weight:bold; font-style:italic; font-family:'나눔명조','바탕'; color:#707070;}
#container .earning ol li:nth-of-type(1) b, #container .earning ol li:nth-of-type(2) b, #container .earning ol li:nth-of-type(3) b{color:red;}
#container .earning ol li em{display:table-cell; vertical-align:middle; font-weight:600; color:#464646; font-size:26px; font-style:normal; width:256px;}
#container .earning ol li dfn{display:table-cell; vertical-align:middle; color:#888; font-style:normal; font-size:26px;}
#container .earning ol li var{display:table-cell; vertical-align:middle; text-align:right; width:80px; font-size:28px; font-style:normal; font-weight:bold; font-family:'나눔명조','바탕'; color:red;}
#container .customer{display:table; margin:30px 0; width:100%; table-layout:fixed;}
#container .customer p{display:table-cell; vertical-align:middle;}
#container .customer p:nth-of-type(1){text-align:left; width:70%;}
#container .customer p:nth-of-type(1) img{width:100%;}
#container .customer p:nth-of-type(2){text-align:left;}
#container .customer p:nth-of-type(2) img{width:100%;}


#container .kakao .mtitle10 {background:url("img/main10.png?dmy=1") no-repeat center top;margin:20px 0;padding-top:55px}
#container .kakao {padding:0 2.5%}
#container .kakao li {clear:both;display:block}
#container .kakao li div {width:100%}
#container .kakao li .item {border-bottom:1px solid #d9d9d9;padding:25px 0; float:none;}
#container .kakao .img {width:35%; min-width:180px;vertical-align:top;}
#container .kakao .img img {border:1px solid #ccc; width:100%;}
#container .kakao li:nth-of-type(2) div {margin:0 auto}
#container .kakao li:last-of-type div {float:right}
#container .kakao .mcon_txt {width:65%;vertical-align:top; padding:0 0 0 20px;}
#container .kakao .title {font-size:29px;font-weight:600;color:#000; line-height:1em;}
#container .kakao .txt {font-size:24px;color:#777;padding-top:10px;line-height:1.5}
#container .kakao .txt dt {clear:both;float:left;width:15px; font-size:26px;}
#container .kakao .txt dd {margin-left:15px;text-align:left; font-size:26px;}
#container .kakao .tv_time {font-size:26px;color:#0072bc;padding-top:10px; font-weight:bold;}
#container .kakao .btns {width:100%; margin-top:10px;}
#container .kakao .btns a {display:inline-block;width:63%;text-align:center;line-height:36px;font-size:24px;padding:15px 0; font-weight:bold;}
#container .kakao .btns a:nth-of-type(1) {color:#464646;border:1px solid #6b6e75; width:35%;}
#container .kakao .btns a:last-of-type {float:right;background:#282a2f;color:#fff}
#container .kakao .btns img {vertical-align:middle}


/* sub container */
#sub_container {}
#sub_container .sub_title {background:#f2f2f2 /*#282828 url("img/sub_title_bg.jpg") no-repeat center center*/;height:82px;line-height:82px;font-size:33px;font-weight:500;color:#0072bc;text-align:center}
#sub_container .sub_content {padding:40px 2.5% 60px}
#sub_container .sub_content .sub11 .txt {font-size:33px;color:#000;line-height:1.4;text-align:center}
#sub_container .sub_content .sub11 .txt span {font-size:40px;font-weight:500}
#sub_container .sub_content .sub_txt {font-size:24px;font-weight:300;color:#464646;line-height:1.5}
#sub_container .sub_content .sub_txt b {font-weight:500;color:#000}
#sub_container .sub_content .ceo {font-size:28px;font-weight:500;color:#000;padding-top:40px}
#sub_container .sub_content .ceo span {font-size:30px}
#sub_container .online_tv {background:url("img/main_tv_bg.gif") no-repeat center top;/*height:580px;*/background-size:cover;padding:0 25px 30px}
#sub_container .online_tv .title {position:relative;font-size:26px;font-weight:500;color:#fff;line-height:26px;padding:18px 0}
#sub_container .online_tv .title img {vertical-align:top}
#sub_container .online_tv .mv_img {position:relative;text-align:left}
#sub_container .online_tv .mv_img .bg {position:absolute;top:0;left:0;background:rgba(0,0,0,0.5);width:100%;height:100%}
#sub_container .online_tv .mv_img .btn_play {position:absolute;top:30%;margin:0 auto;width:100%;text-align:center;z-index:999}
#sub_container .online_tv .mv_img .btn_play img {width:20%}
#sub_container .online_tv .mv_img .tv_time {position:absolute;top:70%;width:70%;background:#dd141c;font-size:24px;color:#fff;text-align:center;margin:0 15%;line-height:50px;border-radius:25px}
#sub_container .online_tv .mv_img .img {width:100%;border:7px solid #000}
#sub_container .online_tv .ceo {padding:25px 0 10px;color:#fff}
#sub_container .online_tv .online_con .ctxt {width:100%;font-size:22px;color:#fff;line-height:1.6;padding-right:2%}
#sub_container .online_tv .online_con .ctxt dl dt {float:left;width:15px}
#sub_container .online_tv .online_con .ctxt dl dd {margin-left:15px}
/*#sub_container .online_tv .online_con .kakao {float:right;width:33%}*/
#sub_container .last_tv h2 {font-size:28px;font-weight:600;color:#000;padding:45px 0 15px}
#sub_container .last_tv h2 a{color:inherit;}
#sub_container .last_tv h2 a .more{font-size:20px; float:right; padding:8px; color:#707070; font-weight:normal;}
#sub_container .last_tv .list {width:100%;border:1px solid #e7e7e7;padding:20px;overflow:hidden;}
#sub_container .last_tv .list ol {width:100%}
#sub_container .last_tv .list li {font-size:24px;padding:5px 0}
#sub_container .last_tv .list li.left {width:calc(95% - 150px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
#sub_container .last_tv .list li.right {width:150px;text-align:right}
#sub_container .last_tv .list li a {color:#363636}
#sub_container .youtube_tv h2 {font-size:28px;font-weight:600;color:#000;padding:45px 0 15px}
#sub_container .youtube_tv h2 a{color:inherit;}
#sub_container .youtube_tv h2 a .more{font-size:20px; float:right; padding:8px; color:#707070; font-weight:normal;}
#sub_container .youtube_tv .list li {float:left;width:48%;margin-bottom:20px}
#sub_container .youtube_tv .list li:nth-of-type(2n) {float:right;width:48%}
#sub_container .youtube_tv img {width:100%}
#sub_container .youtube_tv {}

#sub_container .professor_sub {padding:0 2.5%}
#sub_container .professor_sub li {clear:both;display:block}
#sub_container .professor_sub li div {width:100%}
#sub_container .professor_sub li .item {border-bottom:1px solid #d9d9d9;padding:25px 0; float:none;}
#sub_container .professor_sub .img {width:35%; min-width:180px;vertical-align:top;}
#sub_container .professor_sub .img img {border:1px solid #ccc; width:100%;}
#sub_container .professor_sub li:nth-of-type(2) div {margin:0 auto}
#sub_container .professor_sub li:last-of-type div {float:right}
#sub_container .professor_sub .mcon_txt {width:65%;vertical-align:top; padding:0 0 0 20px;}
#sub_container .professor_sub .title {font-size:29px;font-weight:600;color:#000; line-height:1em;}
#sub_container .professor_sub .txt {font-size:24px;color:#777;padding-top:10px;line-height:1.5}
#sub_container .professor_sub .txt dt {clear:both;float:left;width:15px; font-size:26px;}
#sub_container .professor_sub .txt dd {margin-left:15px;text-align:left; font-size:26px;}
#sub_container .professor_sub .tv_time {font-size:26px;color:#0072bc;padding-top:10px; font-weight:bold;}
#sub_container .professor_sub .btns {width:100%; margin-top:10px;}
#sub_container .professor_sub .btns a {display:inline-block;width:63%;text-align:center;line-height:36px;font-size:24px;padding:15px 0; font-weight:bold;}
#sub_container .professor_sub .btns a:nth-of-type(1) {color:#464646;border:1px solid #6b6e75; width:35%;}
#sub_container .professor_sub .btns a:last-of-type {float:right;background:#282a2f;color:#fff}
#sub_container .professor_sub .btns img {vertical-align:middle}

#sub_container .earning_sub{padding:0 0 35px 0;}
#sub_container .earning_sub .mtitle3 {background:url("img/main8.png") no-repeat center top;margin:0 0 20px 0;padding-top:55px}
#sub_container .earning_sub ol{margin:0; padding:0; width:100%; border-top:1px solid #e0e0e0; }
#sub_container .earning_sub ol > li{border-bottom:1px solid #e0e0e0;}
#sub_container .earning_sub ol > li div:first-child{display:table; width:100%; table-layout:fixed; cursor:pointer; height:72px; border-bottom:1px dashed #e0e0e0;}
#sub_container .earning_sub ol > li div:first-child b{display:table-cell; vertical-align:middle; text-align:center; width:64px; font-size:26px; font-weight:bold; font-style:italic; font-family:'나눔명조','바탕'; color:#707070;}
#sub_container .earning_sub ol > li:nth-of-type(1) div:first-child b, .earning_sub ol li:nth-of-type(2) div:first-child b, .earning_sub ol li:nth-of-type(3) div:first-child b{color:red;}
#sub_container .earning_sub ol > li div:first-child em{display:table-cell; vertical-align:middle; font-weight:600; color:#464646; font-size:26px; font-style:normal; width:256px;}
#sub_container .earning_sub ol > li div:first-child dfn{display:table-cell; vertical-align:middle; color:#888; font-style:normal; font-size:26px;}
#sub_container .earning_sub ol > li div:first-child var{display:table-cell; vertical-align:middle; text-align:right; width:80px; font-size:28px; font-style:normal; font-weight:bold; font-family:'나눔명조','바탕'; color:red;}
#sub_container .earning_sub ol > li div:last-child{padding:10px;}
#sub_container .earning_sub ol > li div:last-child ul{margin:0; padding:0 0 0 24px;}
#sub_container .earning_sub ol > li div:last-child ul li{display:list-item; list-style:square; margin:6px 0 0 0; color:#707070;}
#sub_container .earning_sub ol > li div:last-child ul li:first-child{margin:0;}
#sub_container .earning_sub ol > li div:last-child ul li b{color:black;}

#sub_container #professor_pay_form table{margin:0 0 30px 0; width:100%; table-layout:fixed; font-size:24px;}
#sub_container #professor_pay_form table caption{font-weight:600; padding:0 0 4px 0; border-bottom:2px solid #464646; text-align:left;}
#sub_container #professor_pay_form table th{padding:6px; font-weight:normal; background:#f6f6f6; border-bottom:1px solid #e0e0e0;}
#sub_container #professor_pay_form table td{padding:6px; font-weight:normal; border-bottom:1px solid #e0e0e0;}
#sub_container #professor_pay_form table td p{margin:6px 0 0 0;}
#sub_container #professor_pay_form table td p:first-child{margin:0;}
#sub_container #professor_pay_form table td button{padding:2px; border:none; color:white; background:#464646; vertical-align:middle; cursor:pointer;}
#sub_container #professor_pay_form table td input[type='date']{box-sizing:border-box; padding:6px 4px; font:inherit; font-size:24px; border:1px solid #e0e0e0; border-radius:4px; vertical-align:middle;}
#sub_container #professor_pay_form > p button{font-size:24px !important; width:128px; height:48px; border:none; font:inherit; color:#464646; background:#e0e0e0; vertical-align:middle; cursor:pointer;}
#sub_container #professor_pay_form > p button[type='submit']{color:white; background:#464646;}

/* footer */
#footer {background:#363636}
#footer .flink {background:#282828;padding:20px 0}
#footer .flink ul {padding:0 2.5%}
#footer .flink ul li {width:33.3%;text-align:center}
#footer .flink ul li a{color:white; font-size:22px;}
#footer .copyright {padding:20px 2.5%;font-size:20px;color:#d6d6d6;line-height:1.5}
#footer .copyright span {color:#8e8e8e}
#footer .copyright a{color:inherit;}



@media all and (max-width : 1100px){

}


@media all and (max-width : 840px){

}


@media all and (max-width : 640px){


}


@media all and (max-width : 480px){

}



.panel {
/*font-family:'notokr','Nanum';*/
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  position: fixed;
  z-index: 9999;
  top: 0;
  height: 100%;
  width: 320px;
  background-color: #f2f2f2;
}
/*.panel::after{content:'✕ 닫기'; display:none; box-sizing:border-box; padding:8px; text-align:center; color:white; background:rgba(255,255,255,0.25); position:fixed; left:320px; top:0;}
.panel.active::after{display:inline-block;}*/

.panel .moff {display:none}

.panel .ninja-btn {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  display: inline-block;
  float: left;
  cursor: pointer;
  padding: 30.285714px 31px;
  position: absolute;
  z-index: 2;
  top: -25px;
  width: 25px;
  height: auto;
}
.panel .ninja-btn span,
.panel .ninja-btn span:before,
.panel .ninja-btn span:after {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  width: 0px;
  height: 2px;
  background-color: #fff;
}
.panel .ninja-btn span {
  position: relative;
  display: inline-block;
  float: left;
  margin-top: 9.09090909px;
}
.panel .ninja-btn span:before,
.panel .ninja-btn span:after {
  content: "";
  position: absolute;
  left: 0;
}
.panel .ninja-btn span:before {
  top: -9.09090909px;
}
.panel .ninja-btn span:after {
  top: 9.09090909px;
}

/*메뉴 클릭후, 메뉴 버튼을 활성화 시켰을때 속성*/
.panel .ninja-btn.active span {
  background-color: transparent;
}
.panel .ninja-btn.active span:before,
.panel .ninja-btn.active span:after {
  top: 0;
}
.panel .ninja-btn.active span:before {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
}
.panel .ninja-btn.active span:after {
  -webkit-transition-delay: 0.09s;
  -moz-transition-delay: 0.09s;
  -o-transition-delay: 0.09s;
  -msa-transition-delay: 0.09s;
  transition-delay: 0.09s;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}
/* 안보이는 패널위치고정 */
.panel-overlay {
  position: fixed;
  top: 0;
  z-index: 99998;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.panel.left {
  left: -800px;
}
/*패널 버튼 부분 위치*/
.panel.left .ninja-btn {
  left: 770px;top:0;
}
/* 패널이 활성화 되었을때 */
.panel.left.active {
  left: 0;
  overflow: scroll;
  overflow-x:hidden;
  overflow-y:auto;
  z-index:9999999;
}
.panel.left.active .ninja-btn {
  left: 100%;
  margin-left: -70px;
}
.panel ul li.sub-menu{
}


.mmenu ul {
  width:100%;
  margin:0;
  list-style:none;
}
.mmenu ul > li{
  display:block;
  border-bottom:2px solid #333;
}
.mmenu  ul > li > a.tmenu{
	height:72px;
	line-height:72px;
	display:block;
	text-decoration:none;
	color:#fff;
	background:#464646;
	font-size:26px;
	font-weight:400;
	padding-left:35px;
	letter-spacing:-1
}
.mmenu  ul > li > a.tmenu.on{color:yellow;}

.mmenu ul + p{margin:20px 0; text-align:center;}
.mmenu ul + p .btn_new {display:inline-block;width:45%;height:48px;background:#464646;text-align:center;line-height:48px;color:#fff; font-size:24px;}

.mmenu .login_area {height:170px;background:#f2f2f2;text-align:center;}
.mmenu .login_area .btn_login {display:inline-block;margin:30px auto 0;width:100px;height:50px;line-height:48px;background:#000;color:#fff; font-size:24px;}
.mmenu .login_area .btn_new {display:inline-block;width:35%;height:50px; background:#464646; text-align:center;line-height:48px;margin-top:22px;color:#fff; font-size:24px;}
.mmenu .sub_list {background:#dee0e6;padding:10px 0}
.mmenu .sub_list a {display:block;line-height:48px;height:48px;padding-left:40px;font-size:26px;color:#222;font-weight:600;}
.mmenu .sub_list a.on{color:#0072bc;}


/* 마이페이지 */
#mypage_teacher_tab{display:table; width:100%; margin:0 0 16px 0; table-layout:fixed;}
#mypage_teacher_tab li{display:table-cell; float:none; padding:0 0 0 6px;}
#mypage_teacher_tab li:first-child{padding:0;}
#mypage_teacher_tab li a{display:block; border:1px solid #e0e0e0; background:#f6f6f6; color:#464646; text-align:center; padding:6px 0;}
#mypage_teacher_tab li a.on{color:white; background:#464646;}

#mypage_teacher_search{padding:8px 0;}
#mypage_teacher_search button{border:none; font:inherit; color:white; background:#464646; vertical-align:middle; cursor:pointer; font-size:24px; padding:3px 7px; vertical-align:middle;}
#mypage_teacher_search input[type='search']{border:1px solid #e0e0e0; padding:2px; font:inherit; font-size:24px; width:216px; vertical-align:middle;}

#mypage_teacher_tbl{margin:0 0 16px 0; width:100%; table-layout:fixed; font-size:24px;}
#mypage_teacher_tbl caption{font-weight:600; padding:0 0 4px 0; border-bottom:2px solid #464646;}
#mypage_teacher_tbl th{padding:6px; font-weight:normal; background:#f6f6f6; border-bottom:1px solid #e0e0e0;}
#mypage_teacher_tbl td{padding:6px; font-weight:normal; text-align:center; border-bottom:1px solid #e0e0e0;}
#mypage_teacher_tbl td a{color:inherit;}


/* 로그인 */
.top_td {font-size:18px; padding:0px; line-height:1em !important; width:100%;}
.ac_login_table {width:520px; height:400px; margin:0 auto;padding:0;}
#ac_login {margin:100px 0 0 0;padding:0 0 20px 0;border-top:2px solid #464646;border-bottom:1px solid #b4b4b4}
.ac_login_td {vertical-align:top; font-size:24px; padding:10px 0 0 0; line-height:1.8em !important; text-align:center;}
#ac_login .ac_login_title {margin:0; padding:20px 0; text-align:center;font-size:32px;font-weight:700;color:#464646;}
#ac_login .ac_login_title span {padding-left:10px;font-size:16px;font-weight:500;color:#b4b4b4;}
#ac_login ul{margin:0 auto; padding:0; display:table;}
#ac_login ul li{display:table-cell; vertical-align:middle; text-align:right; padding:0 4px;}
#ac_login ul li *{vertical-align:middle;}
#ac_login ul li b{display:inline-block; width:100px; text-align:left; font-size:24px;}
#ac_login ul li p{margin:0; padding:5px 0;}
#ac_login ul li #ac_id, #ac_login ul li #ac_pw{background:white;border:1px solid #c7c8cd;border-radius:3px;width:240px; padding:6px;font-size:24px;}
.login_button {background:#464646;border:1px solid #464646;border-radius:3px;width:96px;height:100px;padding:10px;font-size:20px;font-weight:600;text-align:center;color:white;}
.auto_check {margin:12px 0 24px 0; padding:0 0 0 130px;text-align:left;}
#ac_login_bottom_link a {display:inline-block;border-radius:3px;width:45%;height:48px;padding:0;font-size:20px;font-weight:600;vertical-align:middle;text-align:center;line-height:48px;}
#ac_forgot_btn_img, #fgt_id_find, #ac_join_btn_img{cursor:pointer;}
#ac_join_btn_img {background:#999999;border:1px solid #878787;color:white;}
#fgt_id_find {background:#dddde0;border:1px solid #c7c8cd;color:#8a8a8a;}
#ac_forgot_btn_img {background:#dddde0;border:1px solid #c7c8cd;color:#8a8a8a;}

/* 회원가입/정보수정 */
#inputinfo{width:100%; table-layout:fixed; margin:30px 0; border-top:1px solid #e6e6e6; border-spacing:0;}
#inputinfo caption{text-align:left; padding:0 0 8px 0;}
#inputinfo th{padding:6px; border-bottom:1px solid #e6e6e6; text-align:right; width:144px; background:#f8f8f8; font-weight:600;}
#inputinfo td{padding:6px; border-bottom:1px solid #e6e6e6;}
#inputinfo td p{margin:0;}
#inputinfo td input[type='text'], #inputinfo td input[type='password'], #inputinfo td input[type='date'], #inputinfo td select{box-sizing:border-box; padding:6px 4px; font-size:20px; border:1px solid #e0e0e0; border-radius:4px; vertical-align:middle;}
#lookupaddr_btn{color:white; background:#464646; padding:4px 12px; font-size:22px; border:none; border-radius:4px; cursor:pointer; vertical-align:middle;}
#input_mob1, #input_mob2, #input_mob3, #input_ph2, #input_ph3{width:72px; text-align:center;}
#input_zip, #input_titho_str{width:100px; text-align:center;}
#input_addr, #input_forgotq, #input_forgota{width:98%; margin-top:4px;}
#input_mail1, #input_mail3{width:100px;}
#input_submit{font-size:20px; color:white; background:#464646; padding:8px 24px; border:none; border-radius:4px; cursor:pointer;}
#titho_img_area img{height:48px; vertical-align:middle;}
#is_id{display:inline-block;}

/* 회원탈퇴 */
#cgmall_resign_form{margin:0 auto;}
#cgmall_resign_form p{text-align:center; margin:8px 0 0 0;}
#cgmall_resign_form table{width:100%; table-layout:fixed; margin:30px 0; border-top:1px solid #e6e6e6; border-spacing:0;}
#cgmall_resign_form table caption{text-align:left; padding:0 0 8px 0;}
#cgmall_resign_form table th{padding:6px; border-bottom:1px solid #e6e6e6; text-align:right; width:144px; background:#f8f8f8; font-weight:600;}
#cgmall_resign_form table td{padding:6px; border-bottom:1px solid #e6e6e6;}
#cgmall_resign_form table td p{margin:6px 0 0 0; text-align:left;}
#cgmall_resign_form table td p:first-child{margin:0;}
#cgmall_resign_form table td input[type='text'], #cgmall_resign_form table td input[type='password']{box-sizing:border-box; padding:6px 4px; font-size:20px; border:1px solid #e0e0e0; border-radius:4px; vertical-align:middle;}
#cgmall_resign_form button, #cgmall_resign_form input[type='submit']{color:white; background:#464646; padding:4px 12px; font-size:22px; border:none; border-radius:4px; cursor:pointer; vertical-align:middle;}

/* 페이지 */
.busanweb_pages{display:block; list-style:none; margin:0; padding:16px 0; text-align:center;}
.busanweb_pages a{display:inline-block; padding:6px; border:1px solid #e0e0e0; font-size:20px; font-weight:bold; color:#8b8b8b; min-width:40px; text-decoration:none;}
.busanweb_pages a.thispage{background:#464646 !important; color:white; border:1px solid #464646;}
.busanweb_pages a li{display:inline;}