@charset "utf-8";
/* CSS Document */
body {}
#Cover {width:100%; position:relative; background:#fff;}

.cbp-spmenu {background:#f1f1f1; position:fixed;}
.cbp-spmenu h2 {color:#d7d7d7; font-size:1.9em; padding:20px; margin:0; background:#1d3e69;}
.cbp-spmenu h2 .today_work {display:block; margin-top:20px; padding:10px; font-size:14px; text-align:center; color:#fff; border:1px solid #6fc2f4;}
.cbp-spmenu h2 .today_work:hover {background:#2da7f0;}
.cbp-spmenu .article {height:calc(100% - 130px); overflow-y:auto;}
.cbp-spmenu .article > a {display:block; border-bottom:1px solid #d7d7d7; padding:1em; color:#666; font-size:14px; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.cbp-spmenu .article > a:hover {color:#fff; background:#636363;}
.cbp-spmenu-vertical {width:240px; height:100%; top:0; border-right:1px solid #999; z-index:1200;}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {left:-240px;}
.cbp-spmenu-right {right:-240px; display:none;}
.cbp-spmenu-left.cbp-spmenu-open {left:0px;}
.cbp-spmenu-right.cbp-spmenu-open {right:0px;}

/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top {top:-150px;}
.cbp-spmenu-bottom {bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open {top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open {bottom:0px;}

/* Push classes applied to the body */
.cbp-spmenu-push {/*overflow-x:hidden;*/ position:relative; left:0;}
.cbp-spmenu-push-toright {left:240px;}
.cbp-spmenu-push-toleft {left:0;}

/* Transitions */
.cbp-spmenu, .cbp-spmenu-push {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition:all 0.3s ease;}

#showLeft {position:absolute; top:150px; left:240px; width:100px; height:80px; font-size:14px; font-weight:500; color:#fff; border:none; display:none;}
#showLeft span {display:inline-block;}
#showRightPush {display:none;}
/* 상단 헤더부분 CSS */

#header div.class_sbox {position:absolute; top:3px; left:270px; width:194px; height:30px; color:#666 !important; margin-left:10px; line-height:30px; vertical-align:middle; z-index:20000;}
#header div.class_sbox select {width:130px;}
#header div.class_sbox a {color:#666 !important;}
#header div.topCover {position:relative; width:1200px; margin:0 auto; padding:3px 0 10px 0;}

/* 상단 로그인 추가 CSS */

#header div.topCover div.login {float:left; position:relative; top:3px; display:inline-block; margin-left:265px; vertical-align:middle;}
#header div.topCover div.login p {float:left; margin-right:5px; line-height:18px; font-weight:normal; color:#696f76;}
#header div.topCover div.login p.photo {width:30px; height:30px; margin-top:2px; margin-right:10px;}
#header div.topCover div.login p.photo img {width:100%; height:100%; border:1px solid #d9d9d9;}
#header div.topCover div.login p span {color:#000; font-weight:500;}
#header div.topCover div.login ul.user_box {float:left;}
#header div.topCover div.login ul.user_box li {float:left; width:154px; margin-right:5px;}
#header div.topCover div.login ul.member {float:left; margin-top:3px;}
#header div.topCover div.login ul.member li {display:inline-block; padding:2px 8px; border-radius:2px; background:#e82c48;}
#header div.topCover div.login ul.member li a {display:block; color:#f9feff;}
#header div.topCover div.login ul.message {float:left; line-height:22px; overflow:hidden;}
#header div.topCover div.login ul.message li {float:left; padding:3px 6px 0 8px; text-align:center;}
#header div.topCover div.login ul.message li a {display:block; color:#222;}
#header div.topCover div.login ul.message li span {display:inline-block; width:16px !important; height:16px !important; line-height:18px !important;}


/* 상단 헤더부분 OLD CSS */
#header {width:1200px; height:80px; margin:0 auto;}
#header h1 {position:absolute; top:25px; left:0px; text-align:center; z-index:11000;}
#header div.util {float:right; overflow:hidden;}
#header div.util ul.menu {float:left; margin:10px 10px 10px 10px; overflow:hidden;}
#header div.util ul.menu li {float:left; text-align:center; font-size:11px; padding:0px 10px 0px 10px; overflow:hidden; background:url(/lmsdata/img/ko/template1/line_01.gif) no-repeat right center;}
#header div.util ul.menu li:last-child {background:none;}
#header div.util ul.menu li a {display:block; color:#666;}
#header div.util ul.menu li a:hover {color:#000;}

/* GNB */
.gnbArea {position:absolute; top:40px; left:0; width:100%; border-bottom:0px solid #bebebe; *border:none; background:#; *background:none; z-index:10000;}
#gnb {width:1200px; margin:0 auto; overflow:hidden; height:40px;}
.gnbList {position:relative; overflow:hidden; padding-left:280px; background:#;}
.gnbList:after {clear:both; display:block; content:''; *zoom:1;}
.gnbList > li {float:left; font-size:20px; text-align:center;}
.gnbList > li:hover a {padding-bottom:0px; cursor:pointer;}
.gnbList > li:hover .twoDep {margin-top:0px; border-top:2px solid #419639 !important;}
.gnbList > li:last-child .twoDep ul {border-right:1px solid #d4d4d4;}
.gnbList li > a {position:relative; display:block; line-height:40px; padding-top:0px; font-size:20px; font-weight:500; letter-spacing:-0.58px; color:#3e3e3e; overflow:hidden;}
.gnbList li a span {}
.gnbList li a span.first {border-left:none;}
.gnbList > li:nth-child(1) > a {color:#fff; background:#076324;} 
.gnbList > li:nth-child(2) > a {color:#fff; background:#66ae04;} 

/* for ie7 */ #gnb.action .twoDep{*display:block; border-top:2px solid #419639;}
.gnbList .twoDep {background:#fff; height:278px; margin-top:0px;}
/* 260413수정 */
.gnbList .twoDep ul {
   height: auto;
   padding: 0px 0 0 15px;
   border: none;
   margin-bottom: 10px;
}
.gnbList>li:last-child .twoDep {
   border-right: 1px solid #d4d4d4;
}
.gnbList .twoDep li {
   margin-bottom: 12px;
}
.gnbList .twoDep li a {
   font-size: 14px;
   line-height: 18px;
   text-align: left;
   padding: 0;
   white-space: nowrap;
}
.gnbList .twoDep li a:hover {
   color: #4c9306;
   text-decoration: underline;
}
.gnbList .twoDep li.on a {
   color: #4c9306;
   text-decoration: underline;
}
.gnbList .twoDep .depth2-tit {
   display: block;
   text-align: left;
   font-size: 15px;
   font-weight: 600;
   margin: 15px 0 10px 15px;
}
.gnbList .twoDep .depth2-tit a {
   display: block;
   color: #1a1a1a;
   position: relative;
   padding-right: 30px;
}
.gnbList .twoDep .depth2-tit a:hover {
   color: #4c9306;
}
.gnbList .twoDep .depth2-tit a i {
   position: absolute;
   right: 15px;
   top: 50%;
   margin-top: -7px;
   font-size: 14px;
   color: #666;
}
.gnbList .twoDep p.navGuide+ul {
   padding-top: 15px;
}
.gnbList .navGuide {
   position: absolute;
   top: 62px;
   left: 0;
   width: 300px;
   height: 223px;
   display: none;
}
.gnbList .navGuide strong {
   display: block;
   font-size: 0;
   height: 1px;
   left: -9999px;
   line-height: 0;
   overflow: hidden;
   position: absolute;
   text-indent: -9999px;
   width: 1px;
}
#container {width:1200px; margin:0 auto; padding-top:0px; background:#fff;}
#container:after {content:''; display:block; height:0; clear:both;}

/* 260413수정 */
/* 왼쪽 Aside 영역 */
#aside {
   float: left;
   width: 280px;
   padding: 25px 25px 0 0;
   height: 100%;
}
#aside .lm-tit {
   height: 100px;
   text-align: center;
   background: #2d71c4 url(/lmsdata/img/template1/lnb_title_bg.gif) no-repeat right;
}
#aside .lm-tit h2 {
   padding-top: 20px;
   font-size: 24px;
   font-weight: 500;
   line-height: 42px;
   color: #fff;
}
#aside .lm-tit span.txt {
   display: block;
   font-size: 13px;
   color: rgba(225, 225, 225, 0.75);
}
#aside ul.lnb {}
#aside ul.lnb li {
   padding: 16px 0;
   font-size: 15px;
   font-weight: 500;
   border-bottom: 1px solid #d7d7d7;
}
#aside ul.lnb li:hover {
   background: #f1f1f1;
}
#aside ul.lnb li a {
   display: block;
   color: #333;
   text-indent: 20px;
}
#aside ul.lnb li.over {
   background: url(/lmsdata/img/template1/lnb_over_arrow.gif) left center no-repeat;
   background-size: 30px;
}
#aside ul.lnb li.over a {
   text-indent: 40px;
   color: #3c8f1e;
}
/* 260413수정 */
/* 내용 컨텐츠 CSS */
#mainContent {
   width: 1200px;
   margin: 0 auto 0 auto;
   background: #fff;
}
#mainContent .conLeft {
   float: left;
   width: 280px;
   margin: 0 20px 0 0;
   padding-top: 0px;
   overflow: hidden;
}
#mainContent .conRight {
   float: left;
   width: 900px;
   margin: 0 0 0 0;
}
#mainContent .conLeft:after,
#mainContent .conRight:after {
   content: "";
   display: block;
   clear: both;
}
#mainContent .conRight .left_box {
   float: left;
   width: 49%;
   height: 337px;
   padding: 17px 17px 0px 17px;
   margin-right: 2%;
   border: 1px solid #d7d7d7;
   border-radius: 3px;
   box-sizing: border-box;
}
#mainContent .conRight .right_box {
   float: left;
   width: 49%;
   height: 337px;
   padding: 20px 17px 0px 17px;
   border: 1px solid #d7d7d7;
   border-radius: 3px;
   box-sizing: border-box;
}
#bodyContent {
   position: relative;
   float: left;
   width: 895px;
   min-height: 680px;
   padding: 25px 0px 25px 25px;
   border-left: 1px solid #d7d7d7;
   box-sizing: border-box;
   background: #fff;
}
#bodyContent .location {
   background: #c6cfbc;
}
#bodyContent .location ul {
   overflow: hidden;
}
#bodyContent .location ul li {
   float: left;
   min-width: 200px;
   border-right: 1px solid #a3b59b;
   background: url(/lmsdata/img/template1/cnavi_arr.png) 180px 50% no-repeat;
}
#bodyContent .location ul li:first-child {
   min-width: 40px;
   height: 40px;
   border-right: none;
   background: #aab89a url(/lmsdata/img/template1/icon_home.gif) 50% 50% no-repeat;
}
#bodyContent .location ul li:last-child {
   background: url(/lmsdata/img/template1/cnavi_arr_last.png) 95% 50% no-repeat;
}
#bodyContent .location ul li a {
   display: block;
   padding: 0 30px 0 10px;
   line-height: 40px;
   font-size: 14px;
   color: #7e9873;
}
/* 메인 롤링 이미지 */
.mainvisual {
   position: relative;
   width: 900px;
   margin-bottom: 16px;
}
.mainvisual:after {
   content: "";
   display: block;
   clear: both;
}
.mainvisual .cycle-slideshow {
   height: 467px;
   overflow: hidden;
}
.mainvisual .cycle-slideshow .slide {
   width: 100%;
   height: 467px;
}
.mainvisual .pagerWrap {
   position: absolute;
   left: 0;
   top: 230px;
   margin-left: 0px;
   width: 200px;
   z-index: 201;
}
.mainvisual .pagerWrap #adv-custom-pager {
   display: inline-block;
}
.mainvisual .pagerWrap #adv-custom-pager a {
   display: inline-block;
   width: 18px;
   height: 18px;
   margin-left: 4px;
   background: url(/lmsdata/img/template_common/bg_pagerOff.png) 0 0 no-repeat;
   background-size: cover;
}
.mainvisual .pagerWrap #adv-custom-pager a.cycle-pager-active {
   width: 52px;
   background: url(/lmsdata/img/template_common/bg_pagerOn.png) 0 0 no-repeat;
   background-size: cover;
}
.mainvisual .pagerWrap button {
   display: inline-block;
   width: 18px;
   height: 18px;
   vertical-align: top;
   border: none;
   font-size: 0;
   line-height: 0;
   text-indent: -999px;
}
.mainvisual .pagerWrap .btnStop {
   background: url(/lmsdata/img/template_common/btn_stop.png) 0 0 no-repeat;
   background-size: cover;
}
.mainvisual .pagerWrap .btnPlay {
   background: url(/lmsdata/img/template_common/btn_play.png) 0 0 no-repeat;
   background-size: cover;
}
.mainvisual .contentBox {
   position: absolute;
   top: 30px;
   left: 0;
   width: 400px;
   margin-left: 0px;
   padding: 0px 20px 10px 5px;
   z-index: 200;
}
.mainvisual .textBox {
   color: #7d7d7d;
   text-align: left;
}
.mainvisual .textBox span.eng {
   font-size: 14px;
   color: #7d7d7d;
   letter-spacing: 0px;
   font-weight: 500;
}
.mainvisual .textBox span.desc {
   font-size: 14px;
   line-height: 1.4;
   color: #7d7d7d;
   letter-spacing: -0.5px;
   font-weight: 500;
}
.mainvisual .textBox p {
   display: block;
   margin-top: 16px;
   color: #589900;
   font-size: 24px;
   font-weight: 500;
   letter-spacing: -2px;
}
.mainvisual .textBox strong {
   display: block;
   margin: -7px 0 6px 0;
   color: #000;
   font-size: 28px;
   font-weight: 500;
   letter-spacing: -2px;
}
.sliderArrows a {
   display: block;
   text-indent: -9999px;
   outline: none;
   z-index: 50;
   background-image: url(/lmsdata/img/template1/prev_next.png);
   width: 42px;
   height: 42px;
   position: absolute;
   top: 50%;
   margin-top: -34px;
}
.prev {
   background-position: 0 0;
   left: 15px;
}
.prev:hover {
   background-position: 0 -44px;
}
.next {
   right: 15px;
   background-position: -44px 0;
}
.next:hover {
   background-position: -44px -44px;
}
.sliderContent li {
   position: absolute;
   width: 100%;
   height: 600px;
   background: #fff;
}
.sliderBullets {
   position: absolute;
   bottom: 0;
   left: 50%;
   z-index: 50;
   margin-left: -160px;
}
.sliderBullets a {
   display: block;
   float: left;
   text-indent: -9999px;
   outline: none;
   margin-left: 5px;
   width: 75px;
   height: 7px;
   background: url(/lmsdata/img/template1/bullets.png) no-repeat;
}
.sliderBullets .active {
   background-position: 0 -7px;
}
.sliderContent a {
   outline: none;
}
/* 메인 로그인 */
#loginForm {
   display: inline-block;
   vertical-align: middle;
}
#mainContent div.login {
   position: relative;
   margin-top: 10px;
   margin-bottom: 24px;
   padding: 14px 17px 17px 17px;
   z-index: 1;
   width: 100%;
   border-radius: 4px;
   border: 1px solid #d7d7d7;
   box-sizing: border-box;
}
#mainContent div.login fieldset {
   width: 100%;
   height: 125px;
   padding: 5px 0 3px 0;
   box-sizing: border-box;
}
#mainContent div.login h2 {
   font-size: 18px;
   font-weight: 600;
   letter-spacing: -0.85px;
   margin: 0px 0 6px 0;
   color: #333;
}
#mainContent div.login p {
   float: left;
   margin-right: 0px;
   line-height: 18px;
   font-weight: normal;
   color: #696f76;
}
#mainContent div.login p.admin {
   position: absolute;
   top: 18px;
   right: 17px;
}
#mainContent div.login p.admin a {
   color: #000;
   font-size: 14px;
}
#mainContent div.login p.admin a:hover {
   text-decoration: underline;
}
#mainContent div.login .photo {
   float: left;
   width: 50px;
   height: 50px;
   margin: 0px 15px 0 0px;
   border: 1px solid #d7d7d7;
}
#mainContent div.login .photo img {
   width: 100%;
   height: auto;
}
#mainContent div.login p span {
   color: #000;
   font-weight: 500;
}
#mainContent div.login ul.user_box {
   float: left;
   margin-bottom: 4px;
}
#mainContent div.login ul.user_box li {
   float: left;
   width: 203px;
   margin-bottom: 5px;
}
#mainContent div.login #loginForm {
   width: 100%;
}
#mainContent div.login #loginForm #id {
   width: 100%;
   height: 34px;
   font-size: 14px;
   color: #999;
   line-height: 34px;
   padding-left: 42px;
   border: none;
   background: url(/lmsdata/img/template1/login_id.png) no-repeat;
}
#mainContent div.login #loginForm #pw {
   width: 100%;
   height: 34px;
   font-size: 14px;
   color: #999;
   line-height: 34px;
   padding-left: 42px;
   border: none;
   background: url(/lmsdata/img/template1/login_pw.png) no-repeat;
}
#mainContent div.login #loginForm .loginBtn {
   display: block;
   text-align: center;
   width: 203px;
   font-size: 14px;
   font-weight: 500;
   color: #fff;
   padding: 7px 16px 8px 16px;
   border-radius: 2px;
   background: #e82c48;
   border: 1px solid #c11831;
   box-sizing: border-box;
}
#mainContent div.login #loginForm .logoutBtn {
   float: left;
   display: block;
   text-align: center;
   font-weight: 500;
   color: #fff;
   padding: 2px 8px 4px 8px;
   border-radius: 2px;
   background: #2f9427;
   border: 1px solid #2f9427;
}
#mainContent div.login .mem_btn {
   position: absolute;
   top: 145px;
   left: 17px;
}
#mainContent div.login ul.member {
   float: right;
}
#mainContent div.login ul.member li {
   display: inline-block;
   padding: 5px 10px 2px 10px;
}
#mainContent div.login ul.member li a {
   display: block;
   color: #2c2c2c;
}
#mainContent div.login ul.member li.save {
   background: url(/lmsdata/img/template1/line_02.gif) no-repeat right 10px;
}
#mainContent div.login ul.member li.find {
   background: url(/lmsdata/img/template1/icon_arrow_2.png) no-repeat right 11px;
}
#mainContent div.login ul.member li.find a {
   color: #2c2c2c;
}
#mainContent div.login ul.member li.find a:hover {
   text-decoration: underline;
}
/* 260413수정 */
#mainContent div.login .class_sbox {
   position: absolute;
   top: 110px;
   left: 15px;
   z-index: 300;
}
#mainContent div.login .class_sbox select {
   width: 100%;
}
#mainContent div.login .class_sbox .chosen-container {
   width: 250px !important;
}
#mainContent div.login .class_sbox fieldset {
   width: 250px;
   height: 30px;
   padding: 0px;
   background: none;
   border: none;
   overflow: visible;
}
#mainContent div.login .mem_info {
   float: left;
   color: #2c2c2c;
   font-weight: 500;
   font-size: 14px;
   margin-top: 5px;
}
#mainContent div.login .mem_info span.info {
   display: block;
   font-weight: 500;
}
#mainContent div.login .mem_info .message {
   display: block;
   color: #2c2c2c;
   margin-left: 0px;
   margin-top: 1px;
}
#mainContent div.login .mem_info .message a {
   color: #2c2c2c;
}
#mainContent div.login .mem_info .message .num {
   color: #fff;
}
/* 메인 왼쪽배너 */
.mLeft_ban {
   position: relative;
   width: 100%;
   padding: 10px 10px 42px 10px;
   background: #fff;
   border: 7px solid #d7d7d7;
   box-sizing: border-box;
}
.mLeft_ban .my_class_list {
   height: 194px;
   background: #1b7a37;
   padding: 15px;
   padding-right: 4px;
   box-sizing: border-box;
}
.mLeft_ban .my_class_list .m_class_tit {
   font-size: 20px;
   color: #fff;
   font-weight: 500;
   border-bottom: 2px solid #fff;
   padding-bottom: 5px;
   margin-bottom: 5px;
   display: inline-block;
}
.mLeft_ban .my_class_list .list_wrap {
   height: 110px;
   overflow-y: auto;
   overflow-x: hidden;
}
.mLeft_ban .my_class_list ul {
   border: none;
   display: block;
   margin: 0;
   padding: 0 15px 0 0;
}
.mLeft_ban .my_class_list ul:after {
   display: none;
}
.mLeft_ban .my_class_list ul li {
   float: none;
   display: flex !important;
   justify-content: space-between;
   align-items: center;
   width: 100% !important;
   border: none !important;
   border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
   padding: 6px 0;
   box-sizing: border-box;
   font-size: 13px;
   font-weight: normal;
}
.mLeft_ban .my_class_list ul li:last-child {
   border-bottom: none !important;
}
.mLeft_ban .my_class_list ul li .sbj {
   color: #fff;
   display: block;
   flex: 1;
   min-width: 0;
   margin-right: 5px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 13px;
   font-weight: 400;
   text-align: left;
   letter-spacing: -0.5px;
}
.mLeft_ban .my_class_list ul li .btn_go {
   display: inline-block;
   flex-shrink: 0;
   white-space: nowrap;
   background: #333;
   color: #fff;
   font-size: 11px;
   padding: 4px 6px;
   border-radius: 2px;
}
.mLeft_ban .my_class_list ul li .btn_go:hover {
   background: #000;
   color: #fff;
   text-decoration: none;
}
.mLeft_ban .my_class_list ul li .btn_go i {
   margin-right: 3px;
   font-size: 12px;
}
.mLeft_ban ul:after {
   content: "";
   display: block;
   height: 0;
   clear: both;
}
.mLeft_ban ul {
   border: 1px solid #d7d7d7;
}
.mLeft_ban ul li {
   float: left;
   width: 50%;
   font-size: 15px;
   letter-spacing: -0.5px;
   font-weight: 500;
   box-sizing: border-box;
}
.mLeft_ban ul li:first-child {
   border-right: 1px solid #d7d7d7;
}
.mLeft_ban ul li a {
   color: #464646;
}
.mLeft_ban .ban01 {
   margin-top: 20px;
}
.mLeft_ban .ban01 li {
   padding: 18px 0 0 18px;
   height: 68px;
   line-height: 17px;
   box-sizing: border-box;
}
.mLeft_ban .ban01 span {
   display: block;
}
.mLeft_ban .ban01 .txtGreen {
   color: #00883d;
}
.mLeft_ban .ban01 .txtPink {
   color: #e82c48;
}
.mLeft_ban .ban02 {
   margin-top: 10px;
}
.mLeft_ban .ban02 li {
   padding: 40px 0 0 26px;
   height: 68px;
   box-sizing: border-box;
}
.mLeft_ban .ban02 li:first-child {
   background: url(/lmsdata/img/ko/template1/ban02_01.png) center 10px no-repeat;
}
.mLeft_ban .ban02 li:last-child {
   background: url(/lmsdata/img/ko/template1/ban02_02.png) center 10px no-repeat;
}
.mLeft_ban .ico_ban01,
.mLeft_ban .ico_ban02,
.mLeft_ban .ico_ban03,
.mLeft_ban .ico_ban04,
.mLeft_ban .ico_ban05 {
   border: 1px solid #d7d7d7;
   padding: 12px 0px 0px 65px;
   height: 68px;
   margin-top: 10px;
   box-sizing: border-box;
}
.mLeft_ban .ico_ban01,
.mLeft_ban .ico_ban02,
.mLeft_ban .ico_ban03 span {display:block;}
.mLeft_ban .ico_ban04 span {display:block;}
.mLeft_ban .ico_ban05 span {
   display: block;
}
.mLeft_ban .ico_ban01 .tit,
.mLeft_ban .ico_ban02 .tit
{
   font-size: 15px;
   color: #464646;
   letter-spacing: -0.5px;
   font-weight: 600;
}
.mLeft_ban .ico_ban03 .tit
{
   font-size: 15px;
   color: #464646;
   letter-spacing: -0.5px;
   font-weight: 600;
   margin-top: 10px;
}
.mLeft_ban .ico_ban04 .tit
{
   font-size: 15px;
   color: #464646;
   letter-spacing: -0.5px;
   font-weight: 600;
   margin-top: 10px;
}
.mLeft_ban .ico_ban05 .tit {
   font-size: 15px;
   color: #464646;
   letter-spacing: -0.5px;
   font-weight: 600;
   margin-top: 10px;
}
.mLeft_ban .ico_ban01 .desc,
.mLeft_ban .ico_ban02 .desc,
.mLeft_ban .ico_ban03 .desc,
.mLeft_ban .ico_ban04 .desc,
.mLeft_ban .ico_ban05 .desc {
   font-size: 11px;
   color: #959595;
}
.mLeft_ban .ico_ban01 {
   background: url(/lmsdata/img/ko/template1/ico_ban01.png) 10px center no-repeat;
}
.mLeft_ban .ico_ban02 {
   background: url(/lmsdata/img/ko/template1/ico_ban02.png) 10px center no-repeat;
}
.mLeft_ban .ico_ban03 {background:url(/lmsdata/img/ko/template1/ban03_03.png) 10px center no-repeat;}
.mLeft_ban .ico_ban04 {background:url(/lmsdata/img/ko/template1/ban03_04.png) 10px center no-repeat;}
.mLeft_ban .ico_ban05 {background:url(/lmsdata/img/ko/template1/ban03_05.png) 10px center no-repeat;}

