﻿/* faq */
table.table_stats{width:100%; border-top:1px solid #000000;  padding-bottom:10px; } 
table.table_stats>thead>tr>th {display:none; height:60px; border-bottom:1px solid #d7d7d7; background:#fcfcfc; font-size:15px; text-align:center; color:#333333; font-weight:bold;}
table.table_stats>tbody>tr>td {height:60px; padding:20px 0px 20px; border-top:0px solid #dddddd; border-bottom:1px solid #d7d7d7; font-size:15px; vertical-align: middle; background:#ffffff; }
table.table_stats>tbody>tr>td p{line-height:230%; color:#444444;}
table.table_stats>tbody>tr>td a{padding-left:10px;}
.faqdate{display:none;}
.page{text-align:center; width:100%;}
.faq_search{text-align:center; width:100%;}

table.table_stats li.answer_faq{position: relative; }
table.table_stats li.answer_faq span.answer_icon{position:absolute; left:10px; width:40px; display:inline-block; top:5px; vertical-align:top;}
table.table_stats li.answer_faq .answer_txt{margin-left:46px;}
/* 테이블 */
.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: 44%; float: left; text-align: center; margin-bottom: 20px;}
.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;}

/* link style */
a:link    	        {color:#666666; text-decoration:none;}
a:visited 	        {color:#666666; text-decoration:none;}
a:active  	        {color:#fd6c02; text-decoration:none;}
a:hover         	{color:#006cb7; text-decoration:none;}

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;}

/* 메인교재 */
.main_book   {float:left; width:auto; margin-top:30px;}
.m_book_box {float:left; text-align:center; width:139px; padding-bottom:15px;}
.m_book_box a:hover{text-decoration:none;}



/* 나의강의실 */
.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;}
.bottom > td > .photo-list {margin: 5px 0;}

/*margin. padding*/

.mT0 {margin-top:0px;}
.mT3 {margin-top:3px;}
.mT5 {margin-top:5px;}
.mT7 {margin-top:7px;}
.mT8 {margin-top:8px;}
.mT9 {margin-top:9px;}
.mT10 {margin-top:10px;}
.mT15 {margin-top:15px;}
.mT16 {margin-top:16px;}
.mT20 {margin-top:20px;}
.mT25 {margin-top:25px;}
.mT30 {margin-top:30px;}
.mT35 {margin-top:35px;}
.mT40 {margin-top:40px;}
.mT45 {margin-top:45px;}
.mL50 {margin-left: 50px;}
.mT60 {margin-top:60px;}
.mL100 {margin-left:100px;}
.mL180 {margin-left:180px;}

.mTm4 {margin-top:-4px;}

.mB2 {margin-bottom:3px;}
.mB3 {margin-bottom:3px;}
.mB8 {margin-bottom:8px;}
.mB10 {margin-bottom:10px;}
.mB15 {margin-bottom:15px;}
.mB20 {margin-bottom:20px;}
.mB30 {margin-bottom:30px;}

.mL0 {margin-left:0px;}
.mL3 {margin-left:3px;}
.mL5 {margin-left:5px;}
.mL6 {margin-left:6px;}
.mL8 {margin-left:8px;}
.mL10 {margin-left:10px;}
.mL15 {margin-left:15px;}
.mL20 {margin-left:20px;}
.mL25 {margin-left:25px;}
.mL30 {margin-left:30px;}
.mL40 {margin-left:40px;}
.mL50 {margin-left:50px;}
.mL65 {margin-left:65px;}
.mL70 {margin-left:70px;}
.mL75 {margin-left:75px;}
.mL100 {margin-left:100px;}
.mL180 {margin-left:180px;}

.mR7 {margin-right:7px;}
.mR10 {margin-right:10px;}
.mR15 {margin-right:15px;}


.pT5 {padding-top:5px;}
.pT7 {padding-top:7px;}
.pT10 {padding-top:10px;}
.pT20 {padding-top:20px;}
.pT45 {padding-top:45px;}

.pB10 {padding-bottom:10px;}
.pB20 {padding-bottom:20px;}
.pB30 {padding-bottom:30px;}

.pL15 {padding-left:15px;}
.pL10 {padding-left:10px;}
.Tcenter {text-align:center;}
.clear {clear:both}