@charset "utf-8";
@import url(http://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; background:#FFF}
.main-wrap1{width:100%;height:680px;background:url(../img/202003/main/background.jpg) 0 0;border-bottom:0px solid #9e9385;}
.main-wrap2{width:100%;height:500px;background: url(../img/202302/main/bg.mp4);border-bottom:0px solid #9e9385;}
.main-pop1{width:100%}
.main-pop2{ position:relative; width:100%; margin:-100px 0 0; z-index:1; text-align:center;}
.main-pop3{ position:relative; width:100%; height:200px; margin:0 auto 0 0;  text-align:center; background:#F0F1F3;}
.main-pop3-t{position:relative; width:100%;margin:-100px 0 0; z-index:-1; text-align:center;}
.main-pop4{ position:relative; width:100%; margin:0 auto 0 0;  text-align:center; }
.main-pop5{width:100%}
.main-pop6{position:relative; width:100%;height:200px;background: url(../img/202302/main/main_bg.jpg) 0 0;border-bottom:0px solid #9e9385;text-align:center;}
.main-pop7{position:relative; width:100%;height:400px;background: url(../img/202302/main/main_bg2_2501.png) 0 0;border-bottom:0px solid #9e9385;text-align:center;} 




.content{width:1000px;margin:0 auto;overflow:hidden;}



/*박민제NCS소개*/
.introduce-wrap1{width:100%;height:750px; background:url(../img/202302/images/introduce_bg_01.png);border-bottom:0px solid #9e9385;}
.introduce-pop1{width:100%}
.introduce-pop2{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center;}
.introduce-pop3{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#E2E2E2;}
.introduce-pop4{ position:relative; width:100%;height:610px; background: url(../img/202302/images/pass_story_bg.png);}
.introduce-pop5{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#ffffff}
.introduce-pop6{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center;}
.introduce-pop7{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#f0f0f0}

/*학원소개*/
.academy-pop1{width:100%; background:url(../img/202302/academy/back_25.png);}
.academy-pop2{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center;}
.academy-pop3{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#E2E2E2;}
.academy-pop4{ position:relative; width:100%;height:610px; background: url(../img/202302/images/pass_story_bg.png);}
.academy-pop5{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#ffffff}
.academy-pop6{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center;}
.academy-pop7{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#f0f0f0}

/*커리큘럼*/
.curri-pop1{width:100%; background:url(../img/202302/curri/back_01.png);}
.curri-pop2{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#ffffff}
.curri-pop3{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#dfe5ea;}
.curri-pop4{ position:relative; width:100%; background:#ffffff;}
.curri-pop5{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#ffffff}
.curri-pop6{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center;}
.curri-pop7{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#f0f0f0}


/*서브_1*/
.con-wrap1{width:100%;height:674px;background:url(../img/201806/sub/convention/back_1.jpg) 0 0;border-bottom:0px solid #9e9385;}
.con-pop1{width:100%}
.con-pop2{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center;}
.con-pop3{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:url(../img/201806/sub/convention/back_2.jpg) 0 0;}
.con-pop4{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center;}
.con-pop5{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#EBEBEB}
.con-pop6{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center;}
.con-pop7{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#f0f0f0}

/*서브_2*/
.curator-wrap1{width:100%;height:674px;background:url(../img/201806/sub/curator/back_1.jpg) 0 0;border-bottom:0px solid #9e9385;}
.curator-pop1{width:100%}
.curator-pop2{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center;}
.curator-pop3{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:url(../img/201806/sub/convention/back_2.jpg) 0 0;}
.curaotr-pop4{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center;}
.curaotr-pop5{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#EBEBEB}
.curaotr-pop6{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center;}
.curaotr-pop7{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#f0f0f0}

/*서브_3*/
.cs-wrap1{width:100%;height:674px;background:url(../img/201806/sub/cs/back_3.jpg) 0 0;border-bottom:0px solid #9e9385;}
.cs-pop1{width:100%}
.cs-pop2{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center;}
.cs-pop3{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:url(../img/201806/sub/convention/back_2.jpg) 0 0;}
.cs-pop4{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center;}
.cs-pop5{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#EBEBEB}
.cs-pop6{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center;}
.cs-pop7{ position:relative; width:100%; margin:0 auto 0 0; z-index:1; text-align:center; background:#f0f0f0}

/*상단 즐겨찾기, 로그인, 회원가입, 아이디/비밀번호찾기 */
.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:100px;margin:30px auto;overflow:hidden;margin-bottom:28px}
.top li{float:left;}
.top .logo{width:220px;margin:12px 85px 10px 0;} 
.top .cate{position:relative;width:670px;height:45px;background:#;border:0px solid #dedede;margin:30px 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:url(../img_elearning/e_img/img/me_bg.gif) no-repeat center 0;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:-1px;line-height:44px; text-align:center}
.menu1{background:url(../img_elearning/e_img/img/m_me.gif) no-repeat 0 0;width:110px; top;0; left:0}
.menu2{background:url(../img_elearning/e_img/img/m_me.gif) no-repeat 0 0;width:150px; top;0; left:110px}
.menu3{background:url(../img_elearning/e_img/img/m_me.gif) no-repeat 0 0;width:100px; top;0; left:260px}
.menu4{background:url(../img_elearning/e_img/img/m_me.gif) no-repeat 0 0;width:100px; top;0; left:360px}
.menu5{background:url(../img_elearning/e_img/img/m_me.gif) no-repeat 0 0;width:110px; top;0; left:460px}
.menu6{background:url(../img_elearning/e_img/img/m_me.gif) no-repeat 0 0;width:100px; top;0; left:570px}
.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:url(../img_elearning/e_img/img/my_me.gif) no-repeat 0 0; width:120px; top:0; left:880px}

/* 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(../img_elearning/e_img/img/cate_bg.gif) no-repeat 0 0;height:20px;color:#fff;font-size:13px;padding:10px 0 10px 28px}
.category .catetit{background:url(../img_elearning/e_img/img/cate_tit.gif) no-repeat 0 0;height:21px;color:#fff;font-size:13px;font-weight:bold;padding:12px 0 12px 28px}
.category .catebtm{background:url(../img_elearning/e_img/img/cate_btm.gif) no-repeat 0 0;height:20px;color:#fff;font-size:13px;padding:11px 0 12px 28px}

/* 고객센터, 추천강좌, 공지사항 */
.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{position:relative;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;}