/* 추가 왼쪽배너 */
.mLeft_ban .ban03 {
   margin-top: 10px;
}
.mLeft_ban .ban03 li {
   padding: 40px 0 0 0px;
   text-align: center;
   height: 68px;
   box-sizing: border-box;
}
.mLeft_ban .ban03 li:first-child {
   background: url(/lmsdata/img/template1/ban03_01.png) center 10px no-repeat;
}
.mLeft_ban .ban03 li:last-child {
   background: url(/lmsdata/img/template1/ban03_02.png) center 10px no-repeat;
}
/* 메인 최근게시물 */
#mainContent div.boardList {
   position: relative;
   overflow: hidden;
}
#mainContent div.boardList ul.boardTab {
   height: 32px;
   line-height: 31px;
   border-bottom: 1px solid #d6d6d6;
}
#mainContent div.boardList ul.boardTab li {
   display: inline;
   float: left;
   width: 110px;
   margin-top: 0px;
   margin-right: -1px;
   font-size: 14px;
   border: 1px solid #bbbbbb;
   background: #efefef;
}
#mainContent div.boardList ul.boardTab li a {
   display: block;
   font-weight: 500;
   text-align: center;
   color: #6d6d6d;
}
#mainContent div.boardList ul.boardTab li.select {
   border: 1px solid #0e7d31;
   height: 30px;
   line-height: 30px;
   background: #0e7d31;
}
#mainContent div.boardList ul.boardTab li.select a {
   color: #fff;
}
#mainContent div.boardList ul.boardTab2 {
   height: 31px;
   margin-bottom: 8px;
}
#mainContent div.boardList ul.boardTab2 li {
   display: inline;
   float: left;
   width: 33.333333%;
   margin-top: 0px;
   margin-right: 0px;
   font-size: 14px;
}
#mainContent div.boardList ul.boardTab2 li a {
   display: block;
   font-weight: 400;
   line-height: 31px;
   text-align: center;
   color: #333;
   letter-spacing: -1px;
   border: 1px solid #cdcdcd;
   background: #fff;
}
#mainContent div.boardList ul.boardTab2 li.select a {
   color: #fff;
   border: 1px solid #444;
   background: #444444;
}
/* 메인 공지사항 */
#mainContent div.boardList p {
   float: right;
   margin-top: 8px;
}
#mainContent div.boardList p {
   position: absolute;
   top: 2px;
   right: 0;
}
#mainContent div.boardList div.listContent {
   width: 100%;
   padding: 10px 0;
}
#mainContent div.boardList div.listContent ul li {
   position: relative;
   line-height: 34px;
   font-size: 13px;
   vertical-align: top;
   overflow: hidden;
   border-bottom: 1px solid #eaeaea;
}
#mainContent div.boardList div.listContent ul li span {
   float: left;
   width: 73%;
}
#mainContent div.boardList div.listContent ul li span.date {
   float: right;
   width: 27%;
   text-align: right;
   color: #a9a9a9;
}
#mainContent div.boardList div.listContent ul li span a {
   display: block;
   padding-left: 12px;
   color: #484848;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   background: url(/lmsdata/img/template1/icon_dot.gif) 2px 50% no-repeat;
}
#mainContent div.boardList div.listContent ul li span a:hover {
   text-decoration: underline;
}
#mainContent div.boardList div.listContent ul li .icon-new-color {
   position: absolute;
   top: 23%;
   left: 73%;
}
#mainContent div.boardList div.listContent .tab_content1,
#mainContent div.boardList div.listContent .tab_content2 {
   display: none;
}
#mainContent div.boardList div.listContent .tab_content {
   min-height: 280px;
}
/* 메인 프로그램신청 */
#mainContent div.boardList h2 {
   position: relative;
   padding-bottom: 6px;
   margin-top: -4px;
   font-size: 18px;
   letter-spacing: -0.85px;
   font-weight: 500;
   color: #1a1a1a;
}
#mainContent div.boardList div.listContent2 {
   height: 240px;
   overflow: hidden;
}
#mainContent div.boardList div.listContent2 ul {
   padding-right: 10px;
}
#mainContent div.boardList div.listContent2 ul li {
   position: relative;
   line-height: 24px;
   padding: 7px 0;
   font-size: 13px;
   vertical-align: top;
   border-bottom: 1px solid #eaeaea;
}
#mainContent div.boardList div.listContent2 ul li a:hover {
   text-decoration: underline;
}
#mainContent div.boardList div.listContent2 dl {
   overflow: hidden;
   width: 100%;
   line-height: 16px;
}
#mainContent div.boardList div.listContent2 dl dt a {
   position: relative;
   display: block;
   left: 50px;
   width: calc(100% - 60px);
   padding-left: 0px;
   font-weight: 500;
   color: #444;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
