@charset "utf-8";
/* CSS Document */
#Cover { width: 100%; position: relative; background: #f1f1f1 url(../template1/body_bg.gif) repeat-x 0 0 !important; }
.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 { 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; background: #f1f1f1; }
#showLeft { position: absolute; top: 150px; left: 240px; width: 100px; height: 80px; font-size: 14px; font-weight: 500; color: #fff; border: none; background: #166fd5; }
#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; 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 div.class_sbox { display: inline-block; width: 194px; height: 30px; color: #666 !important; margin-left: 10px; line-height: 30px; vertical-align: middle; }
#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; display: flex; justify-content: flex-end; } 
#header div.topCover h1 { display: inline-block; width: 258px; vertical-align: middle; }
#header div.topCover h1 img { width: 100%; }
/* 상단 헤더부분 OLD CSS */
#header { width: 1200px; height: 95px; margin: 0 auto; }
#header h1 { position: absolute; top: 38px; left: 30px; text-align: center; z-index: 1100; }
#header div.util { display: block; }
#header div.util ul.menu { display: flex; align-items: center; }
#header div.util ul.menu li { text-align: center; padding: 4px 10px 0px 10px; background: url(../template1/line_01.gif) no-repeat right 9px; }
#header div.util ul.menu li:last-child { background: none; }
#header div.util ul.menu li.language a { color: #9f8c37; }
#header div.util ul.menu li a { display: block; color: #fff; }
#header div.util ul.menu li a:hover { color: #fff; }
/* GNB */
.gnbArea { position: absolute; top: 32px; left: 0; width: 100%; border-bottom: 1px solid #bebebe; border: none; background: none; z-index: 1000; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
#gnb { width: 1200px; margin: 0 auto; overflow: hidden; }
#gnb .twoDep { display: none; }
.gnbList { position: relative; overflow: hidden; padding-left: 370px; background: #fff; display: flex; justify-content: space-between; }
.gnbList { background: none; }
.gnbList:after { clear: both; display: block; content: ''; zoom: 1; }
.gnbList>li { font-size: 16px; text-align: center; flex: 1 1 auto; }
.gnbList>li:hover a { cursor: pointer; }
.gnbList>li:hover .twoDep { border-top: 1px solid #ff9800 !important; }
.gnbList li>a { position: relative; display: block; line-height: 38px; padding-top: 10px; font-size: 14px; font-weight: 500; letter-spacing: -0.5px; color: #3e3e3e; overflow: hidden; white-space: nowrap; }
.gnbList li a span { position: absolute; top: 22px; left: 0; display: block; width: 100%; height: 15px; border-left: 1px solid #d4d4d4; zoom: 1; }
.gnbList li a span.first { border-left: none; }
#gnb.action .twoDep { display: block; border-top: 1px solid #2e71be; background: #fff; }
.gnbList .twoDep { background: #fff; height: 310px; margin-top: 16px; }
.gnbList .twoDep ul { height: 305px; padding: 10px 0 0 10px; border-left: 1px solid #d4d4d4; box-sizing: border-box; }
.gnbList .twoDep li { margin-bottom: 7px; }
.gnbList .twoDep li a { font-size: 14px; line-height: 21px; text-align: left; padding: 0; white-space: normal; word-break: keep-all; display: block; }
.gnbList .twoDep li a:hover { color: #0b9ae7; text-decoration: underline; }
.gnbList .twoDep li.on a { color: #0b9ae7; text-decoration: underline; }
.gnbList .navGuide { position: absolute; top: 62px; left: 0; width: 370px; height: 310px; background: #586ab4 url(../template1/gnb_sprite.gif) no-repeat 0 0; }
#container { width: 1200px; margin: 0 auto; padding-top: 0px; background: #fff; }
#container:after { content: ''; display: block; height: 0; clear: both; }
/* 왼쪽 Aside 영역 */
#aside { float: left; width: 215px; padding: 25px 25px 0 25px; height: 100%; }
#aside .lm-tit { height: 90px; text-align: center; background: #2d71c4; }
#aside .lm-tit h2 { padding-top: 25px; font-size: 24px; font-weight: 500; line-height: 38px; color: #fff; }
#aside .lm-tit span.txt { display: block; font-size: 13px; color: rgba(225, 225, 225, 0.75); }
#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(../template1/lnb_over_arrow.gif) left center no-repeat; background-size: 30px; }
#aside ul.lnb li.over a { text-indent: 40px; color: #236ad0; }
/* 내용 컨텐츠 CSS */
#mainContent { width: 1200px; margin: 0 auto; background: #fff; }
#mainContent div.conFirst { padding-top: 0px; }
#mainContent div.conFirst:after { content: ''; display: block; height: 0; clear: both; }
#mainContent div.conFirst .conFirst_Rt { float: left; margin-left: 26px; }
#mainContent div.conSecond { clear: both; padding: 25px 0 25px 25px; overflow: hidden; }
#mainContent div.conThird { clear: both; margin-top: -1px; padding-bottom: 30px; overflow: hidden; }
#bodyContent { position: relative; float: left; width: 935px; min-height: 680px; padding: 25px 20px 50px 20px; border-left: 1px solid #d7d7d7; box-sizing: border-box; background: #fff; }
#bodyContent .location ul { overflow: hidden; }
#bodyContent .location ul li { float: left; background: url(../template1/icon_arrow_2.png) right 8px no-repeat; }
#bodyContent .location ul li:first-child { min-width: 28px; height: 21px; border-right: none; background: #bababa url(../template1/icon_home.gif) 50% 3px no-repeat; }
#bodyContent .location ul li:last-child { background: none; }
#bodyContent .location ul li a { display: block; padding: 0 14px 0 10px; line-height: 21px; font-size: 13px; color: #666; letter-spacing: -0.58px; }
/* 메인 롤링 이미지 */
div.mainVisual { position: relative; width: 104%; margin-left: -2%; display: none; }
div.mainVisual p, div.slider h2 { position: absolute; top: 10%; right: 5%; z-index: 50; }
#slider { float: left; position: relative; height: 442px; overflow: hidden; }
#slider div.main-roll { width: 715px; margin: 0 auto; }
#slider div.main-roll ul.roll-list { position: absolute; top: 0; left: 0; width: 100%; height: 442px; }
#slider div.main-roll ul.roll-list li { width: 100% !important; height: 442px; text-indent: -5000px; }
#slider div.main-roll ul.roll-list li.section01 { background: #3277b2 url("../template1/main_visual01.jpg") no-repeat left top; background-size: cover; }
#slider div.main-roll ul.roll-list li.section02 { background: #4994d6 url("../template1/main_visual02.jpg") no-repeat left top; background-size: cover; }
#slider div.main-roll ul.roll-list li.section03 { background: #4b6984 url("../template1/main_visual03.jpg") no-repeat left top; background-size: cover; }
#slider div.main-roll div.roll-coment { position: absolute; left: 0; top: 64px; width: 360px; height: 250px; z-index: 9; }
#slider div.main-roll div.roll-coment ul { position: relative; }
#slider div.main-roll div.roll-coment ul li { padding: 23px 20px 20px 20px; text-align: center; }
#slider div.main-roll div.roll-coment ul li .textBox { color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
#slider div.main-roll div.roll-coment ul li .textBox strong span { display: block; }
#slider div.main-roll div.roll-coment ul li .textBox strong { display: block; margin-top: 4px; color: #00fcff; font-size: 28px; font-weight: 500; letter-spacing: -1px; }
#slider div.main-roll div.roll-coment ul li .textBox p { margin-top: 20px; color: #fff; font-size: 23px; font-weight: 500; letter-spacing: -1px; }
#slider div.main-roll div.roll-coment ul li .textBox p span { color: #ffcb3f; }
#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: 0px; right: 115px; overflow: hidden; z-index: 90; }
#slider div.main-roll div.roll-coment ul.main-rollnum .circle { float: left; width: 70px; }
#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("../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("../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("../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("../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("../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("../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(../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(../template1/bullets.png) no-repeat; }
.sliderBullets .active { background-position: 0 -7px; }
.sliderContent a { outline: none; }
/* 메인 학사일정 */
.m_schedule { float: left; position: relative; width: 691px; height: 420px; margin: 22px 0 0 24px; padding: 15px; overflow: hidden; border: 5px solid #4475cb; box-sizing: border-box; }
.m_schedule h2 { font-size: 20px; font-weight: 600; letter-spacing: -0.85px; margin-bottom: 8px; color: #1a1a1a; text-align: center; }
.m_schedule h2 img { position: relative; top: 4px; margin: 0 5px; }
/* 메인 로그인 */
#loginForm { display: inline-block; vertical-align: middle; }
#mainContent div.login { position: relative; margin-top: 24px; margin-bottom: 24px; z-index: 1; }
#mainContent div.login fieldset { width: 435px; min-height: 90px; padding: 18px 22px 10px 22px; background: #20417a; overflow: hidden; box-sizing: border-box; }
#mainContent div.login h2 { font-size: 20px; font-weight: 600; letter-spacing: -0.85px; margin-bottom: 6px; color: #1a1a1a; }
#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: 53px; right: 20px; }
#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: 43px; height: 43px; margin: 2px 10px 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; height: 35px; }
#mainContent div.login ul.user_box li { float: left; width: 154px; margin-right: 5px; }
#mainContent div.login #loginForm #id { width: 100%; height: 28px; line-height: 28px; padding-left: 35px; border: none; background: url(../template1/login_id.png) no-repeat; }
#mainContent div.login #loginForm #pw { width: 100%; height: 28px; line-height: 28px; padding-left: 35px; border: none; background: url(../template1/login_pw.png) no-repeat; }
#mainContent div.login #loginForm .loginBtn { display: block; text-align: center; font-weight: 500; color: #fff; padding: 5px 16px 5px 16px; border-radius: 2px; background: #1976d2; }
#mainContent div.login #loginForm .logoutBtn { position: absolute; top: 78px; right: 18px; display: block; text-align: center; font-weight: 500; color: #fff; padding: 2px 6px 4px 6px; border-radius: 2px; background: #284aa1; border: 1px solid #284aa1; }
#mainContent div.login #loginForm .smartBtn { position: absolute; top: 78px; right: 85px; display: block; text-align: center; font-weight: 500; color: #fff; padding: 2px 6px 4px 6px; border-radius: 2px; background: url(../template1/btn_bg_login2.gif) repeat-x left top; border: 1px solid #04759e; }
#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: #fff; }
#mainContent div.login ul.member li.save { background: url(../template1/line_02.gif) no-repeat right 10px; }
#mainContent div.login ul.member li.find { background: url(../template1/icon_arrow_2.png) no-repeat right 11px; }
#mainContent div.login ul.member li.find a { color: #fff; }
#mainContent div.login ul.member li.find a:hover { text-decoration: underline; }
#mainContent div.login .class_sbox { position: absolute; top: 80px; left: 76px; }
#mainContent div.login .class_sbox select { width: 100%; }
#mainContent div.login .class_sbox fieldset { width: 160px; height: 30px; padding: 0px; background: none; overflow: visible; }
#mainContent div.login .mem_info { float: left; color: #2c2c2c; font-weight: 500; font-size: 13px; }
#mainContent div.login .mem_info span.info { float: left; font-weight: 500; }
#mainContent div.login .mem_info .message { float: left; color: #2c2c2c; margin-left: 10px; }
#mainContent div.login .mem_info .message a { color: #2c2c2c; }
#mainContent div.login .mem_info .message .num { color: #fff; }
#mainContent div.login .help_tel { clear: both; width: 100%; padding-top: 10px; color: #333; }
#mainContent div.login .help_tel strong { font-weight: 500; color: #18539a; }
/* 메인 최근게시물 */
#mainContent div.boardList { float: left; width: 435px; position: relative; padding: 0; overflow: hidden; }
#mainContent div.boardList h2 { font-size: 20px; font-weight: 600; margin-bottom: 10px; letter-spacing: -0.85px; color: #1a1a1a; }
#mainContent div.boardList h2 em { font-style: normal; color: #c7005a; }
#mainContent div.boardList p { position: absolute; top: 2px; right: 0; }
#mainContent div.boardList p a.more-text-btn { display: flex; align-items: center; font-size: 13px; color: #666; font-weight: 400; text-decoration: none; letter-spacing: -0.5px; }
#mainContent div.boardList p a.more-text-btn i { font-size: 16px; margin-left: 2px; color: #888; }
#mainContent div.boardList div.listContent { width: 100%; height: 231px; padding: 9px 14px; border: 1px solid #ececec; box-sizing: border-box; }
#mainContent div.boardList div.listContent ul li { position: relative; line-height: 30px; font-size: 13px; letter-spacing: -0.58px; vertical-align: top; overflow: hidden; }
#mainContent div.boardList div.listContent ul li span { float: left; width: 70%; }
#mainContent div.boardList div.listContent ul li span.date { float: right; width: 30%; text-align: right; color: #666; }
#mainContent div.boardList div.listContent ul li span a { display: block; padding-left: 12px; color: #444; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../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: 21%; left: 70%; }
#mainContent div.boardList div.listContent2 { width: 100%; height: 165px; padding: 9px 14px; border: 1px solid #ececec; box-sizing: border-box; }
#mainContent div.boardList div.listContent2 ul li { position: relative; line-height: 28px; font-size: 13px; letter-spacing: -0.58px; vertical-align: top; overflow: hidden; }
#mainContent div.boardList div.listContent2 ul li span { float: left; width: 70%; }
#mainContent div.boardList div.listContent2 ul li span.date { float: right; width: 30%; text-align: right; color: #666; }
#mainContent div.boardList div.listContent2 ul li span a { display: block; padding-left: 12px; color: #444; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: url(../template1/icon_dot.gif) 2px 50% no-repeat; }
#mainContent div.boardList div.listContent2 ul li span a:hover { text-decoration: underline; }
#mainContent div.boardList div.listContent2 ul li .icon-new-color { position: absolute; top: 21%; left: 70%; }
/* 메인 하단영역 */
#mainContent .left_box { float: left; width: 345px; margin: 0px 25px 0 0px; }
#mainContent .center_box { float: left; width: 320px; margin: 0px 0 0 0px; }
#mainContent .right_box { float: right; width: 435px; margin: 0px 24px 0 0; }
/* 메인 나의강의실 List */
#mainContent div.ClassList { float: left; width: 100%; margin-top: 3px; }
#mainContent div.ClassList h2 { position: relative; padding: 9px 20px 8px 20px; font-size: 16px; font-weight: 500; color: #fff; background: #385065; }
#mainContent div.ClassList div.listContent { width: 100%; height: 240px; padding: 11px 6px 2px 18px; border: 1px solid #dcdcdc; background: #f7f7f7; box-sizing: border-box; }
#mainContent div.ClassList ul.board-latest { padding: 0 0px; overflow: hidden; }
#mainContent div.ClassList ul.board-latest li a { display: block; height: 28px; font-size: 13px; font-weight: 500; color: #236ad0; }
#mainContent div.ClassList ul.board-latest li span.boardTxt { display: inline-block; width: calc(100% - 84px); overflow: hidden; font-weight: 500; color: #236ad0; font-size: 14px; text-indent: 12px; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; background: url(../template1/icon_dot.gif) left center no-repeat; }
#mainContent div.ClassList ul.board-latest li span.prof { display: inline-block; width: 80px; color: #707070; font-size: 14px; font-weight: 400; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }
#mainContent div.ClassList ul.board-latest li a .boardBtn { position: relative; width: 22%; height: 29px; top: 6px; text-align: right; }
/* 메인 매뉴얼 */
#mainContent .left_box ul.feed_list { float: left; width: 100%; margin-top: 10px; }
#mainContent .left_box ul.feed_list li { position: relative; width: 50%; height: 75px; border-left: 1px solid #fff; float: left; font-size: 16px; background: #3295ea; box-sizing: border-box; }
#mainContent .left_box ul.feed_list li:first-child { border-left: none; background: #216bab; }
#mainContent .left_box ul.feed_list li a { display: block; width: 100%; height: 100%; padding: 22px 0 0 64px; color: #fff; box-sizing: border-box; }
#mainContent .left_box ul.feed_list li a.box01 { background: url(../template1/manual_img_stu.png) 14px center no-repeat; }
#mainContent .left_box ul.feed_list li a.box02 { background: url(../template1/manual_img_prof.png) 18px center no-repeat; }
#mainContent .left_box ul.feed_list li:hover { background: #2782d0; }
#mainContent .left_box ul.feed_list li:first-child:hover { background: #134e81; }
/* 메인 사이버강의실 */
#mainContent .cyberCampus { width: 100%; }
#mainContent .cyberCampus h2 { font-size: 20px; font-weight: 600; margin-bottom: 10px; letter-spacing: -0.85px; color: #1a1a1a; }
#mainContent .cyberCampus .imgBox { width: 100%; min-height: 100px; margin: 0 auto 0 auto; text-align: center; background: #0b0907 url(../template1/cybercampus_img_bg.jpg) center center no-repeat; }
#mainContent .cyberCampus .imgBox a { position: relative; display: flex; width: 100%; height: 100%; text-align: left; padding: 15px; color: #fff; font-size: 24px; font-weight: 400; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); box-sizing: border-box; flex-direction: column; }
#mainContent .cyberCampus .imgBox span { display: block; font-size: 16px; text-shadow: none; }
#mainContent .cyberCampus .imgBox span:last-child { margin-left: auto; margin-top: 10px; }
#mainContent .cyberCampus .imgBox .go { top: 50%; right: 15px; width: 85px; font-size: 12px; line-height: 23px; text-align: center; border: 1px solid #fff; background-color: rgba(0, 0, 0, 0.4); }
#mainContent .cyberCampus .imgBox .go:hover { background-color: rgba(0, 0, 0, 0.8); }
#mainContent .cyberCampus .suite { margin-top: 5px; background: #39a7fe; }
#mainContent .cyberCampus .suite a { position: relative; padding-left: 80px; background: url(../template1/suite_bg.png) 15px 50% no-repeat; background-size: 60px; }
#mainContent .cyberCampus .suite a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #ea4335; }
/* 메인 중앙배너 */
#mainContent ul.banner { float: left; width: 100%; margin-top: 25px; }
#mainContent ul.banner li { position: relative; width: calc(50% - 5px); height: 140px; float: left; font-size: 22px; text-align: center; background: #d27727; box-sizing: border-box; }
#mainContent ul.banner li:first-child { margin-right: 10px; background: #406d97; }
#mainContent ul.banner li a { display: block; width: 100%; height: 100%; padding-top: 25px; color: #fff; font-size: 22px; font-weight: 500; letter-spacing: -0.5px; box-sizing: border-box; }
#mainContent ul.banner li a span { font-size: 13px; display: block; width: 68%; margin: 10px auto 0 auto; line-height: 18px; color: rgba(225, 225, 225, 0.9); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
#mainContent ul.banner li a.box01 { background: #ef6c00; }
#mainContent ul.banner li a.box02 { background: #ff9800; }
/* 메인 우측배너 */
#mainContent .right_box ul.cont_unit { position: relative; float: left; width: 100%; margin-top: 25px; }
#mainContent .right_box ul.cont_unit li { float: left; width: 50%; height: 140px; vertical-align: middle; border: 1px solid #d3ced4; box-sizing: border-box; }
#mainContent .right_box ul.cont_unit li:first-child { margin-right: -1px; }
#mainContent .right_box ul.cont_unit a.faq { display: block; width: 100%; height: 100%; padding: 15px 0 0 20px; font-size: 16px; letter-spacing: -0.5px; font-weight: 600; color: #272727; box-sizing: border-box; background: url(../template1/banner_faq.jpg) no-repeat right bottom; }
#mainContent .right_box ul.cont_unit a.faq span { margin-top: 3px; line-height: 16px; font-size: 12px; font-weight: 400; display: block; color: #666; }
#mainContent .right_box ul.cont_unit li.info { padding: 10px 0 6px 20px; background: url(../template1/goban_info.gif) right bottom no-repeat; }
#mainContent .right_box ul.cont_unit li.info h2 { font-size: 16px; line-height: 32px; margin-bottom: 2px; font-weight: 600; color: #1a1a1a; }
#mainContent .right_box ul.cont_unit li.info span { display: block; font-weight: 500; font-size: 13px; margin-bottom: 2px; }
#mainContent .right_box ul.cont_unit li.info strong { font-weight: 500; color: #2369ac; }
#mainContent .right_box ul.cont_unit li.info i { display: block; padding-left: 35px; font-style: normal; }
/* 하단 내용 컨텐츠 CSS */
#footer { background: #fff; padding-bottom: 20px; }
#footer .foot-link { border-top: 1px solid #d6d6d6; border-bottom: 2px solid #4f4f4f; }
#footer .foot-link dl { width: 1200px; margin: 0 auto; padding: 6px 0 10px 0; }
#footer .foot-link dl dt { display: inline-block; margin: 0 20px 0 30px; font-size: 13px; font-weight: 500; color: #216bab; }
#footer .foot-link dl dt i { margin-left: 15px; }
#footer .foot-link dl dd { display: inline-block; margin-left: 20px; padding: 2px; }
#footer .foot-link dl dd a { display: block; font-size: 14px; line-height: 30px; font-weight: 500; color: #666; padding-right: 23px; background: url(../template1/line_02.gif) right 11px no-repeat; }
#footer .foot-link dl dd a:hover { color: #333; }
#footer .foot-link dl dd:last-child a { padding-right: 0; background: none; }
#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 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: 52px; margin-top: 20px; text-indent: -9999px; background: url(../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; }
#footer .inner-wrap .sns-box { position: absolute; top: 32px; right: 20px; }
/* 언어 선택 드롭다운 */
#header div.util ul.menu li.lang-select { position: relative; overflow: visible; padding: 2px 0 0 10px; }
#header div.util ul.menu li.lang-select>a.lang-btn { display: flex; align-items: center; color: #fff !important; font-size: 13px; font-weight: 500; line-height: 1.2; padding: 0; }
#header div.util ul.menu li.lang-select>a.lang-btn i { font-size: 16px; }
#header div.util ul.menu li.lang-select>a.lang-btn i.dropdown-arrow { font-size: 18px; margin-left: 2px; }
#header div.util ul.menu li.lang-select>a.lang-btn span { margin: 0 4px; }
.lang-dropdown { display: none; position: absolute; top: 25px; right: -10px; width: 140px; background: #fff; border: 1px solid #d4d4d4; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); z-index: 10000; border-radius: 4px; padding: 5px 0; }
.lang-dropdown ul { list-style: none; padding: 0; margin: 0; }
.lang-dropdown ul li { float: none !important; background: none !important; padding: 0 !important; text-align: left !important; }
.lang-dropdown ul li a { display: block !important; padding: 8px 15px !important; color: #444 !important; text-decoration: none; line-height: 1.3; }
.lang-dropdown ul li a:hover { background: #f4f6f9 !important; }
.lang-dropdown ul li a strong { display: block; font-size: 14px; font-weight: 400; margin-bottom: 2px; color: #333; }
.lang-dropdown ul li a span { display: block; font-size: 12px; color: #777; }
/* Material Symbols 세로 정렬 보정 */
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; vertical-align: middle; }