body {background:#f0f0f0;font-family: 'NotoKrR';}
#totWarp {width:100%; margin:0 auto; position:relative; display:block; background:url(/layouts/default/image/main/bg_top.jpg) center top no-repeat;  }

#mTopArea {width:100%; margin:0 auto; height:325px; overflow:hidden;position:relative;}
#mTopArea .logo {padding-top:15px; margin:0 auto; text-align:center;}
#mTopArea .mtopTxt {position:absolute; top:273px; left:50%; margin-left:-500px; width:1000px; text-align:center; z-index:2;}
#mTopArea .mtopTxt p {display:inline-block;  background: rgba(0,0,0,0.7);color:#fff; font-size:16.5px; padding:0px 5px; height:28px; line-height:28px; }
#mTopArea .mtopTxt p span{color:#f6bcff;}

.wrap {width:1000px; margin:0 auto;}

.mLefmenu {float:left; width:250px; height:297px; overflow:hidden; display:inline-block; border-top:5px solid #5ae0e6;  letter-spacing:-1px;}
.mLefmenu ul {list-style:none; padding:0px; margin:0px;}
.mLefmenu li{list-style:none; padding:0px; margin:0px;border-top:1px solid #2e548d; }
.mLefmenu li:first-child {border-top:none; letter-spacing:-1.5px;}
.mLefmenu li a{display:block; background:url(/layouts/default/image/main/i_smarr.png) 224px 20px no-repeat #002e73; color:#fff; padding-left:20px; height:57px; line-height:57px; font-size:19px;}
.mLefmenu li:first-child a{height:60px; line-height:60px; }
.mLefmenu li a:hover {background-color:#5ae0e6;}
.mLefmenu li a span {display:inline-block; background:#eb5300; color:#fff; font-size:13.5px; height:21px; line-height:19px; padding:0px 7px; margin-left:10px;}

.mPopArea {float:left; width:750px; height:297px;  overflow:hidden; display:inline-block; }


.mlogArea {float:left; width:200px; height:200px; padding:24px; overflow:hidden; display:inline-block;background:#fff; border:1px solid #e7e7e7; letter-spacing:-1px; margin-top:20px;}
.mlogArea .input{border:none; background:#f0f0f0; width:190px; height:38px; padding:0px 0px 0px 10px; line-height:38px; margin:0px 0px 5px 0px; color:#333;}
.mlogArea .bt_login {background:#1b1b1b; padding:0px; margin:0px; color:#fff; font-size:14px; font-family: 'NotoKrM';cursor:pointer; width:200px;height:48px; line-height:48px; text-align:center; border:0px;}
.mlogArea #logcheck {margin:12px 0px 10px 0px;}
.mlogArea #logcheck span {display:inline-block; margin-left:7px; line-height:16px; }
.mlogArea #log_else {margin:12px 0px 0px 0px;text-align:center;}
.mlogArea #log_else a{display:inline-block; margin:0px 0px 0px 15px;}
.mlogArea #log_else a:first-child{margin:0px 15px 0px 0px;}

.mlogArea .nameA {font-size:20px; line-height:28px;color:#888; border-bottom:1px solid #e3e3e3; padding-bottom:13px;}
.mlogArea .nameA .b{ color:#1a1a1a; font-weight:bold;}
.mlogArea .resdate{padding:11px 0px; }
.mlogArea .resdate strong {font-weight:bold;}
.mlogArea .mylec {float:left; margin-bottom:20px;margin-left:1px;}
.mlogArea .mylec a{display:inline-block;background:#13bfca; padding:0px; margin:0px; color:#fff; font-size:16px; font-family: 'NotoKrM';cursor:pointer; width:99px;height:42px; line-height:42px; text-align:center; border:0px;}

.mlogArea .myBtn {margin-top:12px;}
.mlogArea a.bt_mypage{display:inline-block; margin-left:0px;background:#1b1b1b; padding:0px; color:#fff; font-size:14px; cursor:pointer; width:95px;height:30px; line-height:30px; text-align:center; border:0px;}
.mlogArea a.bt_logout{display:inline-block; margin-left:10px;background:#1b1b1b; padding:0px;  color:#fff; font-size:14px; font-family: 'NotoKrM';cursor:pointer; width:95px;height:30px; line-height:30px; text-align:center; border:0px;}
.mlogArea .myBtn2 {margin-top:15px;}
.mlogArea a.bt_mypage2{display:inline-block; margin-left:0px;background:#2f8daf; padding:0px; color:#fff; font-size:14px; cursor:pointer; width:95px;height:60px; line-height:60px; text-align:center; border:0px;}
.mlogArea a.bt_logout2{display:inline-block; margin-left:10px;background:#666; padding:0px;  color:#fff; font-size:14px; font-family: 'NotoKrM';cursor:pointer; width:95px;height:60px; line-height:60px; text-align:center; border:0px;}




.mreLecArea {float:left; width:710px; height:210px;  padding:20px 20px 20px 0px;overflow:hidden; display:inline-block; background:#ed9501; position:relative;margin-top:20px; margin-left:20px;}
.mreLecArea h3.tit {position:absolute; top:20px; left:20px; color:#fff; font-size:20px; font-weight:400; line-height:26px;}
.mrlcontA {overflow:hidden;position:relative;width:605px; height:210px; padding-left:105px;  }
.mrlcontA ul li{list-style:none; display:inline-block; width:190px; height:210px; position:relative;background:#fff;  text-align:left;}
.mrlcontA ul a .sbjA {display:block; margin:16px 0px 0px 0px;  background:url(/layouts/default/image/main/mlectt_bul.jpg) left top no-repeat; font-size:17px;  height:40px; overflow:hidden; font-weight:800;  padding:0px 20px 0px 20px;  color:#014367; line-height:20px; overflow:hidden; letter-spacing:-1px;}
.mrlcontA ul .imgA {width:150px;  height:75px; background:#000; overflow:hidden; margin:0 auto; margin-top:14px;position:relative;}
.mrlcontA ul a .thimg{opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} 
.mrlcontA ul a:hover .thimg{opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); } 
.mrlcontA .playBT {position:absolute; bottom:8px; right:8px; width:23px; height:23px; text-indent:-999999px; z-index:2; display:block;  background:url(/layouts/default/image/main/btn_play.png) left top no-repeat;}
.mrlcontA li .nameA {display:block;   padding:12px 20px 0px 20px; line-height:20px;font-size:16.5px; font-family: 'NotoKrM';color:#313131}
.mrlcontA li .nameA span.exp {font-size:13px;font-weight:400; }
.mrlcontA .bx-default-pager {display:none;}

.mrlcontA .bx-prev {position:absolute; z-index:9; top:180px; left:20px; width:30px; height:30px; background:url(/layouts/default/image/main/rec_prev_next.jpg) 0px 0px no-repeat;text-indent:-99999px;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.mrlcontA .bx-prev:hover {background-position:0px -30px;}
.mrlcontA .bx-next {position:absolute; z-index:9; top:180px; left:50px; width:30px; height:30px; background:url(/layouts/default/image/main/rec_prev_next.jpg) -30px 0px no-repeat;text-indent:-99999px;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.mrlcontA .bx-next:hover {background-position:-30px -30px;}

.notiArea {float:left; display:inline-block; width:450px; height:228px; padding:0px 24px; border:1px solid #e7e7e7; background:#fff; margin-top:20px; }
.notiArea h3.tit{font-size:20px; border-bottom:1px solid #e7e7e7; height:20px;line-height:20px;  padding:22px 0px 15px 0px;  margin-bottom:12px;background:url(/layouts/default/image/main/i_more.gif) right center no-repeat; color:#1a1a1a;  }
.notiArea ul{list-style:none; margin:0px; padding:0px;}
.notiArea li {list-style:none; position:relative; padding-right:75px; height:36px; line-height:36px;  overflow:hidden; font-size:14px;}
.notiArea a { color:#1a1a1a; display:block;}
.notiArea a .sbj {width:375px; overflow:hidden;}
.notiArea a .sbj span.new {text-indent:-999999px; display:inline-block; width:26px; background:url(/layouts/default/image/main/i_new.jpg) left 11px no-repeat; margin-right:5px;}
.notiArea .date {position:absolute; right:0px; top:0px; height:36px; line-height:36px; text-align:right; font-size:13px; color:#959595;}

.newLecArea  {float:left; display:inline-block; width:480px; height:230px;  background:#fff;  margin-top:20px; margin-left:20px; }
.mnlcontA {overflow:hidden;position:relative;width:390px; height:200px; padding:15px 45px; }
.mnlcontA ul li{list-style:none; display:inline-block; width:190px; height:200px; position:relative;background:#fff;  text-align:left;}
.mnlcontA ul li a{display:inline-block; border:1px solid #e5e5e5;width:188px; height:198px; }
.mnlcontA ul a .titA {position:absolute; top:0px; left:0px; height:26px; line-height:26px; font-size:14px; padding:0px 20px;background:#eb5300; color:#fff; }
.mnlcontA ul a .sbjA {display:block; margin:42px 0px 0px 0px;  background:url(/layouts/default/image/main/mlectt_bul.jpg) left top no-repeat; font-size:16.5px;  height:20px; overflow:hidden; font-family: 'NotoKrM'; padding:0px 18px 0px 18px;  color:#014367; line-height:20px; overflow:hidden; letter-spacing:-1px;}
.mnlcontA ul .imgA {width:150px;  height:75px; background:#000; overflow:hidden; margin:0 auto; margin-top:14px;position:relative;}
.mnlcontA ul a .thimg{opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} 
.mnlcontA ul a:hover .thimg{opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); } 
.mnlcontA .playBT {position:absolute; bottom:8px; right:8px; width:23px; height:23px; text-indent:-999999px; z-index:2; display:block;  background:url(/layouts/default/image/main/btn_play.png) left top no-repeat;}
.mnlcontA li .nameA {display:block;   padding:12px 20px 0px 20px; line-height:20px;font-size:14px; color:#313131; }
.mnlcontA li .nameA span.exp {font-size:13px;font-weight:400; }
.mnlcontA .bx-default-pager {display:none;}

.mnlcontA .bx-prev {position:absolute; z-index:9; top:100px; left:0px; width:30px; height:30px; background:url(/layouts/default/image/main/new_prev_next.jpg) 0px 0px no-repeat;text-indent:-99999px;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.mnlcontA .bx-prev:hover {background-position:-30px 0px;}
.mnlcontA .bx-next {position:absolute; z-index:9; top:100px; right:0px; width:30px; height:30px; background:url(/layouts/default/image/main/new_prev_next.jpg) -30px -30px no-repeat;text-indent:-99999px;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.mnlcontA .bx-next:hover {background-position:0px -30px;}

.mBanArea {margin-top:20px;}
.mBanArea ul{list-style:none; margin:0px; padding:0px;}
.mBanArea ul:after {clear:both; content:''; display:block; }
.mBanArea li {float:left; display:inline-block; margin-left:20px;}
.mBanArea li:first-child {margin-left:0px;}

.sitelinkArea {width:100%; margin:20px auto 0px auto; height:44px; padding:18px 0px; background:#1b1b1b;}
.sitelinkArea .slinkA{width:940px; padding:0px 30px; position:relative; height:44px; overflow:hidden;}

.slinkA ul li{list-style:none; display:inline-block; width:140px; height:44px; position:relative;  text-align:left;}
.slinkA ul li a{display:inline-block;  }
.slinkA ul a .thimg{opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} 
.slinkA ul a:hover .thimg{opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); } 
.slinkA .bx-default-pager {display:none;}

.slinkA .bx-prev {position:absolute; z-index:9; top:13px; left:0px; width:20px; height:17px; background:url(/layouts/default/image/main/site_prev_next.png) 0px 0px no-repeat;text-indent:-99999px;opacity:0.4; 	-moz-opacity:0.4; 	filter: alpha(opacity=40);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.slinkA .bx-prev:hover {opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);}
.slinkA .bx-next {position:absolute; z-index:9; top:13px; right:0px; width:20px; height:17px; background:url(/layouts/default/image/main/site_prev_next.png) -20px -0px no-repeat;text-indent:-99999px;opacity:0.4; 	-moz-opacity:0.4; 	filter: alpha(opacity=40);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.slinkA .bx-next:hover {opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);}