#JoinslandUI__titles {border:0 none;clear:both;margin:0 auto;padding:0;width:976px;}
#JoinslandUI__titles li {float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
#JoinslandUI__titles a {display:block;font-size:0;text-indent:-9999px;}
#JoinslandUI__serviceTitle li.JoinslandUI__li1 a {background:transparent url(http://image.joinsland.com/09ver/common/logo.gif) no-repeat scroll left top;height:26px;width:187px; padding:0 7px 0 0;}
#JoinslandUI__serviceTitle li.JoinslandUI__li2 a {background:transparent url(http://image.joinsland.com/09ver/academy/logo_academy.gif) no-repeat scroll left top;height:28px;width:127px;}
.JoinslandUI__clear {clear:both;}

#GNBWrap {position:relative;width:976px; margin:0 auto;}
#GNB, #GNB li.on {background-image:url(http://image.joinsland.com/09ver/academy/gnb_1.gif);background-repeat:no-repeat;}
#GNB{background-position:0 0;width:976px;height:38px; margin:8px 0 6px 0; position:relative;}
#GNB li.on{background-position:0 0}
#GNB li {position:relative; float:left;height:38px;}
#GNB li.mainmenuEdu1 {width:76px;background-position:0 -41px}
#GNB li.mainmenuEdu2 {width:60px;background-position:-76px -41px}
#GNB li.mainmenuEdu3 {width:94px;background-position:-136px -41px}
#GNB li.mainmenuEdu4 {width:83px;background-position:-230px -41px}
#GNB li.mainmenuEdu5 {width:83px;background-position:-313px -41px}
#GNB li.mainmenuEdu6 {width:83px;background-position:-396px -41px}
#GNB li.mainmenuEdu7 {width:61px;background-position:-479px -41px}
#GNB li a {height:38px;display:block;overflow:hidden;color:white;text-decoration:none;}

/*content*/
#content {margin:0 0 0 0; position:relative;}
/*left_content*/
.left_content_warp {position:relative; float:left; width:346px; height:600px;}
/*center_content*/
.center_content_warp {position:relative; float:left; width:337px; height:600px; margin:0 0 0 13px;}
#center_top .top_line {position:relative; float:left; width:337px; height:3px; _width:0; _height:0; background:#1f7fb9;}
#center_top .title {position:relative; float:left; width:326px; height:37px; _border-top:3px solid #1f7fb9; border-left:3px solid #e6e6e6; border-right:3px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:0 0 0 5px;}
#center_top .title img {position:relative; float:left; margin:12px 0 0 5px;}
#center_top .seemore {position:relative; float:right; padding:0 10px 0 0;}
#center_top .content {position:relative; float:left; width:326px; height:247px; border-left:3px solid #e6e6e6; border-right:3px solid #e6e6e6; border-bottom:3px solid #e6e6e6; padding:5px 0 0 5px;}
#center_top .content1 {clear:both; padding:8px 0 0 10px;}
#center_top .dot {position:relative; float:left; background:url(http://image.joinsland.com/09ver/academy/dot01.gif) left top no-repeat ; width:4px; height:4px; margin:8px 5px 0 0;}
#center_top .ft {position:relative; float:left;}
#center_top .ft li {text-indent:2px;}
#center_top .name {font-weight:bold; font-size:15px; line-height:23px; letter-spacing:-1px;}
#center_top .time {font-size:12px; color:#1f7fb9; letter-spacing:-1px; line-height:20px;}
#center_top .info {font-size:12px; color:8f8f8f; letter-spacing:-1px; line-height:18px;}
#center_top .btn_apply {vertical-align:2px; margin-left:5px;}
#center_bot .title {position:relative; float:left; width:330px; height:37px; border:1px solid #e6e6e6; padding:0 0 0 5px; margin:13px 0 0 0;}
#center_bot .title img {position:relative; float:left; margin:12px 0 0 5px;}
#center_bot .seemore {position:relative; float:right; padding:0 10px 0 0;}
#center_bot .content {position:relative; float:left; width:330px; height:248px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:5px 0 0 5px;}
#center_bot .ft img {margin:10px 0 0 5px;}
/*right_content*/
.right_content_warp {position:relative; float:left; width:265px; height:600px; margin:0 0 0 13px;}
#right_top .title {position:relative; float:left; width:263px; height:25px; background:#1f7fb9; padding:8px 0 0 2px;} 
#right_top .content {position:relative; float:left; width:261px; height:261px; border-left:2px solid #1f7fb9; border-right:2px solid #1f7fb9; border-bottom:2px solid #1f7fb9;} 
#right_top .content .left {position:relative; float:left; width:25px; height:261px;}
#right_top .content .left img {margin:110px 0 0 4px;}
#right_top .content .mid {position:relative; float:left; width:205px; height:261px;}
#right_top .content .mid img {margin:10px 0 0 0;}
#right_top .content .rig {position:relative; float:left; width:25px; height:261px;}
#right_top .content .rig img {margin:110px 0 0 0;}
#right_top .book_image {margin:5px 0 6px 0;}
#rig_bot .title {position:relative; float:left; width:258px; height:37px; border:1px solid #e6e6e6; padding:0 0 0 5px; margin:13px 0 0 0;}
#rig_bot .title img {position:relative; float:left; margin:11px 0 0 5px;}
#rig_bot .seemore {position:relative; float:right; padding:0 10px 0 0;}
#rig_bot .content {position:relative; float:left; width:263px; height:253px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
#rig_bot .no1 {position:relative; float:left; width:86px; border:3px solid #85c4d6; margin:15px 0 0 15px;}
#rig_bot .bookinfo {position:relative; float:left; width:120px; margin:20px 0 0 10px;}
#rig_bot .bookinfo a {color:#1f7fb9; letter-spacing:-1px; }
#rig_bot .book_title {color:#1f7fb9; margin:8px 0 0 3px;}
#rig_bot .book_author {color:#8f8f8f; margin:5px 0 0 3px; line-height:16px;}
#rig_bot .book_price {font-weight:bold; color:#c71515; margin:5px 0 0 3px;}
#rig_bot .no2345 {margin:8px 0 0 12px;}
#rig_bot .no2345 a {vertical-align:-2px; margin-left:3px;}
.separation_line {position:relative; float:left;}

