@charset "utf-8";
/* CSS Document */

#Cover {width:100%; position:relative; background:#f1f1f1;}

.cbp-spmenu {background:#f1f1f1; position:fixed;}
.cbp-spmenu h2 {color:#afdefa; font-size:1.9em; padding:20px; margin:0; background:#0d77b6;}
.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:1111;}

/* 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:155px; left:240px; width:100px; height:100px; font-size:14px; font-weight:500; color:#fff; border:none; background:#ff9900;}
#showLeft span {display:inline-block;}
#showRightPush {display:none;}

#todayList {position:relative; clear:both; width:calc(100% - 20px); padding:60px 10px; background:#fff;}
#todayList a.bx-prev {position:absolute; top:20px; left:10px; width:calc(100% - 20px); padding:8px 0; font-size:14px; color:#fff; text-align:center; background:#5A738E; z-index:1;}
#todayList a.bx-next {position:absolute; bottom:20px; left:10px; width:calc(100% - 20px); padding:8px 0; font-size:14px; color:#fff; text-align:center; background:#5A738E; z-index:1;}
#todayList ul.bxslider {margin-bottom:40px; overflow:hidden;}
#todayList ul.bxslider span.dateBar {display:inline-block; float:left; width:5px; height:64px; margin-right:5px; padding:5px 0;}
#todayList ul.bxslider ul.listNum {margin-left:10px; padding:5px 0; overflow:hidden; border-bottom:1px solid #d7d7d7;}
#todayList ul.bxslider ul.listNum li {height:20px; line-height:20px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#todayList ul.bxslider ul.listNum li h3 {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#todayList ul.bxslider ul.listNum li span {padding-right:5px;}
#todayList ul.bxslider ul.listNum li a {vertical-align:top;}

/* 상단 헤더부분 CSS */
#header {position:absolute; width:100%; box-shadow:#666 0 0 10px; background:#fff; z-index:1100;}
#header .h_top {background:#008b9c;}
#header .h_top ul {width:1200px; margin:0 auto; text-align:right;}
#header .h_top ul li {display:inline-block; padding:10px 5px;}
#header .h_top ul li a {color:#badce0;}
#header .h_top ul li a:hover {color:#fff;}
#header .h_top ul li:first-child a:before {display:none;}
#header .h_top ul li a:before {content:""; display:inline-block; vertical-align: middle; width:1px; height:11px; margin:0 15px 0 0; background:#6dadbc;}

#header div.topCover {position:relative; width:1200px; margin:0 auto; padding:15px 0;}
#header div.topCover h1 {display:inline-block; width:210px; vertical-align:middle;}
#header div.topCover h1 img {width:100%;}
#header div.topCover div.util {position:absolute; top:0; right:0; color:#fefefe;}
#header div.topCover div.util ul.menu {float:left; padding:0 0px 0 8px; overflow:hidden;}
#header div.topCover div.util ul.menu li {float:left; text-align:center; width:87px; padding:5px 0 8px 0; border-left:1px solid #d8dada; overflow:hidden;}
#header div.topCover div.util ul.menu li.end {border-right:1px solid #d8dada;}
#header div.topCover div.util ul li a {color:#fefefe;}
#header div.topCover div.util ul.menu li a {display:block;}

#header #gnb {float:right; width:940px; height:37px; overflow:hidden;}
#header #gnb .gnbList {position:relative; margin:0 auto; overflow:hidden;}
#header #gnb .gnbList:after {clear:both; display:block; content:''; *zoom:1;}
#header #gnb .gnbList > li {float:left; text-align:center;}
#header #gnb .gnbList > li:hover a {padding-bottom:0px; cursor:pointer;}
#header #gnb .gnbList > li:hover .twoDep {margin:0;}
#header #gnb .gnbList li > a {position:relative; display:block; font-size:16px; font-weight:500; color:#333; overflow:hidden;}
#header #gnb .gnbList li a span {display:block; width:100%; padding:8px 0;}
#header #gnb .gnbList .twoDep {padding-top:16px; display:block;}
#header #gnb .gnbList .twoDep ul {height:400px; padding:10px 0 0 20px; border-left:1px solid #e1e1e1;}
#header #gnb .gnbList .twoDep ul.first {border-left:none;}
#header #gnb .gnbList .twoDep ul li {margin-bottom:12px;}
#header #gnb .gnbList .twoDep ul li a {height:auto; font-size:13px; color:#666; text-align:left; padding:0; white-space:nowrap;}
#header #gnb .gnbList .twoDep ul li a:hover {color:#333; text-decoration:underline;}

#container {width:1140px; margin:0 auto; padding:104px 30px 30px 30px; background:#fff;}
#container:after {content:''; display:block; height:0; clear:both;}
/* 왼쪽 Aside 영역 */
#aside {float:left; width:240px; padding:25px 25px 0 0; height:100%;}
#aside h2 {padding:25px 0; font-size:28px; font-weight:500; text-align:center; color:#fff; background:#008b9c;}
#aside ul.navList {padding:0 10px; border:4px solid #008b9c;}
#aside ul.navList > li {position:relative; text-align:left; border-top:1px solid #ccc;}
#aside ul.navList > li > a {display:block; font-size:15px; line-height:48px; font-weight:500; color:#008b9c; background:url(/lmsdata/img/template1/lnb_down.png) right 50% no-repeat; background-size:12px;}
/*  #aside ul.navList > li > a > span.sub {padding-left:14px; background:url(/lmsdata/img/template1/inner_arrow.png) left 50% no-repeat;} */
#aside ul.navList > li:first-child {border-top:none;}
#aside ul.navList > li.on > a {color:#005b66; background:url(/lmsdata/img/template1/lnb_up.png) right 50% no-repeat; background-size:12px;}
#aside ul.navList > li.on .twoDep {display:block;}
#aside ul.navList > li.subNone > a {background:none;}
#aside ul.navList .twoDep {display:none;}
#aside ul.navList .twoDep ul {padding:5px 0; background:#f1f1f1;}
#aside ul.navList .twoDep ul li a {display:block; font-size:14px; line-height:32px; text-indent:10px; color:#666;}
#aside ul.navList .twoDep ul li span:before {margin-right:5px; font-family:FontAwesome; content:'\f105';}
#aside ul.navList .twoDep ul li a:hover {color:#333;}



/* 내용 컨텐츠 CSS */
#mainContent {width:100%; margin:0 auto;}
#mainContent div.conFirst {}
#mainContent div.conSecond {clear:both; padding-top:25px; overflow:hidden;}
#mainContent div.conThird {clear:both; margin-top:25px; overflow:hidden;}
#bodyContent {position:relative; float:left; width:850px; min-height:680px; padding:25px 0 50px 25px;}
/*#bodyContent h3.subTitle {font-size:32px; color:#333;}*/
#bodyContent .top_title {width:100%; height:95px; margin-bottom:10px;}
#bodyContent .top_title.bg1 {background:url(/lmsdata/img/template1/top_title_img01.jpg) no-repeat;}
#bodyContent .top_title.bg2 {background:url(/lmsdata/img/template1/top_title_img02.jpg) no-repeat;}
#bodyContent .top_title.bg3 {background:url(/lmsdata/img/template1/top_title_img03.jpg) no-repeat;}
#bodyContent .top_title.bg4 {background:url(/lmsdata/img/template1/top_title_img04.jpg) no-repeat;}
#bodyContent .top_title.bg5 {background:url(/lmsdata/img/template1/top_title_img05.jpg) no-repeat;}
#bodyContent .top_title.bg6 {background:url(/lmsdata/img/template1/top_title_img06.jpg) no-repeat;}
#bodyContent .top_title.bg7 {background:url(/lmsdata/img/template1/top_title_img07.jpg) no-repeat;}
#bodyContent .top_title.bg8 {background:url(/lmsdata/img/template1/top_title_img08.jpg) no-repeat;}
#bodyContent .top_title .txt_box {display:inline-block; width:420px; height:84px; padding:5px 15px; background:rgba(0,0,0,.2) url(/lmsdata/img/template1/line_bg.png) repeat;}
#bodyContent .top_title h3 {font-size:26px; font-weight:400; color:#fff;}
#bodyContent .top_title span {padding:4px 0; display:inline-block; font-size:13px; color:rgba(255,255,255,.6);}

#bodyContent .page_location {text-align:right;}
#bodyContent .page_location .home	{display:inline-block; width:13px; height:14px; margin-right:8px; vertical-align:middle; background:url(/lmsdata/img/template1/icon_home.gif) no-repeat 0 0; overflow:hidden; }
#bodyContent .page_location .home span {padding-left:20px;}
#bodyContent .page_location ol {display:inline-block; vertical-align:middle; margin:8px -5px 8px 0;}
#bodyContent .page_location ol li {display:inline-block; background:url(/lmsdata/img/template1/icon_location_arrow.gif) no-repeat 0 6px; padding:0 8px 0 13px;}
#bodyContent .page_location ol li a {font-size:13px;}
#bodyContent .page_location ol li.on {font-size:13px; font-weight:500; color:#333;}


/* 메인 롤링 이미지 */
#slider {float:left; position:relative; height:420px; margin-left:-30px; overflow:hidden;}
#slider div.main-roll {}
#slider div.main-roll ul.roll-list {position:absolute; top:0; left:0; width:100%; height:420px;}
#slider div.main-roll ul.roll-list li {width:100% !important; height:420px; text-indent:-5000px;}
/* #slider div.main-roll ul.roll-list li.section01 {background:url("/lmsdata/img/ko/template1/main_visual_txt05.png") no-repeat center 0; background-size:cover;} */
/*#slider div.main-roll ul.roll-list li.section01 {background:url("/lmsdata/img/ko/template1/main_visual_txt06.png") no-repeat center 0; background-size:cover;} */
#slider div.main-roll ul.roll-list li.section01 {background:url("/lmsdata/img/ko/template1/main_visual_txt07.png") no-repeat center 0; background-size:cover;}
#slider div.main-roll ul.roll-list li.section02 {background:url("/lmsdata/img/template1/main_visual01.jpg") no-repeat center 0; background-size:cover;}
#slider div.main-roll ul.roll-list li.section03 {background:url("/lmsdata/img/template1/main_visual02.jpg") no-repeat center 0; background-size:cover;}
#slider div.main-roll ul.roll-list li.section04 {background:url("/lmsdata/img/template1/main_visual03.jpg") no-repeat center 0; background-size:cover;}
#slider div.main-roll ul.roll-list li.section05 {background:url("/lmsdata/img/template1/main_visual04.jpg") no-repeat center 0; background-size:cover;}
#slider div.main-roll div.roll-coment {position:absolute; top:60px; right:0; width:390px; height:140px; background:rgba(0,0,0,.6); z-index:9;}
#slider div.main-roll div.roll-coment ul {position:relative;}
#slider div.main-roll div.roll-coment ul li {}
/*#slider div.main-roll div.roll-coment ul li .textBox {color:#fff;}
#slider div.main-roll div.roll-coment ul li .textBox span {font-size:14px; color:#ebebeb;}
#slider div.main-roll div.roll-coment ul li .textBox strong {display:block; margin-top:20px; color:#fff; font-size:21px; font-weight:500;}
#slider div.main-roll div.roll-coment ul li .textBox p {margin-top:10px; color:#e8c390; font-size:28px; font-weight:500;}
#slider div.main-roll div.roll-coment ul li .textBox p span {display:block; color:#e8c390;}
#slider div.main-roll div.roll-coment ul li .textBox a.btn-more {display:inline-block; margin-top:20px; padding:8px 16px; color:#fff; border:1px solid #fff;}*/
#slider div.main-roll div.roll-coment ul.main-rollnum {position:absolute; bottom:20px; right:20px; overflow:hidden; z-index:90;}
#slider div.main-roll div.roll-coment ul.main-rollnum .circle {float:left; width:100px;}
#slider div.main-roll div.roll-coment ul.main-rollnum .circle a {float:left; width:18px; height:18px; margin-right:5px; text-indent:-5000px; background:url("/lmsdata/img/template_common/btn_off.png") no-repeat 0 0; *display:inline; zoom:1;}
#slider div.main-roll div.roll-coment ul.main-rollnum .circle a.activeSlide,
#slider div.main-roll div.roll-coment ul.main-rollnum .circle a:hover {background:url("/lmsdata/img/template_common/btn_on.png") no-repeat 0 0;}
#slider div.main-roll div.roll-coment ul.main-rollnum .stop {float:left; width:13px; height:17px; margin-left:4px; text-indent:-5000px; background:url("/lmsdata/img/template_common/btn_stop_off.png") no-repeat 0 1px; *display:inline; zoom:1;}
#slider div.main-roll div.roll-coment ul.main-rollnum .stop:hover {background:url("/lmsdata/img/template_common/btn_stop_on.png") no-repeat 0 1px;}
#slider div.main-roll div.roll-coment ul.main-rollnum .play {float:left; width:13px; height:17px; margin-left:4px; text-indent:-5000px; background:url("/lmsdata/img/template_common/btn_play_on.png") no-repeat 0 1px; *display:inline; zoom:1;}
#slider div.main-roll div.roll-coment ul.main-rollnum .play:hover {background:url("/lmsdata/img/template_common/btn_play_on.png") no-repeat 0 1px;}

.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;}

