@charset "UTF-8";
@import url("main.css?100005");
@import url("layout.css?100004");

* {font-family:Dotum; line-height:normal;margin:0;padding:0;}
body {color:#464646;width:100%;line-height:16px;margin:0px;font-weight:normal;height:100%;padding:0px;}
img, fieldset, button {border:medium none;padding:0;margin:0;}
hr, button img {display:none;}
em, address {font-style:normal;}
li {list-style:none;padding:0;margin:0;}
a {font-size:12px;color:#666;font-family:Dotum;text-decoration:none;}
a:link {font-size:12px;color:#666;font-family:Dotum;text-decoration:none;}
a:visited {font-size:12px;color:#666;font-family:Dotum;text-decoration:none;}
a:hover, a:active, a:focus {font-size:12px;color:#388fc8;font-family:Dotum;text-decoration:none;}
a:active {outline:medium none;}
textarea {overflow:auto;}
option {padding-right:6px;}
legend {font-size:0;height:0;left:0;line-height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;width:0;}
table {border-collapse:collapse;table-layout:fixed;}
table caption {display:none;}
label.hidden{float:left;height:0px;width:0px;text-indent:-3000px;display:block;}
label.show1{float:left;font-size:11px;padding:4px 0 0 0;display:block;text-indent:0;}
label.show2{float:left;font-size:11px;padding:0 0 0 0;display:block;text-indent:0;}
select{height:20px;}
.input{vertical-align:middle;height:14px;padding:2px 0 2px 4px;border:1px solid #b3b3b3;font-size:12px;color:#666;}
.input3{vertical-align:middle;height:18px;padding:2px 0 2px 4px;border:1px solid #b3b3b3;font-size:12px;color:#666;}
.input2{vertical-align:middle;margin:0 3px 0px 0;}
.input_list{vertical-align:middle;border:1px solid #b3b3b3;font-size:12px;color:#666;}
.radio{float:left;margin:0 3px 0 0;display:inline;}
object {outline: none;}
.radiobox01 {float:left;margin:0; padding:0; display:inline;}
.chkbox01 {display:inline-block; margin:0px -2px 2px -2px; padding:0px; vertical-align:middle;}
label.idSave {font-size:11px;}

/* PNG버튼 영역 */
.png_btn_play{position:absolute;bottom:10px;left:10px;width:29px;height:29px;text-indent:-3000px;background:url(/images/global/btn/btn_play01.png) 0 0 no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/global/btn/btn_play01.png', sizingMethod='crop');}

/* 전체레이아웃 영역 */
#warp {width:100%;margin:0px auto;}
#header {float:left;width:980px; z-index:200;}
.container { margin:1px auto; width:980px;min-height:300px;padding:0 0 15px 0; background:#fff url("/images/global/bg/container_bg.gif") no-repeat right top;}
.container_main {margin:1px auto; width:980px;min-height:300px;padding:0 0 15px 0; background:#fff;}
.container_one {float:left;width:980px;min-height:300px;padding:15px 20px 15px 20px;background:#fff url("/images/global/bg/containerOne_bg.gif") no-repeat left top;margin:20px 0 0 0; }
.container_one .location{float:left;width:870px;height:40px;padding:0 0 0 5px;}
.container_one .location ul{float:left;width:850px;height:20px;padding:0 0 0 15px;border-bottom:1px solid #bcbcbc;background:url('/images/sblue_01/bul/bl_home.gif') no-repeat left 1px;}
.container_one .location li{float:left;padding:0 8px 0 7px;font-size:11px;color:#777;background:url('/images/sblue_01/bul/bl_blue02.gif') no-repeat left 3px;}
.container_one .location li a{float:left;font-size:11px;color:#777;font-weight:bold;}

/* 10.06.04 변경 */
.lnb_size {position:relative;clear:both; overflow:hidden; display:inline;margin:0 30px 0 7px;}

.center_area {float:left;width:510px;background:#fff;padding:0 10px 0 0;}
.right_area {float:right;width:250px;background:#fff;}
.contents {float:left;width:700px; }
.contents .location{float:left;width:700px;height:40px;padding:0 0 0 5px;}
.contents .location ul{float:left;width:675px;height:20px;padding:8px 0 0 15px;border-bottom:1px solid #bcbcbc;background:url('/images/sblue_01/bul/bl_home.gif') no-repeat left 9px;}
.contents .location li{float:left;padding:0 8px 0 7px;font-size:11px;color:#777;background:url('/images/sblue_01/bul/bl_blue02.gif') no-repeat left 3px;}
.contents .location li a{float:left;font-size:11px;color:#777;font-weight:bold;}
.redfont {font-size:30pt; color:#ff0000;}
.contents .visual{float:left;width:685px;padding:0 0 0 5px;background:url('/images/global/bg/sub_visual_bg01.gif') no-repeat right bottom;margin:0 0 20px 0;}
.contents .visual.tvon{background:url('/images/global/bg/sub_visual_bg02.gif') no-repeat right bottom;}
.contents .visual.test{background:url('/images/global/bg/sub_visual_bg03.gif') no-repeat right bottom;min-height:100px;}
.contents .visual .copy{float:left;width:450px;vertical-align:top; top:0px;}
.contents .visual .copy .tit{float:left;width:450px;height:40px;}
.contents .visual .copy .txt1{float:left;width:450px;height:20px;}
.contents .visual .btn_box {display:inline-block; float:left; margin:0; padding:55px 9px 0 40px; background:url('/images/global/bg/btn_livechat_bg.gif') no-repeat left bottom;}
.contents .visual .btn_box img {vertical-align:top;}

/* 10.11.08 추가 */
.contents .conts {float:left; padding:0; width:700px;}
.contents .conts img {padding:0 0 0 10px;}

/* 강사소개 */
.info {position:relative;margin:0px;float:left;}
.info .info_box {float:left;width:158px;height:214px; background:url('/Images/intro/t_bg.gif') no-repeat left top;margin:0 10px 20px 5px;}
.info .info_box p {font-weight:bold; margin:2px 0 0 2px; padding:8px 0 9px 17px;}
.info .info_box div {float:left;width:136px; position:relative;}
.info .info_box div img {padding:0px 10px 0px 11px;}
.info .info_box div span{float:left;padding:5px 0px 0px 0px;border:none;}
.info .info_box div span.right{position:absolute; left:70px; top:151px;}

/* 과정소개 */
.course {float:left;width:700px;}
.course li {float:left;display:inline;position:relative;}
.course li div.sp01 {position:absolute; left:61px; top:201px;}
.course li div.sp02 {position:absolute; left:61px; top:192px;}
.course li div.sp03 {position:absolute; left:61px; top:175px;}
.course li div.sp04 {position:absolute; left:61px; top:176px;}
.course li div.sp05 {position:absolute; left:61px; top:205px;}
.course li div.sp06 {position:absolute; left:61px; top:206px;}
.course li div.sp07 {position:absolute; left:61px; top:209px;}
.course li div.sp08 {position:absolute; left:61px; top:212px;}

/* 기본공통 영역 */
h3{float:left;width:695px;height:25px;padding:0 0 0 5px;}
h3.type01{float:left;width:680px;height:25px;font-weight:bold;padding:0 0 0 20px;background:url('/images/sblue_01/bul/bl_h3_02.gif') no-repeat 5px 1px;}
h3.type02{float:left;width:685px;height:20px;font-weight:bold; margin:20px 0 0; padding:0 0 0 20px;background:url('/images/sblue_01/bul/bl_h3_02.gif') no-repeat 5px 1px;}
h4.type01{float:left;width:685px;height:22px;color:#3762AF;padding:0 0 0 15px;background:url('/images/sblue_01/bul/bl_h4_02.gif') no-repeat 5px 3px;}
h4.type02{float:left;padding:0 0 2px 22px; margin:0 0 0 0;font-weight:normal;background:url('/images/sblue_01/bul/bl_h4.gif') no-repeat 5px top;}
h4.type02 strong.orange{color:#ED6F22;}
h6 {float:left;width:685px;height:20px;padding:0 0 0 20px;background:url('/images/sblue_01/bul/bl_h5.gif') no-repeat 5px 1px;}

h4 {float:left;width:680px;height:25px;padding:0 0 0 20px;background:url('/images/sblue_01/bul/bg_h4.gif') no-repeat 5px top;}
h4.h4_all {float:left;width:685px;height:25px;padding:0 0 0 20px;position:relative; background:none;}
h4.h4_all span {position:absolute; left:70px; top:4px;}
h4 span {position:absolute; right:10px; top:7px;}
h5 {float:left;width:680px;height:25px;padding:0 0 0 20px;font-size:14px; font-weight:bold; letter-spacing:-0.1em; background:url('/images/sblue_01/bul/bl_h4.gif') no-repeat 5px top;}
h6.etc {float:left;color:#d7572a; font-weight:bold;padding:0 0 0 16px; background:url('/images/sblue_01/bul/bl_h6.gif') no-repeat 7px 3px;}
h6.h6Tit {float:left; font-weight:bold; width:685px;height:20px;padding:0 0 0 20px;background:url('/images/sorange_01/bul/bl_h5.gif') no-repeat 5px 1px;}

/* 탑메뉴 영역 10.06.03 추가 */
#header_portal {float:left; width:100%; background:#fff url("/Images/global/module/body_bg01.gif") repeat-x left top;}
#header_portal .global_menu {margin:0 auto; width:980px;background:none; overflow:hidden;}
#header_portal .global_menu h1 {position:absolute; width:94px; padding:6px 0 6px 0; margin:0;}
#header_portal .global_menu .top_link {float:right;padding:4px 0 3px 0;}
#header_portal .global_menu .top_link ul {float:left;padding:0 0 0 0;}
#header_portal .global_menu .top_link li {float:left;background:url('/Images/global/module/top_line.gif') no-repeat right 4px;padding:3px 10px 0px 10px;position:relative;}
#header_portal .global_menu .top_link li.end1 {float:left;background:none;padding:3px 10px 0 10px;}
#header_portal .global_menu .top_link li.end1 img {vertical-align:bottom;}
#header_portal .global_menu .top_link li.end2 {float:left;background:none;padding:0 0 0 0;}
#header_portal .global_menu .top_link li a {float:left;}
#header_portal .global_menu .top_link .none {background:none;padding-right:0px;}
#header_portal .global_menu .foreign_layer {position:absolute;top:23px;width:52px;padding:0 4px 4px 4px; margin:0 0 0 840px; background:#fff;z-index:350;border:2px solid #68A0D6; display:none;}
#header_portal .global_menu .foreign_layer li{float:left;background:none;width:45px;border-bottom:1px solid #eee;color:#5C5C5C;padding:4px 0px 2px 7px;background:url('/images/sblue_01/bul/bl_gray.gif') no-repeat 0 9px;}
#header_portal .global_menu .foreign_layer a {color:#5C5C5C;font-size:11px;}
#header_portal .global_menu .foreign_layer .last {background:none;}
#header_portal .global_menu .gnb_layer {position:absolute;top:23px;width:85px;padding:0 4px 4px 4px; margin:0 0 0 897px; background:#fff;z-index:300000;border:2px solid #68A0D6; display:none;}
#header_portal .global_menu .gnb_layer li{float:left;background:none;width:80px;border-bottom:1px solid #eee;color:#5C5C5C;padding:4px 0px 2px 7px;background:url('/images/sblue_01/bul/bl_gray.gif') no-repeat 0 9px;}
#header_portal .global_menu .gnb_layer li a{color:#5C5C5C;font-size:11px;}
#header_portal .global_menu .gnb_layer li a.style01{letter-spacing:-1.2px;}
#header_portal .top_layer {margin:0 auto; width:980px;height:65px;position:relative;}
#header_portal .top_layer h1{float:left;padding:9px 0 2px 17px;}
#header_portal .top_layer h1 a{padding:0;}
#header_portal .global_menu .gnb_layer li.ligubun {float:left;background:none;width:80px;border-bottom:1px solid #68A0D6;color:#5C5C5C;padding:4px 0px 2px 7px;background:url('/images/sblue_01/bul/bl_gray.gif') no-repeat 0 9px;}

#header_portal .top_layer .search{float:left;width:420px;background:url('/images/global/bg/bg_search.gif') no-repeat left top;padding:0 0 10px 0;position:absolute;left:294px;top:26px;}
#header_portal .top_layer .search div {float:left;width:95px;}
#header_portal .top_layer .search div p {float:left;height:20px;padding:8px 3px 0 15px; margin:0px;}
#header_portal .top_layer .search div p img {margin:0 0 0 7px;}
#header_portal .top_layer .search input {float:left;width:180px; height:21px; padding:2px 3px; margin:5px 10px 0 0; float:left; border:0;background:none;}
#header_portal .top_layer .search input.none {width:48px; height:27px; margin:0; border:0; padding:0px;}
#header_portal .top_layer .search div ul {float:left;width:79px; height:80px; padding:2px 3px; overflow-y:scroll; overflow-x:hidden;}
#header_portal .top_layer .search div ul li {width:79px; margin:3px 0 0 0;}
#header_portal .top_layer .top_best_keyword{float:right;width:220px; font-size:11px; color:#888;padding:32px 80px 5px 0px;}

/* 메인메뉴 영역 */
#header_portal #gnb {position:relative;margin:0 auto; height:59px; width:980px;}

/* 탑메뉴 영역 10.06.29 추가 - edualltv 로고 없을 시 */
#header_wrap {float:left; width:100%; background:#fff url("/Images/global/module/body_bg02.gif") repeat-x left top;}
#header_wrap .global_menu {margin:0 auto; width:980px;background:none; overflow:hidden;}
#header_wrap .global_menu h1 {position:absolute; width:154px; padding:6px 0 6px 0; margin:0;}
#header_wrap .global_menu .top_link {float:right;padding:4px 0 3px 0;}
#header_wrap .global_menu .top_link ul {float:left;padding:0 0 0 0;}
#header_wrap .global_menu .top_link li {float:left;background:url('/Images/global/module/top_line.gif') no-repeat right 4px;padding:3px 10px 0px 10px;position:relative;}
#header_wrap .global_menu .top_link li.end1 {float:left;background:none;padding:3px 10px 0 10px;}
#header_wrap .global_menu .top_link li.end1 img {vertical-align:bottom;}
#header_wrap .global_menu .top_link li.end2 {float:left;background:none;padding:0 0 0 0;}
#header_wrap .global_menu .top_link li a {float:left;}
#header_wrap .global_menu .top_link .none {background:none;padding-right:0px;}
#header_wrap .global_menu .foreign_layer {position:absolute;top:23px;width:52px;padding:0 4px 4px 4px; margin:0 0 0 840px; background:#fff;z-index:350;border:2px solid #68A0D6; display:none;}
#header_wrap .global_menu .foreign_layer li{float:left;background:none;width:45px;border-bottom:1px solid #eee;color:#5C5C5C;padding:4px 0px 2px 7px;background:url('/images/sblue_01/bul/bl_gray.gif') no-repeat 0 9px;}
#header_wrap .global_menu .foreign_layer a {color:#5C5C5C;font-size:11px;}
#header_wrap .global_menu .foreign_layer .last {background:none;}
#header_wrap .global_menu .gnb_layer {position:absolute;top:23px;width:85px;padding:0 4px 4px 4px; margin:0 0 0 897px; background:#fff;z-index:300000;border:2px solid #68A0D6; display:none;}
#header_wrap .global_menu .gnb_layer li{float:left;background:none;width:80px;border-bottom:1px solid #eee;color:#5C5C5C;padding:4px 0px 2px 7px;background:url('/images/sblue_01/bul/bl_gray.gif') no-repeat 0 9px;}
#header_wrap .global_menu .gnb_layer li a{color:#5C5C5C;font-size:11px;}
#header_wrap .global_menu .gnb_layer li a.style01{letter-spacing:-1.2px;}
#header_wrap .top_layer {margin:0 auto; width:980px;height:65px;position:relative;}
#header_wrap .top_layer h1{float:left;padding:9px 0 2px 17px;}
#header_wrap .top_layer h1 a{padding:0;}
#header_wrap .global_menu .gnb_layer li.ligubun {float:left;background:none;width:80px;border-bottom:1px solid #68A0D6;color:#5C5C5C;padding:4px 0px 2px 7px;background:url('/images/sblue_01/bul/bl_gray.gif') no-repeat 0 9px;}

#header_wrap .top_layer .search{float:left;width:420px;background:url('/images/global/bg/bg_search.gif') no-repeat left top;padding:0 0 10px 0;position:absolute;left:294px;top:26px;}
#header_wrap .top_layer .search div {float:left;width:95px;}
#header_wrap .top_layer .search div p {float:left;height:20px;padding:8px 3px 0 15px; margin:0px;}
#header_wrap .top_layer .search div p img {margin:0 0 0 7px;}
#header_wrap .top_layer .search input {float:left;width:180px; height:21px; padding:2px 3px; margin:5px 10px 0 0; float:left; border:0;background:none;}
#header_wrap .top_layer .search input.none {width:48px; height:27px; margin:0; border:0; padding:0px;}
#header_wrap .top_layer .search div ul {float:left;width:79px; height:80px; padding:2px 3px; overflow-y:scroll; overflow-x:hidden;}
#header_wrap .top_layer .search div ul li {width:79px; margin:3px 0 0 0;}
#header_wrap .top_layer .top_best_keyword{float:right;width:280px; font-size:11px; color:#888;padding:32px 20px 5px 0px;}

/* 메인메뉴 영역 */
#header_wrap #gnb {position:relative;margin:0 auto; height:59px; width:980px;}
.footer {clear:both; margin:0 auto; padding:30px 0 0 0; width:980px;background:#fff url("/Images/global/module/foot_bg01.gif") repeat-x left top;padding:15px 0 0 0;position:relative;}
.left_area {float:left;width:200px;}
.left_area.full_search{ float:left;width:180px;}
.left_area h2.tit{margin:0 0 8px 0;}

/* 하단 영역*/ 
.footer h1 {float:left; width:179px; height:50px; /*border-right:1px solid #d5d5d5;*/position:relative;}
.footer h1 img {padding:15px 0 0 40px;}
.footer address{position:absolute;float:left;width:600px;padding:0 0 7px 0;left:200px;top:42px; line-height:20px; font-size:8pt; color:#848484; font-size:11px;}
.footer address img {padding:4px 0 0;}
.footer .mts img { margin:4px 0 20px 25px;}
.footer .footer_menu{float:left;width:405px;margin-left:20px; padding:0 0 7px;border-bottom:1px solid #E2E2E2;}
.footer .footer_menu p{float:left;padding:0 13px 0 13px;display:inline;border-right:1px solid #b3b3b3;height:11px;}
.footer .footer_menu p.first{float:left;padding:0 10px 0 0;}
.footer .footer_menu p.end{float:left;padding:0 0 0 13px;border-right:none;}

.footer #foot_family {width:268px; position:absolute; top:25px; right:0px;}
.footer #foot_family div {width:124px; float:left; position:relative; padding:0px; background:#b0b0b0 url('/images/global/bg_family.gif') no-repeat left top;}
.footer #foot_family .korbei {width:143px;height:20px;float:right;background:#b0b0b0 url('/images/global/bg_korbei.gif') no-repeat right top;}
.footer #foot_family div p {height:14px;padding:6px 0 0 10px;}
.footer #foot_family div ul {width:114px;color:#efefef; position:absolute; top:-148px;padding:5px 0 3px 10px; background:#b0b0b0;}
.footer #foot_family div ul li {font-size:11px; letter-spacing:-1px; height:15px;padding:3px 0 0 0;}
.footer #foot_family div ul li a {color:#efefef;font-weight:normal;font-size:11px;}
.footer #foot_family div ul li a:hover {color:#FFFFFF ! important;}
.footer #foot_family .korbei ul {width:133px; color:#FFFFFF; position:absolute; top:-95px;left:-1px; border-left:1px solid #FFFFFF; background:#b0b0b0;}
.footer #foot_family div span {position:absolute; top:9px; right:7px;}
.footer p { padding:0 0 30px 0; }
.footer p img { padding:0 0 0 40px; }
 
/* 퀵메뉴 */
.container .quick_area {z-index:9999;position:absolute; margin:120px 0 0 20px; height:445px;width:68px;background:url("/images/global/bg/side_quick_bg01.png") 0 0 no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/global/bg/side_quick_bg01.png', sizingMethod='crop');}
.container .quick_area .side_quick{float:right;width:58px;margin:100px 0 0 0;background:url("/images/global/bg/side_quick_bg02.gif") repeat-y right top;}
.container .quick_area .side_quick h2{float:left;width:58px;height:30px;background:url("/images/global/bg/side_quick_bg01.gif") repeat-y right top;text-indent:-3000px;}
.container .quick_area .side_quick .img{float:left;width:58px;padding:0 0 10px 0;background:url("/images/global/bg/side_quick_bg03.gif") no-repeat right bottom;}
.container .quick_area .side_quick .img li{float:left;width:58px;padding:5px 0 5px 0;background:url("/images/global/bg/side_quick_bg04.gif") no-repeat right bottom;text-align:center;}
.container .quick_area .side_quick .img li.end{background:none;}
.container .quick_area .go_top{float:right;width:58px;text-align:center;}

/* 교수님 소개 10.06.04 추가 */
.intro_visual {float:left; padding:0 0 25px 5px; width:700px; background:url("/images/intro/intro_img_bg01.gif") no-repeat right top;}
.intro_visual div {float:left; width:450px;}
.intro_visual span {display:inline-block; float:left; margin:0; padding:61px 9px 0 0;}
.intro_visual span img {vertical-align:top;}

/* 동영상과정 10.06.04 추가 */
.vodcast_visual {float:left; padding:0 0 25px 5px; width:700px; background:url("/images/vodcast/vodcast_img_bg01.gif") no-repeat right top;}
.vodcast_visual div {float:left; width:450px;}
.vodcast_visual span {display:none; float:left; margin:0; padding:61px 9px 0 0;}
.vodcast_visual span img {vertical-align:top;}

/* TV방송 10.06.04 추가 */
.tvcast_visual {float:left; padding:0 0 25px 5px; width:700px; background:url("/images/tvcast/tvcast_img_bg01.gif") no-repeat right top;}
.tvcast_visual div {float:left; width:450px;}
.tvcast_visual span {display:none; float:left; margin:0; padding:61px 9px 0 0;}
.tvcast_visual span img {vertical-align:top;}

/* 생방송과정 10.06.04 추가 */
.livecast_visual {float:left; padding:0 0 25px 5px; width:700px; background:url("/images/livecast/livecast_img_bg01.gif") no-repeat right top;}
.livecast_visual div {float:left; width:450px;}
.livecast_visual span {display:none; float:left; margin:0; padding:61px 9px 0 0;}
.livecast_visual span img {vertical-align:top;}

/* 화상방송과정 10.06.04 추가 */
.livechat_visual {float:left; padding:0 0 25px 5px; width:700px; background:url("/images/livechat/livechat_img_bg01.gif") no-repeat right top;}
.livechat_visual div {float:left; width:450px;}
.livechat_visual span {display:none; float:left; margin:0; padding:61px 9px 0 0;}
.livechat_visual span img {vertical-align:top;}

/* 인터넷서점 10.06.04 추가 */
.online_visual {float:left; padding:0 0 25px 5px; width:700px; background:url("/images/online/online_img_bg01.gif") no-repeat right top;}
.online_visual div {float:left; width:450px;}
.online_visual span {display:inline-block; float:left; margin:0; padding:61px 9px 0 0;}
.online_visual span img {vertical-align:top;}

/* 평가센터 10.06.04 추가 */
.testcenter_visual {float:left; padding:0 0 25px 5px; width:700px; background:url("/images/testcenter/testcenter_img_bg01.gif") no-repeat right top;}
.testcenter_visual div {float:left; width:450px;}
.testcenter_visual span {display:inline-block; float:left; margin:0; padding:61px 9px 0 0;}
.testcenter_visual span img {vertical-align:top;}

/* 커뮤니티,이벤트 10.06.04 추가 */
.comm_visual {float:left; padding:0 0 25px; width:700px; background:url("/images/global/bg/com_img_bg01.gif") no-repeat right top;}
.comm_visual div {float:left; width:450px;}
.comm_visual span {display:inline-block; float:left; margin:0; padding:61px 9px 0 0;}
.comm_visual span img {vertical-align:top;}

/* 고객센터 10.06.04 추가 */
.customer_visual {float:left; padding:0 0 25px 5px; width:700px; background:url("/images/customer/customer_img_bg01.gif") no-repeat right top;}
.customer_visual div {float:left; width:450px;}
.customer_visual span {display:inline-block; float:left; margin:0; padding:61px 9px 0 0;}
.customer_visual span img {vertical-align:top;}

/* 마이페이지 10.06.04 추가 */
.mypage_visual {float:left; padding:0 0 25px 5px; width:700px; background:url("/images/mypage/mypage_img_bg01.gif") no-repeat right top;}
.mypage_visual div {float:left; width:450px;}
.mypage_visual span {display:inline-block; float:left; margin:0; padding:61px 9px 0 0;}
.mypage_visual span img {vertical-align:top;}

/* 마이강의실 10.06.04 추가 */
.myclass_visual {float:left; padding:0 0 25px 5px; width:700px; background:url("/images/myclass/myclass_img_bg01.gif") no-repeat right top;}
.myclass_visual div {float:left; width:450px;}
.myclass_visual span {display:inline-block; float:left; margin:0; padding:61px 9px 0 0;}
.myclass_visual span img {vertical-align:top;}

/* 마이강의실 10.07.08 추가 */
.myclass_visual_ing {float:left; padding:0 0 25px 5px; width:700px;}
.myclass_visual_ing div {float:left; width:380px;}
.myclass_visual_ing span {display:inline; width:293px; height:50px; float:right; margin:12px 0 0; padding:6px 0 0 6px; background:url("/images/myclass/myclass_img_bg09.gif") no-repeat right top;}
.myclass_visual_ing span img {vertical-align:middle;}
.myclass_visual_ing span a {margin:0; padding:0;}

/* 카테고리 과정보기 영역 - 서영삼 수정 : 2010-05-06 AM 11:35, 스크롤 생기지 않도록 수정 2차 재수정 06.08 */
.category {float:left;width:180px; height:auto; background:url('/Images/sblue_01/category_bg01.gif') repeat-y left top;margin:0 0 10px 0;display:inline;}
.category .category_box{float:left; width:180px; height:auto;padding:0 0 19px 0;background:url('/Images/sblue_01/category_bg02.gif') no-repeat left bottom;}
.category .category_box dl{float:left;width:170px; padding:0 0 0 5px;}
.category .category_box dl dt {float:left; display:inline; width:150px; margin:0 0 0 9px; padding:0 0 8px 2px;color:#004F9F;font-weight:bold;border-top:1px solid #e1e1e1;}
.category .category_box dl dt span {margin:0; padding:10px 0 0; display:inline; float:left;}
.category .category_box dl dt img {vertical-align:top; float:right; display:inline; text-align:right; margin:13px 0 0; padding:0;}
.category .category_box dl dd{float:left;width:164px;padding:0 0 0 5px;}
.category .category_box dl dd ul{float:left;width:auto;}
.category .category_box dl dd ul li{float:left;width:auto; padding: 3px 5px 3px 20px;background:#FFFFFF url('/images/sblue_01/bul/bl_dd01.gif') no-repeat 13px 7px;}

/* 좌측 3dept 06.07 추가 */
.leftMenu_three {position:absolute; margin:0; padding:0; z-index:10000;}
.leftMenu_three .leftTline {position:relative; line-height:0; font-size:0; width:138px; height:9px; background:url('/images/global/bg/leftM_tLine01.gif') no-repeat left top;}
.leftMenu_three .leftBgline {position:relative; width:138px; background:url('/images/global/bg/leftM_bgLine01.gif') repeat-y left top;}
.leftMenu_three .leftBgline a {color:#585656;}
.leftMenu_three .leftBgline p {line-height:11px; padding:0 0 4px 7px; font-size:11px; color:#585656;}
.leftMenu_three .leftBgline p a {color:#585656;}
.leftMenu_three .leftBgline p a:hover {color:#0067b3;}
.leftMenu_three .leftBgline p strong {color:#0067b3; font-weight:normal;}
.leftMenu_three .leftFline {position:relative; width:138px; height:5px; background:url('/images/global/bg/leftM_fLine01.gif') no-repeat left top;}

/* Pagination */
.pagination {float:left; width:700px; padding:30px 0; text-align:center; line-height:normal;}
.pagination div {margin:0 auto; width:250px; text-align:center;}
.pagination div img {margin:0; padding:0 8px; float:left;}
.pagination div ul {float:left;  margin:0; padding:0; line-height:11px; font-size:11px;}
.pagination div ul li {float:left; width:20px; margin:0; padding:2px 0 0; line-height:11px; font-size:11px; background:url('/images/global/bg/vertical_line_bg2.gif') no-repeat right 3px;}
.pagination div ul li.linone {background:none;}
.pagination div ul li strong {color:#354370; font-weight:bold;}

/* Pagination */
.pagination02 {margin:0 auto; width:700px; padding:30px 0; text-align:center; line-height:normal;}
.pagination02 a,
.pagination02 strong {display:inline; color:#999894; font:normal 11px/11px 돋움, Doutm; vertical-align:top; display:inline-block; text-decoration:none; padding:3px 8px; 
margin:0 -3px; z-index:2; background:url('/images/global/bg/vertical_line_bg2.gif') no-repeat left 5px; width:10px; }
.pagination02 a:hover {color:#354370; font-weight:normal;}
.pagination02 a:active{ color:#354370; font-weight:bold;}
.pagination02 a:focus {color:#354370; font-weight:bold; background:none;}
.pagination02 strong {color:#354370; font-weight:bold;}
.pagination02 .btnPage {display:inline-block; padding:1px 12px 0px 12px; vertical-align:top; background:none;}
.pagination02 img {vertical-align:top; padding:0 0 3px;}
.pagination02 .gubun {background:none;}

.com_tab {float:left; display:inline; width:700px; overflow:hidden; margin:0 0 25px 5px; padding:0px; background:url('/images/global/bg/bg_tab.gif') no-repeat left top;}
.com_tab ul {float:left; margin:0; padding:0; line-height:11px; font-size:11px;}
.com_tab ul li {float:left; margin:0; padding:0; line-height:11px; font-size:11px;}

/* My class 레이어 팝업 2011.2.21 */
.layerPop {z-index:999;position:absolute; border:2px solid #999;width:233px;height:118px;font-family:gulim;font-size:12px;color:#666;display:none;background-color:#ffffff;}
.layerPop dl {margin:0;padding:0;}
.layerPop dl dt {background:#eee url("/Images/myclass/layerPopBull.gif") no-repeat 5px 50%;text-indent:20px;margin-bottom:7px;padding:5px 0;color:#000;}
.layerPop dd {margin-left:15px;background:url("/Images/myclass/squareBullet.gif") no-repeat 0 40%;text-indent:7px;line-height:20px;padding:2px 0 2px 0;}
.layerPop dt, span {font-weight:bold;}
.layerPop form {display:inline;}.layerPop input {vertical-align:middle;}
#layerInput {background:none;width:200px;margin:0 auto;padding:2px 0 2px 0;text-align:center}
.speechBubble {background:url("/Images/myclass/layerPop_speechBubble.gif") no-repeat;width:11px;height:8px;margin:-2px 0 0 180px;}

/* 강사홈 로고 */
.mainH1 {  width:417px; height:88px; float:left; color:#fff; font-weight:bold; padding:4px 0 0 0px;  text-align:center;}
.mainH1 h1{ padding:0 0 0 0px;}
.mainH1 .className { margin:18px 30px 0 20px;  }
.mainH1 p { padding:10px 0 0 0px; }

.mainH2 {  width:420px; height:88px; float:left; color:#fff; font-weight:bold; padding:4px 0 0 0px; text-align:center;}
.mainH2 .className {margin:10px 0 0 10px;  }
.mainH2 p { padding:10px 0 0 0px; }
.mainH2 p img{  padding:0 0 0 10px;}

/* Teacher Photo */
.tc_photo {width:90px; height:85px;  float:left; padding:5px 0 0 25px;}
.tc_photo img {width:77px; height:67px;  border:1px solid white; }

/* Gnb Top 2011.2.22 */
.topHead { width:100%;  min-width:100%; height:88px; background:url('/Images/global/gnb/detaileGnb_bg_behind.gif') repeat-x; }
.mainGnb { width:980px; height:88px; margin:0 auto; background:url('/Images/global/gnb/detaileGnb_bg.gif') no-repeat;} 
.gnb_M01 { float:left; padding:10px 0 0 0; }
.gnb_M01 ul li { float:left; }
.gnb_M01 ul li a { display:inline-block; width:70px; height:59px; background:url("/Images/global/gnb/detaileGnb_btn.png") no-repeat left top; } 
#gnb_M01_btn02 a { background-position:-70px 0; }
#gnb_M01_btn03 a { background-position:-140px 0; }
#gnb_M01_btn04 a { background-position:-210px 0; }
#gnb_M01_btn05 a { background-position:-282px 0; }

#gnb_M01_btn01 a:hover { background-position:0 -58px; }
#gnb_M01_btn02 a:hover { background-position:-70px -58px; }
#gnb_M01_btn03 a:hover { background-position:-140px -58px; }
#gnb_M01_btn04 a:hover { background-position:-210px -58px; }
#gnb_M01_btn05 a:hover { background-position:-282px -58px; }

.gnb_M02 { padding:10px 0 0 0px; float:left; }
.gnb_M02 ul li { float:left; }
.gnb_M02 ul li a { display:inline-block; width:70px; height:59px; background:url("/Images/global/gnb/detaileGnb_btn.png") no-repeat left top; } 
#gnb_M02_btn01 a { background-position:-625px 0; }
#gnb_M02_btn02 a { background-position:-695px 0; }
#gnb_M02_btn03 a { background-position:-765px 0; }
#gnb_M02_btn04 a { background-position:-835px 0; }
#gnb_M02_btn05 a { background-position:-905px 0px; }

#gnb_M02_btn01 a:hover { background-position:-625px -58px; }
#gnb_M02_btn02 a:hover { background-position:-695px -58px; }
#gnb_M02_btn03 a:hover { background-position:-765px -58px; }
#gnb_M02_btn04 a:hover { background-position:-835px -58px; }
#gnb_M02_btn05 a:hover { background-position:-905px -58px; }

/* Gnb Top 2011.3.9 Kyoung */
.topHead2 { width:100%;  min-width:100%; height:90px; background:url('/Images/global/gnb/detaileGnb_bg_behind02.gif') repeat-x; }
.mainGnb2 { width:980px; height:88px; margin:0 auto; background:url('/Images/global/gnb/detaileGnb_bg02.gif') no-repeat;} 
.gnb_M03 { float:left; padding:10px 0 0 0; }
.gnb_M03 ul li { float:left; }
.gnb_M03 ul li a { display:inline-block; width:70px; height:59px; background:url("/Images/global/gnb/detaileGnb_btn_st.png") no-repeat left top; } 
#gnb_M03_btn01 a { background-position:0 0; }
#gnb_M03_btn02 a { background-position:-70px 0; }
#gnb_M03_btn03 a { background-position:-140px 0; }
#gnb_M03_btn04 a { background-position:-210px 0; }
#gnb_M03_btn05 a { background-position:-282px 0; }

#gnb_M03_btn01 a:hover { background-position:0 -58px; }
#gnb_M03_btn02 a:hover { background-position:-70px -58px; }
#gnb_M03_btn03 a:hover { background-position:-140px -58px; }
#gnb_M03_btn04 a:hover { background-position:-210px -58px; }
#gnb_M03_btn05 a:hover { background-position:-282px -58px; }

.gnb_M04 { padding:10px 0 0 0px; float:left; }
.gnb_M04 ul li { float:left; }
.gnb_M04 ul li a { display:inline-block; width:70px; height:59px; background:url("/Images/global/gnb/detaileGnb_btn_st.png") no-repeat left top; } 
#gnb_M04_btn01 a { background-position:-625px 0; }
#gnb_M04_btn02 a { background-position:-695px 0; }
#gnb_M04_btn03 a { background-position:-765px 0; }
#gnb_M04_btn04 a { background-position:-835px 0; }
#gnb_M04_btn05 a { background-position:-905px 0; }

#gnb_M04_btn01 a:hover { background-position:-625px -58px; }
#gnb_M04_btn02 a:hover { background-position:-695px -58px; }
#gnb_M04_btn03 a:hover { background-position:-765px -58px; }
#gnb_M04_btn04 a:hover { background-position:-835px -58px; }
#gnb_M04_btn05 a:hover { background-position:-905px -58px; }




/* jjh iedu.tv Left 2011.2.23 */
.leftMenu_bestBg { width:181px; height:170px; clear:both;  background:url("/Images/global/bg/leftMenu_best.gif") no-repeat left top; }
.leftMenu_bestNum { width:120px; padding:45px 0 0 23px; }
.leftMenu_bestBg li { height:20px; padding:0 0 0 20px; background:url("/Images/global/bg/leftMenu_bestNum.gif") no-repeat; }
#leftMenu_bestList01 { background-position:0px 0px; }
#leftMenu_bestList02 { background-position:0px -23px; }
#leftMenu_bestList03 { background-position:0px -44px; }
#leftMenu_bestList04 { background-position:0px -65px; }
#leftMenu_bestList05 { background-position:0px -87px; }
.leftMenu_Ts { margin:12px 0 0 0; }
.leftMenu_Ts, .leftMenu_Ts a { display:block; width:181px; height:55px; }
.leftMenu_Ts a {  background:url("/Images/global/bg/leftMenu_teacherSchedule.gif") no-repeat;  }

.live_calendar { width:180px; margin:15px 0 0 0; clear:both; float:left; border:1px solid #d5d5d5; }
.live_calendar .calendar_head { float:left; padding:0 0 0 18px; width:150px; height:25px; }
.live_calendar .calendar_head img { vertical-align:top; margin:9px 0 0;}
.live_calendar .calendar_head strong { color:#515151; font-size:11px; display:inline-block; margin:7px 0 0; padding:0 8px; vertical-align:top;}
.live_calendar .calendar_head span { display:inline-block; color:#3070e4; font-size:12px; margin:4px 0 0 10px; padding:2px 0 0; width:31px; height:14px; text-align:center; background:url('/Images/main/main_img_bg03.gif') no-repeat left top;}
.live_calendar .calendar_body { width:180px; padding:0; float:left; position:relative; }
.live_calendar .calendar_body table { float:left;width:180px; }
.live_calendar .calendar_body table th { padding:4px 0 3px; background-color:#6f6f6f; color:#fff; font-size:11px;}
.live_calendar .calendar_body table th.thfirst { color:#ff960d; }
.live_calendar .calendar_body table td  {padding:4px 0 3px; color:#b3b3b3; font-size:11px; text-align:center;}
.live_calendar .calendar_body table td.tdToday { background-color:#717171; color:#fff; }
.live_calendar .calendar_body table td a { color:#b3b3b3; font-size:11px;}
.live_calendar .calendar_body table td.tdToday a { color:#fff;  font-size:11px;}

.leftMenu_navS { height:50px; clear:both; padding:12px 0 0 0; }
.leftMenu_navS li { float:left; margin:0 0 0 2px; }
.leftMenu_navS li a { display:block; width:59px; height:50px;  background:url('/Images/global/bg/leftMenu_navS.gif') no-repeat; text-indent:-5000em; }
#leftMenu_navS_list01 { margin:0; }
#leftMenu_navS_list02 a { background-position:-61px 0; }
#leftMenu_navS_list03 a { background-position:-122px 0; }

/* jjh iedu.tv Main 2011.2.23 */
.mainTop { width:778px; height:271px;  background:#fff url('/Images/global/bg/mainTop_bg.gif') no-repeat; }
.teacherPic { width:413px; height:262px; padding:5px 0 0 5px; float:left; background:url('/Images/global/bg/teacherJJH.jpg') no-repeat; background-position:5px 5px; }
.teacherPic img { border-left:1px solid #d5d5d5; }
.teacherProfile { width:355px; height:262px; padding:5px 0 0 0; float:left; }
.teacherProfile .profileBorder { width:335px; height:161px; margin:14px 0 0 9px; border:2px solid #d5d5d5;  }
/*.profileText { width:310px; height:150px; margin:17px 0 0 14px; overflow-x:hidden; overflow-y:scroll; scrollbar-face-color:#eee; line-height:1.5em; }*/
.profileText { width:310px; height:130px; margin:17px 0 0 14px; overflow-x:hidden; overflow-y:scroll; scrollbar-face-color:#eee; line-height:1.5em; }
.teacherInt { padding:15px 0 0 10px; }
/*.teacherInt a {display:block; height:26px; background:url('/Images/global/btn/main_teacher_intro.gif') no-repeat; text-indent:100px; line-height:26px; }*/

.mainMiddle_title { width:760px; height:12px; margin:10px 0 10px 0; background:url('/Images/global/bg/mainMiddle_title.gif') no-repeat; background-position:10px 0; }
.mainMiddle_title a span { display:inline-block; width:28px; height:8px; float:right; background:url('/Images/global/btn/moreBtn.gif') no-repeat; background-position:0 3px; cursor:pointer; }
.middleContent { width:780px; height:169px; background:url('/Images/global/bg/mainMiddle_bg.gif') no-repeat; padding:10px 0 0 0; }
.middleContent table { width:730px; margin:0 auto; color:#8e8e8e; }
.middleContent table th { padding:5px 0 5px 0; border-bottom:1px solid #d5d5d5; font-size:11px; font-weight:normal; }
.edulist_01 { width:90px; }
.edulist_02 { width:319px; }
.edulist_03 { width:82px; }
.edulist_04 { width:56px; text-align:left; }
.edulist_05 { width:51px; text-align:left; }
.edulist_06 { width:54px; }
.edulist_07 { width:59px; }

.tableTopSpace { padding:5px 0 0 0; }
.edulistTd_01 { text-align:center; }
.edulistTd_02 { padding:0 0 0 40px; font-weight:bold; }
.edulistTd_06 { text-align:center; }
.edulistTd_07 { text-align:center; }

.listDisk_greyTable { background:url('/images/global/bg/bullDisk_grey.gif') no-repeat; background-position:30px center; }

.middle_guest { width:780px; height:130px; letter-spacing:-1px; }
.middle_guest ul { clear:both; color:#8e8e8e; }
.middle_guest ul li { height:22px; background:url('/images/global/bg/bullDisk_grey.gif') no-repeat; background-position:10px 50%; font-size:12px; line-height:22px; text-indent:15px; }


.middle_guestTitle { width:780px; height:12px; }

.mainMiddle_noticeBox { width:372px; height:12px; padding:0 0 0 3px; float:left; }
.mainMiddle_notice { width:372px; height:12px; padding:0 0 7px 0; float:left;  background:url('/Images/global/bg/notice.gif') no-repeat; background-position:10px 0; border-bottom:1px solid #d5d5d5; }
.mainMiddle_notice a span { display:inline-block; width:28px; height:10px; float:right; background:url('/Images/global/btn/moreBtn.gif') no-repeat; background-position:0 5px; cursor:pointer; }

.mainMiddle_epilogueBox { width:372px; height:12px; float:right; }
.mainMiddle_epilogue { width:372px; height:12px; padding:0 0 7px 0; float:right; background:url('/Images/global/bg/epilogue.gif') no-repeat; background-position:10px 0; border-bottom:1px solid #d5d5d5; }
.mainMiddle_epilogue a span { display:inline-block; width:28px; height:10px; float:right; background:url('/Images/global/btn/moreBtn.gif') no-repeat; background-position:0 5px; cursor:pointer; }

.middle_guest2 { width:780px; height:130px; letter-spacing:-1px; }
.middle_guest2 ul { clear:both; color:#8e8e8e; }
.middle_guest2 ul li { height:22px; background:url('/images/global/bg/bullDisk_grey.gif') no-repeat; background-position:10px 50%; font-size:12px; line-height:22px; text-indent:15px; }

.middle_guest2Title { top:0px;left:0px;width:780px; height:12px; }

.mainMiddle_notice2Box {width:372px; height:12px; padding:0 0 0 3px; float:left; }
.mainMiddle_notice2 { width:372px; height:12px; padding:0 0 7px 0; float:left;  background:url('/Images/global/bg/info.gif') no-repeat; background-position:10px 0; border-bottom:1px solid #d5d5d5; }
.mainMiddle_notice2 a span { display:inline-block; width:28px; height:10px; float:right; background:url('/Images/global/btn/moreBtn.gif') no-repeat; background-position:0 5px; cursor:pointer; }

.mainMiddle_epilogue2Box { width:372px; height:12px; float:right; }
.mainMiddle_epilogue2 { width:372px; height:12px; padding:0 0 7px 0; float:right; background:url('/Images/global/bg/data.gif') no-repeat; background-position:10px 0; border-bottom:1px solid #d5d5d5; }
.mainMiddle_epilogue2 a span { display:inline-block; width:28px; height:10px; float:right; background:url('/Images/global/btn/moreBtn.gif') no-repeat; background-position:0 5px; cursor:pointer; }

.listBorad_left, .listBorad_right { padding:7px 0 0 0; font-weight:normal; }
.listBorad_left { float:left; }
.listBorad_right { float:right; }

.mainBottom_book { width:780px; padding:0 0 30px 0; overflow:hidden; }
.bottom_bookTitle { width:780px; height:12px; margin:0 0 0 5px; padding:0 0 15px 0; background:url('/Images/global/bg/book.gif') no-repeat; background-position:10px 0; border-bottom:1px solid #d5d5d5; }
.bookDisplayImg { border:1px solid #d5d5d5; }
.bookDisplayLeft { width:360px; float:left; padding:10px 0 0 20px; }
.bookDisplayRight { width:360px; float:left; padding:10px 0 0 40px; }
.bookDisplayLeft img, .bookDisplayRight img { float:left; }
.bookDisplayLeft ul , .bookDisplayRight ul { padding:0 0 0 120px;  } 
.bookDisplayLeft ul li,.bookDisplayRight ul li { height:25px; }
.bookTitle_text { font-weight:bold; line-height:25px; color:#3275ad; }
.bookPrice { float:left; background:url('/images/global/bg/wonBg.gif') no-repeat; text-indent:15px; }
.oldPrice { font-weight:bold; text-decoration:line-through; }
.newPrice { color:#f96f00; }
.bookSavedMoney img { margin:0 10px; }
.won { color:#90604e; }
.guestBtn { padding:15px 0 0 0; }
.guestBtn img { margin:0 0 0 5px; }

#calendarPopup { display:none; position:absolute; left:130px; top:-70px; width:300px; height:150px; border:1px solid #4496bd; background:#fff;  }
.popupTop { height:30px; background:#4496bd; color:#fff; line-height:30px; font-weight:bold; text-indent:10px; }
.popupContent ul { height:80px; margin:10px 0 0 0; }
.popupContent li { height:20px; line-height:20px; background:url('/images/global/bg/bullDisk_grey.gif') no-repeat 5px 50%; color:#8e8e8e; text-indent:10px;  }
.popupText { font-size:11px; }
.popupText p { text-indent:65px; }
.closePop { height:10px; text-align:center; }
.closePop a { color:#8e8e8e; }
.closePop a:hover { color:#a2c9ee; }