@charset "euc-kr";
/* CSS Document */

.container .left {width:180px; min-height:700px; margin-left:10px; margin-top:40px; float:left; background:url(/html/sub3/img/left_bg.gif) repeat-y;}
.container .left .left_title {width:170px; height:170px; display:block;}
.container .left .left_menu {width:170px;}
.container .left .left_menu ul {}
.container .left .left_menu ul .sub3_menu  {border-bottom:1px solid #bbb;}
.container .left .left_menu ul .sub3_menu a {display:block; text-indent:-9999px; overflow:hidden;}

.container .left .left_menu ul #sub3_1  {width:160px; height:38px;}
.container .left .left_menu ul #sub3_2  {width:160px; height:38px;}
.container .left .left_menu ul #sub3_3  {width:160px; height:38px;}
.container .left .left_menu ul #sub3_4  {width:160px; height:38px;}
.container .left .left_menu ul #sub3_5  {width:160px; height:38px;}
.container .left .left_menu ul #sub3_6  {width:160px; height:38px;}
.container .left .left_menu ul #sub3_7  {width:160px;}
.container .left .left_menu ul #sub3_7 ul {width:110px; background:#eee; margin-bottom:10px; margin-left:50px;}
.container .left .left_menu ul #sub3_7 ul li {margin-bottom:5px; text-align:center; font-size:12px; }
.container .left .left_menu ul #sub3_7 ul li a {width:100px; height:14px; text-indent:0; background:#eee;}
.container .left .left_menu ul #sub3_7 ul li a:hover {width:100px; height:14px; text-decoration:underline; background:none;}
.container .left .left_menu ul #sub3_8  {width:160px; height:38px;}
.container .left .left_menu ul #sub3_9  {width:160px; height:38px;}

/*menu*/
.container .left .left_menu ul #sub3_1 a {width:160px; height:38px; background:url(/html/sub3/img/menu/lm1.gif) no-repeat;}
.container .left .left_menu ul #sub3_2 a {width:160px; height:38px; background:url(/html/sub3/img/menu/lm2.gif) no-repeat;}
.container .left .left_menu ul #sub3_3 a {width:160px; height:38px; background:url(/html/sub3/img/menu/lm3.gif) no-repeat;}
.container .left .left_menu ul #sub3_4 a {width:160px; height:38px; background:url(/html/sub3/img/menu/lm4.gif) no-repeat;}
.container .left .left_menu ul #sub3_5 a {width:160px; height:38px; background:url(/html/sub3/img/menu/lm5.gif) no-repeat;}
.container .left .left_menu ul #sub3_6 a {width:160px; height:38px; background:url(/html/sub3/img/menu/lm6.gif) no-repeat;}
.container .left .left_menu ul #sub3_7 a {width:160px; height:38px; background:url(/html/sub3/img/menu/lm7.gif) no-repeat;}
.container .left .left_menu ul #sub3_8 a {width:160px; height:38px; background:url(/html/sub3/img/menu/lm8.gif) no-repeat;}
.container .left .left_menu ul #sub3_9 a {width:160px; height:38px; background:url(/html/sub3/img/menu/lm9.gif) no-repeat;}

/*menu_over*/
.container .left .left_menu ul #sub3_1 a:hover {width:160px; height:38px; background:url(/html/sub3/img/menu/lm1_o.gif) no-repeat;}
.container .left .left_menu ul #sub3_2 a:hover {width:160px; height:38px; background:url(/html/sub3/img/menu/lm2_o.gif) no-repeat;}
.container .left .left_menu ul #sub3_3 a:hover {width:160px; height:38px; background:url(/html/sub3/img/menu/lm3_o.gif) no-repeat;}
.container .left .left_menu ul #sub3_4 a:hover {width:160px; height:38px; background:url(/html/sub3/img/menu/lm4_o.gif) no-repeat;}
.container .left .left_menu ul #sub3_5 a:hover {width:160px; height:38px; background:url(/html/sub3/img/menu/lm5_o.gif) no-repeat;}
.container .left .left_menu ul #sub3_6 a:hover {width:160px; height:38px; background:url(/html/sub3/img/menu/lm6_o.gif) no-repeat;}
.container .left .left_menu ul #sub3_7 a:hover {width:160px; height:38px; background:url(/html/sub3/img/menu/lm7_o.gif) no-repeat;}
.container .left .left_menu ul #sub3_8 a:hover {width:160px; height:38px; background:url(/html/sub3/img/menu/lm8_o.gif) no-repeat;}
.container .left .left_menu ul #sub3_9 a:hover {width:160px; height:38px; background:url(/html/sub3/img/menu/lm9_o.gif) no-repeat;}



/*content*/

.sub3_area{width:790px; float:right; margin-top:20px;}
.sub3_area .title_text {width:790px; height:40px; text-align:right; display:block; }
.sub3_area #sub3_txt1{background:url(/html/sub3/img/sub3_txt1.gif) no-repeat;}
.sub3_area #sub3_txt2{background:url(/html/sub3/img/sub3_txt2.gif) no-repeat;}
.sub3_area #sub3_txt3{background:url(/html/sub3/img/sub3_txt3.gif) no-repeat;}
.sub3_area #sub3_txt4{background:url(/html/sub3/img/sub3_txt4.gif) no-repeat;}
.sub3_area #sub3_txt5{background:url(/html/sub3/img/sub3_txt5.gif) no-repeat;}
.sub3_area #sub3_txt6{background:url(/html/sub3/img/sub3_txt6.gif) no-repeat;}
.sub3_area #sub3_txt7{background:url(/html/sub3/img/sub3_txt7.gif) no-repeat;}
.sub3_area #sub3_txt8{background:url(/html/sub3/img/sub3_txt8.gif) no-repeat;}
.sub3_area #sub3_txt9{background:url(/html/sub3/img/sub3_txt9.gif) no-repeat;}
.sub3_area .title_text p {padding-top:10px; padding-right:5px;}
.sub3_area .title_text p a{font-size:11px;}
.sub3_area .sub3_contents {margin-top:15px; margin-bottom:20px;}

/*°ø¿øÀÚ¿ø css*/
caption {font-size:0; height:0; visibility:hidden; left:-10000px; width:1px; height:1px;}
table.tb1 li {text-indent:-11px; padding-left:12px;}
table.tb1 {clear:both; width:90%; border-top:2px solid #9acfaa; border-left:1px solid #cfe7d6; margin-bottom:10px;}
table.tb1 thead th,
table.tb1 tfoot td,
table.tb1 tfoot th {border-bottom:1px solid #cfe7d6; border-right:1px solid #cfe7d6; background-color:#f1f1f1; padding:5px 5px; text-align:center;}
table.tb1 tbody th, 
table.tb1 tbody td {border-bottom:1px solid #cfe7d6; border-right:1px solid #cfe7d6; padding:5px 6px; text-align:center; font-weight:normal;white-space:normal;}
table.tb1 tbody td.ls1{letter-spacing:-1px}
table.tb1 thead th {background-color:#f2f9f6; color:#347E52; }
table.tb1 tbody th {background-color:#f7f7f7; color:#555; font-weight:normal;}
table.tb1 tbody th.fb, table.tb1 tbody td.fb {font-weight:bold;}
table.tb1 tbody.part td {padding:6px;}
table.tb1 tbody.line th, 
table.tb1 tbody.line td {border-top:1px solid #d8dee5;}
table.tb1 .tl {text-align:left;}
table.tb1 .tr {text-align:right;}
table.tb1 .tc {text-align:center;}
table.tb1 tbody.tl td {text-align:left;}
table.tb1 tbody.tr td {text-align:right;}
table.tb1 tbody.tc td {text-align:center;}
table.tb1 tbody td.tbg {background-color:#ffe7e7;}
table.tb1 tfoot td {background-color:#fff;}
table.tb1 tbody .t_line {border-top:2px solid #9acfaa;}
/* Ãß°¡ */
table.tb1 tbody .title th {border-bottom:1px solid #cfe7d6; border-right:1px solid #cfe7d6; padding:5px 6px; text-align:center; font-weight:normal;background:#f2f9f6}
table.tb1 tbody .title td {border-bottom:1px solid #cfe7d6; border-right:1px solid #cfe7d6; padding:5px 6px; text-align:center; font-weight:normal; background:#fbfffd}


/*¹«µî»ê µî»ê·Î css*/
.course_search2 { border:1px solid #cbcbcb; font-size:12px; width:668px; margin:0 auto;}
.course_search2 .course_header { border-bottom:1px solid #cbcbcb; overflow:hidden; background:url(/html/sub3/img/course/map_top_bg.gif) repeat-x; padding:5px;}
.course_search2 .course_header p { float:left; margin-top:3px;}
.course_search2 .course_header p + p { float:right; margin-top:0px;}
.course_search2 .course_header p img { vertical-align:middle;}
.course_search2 .course_content { width:100%; overflow:hidden; position:relative;}
.course_search2 .course_content ul { width:668px; z-index:3; position:relative; top:0px; left:0px;}
.course_search2 .course_content ul li { float:left;width:167px;background:url("/html/sub3/img/course/menu_bg.gif") no-repeat; height:29px;}
.course_search2 .course_content ul li h5 { margin-top:6px;text-align:center;width:167px;background:url("/html/sub3/img/course/line.gif") right -8px no-repeat; font-size:12px;}
.course_search2 .course_content ul li p {display:none}
.course_search2 .course_content ul li.on { background:url(/html/sub3/img/course/menu_bg.gif) no-repeat 0px -29px;}
.course_search2 .course_content ul li.on h5{background:none;}
.course_search2 .course_content ul li.on h5 a { color:#FFF;font-weight:bold;}
.course_search2 .course_content ul li.on p { display:block;}
.course_search2 .course_content ul.line2 li { float:left;width:167px;background:url("/html/sub3/img/course/menu_bg.gif") no-repeat; height:29px;}
.course_search2 .course_content ul.line2 li h5 { margin-top:6px;text-align:center;width:167px;height:26px;background:url("/html/sub3/img/course/line.gif") right -8px no-repeat;letter-spacing:-0.05em;font-size:11px;}
.course_search2 .course_content ul.line2 li.on { background:url(/html/sub3/img/course/menu_bg.gif) no-repeat 0px -29px;}

.course_sub {overflow:hidden; display:none; width:668px; margin:0 auto;}
.course_sub h4 { background:url(/html/sub3/img/course/icon_view.gif) no-repeat 0px 0px; padding-left:30px; padding-bottom:10px; border-bottom:2px solid #cbcbcb; margin-bottom:10px; margin-top:20px; color:#000;}
.course_sub h4 span { margin-left:70px;}
.course_sub h4 span img { vertical-align:middle;}

.course_sub .sub_text p { padding:4px; border:1px solid #cbcbcb; float:left; margin-bottom:50px;}
.course_sub .sub_text ul { float:left; margin-left:30px; margin-top:5px;}
.course_sub .sub_text ul li { padding:5px 0px; border-bottom:1px dashed #cbcbcb;width:460px}
.course_sub .sub_text ul li span.name { font-weight:bold; color:#000; display:inline-block; width:80px;}
.course_sub .sub_text ul li span.line { margin-left:15px; padding-left:15px; background:url(/html/sub3/img/course/menu_bg_top.png) no-repeat 0px center;}


.course_map_mudeung {clear:both;width:666px; height:700px; border-top:1px solid #cbcbcb;}
.mudeung_img { background:url(/html/sub3/img/course/course_mudeung_map.jpg) no-repeat right 0px;}

/*µî»ê·Î »ó¼¼ÆäÀÌÁö */
.bbsview_wrap {border-bottom:2px solid #9acfaa; width:668px; overflow:hidden; margin:0 auto;}
.bbsview_img { float:left; width:318px; height:300px; position:relative;}
.bbsview3 {float:left; width:310px; overflow: hidden; border:2px solid #9acfaa; border-width:2px 0 1px 0; background-color:#f1faf3; margin-bottom:10px; margin-left:40px;}
.bbsview3 dt, .bbsview3 dd {display:inline; float:left; border-top:1px solid #ddd;} 
.bbsview3 dt {width:80px; text-align:center; font-weight:bold; color:#42a168; padding:5px 0;}
.bbsview3 dd {width:220px; background-color:#fff; padding:5px;}
.bbsview3 dd.half {width:65px; background-color:#fff; padding:5px;}
.bbsview3 .noline {border-top:0;}
.btn_map3{float:left;width:310px;padding:0 0 5px 0; margin-left:40px;}
.course_list_btn1 {clear:both;overflow:hidden;padding-top:15px;text-align:center;}
.course_list_btn2 {width:310px;float:right;padding-top:10px;text-align:center;}