﻿/* ?�이?�맵 */
.sitemap .top {background: url(images/sitemap/top.gif) no-repeat; width:203px; height: 23px; padding:15px 0 0 18px}
.sitemap .middle {background: url(images/sitemap/smiddle.gif) repeat-y; width:203px}
.sitemap .middle ul {list-style: none;margin:0; padding:5px 0 0 0}
.sitemap .middle li {width:190px;margin: 0;padding: 0 0 0 8px}
.sitemap .middle li a {height: 18px;display: block;padding: 8px 0 0 18px;margin: 0 9px 0 0;border-bottom: 1px solid #E5E5E5}
.sitemap .middle ul li ul {display: block;margin: 0px !important;padding: 10px 0 0 20px !important;list-style:none;width: 80px !important}
.sitemap .middle ul li ul li { background: url(images/left_menu/sub_li03h2.gif) no-repeat 0px 2px; padding: 0 0 0 0px}
.sitemap .middle ul li ul li a {width: 132px !important;display: block; margin: 0;padding: 0 0 0 7px;background:none;border-bottom: 1px solid #fff}
.sitemap .middle ul li ul li a:hover {display: block;background: url(images/left_menu/sub_li03h.gif) no-repeat 0px 2px;margin: 0;padding: 0 0 0 7px}
.sitemap .bottom {background: url(images/sitemap/bottom.gif) no-repeat; width:203px; height:16px; margin-bottom:20px}

/* 게시??*/
#board {margin-top:25px; clear:both}
#board_top_search_bg {padding-top:10px; background: url(images/common/board_top_search_bg.gif) no-repeat; width:704px; height:46px}
#board_pop_search_bg {padding-top:10px; background: url(images/eduin/id_bg.gif) no-repeat; width:333px; height:47px}
#board table {text-align:center; margin-top:2px; border-top:2px solid #7BB739; border-bottom:2px solid #E8E8E8; border-collapse:collapse;}
#board th {padding:4px; border-bottom:1px solid #e8e8e8; background:#f4f4f4; padding-left:10px; color:#666; font-family:"?�?", Dotum}
#board td {padding:4px; border-bottom:1px solid #e8e8e8; padding-left:10px}
.t01 td, th {border-right:1px solid #e8e8e8;}
.t02 th {border-left:0px solid #e8e8e8}
.t03 th {border-left:0px solid #e8e8e8; border-right:0px solid #e8e8e8}
table.t04 {text-align:center; margin-top:2px; border-top:2px solid #B9C1D1 !important; border-bottom:2px solid #E8E8E8; border-collapse:collapse}
.t04 th {border-left:0px solid #e8e8e8; border-right:0px solid #e8e8e8}
.t04 td p {background: url(images/request/li01.gif) no-repeat 0 6px; text-indent:8px}
table.t05 {text-align:center; margin-top:2px; border-top:2px solid #7BB739 !important; border-bottom:2px solid #E8E8E8; border-collapse:collapse}
.t05 th {border-left:0px solid #e8e8e8; border-right:0px solid #e8e8e8}
#board table.t05 td {padding:10px; 0}
.t05 td p {background: url(images/request/li01.gif) no-repeat 0 6px; text-indent:8px}
.bg {background:#F9F9F9}
#board .t09 td {text-align:center; margin-top:0px; border-top:0px solid #7BB739; border-bottom:0px solid #E8E8E8; border-collapse:collapse; padding:0px;}
.t09 .ajax__calendar_container{
  border:1px solid #646464;
  z-index:1000;
  overflow:visible;
  background-color:White;
  color:Red;
  padding:0 0 0 0 ;
}

#t09 td {
  padding:0px; border-top:0px;
}

.pageNavigation {margin-top:20px; text-align:center; font:1em "?�?", Dotum, "�굴림", Gulim, Sans-serif}
.pageNavigation a {padding:0 2px 0 2px; background:#fff; text-decoration:none; color:#444}
.pageNavigation a img {vertical-align:top}
.pageNavigation .current {font-weight:bold; color:#406A13}
#board_view .line {background:url(images/common/dotline.gif) bottom repeat-x; padding:10px}
#board_view p {margin:10px 0 0 15px}
#board_view2 {padding:10px}
#board_re {margin-top:25px; border-top:1px solid #E8E8E8; padding-top:6px}
#comment {background:#f5f5f5; border:1px solid #e8e8e8; padding:10px; margin:10px 0 20px 0}
#comment .list {position:relative; background:url(images/common/dotline.gif) bottom repeat-x; padding:4px}
#comment .list dfn {font-weight:bold; font-style:normal}
#comment .list dfn img {vertical-align:top}
#comment .list dfn span {font:1em "?�?", Dotum, "�굴림", Gulim, Sans-serif; color:#888; margin-left:4px}
#comment .list p {margin-top:3px; color:#666}
#comment #ok {position:absolute; top:-6px; left:605px}
#comment p textarea {border:1px solid #e8e8e8; width:590px; height:37px; padding:4px}
#comment .list .btn {padding-top:3px; .padding-top:1px;}
/* ?�식 */
.r-box {background: url(images/common/r_box.gif) no-repeat; width:704px; height:135px; margin-top:12px; padding:18px}
.r-box ul li {background: url(images/common/li01.gif) no-repeat 0 7px; text-indent:10px; padding:1px 0; font-weight:bold}
.r-box ul li a {color:#788C62}
.r-box2 {background: url(images/common/r_box2.gif) no-repeat; width:704px; height:105px; margin-top:12px; padding:18px}
.r-box2 ul li {background: url(images/common/li01.gif) no-repeat 0 7px; text-indent:10px; padding:1px 0; font-weight:bold}
.r-box2 ul li a {color:#788C62}
.m_box {margin-top:-5px; border-bottom:2px solid #A4A4A4; border-right:2px solid #A4A4A4; border-left:2px solid #A4A4A4; padding:10px; }
.gray-box {clear:both; background:#F4F4F4; padding:8px}
.t_left {text-align:left; padding-left:12px !important; position:relative;}
.t_right {text-align:right}
.t_center {text-align:center}
.here {background:#BBD99A !important}
.acess {display:none}
.small {color:#888; font:11px "?�?", Dotum, "�굴림", Gulim, Sans-serif}
.check, .radio{border:none; position:relative; top:2px; *top:1px; _margin-top:4px; margin-right:2px}
.top_right {float:right; margin-top:-22px !important; color:#953030; font-size:11px}
.ok {display:block; float:left; background: url(images/custom/ok.gif) no-repeat; width:55px; padding:1px 0 0 0; margin-right:10px; text-align:center; height:19px; color:#F1DDDD; font-weight:bold}
.no {display:block; float:left; background: url(images/custom/no.gif) no-repeat; width:55px; padding:1px 0 0 0; margin-right:10px; text-align:center; height:19px; color:#F1DDDD; font-weight:bold}
.ok:hover, .no:hover{text-decoration:none}
.point {font:1.2em "?�?", Dotum, "�굴림", Gulim, Sans-serif; color:#AD1212; text-decoration:underline; font-weight:bold}
.today {width:555px; padding:6px 0 0 140px; .padding:3px 0 0 140px}
.red {color:#FA4802}
.mal {float:right; margin:0px 36px 0 0; .margin:-22px 36px 0 0;}
.mal2 {.padding:0 0 7px 0;}
/* 로그??*/
#login {background: url(images/eduin/login_bg.gif) no-repeat; width:680px; height:423px}
#login p#ok {position:absolute; top:165px; .top:165px; left:500px; .left:510px;}
#login p#pw {position:absolute; top:430px; .top:441px; left:617px; .left:617px;}
.memo {height:120px; margin-top:10px; overflow:auto; border:1px solid #ddd; padding:5px; }
#fine_name {padding:88px 0 0 65px; .padding:82px 0 0 65px}
#fine_ju {position:absolute; top:83px; .top:82px; left:357px}
#fine_id {position:absolute; top:59px; .top:58px; left:174px}
#fine_pw {position:absolute; top:86px; .top:85px; left:174px}
#fine_ju2 {position:absolute; top:113px; .top:112px; left:174px}
#fine_search {position:absolute; top:57px; .top:56px; left:394px}

/* 마이?�이지 */
.level-box {margin-top:0; border:1px solid #A4A4A4; padding:10px 0 10px 20px}
.level-title {background: url(images/mypage/level_box.gif) no-repeat 0px 0px; width:705px; height:18px; padding:3px 0 0 27px; color:#fff; font-weight:bold}
.dotted li {background: url(images/common/li01.gif) no-repeat 10px 7px; text-indent:18px; padding:1px 0}
.mypage .m_title {padding:10px 0 0px 0;}
.mypage ul li{padding:2px 0 2px 10px;}
.mypage ul li span{color:#297400;}

/* ?�업 */
#pop-top01 h1 {background:url(images/course/pop_top.gif) repeat-x; height:30px; padding:5px 0 0 8px; font-size:12px; 

color:#E3E9D7}

.ju_book {width:100px; display:block; float:left;  }
.ju_book_con {width:280px; float:left;}
.ju_btn {position:absolute; right:5px; top:0;}
.ju_text {clear:both; margin-bottom:5px;}
.ju_list li {margin-bottom:10px;}
.ju_list li ul li {background:url(../images/common/li01.gif) left 9px no-repeat; padding-left:6px; letter-spacing:-0.1em; margin:2px 0 3px 10px;}
.ju_list02 li  {margin-bottom:10px;}
.ju_list02 li ul li {margin:2px 0 3px 10px;  letter-spacing:-0.1em;}

/* FAQ 게시??*/
#faqList {margin-top:25px; border-top:2px solid #7BB739}
#faqList dt {background: url(images/custom/0601_ico01.gif) no-repeat 0px 8px; text-indent:14px; border-bottom:1px #e8e8e8 solid; padding:6px}
#faqList dt:hover {background:#F8FBF5 url(images/custom/0601_ico01.gif) no-repeat 0px 8px}
#faqList dd {background:#F4F4F4 url(images/custom/faq_a.gif) no-repeat 0px 8px; display:none; margin-top:-1px; padding:6px 6px 6px 17px; border:1px #E8E8E8; border-top:1px dashed #444; }
	
/* 레벨테스트 예약시간선택 */
.time_select{
	FONT-SIZE: 11px; 
	font-weight:bold;
	COLOR: white; 
	FONT-FAMILY: Verdana;  
	BACKGROUND-COLOR: #4696CD ; 
	padding-bottom:2px; 
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
}

.time_notselect{
	FONT-SIZE: 11px; 
	font-weight:bold;
	COLOR: white; 
	FONT-FAMILY: Verdana; 
	LETTER-SPACING: 0px; 
	BACKGROUND-COLOR: #ff6699; 
	padding-bottom:2px; 
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
}




.list_top {width:100%; margin-top:15px; margin-bottom:5px;}
.list_top .list_sel {float:left;}
.list_top .list_total {float:right;}
.list_top .list_total span {color:#e33500;}

.list_table01 {border-top:2px solid #7ab83b; border-bottom:2px solid #7ab83b; }
.list_table01 th {background:#eef6e6; color:#525252; padding:6px 0; border-bottom:1px solid #c3d0a8; border-left:0; border-top:0; border-right:0;}
.list_table01 td {background:#fff; padding:6px 0; text-align:center; color:#444; border-bottom:1px solid #e1edd5;}
.list_table01 td.td_left {text-align:left;}
.list_table01 td.td_right {text-align:right;}
.list_table01 .td_color td {background:#eef6e6;}

.paging {width:100%; text-align:center; padding-top:20px; }
.paging a {padding:0 4px; font-weight:bold; color:#777777;}
.paging a.p_pre {background:url(../images/common/icon_pre.gif) left 3px no-repeat; font-weight:normal; padding:0 8px; }
.paging a.p_next {background:url(../images/common/icon_next.gif) right 3px no-repeat; font-weight:normal; padding:0 8px; }
.paging a.p_now {color:#e33500;}



.view_table01 {border-top:2px solid #7ab83b; border-bottom:2px solid #dedfe0;}
.view_table01 th {background:#eef6e6; color:#525252; text-align:left; border-bottom:1px solid #dedfe0; border-right:1px solid #dedfe0; border-left:0; border-top:0; padding:5px 0 5px 10px;}
.view_table01 th.border_th {border-left:1px solid #dedfe0;}
.view_table01 td {color:#525252; border-bottom:1px solid #dedfe0;}
.view_table01 td.title {font-weight:bold;}
.view_table01 .td_left {background:#eef6e6; color:#525252; text-align:left; border-bottom:1px solid #dedfe0; border-right:1px solid #dedfe0; border-left:0; border-top:0; padding:5px 0 5px 10px;}

.view_button {text-align:right; margin:20px;}


/*교육단계 샘플보기_화상/전화영어 speaking ///////(2010.01.20 김정윤)*/
.step3_video {width:701px; height:322px; background:url(images/introduce/step3_bg.gif) left top no-repeat; margin-top:10px; padding:15px;}
.step3_video .video_movie {width:320px; height:280px; float:left;}
.step3_video .video_bt {width:280px; height:160px; float:left; margin:80px 0 0 55px;}
.step3_video .video_bt li {margin-bottom:15px;}
#board .step3_tit02{margin-top:20px; margin-bottom:10px;}
.spet3_tel {width:684px; height:43px; background:url(images/introduce/step3_tel_bg.gif) left top no-repeat; margin-bottom:15px; padding:5px 0 0 20px;}
.spet3_tel a img {margin:5px 0 0 180px;}

/* 강사검색 및 강사배정 Pop-Up 2010-02-24 Teddy */
.popTable05 {border-top:2px solid #7ab83b; border-bottom:1px solid #ccc; }
.popTable05 th {background:#eef6e6; color:#555; border-bottom:1px solid #c0c0c0; padding:6px 0;}
.popTable05 td {color:#555; border-bottom:1px solid #c0c0c0;}
.pop_tit {width:100%; margin:15px 0 5px 0;}
.pop_tit .tit_left {float:left; background:url(./images/common/bullet_02.gif) left 3px no-repeat; padding:0 0 0 15px; font-weight:bold;}
.pop_tit .tit_right {float:right;}
.popTable01 {border-top:2px solid #7ab83b; border-bottom:1px solid #ccc; }
.popTable01 th {background:#eef6e6; color:#555; border-bottom:1px solid #c0c0c0; padding:9px 0;}
.popTable01 td {text-align:center; color:#555; border-bottom:1px solid #c0c0c0; padding:4px 0;}
.popTable01 tr.total_td {background:#fff8e2; }
.popTable01 tr.total_td td {font-weight:bold; color:red; padding:8px 0;}
.pop_butCenter {text-align:center; margin-top:20px;}
.pop_butRight input, .pop_butCenter input {border:0; vertical-align:top;}


/*단계별 교육 step*/
.step05 {margin-bottom:30px;}
.step05 dd {margin-bottom:15px;}
.step05_con01 p.step05_img {padding:0 0 30px 0;}

.step06_con01 {padding:0 0 40px 0; border-bottom:1px solid #ddd; margin:0 0 40px 0;}
.step06_img01 {margin:30px 0 0 30px;}
.step06_list li {margin:0 0 0 130px;}

/*Tab menu*/
#pop_leveltest {width:725px; padding:0 0 0 15px;}
#pop_leveltest h1 {margin-top:30px;}

.step01 {width:100%; color:#444;}
.step01 .step01_menu {border-bottom:1px solid #d1d1d1; height:25px; margin-bottom:25px;}
.step01 .step01_menu li {float:left; }
.step01 p.step01_tit {margin:0 0 20px 10px; clear:both;}
.step01_top {background:url(../images/pop/step01_top.gif) left top no-repeat; width:704px; height:24px; }
.step01_con {background:url(../images/pop/step01_bot.gif) left bottom no-repeat; width:704px; height:100%; padding:0 0 20px 10px;}
#pop_leveltest table {margin-top:20px !important;}
#pop_leveltest span.f_green {font-weight:bold; color:#508d0b;}

/*tab menu 테이블*/
.step01_table01 {width:685px; border-top:2px solid #7BB739; border-bottom:2px solid #E8E8E8; border-collapse:collapse;}
.step01_table01 thead th {background:#eef6e6; border-bottom:1px solid #dedfe0; padding:5px;}
.step01_table01 tbody th {background:#fff; border-bottom:1px solid #dedfe0;  border-right:1px solid #dedfe0;}
.step01_table01 tbody td {padding:5px 5px; text-align:center; border-bottom:1px solid #dedfe0;  }
.step01_table01 td.al {text-align:left;}

.step01_table02 {width:685px; border-top:2px solid #4d88bc; border-bottom:2px solid #E8E8E8; border-collapse:collapse;}
.step01_table02 thead th {background:#e8eff7; border-bottom:1px solid #dedfe0; padding:5px;}
.step01_table02 tbody th {background:#fff; border-bottom:1px solid #dedfe0;  border-right:1px solid #dedfe0;}
.step01_table02 tbody td {padding:5px 5px; text-align:center; border-bottom:1px solid #dedfe0;  }

/*ESPT레벨테스트*/
.step01_tab1 li {margin-bottom:15px;}
.step01_tab2 dt {margin-bottom:5x;}
.step01_tab2 dd {margin-bottom:20px;}
.step01_tab3 .step01_tab3Img {padding:20px 0 50px 0; text-align:center;}
.step01_tab4Txt p{margin:50px 0 20px 0;}
.step01_tab4Txt .tab04_img{margin-left:90px; border:1px solid #E8E8E8; padding:10px 30px}
.step01_tab6 dd{text-align:center; margin:35px 0 50px 0;}

/*전화레벨테스트*/
.step_phone01 dt.mt0 {margin-top:0;}
.step_phone01 dt {margin:30px 0 10px 0;}
.step_phone01 dd {margin:0 0 5px 0;}

/*단계별 교육step1*/
.step01 {width:100%; }
.step01 .step01_menu {border-bottom:1px solid #d1d1d1; height:25px; _padding-bottom:-1px;}
.step01 .step01_menu li {float:left; }
.step01 p.step01_tit {padding:30px 0 10px 10px; clear:both;}
.step01_top {background:url(../images/introduce/step01_top.gif) left top no-repeat; width:704px; height:24px; }
.step01_con {background:url(../images/introduce/step01_bot.gif) left bottom no-repeat; width:704px; height:100%; padding:0 0 20px 10px;}
.step01_con table {margin-top:20px !important;}
.step01_con span.f_green {font-weight:bold; color:#508d0b;}

#board .step01_con .step01_table01 {width:685px; border-top:2px solid #7BB739; border-bottom:2px solid #E8E8E8; border-collapse:collapse;}
#board .step01_con .step01_table01 thead th {background:#eef6e6; border-bottom:1px solid #dedfe0;}
#board .step01_con .step01_table01 tbody th {background:#fff; border-bottom:1px solid #dedfe0; border-left:0;}
#board .step01_con .step01_table01 td.al {text-align:left;}

#board .step01_con .step01_table02 {width:685px; border-top:2px solid #4d88bc; border-bottom:2px solid #E8E8E8; border-collapse:collapse;}
#board .step01_con .step01_table02 thead th {background:#e8eff7; border-bottom:1px solid #dedfe0;}
#board .step01_con .step01_table02 tbody th {background:#fff; border-bottom:1px solid #dedfe0; border-left:0;}

.step01_tab1 li {margin-bottom:15px;}
.step01_tab2 dt {margin-bottom:5x;}
.step01_tab2 dd {margin-bottom:20px;}
.step01_tab3 .step01_tab3Img {padding:20px 0 50px 0; text-align:center;}
#board .step01_tab4Txt p{margin:50px 0 20px 0;}
#board .step01_tab4Txt .tab04_img{margin-left:90px; border:1px solid #E8E8E8; padding:10px 30px}

/*주니어/시니어 과정소개_20100331*/
.ju00_con {margin-top:15px; clear:both; background:url(images/course/ju00_table.gif) left 25px no-repeat; padding-bottom:15px; }
.ju00_con .ju00_table {width:675px; margin-top:10px;}
.ju00_con .ju00_table thead th {height:35px; text-align:center; border:none;}
.ju00_con .ju00_table tbody th {height:28px; padding-left:10px; border:none;}
.ju00_con .ju00_table tbody td {text-align:center; background:url(images/course/ju00_td_line.gif) left bottom repeat-x;  border:none;}
.ju00_con .ju00_table .left {text-align:left; padding-left:10px;}
.ju00_con .ju00_table .bg_n {background:none;}

.se00_con {margin-top:15px; clear:both; background:url(images/course/se00_table.gif) left 25px no-repeat; padding-bottom:15px; }
.se00_con .se00_table {width:675px; margin-top:10px; }
.se00_con .se00_table thead th {height:35px; text-align:center; border:none;}
.se00_con .se00_table tbody th {height:28px; padding-left:10px; border:none;}
.se00_con .se00_table tbody td {text-align:center; background:url(images/course/se00_td_line.gif) left bottom repeat-x;  border:none;}
.se00_con .se00_table .left {text-align:left; padding-left:10px;}
.se00_con .se00_table .bg_n {background:none;}


/*레벨테스트 신청_무료화상체험-추가 : 2010.04.22*/
.testrequest02 ul.list01 {margin:15px 0 15px 10px;}
.testrequest02 ul.list01 li {margin:0 0 5px 0;} 
.testrequest02 ul.list02 {margin:5px 0 15px 20px;}
.testrequest02 ul.list02 .green {color:#73b218;}
.testrequest02 .txt01 {padding:0 0 0 20px;}
.testrequest02 p {padding:0 0 0 10px; }
.b {font-weight:bold;}



/*메인 중앙 컨테이너 - 추가 : 2011.06.08*/

.p_top5 {padding-top:5px;}
.p_top8 {padding-top:8px;}
.left_text {float:left; display:inline; width:100px;}
.clfix { zoom:1; }
.clfix:after { content:""; display:block; clear:both; }
