@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
body, table, tr, td, th, select, div, p, center,span{letter-spacing:0;color:#555555; font-size:12px;}/*line-height:1.5em;}*/

body{margin:0;padding:0;font-family:'Nanum Gothic','Malgun Gothic',dotum,Helvetica,sans-serif;font-size:13px;line-height:18px; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button,select{margin:0;padding:0;}
img,fieldset{border:0;}

ul,ol,li,dl{list-style:none;}
input,select{vertical-align:baseline;}
table caption{display:none;}

A:link{text-decoration:none;color:#303642}
A:hover{text-decoration:none;color:#181c25}
A:visited{text-decoration:none;color:#303642}
A:active{text-decoration:none;color:#303642}

.header{width:100%;height:167px;overflow:hidden;}
.container{width:1000px;margin:0 auto;overflow:hidden;background:url(../img_elearning/e_img/page/m_bg.gif);}
.lnb{float:left;width:210px;padding-top:10px} 
.content{width:775px;padding:15px 0 0 15px;overflow:hidden;}

/*상단 즐겨찾기, 로그인, 회원가입, 아이디/비밀번호찾기 */
.header .tmenu{width:100%;height:31px;background:#fafafa;border-bottom:1px solid #e5e5e5;overflow:hidden;}
.header .tmenu ul{width:1000px;margin:0 auto;color:#868686;}
.tmenu li.left{float:left;background:url(../img_elearning/e_img/img/t_bg.gif) no-repeat 0 0;line-height:31px;padding-left:15px;padding-right:15px;font-weight:bold;}

/* Log in Box */
.formbox{float:right;position:relative;width:550px;height:26px;margin:4px auto;overflow:hidden;}
.formbox a{text-decoration:none;color:#868686;}
.formbox .member{position:absolute;top:1px;left:20px;}
.formbox .idpw{position:absolute;top:1px;left:85px;}
.formbox label{position:absolute;top:1px;left:210px;}
.formbox input.form_id{position:absolute;top:1px;left:302px;width:90px;height:17px;padding:2px 0 1px 5px;border:1px solid #c4c4c4;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:11px;color:#a5a5a5; }
.formbox input.form_pw{position:absolute;top:1px;left:402px;width:90px;height:17px;;padding:2px 0 1px 5px;border:1px solid #c4c4c4;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:11px;color:#a5a5a5;}
.formbox img.logbtn{position:absolute;width:46px;height:22px;top:1px;left:502px;}
.formbox span{color:#cacaca;margin:2px 8px }

/* Log in Box */
.formbox1{float:right;position:relative;width:270px;height:26px;margin:4px auto;overflow:hidden;}
.formbox1 a{text-decoration:none;color:#868686;}
.formbox1 .member{position:absolute;top:1px;left:20px;}
.formbox1 .idpw{position:absolute;top:1px;left:85px;}
.formbox1 label{position:absolute;top:1px;left:150px;}
.formbox1 span{color:#cacaca;margin:2px 8px }

/*로고, 검색폼,배너*/
.top{width:1000px;height:77px;margin:0 auto;overflow:hidden;margin-bottom:8px}
.top li{float:left}
.top .logo{width:220px;margin:12px 85px 10px 0} 
.top .search{position:relative;width:370px;height:32px;background:#ededed;border:1px solid #dedede;margin:17px 0 0 0;}
.search input.form_sh{position:absolute;width:370px;height:22px;top:4px;left:4px;background:#ededed;margin:0;padding:0;font-weight:bold;border:0;font-size:17px;}
.search img.subtn{position:absolute;width:50px;height:34px;top:-1px;left:345px;}
.search .new-tip{position:absolute;width:370px;height:22px;top:34px;left:0;color:#666;margin-top:4px;padding-left:36px;background:url('../img_elearning/e_img/img/new_tip.gif') no-repeat 0 3px}
.new-tip span{color:#cacaca;margin:2px 8px }
.top .ban{width:250px;float:right;margin-top:8px}

/* Menu */
.header .menu{width:100%;height:45px;padding-bottom:5px;background-color: #a98f6f;overflow:hidden;}
.menu p{width:1000px;margin:0 auto; position:relative}
.menu a{display:block; position:absolute; height:45px; padding-bottom:5px;font-size:16px;font-weight:bold;color:#fff;letter-spacing:2px;line-height:44px; text-align:center}
.menu1{background-color: #f93636;width:140px; top;0; left:0}
.menu2{background-color: #0091e4;width:140px; top;0; left:140px}
.menu3{background-color: #14c05e;width:140px; top;0; left:280px}
.menu4{background-color: #ffcc00;width:140px; top;0; left:420px}
.menu5{background-color: #fd33c7;width:140px; top;0; left:560px}
.menu6{background-color: #393939;width:160px; top;0; left:700px}
.menu7{background:url(../img_elearning/e_img/img/m_me.gif) no-repeat 0 0;width:100px; top;0; left:670px}
.menu8{background:url(../img_elearning/e_img/img/m_me.gif) no-repeat 0 0;width:110px; top;0; left:770px}
.mypage{background-color: #00CBFF; width:140px; top:0; left:858px}

/* LNB 영역 개인정보박스  및 레프트메뉴*/
.le5-bank, .le4-media, .le3-cs, .le2-menu,
.le1-log{width:188px;padding:0 11px;margin-bottom:16px}
.le1-log h3{background:#e9e9e9;width:188px;height:24px;font-weight:normal;font-size:12px;line-height:22px;color:#333;margin-bottom:10px}
.le1-log h3 strong{background:url(../img_elearning/e_img/page/log_ico.gif) no-repeat 6px 1px;color:#416de9;padding-left:27px}
.le1-log a{display:inline-block;width:60px;height:23x;line-height:23px;color:#646464;margin-top:12px}
.btn-mem{background:url(../img_elearning/e_img/page/btn_mem.gif) no-repeat 0 0;padding-left:30px}
.btn-out{background:url(../img_elearning/e_img/page/btn_logout.gif) no-repeat 0 0;padding-left:30px}

.le2-menu h1{background:url(../img_elearning/e_img/page/le_ico1.gif) no-repeat 8px 0;padding-left:42px;margin:14px 0;min-height:29px;font-size:20px;line-height:29px;color:#333;}
.le2-menu li{min-height:28px;border-bottom:1px solid #e7e7e7;width:188px;line-height:28px;}
.le2-menu li a{display:block;color:#666;width:178px;padding-left:10px;}
.le2-menu li.on{min-height:28px;border-bottom:1px solid #e7e7e7;background:url(../img_elearning/e_img/page/le_mebg.gif);width:188px;line-height:28px;}
.le2-menu li.on a{display:block;color:#fff;width:178px;padding-left:10px;font-weight:bold;background:url(../img_elearning/e_img/page/le_arrowr.gif) no-repeat 0 12px}

/* 고객센터, 미디어 다운로드, 입금계좌안내 */
.le3-cs h2{font-size:14px;color:#303030;height:26px;line-height:20px}
.le3-cs h1{display:inline-block;font-size:21px;border:1px solid #eaeaea;width:142px;height:20px;padding:8px 22px;color:#416de9;margin-bottom:8px;letter-spacing:-1pt;}
.le4-media p{background:#f2f2f2;margin-bottom:2px;}
.le4-media a{display:block;background:url(../img_elearning/e_img/page/ico_media.gif) no-repeat 0 4px;line-height:22px;width:173px;height:23px;color:#595959;}
.le4-media a.media1{padding-left:28px;background-position:8px 4px}
.le4-media a.media2{padding-left:28px;background-position:8px -22px}
.le4-media a.media3{padding-left:28px;background-position:8px -47px}
.bank-i1{border-bottom:1px dotted #d8d8d8;height:18px;background:url(../img_elearning/e_img/img/ico_bank.gif) no-repeat -2px 8px;color:#695f54;letter-spacing:-1px;padding:6px 0 6px 20px}
.bank-i2{border-bottom:1px dotted #d8d8d8;height:18px;background:url(../img_elearning/e_img/img/ico_bank.gif) no-repeat -2px -20px;color:#695f54;letter-spacing:-1px;padding:6px 0 6px 20px}
.bank-i3{width:158px;height:14px;line-height:11px;background:url(../img_elearning/e_img/page/bank_bg.gif) no-repeat 0 0;color:#3a3a3a;letter-spacing:-1px;font-weight:bold;padding:6px 15px;margin-top:5px}

/* Sub Page Title부분  */
.tit-wrap a{margin-left:4px;color:#999;}
a.cate{background:url(../img_elearning/e_img/page/i_cate.gif) no-repeat 0 4px;padding-left:10px;margin-left:4px}
a.cate-last{background:url(../img_elearning/e_img/page/i_cate.gif) no-repeat 0 4px;color:#458acf;padding-left:10px;margin-left:4px}
.tit-wrap h1{color:#555;font-weight:normal;letter-spacing:-1px;font-size:28px;margin:15px 0 20px 0}

.cate1 {margin-top:10px; border-top:2px solid #dedfde;}
.table-ca{ width:775px; border-collapse:collapse; background:#fff; border-bottom:1px solid #c9cacc; border-left:1px solid #dfdfe1; border-right:1px solid #dfdfe1;}
.table-ca tr th{ background-color:#2c2f36;}
.table-ca tr td{ width:155px;border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; height:32px; line-height:28px; padding-left:10px}
.table-ca tr td.rollover{ background-color:#336699; color:#FFF; height:28px; line-height:32px; padding-left:10px}


/* Table 부분  */
.table{width:775px;border-top:1px solid #bebebe;border-bottom:1px solid #bfbfbf;margin-bottom:20px;border-collapse:collapse;}
.table th{text-align:center;height:34px;line-height:30px;color:#33353e;border-bottom:1px solid #d5d5d5;border-right:1px solid #d8d8d8;letter-spacing:-1px;background:#f7f5f5}
.tab-left{border-left:1px solid #d8d8d8;}
.table td{padding:8px 0 8px 0;text-align:center;color:#676767;border-bottom:1px solid #e0e0e0;line-height:18px}
.table-se .ali-left,
.table .ali-left{text-align:left;padding-left:15px;overflow:hidden;line-height:30px;}
.table .ali-leftb{text-align:left;border-right:1px solid #e0e0e0;padding-left:15px;overflow:hidden}
.table .ali-left h3{padding-bottom:8px}
.table .ali-left li{float:left;line-height:20px;width:220px}
#ali-left_puzzlish{color: #FF0004}
.ali-left span{margin-right:40px}
.table .border{border:1px solid #d5d5d5;padding:3px;margin-bottom:3px}
.table-se td a img,
.table td a img{margin-bottom:3px}
.table .bt-sample a{width:100px;background:url(../img_elearning/e_img/page/bt_sam.gif) no-repeat 0 0;margin-left:18px;padding-left:30px;width:66px;height:26px;line-height:25px;color:#646464;}
.bt-sample a.sample1{background-position:0 -29px;margin-top:2px}
#puzzlish{font-size: 25px; line-height: 2.0em;}
#puzzlish2{font-size: 25px; line-height: 2.0em; color: aliceblue;}
.table a{display:block;margin:0 auto;letter-spacing:-1px;}
.table a.bt-class{background:url(../img_elearning/e_img/page/bt_class.gif) no-repeat 0 0; padding-left:30px;width:71px;height:27px;line-height:25px;color:#fff;}
.table a.btn-go{background:url(../img_elearning/e_img/page/btn_go.gif) no-repeat 0 0;padding-left:22px;width:68px;height:22px;line-height:22px;font-size:11px;color:#fff;}
.table a.bt-cont{background:url(../img_elearning/e_img/page/btn_content.gif) no-repeat 0 0;padding-left:22px;width:68px;height:22px;line-height:22px;font-size:11px;color:#fff;}
.table a.bt-cont1{background:url(../img_elearning/e_img/page/btn_content1.gif) no-repeat 0 0;padding-left:22px;width:68px;height:22px;line-height:22px;font-size:11px;color:#fff;}
.table a.bt-cont2{background:url(../img_elearning/e_img/page/btn_content2.gif) no-repeat 0 0;padding-left:22px;width:68px;height:22px;line-height:22px;font-size:11px;color:#fff;}
.table a.bt-cont3{background:url(../img_elearning/e_img/page/btn_content3.gif) no-repeat 0 0;padding-left:22px;width:68px;height:22px;line-height:22px;font-size:11px;color:#fff;}
.table a.btn-end{width:60px;height:22px;background:url(../img_elearning/e_img/page/btn_payend.gif) no-repeat 0 0;padding-left:10px;line-height:22px;font-size:11px;color:#f9521a;}
.table a.btn-ing{width:60px;height:22px;background:url(../img_elearning/e_img/page/btn_paying.gif) no-repeat 0 0;padding-left:10px;line-height:22px;font-size:11px;color:#007276;}

.table-se{width:731px;border-collapse:collapse;}
.table-se tbody td{text-align:center;height:34px;line-height:30px;color:#33353e;border-bottom:1px dashed #c6dceb;}
.table-se tfoot td{text-align:center;height:34px;line-height:30px;color:#33353e;}
a.btn-submit{width:100px;background:url(../img_elearning/e_img/page/btn_submit.gif) no-repeat 0 0;padding-left:22px;width:68px;height:22px;line-height:22px;font-size:11px;color:#fff;}
.tab-tit{width:82px;background:#f7f5f5;font-weight:bold;color:#33353e;border-right:1px solid #d8d8d8;border-left:1px solid #d8d8d8;}
td.tab-cont{text-align:left;padding:20px;}

/* Paging 부분  */
.paging{text-align:center;width:770px;padding-top:20px;margin-bottom:60px}
.paging strong{color:#ff3942 !important;font-size:13px;background-color:#f4f4f4;}
.paging a.num,
.paging strong{padding:0 12px;margin-right:1px;display:inline-block;height:28px;border:1px solid #dedede;vertical-align:top;color:#939393;line-height:26px;}

/* Class View Page 부분 */
.class-tit{background:url(../img_elearning/e_img/page/ico_tag.gif) no-repeat 0 12px;padding-top:12px;margin-bottom:12px }
.class-tit h2 span{color:#fff;width:41px;height:22px;font-size:11px;padding-left:5px;line-height:20px;font-weight:normal;margin-right:20px}
.class-tit h2{font-size:18px;letter-spacing:-1px;color:#2e2e2e;}
.class-view{width:731px;padding:15px 20px;background:#f2fafb;border:2px solid #a2d9fe;}
.class-view span{margin-right:40px;}
.view-txt{color:#666;font-size:13px;padding-bottom:12px;border-bottom:1px dashed #c6dceb}
.pay-view{width:731px;padding:15px 20px;background:#f6f6f6;border:1px solid #eaeaea;text-align:center;margin-bottom:50px}
.pay-view1{width:731px;padding:15px 20px;background:#f6f6f6;border:1px solid #eaeaea;margin-bottom:50px}
.pay-view span{margin-right:30px}
.pay-img{background:url(../img_elearning/e_img/page/pay_img.gif) no-repeat 0 0;width:775px;height:250px;overflow:hidden}
.pay-img ul li{width:145px;text-align:center;float:left;margin-top:140px;padding:0 21px 25px 27px;}
.pay-img h3{display:block;float:left;text-align:center;width:160px;letter-spacing:-1px;padding:0 16px 25px 17px;}

/* Board Search 부분 */
.scr-box{position:relative;z-index:5;width:773px;height:30px;padding:18px 0;border:1px solid #e0e0e0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;clear:both}
.search-result{position:absolute;top:15px;left:320px;display:inline-block;border:1px solid #999;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.search-result input.searchre{height:24px;padding:0 7px;border:0;width:180px;line-height:24px;color:#333;font-family:나눔고딕}
.word-list{position:absolute;top:15px;left:175px;color:#333;width:140px;white-space:nowrap;height:25px;padding:2px 2px 2px 4px;border:1px solid #999;border-right:1px solid #ddd;border-bottom:1px solid #ddd;cursor:pointer;font-family:나눔고딕;}
img.subtn{position:absolute;top:15px;left:520px}

/* Board 댓글달기 부분 */
.reple-box{position:relative;width:775px;height:95px;background:#eee;border-top:1px solid #666;clear:both;}
.reple-box textarea.text630{position:absolute;top:15px;left:20px;height:45px;padding:3px 7px;border:1px solid #e5e5e5;width:630px;font-size:11px;line-height:18px;color:#666;font-family:나눔고딕}
.reple-box a.bt-reple{position:absolute;top:15px;left:670px;display:block;background:url(../img_elearning/e_img/page/bt_reple.gif) no-repeat 0 0;width:90px;height:53px;line-height:53px;letter-spacing:-1px;color:#555;text-align:center;font-weight:bold}
.reple-box p{position:absolute;top:70px;left:23px;}

/* 회원탈퇴 부분 */
.out-box{width:731px;border:2px solid #e8e8e8;padding:20px;}
.out-box .out-txt{width:681px;background:#f6f6f6;border:1px solid #eaeaea;padding:20px 25px 10px 25px;margin-bottom:15px}
.out-box .out-txt p{margin-bottom:15px}
.check-txt{overflow:hidden;width:731px;height:60px}
.check-txt li{float:left;height:22px;width:172px;padding-left:10px}
.search-out textarea.text730{height:75px;padding:3px 7px;border:1px solid #e5e5e5;margin-bottom:5px;width:720px;font-size:11px;line-height:18px;color:#666;font-family:나눔고딕}

/* Button */
.btn-wrap50{width:700px;text-align:center;margin:20px auto;float:right;font-size:14px;overflow:hidden}
.btn-wrap550{width:780px;text-align:center;margin:20px auto;float:right;font-size:14px;overflow:hidden}
.btn-wrap200 a,.btn-wrap50 a,.btn-wrap550 a,.btn-wrap600 a{float:right;display:block;font-weight:bold;letter-spacing:-1px;}
.btn-wrap50 a.bt-submit{width:120px;background:#6c6f77;color:#fff;margin-right:4px;height:28px;line-height:28px;border:1px solid #4d515d;}
.btn-wrap50 a.bt-cart{width:120px;background:#42b8dc;color:#fff;margin-right:4px;height:28px;line-height:28px;border:1px solid #269fc9;}
.btn-wrap50 a.bt-list{width:100px;background:url(../img_elearning/e_img/page/bt_wbg.gif);color:#555;height:28px;line-height:28px;border:1px solid #e5e6e9;border-bottom:1px solid #cdcfd3;}

.btn-wrap550 a.bt-submit{width:120px;background:#6c6f77;color:#fff;margin-right:4px;height:28px;line-height:28px;border:1px solid #4d515d;}
.btn-wrap550 a.bt-cart{width:120px;background:#42b8dc;color:#fff;margin-right:4px;height:28px;line-height:28px;border:1px solid #269fc9;}
.btn-wrap550 a.bt-list{width:100px;background:url(../img_elearning/e_img/page/bt_wbg.gif);color:#555;height:28px;line-height:28px;border:1px solid #e5e6e9;border-bottom:1px solid #cdcfd3;}

.btn-wrap200{width:170px;text-align:center;margin:20px auto;float:right;font-size:13px;overflow:hidden}
.btn-wrap200 a.bt-submit{width:80px;height:25px;background:#6c6f77;font-size:13px;line-height:25px;color:#fff;margin-right:4px;border:1px solid #4d515d;}
.btn-wrap200 a.bt-list{width:80px;height:25px;background:url(../img_elearning/e_img/page/bt_wbg.gif);line-height:25px;color:#555;border:1px solid #e5e6e9;border-bottom:1px solid #cdcfd3;}

.btn-wrap80{width:82px;text-align:center;margin:20px auto;float:right;}
.btn-wrap80 a.bt-list{display:block;width:80px;height:22px;padding-top:3px;font-weight:bold;letter-spacing:-1px;background:url(../img_elearning/e_img/page/bt_wbg.gif);font-size:13px;color:#555;border:1px solid #e5e6e9;border-bottom:1px solid #cdcfd3;}
.btn-wrap80 a.bt-submit{width:80px;height:22px;background:#6c6f77;font-size:13px;line-height:25px;color:#fff;margin-right:4px;border:1px solid #4d515d;}

.btn-wrap150{width:152px;text-align:center;margin:20px auto;}
.btn-wrap150 a.bt-refresh{display:block;width:150px;height:30px;font-weight:bold;letter-spacing:-1px;background:#42b8dc;font-size:14px;line-height:30px;color:#fff;border:1px solid #269fc9}

.btn-wrap260{width:260px;text-align:center;margin:20px auto;display:block;font-weight:bold;letter-spacing:-1px;font-size:14px;overflow:hidden}
.btn-wrap260 a{float:left}
.btn-wrap260 a.bt-memout{width:122px;height:30px;background:#42b8dc;line-height:30px;color:#fff;border:1px solid #269fc9;margin-right:4px}
.btn-wrap260 a.bt-cancel{width:122px;height:30px;background:url(../img_elearning/e_img/page/bt_wbg.gif);line-height:30px;color:#555;border:1px solid #e5e6e9;border-bottom:1px solid #cdcfd3;}


.btn-wrap600{width:770px;text-align:center;margin:20px auto;display:block;font-weight:bold;letter-spacing:-1px;font-size:14px;overflow:hidden}
.btn-wrap600 a.bt-4{width:80px;height:25px;background:#6c6f77;font-size:13px;line-height:25px;color:#fff;margin-right:4px;border:1px solid #4d515d;}
.btn-wrap600 a.bt-5{width:80px;height:25px;background:#cc0000;font-size:13px;line-height:25px;color:#fff;margin-right:4px;border:1px solid #cc0000;}
.btn-wrap600 a.bt-6{width:80px;height:25px;background:#336699;font-size:13px;line-height:25px;color:#fff;margin-right:4px;border:1px solid #336699;}
.btn-wrap600 a.bt-7{width:80px;height:25px;background:#333333;font-size:13px;line-height:25px;color:#fff;margin-right:4px;border:1px solid #333333;}

.btn-wrap600 a.bt-1{width:122px;height:30px;background:#42b8dc;line-height:30px;color:#fff;border:1px solid #269fc9;margin-right:4px}
.btn-wrap600 a.bt-2{width:122px;height:30px;background:#ff6633;line-height:30px;color:#fff;border:1px solid #dedfde;margin-right:4px}
.btn-wrap600 a.bt-3{width:122px;height:30px;background:#336699;line-height:30px;color:#fff;border:1px solid #dedfde;margin-right:4px}
.btn-wrap600 a.bt-list{display:block;width:80px;height:22px;padding-top:3px;font-weight:bold;letter-spacing:-1px;background:url(../img_elearning/e_img/page/bt_wbg.gif);font-size:13px;color:#555;border:1px solid #e5e6e9;border-bottom:1px solid #cdcfd3;}

/* footer */
.footer{width:100%;height:150px;background:url('../img_elearning/e_img/img/foot_bg.gif');}
.foot-me{width:960px;height:39px;background:url('../img_elearning/e_img/img/foot_me.gif') no-repeat 0 0;margin:0 auto;line-height:39px}
.foot-me a{margin:20px 7px;color:#6b6b6b}
.foot-me span{color:#bbb}
.foot-copy{width:800px;height:71px;margin:30px auto;text-align:center;color:#959595}

.escrow{ width:100%; border-top:1px solid #eee; background:#fbfbfb}
.escrow ul{ width:1000px; margin:0 auto; padding:20px 0; height:50px; overflow:hidden}
.escrow li{float:left; padding:0 40px 0 10px}
.escrow h4{font-size:14px; letter-spacing:-1px; color:#333; padding:2px 0 6px 0}

/* FORM STYLE */
.selTxt{height:24px;font-size:12px;border:1px solid #eee;border-top:1px solid #dee2e7;border-left:1px solid #dee2e7}
.inpTxt{padding:0 7px;line-height:19px;height:22px;border:1px solid #eee;border-top:1px solid #dee2e7;border-left:1px solid #dee2e7}
.inpTxt_puzzlish{font-size:35px;padding:0 7px;line-height:19px;height:62px;border:2px double #D51215;border-top:2px #DF0F13 double #DF0F13;border-left:2px double #DF0F13}
textarea{padding:3px 7px;border:1px solid #eee;border-top:1px solid #dee2e7;border-left:1px solid #dee2e7;width:500px;margin-bottom:5px;line-height:20px;color:#333}
.area{width:680px;height:60px}

/* 넓이 및 높이지정*/
.h10{margin-top:10px}
.b10{margin-bottom:10px}
.b20{margin-bottom:20px}
.b30{margin-bottom:30px}
.wr7{margin-right:7px}
.border-b1{border-bottom:1px solid #ddd;margin-bottom:15px}
.border-b2{border-bottom:1px solid #eaeaea;}
.w550{width:550px}
.w500{width:500px}
.w450{width:450px}
.w400{width:400px}
.w350{width:350px}
.w300{width:300px}
.w250{width:250px}
.w200{width:200px}
.w150{width:150px}
.w100{width:100px}
.w80{width:80px}
.w50{width:50px}
.w30{width:30px}
.w20{width:20px}
.mt4{margin:4px 0 0 0}
.fsblu1{color:#149298}


/* 글자스타일지정*/
.fs-grey1{line-height:18px;color:#666;font-size:11px;background:url('../img_elearning/e_img/page/i_dot1.gif') no-repeat 5px 7px;padding-left:14px;}
.fs-grey2{line-height:18px;color:#797979;font-size:11px;background:url('../img_elearning/e_img/page/i_dot2.gif') no-repeat 5px 7px;padding-left:14px;}
.fs-grey3{line-height:18px;color:#23272d;font-size:11px;background:url('../img_elearning/e_img/page/i_dot2.gif') no-repeat 5px 7px;padding-left:14px;}
.fs-grey4{line-height:18px;font-size:12px;background:url('../img_elearning/e_img/page/i_dot2.gif') no-repeat 0 7px;padding-left:8px;}
.fs-grey5{color:#23272d;background:url('../img_elearning/e_img/page/i_dot3.gif') no-repeat 2px 5px;padding-left:13px;margin-bottom:12px}
.fs-grey6{line-height:18px;color:#23272d;font-size:13px;}
.fs-grey7{line-height:18px;color:#23272d;font-size:14px;}
.fs-grey8{line-height:20px;color:#666;font-size:11px;}
.fs-grey9{line-height:18px;color:#23272d;font-size:12px;}
.fs-org1{color:#f9521a;}
.fs-org2{color:#f9521a;font-size:11px}
.fs-red1{color:#ff3942;}
.fs-red2{color:#ff3942;font-size:13px}
.fs-white{color:#f7f7f7;}

.body_content{float:right;width:760px;padding:15px 0 15px 0;overflow:hidden;}

.optab{border:1px solid #ccd5e0;background:#fff;border-top:2px solid #666}
.optab th{padding:6px 10px;height:15px;border-bottom:1px solid #ecf1f6}
.optab td{border-bottom:1px solid #ecf1f6;padding:6px 10px;height:15px}
.optab td img{margin:0 0 -3px 0}
.mr12{margin:0 15px 0 0}
.mt15{margin:15px 0 0 0}
.mt30{margin:30px 0 0 0}
.mt50{margin:50px 0 0 0}
td.tline{background:url(../img_elearning/page1/stab_line.gif) no-repeat right 12px}
.fv{font-family:verdana;font-size:11px}

/* 포토게시판 부분 */
.photolist{width:775px; overflow:hidden; padding-top:20px; margin:0 0 20px 0; border-top:2px solid #b9b9b9; border-bottom:1px solid #b9b9b9}
.photolist li{float:left; width:142px; overflow:hidden; margin:0 0 30px 0; padding:0 6px}
.photolist li a{display:block; width:140px; height:140px; border:1px solid #efefef; background:#f7f7f7}
.photolist li span{display:block; padding:10px 0 0 5px; color:#333; text-align:center;}
.photolist li em{padding-left:5px; color:#888; font-style:normal; text-align:center;}

.pop{width:775px;background:#fff}

.pView{overflow:hidden;margin:25px 0 40px 0}
.viewImg{float:left;width:200px;}
.bimg{border:2px solid #eee;text-align:center;width:200px;height:200px}
.imgNum{margin:20px 0 0 0;height:17px;text-align:center}
.imgNum img{margin-bottom:-3px}
.imgNum span{padding:0 7px;line-height:17px}
.viewTxt{width:520px;float:right;overflow:hidden}
.viewTxt h2{color:#77276b;font-size:20px;padding:6px 0 20px 0;border-bottom:1px solid #ddc5d7;margin:0 0 20px}
.tiptxt{margin:12px 0 0 0;line-height:20px;text-align:right}

.detWrap{margin:40px 0 0 0}
.detTit{width:775px;color:#323232;font-size:15px;font-weight:bold;height:21px;padding:10px 0 12px 5px;border-bottom:1px solid #444;margin:0 0 30px 0}
.detImg{text-align:center}
.dettxt{padding:0 20px;width:890px}
.dettxt h3{font-size:14px;color:#0fa6ad;line-height:28px}
.dettxt p{margin:0 0 30px 0}

/*  Table  */
.detail1 th{padding:5px 0 5px 12px;text-align:left;background:url(../img_elearning/i_img/page/i_dot3.gif) no-repeat 3px 12px;border-bottom:1px solid #eee;font-weight:normal;line-height:20px}
.detail1 td{padding:5px 0 5px 15px;line-height:20px;background:url(../img_elearning/i_img/page/bar01.gif) no-repeat left 7px;border-bottom:1px solid #eee}
.detail2{margin:20px 0 0 0;border:1px solid #ddd;border-top:1px solid #e64b40}
.detail2 th{padding:8px 0;border-bottom:1px solid #ddd;background:#f1f1f1;font-weight:normal;line-height:20px}
.detail2 td{padding:8px 0;line-height:20px;text-align:center;border-bottom:1px solid #ddd}
.keytxt{text-align:left !important}
.keytxt h3{padding:0 0 6px 8px;color:#323232;font-size:12px;margin:6px 12px;border-bottom:1px solid #ddd}
.keytxt p{margin:6px 12px 0 12px;padding:6px 8px}
.keytxt p input{margin:0 3px 4px 0;line-height:1.1}

.btnWrap1{width:100%;text-align:right}
.btn-submit1, .btn-submit1 a{display:inline-block;background:url(../img_elearning/btn_all.png) no-repeat;white-space:nowrap}
.bred, .bred a, .bwhit, .bwhit a{height:45px;font-size:15px;text-decoration:none;line-height:43px;letter-spacing:-1.5px;font-weight:bold}
.bwhit{background-position:left -101px;margin:0 2px 0 0}
.bred{background-position:left -152px;margin:0 2px 0 0}
.bwhit a{padding:0 35px;background-position:right -101px;color:#444}
.bred a{padding:0 35px;background-position:right -152px;color:#fff}
.mt20{margin-top:20px}

.list1 {height:300px; padding-bottom:10px; }
.list1 ul li dl{ width:150px; margin:15px; text-align:center; overflow:hidden}
.list1 ul li dl dd img{ margin-bottom:7px}
.list1 ul li{ float:left; overflow:hidden}
.list1 ul li dl h3{ font-size:14px; color:#111; margin:5px 0}

/* Button */
.button,
.button.pur>*{ display:inline-block; height:17px; letter-spacing:-1px; width:130px; background-image:url('../img_elearning/btn_pur.gif'); margin-bottom:2px}
.button.pur>*{ cursor:pointer; color:#6d5bc9; text-decoration:none; font-size:11px; line-height:16px; padding:0 10px; overflow:visible; border:0; margin:0; position:relative; left:2px; background-position:right top}
.button.red,
.button.red>*{display:inline-block; height:20px; letter-spacing:-1px; width:130px; background-image:url('../img_elearning/btn_red.gif')}
.button.red>*{ cursor:pointer; color:#fff; font-weight:bold; text-decoration:none; font-size:11px; line-height:16px; padding:0 10px; overflow:visible; border:0; margin:0; position:relative; left:2px; background-position:right top}



/* view page */
.contents{float:right;width:775px}
.viewWrap{margin:0 0 40px 0}
.viewWrap h3{background:url(../img_elearning/page1/viewtit_bar.gif) no-repeat 0 0;color:#fff;font-size:15px;height:20px;padding:8px 0;text-align:center}
.viewInfo{margin-top:10px;overflow:hidden}
.infoLe{float:left;width:185px;margin:0 10px 0 0}
.infoLe dt{background:url(../img_elearning/page1/info_box.gif) no-repeat 0 0;width:145px;height:179px;padding:15px 20px 10px 20px;text-align:center;margin:0 0 10px 0}
.infoLe dt em{display:block;height:25px;line-height:25px}
.infoLe dd{text-align:center}
.option{margin:10px 0 0 0}
.option a{padding:0 8px 0 0;font-size:11px;text-decoration:underline}
dd.sns{background:url(../img_elearning/page1/sns_box.gif) no-repeat;padding:7px 10px;width:165px;height:28px;margin:10px 0 0 0}
.infoRi{float:right;width:570px}
.infoRi li{height:29px;line-height:29px;border-bottom:1px solid #f0f0f0}
.infoRi li strong{background:url(../img_elearning/page1/i_dot3.gif) no-repeat 3px 11px;display:inline-block;width:88px;padding:0 0 0 12px}
.infoRi li em{display:inline-block;width:150px}
.infoBtn{overflow:hidden;padding:14px 0;height:28px}
.infoBtn em{float:left}
.infoBtn span{float:right}
.viewTxtt{border-top:1px solid #e0e4ea;margin:0 0 40px 0}
.viewTxtt p{margin:15px;width:770px}
.viewTxtt ul{overflow:hidden;padding:15px 0}
.viewTxtt li{width:180px;float:left;border-right:1px dashed #ddd;padding:0 0 0 14px}
.viewTxtt li span{display:block;line-height:22px}

.carTxt{overflow:hidden;width:640px;margin:15px 0}
.carTxt li{width:145px;float:left;border-right:1px dashed #ddd;padding:0 0 0 14px}
.carTxt span{display:block;line-height:22px}

.map{border:1px solid #e0e4ea;background:#fcfcfc;width:768px}
.viewAdd{width:700px;background:url(../img_elearning/page1/ad_box.gif) no-repeat 0 0;height:40px;margin:0 0 40px 0;padding:20px 30px 20px 70px}
.viewAdd h4{font-size:14px;font-family:nanumgothic;padding:0 0 5px 0;color:#222}
.tabTxt{overflow:hidden;height:26px;margin:0 0 10px 0;position:relative}
.tabTxt p{float:left;padding:5px 0 0 10px}
.tabTxt span{float:right}
.copyInfo{margin:40px 0 0 0;border:1px solid #eaeaea;width:768px;background:#fcfcfc;padding:10px 15px;overflow:hidden}
.copyInfo dt{float:left;margin:0 20px 0 0;border:1px solid #e8e8e8;width:170px;background:#fff;padding:15px 10px}
.copyInfo dd{float:right;font-size:11px;letter-spacing:-1px;width:555px;padding:6px 0 0 0}
.gBar{display:block;width:100%;height:6px;background:#f2f2f2}
.gBar span{display:block;height:6px;background:#459cd4;font-size:0}

.bCoupon{background:url(../img_elearning/page1/coupon_box.gif) no-repeat 0 0;position:relative;width:720px;height:181px;padding:20px 40px 0 40px;overflow:hidden}
.bCoupon dl{background:url(../img_elearning/page1/coupon.gif) no-repeat right 0;padding:0 350px 0 0;width:370px;height:119px}
.bCoupon dt,.coupon dt h4{font-size:17px;font-family:nanumgothic;font-weight:bold;color:#222;padding:0 0 12px 0}
.bCoupon dd em{display:block}

.coupon{overflow:hidden}
.coupon dl{float:left;background:url(../img_elearning/page1/cou_box.gif) no-repeat 0 0;width:335px;height:100px;margin:0 5px 15px 0;padding:20px 30px}
.coupon dt em{display:block;font-size:11px;letter-spacing:-1px;line-height:16px;color:#4e85b7}
.coupon dd{padding:20px 0 0 0}
.cUrl{position:absolute;bottom:0;left:20px}
.fsb1{color:#3366cc}
.fsr1{color:#e90000}
.addTit{overflow:hidden;height:26px;padding:5px;margin:30px 0 0 0}
.addTit h3{float:left;color:#222;font-size:16px;background:url(a_img/page/i_arrow1.gif) no-repeat 0 3px;padding:0 0 0 18px}
.addTit span{float:right}
.brn{border:none !important}
.stab{border:1px solid #ccd5e0;font-size:11px;background:#fff}
.stab th{padding:3px 10px;height:14px;color:#444;text-align:left;border-bottom:1px solid #ecf1f6;background:none}

div.page 						{ float: none; clear: both; padding: 10px; text-align: center; line-height: 100%; }
div.page img 					{ display: inline-block; margin-top: 2px; vertical-align: middle; }
div.page span.page a			{ display: inline-block; padding: 4px 5px 3px; border: solid 1px #e8e8e8; color: #7c7c7c; vertical-align: middle; font-weight: bold; line-height: 12px; }
div.page span.page a.current	{ border: solid 1px #e8e8e8; background-color: #f1f1f1; color: red; }
div.page span.prev				{ margin-right: 10px; }
div.page span.next				{ margin-left: 10px; }

/*하위카테고리 리스트*/
.scategory{ margin-bottom:10px}
.scategory h3{ font-size:12px; color:#111; margin:5px 0;}
.scategory h3 span{ font-size:12px; color:#8d8d8d; margin:5px 0}
.table-ca{ width:770px; border-collapse:collapse; border-top:2px solid #2c2f36; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.table-ca tr th{ background-color:#2c2f36;}
.table-ca tr td{ border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; height:32px; line-height:28px; padding-left:10px}
.table-ca tr td.rollover{ background-color:#2c2f36; color:#FFF; height:28px; line-height:32px; padding-left:10px}



/*  선생님소개페이지 3.26  */

.mt40{margin:40px 0 0 0}
.teach_list{overflow:hidden; margin:0 0 40px 0}
.teach_list li{float:left; margin:0 10px 10px 0; position:relative}
.teach_list li.mr0{margin-right:0}
.pic{border:1px solid #d7d7d7}
.sbtnWrap{position:absolute; right:20px; bottom:18px}
.sbtnWrap a{ display:block; padding:0 0 2px 0}
.inew{ position:absolute; top:0; right:2px}

.teach_top{position:relative; margin:0 0 50px 0}
.btnvod{position:absolute; top:200px; left:53px}
.btnprofile{position:absolute; top:200px; left:256px}
.teach_news{position:absolute; top:300px; left:53px; background:#fff; padding:15px 18px; height:141px; width:285px; overflow:hidden}
.teach_news h3{padding:0 0 10px 3px; border-bottom:1px solid #d7d7d7}
.teach_news ul{margin:10px 0 0 0}
.teach_news li{ overflow:hidden; width:283px; height:18px; padding:0 0 2px 0}
.sbtn{color:#fff; font-weight:bold; font-size:11px; font-family:dotum;  padding:2px; margin:0 4px 0 0}
.gong{background:#e34242;}
.data{background:#548cd1}

.tabs{position:relative;width:775px;margin:0 0 30px 0;background:url(../img_elearning/e_img/page/tab_bg.gif) no-repeat;height:44px;overflow:hidden}
.tabs li{float:left;padding:0 0 0 1px;background:url(../img_elearning/e_img/page/tab_mbg.gif) no-repeat;height:44px}
.tabs li.on{background:url(../img_elearning/e_img/page/tab_mbg.gif) no-repeat 0 -88px}
.tabs li a{display:block;padding:12px 26px 7px 25px;height:28px;background:url(../img_elearning/e_img/page/tab_mbg.gif) no-repeat 100% 0;font-weight:bold;text-decoration:none;font-size:14px}
.tabs li.on a{background:url(../img_elearning/e_img/page/tab_mbg.gif) no-repeat 100% -88px;color:#2655d6;font-size:15px}
.teachTit{font-size:17px; padding:0 0 13px 5px;color:#2655d6;}
.teach-box{background:#f9f9f9; border:1px solid #d6d6d6; padding:20px 20px; width:733px; margin:0 0 50px 0}
.mb50{margin:0 0 50px 0}

.teaTxt{font-size:13px; padding:12px 0 12px 15px; background:url(../img_elearning/e_img/page/i_dot3.gif) no-repeat 4px center; border-top:1px solid #d7d7d7}
.reList{ border-top:2px solid #d4d4d4; margin:0 0 50px 0}
.reList li{overflow:hidden; border-bottom:1px solid #d4d4d4; height:45px; padding:13px 0}
.reList em{ font-style:normal}
.star{float:left; width:130px; padding:0 0 0 20px}
.reList h4{float:left; width:480px; color:#333; font-size:13px}
.reList h4 span{font-size:12px; color:#888; padding:0 0 5px 0; font-weight:normal; display:block}
.date{float:right; width:135px; color:#888}

.le4-media a.media4{padding-left:28px;background-position:8px -70px}
.le4-media a.media5{padding-left:28px;background-position:8px -97px}

/* table  */
.table{margin:0 0 20px 0}
.table th{text-align:center;height:18px;padding:5px 10px;color:#33353e;border:1px solid #d5d5d5;border-right:1px solid #d8d8d8;background:#f7f5f5;font-size:14px}
.table td{padding:8px 10px;text-align:center;border-bottom:1px solid #e0e0e0;line-height:18px}
th.tl, td.tl{text-align:left}