/*sub content*/
/*sub left*/
#sub_left_warp {position:relative; float:left; width:440px;}
/*sub content left ÀÌ´ÞÀÇÆ÷Ä¿½º */
#sub_left_warp .focus .title img{margin:12px 0 7px 0;}
#sub_left_warp .focus .img {position:relative; float:left; width:151px; height:132px; border:2px solid #6a6a6a; margin:0 10px 0 0 ;}
#sub_left_warp .focus .title {font-weight:bold; color:#484848; line-height:25px;}
#sub_left_warp .focus .content {color:#484848; line-height:16px;}
#sub_left_warp .focus  .content a:hover, .content a:active {text-decoration:underline; color:#000;}
/*sub content left µµÀü ºÎµ¿»ê ÄûÁî */
#sub_left_warp .quiz .title {position:relative; float:left;}
#sub_left_warp .quiz .title img{margin:18px 0 7px 0;}
#sub_left_warp .quiz .content {position:relative; float:left; width:393px; height:97px; background:#f9f9f9; border:1px solid #e1e1e1; margin:0 10px 0 0 ; padding:20px 20px 20px 20px;}
#sub_left_warp .quiz  .content a:hover, .content a:active {text-decoration:underline; color:#797979;}
#sub_left_warp .answer {text-align:center; font-size:14px; font-weight:bold; margin:6px 0 0 0;}
#sub_left_warp .seemore {position:relative; float:right; padding:0 10px 0 0;}
/*sub content left ÄûÁî¿¡¼­ ºÏ»õÅëÀ¸·Î º¯°æ */
#sub_left_warp .seminar {position:relative; float:left; width:440px; height:178px; margin:0 0 8px 0px;}
#sub_left_warp .seminar .title {position:relative; float:left;}
#sub_left_warp .seminar .title img {position:relative; float:left; margin:15px 0 7px 0;}
#sub_left_warp .seminar .title .seemore {position:relative; float:right; margin:15px 8px 0 9px;}
#sub_left_warp .seminar .content {position:relative; float:left; clear:both; width:430px; padding:0px 0px 10px 0px; border:1px solid #e1e1e1;}
#sub_left_warp .seminar .content .setong_con {position:relative; float:left; width:180px; margin:10px 0 5px 15px;}
#sub_left_warp .seminar .content .setong_con .img {position:relative; float:left; width:50px; margin:0 8px 0 0;}
#sub_left_warp .seminar .content .setong_con .sub_con {position:relative; float:left; width:120px;}
#sub_left_warp .seminar .content .setong_con .sub_con .subtitle {position:relative; float:left; margin:0 0 5px 0;}
#sub_left_warp .seminar .content .setong_con .sub_con .subcontent a{position:relative; float:left; clear:both; width:120px; font-size:11px; letter-spacing:-1px; color:#7f7f7f; line-height:13px;}


