/* 테이블 */
.table{width:100%; height:100%;  border-top:1px solid #333333;  padding-bottom:10px;} 
.table>thead>tr>th {height:40px; border-bottom:1px solid #d7d7d7; background:#fcfcfc; font-size:14px; text-align:center; color:#333333; font-weight:bold;}
.table>tbody>tr>td {height:40px; border-bottom:1px solid #d7d7d7; font-size:13px; line-height:120%;  text-align:center;}

.table_write{width:100%; height:100%;  border-top:1px solid #333333;  margin-bottom:20px;} 
.table_write tr>th {height:40px; padding-left:10px; border-bottom:1px solid #d7d7d7;  color:#333333; background:#fcfcfc; font-size:13px; text-align:left;  border-right:1px solid #d7d7d7;}
.table_write tr>th:last-child  { border-right:1px solid #ffffff; }
.table_write tr>td {height:40px; padding-left:10px; border-bottom:1px solid #d7d7d7; font-size:13px; text-align:left; border-right:1px solid #d7d7d7;}
.table_write tr>td.wh{height:40px; padding-left:10px; padding-bottom:7px; border-bottom:1px solid #d7d7d7; font-size:13px; text-align:left; border-right:1px solid #d7d7d7;}
.table_write tr>td:last-child  { border-right:1px solid #ffffff; }

.table_none{width:100%;height:100%;} 
.table_none>tbody>tr>th {height:30px; font-size:13px; text-align:left; color:#333333; font-weight:bold; }
.table_none>tbody>tr>td {height:30px; font-size:13px; line-height:120%; vertical-align:middle; text-align:left;padding:5px;}
.table_none tr>td {height:40px; padding:0px; vertical-align:middle; text-align:left;}

/* 테이블리스트 */
table.board {width:100%; margin-bottom:15px;}
table.board th {height:36px; text-align:center; border-top:1px solid #555555; color:#333; background:#f9f9f9; font-size:14px; border-bottom:1px solid #dddddd;}
table.board td {height:36px; font-size:13px; color:#555; padding-top:5px; padding-bottom:5px; text-align:center; border-bottom:1px solid #ddd;}
table.board td.gallery {margin-top:10px; padding-bottom:15px; color:#666; border-bottom:1px solid #fff; font-size:13px; text-align:center; letter-spacing:0px;}
table.board td.gallery img{height:120px;  width:180px; margin-top:15px; margin-bottom:10px; color:#666; border:1px solid #dddddd;  font-size:13px; text-align:center; letter-spacing:0px;}
table.board td.noline{border-bottom:1px solid #fff;}
table.board td.bleft{text-align:left; padding-left:20px;}
table.board td.bright{text-align:right;}
table.board td.nleft {height:36px; color:#666; padding-left:15px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #d7d7d7; font-size:13px; text-align:left; letter-spacing:0px;}

/* 쪽지 */
.board_title{font-size:14px; color:#333; font-weight:bold;}
.board_stitle{font-size:13px; color:#333; font-weight:bold;}
.note_btn{font-size:13px; color:#333; font-weight:bold; text-align:left; width:100%; margin-bottom:10px; }
.board_note{font-size:13px; color:#333; font-weight:bold; text-align:left; width:100%; }
.board_note span{float:right; font-size:13px; color:#333; font-weight:bold; text-align:right; }

/* 댓글 */
.comment_box {margin:0 auto; padding:10px; width:100%; border:1px solid #d7d7d7; margin-bottom:20px; background:#f9f9f9;}
.commnet_title{height:40px; font-size:13px; line-height:100%; margin-bottom:20px; margin-top:20px; padding-left:10px; vertical-align:middle; color:#333333; font-weight:bold; text-align:left;}
.commnet_text{font-size:13px; line-height:100%;  vertical-align:middle; color:#333333; font-weight:bold; text-align:center;}
.table_comment{width:100%; background:#f9f9f9;} 
.table_comment>tbody>tr>td.ctext {height:30px; font-size:12px; line-height:120%; padding-top:10px;padding-left:10px; padding-bottom:10px;  padding-right:10px; vertical-align:middle; text-align:left;}
.table_comment>tbody>tr>td.sline{border-top:1px dashed #d7d7d7; margin-bottom:-10px;  width:90%; }
.table_re{width:100%; background:#f9f9f9;} 

/* 페이징 */
.page_no {margin:0 auto; width:100%; height:30px; padding-top:10px; padding-bottom:30px;}
ul.page_box {margin:0; text-align:center; padding-bottom:20px; width:800px; padding-right:40px; }
ul.page_box li{display: inline; padding-left:2px; padding-right:2px;}
ul.page_box li.pactive a{display: inline; color:#3371c4; font-weight:bold; padding-left:2px;  padding-right:2px;}
ul.page_box li a:hover{font-weight:bold;}

/*버튼*/
#btn  {position:relative; margin:0 auto; width:100%; height:30px; padding-top:10px; padding-bottom:10px;}
.btn_center {text-align:center; padding-bottom:10px; padding-top:20px; width:100%; }
.btn_left  {width:50%; text-align:left; float:left; padding-bottom:10px;}
.btn_right {width:50%; text-align:right; float:right; padding-bottom:10px;}
.btn_board_right {width:50%; text-align:right; float:right; padding-bottom:5px;}

.btn_white {text-align:center; height:24px; border:1px solid #cccccc; color:#666666;  padding-left:7px; padding-right:7px; cursor:pointer;  border-radius:2px; font-weight:bold; background:#fafafa; text-decoration:none;}
.btn_white:hover{text-decoration:none; background:#c0c0c0; color:#fff; font-weight:bold;}

/* 이용약관 */
.pbox_con{position:relative; overflow:hidden; min-height:550px; padding-top:10px; padding-bottom:10px;}
.pbox {margin:0 auto; padding-top:5px; height:150px; width:97%; text-align:left;}
.pbox .provision {height:200px; overflow:auto; text-align:left; margin-top:10px;width:95%;}
.pbox div .provision {height:auto;overflow:hidden;border:0 none;padding:0;}
.provision {border:1px solid #ddd; padding:16px;  background:#ffffff;}
.provision h2 {color:#000; padding:5px 0; margin:20px 0 5px; font-size:15px; font-weight:bold; background:0 none; text-align:left;}
.provision h2:first-child {margin-top:0;}
.provision h3 {color: #222222; font-size: 13px; padding:5px 0; margin-top:0; text-align:left;  letter-spacing:0px;}
p.provision_r{font-size:14px; width:95%; height:60px;color:#444444; font-weight:bold; padding-bottom:20px; line-height:160%; padding:0; text-align:right; letter-spacing:0px;}

/*수강신청*/
.top_info {border-top: 1px solid #666666; width: 100%;}
.p_img {width: 352px; float: left;}
.info {width: 54%; float: left; margin: 10px 0 20px 10px;}
.standard {font-size: 12px; color: #999999; text-decoration:line-through; margin-bottom: -10px;}
.info_title {font-size: 20px; color: #333; font-weight: bold; margin-bottom: 0px;}
.info table td {margin-left: 20px; border-bottom: 1px solid #eaeaea;}
.p_price {font-size: 30px; color: #c7161e; font-weight: bold; font-family: initial; float: left; width: auto;}
.saleblock {float: left; display: block; background-color: #c7161e; color: #ffffff; font-size: 11px; padding: 3px 5px 3px 5px; margin-top: 17px;}
.period {width: 100%; height: 30px; boder: 1px solid #eeeeee;}
.book_thumb {float: left; width: 20%;}
.book_descript {float: left; margin-left: 10px; width: 70%;}
.detail_tap {margin-top: 30px;}


span.bold {font-weight:bold;}
span.red {color:#da000e; font-weight:bold;}

/*결제페이지*/
.oder_pro {margin}
.t_price {font-size: 30px; color: #c7161e; font-weight: bold; font-family: initial;}
.price_td {height: 100px; background-color: #f7f7f7;}
.price_td img {margin: -10px 20px 0 30px;}
.totalprice {width:100%; border-top: 2px solid #000; margin-top: 5px;}
.totalprice td {height: 40px; border-bottom: 1px solid #eaeaea; font-size: 14px; font-weight: bold; padding: 2px;}
.oder_title {margin-top: 20px;}
.pointlist {font-size: 12px; font-weight: normal;}
.pay_choice {width: 100%; height: 60px; text-align: center; border-top: 2px solid #000; border-bottom: 1px solid #eaeaea;}
.pay_choice span {font-weight: bold; padding: 12px;}

/* 나의강의실 */
.myclass-title {font-size: 16px; color: #333; font-weight: bold;}
.myclass-stitle {font-size: 14px; color: #666; font-weight: bold; line-height: 26px;}
.bleft > .myclass {list-style: none; padding: 0px; margin: 5px 0 0 0; font-size:14px;}
.bottom > td > .photo-list {margin: 5px 0;}
.bottom > td > .photo-list img {width:138px; height:142px;border:0px;}