#mainContent div.boardList div.listContent2 dl dd {
   color: #868686;
   font-size: 11px;
   margin-left: 52px;
}
#mainContent div.boardList div.listContent2 dl .pre {
   position: absolute;
   top: 9px;
   left: 0;
   margin-right: 10px;
   width: 38px;
   padding: 4px !important;
   text-align: center;
   color: #fff;
   background: #d09007;
   border-radius: 2px;
   box-sizing: border-box;
}
#mainContent div.boardList div.listContent2 dl .ing {
   position: absolute;
   top: 9px;
   left: 0;
   margin-right: 10px;
   width: 38px;
   padding: 4px !important;
   text-align: center;
   color: #fff;
   background: #589900;
   border-radius: 2px;
   box-sizing: border-box;
}
#mainContent div.boardList div.listContent2 dl .end {
   position: absolute;
   top: 9px;
   left: 0;
   margin-right: 10px;
   width: 38px;
   padding: 4px !important;
   text-align: center;
   color: #fff;
   background: #b3b3b3;
   border-radius: 2px;
   box-sizing: border-box;
}
#mainContent div.boardList div.listContent .tab_content1,
#mainContent div.boardList div.listContent2 .tab_content2 {
   display: none;
}
/* 하단 내용 컨텐츠 CSS */
#footer {
   background: #fff;
   padding: 20px 0;
}
#footer .inner-wrap {
   position: relative;
   width: 1200px;
   margin: 0 auto;
}
#footer .inner-wrap:after {
   display: block;
   clear: both;
   content: ''
}
#footer .inner-wrap .logo-b {
   clear: both;
   float: left;
   width: 240px;
   text-align: center;
   height: 34px;
   margin-top: 22px;
   text-indent: -9999px;
   background: url(/lmsdata/img/template1/logo_b.png) center 5px no-repeat;
}
#footer .inner-wrap ul.copy {
   float: left;
   margin: 16px 0 0 10px;
}
#footer .inner-wrap ul.copy a {
   color: #fff;
}
#footer .inner-wrap ul.copy li {
   padding: 2px 0;
   font-size: 12px;
   color: #555;
}
#footer .inner-wrap ul.copy li address {
   font-style: normal;
   color: #666;
}
#footer .inner-wrap .expand-link {
   position: absolute;
   top: 20px;
   right: 0;
   z-index: auto;
}
#footer .inner-wrap .expand-link select {
   width: 140px;
}
#footer .inner-wrap .expand-link .chosen-drop {
   margin-bottom: -11px;
   padding-top: 5px;
   border-top: 1px solid #aaa;
   border-radius: 0;
   top: auto;
   bottom: 40px;
}