/*sub center*/
#sub_center_warp {position:relative; float:left; width:232px; margin:12px 19px 10px 19px; _margin:12px 20px 10px 0; }
/*sub content center ÀÚ·á½Ç */
#sub_center_warp .data .title {position:relative; float:left;}
#sub_center_warp .seemore {position:relative; float:right; padding:0 0 0 0;}
#sub_center_warp .data .content {position:relative; float:left; width:216px; height:110px; background:#f9f9f9; border:1px solid #e1e1e1; margin:5px 0 18px 0 ; padding:10px 8px 10px 8px; letter-spacing:-1px; line-height:21px;}
#sub_center_warp .data .content a:hover, .content a:active {text-decoration:underline; color:#797979;}
/*sub content center ±³À° »õ¼Ò½Ä */
#sub_center_warp .news .title {position:relative; float:left;}
#sub_center_warp .seemore {position:relative; float:right; padding:0 0 0 0;}
#sub_center_warp .news .content {position:relative; float:left; width:216px; height:117px; background:#f9f9f9; border:1px solid #e1e1e1; margin:5px 0 0 0 ; padding:10px 8px 10px 8px; letter-spacing:-1px; line-height:21px;}
#sub_center_warp .news .content a:hover, .content a:active {text-decoration:underline; color:#797979;}
/*sub right*/
#sub_right_warp {position:relative; float:left; width:264px; margin:12px 0 10px 1px; _margin:12px 0 0 1px; }
#sub_right_warp img {margin-bottom:10px;}

/*focus*/
#focus01 {position:relative; float:left; }
#focus01 .content {position:relative; float:left; width:450px; margin:30px 0 30px 0; font-size:12px; line-height:22px;}
#focus01 .content2 {position:relative; float:left; width:900px; margin:30px 0 30px 0; font-size:12px; line-height:22px;}
#focus01 .img {position:relative; float:right;border:2px solid #e6e6e6; margin:30px 0 0 0;}
#focus03 {position:relative; float:left; }
#focus03 .content {position:relative; float:left;}
#focus03 .img {position:relative; float:right;border:2px solid #e6e6e6; margin:30px 0 0 0;}


/* Àü±â¿µ Ãß°¡ left menu */
/* ¼­ºê¸Þ´º */
#submenu_left {width:146px; background-color:#fff; border-bottom:2px solid #efefef; }
#submenu_left li {width:132px; margin:4px 0 0 6px; padding:5px 0 5px 0; border-bottom:1px solid #dfdfe4; }
#submenu_left .menu {border:1px solid #d9d9d9; }
#submenu_left .menu a:hover, a:active {text-decoration:underline; color:#2d84cf;}
#submenu_left .depth01 {font-weight:bold; letter-spacing:-1px; color:#555555;}
#submenu_left .select {color:#2d84cf;}
#submenu_left .menu p {margin:8px 0 0 4px; letter-spacing:-1px;}
#submenu_left .menu p  a {color:#555555;}
#submenu_left .menu p .select {color:#2d84cf;}
#submenu_left .menu .number {margin:0 0 0 5px; font-family:tahoma; font-size:10px; color:#999;}
#submenu_left .noline {border-bottom:none;}

/* ¿ìÃø ¹è³Ê Ãß°¡ 10.03.05 by ÇãÇö */
.banner_right_side {position:absolute; top:86px; left:985px;}