.wrap { background:#0d142d url(/img/book/g9_img_bg.jpg) center 0 no-repeat; background-size: 100% 100%; }
.wrap .top_wrap { margin: 0 auto; width: 1000px; }

.content_wrap {margin-top:30px; }
.content_wrap > ul {margin: 0 auto; width: 1000px;}


.content_wrap > ul > li.subject { position:relative; float:left; width:284px; height:208px; padding:28px 17px; border:1px solid #ececec; line-height:1.2; font-family: 'Nanum Barun Gothic';}
.content_wrap > ul > li.subject { margin-top:20px; margin-right:20px;}

/*°øÅë°ú¸ñ ÆÐÅ°Áö ¹Ú½º À§Ä¡*/
.content_wrap > ul > li.wide { position:relative; float:left; width:962px; height:97px; padding:28px 17px; border:1px solid #ececec;}

/*¼¼¹ø° ¿À¸¥ÂÊ ¸¶Áø°ª none*/
.content_wrap > ul > li.three {margin-right:0px;}


/*±³¼ö´Ô À̹ÌÁö*/
.content_wrap > ul > li.teacher_01 {background: url(/img/book/korean_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_02 {background: url(/img/book/english_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_03 {background: url(/img/book/korean-history_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_04 {background: url(/img/book/common_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_05 {background: url(/img/book/social_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_06 {background: url(/img/book/administration_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_07 {background: url(/img/book/criminal-law_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_08 {background: url(/img/book/police_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_09 {background: url(/img/book/fire-fighting_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_10 {background: url(/img/book/administrative-law-general_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_11 {background: url(/img/book/correction_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_12 {background: url(/img/book/math_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_13 {background: url(/img/book/science_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_14 {background: url(/img/book/education_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_15 {background: url(/img/book/welfare_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_16 {background: url(/img/book/health_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.teacher_17 {background: url(/img/book/health-administration_teacher.jpg) 0 no-repeat;}
.content_wrap > ul > li.subject > h3 {font-size:23px;}
.content_wrap > ul > li.subject > p.description {}

/*±³¼ö´Ô ¼ºÇÔ*/
.content_wrap > ul > li.subject > p.teacher {position:absolute; top:170px; left:18px; font-size:22px; font-weight:bold;}
.content_wrap > ul > li.subject > p.teacher span {font-size:14px;}

/*±³¼ö´Ô 2¸í ¼ºÇÔ*/
.content_wrap > ul > li.subject > p.tow {position:absolute; top:145px; left:18px; font-size:22px; font-weight:bold;}

/*¿µ»ó ¹öÆ°*/
.content_wrap > ul > li.subject > ul.btn_wrap {position:absolute; top:205px; left:18px; float:left; width:300px; height: 38px;}
.content_wrap > ul > li.subject > ul.btn_wrap > li.btn {float:left;}
.content_wrap > ul > li.subject > ul.btn_wrap > li.btn a {display:block; width:137px; height:38px; background-color:#0c2145; text-align:center; color:#ffffff; line-height:38px; text-decoration:none;}

.content_wrap > ul > li.subject > ul.btn_wrap > li.left {margin-right:6px;} 

/*9±Þ °øÅëÆÐÅ°Áö ¿µ»ó ¹öÆ°*/
.content_wrap > ul > li.subject > ul.wide {position:absolute; top:96px; left:839px; float:left; width:300px; height: 38px;}