/* 로그인 영역 좌측 쏠림 현상 팩트체크 및 100% 꽉 채우기 수정 */

/* 1. 아이디/비번 리스트 박스 플로팅 해제 및 100% 채우기 */
#mainContent div.login ul.user_box {
    float: none;
    width: 100%;
    margin-bottom: 5px;
}
#mainContent div.login ul.user_box li {
    float: none;
    width: 100%;
    margin-bottom: 6px; /* 위아래 간격 살짝 줌 */
}

/* 2. 인풋창 사이즈 100% 확장 및 테두리 충돌 해결 */
#mainContent div.login #loginForm #id, 
#mainContent div.login #loginForm #pw {
    width: 100%;
    height: 36px;
    font-size: 14px;
    color: #333;
    line-height: 36px;
    padding-left: 45px;
    border: none; /* 핵심 팩트: 내가 줬던 테두리를 지우고 원본 이미지 테두리에 의존해야 함 */
    box-sizing: border-box;
    background-size: 100% 100% !important; /* 203px짜리 통이미지 자체를 100%로 쫙 늘려서 테두리 끝선 맞추기 */
}

/* 3. 통이미지 배경 적용 (절대경로) */
#mainContent div.login #loginForm #id {
    background: #fff url(/lmsdata/img/ko/template1/login_id.png) left center no-repeat;
}
#mainContent div.login #loginForm #pw {
    background: #fff url(/lmsdata/img/ko/template1/login_pw.png) left center no-repeat;
}

