

/*공통*/
h3 {padding-bottom:5px; color:#333; font-size:17px; font-weight:bold; font-family:나눔고딕, NanumGothic, ngwoff, ngeot; }
span.tit{display:inline-block; border-top:2px solid #f4458c; padding:5px 5px 10px 5px; color:#333; font-size:14px; font-weight:bold; font-family:나눔고딕, NanumGothic, ngwoff, ngeot;}
span.sub_tt{display:inline-block; width:100%; padding-bottom:5px; text-align:right; font-weight:bold; font-size:13px; font-family:나눔고딕, NanumGothic, ngwoff, ngeot; }
ul.tit{height:35px;}
ul.tit li{float:left;}
ul.tit li.txt{width:710px;}
ul.tit li.btn{padding-top:10px;}
/*기존디자인 이미지관련*/
div.old_img{overflow:hidden; padding-top:10px; }
div.img_box{padding:20px;  border:1px solid #e0e0e0; text-align:center;}
ul.img_tu{float:left;}
ul.img_bg{height:270px; background:url('../images/contents/sub01_exercise_bg.gif') no-repeat left top;}
/*text폰트 소개*/
ul.t_box{overflow:hidden;}
ul.t_box li{color:#6f6f6f; font-size:12px; font-family:나눔고딕, NanumGothic, ngwoff, ngeot; line-height:21px;}
ul.t_box input{ height:13px; margin-bottom:2px; _margin-bottom:0px; padding:5px 10px 5px 10px; color:#8db6cf; font-size:12px; border:1px solid #c9dfed; } 

ul.t_box li.tit{ color:#555; font-size:13px; font-weight:bold; font-family:나눔고딕, NanumGothic, ngwoff, ngeot; padding-bottom:5px;}
ul.t_box li.tt01{padding-bottom:1px; padding-top:7px; line-height:18px;}
ul.t_box li.tt02{padding-bottom:0px; color:#848484; font-family:dotum; font-size:11px; line-height:18px; padding-left:35px; background:url('../images/board/icon_tt02.gif') no-repeat 25px 6px;}
ul.t_box li.tt03{padding-left:43px; background:url('../images/board/icon_tt02.gif') no-repeat 32px 8px;}
ul.t_box li.tt04{padding-left:15px; background:url('../images/board/icon_tt02.gif') no-repeat 5px 8px;}
ul.t_box li.tt05{padding-left:22px; background:url('../images/board/tb_bar02.gif') no-repeat 15px 8px; font-family:dotum; font-size:11px;}
ul.t_box li.step{ color:#949494; font-size:14px; font-weight:bold; font-family:나눔고딕, NanumGothic, ngwoff, ngeot; padding-bottom:5px;}

/*리스트*/
div.list {position:relative; _overflow:auto; overflow:hidden;}
div.list ul.icon_l{text-align:right; height:13px; padding-bottom:10px;} 
div.list ul.icon_l li{display:inline; color:#aaa; padding-right:5px;}

/*tab*/
div.list ul.tab{overflow:hidden;  height:100%;}
div.list ul.tab li{float:left; font-family:나눔고딕, NanumGothic, ngwoff, ngeot; }
div.list ul.tab li.tab01{margin-right:1px;}
div.list ul.tab li.sel a{display:inline-block; background:#cc7397 url('../images/board/tab_bg.gif') no-repeat 88% 16px; padding:12px 30px 10px 14px; font-weight:bold; color:#fff; }
div.list ul.tab li a{display:inline-block; background:#cfcfcf; padding:12px 22px 10px 22px; font-weight:bold; color:#333;}
div.list ul.tab li a:hover{display:inline-block; background:#cc7397 url('../images/board/tab_bg.gif') no-repeat 88% 16px; padding:12px 30px 10px 14px; font-weight:bold; color:#fff; }

div.list ul.tab li.tab02 a{display:inline-block; background:#cfcfcf; padding:12px 22px 10px 25px; font-weight:bold; color:#333; }
div.list ul.tab li.tab02 a:hover{display:inline-block; background:#cc7397 url('../images/board/tab_bg.gif') no-repeat 88% 16px; padding:12px 30px 10px 17px; font-weight:bold; color:#fff; }
/*IE9핵*/
:root div.list ul.tab li.tab02 a{padding:12px 21px 10px 20px; 0\0/IE9;}
:root div.list ul.tab li.tab02 a:hover{padding:12px 29px 10px 12px; 0\0/IE9;}


/*table*/
div.list table.study_l{clear:both; margin-top:1px; width:100%;}
div.list table.study_l thead th{height:30px; text-align:center; background:#767e84; font-size:12px; color:#fff; font-weight:bold; font-family:나눔고딕, NanumGothic, ngwoff, ngeot;}
div.list table.study_l thead th.th01{height:35px;}
div.list table.study_l thead th.th02{text-align:left; padding-left:10px; }

div.list table.study_l tbody td{height:32px; text-align:center; border-bottom:1px solid #e2e4e5;  }
div.list table.study_l tbody th.th01{height:30px; text-align:center; background:#f7f7f7; border-bottom:1px solid #e2e4e5; font-weight:bold; font-family:나눔고딕, NanumGothic, ngwoff, ngeot; }
div.list table.study_l tbody th.th02{height:30px; text-align:center; background:#f7f7f7; border-bottom:1px solid #e2e4e5;  border-top:2px solid #e2e4e5; font-weight:bold; font-family:나눔고딕, NanumGothic, ngwoff, ngeot; }

div.list table.study_l tbody td.td01{height:30px;  border-bottom:1px solid #e2e4e5; text-align:left; padding-left:10px; }
div.list table.study_l tbody td.td02{padding-left:35px; }
div.list table.study_l tbody td.td03{text-align:left; padding:10px 0px 10px 10px; line-height:18px;}
div.list table.study_l tbody td.td04{border-bottom:1px solid #e2e4e5; text-align:left; padding-left:20px; }
div.list table.study_l tbody td.td05{height:30px;  border-bottom:1px solid #e2e4e5; text-align:left; }
div.list table.study_l tbody td.td07{height:30px;  border-bottom:1px solid #e2e4e5; border-top:2px solid #e2e4e5; text-align:left; padding-left:10px; }

div.list table.study_l tbody td.tit{text-align:left; padding-left:10px;}
div.list table.study_l tbody td.icon_h{padding-left:15px; background:url('../images/board/icon_hard.gif') no-repeat 35% 40%;}
div.list table.study_l tbody td.icon_n{padding-left:15px; background:url('../images/board/icon_normal.gif') no-repeat 35% 40%;}
div.list table.study_l tbody td.icon_e{padding-left:15px; background:url('../images/board/icon_easy.gif') no-repeat 35% 40%;}
div.list table.study_l tbody td.last{border-bottom:2px solid #e2e4e5;}
div.list table.study_l tbody th.last{border-bottom:2px solid #e2e4e5;}
div.list table.study_l tbody td span.bar01{margin-left:10px; display:inline-block; background:url('../images/board/tb_bar01.gif') repeat-x left 4px; }
div.list table.study_l tbody td span.bar02{display:inline-block; background:url('../images/board/tb_bar02.gif') repeat-x left 4px; }
div.list table.study_l tbody td span.tt01{font-size:12px;}
div.list table.study_l input.inbox1{ padding:4px 10px 5px 10px; color:#8db6cf; font-size:12px;  border:0px; }
div.list table.study_l input.inbox2{ padding:4px 10px 5px 10px; color:#8db6cf; font-size:12px; border:1px solid #c9dfed; }
div.list table.study_l textarea.inbox3{width:96%; height:200px;  border:1px solid #c9dfed; text-align:left; padding:10px;}
div.list table.study_l select.select_box{border:0 none; behavior:url; font-size:11px; font-family:dotum;}
/*page*/
div.list ul.page{text-align:center; margin-top:15px; }
div.list ul.page li{display:inline-block; *display:inline;*zoom:1; vertical-align:bottom;}
div.list ul.page li.p_bt{_width:27px;}*:first-child+html div.list ul.page li.p_bt{width:27px;}
div.list ul.page li.p_num{padding-left:3px; line-height:20px; width:10px; _width:15px; }
*:first-child+html div.list ul.page li.p_num{width:15px;}
div.list ul.page li.p_num a:hover{color:#2786c0;}

/*btn*/
div.list ul.btn{position:relative; text-align:right; margin-top:-22px;}
div.list ul.btn li{display:inline;}

div.list ul.btn_open{text-align:right; margin-top:20px;}
div.list ul.btn_open li{display:inline;}

/*search*/
div.list div.search{height:40px; background:#f7f7f7; border:2px solid #ededed;}
div.list div.search ul{height:30px; width:410px; margin:0 auto; padding-top:7px;}
div.list div.search li{float:left;}
div.list div.search li.sel_box{padding-top:3px; padding-right:10px;}
div.list div.search li.btn{padding-left:5px;}
div.list div.search input.sear{ padding:4px 10px 5px 10px; color:#8db6cf; font-size:12px; border:1px solid #c9dfed; }

/*강좌 오픈 */
.study_o{overflow:hidden; width:100%; background:#f7f7f7 url('../images/contents/best_bg.gif') repeat-x; border-top:2px solid #e2e4e5}
.study_o div.s_box ul{float:left; }
.study_o div.s_box ul.s_img{width:279px; padding:30px 10px 20px 40px;}
.study_o div.s_box ul.s_img li.img_b{padding:7px; border:1px solid #e0e0e0; background:#fff;}
.study_o div.s_box ul.s_tt{width:400px; padding:40px 20px 10px 20px; }
.study_o div.s_box ul.s_tt1{padding:25px 20px 10px 20px; }
.study_o div.s_box ul.s_tt li.tit{color:#064691; padding-bottom:10px; font-size:15px; font-weight:bold; font-family:나눔고딕, NanumGothic, ngwoff, ngeot;}
.study_o div.s_box ul.s_tt li.tt{color:#818181; line-height:18px;}
.study_o div.s_box ul.s_tt li.t_box{color:#657c8c;}
.study_o div.s_box ul.s_tt li.t_area{padding-left:30px;}
.study_o div.s_box ul.s_tt li.t_box span.tb_tit{border-bottom:1px solid #fff; display:inline-block; width:88px; height:20px; background:#a9bbc7; text-align:center; padding-top:5px; font-family:나눔고딕, NanumGothic, ngwoff, ngeot; color:#fff;  font-size:12px; font-weight:bold;}
.study_o div.s_box ul.s_tt li.t_box span.tb_tit1{background:#2786c0; }
.study_o div.s_box ul.s_tt li.t_box span.tb_tt{display:inline-block; width:88px; height:19px; padding-top:6px; padding-left:10px;}
.study_o div.s_box ul.s_tt li.t_box span.tb_bar01{margin-left:10px; display:inline-block; background:url('../images/board/tb_bar01.gif') repeat-x left 5px; _background:url('../images/board/tb_bar01.gif') repeat-x left 0px;}
.study_o div.s_box ul.s_tt li.t_box span.tb_bar02{display:inline-block; background:url('../images/board/tb_bar02.gif') repeat-x left 5px; _background:url('../images/board/tb_bar02.gif') repeat-x left 0px;}
*:first-child+html .study_o div.s_box ul.s_tt li.t_box span.tb_bar01{background:url('../images/board/tb_bar01.gif') repeat-x left 0px;}
*:first-child+html .study_o div.s_box ul.s_tt li.t_box span.tb_bar02{background:url('../images/board/tb_bar02.gif') repeat-x left 0px;}
.study_o div.s_box ul.s_tt li.ex_t{color:#2786c0; padding:30px 0px 10px 20px; font-size:13px; font-weight:bold; background:url('../images/board/icon_check.gif') no-repeat left 31px; font-family:나눔고딕, NanumGothic, ngwoff, ngeot;}
.study_o div.s_box ul.s_tt li.check{font-size:11px; padding:0px 0px 10px 25px; }
.study_o div.s_box ul.s_tt li.tt{line-height:18px; padding-left:11px; background:url('../images/board/icon_tt01.gif') no-repeat left 7px;}
.study_o div.btn{clear:both; text-align:center; padding-bottom:20px;}


/*faq*/
ul#faq li{text-align:left; font-family:나눔고딕, NanumGothic, ngwoff, ngeot; margin-bottom:2px; }
ul#faq li.question{font-size:12px; font-weight:bold;}
ul#faq li.bg01 a{color:#666; display:inline-block; width:100%; padding:10px 0px 10px 20px; background:#f7f7f7; }
ul#faq li.bg01 a:hover{color:#fff;  display:inline-block; width:100%; padding:10px 0px 10px 20px; background:#a9bbc7; }
ul#faq li.bg02 a{color:#666; display:inline-block; width:100%; padding:10px 0px 10px 20px; background:#f2f1f1; }
ul#faq li.bg02 a:hover{color:#fff;  display:inline-block; width:100%; padding:10px 0px 10px 20px; background:#a9bbc7; }
ul#faq li.answer{font-size:12px; padding:20px; border-bottom:2px solid #e2e4e5; border-top:2px solid #e2e4e5;}


/*program Down*/
ul.program{overflow:auto; height:100%;}
ul.program li{float:left;  text-align:center; }
ul.program li.img_b{width:171px; height:75px; border:1px solid #e2e4e5; padding:10px;}
ul.program li.img_n{width:171px; height:75px;  padding:10px; border:1px solid #fff;}
ul.program li.btn{width:183px; padding-left:7px; margin-top:5px;}

/*성적보기*/
#pop{width:470px; margin:15px; }
#pop div.pop_list {float:left; width:33%; margin-right:1px; }
#pop div.question{padding:10px; background:#f7f7f7; border-top:2px solid #e2e4e5; border-bottom:2px solid #e2e4e5; font-family:나눔고딕, NanumGothic, ngwoff, ngeot; line-height:18px; font-size:12px;}
#pop ul.answer{padding:10px; line-height:24px; font-size:12px;}
#pop ul.btn{text-align:center; padding-top:30px;}
#pop ul.btn li{display:inline;}
#pop ul.search{text-align:center;  padding-bottom:30px;}
#pop ul.search li{display:inline;}
#pop ul.search li input.inbox{ padding:6px 12px 7px 12px; color:#8db6cf; font-size:12px; border:1px solid #c9dfed; }
#pop div.tit{padding:10px 0px 10px 20px; width:99%; background:#767e84; border:2px solid #767e84; font-family:나눔고딕, NanumGothic, ngwoff, ngeot; color:#fff;font-size:14px; font-weight:bold;}
#pop div.con_box{ padding:15px 0px 15px 20px; width:99%; border:2px solid #767e84;}
#pop div.con_box div.p_scroll{ height:250px; width:95%; overflow:auto; line-height:18px; 

SCROLLBAR-FACE-COLOR: #a9bbc7; /* 전체컬러 */
FONT-SIZE: 9pt; 
SCROLLBAR-HIGHLIGHT-COLOR: #fff; /*border*/
SCROLLBAR-SHADOW-COLOR: #fff; /**border**/
SCROLLBAR-3DLIGHT-COLOR: #f5f5f5; /**border**/
SCROLLBAR-ARROW-COLOR: #fff; /*화살표*/
SCROLLBAR-TRACK-COLOR: #f5f5f5;  /* 스크롤 바탕컬러 */
FONT-FAMILY: 굴림
line-height: 100%;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;}
#pop div.btn{text-align:center;}


/*20130228회원가입 */
ul.step{width:100%; height:89px;}
ul.step li{float:left;}
ul.step li.s01{width:181px; padding-left:45px; padding-top:25px;}
ul.step li.s02{width:167px; padding-left:25px; padding-top:25px; }
ul.step li.s03{width:167px; padding-left:35px; padding-top:25px; }
ul.step li.s04{padding-left:25px; padding-top:25px;}

.bg01{background:url('../images/contents/sub06_step01_bg.gif') no-repeat; }
.bg02{background:url('../images/contents/sub06_step02_bg.gif') no-repeat; }
.bg03{background:url('../images/contents/sub06_step03_bg.gif') no-repeat; }
.bg04{background:url('../images/contents/sub06_step04_bg.gif') no-repeat; }

div.scroll{border:1px solid #e2e4e5; padding:10px; height:300px; width:96%; }
div.scroll div.s_box{overflow:auto; height:300px;
SCROLLBAR-FACE-COLOR: #a9bbc7; /* 전체컬러 */
FONT-SIZE: 9pt; 
SCROLLBAR-HIGHLIGHT-COLOR: #fff; /*border*/
SCROLLBAR-SHADOW-COLOR: #fff; /**border**/
SCROLLBAR-3DLIGHT-COLOR: #f5f5f5; /**border**/
SCROLLBAR-ARROW-COLOR: #fff; /*화살표*/
SCROLLBAR-TRACK-COLOR: #f5f5f5;  /* 스크롤 바탕컬러 */
FONT-FAMILY: 굴림
line-height: 100%;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
}
div.scroll div.s_box li{padding-bottom:10px; line-height:20px;}

div.scroll_1{border:1px solid #e2e4e5; padding:10px; height:150px; width:96%; }
div.scroll_1 div.s_box_1{overflow:auto; height:145px;
SCROLLBAR-FACE-COLOR: #a9bbc7; /* 전체컬러 */
FONT-SIZE: 9pt; 
SCROLLBAR-HIGHLIGHT-COLOR: #fff; /*border*/
SCROLLBAR-SHADOW-COLOR: #fff; /**border**/
SCROLLBAR-3DLIGHT-COLOR: #f5f5f5; /**border**/
SCROLLBAR-ARROW-COLOR: #fff; /*화살표*/
SCROLLBAR-TRACK-COLOR: #f5f5f5;  /* 스크롤 바탕컬러 */
FONT-FAMILY: 굴림
line-height: 100%;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
}
div.scroll_1 div.s_box_1 li{padding-bottom:2px; line-height:20px;}




div.scroll_page{border:1px solid #e2e4e5; padding:10px; height:700px; width:96%; }
div.scroll_page div.s_box_page{overflow:auto; height:700px;
SCROLLBAR-FACE-COLOR: #a9bbc7; /* 전체컬러 */
FONT-SIZE: 9pt; 
SCROLLBAR-HIGHLIGHT-COLOR: #fff; /*border*/
SCROLLBAR-SHADOW-COLOR: #fff; /**border**/
SCROLLBAR-3DLIGHT-COLOR: #f5f5f5; /**border**/
SCROLLBAR-ARROW-COLOR: #fff; /*화살표*/
SCROLLBAR-TRACK-COLOR: #f5f5f5;  /* 스크롤 바탕컬러 */
FONT-FAMILY: 굴림
line-height: 100%;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
}
div.scroll_page div.s_box_page li{padding-bottom:10px; line-height:20px;}




ul.check_btn{text-align:right; padding-right:10px;}
ul.check_btn li{display:inline; font-family:나눔고딕, NanumGothic, ngwoff, ngeot; line-height:18px; font-size:12px;}
ul.check_btn li input{vertical-align:middle; }
ul.join_btn{text-align:center;}
ul.join_btn li{display:inline;}

/*유형선택*/
ul.join_sel{width:77%; height:182px; margin:0 auto; }
ul.join_sel li{float:left; width:182px; height:182px;}
ul.join_sel li.j_sel01 a{display:inline-block;  width:182px; height:182px; background:url('../images/contents/sub06_sel01_bg01.gif') no-repeat;}
ul.join_sel li.j_sel01 a:hover{display:inline-block;  width:182px; height:182px; background:url('../images/contents/sub06_sel01_bg02.gif') no-repeat;}
ul.join_sel li.j_sel02 a{display:inline-block;  width:182px; height:182px; background:url('../images/contents/sub06_sel02_bg01.gif') no-repeat;}
ul.join_sel li.j_sel02 a:hover{display:inline-block;  width:182px; height:182px; background:url('../images/contents/sub06_sel02_bg02.gif') no-repeat;}
ul.join_sel li.j_sel03 a{display:inline-block;  width:182px; height:182px; background:url('../images/contents/sub06_sel03_bg01.gif') no-repeat;}
ul.join_sel li.j_sel03 a:hover{display:inline-block;  width:182px; height:182px; background:url('../images/contents/sub06_sel03_bg02.gif') no-repeat;}

/*실명인증*/
div.name_b{overflow:hidden; height:100%; background:#f7f7f7; border-top:2px solid #e3e3e3;  border-bottom:2px solid #e3e3e3; padding:40px 0px 40px 170px;}
div.name_b li{display:inline;   line-height:22px;}
div.name_b input{ padding:4px 10px 5px 10px; color:#8db6cf; font-size:12px;  border:1px solid #c9dfed; }
div.name_b div.n_btn{position:relative; margin-top:-75px; _margin-top:-77px; padding-left:423px; /*padding-left:223px;*/}
*:first-child+html div.name_b div.n_btn{margin-top:-77px;}
:root div.name_b div.n_btn{margin-top:-73px; 0\0/IE9;}
div.name_b div.n_btn1{position:relative; margin-top:-102px; _margin-top:-104px; padding-left:423px; /*padding-left:223px;*/}
*:first-child+html div.name_b div.n_btn1{margin-top:-104px;}
:root div.name_b div.n_btn1{margin-top:-100px; 0\0/IE9;}
/*가입완료*/
div.join{background:#f7f7f7; border-top:2px solid #8db6cf;  border-bottom:2px solid #8db6cf; text-align:center; padding-top:20px; padding-bottom:30px;}
div.join ul.j_txt li.tt01{font-family:나눔고딕, NanumGothic, ngwoff, ngeot;  font-size:20px; color:#333;}
div.join ul.j_txt li.tt02{font-family:나눔고딕, NanumGothic, ngwoff, ngeot;  font-size:15px; color:#aaa;}

/*실명인증 (수정 ju)*/
div.name_a{overflow:hidden; height:100%; margin-bottom:20px; background:#f7f7f7; border-top:2px solid #e3e3e3;  border-bottom:2px solid #e3e3e3; padding:40px 0px 40px 170px;}
div.name_a li{display:inline;   line-height:28px;}
div.name_a input{ padding:4px 10px 5px 10px; color:#555; font-size:14px;  border:1px solid #c9dfed; }
div.name_a div.n_btn{position:relative; margin-top:-58px; _margin-top:-60px; padding-left:333px; /*padding-left:223px;*/}
*:first-child+html div.name_a div.n_btn{margin-top:-60px; margin-bottom:20px;}
:root div.name_a div.n_btn{margin-top:-58px; 0\0/IE9;}
div.name_a div.n_btn1{position:relative; margin-top:-102px; _margin-top:-104px; padding-left:333px; /*padding-left:223px;*/}
*:first-child+html div.name_a div.n_btn1{margin-top:-104px;}
:root div.name_a div.n_btn1{margin-top:-100px; 0\0/IE9;}

ul.t2_box {overflow:hidden;}
ul.t2_box li{color:#555; font-size:14px; font-family:굴림, 바탕, 나눔고딕, NanumGothic, ngwoff, ngeot; line-height:21px;}
ul.t2_box input{ height:14px; margin-bottom:2px; _margin-bottom:0px; padding:5px 10px 5px 10px; color:#555; font-size:14px; border:1px solid #c9dfed; } 
ul.t2_box li.tit{ color:#555; font-size:13px; font-weight:bold; font-family:나눔고딕, NanumGothic, ngwoff, ngeot; padding-bottom:5px;}

#testPOP{width:230px; margin:15px; }
#testPOP ul.btn{text-align:center; padding-top:30px;}
#testPOP ul.btn li{display:inline;}
/*실명인증 (수정 ju)-end */


/*sitemap*/
div.site ul.s_menu{float:left; width:185px;}
div.site ul.s_menu li{font-family:나눔고딕, NanumGothic, ngwoff, ngeot;}
div.site ul.s_menu li.tit{color:#fff; font-weight:bold; font-size:14px; padding:15px 0px 15px 0px; background:#8db6cf; text-align:center;}
div.site ul.s_menu li.sub01{font-size:12px; border-bottom:1px solid #e3e3e3; padding:7px 10px 7px 20px;}
div.site ul.s_menu li.sub02{font-family:dotum; padding:3px 10px 3px 30px; background:url('../images/board/icon_tt02.gif') no-repeat 20px 7px;}
div.site ul.s_menu li.bar{border-bottom:1px solid #e3e3e3; padding-bottom:10px;}