.login {float:right;}
.login h2 {margin-top:20px; padding-bottom:10px; font-size:16px; font-weight:500; color:#1a1a1a;}
.login p {display:inline-block; margin-right:5px; line-height:18px; font-weight:normal; color:#696f76; vertical-align:middle;}
.login p.photo {width:44px; height:44px; margin-right:10px;}
.login p.photo img {width:100%; height:100%; border:1px solid #d9d9d9;}
.login p span {color:#000; font-weight:500;}
.login ul.user_box {float:left; padding-bottom:10px;}
.login ul.user_box li {float:left; width:150px; margin-right:5px;}
.login #loginForm {width:380px; padding:20px; vertical-align:middle; background:#0e7bc0;}
.login #loginForm #id {width:100%; height:28px; line-height:28px; padding-left:35px; border:none; background:url(/lmsdata/img/template1/login_id.png) no-repeat;}
.login #loginForm #pw {width:100%; height:28px; line-height:28px; padding-left:35px; border:none; background:url(/lmsdata/img/template1/login_pw.png) no-repeat;}
.login #loginForm .loginBtn {display:block; text-align:center; color:#fff; padding:5px 14px; border-radius:2px; background:#ff9900;}

.login ul.member {display:inline-block; vertical-align:middle;}
.login ul.member li {display:inline-block; padding:0 5px; border-radius:2px; color:#f9feff;}
.login ul.member li a {display:block; color:#f9feff;}
.login ul.member li.find {background:url(/lmsdata/img/template1/icon_arrow_2.png) no-repeat right 10px; }
.login ul.member li.find a {color:#696f76;}
.login ul.member li.find a:hover {text-decoration:underline;}
.login ul.message {display:inline-block; line-height:22px; vertical-align:middle; overflow:hidden;}
.login ul.message li {float:left; padding:0 8px; text-align:center;}
.login ul.message li a {display:block; color:#222;}
.login ul.message li span {display:inline-block; width:16px !important; height:16px !important; line-height:18px !important;}
.login div.class_sbox {margin-top:10px; text-align:left; color:#666 !important; line-height:30px; vertical-align:middle;}
.login div.class_sbox .chosen-container {width:100% !important;}
.login div.class_sbox a {color:#666 !important;}

/* 메인 최근게시물 */
/*.boardList {float:right; width:420px;}
.boardList h2 {position:relative; margin-top:20px; padding-bottom:10px; font-size:16px; font-weight:500; color:#1a1a1a; border-bottom:1px solid #d6d6d6;}
.boardList h2 .more {position:absolute; top:4px; right:0; color:#949494; z-index:auto;}
.boardList ul.board-latest {overflow:hidden;}
.boardList ul.board-latest li {line-height:28px;}
.boardList ul.board-latest li span.boardTxt {display:inline-block; width:76%; overflow:hidden; text-indent:8px; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; background:url(/lmsdata/img/template1/icon_dot.gif) left 50% no-repeat;}
.boardList ul.board-latest li span.boardDate {display:inline-block; width:24%; font-size:12px; color:#acacac; text-align:right; vertical-align:middle;}*/

#mainContent div.boardList {float:right; width:420px; margin-top:20px; position:relative; overflow:hidden;}
#mainContent div.boardList h2 {padding-bottom:10px; font-size:16px; font-weight:500; color:#1a1a1a;}
#mainContent div.boardList ul.boardTab {height:31px; line-height:30px; border-bottom:1px solid #d6d6d6;}
#mainContent div.boardList ul.boardTab li {display:inline; float:left; width:97px; margin-top:0px; margin-right:3px; 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 #0e7bc0; height:30px; line-height:30px; background:#008b9c;} 
#mainContent div.boardList ul.boardTab li.select a {color:#fff;}
#mainContent div.boardList p.more {position:absolute; top:42px; right:0; font-size:16px; z-index:auto;}
#mainContent div.boardList p.more a {color:#949494;}
#mainContent div.boardList div.listContent {width:100%; min-height:170px;}
#mainContent div.boardList div.listContent ul li {position:relative; line-height:32px; vertical-align:top; overflow:hidden; border-bottom:1px solid #eaeaea;}
#mainContent div.boardList div.listContent ul li span.boardTxt {display:inline-block; width:76%; overflow:hidden; text-indent:8px; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; background:url(/lmsdata/img/template1/icon_dot.gif) left 50% no-repeat;}
#mainContent div.boardList div.listContent ul li span.boardDate {display:inline-block; width:24%; font-size:12px; color:#acacac; text-align:right; vertical-align:middle;}
#mainContent div.boardList div.listContent .tab_content1,
#mainContent div.boardList div.listContent .tab_content2,
#mainContent div.boardList div.listContent .tab_content3 {display:none;}



section {float:left; overflow:hidden;}
/* 메인 교수지원 */
#mainContent .profBan {width:690px; border:1px solid #beb46e; box-sizing:border-box; background:#eeebd9; overflow:hidden;}
#mainContent .profBan h2  {float:left; width:115px; height:70px; padding-top:35px; font-size:16px; font-weight:500; text-align:center; color:#fff; background:#beb46e;}
#mainContent .profBan h2 span {display:block; font-size:12px; font-weight:normal; color:#eeebd9;}
#mainContent .profBan ul {float:left; width:calc(100% - 115px);}
#mainContent .profBan ul li {float:left; width:16.6%; text-align:center;}
#mainContent .profBan ul li:last-child {margin-right:0;}
#mainContent .profBan ul li a {display:block; padding-top:70px; color:#8e833a; letter-spacing:-1px;}
#mainContent .profBan ul li a:hover {color:#333;}
#mainContent .profBan ul li a.prof01 {background:url(/lmsdata/img/template1/prof_banner_img01.png) no-repeat; background-position:center 10px;}
#mainContent .profBan ul li a.prof02 {background:url(/lmsdata/img/template1/prof_banner_img02.png) no-repeat; background-position:center 10px;}
#mainContent .profBan ul li a.prof03 {background:url(/lmsdata/img/template1/prof_banner_img03.png) no-repeat; background-position:center 10px;}
#mainContent .profBan ul li a.prof04 {background:url(/lmsdata/img/template1/prof_banner_img04.png) no-repeat; background-position:center 10px;}
#mainContent .profBan ul li a.prof05 {background:url(/lmsdata/img/template1/prof_banner_img05.png) no-repeat; background-position:center 10px;}
#mainContent .profBan ul li a.prof06 {background:url(/lmsdata/img/template1/prof_banner_img06.png) no-repeat; background-position:center 10px;}

/* 메인 학생지원 */
#mainContent .stuBan {width:690px; margin-top:10px; border:1px solid #6dadbc; box-sizing:border-box; background:#d6e4e7; overflow:hidden;}
#mainContent .stuBan h2  {float:left; width:115px; height:70px; padding-top:35px; font-size:16px; font-weight:500; text-align:center; color:#fff; background:#6dadbc;}
#mainContent .stuBan h2 span {display:block; font-size:12px; font-weight:normal; color:#d6e4e7;}
#mainContent .stuBan ul {float:left; width:calc(100% - 115px);}
#mainContent .stuBan ul li {float:left; width:16.6%; text-align:center;}
#mainContent .stuBan ul li:last-child {margin-right:0;}
#mainContent .stuBan ul li a {display:block; padding-top:65px; color:#2d6f7f; line-height:16px; letter-spacing:-1px;}
#mainContent .stuBan ul li a:hover {color:#333;}
#mainContent .stuBan ul li a.stu01 {background:url(/lmsdata/img/template1/stu_banner_img01.png) no-repeat; background-position:center 5px;}
#mainContent .stuBan ul li a.stu02 {background:url(/lmsdata/img/template1/stu_banner_img02.png) no-repeat; background-position:center 5px;}
#mainContent .stuBan ul li a.stu03 {background:url(/lmsdata/img/template1/stu_banner_img03.png) no-repeat; background-position:center 5px;}
#mainContent .stuBan ul li a.stu04 {background:url(/lmsdata/img/template1/stu_banner_img04.png) no-repeat; background-position:center 5px;}
#mainContent .stuBan ul li a.stu05 {background:url(/lmsdata/img/template1/stu_banner_img05.png) no-repeat; background-position:center 5px;}
#mainContent .stuBan ul li a.stu06 {background:url(/lmsdata/img/template1/stu_banner_img07.png) no-repeat; background-position:center 5px;}

.photoList {float:right; width:420px;}
.photoList h2 {position:relative; padding-bottom:10px; font-size:16px; font-weight:500; color:#1a1a1a;}
.photoList h2 .more {position:absolute; top:4px; right:0; color:#949494; z-index:auto;}
.photoList ul.board-latest {padding:10px; border:1px solid #d6d6d6; overflow:hidden;}
.photoList ul.board-latest li {float:left; width:calc(50% - 20px); padding:10px;}
.photoList ul.board-latest li .thumb {width:100%; height:120px;}
.photoList ul.board-latest li span.boardTxt {display:block; width:100%; margin-top:10px; font-weight:500; text-align:center; text-indent:8px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

ul.cont_unit {float:left; width:690px;}
ul.cont_unit li {float: left; width:48%; margin-left:4%;}
ul.cont_unit li:first-child {margin-left: 0;}
ul.cont_unit li img {width: 100%; vertical-align:middle;}

ul.imgBan {float:left; width:200px; margin-left:30px;}
ul.imgBan li {margin-bottom:5px; border:1px solid #d6d6d6; box-sizing:border-box;}
ul.imgBan li img {width:100%;}
ul.goBan {float:right; width:200px; border:1px solid #d6d6d6; box-sizing:border-box; overflow:hidden;}
ul.goBan li {padding:10px; background:url(/lmsdata/img/template1/goban_info.gif) right bottom no-repeat; background-size:40%;}
ul.goBan li:first-child {text-align:center; border-bottom:1px solid #d6d6d6; box-sizing:border-box; background:#1c419c; background-size:40%;}
ul.goBan li a {display:block; height:55px;}
ul.goBan li a:hover {color:#666;}
ul.goBan li h2 {font-size:16px; font-weight:500; color:#333;}
ul.goBan li span {display:block; line-height:21px;}
ul.goBan li strong {color:#2369ac;}

/* 하단 내용 컨텐츠 CSS */
#footer {background:#fff; padding-bottom:20px;}
#footer .footer-box {position:relative; width:1200px; margin:0 auto;}
#footer .footer-box p.fb {position:absolute; top:10px; right:10px;}
#footer .foot-link {border-top:1px solid #d6d6d6; border-bottom:2px solid #4f4f4f;}
#footer .foot-link dl {width:1200px; margin:0 auto; padding:10px 0;}
#footer .foot-link dl dt {display:inline-block; margin-right:40px; font-size:14px; font-weight:500;}
#footer .foot-link dl dd {display:inline-block; padding:5px; color:#828282;}
#footer .foot-link dl dd a {font-size:13px; font-weight:500; color:#666;}
#footer .foot-link dl dd a:hover {color:#333;}
#footer .foot-link dl dd.first a:before {display:none;}
#footer .foot-link dl dd a:before {content:""; display:inline-block; vertical-align: middle; width:1px; height:13px; margin:0 15px 0 0; background:#97a6b7;}
#footer .inner-wrap {position:relative; width:1200px; margin:0 auto;}
#footer .inner-wrap:after {display:block; clear:both; content:''}
#footer .inner-wrap ul.sub-util {}
#footer .inner-wrap ul.sub-util li {display:inline-block; padding:10px; font-size:12px; color:#cad2db;}
#footer .inner-wrap ul.sub-util li a {color:#cad2db;}
#footer .inner-wrap ul.sub-util li a:hover {color:#f1f1f1;}
#footer .inner-wrap ul.sub-util li:first-child a:before {display:none;}
#footer .inner-wrap ul.sub-util li a:before {content:""; display:inline-block; vertical-align: middle; width:1px; height:11px; margin:0 20px 0 0; background:#97a6b7;}
#footer .inner-wrap .logo-b {clear:both; float:left; width:183px; height:38px; margin-top:20px; text-indent:-9999px; background:url(/lmsdata/img/template1/logo_b.png); background-size:cover;}
#footer .inner-wrap ul.copy {float:left; margin:16px 0 0 40px;}
#footer .inner-wrap ul.copy li {padding:2px 0; font-size:12px; color:#999;}
#footer .inner-wrap ul.copy li address {font-style:normal;}

/* 동영상 매뉴얼 추가 */
.manualList {overflow:hidden; }
.manualList li {float: left; width: calc(33.33% - 4em); margin: 2em;}
.manualList li:nth-child(3n+1) {clear: both;}
.manualList li dl dt {padding: 1em; font-size: 1.125em; text-align: center; color: #fff; border-radius: 5em; background: #008b9c;}
.manualList li dl dd a {display: block; color:#333; padding: .75em 2em; border-bottom:1px #ddd solid; background: url(/lmsdata/img/portfolio/bullet_depth.gif) 1em 50% no-repeat;}