/* 4. 로그인 버튼 고정 너비(203px) 해제하고 100% 꽉 채우기 */
#mainContent div.login #loginForm .loginBtn {
    display: block;
    float: none;
    text-align: center;
    width: 100%;
    padding: 9px 0 10px 0; /* 버튼 높이감 최적화 */
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    border-radius: 2px;
    background: #e82c48;
    border: 1px solid #c11831;
    box-sizing: border-box;
}

/* 5. form 내부 불필요한 p태그 여백 리셋 */
#mainContent div.login fieldset > p {
    margin: 0;
    float: none;
}
.mLeft_ban .my_class_list .list_wrap.login_req {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110px; /* 기존 목록 영역 높이 유지 */
    overflow: hidden; 
}

.mLeft_ban .my_class_list .list_wrap.login_req p {
    color: rgba(255, 255, 255, 0.8); /* 너무 쨍하지 않게 살짝 투명도 준 흰색 */
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

/* 1. fieldset에 하드코딩된 하단 라인 날리기 */
#mainContent div.login fieldset {
    border-bottom: none !important; 
}

/* 2. 버튼 감싸는 박스를 100%로 늘리고 텍스트 중앙 정렬 */
#mainContent div.login .mem_btn {
    position: absolute;
    top: 145px; /* 기존 세로 위치는 유지 */
    left: 0;
    width: 100%;
    text-align: center; 
}

