/**
* File Name : content.css
* Description : 컨텐츠 스타일시트
* Author : Web business Team / White
* Date : 2015.03.20
* Update : 2015.03.20
*/

/* Layout Selector */
  .line2 {
	border: #b8b7b7 double 3px; margin-right:10px;
}

/* content 공통 */
.contents_box h3 { color:#3a3a3a; font-size:15px; font-weight:bold; background:url('../image/com/ico_h2.gif') no-repeat left center; padding-left:20px; margin-bottom:20px;}
.contents_box p { color:#494949; font-size:13px; letter-spacing:-0.05em; line-height:1.6em;}

/* 공통 폰트 */
.n11					{font-family:나눔고딕,nanum,dotum; font-size:11px;}
.n12					{font-family:나눔고딕,nanum,dotum; font-size:12px;}
.n13					{font-family:나눔고딕,nanum,dotum; font-size:13px;}
.n14					{font-family:나눔고딕,nanum,dotum; font-size:14px;}
.n15					{font-family:나눔고딕,nanum,dotum; font-size:15px;}
.n16					{font-family:나눔고딕,nanum,dotum; font-size:16px;}
.n17					{font-family:나눔고딕,nanum,dotum; font-size:17px;}
.n20					{font-family:나눔고딕,nanum,dotum; font-size:20px;}
.n25					{font-family:나눔고딕,nanum,dotum; font-size:20px;}

.nb						{font-family:nanumbold!important;}
.nb14					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:14px!important;}
.nb15					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:15px!important;}
.nb16					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:16px!important;}
.nb17					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:17px!important;}
.nb22					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:22px;vertical-align:middle; }
.nb38					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:38px!important;}
.nb44					{font-family:nanumbold,나눔고딕,nanum,dotum; font-size:36px!important;}

.li20					{line-height:20px;}
.li22					{line-height:20px;}
.li30					{line-height:25px;}
.li18					{line-height:18px;}


