@charset "euc-kr";

#common_table{margin:0;line-height: 1.4}
.table_list, .table_list td, .table_list th, .table_list a, .table_list select, .table_list input, .commonBoardView, .commonBoardView a{font-family: var(--primary-font);font-size:var(--font-size-sm);line-height: 1}
/* ¸®½ºÆ® */
.table_list{width:100%}
.commonSearchArea{position:relative;width:100%;text-align:right;margin:0;padding:0;height:38px}
.commonSearchArea *{vertical-align:middle}
.commonSearchArea .txt{display:inline-block;vertical-align: middle;width:149px;height:26px;line-height:26px;font-size:var(--font-size-sm);color:#666;border:1px solid #cdcdcd;text-indent:10px;padding:0;margin:0 -5px 0 0;background:#fff}
.commonSearchArea select{display:inline-block;width:100px;height:26px;border:1px solid #cdcdcd;line-height:26px;font-size:var(--font-size-sm);color:#3f3f3f;padding:0;margin:0;background:#fff;vertical-align: middle;margin-right: 5px}
.commonSearchArea .btnSearch{display:inline-block;width:70px;height:26px;line-height:26px;text-align:center;font-size:var(--font-size-sm);color:#fff;font-weight:var(--font-weight-semibold);background:#7b808a;text-decoration:none}
.commonSearchArea .btnMy{background: #637aa1}
.commonSearchArea .a_right{position:absolute;right:0;top:0}
.commonSearchArea .selectGrade{position:absolute;left:0;top:0}
.commonSearchArea .checkList input{vertical-align: -1px}

.commonBoardList{table-layout:fixed;border-collapse:collapse;border-top:1px solid #999;width:100%;border-bottom:1px solid #e0e0e0}
.commonBoardList th{height:39px;background:#fafafa;border-bottom:1px solid #e2e2e2;color:#434a59;font-size:var(--font-size-sm);font-weight: var(--font-weight-regular);letter-spacing: -1px}
.commonBoardList td{border-top:1px solid #e0e0e0;text-align:center;padding:11px 0 11px 0;color:#666;line-height: 18px}
.commonBoardList .number{font-size:var(--font-size-sm)}
.commonBoardList .number img{margin-bottom: -2px}
.commonBoardList .subject{text-align:left;padding-left:9px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.commonBoardList .subject a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#666}
.qna_listArea .subject a {color:#333333;font-weight: var(--font-weight-semibold);font-size: 14px}
.commonBoardList .subject span{color:#f26522;font-size:var(--font-size-xs);}
.commonBoardList .subject .qnaArea span{color:#888888;font-size:var(--font-size-sm)}
.commonBoardList .subject .qnaArea .ans_ok {color: #0C66D1}
.commonBoardList a:hover{color:#333}
.commonBoardList .noData{text-align:center;height:165px;color:#666}
.commonBoardList .top td{background: #f3f8fe}
.commonBoardList .ic_file{vertical-align: -3px}
.commonBoardList .done{color:#0000ff;text-decoration: none}

.sub_addtxt{font-size:var(--font-size-xs-plus);}
.sub_addtxt p{padding-top:3px;font-size:var(--font-size-xs-plus);}

/* Å×ÀÌºí¸®½ºÆ® ÇÏ´Ü ¹öÆ° */
#table_footer #paging_wrap a, #table_footer #paging_wrap strong{background-position: 0 4px}
/* #table_footer #paging_wrap a:hover, #table_footer #paging_wrap a:link{font-size:var(--font-size-sm)} */
/* #table_footer #paging_wrap a.next{margin-left: -1px}
#table_footer #paging_wrap a.prev{margin-right: -1px} */

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
  /* .commonBoardList th{padding-top:11px;padding-block-end: 15px} */
  /* .commonBoardList td{padding-top: 9px;padding-block-end: 13px}
  #table_footer #paging_wrap a, #table_footer #paging_wrap strong{padding-top: 3px} */
}

/* Å×ÀÌºí º¸±â ÆäÀÌÁö */
.commonBoardView{position:relative;width:100%;padding:0 0 20px;border-top:1px solid #999;margin: 0}
.commonBoardView p{margin:0}
.commonBoardView--subject{color:#333333;font-size:15px;line-height: 1.5;font-weight: var(--font-weight-semibold);margin:0;background: #f9f9f9;border-top: 1px solid #999;border-bottom: 1px solid #e2e2e2;padding:14px 20px;letter-spacing: -1px}
.commonBoardView--items{text-align: right;font-size:var(--font-size-sm);border-bottom: 1px solid #e2e2e2;padding:13px 23px 13px 20px;background: #fff;line-height: 1;color: #999;overflow:hidden}
.commonBoardView--items *{margin:0;padding:0}
.commonBoardView--items dt{display:inline-block;*display:inline;*zoom:1;letter-spacing:-1px}
.commonBoardView--items dd{display:inline-block;*display:inline;*zoom:1}
.commonBoardView--items dd strong{font-weight:var(--font-weight-regular)}
.commonBoardView--items .line{display:inline-block;width:1px;height:12px;margin:0 5px 0 6px;vertical-align: -2px;line-height: 9999px;background: #b4b4b4;overflow: hidden}
.commonBoardView--items dd a{text-decoration:underline}
.commonBoardView--items .phone{ color:#0596a0}
.commonBoardView--items .pos{ position: relative}
.commonBoardView--items .pos .castView__title__layer{ left:auto;top:22px;right:-22px; display: none}
.commonBoardView--items .pos a{ text-decoration: none;line-height: 1.4}
.commonBoardView--items .pos a:hover{ text-decoration: underline}
.commonBoardView--items .pos .castView__title__btn{ cursor: pointer}
.commonBoardView--detail{overflow:hidden;padding:26px 23px 26px 33px;color:#333;border-bottom: 1px dotted #e2e2e2}
.commonBoardView--detail dt{display:inline-block;*display:inline;*zoom:1}
.commonBoardView--detail dd{display:inline-block;*display:inline;*zoom:1;font-weight:400};
.commonBoardView .rightPos{display:block}
.commonBoardView .leftPos{float:left}
.commonBoardView .leftPos .left_optbtn a {display: inline-block;line-height:1;padding:0 10px;border: 1px solid #ccc;height:17px;line-height:19px;letter-spacing: -1px;font-size:var(--font-size-sm); text-decoration: none}
.commonBoardView .leftPos .left_optbtn a.btn_vscrap{min-width:48px;padding:0 0 0 18px!important;background:url(//img.megastudy.net/entinfo/main/190409/ic_scrap.gif) no-repeat 3px 50%;line-height:19px;text-align:center}

.commonBoardView .hit02{position:absolute;right:15px;top:11px;font-family:var(--primary-font);font-size:var(--font-size-xs);;line-height:1.3;margin:0;color:#a1a1a1;text-align:right;padding:0 0 0 6px;background:url('//img.megastudy.net/go1_class/common/u_view_notice.gif') 0 5px no-repeat}
.commonBoardView .hit02 *{display:inline;vertical-align:top;margin:0}
.commonBoardView .hit02 dd{font-weight:var(--font-weight-regular);color:#777}
.commonBoardView .viewContents{padding:20px;font-family:var(--primary-font);font-size:var(--font-size-sm);line-height:1.7;color:#666;word-break:keep-all;word-wrap: break-word;width:780px}
.commonBoardView .source{position:absolute;left:15px;bottom:20px;font-family:var(--primary-font);font-size:var(--font-size-xs);;line-height:1.3;color:#a1a1a1}
.commonBoardView .source img{vertical-align:-4px}
.commonBoardView--btns{position:relative;width:100%;;text-align:right;padding:10px 6px 30px 0;border-top:1px solid #efefef}
.commonBoardView--btns a, .commonBoardView--btns a:hover{display:inline-block;text-align:center;height:36px;line-height:34px;background:#7b808a;font-size:var(--font-size-sm);color:#fff;font-weight:var(--font-weight-semibold);padding:0 32px;text-decoration:none}

/* 20201202 »ó¼¼ÆäÀÌÁö Ãß°¡ s */
.commonBoardView--btns-line {border: 1px solid #ddd; background: #fff !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
.commonBoardView--btns-line.cRed {color: #e84444; border-color: currentcolor}
.commonBoardView--btns-line.cGray {color: #7b808a; border-color: currentcolor}
.commonBoardView--btns-line:hover {color: #000 !important}

.commonBoardView--ico {position: relative; top: 3px}
.commonBoardView__cast {position: absolute; right: 20px; top: 13px; z-index: 1}
.commonBoardView__cast:after {content: ''; display: block; clear: both}
.commonBoardView__cast--btn {display: inline-block; float: left; width: 28px; height: 28px; margin: 0 0 0 6px; background:url('//img.megastudy.net/teacher_v2/bbs/ic_cast_set.gif') no-repeat}
.commonBoardView__cast--btn:first-child {margin-left: 0}
.commonBoardView__cast--btn.btn-like {background-position: 0 0}
.commonBoardView__cast--btn.btn-like.active {background-position: 0 -30px}
.commonBoardView__cast--btn.btn-share {background-position: -30px 0}
.commonBoardView__cast--count {display: inline-block; float: left; font-family: inherit; font-size: 14px; line-height: 28px; color: #f34d51; text-align: right}
.commonBoardView__cast--count > span {font-weight: var(--font-weight-regular)}
.commonBoardView__cast--count + .commonBoardView__cast--btn {margin-left: 12px}
/* 20201202 »ó¼¼ÆäÀÌÁö Ãß°¡ e */

/*ÃßÃµ¼­ºñ½º*/
.recommendService *{padding:0}
.recommendService{margin-top: 20px}
.recommendService, .recommendService h2, .recommendService--menu a{font-family: var(--primary-font)}
.recommendService h2{font-size:16px;font-weight: var(--font-weight-semibold);height:35px;margin:0;color:#333;padding-left: 28px;letter-spacing: -1px}
.recommendService{position: relative;padding-bottom: 30px}
.recommendService .prev{position: absolute;left:5px;top:45%;margin-top:-14px;cursor: pointer;width:12px}
.recommendService .next{position: absolute;right:5px;top:45%;margin-top: -14px;cursor: pointer;width:12px}
.recommendService--menu{position: absolute;right:30px;top:0;text-align: center}
.recommendService--menu a{font-size:var(--font-size-sm);letter-spacing: -1px}
.recommendService--menu a:hover, .recommendService--menu .on{color: #61a2d9}
.recommendService--menu .line{display:inline-block;width:1px;height:12px;margin:0 5px 0 6px;vertical-align: middle;line-height: 9999px;background: #b4b4b4;overflow: hidden}
.recommendService-list{width:90%;margin:0 auto;overflow: hidden;list-style: none}
.recommendService-list li{float:left;width:33%;text-align: center}
.recommendService-list li:last-child{display: none}
.recommendService-list .txt{padding-top: 15px;font-size:var(--font-size-sm)}
.recommendService-list li img{width:95%}
.recommendService-list li:last-child{display: block}
#megaNumOne2{margin:0 22px}
.sky_banner {left: 50%; margin-left: 515px; position: absolute;top: 0}
#skyArea{right:-140px !important}
#skyArea #skyArea{right:0 !important}
.column_right{min-height:620px}
.md1 img{vertical-align: middle}

.aside .cont{margin:0;font-size:var(--font-size-sm)}
.aside .top2 h5{margin:0}

.commonBoardWrite{width:100%;table-layout:fixed;border-collapse: collapse}
.commonBoardWrite tr:first-child th{border-top:1px solid #999}
.commonBoardWrite tr:first-child td{border-top:1px solid #999}
.commonBoardWrite th{padding:0;background:#fafafa;border-bottom:1px solid #e2e2e2;text-align:center;font-size:var(--font-size-sm);color:#333333;font-family:var(--primary-font) !important}
.commonBoardWrite th strong{color:#ff6a4d;display:inline-block;margin: 0 -10px 0 0}
.commonBoardWrite th.line {border-right:1px solid #e2e2e2}
.commonBoardWrite td{padding:7px 30px 7px 30px;background:#fff;border-bottom:1px solid #e2e2e2;font-size:var(--font-size-sm);color:#666;text-align:left;height:43px;font-family:var(--primary-font) !important}
.commonBoardWrite input[type=radio]{vertical-align: -2px;margin-right: 3px !important}
.commonBoardWrite input[type=text]{height: 26px;border: 1px solid #d6d6d6;font-size: var(--font-size-sm);text-indent: 5px;vertical-align: middle}
.commonBoardWrite label{vertical-align: middle}
.commonBoardWrite label span{margin-right: 10px}
.commonBoardWrite select{height: 28px;font-family:var(--primary-font) !important;font-size: var(--font-size-sm);width:40%;border: 1px solid #d6d6d6;vertical-align: middle}
.commonBoardWrite .subject{width:630px}
.commonBoardWrite .writeTxt{vertical-align: middle}
.commonBoardWrite--btns{border-top: 0}
.bt_upload {font-size: 14px;color: #fff !important;background: #b3b3b3;height: 29px;line-height: 27px;padding: 0 30px;margin-top: 5px;display: inline-block;overflow: hidden;font-family: var(--primary-font);margin-bottom: 5px}
.uploadFileName{margin-bottom: 5px;margin-top:5px}
.uploadFileName a{margin-left: 10px;text-decoration: underline;font-family:var(--primary-font) !important}
/* .commonBoardWrite .select_lst > li{padding:9px 0 0 0}
.commonBoardWrite .select_lst > li:first-child{padding:0}
.commonBoardWrite .form_bu_lst{padding:6px 0 0 0}
.commonBoardWrite .td_lst{width:auto;overflow:hidden}
.commonBoardWrite .td_lst > li{float:left;padding:0 0 0 35px}
.commonBoardWrite .td_lst > li:first-child{padding:0}
.commonBoardWrite .td_lst.type02 > li{float:left;padding:0 0 0 24px}
.commonBoardWrite .td_lst.type02 > li:first-child{padding:0}
.commonBoardWrite .td_lst label{display:inline-block;float:left;height:28px;line-height:28px;padding:0 15px 0 0}
.commonBoardWrite .td_lst .input_type{display:inline-block;float:left}
.commonBoardWrite .td_lst .btn_calender{display:block;float:left;width:28px;height:25px;text-align:center;margin:0 0 0 2px;padding:3px 0 0 0}
.commonBoardWrite .td_lst .rdo_input{width:auto;padding:0}
.commonBoardWrite .td_lst .rdo_input .i_radio{width:13px;height:13px;padding:0;margin:7px 6px 0 0;float:left;vertical-align:top}
.commonBoardWrite .td_lst .rdo_input .txt{display:block;float:left;height:28px;line-height:25px;letter-spacing:-1px}
.commonBoardWrite .text_type{display:block;border:1px solid #d6d6d6;width:auto;padding:10px;height:134px}
.commonBoardWrite .text_type textarea{display:block;border:none;background:#fff;width:604px;height:130px;font-size:var(--font-size-sm);line-height:19px;color:#666;font-family:'¸¼Àº °íµñ',Malgun Gothic !important}
.commonBoardWrite.type2 td {padding:7px 30px}
.commonBoardWrite.type2 td .note {font-size:var(--font-size-sm); margin-top:4px}
.commonBoardWrite.type2 th {padding:0 10px} */

/* 20201201 °¶·¯¸®Çü °Ô½ÃÆÇ Ãß°¡s */
.commonThumbList {}
#megatcc_container + .commonThumbList {margin-top: 50px; margin-bottom: 50px}
.commonThumbList:after {content: ''; display: block; clear: both}
.commonThumbList > li {float: left; width: 196px; height: 296px; margin: 0 0 0 12px}
.commonThumbList > li:first-child,
.commonThumbList > li:nth-of-type(4n+1) {margin-left: 0}
.commonThumbList > li.noData {display:table; width:100%; height:165px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0}
.commonThumbList > li.noData .noData__inner {display:table-cell; vertical-align:middle; text-align:center; color:#666}
.commonThumbList > li.noData .noData__inner a {display:inline-block; padding-top:5px; color:#30323f}
.commonThumbList--picture {overflow: hidden; position: relative; width: 196px; height: 196px; border: 1px solid #ddd; background:#e4e6ed url('//img.megastudy.net/teacher_v2/bbs/bg_thumb_done.gif') 50% 50% no-repeat; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -wekit-box-sizing: border-box}
.commonThumbList--picture > a img {
    height: 196px;
	/* position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); */
	image-rendering:-webkit-optimize-contrast; image-rendering:-moz-optimize-contrast; image-rendering:-ms-optimize-contrast; image-rendering:-o-optimize-contrast;
}
.commonThumbList--ico {position: absolute; left: 0; top: 10px; z-index: 1}
.commonThumbList__info {font-family: var(--primary-font); color: #7e7e7e}
.commonThumbList__info--summery {
	margin: 10px 0 0; word-break: keep-all;
	font-family:var(--primary-font);font-size:var(--font-size-sm);line-height:18px; color: #7e7e7e;
	/* white-space:normal; height:36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-align: center; */
    height:36px; overflow:hidden; word-wrap: break-word; word-break: keep-all; text-align: center;
}
.commonThumbList__info--count {color: #6792c5}
.likeSetWrap {position: relative; margin: 12px 0 0; text-align: center; font-size: 0;display:flex;justify-content: center;align-items: center}
.likeSetWrap > * {display: inline-block; vertical-align: top}
.likeSetWrap--count {font-family: inherit; font-weight: var(--font-weight-semibold); font-size: 14px; line-height: 30px; color: #f34d51}
.likeSetWrap--button {position: relative; width: 30px; height: 30px; background:url('//img.megastudy.net/teacher_v2/bbs/ic_like.png') no-repeat; text-indent: -9999px;display: inline-block}
.likeSetWrap--button.active {background-position: 0 -30px}
.likeSetWrap--count + .likeSetWrap--button {margin-left: 8px}
.likeSetInner{display: flex;align-items: center;justify-content: center}
.viewCounter{margin-left: auto;font-size:var(--font-size-sm);margin-left: auto}
.likeSetInner{display: flex;align-items: center}

.guide_txt{padding-top:12px;font-size:var(--font-size-sm);color:#666}

/* 20201201 °¶·¯¸®Çü °Ô½ÃÆÇ Ãß°¡e */