/* 3. 버튼 자체의 float 속성 풀고 가로로 나란히 중앙에 배치 */
#mainContent div.login #loginForm .logoutBtn {
    float: none; 
    display: inline-block;
    margin: 0 2px; /* 버튼 사이 간격 살짝 띄우기 */
}

/* 상단 GNB 메뉴 좌측 여백 수정 (우측 콘텐츠 라인과 칼정렬) */
.gnbList {
    padding-left: 300px !important; /* 기존 280px에서 좌측메뉴+여백 합친 300px로 변경 */
}

/* 상단 헤더 로그인 후 영역 겹침 해결 및 여백 최적화 (Flexbox 적용) */

/* 1. 로그인 영역 전체를 가로로 깔끔하게 정렬 */
#header div.topCover div.login {
    display: flex;
    align-items: center;
}

/* 2. 폼 내부 요소(사진, 이름, 쪽지, 로그아웃)를 Flexbox로 묶고 간격(gap) 주기 */
#header div.topCover div.login #loginForm fieldset {
    display: flex;
    align-items: center;
    gap: 12px; /* 각 요소들 사이에 12px씩 알맞게 여유 공간 확보 */
    margin: 0;
    padding: 0;
}

/* 3. 기존에 걸려있던 옛날 방식의 float 속성들 싹 다 초기화해서 꼬임 방지 */
#header div.topCover div.login p,
#header div.topCover div.login ul.message,
#header div.topCover div.login ul.member,
#header div.topCover div.login ul.message li,
#header div.topCover div.login ul.member li {
    float: none !important;
    margin: 0 !important; 
}

/* 4. 겹침의 핵심 원인! 절대 위치(absolute) 풀고 자연스럽게 우측에 배치 */
#header div.topCover div.login .class_sbox {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 15px !important; /* 로그아웃 버튼과 셀렉트 박스 사이 간격 */
}