/* Font Define */
/*@font-face {font-family:Nanum Gothic; src:url('/common/font/Nanum Gothic.eot') format(eof); src:url('/common/font/Nanum Gothic.woff') format(woff); }*/


/* Default Body */
body{margin:0px;}
.newBody{border-top:5px solid #4679a6;overflow:hidden;width:100%;}
.newBody div{font-family:Dotum;color:#000000;}
.newBody .mainFrame{width:1178px;margin:0px auto;border-left:1px solid #cccccc;border-right:1px solid #cccccc;overflow:hidden;	}

/* Left Area */
.newBody .mainFrame .leftArea{width:199px;float:left;background-color:#ffffff;}
.newBody .mainFrame .leftArea .leftAreaBtn{display:none;cursor:pointer;}
.newBody .mainFrame .leftAreaAbsolute{position:absolute;border-right:1px solid gray;overflow:visible;}
.newBody .mainFrame .leftAreaAbsolute .leftAreaBtn{position:absolute;display:block;background-color:#4878a8;top:50px;left:199px;color:white;padding:10px;cursor:pointer;}

/* Left Area -> Login */
.newBody .mainFrame .leftArea .loginBox{height:100px;}
.loginBox .menuItem{padding:10px;float:left;color:#000000;}
.loginBox .menuItem a{color:#000000;}
.loginBox .loginWrap{}
.loginBox .loginWrap div{float:left;}
.loginBox .loginWrap .inputWrap{width:118px;padding-left:6px;padding-right:8px;}
.loginBox .loginWrap .inputWrap .inputID{width:114px;height:23px;border:1px solid #d4d4d4;margin-bottom:3px;padding:2px;ime-mode:inactive;}
.loginBox .loginWrap .inputWrap .inputIDbg{background:url(/image/common/bgLoginIDText.jpg) no-repeat center left;}
.loginBox .loginWrap .inputWrap .inputIDbg:focus{background:none;}
.loginBox .loginWrap .inputWrap .inputPW{width:114px;height:23px;border:1px solid #d4d4d4;padding:2px;ime-mode:disabled;}
.loginBox .loginWrap .inputWrap .inputPWbg{background:url(/image/common/bgLoginPWText.jpg) no-repeat center left;}
.loginBox .loginWrap .inputWrap .inputPWbg:focus{background:none;}
.loginBox .loginHello {clear:both;width:169px;padding-left:30px;height:33px;line-height:33px;background:url(/image/common/iconLoginHello.jpg) no-repeat 10px 10px;background-color:#eaf4f6;}
.loginBox .loginMemo {clear:both;width:169px;padding-left:30px;height:33px;line-height:33px;background:url(/image/common/iconLoginMemo.jpg) no-repeat 10px 10px;}
.loginBox .loginMemo a {height:33px;line-height:33px;}

/* Left Area -> Menu */
.newBody .mainFrame .leftArea .menuBox{width:174px;height:25px;background:url(/image/common/menuIcon.jpg) no-repeat 160px center;border-top:1px solid #dddddd;padding-top:10px;padding-left:25px;cursor:pointer;}
.newBody .mainFrame .leftArea .menuBox div{font-size:14px;color:#000000;font-weight:bold;z-index:99999;}
.newBody .mainFrame .leftArea .menuBox:hover div {color:#ab2e2a;}
.newBody .mainFrame .leftArea .menuBox:hover .subMenuBox{display:block;}
.newBody .mainFrame .leftArea .menuBox .subMenuBox{position:absolute;margin-left:170px;*margin-left:108px;margin-top:-30px;border:4px solid #4679a8;background-color:#ffffff;width:150px;padding:0px;display:none;}
.newBody .mainFrame .leftArea .menuBox .subMenuBox ul{width:100%;margin:0px;padding:0px;}
.newBody .mainFrame .leftArea .menuBox .subMenuBox ul li{margin:0px;padding:7px;list-style:dot;text-align:left;}
.newBody .mainFrame .leftArea .menuBox .subMenuBox ul li {font-weight:normal;font-size:12px;color:#000000;width:100%;}
.newBody .mainFrame .leftArea .menuBox .subMenuBox ul li:hover {font-size:12px;color:#003365;text-decoration:underline;}
.newBody .mainFrame .leftArea .leftBenner{margin-bottom:1px;}

/* Body Area */
.newBody .mainFrame .mainBodyArea{width:780px;float:left;}
.newBody .mainFrame .mainBodyArea .mainImage{width:780px;height:505px;overflow:hidden;}
.newBody .mainFrame .mainBodyArea .mainImage	.pop{width:780px;height:86px;position:relative;}
.newBody .mainFrame .mainBodyArea .boardFrame{width:779px;height:341px;overflow:hidden;border-right:1px solid #cfcfcf;}
.newBody .mainFrame .mainBodyArea .boardFrame .boardBox{width:349px;height:130px;float:left;padding:20px;}
.newBody .mainFrame .mainBodyArea .boardFrame .boardBox:first-child{border-right:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf;}
.newBody .mainFrame .mainBodyArea .boardFrame .boardBox2{border-bottom:1px solid #cfcfcf;}
.newBody .mainFrame .mainBodyArea .boardFrame .boardBox3{border-right:1px solid #cfcfcf;}
.newBody .mainFrame .mainBodyArea .boardFrame .boardBox .boardName{font-weight:bold;margin-bottom:18px;font-size:14px;color:#000000;}
.newBody .mainFrame .mainBodyArea .boardFrame .boardBox .boardName .boardMore{float:right;margin-right:20px;}
.newBody .mainFrame .mainBodyArea .boardFrame .boardBox .boardName .boardMore a{color:black;}
.newBody .mainFrame .mainBodyArea .boardFrame .boardBox .boardName .boardMore a span{color:#9a4974;}
.newBody .mainFrame .mainBodyArea .boardFrame .boardBox .boardItem {clear:both;line-height:24px;height;24px;font-size:12px;color:#000000;width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.newBody .mainFrame .mainBodyArea .boardFrame .boardBox .boardItem a{clear:both;line-height:24px;font-size:12px;color:#000000;}

/* Right Area */
.newBody .mainFrame .rightArea{float:left;max-width:199px;min-width:0px;}
.newBody .mainFrame .rightArea .boardBox{width:180px;height:139px;border:0px;border-bottom:1px solid #cfcfcf;padding:15px;}
.newBody .mainFrame .rightArea .boardBox:nth-child(3){height:140px;}
.newBody .mainFrame .rightArea .boardBoxLast{border:0px;padding:0px;}
.newBody .mainFrame .rightArea .boardBox .boardName{font-weight:bold;margin-bottom:18px;font-size:14px;color:#000000;	}
.newBody .mainFrame .rightArea .boardBox .boardMore{float:right;margin-right:10px;}
.newBody .mainFrame .rightArea .boardBox .boardMore a {color:black;}
.newBody .mainFrame .rightArea .boardBox .boardMore a span{color:#9a4974;}
.newBody .mainFrame .rightArea .boardBox .boardItem a{background:url(/image/main/bullet.jpg) no-repeat left center;clear:both;line-height:24px;height;24px;font-size:12px;color:#343434;width:170px;overflow:hidden;padding-left:10px;}


/* Banner Frame */
.bannerFrame{background-color:white;width:1178px;height:47px;border-top:1px solid #cccccc;margin:0px auto;border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
.bannerFrame .bannerWrap{width:781px;height:47px;float:left;}
.bannerFrame .smsHelpBanner{float:left;width:199px;}

/* CopyRight */
.copyright{font-family:Dotum;width:1178px;height:122px;margin:0px auto;clear:both;background-color:#eaeaea;border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
.copyright .mainFrame{width:1178px;height:122px;margin:0px auto;}
.copyright div{font-family:Dotum;color:#000000;}
.copyright .mainFrame .ci{width:199px;float:left;}
.copyright .mainFrame .infoWrap{float:left;padding-left:29px;}
.copyright .mainFrame .infoWrap .copyMenu{clear:both;}
.copyright .mainFrame .infoWrap .copyMenu .item{float:left;text-align:left;padding-top:20px;padding-bottom:15px;padding-right:20px;}
.copyright .mainFrame .infoWrap .copyMenu .item a{color:#333333;font-weight:bold;}
.copyright .mainFrame .infoWrap .copyMenu .item .person{color:#416690;}
.copyright .mainFrame .infoWrap .info{clear:both;color:#333333;}

/* subBody */
.newBody .mainFrame .subBodyArea{width:977px;min-height:800px;overflow:hidden;float:left;border-left:1px solid #dcdcdc;vertical-align:top;}  
.newBody .mainFrame .subBodyArea .subBodyFrame h4 {font-size:12px;}
      
/* lectureHTML */
.newBody .lectureHTML{background:#f6f6f6;}
.newBody .lectureHTML .lectureListWrap{width:299px;float:left;height:100%;}
.newBody .lectureHTML .lectureListWrap .lectureListTitle{color:#4777a5;font-weight:bold;font-size:14px;padding-top:25px;padding-left:25px;}
.newBody .lectureHTML .lectureListWrap .lectureListTitle div{color:#a8a8a8;}
.newBody .lectureHTML .lectureListWrap .lecutreSearch{height:30px;line-height:20px;margin-top:10px;margin-bottom:10px;padding-left:25px;}
.newBody .lectureHTML .lectureListWrap .lecutreSearch img{vertical-align:middle;cursor:pointer;}
.newBody .lectureHTML .lectureListWrap .inputSearch{width:114px;height:23px;border:1px solid #d4d4d4;margin-bottom:3px;padding:2px;}
.newBody .lectureHTML .lectureListWrap .inputSearchbg{background:#ffffff url(/image/lecture/bgSearchText.jpg) no-repeat center left;}
.newBody .lectureHTML .lectureListWrap .inputSearchbg:focus{background:#ffffff none;}
.newBody .lectureHTML .lectureListWrap .lecutreIconHelp{height:20px;padding-top:5px;padding-boittom:5px;padding-left:25px;}
.newBody .lectureHTML .lectureListWrap .cateLV1{color:#000000;font-size:14px;font-weight:bold;height:30px;line-height:30px;border-top:1px solid #e6e5ea;border-bottom:2px solid #e6e5ea;padding-left:25px;}
.newBody .lectureHTML .lectureListWrap .cateLV2 a{color:#000000;font-size:12px;font-weight:bold;height:30px;line-height:30px;padding-left:35px;background:url(/image/lecture/iconPlus.jpg) no-repeat 15px center;}
.newBody .lectureHTML .lectureListWrap .cateLevel3Group{display:none;}
.newBody .lectureHTML .lectureListWrap .cateLV3{color:#000000;font-size:12px;height:25px;line-height:25px;padding-left:35px;cursor:pointer;}
.newBody .lectureHTML .lectureListWrap .cateLV3:hover{color:#ab2e2a}
.newBody .lectureHTML .lectureListWrap .cateSearchFound{color:red;}
.newBody .lectureHTML .lectureInfo	{border-left:1px solid #cccccc;margin-left:0px;*width:670px;width:677px;float:left;background-color:#ffffff;}
.newBody .lectureHTML .lectureInfo .lecName{text-align:left;padding-top:20px;padding-bottom:10px;color:#4878a8;font-family:Dotum;font-weight:bold;font-size:30px;line-height:30px;}
.newBody .lectureHTML .lectureInfo .chapterNum{padding-left:10px;padding-right:10px;color:black;font-weight:bold;height:30px;border-bottom:1px solid #dfdfdf;background-color:#f6f6f6;text-align:right;}
.newBody .lectureHTML .lectureInfo .chapterTitle{padding-left:10px;color:#0f7bad;font-weight:bold;height:30px;border-bottom:1px solid #dfdfdf;}
.newBody .lectureHTML .lectureInfo .lecImg{width:340px;height:230px;border:1px solid #dfdfdf;}
.newBody .lectureHTML .lectureInfo .lecImg img{width:340px;height:230px;}
.newBody .lectureHTML .lectureInfo .lecImgMini{border:1px solid #dfdfdf;width:60px;height:40px;float:left;margin-left:10px;margin-top:20px;border:4px solid #ffffff;}
.newBody .lectureHTML .lectureInfo .lecImgMini img{width:60px;height:40px;border:0px;}
.newBody .lectureHTML .lectureInfo .miniFocus{border:4px solid #0f7bad;}
.newBody .lectureHTML .lectureInfo .lecInfoTbl{width:95%;border-top:2px solid #3d3d3d;border-bottom:2px solid #3d3d3d;margin-left:10px;}
.newBody .lectureHTML .lectureInfo .lecInfoTbl .lecInfoTitle{line-height:33px;color:#000000;font-weight:bold;font-size:12px;border-bottom:1px dotted #646464;vertical-align:top;padding-left:10px;width:80px;}
.newBody .lectureHTML .lectureInfo .lecInfoTbl .lecInfoItem{line-height:25px;color:#000000;font-size:12px;border-bottom:1px dotted #646464;}
.newBody .lectureHTML .lectureInfo .lecInfoTbl .lecInfoItem img{vertical-align:middle;}
.newBody .lectureHTML .lectureInfo .lecInfoTbl .lecContent{width:100%;}
.newBody .lectureHTML .lectureInfo .lecContent dl dt{color:#000000;font-weight:bold;}
.newBody .lectureHTML .lectureInfo .lecContent dl dd{margin-left:0px;color:#000000;font-size:12px;}

/* SubTab */
.newBody .mainFrame .subBodyArea .subBodyFrame {padding:28px;}
.newBody .mainFrame .subBodyArea .subBodyFrame .subTab {width:95%;border-bottom:2px solid #336799;overflow:hidden;padding:0px;}
.newBody .mainFrame .subBodyArea .subBodyFrame .subTab li{width:149px;height:47px;line-height:47px;text-align:center;color:#333333;font-weight:bold; float:left;border:1px solid #669acc;border-bottom:2px solid #336799;margin-bottom:-4px;margin-right:-1px;background-color:#ffffff;cursor:pointer;}
.newBody .mainFrame .subBodyArea .subBodyFrame .subTab .tabFocus{border:2px solid #336799;border-bottom:2px solid #ffffff;}
.newBody .mainFrame .subBodyArea .subBodyFrame .tabContent	{display:none;}
.newBody .mainFrame .subBodyArea .subBodyFrame .tabContent .ttl{color:#4777a7;font-size:18px;font-weight:bold;height:30px;line-height:30px;}
.newBody .mainFrame .subBodyArea .subBodyFrame .tabContent .item{line-height:20px;}

/* CommonTable */
.newBody .mainFrame .subBodyArea .iconTitle{background:url(/image/myclass/icon1.jpg) no-repeat left 10px;font-weight:bold;line-height:30px;height:30px;padding-left:20px;margin-top:20px;clear:both;}
.newBody .mainFrame .subBodyArea .Tbl{width:100%}
.newBody .mainFrame .subBodyArea .Tbl .TblTitle{height:42px;width:202px;border-top:1px dotted #636363;border-bottom:1px dotted #636363;background-color:#ecf1f5;color:#000000;font-weight:bold;text-align:center;}
.newBody .mainFrame .subBodyArea .Tbl .TblItem{height:42px;border-top:1px dotted #636363;border-bottom:1px dotted #636363;background-color:#ffffff;padding-left:10px;}
.newBody .mainFrame .subBodyArea .Tbl .TblItem input{height:23px;border:1px solid #afafaf;}
.newBody .mainFrame .subBodyArea .Tbl .TblItem input:focus{border:1px solid #2a5a88;}


.newListTbl {width:100%;;}
.newListTbl .listTitle{height:30px;line-height:30px;text-align:center;color:#343436;background-color:#ecf1f5;border-bottom:1px dotted #62656a;}
.newListTbl .listItem{height:30px;line-height:30px;text-align:center;color:#676767;background-color:#ffffff;border-bottom:1px dotted #62656a;}

/* Sub content img */
.sub_content {margin-top:40px;margin-bottom:50px;}

.findBox {margin:20px auto;width:800px;}
.findBox .findTbl {width:800px;margin-top:5px;border-top:2px solid gray;border-bottom:1px solid gray;}
.findBox .findTbl  th{width:100px;text-align:center;padding:10px;border-bottom:1px solid gray;}
.findBox .findTbl  td{width:700px;padding:10px;border-bottom:1px solid gray;}
.findTbl  td input{width:114px;height:23px;border:1px solid #a4a4a4;margin-bottom:3px;padding:2px;ime-mode:inactive;}


.smsCheckDIV{background:url(/image/certify/bgPopup.jpg) no-repeat;width:388px;}
.smsCheckDIV .telBox{border:2px solid #cccccc;width:333px;overflow:hidden;margin:200px auto 0px auto;}
.smsCheckDIV .telNum{height:58px;float:left;line-height:58px;font-size:20px;font-weight:bold;margin:10px;width:190px;text-align:center;}
.smsCheckDIV .telBtn{height:58px;float:left;margin:10px;}
.smsCheckDIV .telCheckBox{clear:both;border-top:1px solid #cccccc;width:100%;padding-top:10px;display:none;}
.smsCheckDIV .telInput{height:30px;line-height:30px;float:left;margin:10px;}
.smsCheckDIV .telInput input{height:25px;border:1px solid #dfdfdf;width:180px;padding-left:10px;font-size:18px;font-weight:bold;}
.smsCheckDIV .telCheckBtn{height:30px;line-height:30px;float:left;margin:10px;}
.smsCheckDIV .smsHelp{width:368px;height:53px;background-color:#e7e7e7;border-top:1px solid #cdcdcd;color:#989898;padding:10px;line-height:20px;margin-top:10px;}