/*content*/
#content { 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;}
#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; lette r-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;}
#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;}

/* ¿ìÃø ¹è³Ê Ãß°¡ 10.03.05 by ÇãÇö */
.banner_right_side {position:absolute; top:86px; left:985px;}

.layerpopup {position:absolute; top:308px; left:12px; z-index:1000; border: 1px solid #b2cde8; background: #f1f4f7 none no-repeat scroll 0 0; display: none; text-align:right;}
.layerpopup h4{font-size:11px; font-family:dotum; font-weight:bold; letter-spacing:-1px;}
.layerpopup .layer-header {position: relative; clear: both; background: url(http://image.joinsland.com/index2006/popup/box/bg_top.gif) repeat-x left top; height: 21px; padding: 3px 5px 0 5px; overflow: hidden; line-height: 1.6em;}
.layerpopup .layer-footer {position: relative; clear: both; background: url(http://image.joinsland.com/index2006/popup/box/bg_bottom.gif) repeat-x left top; height: 22px; padding: 3px 5px 0 5px; line-height: 1.6em;}
.layer-footer a,
.layer-footer a:link,
.layer-footer a:visited {font-size: 9pt; font-family: ±¼¸², µ¸¿ò; text-decoration: none;}
.layerpopup .layer-ad {margin: 5px 0 5px 5px; float: left; width: 255px; height: 270px; overflow: hidden; border: 2px solid #dad5d5;}
.layerpopup .close-popup {vertical-align:-1px;}
.style1 {  filter:alpha(opacity=60, finishopacity=0); }
.style2 {  filter:alpha(opacity=100, finishopacity=0); }