/* tbl_level */
.tbl_level { border-top:solid 2px #656565; border-left:solid 1px #c6c6c6;}
.tbl_level thead th { background:#fafdf9; font-size:13px; font-weight:bold; text-align:center; color:#454545; padding:11px 0; border-bottom:solid 1px #c6c6c6; border-right:solid 1px #c6c6c6;}
.tbl_level tbody th { font-size:13px; font-weight:bold; text-align:center; color:#454545; border-bottom:solid 1px #c6c6c6; border-right:solid 1px #c6c6c6;}
.tbl_level tbody td { font-size:13px; color:#797979; text-align:center; padding:11px 5px; border-bottom:solid 1px #c6c6c6; border-right:solid 1px #c6c6c6;}
.tbl_level .td_left { text-align:left; padding-left:20px;}
.tbl_level .bg_green { background:#daedcd; color:#000; font-weight:bold;}
.tbl_level .bg_yellow { background:#fbf2ce; color:#000; font-weight:bold;}
.tbl_level .bg_red { background:#fee1cd; color:#000; font-weight:bold;}
.tbl_level .bg_gray { background:#f3f3f3; color:#000; font-weight:bold;}
.tbl_level .bar_green { width:100%; height:14px; background:#48a304;}
.tbl_level .bar_yellow { width:100%; height:14px; background:#ecc008;}
.tbl_level .bar_red { width:100%; height:14px; background:#f96807;}
.tbl_level .bar_mint { width:100%; height:14px; background:#33bcad;}

/* tab */
.tab .tab_nav { height:39px; border-bottom:solid 1px #282422;}
.tab .tab_nav li { float:left; margin-right:2px; position:relative;}
.tab .tab_nav a { display:block; width:170px; height:27px; padding-top:13px; font-size:15px; font-weight:bold; background:url('../images/contents/bg_tab_off.gif') no-repeat; color:#787878; letter-spacing:-0.05em; text-align:center;}
.tab .tab_nav a:hover { color:#565656;}
.tab .tab_nav .on a { background:url('../images/contents/bg_tab_on.gif') no-repeat; color:#fff;}

.tab .tab_cont { clear:both;}
.tab .tab_cont > li { display:none;}
.tab .tab_cont > li.on { display:block;}

/* book_list */
.book_list { width:100%; border-top:solid 1px #ddd;}
.book_list:after { content:""; display:block; clear:both;}
.book_list li { padding:20px; min-height:200px;}
.book_list li .img_box { width:140px; height:150px; float:left; margin-right:30px;}
.book_list li .text_box { float:left; width:570px;}
.book_list li .text_box .title { padding:10px 0 15px 0; margin-bottom:25px; background:url('../image/com/bg_dotline.gif') repeat-x left bottom;}
.book_list li .text_box .p_title { color:#222; font-size:17px; font-weight:bold; line-height:17px; letter-spacing:-0.05em;}
.book_list li .text_box p { color:#666; font-size:13px; line-height:1.5em;}

h4 { color:#474747; font-size:16px; font-weight:bold; background:url('../image/com/ico_h4.gif') no-repeat left center; padding-left:20px; margin-bottom:20px; letter-spacing:-0.05em;}


/* con_box */
.con_box { padding:30px; margin-bottom:40px; border-top:solid 5px #e4f2f7; border-right:solid 5px #a9d1e0; border-bottom:solid 5px #a9d1e0; border-left:solid 5px #e4f2f7; min-height:90px;}
.con_box img { margin-right:40px; float:left;}
.con_box p { color:#494949; font-size:14px; letter-spacing:-0.075em; line-height:1.6em;}

/* con_box2 */
.con_box2 { padding:30px; border-top:solid 5px #e4f2f7; border-right:solid 5px #a9d1e0; border-bottom:solid 5px #a9d1e0; border-left:solid 5px #e4f2f7; min-height:90px;}
.con_box2 img { margin-right:40px; float:left;}
.con_box2 p { color:#494949; font-size:14px; letter-spacing:-0.075em; line-height:1.6em;}


/* 0102_마음다지기 */
.heart { margin-bottom:50px; height:317px; background:url('../image/contents/bg_heart.jpg') no-repeat; padding:40px 0 0 310px;}
.heart p { font-size:14px; color:#494949; line-height:1.7em; letter-spacing:-0.05em;}
.heart p.txt_red { color:#dd3a3a; letter-spacing:0;}

.heartbox_t { background:url('../image/contents/bg_heartbox_t.jpg') no-repeat; height:100px;}
.heartbox_t p { text-align:center; padding-top:51px;}
.heartbox_b { background:url('../image/contents/bg_heartbox_b.jpg') no-repeat; height:50px;}

.heartbox { background:url('../image/contents/bg_heartbox_c.jpg') repeat-y; padding:0 0 0 8px;}
.heartbox .youtube { position:relative; height:463px; background:url('../image/contents/bg_heartbox.png') no-repeat; padding-bottom:30px;}
.heartbox .youtube div { position:absolute; top:46px; left:62px;}
.heartbox dl { padding:0 60px;}
.heartbox dt { color:#0a81bb; font-size:16px; font-weight:bold; margin-bottom:15px;}
.heartbox dd { color:#747474; font-size:13px; letter-spacing:-0.05em; margin-bottom:40px;}


/* 0204_샘플수업안내 */
.sample .btn_sample { text-align:center; margin:30px 0 50px 0;}
.sample .btn_sample2 { text-align:center; margin:30px 0 50px 0;}

.tbl_top thead th { color:#fff; font-size:15px; font-weight:bold; text-align:center; padding:13px 0 14px 0; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd;}
.tbl_top thead .bg_green { background:#b7d67f;}
.tbl_top thead .bg_blue { background:#84b6d2;}
.tbl_top thead .bg_red { background:#d6817f;}
.tbl_top tbody th { color:#404040; font-size:14px; font-weight:bold; text-align:center; padding:13px 0 14px 0;}
.tbl_top tbody .bg_green { background:#e2efcc;}
.tbl_top tbody .bg_blue { background:#cee2ed;}
.tbl_top tbody .bg_red { background:#efcdcc;}
.tbl_top tbody td { color:#6e6e6e; font-size:13px; text-align:center; padding:12px 0 13px 0; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd;}
.tbl_top .no_line { border-right:0;}