@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:middle;}
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:100%;border-bottom:1px solid #d6d6d6;overflow:hidden;}
.main-wrap{width:100%;height:313px;background:url(../img_elearning/e_img/img/m_bg.gif) 0 0;border-bottom:3px solid #9e9385;}
.content{width:1000px;margin:0 auto;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:18px;}
.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}

/* Main Img & Class Category */ 
.main{width:1000px;margin:0 auto;overflow:hidden}

.main .category{width:216px;float:right;margin-top:30px;}
.category li{background:url() no-repeat 0 0;height:20px;color:#fff;font-size:13px;padding:10px 0 10px 28px}
.category .catetit{background-color: #0091e4;height:21px;color:#fff;font-size:13px;font-weight:bold;padding:12px 0 12px 28px; border-radius:0.5em;}
.category .catetit2{background-color: #00CBFF;height:21px;color:#fff;font-size:13px;font-weight:bold;padding:12px 0 12px 28px; border-radius:0.5em;}
.category .catebtm{background-color: #14c05e;height:20px;color:#fff;font-size:13px;padding:11px 0 12px 28px; border-radius:0.5em;}

/* 고객센터, 추천강좌, 공지사항 */
.cscenter{width:224px;height:200px;float:left;padding:23px 18px 23px 5px;border-right:1px solid #e2e2e2;overflow:hidden}
.cscenter h1{display:inline-block;font-size:26px;background:#f2f3f9;width:200px;height:29px;padding:16px 12px 20px 15px;letter-spacing:-1.5px;color:#303030;margin-bottom:15px}
.cscenter h1 img{margin-right:5px;margin-bottom:-7px}
.cscenter p{padding-left:15px}

.imore{font-size:11px;color:#545454;float:right;width:40px;background:url(../img_elearning/e_img/img/imore_bg.gif) no-repeat 0 2px;margin-bottom:3px}
.chu-class{width:479px;height:200px;float:left;padding:23px 18px;border-right:1px solid #e2e2e2;overflow:hidden}
.h2{display:inline-block;font-size:16px;margin-bottom:15px;letter-spacing:-1px;color:#303030}
.chu-wrap{width:460px;height:136px;background:#fcfcfc;border:1px solid #f0f0f0;padding:9px;overflow:hidden}
.chu-wrap dl{width:107px;float:left;}
.chu-wrap dl dd img{border:1px solid #ccc}

.notice{width:212px;height:200px;float:right;padding:23px 5px 23px 18px;overflow:hidden}
.notice ul li{height:25px;font-size:13px}
.notice ul li a{text-decoration:none;color:#767676;font-size:13px}
.notice ul li img{margin-left:5px;margin-bottom:-2px}

/* PROGRAM DOWNLOAD, 패키지강좌, 자주묻는질문모음등 */
.pro-down{width:224px;float:left;height:224px;padding:23px 18px 23px 5px;border-right:1px solid #e2e2e2;overflow:hidden}
.pro-down ul li{float:left;width:74px;text-align:center;margin-bottom:10px}
.iconall{width:155px;height:28px;background:#f6f6f6;border:1px solid #ededed;padding:11px 32px;overflow:hidden}
.iconall a{float:left;margin-right:6px}

.pack-class{width:479px;height:224px;float:left;padding:23px 18px;border-right:1px solid #e2e2e2;overflow:hidden}
.class-ingi{float:left;width:230px;margin-right:19px;overflow:hidden}
.class-new{float:right;width:230px;overflow:hidden}
.ingi-wrap{border-top:2px solid #acc0f9;width:206px;background:#f6f9fe;height:16px;padding:12px;overflow:hidden}
.class-new h2, .class-ingi h2{float:left;font-size:14px;color:#222;}
.class-new ul, .class-ingi ul{width:210px;height:170px;background:url(../img_elearning/e_img/img/pack_box.gif) no-repeat 0 0;padding:10px}
.class-new ul li, .class-ingi ul li{height:28px;line-height:28px;border-bottom:1px dashed #c2c2c2;width:188px;padding-left:12px}
.class-new ul li a, .class-ingi ul li a{text-decoration:none;color:#676767;font-size:13px}
.class-new ul li.on, .class-ingi ul li.on{background:#f7faff}
.class-new ul li.on a, .class-ingi ul li.on a{color:#0066cc;font-weight:bold;}
 
.banner{width:212px;height:224px;float:right;padding:18px 5px 28px 18px;}
.banner a{display:block;}
.dot-b{border-bottom:1px dotted #d8d8d8}

/* 입금계좌안내 강좌TOP5리스트, 이벤트 등 */
.bank{width:224px;height:227px;float:left;padding:23px 18px 23px 5px;border-right:1px solid #e2e2e2;}
.bank-i1{border-bottom:1px dotted #d8d8d8;height:18px;color:#695f54;font-size:13px;padding:8px 0 8px 0}
.bank-i2{border-bottom:1px dotted #d8d8d8;height:18px;color:#695f54;font-size:13px;padding:8px 0 8px 0}
.bank-i3{width:159px;height:13px;line-height:11px;background:url(../img_elearning/e_img/img/bank_name.gif) no-repeat 0 0;color:#fff;letter-spacing:-1px;font-weight:bold;font-size:13px;padding:8px 15px;margin-top:5px}

.top-class{width:479px;height:237px;float:left;padding:23px 18px 13px 18px;border-right:1px solid #e2e2e2;overflow:hidden}
.top-class h2{display:block;float:left;width:237px;height:33px;margin-right:2px;text-align:center;line-height:32px;background:#aeaeae;}
.top-class h2 a{background:url(../img_elearning/e_img/img/top_a2.gif) no-repeat 125px 7px;padding-right:20px;font-size:14px;letter-spacing:-1px;text-decoration:none;color:#fff;}
.top-class h2.on{background:#3864d1;}
.top-class h2.on a{background:url(../img_elearning/e_img/img/top_a1.gif) no-repeat 125px 7px;}

.table{width:480px;border-collapse:collapse;}
.table thead th{border-bottom:1px solid #dfdfdf;height:30px;color:#585858;line-height:30px;text-align:center;}
.table thead th span{color:#dfdfdf;}
.table tbody th{text-align:left;border-bottom:1px dashed #dcdcdc;}
.table tbody td{border-bottom:1px dashed #dcdcdc;height:31px;line-height:31px;text-align:center;}
.table tfoot th{text-align:left;}
.table tfoot td{height:31px;line-height:31px;text-align:center;}
.table tr th a{padding-left:25px;background:url(../img_elearning/e_img/img/i_num.gif) no-repeat 5px 2px;text-decoration:none;font-weight:normal;color:#767676;font-size:13px}
.table tr th .num2{background-position:5px -18px;}
.table tr th .num3{background-position:5px -38px;}
.table tr th .num4{background-position:5px -58px;}
.table tr th .num5{background-position:5px -78px;}

.event{width:212px;height:250px;float:right;padding:23px 5px 0 18px;}

/* footer */
.footer{width:100%;height:150px;background:url('../img_elearning/e_img/img/foot_bg.gif');overflow:hidden;}
.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{text-decoration:none;margin:20px 7px;color:#6b6b6b}
.foot-me .tel{ width:163px;height:18px;text-align:center;float:right;font-weight:bold;margin:10px 3px 10px 0;color:#fff;line-height:18px}
.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}

/* 넓이 및 높이지정*/
.b10{margin-bottom:10px}
.b20{margin-bottom:20px}
.b30{margin-bottom:30px}
.wr7{margin-right:7px}

/* 글자스타일지정*/
.fs-grey1{color:#8b8b8b;font-size:12px;}
.fs-grey11{color:#8b8b8b;font-size:11px;}
.fs-grey2{color:#333;font-size:13px;height:20px}
.fs-blue1{color:#367ce1;font-size:12px}
.fs-org1{color:#f05500;}