@charset "UTF-8";

/* List */
.bbsList{table-layout:fixed;width:95%; border-top:2px solid #747474; border-bottom:1px solid #747474;}
.bbsList th{position:relative; padding:12px 5px; border-bottom:1px solid #747474;}
.bbsList th:before{content:''; display:inline-block; position:absolute; top:50%; left:0; margin-top:-5.5px; width:1px; height:11px; background:#e8e8e8;}
.bbsList th:first-child:before{display:none;}
.bbsList td{padding:10px 5px; border-top:1px solid #e8e8e8;}
.bbsList td a{display:inline-block;/* width:92%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/}

/* 나의 수강 List */
.bbsListmy {table-layout:fixed;width:100%; border-top:2px solid #747474; border-bottom:1px solid #747474;}
.bbsListmy th{position:relative; padding:12px 5px; border-bottom:1px solid #747474;}
.bbsListmy th:before{content:''; display:inline-block; position:absolute; top:50%; left:0; margin-top:-5.5px; width:1px; height:11px; background:#e8e8e8;}
.bbsListmy th:first-child:before{display:none;}
.bbsListmy td{padding:10px 5px; border-top:1px solid #e8e8e8;}
.bbsListmy td a{display:inline-block;/* width:92%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/}

@media screen and (max-width:768px) {
  .bbsListmy thead {
    display:none;
  }
  .bbsListmy tr {
    display:block;
    margin-bottom:10px;
    border-top:none;
  }
  .bbsListmy th, .bbsListmy td {
    display:block;
    position:relative;
    padding:10px 0;
    padding-left:50%;
    border-width:0 0 1px 0;
	border-bottom:1px solid #BBBBBB;
  }

  .bbsListmy td:before {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:50%;
    padding:10px 0;
    background:#EEEEEE;
	padding-top:10px;
  }

  .bbsListmy td:nth-child(1):before {content:'순번';}
  .bbsListmy td:nth-child(2):before {content:'등록명(개월)';}
  .bbsListmy td:nth-child(3):before {content:'시작일/종료일';height:62px;padding-top:22px;}
  .bbsListmy td:nth-child(4):before {content:'등록일';}
  .bbsListmy td:nth-child(5):before {content:'등록금액';}
  .bbsListmy td:nth-child(6):before {content:'영수증';height:54px;padding-top:17px;}
  .bbsListmy td:nth-child(7):before {content:'환불';}
  .bbsListmy td:nth-child(8):before {content:'QR';}
}

/* 나의 일일 수강 List */
.bbsListdaymy {table-layout:fixed;width:100%; border-top:2px solid #747474; border-bottom:1px solid #747474;}
.bbsListdaymy th{position:relative; padding:12px 5px; border-bottom:1px solid #747474;}
.bbsListdaymy th:before{content:''; display:inline-block; position:absolute; top:50%; left:0; margin-top:-5.5px; width:1px; height:11px; background:#e8e8e8;}
.bbsListdaymy th:first-child:before{display:none;}
.bbsListdaymy td{padding:10px 5px; border-top:1px solid #e8e8e8;}
.bbsListdaymy td a{display:inline-block;/* width:92%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/}

@media screen and (max-width:768px) {
  .bbsListdaymy thead {
    display:none;
  }
  .bbsListdaymy tr {
    display:block;
    margin-bottom:10px;
    border-top:none;
  }
  .bbsListdaymy th, .bbsListdaymy td {
    display:block;
    position:relative;
    padding:10px 0;
    padding-left:50%;
    border-width:0 0 1px 0;
	border-bottom:1px solid #BBBBBB;
  }

  .bbsListdaymy td:before {
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:50%;
    padding:10px 0;
    background:#EEEEEE;
	padding-top:10px;
  }

  .bbsListdaymy td:nth-child(1):before {content:'순번';}
  .bbsListdaymy td:nth-child(2):before {content:'이용종목(시간)';}
  .bbsListdaymy td:nth-child(3):before {content:'이용가능일';}
  .bbsListdaymy td:nth-child(4):before {content:'신청일';}
  .bbsListdaymy td:nth-child(5):before {content:'결제방법';}
  .bbsListdaymy td:nth-child(6):before {content:'영수증';height:60px;padding-top:20px;}
  .bbsListdaymy td:nth-child(7):before {content:'취소';height:60px;padding-top:20px;}
  .bbsListdaymy td:nth-child(8):before {content:'QR';}
}


/* View */
.bbsView{table-layout:fixed; width:100%; margin:0 0 20px; border-top:2px solid #747474; border-bottom:1px solid #747474; text-align:left;}
.bbsView th,
.bbsView td{padding:10px 8px;}
.bbsView thead th{padding:10px 30px;border-bottom:1px solid #747474; background:#f7f7f7;}
.bbsView tbody th,
.bbsView tbody td{border:1px solid #d9d9d9;}
.bbsView tbody th{text-align:center;}
.bbsView tbody tr:last-child th,
.bbsView tbody tr:last-child td{border-bottom:1px solid #747474;}
.bbsView .date{position:relative;float:right;}
.bbsView .date:before{content:''; display:inline-block; position:absolute; top:50%; left:-20px; margin-top:-8.5px; width:17px; height:17px; background:url(../images/board/ico_date.png) no-repeat 0 0; }
.bbsView .bbsViewBody{padding:35px 0; border:0; line-height:1.6;}
.bbsView .bbsViewBody img{max-width:100%; height:auto; margin: 5px 0;}
/*.bbsView .bbsViewBody #bbs_cn{text-align:left; word-wrap:break-word;}*/
.ref{padding-bottom:20px; border-bottom:1px solid #747474; letter-spacing:-1px;}
.bbsBtn{margin:25px 0 20px;}

/* write*/
.bbsWrite{table-layout:fixed; width:100%; margin:0 0 20px; border-top:2px solid #747474; border-bottom:1px solid #747474; text-align:left;}
.bbsWrite th,
.bbsWrite td{padding:10px 8px;}
.bbsWrite thead th{padding:10px 30px;border-bottom:1px solid #747474; background:#f7f7f7; font-size:16px;}
.bbsWrite tbody th,
.bbsWrite tbody td{border:1px solid #d9d9d9; border-bottom: 0;}
.bbsWrite tbody th{text-align:center;}
/*.bbsWrite tbody tr:last-child th,
.bbsWrite tbody tr:last-child td{border-bottom:1px solid #747474;}*/
.bbsWrite .date{position:relative;float:right; font-size:13px; }
.bbsWrite p{text-align:left !important;}
.bbsWrite input[type=text]{margin-bottom:5px;}
.bbsWrite label{margin-right:5px;}
.bbsWrite .bbs_remark{display:inline-block; margin-left:10px; font-size:13px; color:#858585;}
.bbsWrite input[type=file]{height:24px; padding:0;}

/* bbsPhoto */
.bbsPhoto{width:100%; overflow:hidden; border-top:1px solid #747474;}
.bbsPhoto ul{overflow:hidden;margin:-10px -1.016% 0;}
.bbsPhoto ul+ul{margin-top:0 !important;}
.bbsPhoto li{float:left; position:relative; width:31.3%; height:318px; margin:35px 1.016% 0; background:#dfdfdf;}
.bbsPhoto li .pic{display:block; margin:1px 1px 0; height:179px;}
.bbsPhoto li .pic img{display:inline-block; width:236px; height:179px;}
.bbsPhoto li .tit_area{box-sizing:border-box; margin:0 1px; height:93px; padding:17px 13px 10px; background:#fff; letter-spacing:-1px;}
.bbsPhoto li .tit_area strong{display:inline-block;}
.bbsPhoto li .tit_area span{display:inline-block; margin-top:5px; line-height:1.4;}
.bbsPhoto li .info{position:absolute; bottom:1px; left:1px; right:1px; height:44px; background:#f7f7f7; line-height:44px;text-align:center;}
.bbsPhoto li .info span{position:relative; display:inline-block; padding-left:25px;}
.bbsPhoto li .info span:before{content:''; display:inline-block; position:absolute; top:50%; left:0; margin-top:-8.5px; width:17px; height:17px; background:url(../images/board/ico_date.png) no-repeat 0 0;}

/* 검색 */
.srchBox{margin:20px 0 10px;}
.srchBox:after{content:""; display:block; clear:both;}
.srchBox .left{float:left;}
.srchBox .right{float:right;}
.srchBox .page_num{height:30px; line-height:30px;}
.srchBox .page_num span{display:inline-block;margin-right:10px; font-size:11px;}
.srchBox .page_num span strong{display:inline-block;margin:0 3px; font-size:13px; font-weight:normal; color:#017ec1;}
.srchBox .infomation{line-height:30px;color:#ab603e;}
.srchBox .infomation span{display:inline-block; color:#333;}
.srchBox .infomation span:before{content:''; display:inline-block; width:24px; height:24px; background:url(../images/board/ico_imformation.gif) no-repeat 0 0; vertical-align:middle;}
.srchBox select{height:30px; padding:3px 3px; border:1px solid #d6d6d6; vertical-align:middle;}
.srchBox input[type=text],
.srchBox input[type=password]{height:26px; padding:2px 0 0 5px; border:1px solid #d6d6d6; vertical-align:middle;}
.srchBox input.word{width:140px;}
.srchBox .btn_srch{float:right;}
/* 아이콘 */
.bbsIco{display: inline-block; position: relative; text-indent: -9999em; vertical-align: top;}
.bbsIco.ntc{text-align:center; width:17px; height:15px;}
.bbsIco.ntc:after{content:''; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/board/ico_notice.gif) no-repeat 50% 0;vertical-align:top;}
.bbsIco.new{width:25px; height:10px; margin: 5px 3px 0; background:#fe6e00;}
.bbsIco.new:after{content:'new'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:600; font-size:11px; line-height:0.75; color:#fff; text-indent:0; text-align:center; vertical-align:top;}
.bbsIco.marking{width:19px; height:19px; margin:0 2px;}
.bbsIco.marking:after{content:''; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/member/ico_marking.png) no-repeat 0 0; vertical-align:top;}

/* 강좌신청 요일아이콘 */
.dy{display:inline-block; width:18px; height:19px; line-height:19px; border-radius:50%; text-align:center; font-family:'Dotum'; font-size:11px; color:#fff;}
.dy.mon{background:#ab603e;}
.dy.tue{background:#66832f;}
.dy.wed{background:#39889c;}
.dy.thu{background:#566fbf;}
.dy.fri{background:#4a525f;}
.dy.sat{background:#bf58a8;}
.dy.sun{background:#ec486f;}

/* bbsViewNav */
.bbsViewNav{table-layout:fixed; width:100%; margin: 0 3px; padding:1px 0;border-top:1px solid #747474;border-bottom:1px solid #747474;}
.bbsViewNav th,
.bbsViewNav td{padding:10px 8px;border:1px solid #d9d9d9;}
.bbsViewNav th{position:relative;padding-left:26px; text-align:center;}
.bbsViewNav th.prev:before,
.bbsViewNav th.next:before{content:''; display:inline-block; position:absolute; top:50%; left:20px; margin-top:-9.5px; width:19px; height:19px; background:url(../images/board/ico_prev_article.gif) no-repeat 0 0;}
.bbsViewNav th.next:before{background:url(../images/board/ico_next_article.gif) no-repeat 0 0;}
.bbsViewNav tbody tr:first-child th,
.bbsViewNav tbody tr:first-child td{border-top:1px solid #747474;}
.bbsViewNav tbody tr:last-child th,
.bbsViewNav tbody tr:last-child td{border-bottom:1px solid #747474;}

/** Paging **/
.pagination{padding:15px 0; text-align:center; line-height:normal;}
.pagination a,
.pagination strong{display:inline-block; width:23px; height:33px; font-size:12px; font-family:Tahoma, sans-serif; color:#555; line-height:33px; text-decoration:none; vertical-align:middle;}
.pagination strong{font-size:13px; color:#236fe2; text-decoration:underline;}
.pagination .page_prev,
.pagination .page_prevend,
.pagination .page_next,
.pagination .page_nextend{width:31px; margin:0 2px; border:1px solid #d6d6d6; background:#fff;}
.pagination .page_prev span{display:block; overflow:hidden; width:4px; height:7px; margin:14px auto 0; background:url(../images/common/ico_page_prev.gif) no-repeat 0 0; text-indent:-2000px;}
.pagination .page_prevend span{display:block; overflow:hidden; width:9px; height:7px; margin:14px auto 0; background:url(../images/common/ico_page_prevend.gif) no-repeat 0 0; text-indent:-2000px;}
.pagination .page_next span{display:block; overflow:hidden; width:4px; height:7px; margin:14px auto 0; background:url(../images/common/ico_page_next.gif) no-repeat 0 0; text-indent:-2000px;}
.pagination .page_nextend span{display:block; overflow:hidden; width:9px; height:7px; margin:14px auto 0; background:url(../images/common/ico_page_nextend.gif) no-repeat 0 0; text-indent:-2000px;}