/*리뉴얼버젼 푸터 1024px*/ #footer .footer_inner{ width:1024px!important} .KG_familySite_v2{ width:1024px!important} body{ overflow-x:hidden!important; height:100%; font-family:/*'Noto Sans KR', */'Malgun Gothic', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*컨테이너 1024로 늘림 오픈시common.css 바꿔주기*/ #container{ width:1024px!important; } /*#container img {display:block;}*/ img {vertical-align:middle;} a {z-index:1;} .cntTitle{ font-weight:bold; font-size:16px; color:#444; letter-spacing:-1px; display:inline-block; vertical-align:middle} /*************************** 헤더 및 GNB ***************************/ #newHeader{ width:100%;} #newHeader *{box-sizing:border-box} #newHeader .topSection{ width:1024px; margin:0 auto; padding-top:13px; position:relative } #newHeader .topSection #utilBox{ width:100%; height:24px;} #newHeader .topSection #utilBox:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #newHeader .topSection #utilBox .topLink{ width:250px; float:left;height:24px;} #newHeader .topSection #utilBox .topLink ul li{ float:left; margin-right:3px; position:relative} /*#newHeader .topSection #utilBox .topLink ul li .new{background:url('/images/main/ico/ico_new.png') no-repeat 0 0; display:block; width:8px; height:8px; position:absolute; right:-1px; top:-3px; z-index:9;}*/ /*#newHeader .topSection #utilBox .topLink ul li{ float:left;background:url('/images/main/ico/ico_bar.gif') no-repeat right 3px; padding:0 3px;}*/ #newHeader .topSection #utilBox .topLink ul li a{ font-size:11px; color:#30323e; display:block; position:relative; } #newHeader .topSection #utilBox .topLink ul li *{ display:inline-block; vertical-align:middle} #newHeader .topSection #utilBox .topLink ul li.mobile{ margin-left:6px;} #newHeader .topSection #utilBox .topLink ul li.mobile img{ margin-right:5px;} #newHeader .topSection:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #newHeader .topSection #utilBox .utilMenu{ width:auto; float:right;height:24px;} #newHeader .topSection #utilBox .utilMenu ul li{ float:left;line-height:145%; margin-left:8px;} #newHeader .topSection #utilBox .utilMenu ul li.line{background:url('/images/main/ico/ico_bar.gif') no-repeat right 5px; padding-right:8px; } #newHeader .topSection #utilBox .utilMenu ul li a{ font-size:11px; color:#30323e;} #newHeader .topSection #utilBox .utilMenu ul li *{ display:inline-block; vertical-align:middle} #newHeader .topSection #utilBox .utilMenu ul li a strong{ line-height:190%;} #newHeader .topSection #utilBox .utilMenu .logBtn {line-height:100%;line-height:140%\9;} #newHeader .topSection #utilBox .utilMenu .logBtn .btn{ display:block; background:#444444; width:50px; height:21px; text-align:center; padding-top:2px;} #newHeader .topSection #utilBox .utilMenu .logBtn .btn a{ color:#fff!important; font-size:11px!important;} #newHeader .topSection #logoBox{ width:100%; text-align:center; position:relative; height:140px; padding-top:53px;} #newHeader .topSection #logoBox:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #newHeader .topSection #logoBox ul{ position:absolute; right:0; top:38px} #newHeader .topSection #logoBox ul li{ float:left; width:50px; text-align:center; margin-left:10px; line-height:105%!important;} #newHeader .topSection #logoBox ul li.last{ width:auto!important} #newHeader .topSection #logoBox ul li a { font-size:11px; color:#444;} #newHeader .topSection #logoBox ul li img{ display:block; margin:0 auto 5px auto;} #newHeader .newTopmenu{ width:100%; border-bottom:1px solid #000; height:40px;} #newHeader .newTopmenu .gnbs{ width:1024px; margin:0 auto; position:relative;} #newHeader .newTopmenu .gnbs .depLayer{ position:relative; width:22px; height:17px; float:left; top: 3px;} #newHeader .newTopmenu .gnbs .dep1.miraePass {text-align:left; padding-left:44px; } #newHeader .newTopmenu .gnbs .dep1.miraePass > a {position: relative;} #newHeader .newTopmenu .gnbs .dep1.miraePass .bubble {white-space: nowrap; z-index: 10; position: absolute; display: inline-block; color: #c91339; background-color: #fff; border-radius: 15px; position: absolute; top: -81%; border: 1px solid #c91339; text-align: center; padding: 0px 7px; font-weight: bold; font-size: 10px; margin-top: 0; height: 16px; line-height: 14px; left: 50%; transform: translateX(-50%); letter-spacing: .02em;} #newHeader .newTopmenu .gnbs .dep1.miraePass .bubble:after {content: ''; width: 8px; height: 8px; border-left: 1px solid transparent; border-bottom: 1px solid transparent; border-right: 1px solid #c91339; border-top: 1px solid #c91339; position: absolute; bottom: -5px; left: 50%; margin-left: -4px; background: #fff; display: inline-block; transform: rotate(135deg); z-index: -1; } #newHeader .newTopmenu .gnbs .dep1{ float:left; padding-left:104px; letter-spacing:-1px; text-align:center; } #newHeader .newTopmenu .gnbs .dep1 .gnbtitle{ font-size:17px!important; font-weight:bold; color:#000;line-height:100%} #newHeader .newTopmenu .gnbs .on .gnbtitle{ font-size:17px!important; font-weight:bold; color:#cb133a; text-decoration:none } #newHeader .newTopmenu .gnbs .dep1 .gnbtitle:hover{ font-size:17px!important; font-weight:bold; color:#cb133a; text-decoration:none } #newHeader .newTopmenu .gnbs .dep1 ul{ display:none; width:1920px; border-bottom:2px solid #000; position:absolute; left:50%; margin-left:-960px; top:40px; background:#fff; z-index:99999} #newHeader .newTopmenu .gnbs .dep1 ul li{ width:1024px; margin:0 auto; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; position:relative; } #newHeader .newTopmenu .gnbs .dep1 ul li:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #newHeader .newTopmenu .gnbs .dep1 ul li dl{width:195px; float:left; text-align:left; background:url('/images/main/ico/ico_bar_dot.gif') repeat-y right top; padding-left:50px;} #newHeader .newTopmenu .gnbs .dep1 ul li dl.gnb_img{padding:30px; background: none; text-align:Center;width: 100%;} #newHeader .newTopmenu .gnbs .dep1 ul li dl.offline{position:relative;} #newHeader .newTopmenu .gnbs .dep1 ul li dl.offline:before{content:''; position:absolute; width:1px; height:100%; background:#ddd; top:0px; left:-1px;} #newHeader .newTopmenu .gnbs .dep1 ul li dl dt{ padding:15px 0 0 0;} #newHeader .newTopmenu .gnbs .dep1 ul li dl.gnb_img dt:first-child{padding-top:0px;} #newHeader .newTopmenu .gnbs .dep1 ul li dl.gnb_img dt:nth-child(2){padding-top:15px;} #newHeader .newTopmenu .gnbs .dep1 ul li dl dt a{ font-size:16px; font-weight:bold; letter-spacing:-1px; color:#444; text-decoration:none;} #newHeader .newTopmenu .gnbs .dep1 ul li dl dt a:hover{ color:#cb133a} #newHeader .newTopmenu .gnbs .dep1 ul li dl dd{ padding-top:10px;} #newHeader .newTopmenu .gnbs .dep1 ul li dl dd a{ font-size:12px;letter-spacing:0px; color:#444; text-decoration:none;} #newHeader .newTopmenu .gnbs .dep1 ul li dl dd a:hover{ color:#cb133a} #newHeader .newTopmenu .gnbs .dep1 ul li dl dd:last-child{ padding-bottom:25px;} #newHeader .newTopmenu .gnbs .dep1 ul li p.bnrSection{float:right;background:url('/images/main/ico/ico_bar_dot.gif') repeat-y left top; width:244px; display:block; position:relative} #newHeader .newTopmenu .gnbs .dep1 ul li p.bnrSection:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #newHeader .newTopmenu .gnbs .dep1 ul li p.bnrSection a{display:block; margin-bottom:1px;} #newHeader .newTopmenu .gnbs .dep1 ul li p.bnrSection a:last-child {margin-bottom:0;} /*교수만 다른ui*/ #newHeader .newTopmenu .gnbs .dep1 ul li.proList{} #newHeader .newTopmenu .gnbs .dep1 ul li.proList p.bnrSection{ background:none;} #newHeader .newTopmenu .gnbs .dep1 ul li.proList dl{ padding-left:0;width:150px; height:438px;} #newHeader .newTopmenu .gnbs .dep1 ul li.proList dl dt{height:47px; background:#fff; padding-left:17px; background:url('/images/main/ico/ico_bar_dot.gif') repeat-y right top} #newHeader .newTopmenu .gnbs .dep1 ul li.proList dl dt.none{ background:#fff!important;} #newHeader .newTopmenu .gnbs .dep1 ul li.proList dl dd.protitle{ height:28px; display:block; text-align:left; background:url('/images/main/ico/ico_bar_dot.gif') repeat-y right top #f5f5f5; font-size:13px; color:#444; padding:6px 0 0 17px;font-weight:bold; margin:0 0 10px 0} #newHeader .newTopmenu .gnbs .dep1 ul li.proList dl dd{ padding:0 0 10px 17px;} /*전체보기*/ #newHeader #fullMenu{position:fixed; left:0; top:0 ;width:100%; height:100%;z-index:9999999999; display:none} #newHeader #fullMenu .mask{background:#000; width:100%; height:100%;z-index:9; opacity:0.5;filter: alpha(opacity=50); } #newHeader #fullMenu .fullCloseBtn{background-color:#444; width:50px; height:50px; text-align:center; line-height:46px; position:fixed; left:50%; margin-left:500px;} #newHeader #fullMenu .fullList{width:100%; height:100%; overflow-y:scroll; background:#fafafa; position:fixed; top:0; z-index:100; display:block; min-width:1100px;} #newHeader #fullMenu .fullList dl{float:left; width:16.666%;} #newHeader #fullMenu .fullList dl dt{color:#111; font-size:15px; font-weight:bold;} #newHeader #fullMenu .fullList dl dd{color:#666; font-size:12px; line-height:24px;} #newHeader #fullMenu .fullList dl dd strong{color:#111; font-size:13px; font-weight:bold; margin:15px 0 5px; display:block;} #newHeader #fullMenu .fullList dl dd a{color:#666; font-size:12px; display:inline-block;} #newHeader #fullMenu .fullList dl dd a:hover{text-decoration:underline; color:#111;} #newHeader #fullMenu .fullList dl dd.protitle a{color:#111; font-weight:bold;} #newHeader #fullMenu .fullList dl.offline{position:relative;} #newHeader #fullMenu .fullList dl.offline:before{content:''; position:absolute; width:1px; height:85%; background:#ddd; top:40px; left:-30px;} #newHeader #fullMenu .fullList .line{padding:30px 0; border-bottom:1px solid #e5e5e5;} #newHeader #fullMenu .fullList .line:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #newHeader #fullMenu .fullList .width{width:1100px; margin:0 auto;} .freeze-scrolling{height:100%; overflow:hidden;} /*************************** 메인레이아웃 ***************************/ /*#newMainWrap{ padding:30px 0; width:100%; position:relative}*/ #newMainWrap{padding:20px 0 30px; width:1024px; margin:0 auto; position:relative} #newMainWrap *{box-sizing:border-box} #newMainWrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .mainSection{width:100%; display:block} .mainSection:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .mt25{ margin-top:25px!important} /*메인배너*/ #mainBnr{width:676px; height:300px;float:left; overflow:hidden; position:relative; } #mainBnr:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #mainBnr .pics img{width:676px; height:300px; } #mainBnr #nav { position:absolute; bottom:10px; z-index:222; width:676px; height:10px; text-align:center;} #mainBnr #nav a { display:inline-block; width:10px; height:10px; background:url(/images/main/ico/roll_off.png) no-repeat center top; text-indent:-1100px; margin:0 2px} #mainBnr #nav a.on { display:inline-block;width:10px; height:10px;background:url(/images/main/ico/roll_on.png) no-repeat center top;text-indent:-1100px;margin:0 2px} /*공지및 가이드*/ #noticSection{ width:330px; height:300px; float:right; overflow:hidden} #noticSection *{border-box:box-sizing} #noticSection:after{content:".";display:block;height:0;clear:both;visibility:hidden;} #noticSection .serviceLink{ width:100%; height:115px; border-bottom:1px solid #e1e1e1;} #noticSection .serviceLink .tabBox{ width:100%; height:32px;} #noticSection .serviceLink .tabBox ul li{ float:left; width:50%; height:32px; text-align:center; background:#f4f4f4; border-bottom:2px solid #cb133a; padding-top:6px; border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:none;} #noticSection .serviceLink .tabBox ul li+li{ border-left:none;} #noticSection .serviceLink .tabBox ul li a{ font-size:13px; color:#808080; display:block; text-decoration:none;} #noticSection .serviceLink .tabBox ul li.on{background:#fff; border-bottom:2px solid #fff; border-top:2px solid #cb133a;border-left:2px solid #cb133a;border-right:2px solid #cb133a; padding-top:5px; text-indent:1px;} #noticSection .serviceLink .tabBox ul li.on a{ font-size:13px; color:#cb133a;} #noticSection .serviceLink .tabBox ul li+li.on{ text-indent:0px;} #noticSection .serviceLink .tabinCnt{ width:100%; height:32px; height:79px; margin-top:3px; overflow:hidden} #noticSection .serviceLink .tabinCnt .boxCnt{ width:100%; display:none} #noticSection .serviceLink .tabinCnt .oninner{ display:block} #noticSection .serviceLink .tabinCnt .boxCnt ul li{ float:left; display:block; width:20%; text-align:center; padding-top:14px; background:url('/images/main/ico/ico_bar_dot.gif') no-repeat right top;} #noticSection .serviceLink .tabinCnt .boxCnt ul li+li+li+li+li{background:none} #noticSection .serviceLink .tabinCnt .boxCnt ul span{ display:block; font-size:11px!important; color:#666;} #noticSection .serviceLink .tabinCnt .boxCnt ul li img{ display:block; margin:0 auto} #noticSection .noticMain{ width:100%; height:185px; padding-top:35px;} #noticSection .noticMain .tabBox .more{ position:absolute; right:0; top:3px;} #noticSection .noticMain .tabBox{ width:100%;display:block; position:relative} #noticSection .noticMain .tabBox ul { display:inline-block;vertical-align:middle; margin-left:13px;} #noticSection .noticMain .tabBox ul li{ float:left; background:url('/images/main/ico/ico_bar.gif') no-repeat right 3px; padding:0 12px;} #noticSection .noticMain .tabBox ul li+li+li{ background:none; padding-right:0} #noticSection .noticMain .tabBox ul li a{ color:#333; text-decoration:none; font-size:12px;} #noticSection .noticMain .tabBox ul li.on a{ color:#cb133a;} #noticSection .noticMain .tabinCnt .boxCnt{ display:none} #noticSection .noticMain .tabinCnt .oninner{ display:block} #noticSection .noticMain .tabinCnt .boxCnt ul.noticList { margin-top:10px; height:115px; overflow:hidden} #noticSection .noticMain .tabinCnt .boxCnt ul.noticList li{padding-left:10px; background:url(/images/main/ico/ico_dot.gif) no-repeat 0 12px; line-height:180% } #noticSection .noticMain .tabinCnt .boxCnt ul.noticList li a{color:#666666; font-size:12px;} #noticSection .noticMain .tabinCnt .boxCnt ul.noticList li a img{display:inline-block; vertical-align:middle; margin-left:2px; margin-bottom:-2px;} #noticSection .noticMain .tabinCnt .boxCnt ul.noticList li a span{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:300px; display:inline-block; vertical-align:middle} #noticSection .noticMain .tabinCnt .boxCnt ul.noticList li a span:hover{ text-decoration:underline} /*어드민 소배너 4개*/ .smallBnr{ width:1024px; height:90px; overflow:hidden} .smallBnr:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .smallBnr ul{ width:100%; } .smallBnr ul li{ float:left; margin-left:0px; width:250px; height:90px; position:relative;} .smallBnr ul li+li{ margin-left:8px; } .smallBnr ul li+li+li{ margin-left:8px; } .smallBnr ul li+li+li+li{ margin-left:8px; } .smallBnr ul li .ico_class{ display:block; width:37px; height:19px; color:#fff; font-size:11px!important; text-align:center; background:#708dd7; position:absolute; left:0; top:0} .smallBnr ul li .ico_online{ display:block; width:37px; height:19px; color:#fff; font-size:11px!important; text-align:center; background:#d54261; position:absolute; left:0; top:0} /*교수 롤링영역*/ .professorWrap{ width:676px; height:231px;float:left} .professorWrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .professorWrap ul{overflow:hidden;} .professorWrap ul li{float:left; position:relative; width:132px; height:231px; overflow:hidden; margin-right:4px; } .professorWrap ul li .proimg{width:132px; height:231px; } /*.professorWrap ul li div{position:absolute;top:0;left:0; width:100%; height:100%; }*/ .professorWrap ul li .txt_gubun{position:absolute;top:0px;left:0; height:70px; padding:20px 13px; font-size:12px; color:#fff; letter-spacing:-1px; z-index:1; word-break: keep-all; word-wrap: break-word; line-height:1.2em;} .professorWrap ul li .gubun_1{ color:#808080; font-size:12px!important; padding-bottom:3px; } .professorWrap ul li .gubun_2{ color:#000; font-size:14px; } .professorWrap ul li .proname{ color:#000; font-size:20px; font-weight:bold; padding-top:7px; letter-spacing:-1px} .professorWrap ul li .txt{position:absolute;bottom:-15px;left:0; height:70px; padding:0 13px; font-size:12px; color:#fff; letter-spacing:-1px; z-index:1; word-break: keep-all; word-wrap: break-word; line-height:1.2em;} .professorWrap ul li .txt span{display:block; padding:7px 0 5px 0; font-size:12px; color:#fff; text-decoration:underline; display:none} .professorWrap ul li.first{width:132px !important; overflow:hidden;} .professorWrap ul li.last{width:132px !important; margin-right:0} .professorWrap ul li .black{display:block; position:absolute;bottom:0;left:0; width:100%; height:70px; opacity:0.6;filter:alpha(opacity:60); background-color:#000;} .professorWrap ul li .ico{position:absolute;left:12px; bottom:80px; overflow:hidden;} .professorWrap ul li .ico img{ display:block; margin-bottom:2px;} .professorWrap ul li a:last-child{display:none;} /*이벤트배너*/ #eventBnr{width:330px; height:231px;float:right; position:relative} #eventBnr .group {width:330px; height:231px; margin:0 auto;} #eventBnr .group ul {width:330px; height:231px;overflow:hidden; } #eventBnr .group ul li img{width:330px; height:231px; } #eventBnr .group:last-child{border-right:0} #eventBnr .group.last{border-right:0} #eventBnr .group .btn{display:block} #eventBnr .group .btn span.total{color:#999} #eventBnr .group .btn .nav_prev{ position:absolute; left:0; top:100px; z-index:22222} #eventBnr .group .btn .nav_next{ position:absolute; right:0; top:100px; z-index:22222} /*학습qna*/ #lecQna{ width:379px; height:193px;float:left} #lecQna .lecQnaSlide{ width:100%; height:193px; overflow:hidden} #lecQna .lecQnaSlide .tabBox{ width:100%;display:block; position:relative} #lecQna .lecQnaSlide .tabBox ul { display:inline-block;vertical-align:middle; margin-left:13px;} #lecQna .lecQnaSlide .tabBox ul li{ float:left; background:url('/images/main/ico/ico_bar.gif') no-repeat right 3px; padding:0 12px;} #lecQna .lecQnaSlide .tabBox ul li:last-child { background:none; padding-right:0} #lecQna .lecQnaSlide .tabBox ul li a{ color:#333; text-decoration:none; font-size:12px;} #lecQna .lecQnaSlide .tabBox ul li.on a{ color:#cb133a!important;} #lecQna .lecQnaSlide .tabinCnt{ width:100%; height:164px; border:1px solid #d1d1d1; margin-top:7px;margin-top:6px\9; overflow:hidden} #lecQna .lecQnaSlide .tabinCnt .proQna{ display:none} /*#lecQna .lecQnaSlide .tabinCnt .proQna .proimg{ display:none}*/ #lecQna .lecQnaSlide .tabinCnt .oninner{ display:block} #lecQna .lecQnaSlide .tabinCnt .oninner .proimg{ display:block} #lecQna .lecQnaSlide .tabinCnt .proQna .group {width:100%; height:164px; position:relative } #lecQna .lecQnaSlide .tabinCnt .proQna .group ul{width: 377px; height: 164px; position:relative} #lecQna .lecQnaSlide .tabinCnt .proQna .group ul li{width: 377px; height: 164px; position:relative} #lecQna .lecQnaSlide .tabinCnt .proQna .group ul li .proimg{ position:absolute; left:0; bottom:0} #lecQna .lecQnaSlide .tabinCnt .proQna .group ul li .txtSection { width:225px; height:110px; position:absolute; left:123px; top:25px; overflow:hidden} #lecQna .lecQnaSlide .tabinCnt .proQna .group ul li .txtSection dl dd{padding-left:10px; background:url(/images/main/ico/ico_dot.gif) no-repeat 0 12px; line-height:180%;display:block } #lecQna .lecQnaSlide .tabinCnt .proQna .group ul li .txtSection dl dd a{color:#666666; font-size:12px;} #lecQna .lecQnaSlide .tabinCnt .proQna .group ul li .txtSection dl dd span{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:220px; display:inline-block; vertical-align:middle} #lecQna .lecQnaSlide .tabinCnt .proQna .group ul li .txtSection dl dd span:hover{ text-decoration:underline} #lecQna .lecQnaSlide .tabinCnt .proQna .group ul li .txtSection dl dt{ font-size:14px; color:#333333; font-weight:bold; letter-spacing:-1px} #lecQna .lecQnaSlide .tabinCnt .proQna .group .btn{ position:absolute; right:10px; bottom:10px; z-index:999} #lecQna .lecQnaSlide .tabinCnt .proQna .group .btn a img{display:inline-block; vertical-align:middle;width:6px;} #lecQna .lecQnaSlide .tabinCnt .proQna .group .btn .page{ font-size:12px; color:#999; display:inline-block; vertical-align:middle; width:auto;min-width:40px\9;} #proReviewWrap{ width:379px; height:193px;float:left; margin-left:8px;} #proReviewWrap .proReview .group {width:100%; height:164px; position:relative ;border:1px solid #d1d1d1; margin-top:7px;margin-top:6px\9; overflow:hidden} #proReviewWrap .proReview .group ul{width: 377px; height: 164px; position:relative} #proReviewWrap .proReview .group ul li{width: 377px; height: 164px; position:relative} #proReviewWrap .proReview .group ul li .proimg{ position:absolute; left:0; bottom:0} #proReviewWrap .proReview .group ul li .txtSection { width:225px; height:120px; position:absolute; left:128px; top:25px; overflow:hidden} #proReviewWrap .proReview .group ul li .txtSection .writer{ position:absolute; left:0; bottom:0px} #proReviewWrap .proReview .group ul li .txtSection dl dd{/*padding-left:10px; background:url(/images/main/ico/ico_dot.gif) no-repeat 0 12px;*/ line-height:18px;display:block; height:75px; overflow:hidden } #proReviewWrap .proReview .group ul li .txtSection dl dd a{color:#666666; font-size:12px;} #proReviewWrap .proReview .group ul li .txtSection dl dd span{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:220px; display:inline-block; vertical-align:middle} #proReviewWrap .proReview .group ul li .txtSection dl dd span:hover{ text-decoration:underline} #proReviewWrap .proReview .group ul li .txtSection dl dt{ font-size:14px; color:#333333; font-weight:bold; letter-spacing:-1px; padding-bottom:10px;} #proReviewWrap .proReview .group .btn{ position:absolute; right:10px; bottom:10px; z-index:999} #proReviewWrap .proReview .group .btn a img{display:inline-block; vertical-align:middle;width:6px;} #proReviewWrap .proReview .group .btn .page{ font-size:12px; color:#999; display:inline-block; vertical-align:middle; width:auto;min-width:40px\9;} /*이달의강의*/ #lecMonth{ width:379px; height:193px;float:left; margin-left:8px;} #lecMonth .lecMonthSlide{ width:100%; height:193px; overflow:hidden} #lecMonth .lecMonthSlide .monthWrap{width:100%; height:164px; border:1px solid #d1d1d1; margin-top:8px;margin-top:6px\9; overflow:hidden; position:relative} #lecMonth .lecMonthSlide .monthWrap .cntBox{ display:none} #lecMonth .lecMonthSlide .monthWrap .oninner{ display:block;} #lecMonth .lecMonthSlide .tabBox{ width:100%;display:block; position:relative} #lecMonth .lecMonthSlide .tabBox ul { display:inline-block;vertical-align:middle; margin-left:13px;} #lecMonth .lecMonthSlide .tabBox ul li{ float:left; background:url('/images/main/ico/ico_bar.gif') no-repeat right 3px; padding:0 12px;} #lecMonth .lecMonthSlide .tabBox ul li+li{ background:none; padding-right:0} #lecMonth .lecMonthSlide .tabBox ul li a{ color:#333; text-decoration:none; font-size:12px;} #lecMonth .lecMonthSlide .tabBox ul li.on a{ color:#cb133a;} #lecMonth .lecMonthSlide .inTabBox{ width:100%;} #lecMonth .lecMonthSlide .inTabBox ul.title li{ float:left; width:50%; text-align:center; border-right:1px solid #e5e5e5; height:35px; border-bottom:1px solid #e5e5e5; padding-top:10px; background:#f4f4f4} #lecMonth .lecMonthSlide .inTabBox ul.title li+li{ border-right:none} #lecMonth .lecMonthSlide .inTabBox ul.title li a{ text-decoration:none; color:#808080; display:block} #lecMonth .lecMonthSlide .inTabBox ul.title li.on{ border-bottom:none; background:#fff;} #lecMonth .lecMonthSlide .inTabBox ul.title li.on a{ color:#000;} .monthgroup ul{width: 377px!important; height: 114px!important; overflow: hidden; position: relative;} .monthgroup ul li{ padding:25px;width: 377px!important; height: 114px!important;} .monthgroup ul li span{ display:block} .monthgroup ul li .proName{ color:#333; font-size:12px; } .monthgroup ul li .lecName{ color:#333; font-size:14px; font-weight:bold; padding:8px 0 5px 0} .monthgroup ul li .date{ color:#666; font-size:12px;} .monthgroup ul li .openDate{ color:#666; font-size:12px;} .monthgroup .btn{ position:absolute; right:10px; bottom:10px; z-index:9} .monthgroup .btn a img{display:inline-block; vertical-align:middle;width:6px;} .monthgroup .btn .page{ font-size:12px; color:#999; display:inline-block; vertical-align:middle;width:27px;} /*온라인배너*/ #onlineBnr{width:250px; height:193px;float:left; margin-left:8px; overflow:hidden; position:relative} #onlineBnr .group {width:250px; height:193px; margin:0 auto;} #onlineBnr .group ul { width:250px; height:193px;overflow:hidden; } #onlineBnr .group ul li img{width:250px; height:193px;} #onlineBnr .group:last-child{border-right:0} #onlineBnr .group.last{border-right:0} #onlineBnr .group .btn{ display:block} #onlineBnr .group .btn span.total{color:#999} #onlineBnr .group .btn .nav_prev{ position:absolute; left:0; top:80px; z-index:22222} #onlineBnr .group .btn .nav_next{ position:absolute; right:0; top:80px; z-index:22222} /*패스스토리*/ #passStory{width:508px; height:190px; float:left; border:1px solid #d1d1d1; box-sizing:border-box; padding:20px 28px; position:relative;} #passStory *{ box-sizing:border-box} #passStory .cntTitle{} #passStory .group {overflow:hidden; height:126px;} #passStory .group .btn{ position:absolute; right:10px; top:10px; z-index:9} #passStory .group .btn a img{display:inline-block; width:6px; margin-top:1px; vertical-align:middle;} #passStory .group .btn .page{ font-size:12px; color:#999; display:inline-block; vertical-align:middle; width:auto;} #passStory .group ul{width:460px; margin:16px auto} #passStory .group ul li{ display:block; width:100%; height:110px; position:relative} #passStory .group ul li .passimg{float:left; width:110px; height:110px; margin-right:20px;} #passStory .group ul li dl{width:330px; float:left;} #passStory .group ul li dl dt{ padding-left:20px; background:url('/images/main/ico/ico_ribon.jpg') no-repeat left 5px; line-height:140%; } #passStory .group ul li dl dt span{ font-size:12px; color:#333; display:block} #passStory .group ul li dl dt span.title{ font-size:14px; font-weight:bold; color:#000;} #passStory .group ul li dl dd{ color:#666; padding-top:10px; line-height:18px;} #passStory .group ul li a{} /* 미래경영 시설 안내 */ .facility_info {position:relative; float:right; overflow:hidden; width:498px; height:190px} .facility_info .cntTitle {height:27px; padding-bottom:5px} .facility_info .tabBox {position:absolute; top:28px; left:0; width:169px; height:162px; background:#f7f7f7} .facility_info .tabBox li {box-sizing:border-box; height:55px; line-height:55px; text-align:center; background:#fff; border:1px solid #d1d1d1; margin-top:-1px; cursor:pointer;} .facility_info .tabBox li a {font-size:12px; color:#333} .facility_info .tabBox li a strong {font-size:13px} .facility_info .tabBox li.on {background:#dc4766; border:1px solid #ce3c5a; color:#fff; text-decoration:none; } .facility_info .tabBox li.on a {color:#fff; text-decoration:none} .facility_info .tabinCnt {padding-left:169px; width:100%; height:164px; border:1px solid #d1d1d1; border-left:0} .facility_info .tabinCnt .boxCnt {position:relative; width:328px; height:162px} .facility_info .tabinCnt .btn .nav_prev {position:absolute; left:0; top:50%; margin-top:-16px; z-index:11} .facility_info .tabinCnt .btn .nav_next {position:absolute; right:0; top:50%; margin-top:-16px; z-index:11} .facility_info .more {position:absolute; top:5px; right:0} /*고정배너*/ #fixBnr_1{width:250px; height:190px;float:left; margin-left:8px;} #fixBnr_2{width:250px; height:190px;float:left; margin-left:8px;} /*학습정보*/ #lecinfoBoard{width:330px; height:195px;float:left; overflow:hidden} #lecinfoBoard .lecNotic{ width:100%; height:195px;} #lecinfoBoard .lecNotic .tabBox{ width:100%;display:block; position:relative} #lecinfoBoard .lecNotic .tabBox ul { display:inline-block;vertical-align:middle; margin-left:13px;} #lecinfoBoard .lecNotic .tabBox ul li{ float:left; background:url('/images/main/ico/ico_bar.gif') no-repeat right 3px; padding:0 12px;} #lecinfoBoard .lecNotic .tabBox ul li+li{ background:none; padding-right:0} #lecinfoBoard .lecNotic .tabBox ul li a{ color:#333; text-decoration:none; font-size:12px;} #lecinfoBoard .lecNotic .tabBox ul li.on a{ color:#cb133a;} #lecinfoBoard .lecNotic .tabinCnt .boxCnt{display:none} #lecinfoBoard .lecNotic .tabinCnt .oninner{display:block} #lecinfoBoard .lecNotic .tabinCnt .boxCnt ul.noticList { margin-top:10px; height:160px; overflow:hidden} #lecinfoBoard .lecNotic .tabinCnt .boxCnt ul.noticList li{padding-left:10px; background:url(/images/main/ico/ico_dot.gif) no-repeat 0 12px; line-height:180% } #lecinfoBoard .lecNotic .tabinCnt .boxCnt ul.noticList li a{color:#666666; font-size:12px;} #lecinfoBoard .lecNotic .tabinCnt .boxCnt ul.noticList li a img{display:inline-block; vertical-align:middle; margin-left:2px; margin-bottom:-2px;} #lecinfoBoard .lecNotic .tabinCnt .boxCnt ul.noticList li a span{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:300px; display:inline-block; vertical-align:middle} #lecinfoBoard .lecNotic .tabinCnt .boxCnt ul.noticList li a span:hover{ text-decoration:underline} /*처음오셨나요*/ #firstGuide{width:330px; height:195px;float:left; margin-left:16px; overflow:hidden} #firstGuide .guideBox{ width:100%; height:195px;} #firstGuide .guideBox .tabBox{ width:100%;display:block; position:relative} #firstGuide .guideBox .tabBox ul { display:inline-block;vertical-align:middle; margin-left:13px;} #firstGuide .guideBox .tabBox ul li{ float:left; background:url('/images/main/ico/ico_bar.gif') no-repeat right 3px; padding:0 12px;} #firstGuide .guideBox .tabBox ul li+li{ background:none; padding-right:0} #firstGuide .guideBox .tabBox ul li a{ color:#333; text-decoration:none; font-size:12px;} #firstGuide .guideBox .tabBox ul li.on a{ color:#cb133a;} #firstGuide .guideBox .tabinCnt .boxCnt { border:1px solid #d1d1d1; box-sizing:border-box; height:164px; position:relative; margin-top:10px;margin-top:8px\9; display:none} #firstGuide .guideBox .tabinCnt .oninner{ display:block} #firstGuide .guideBox .tabinCnt .boxCnt ul {height: 100%;} #firstGuide .guideBox .tabinCnt .boxCnt ul:after {content:""; display: block; clear: both;} #firstGuide .guideBox .tabinCnt .boxCnt ul li.title{background: #f7f7f7; color: #333; font-size: 14px; height: 100%; vertical-align: middle; padding: 0; border-bottom: 0;} #firstGuide .guideBox .tabinCnt .boxCnt ul li.title:after {content:""; display: inline-block; width: 0; height: 100%; vertical-align: middle;} #firstGuide .guideBox .tabinCnt .boxCnt ul li{ float:left; width:25%; box-sizing:border-box; text-align:center; height:81px; padding-top:16px; border-bottom:1px solid #f1f1f1; border-right:1px solid #f1f1f1; letter-spacing:-1px;} #firstGuide .guideBox .tabinCnt .boxCnt ul li+li+li+li+li{ border-bottom:none;} #firstGuide .guideBox .tabinCnt .boxCnt ul li+li+li+li{ border-right:none} #firstGuide .guideBox .tabinCnt .boxCnt ul li+li+li+li+li{border-right:1px solid #f1f1f1;} #firstGuide .guideBox .tabinCnt .boxCnt ul li+li+li+li+li+li{border-right:1px solid #f1f1f1;} #firstGuide .guideBox .tabinCnt .boxCnt ul li+li+li+li+li+li+li{border-right:1px solid #f1f1f1;} #firstGuide .guideBox .tabinCnt .boxCnt ul li+li+li+li+li+li+li+li{ border-right:none} #firstGuide .guideBox .tabinCnt .boxCnt ul li img{ inline-display:block;} #firstGuide .guideBox .tabinCnt .boxCnt ul li span{display:block; font-size:11px; color:#666; margin-top:3px;} /*신간교재*/ #newBook{width:330px; height:195px;float:left; margin-left:18px; position:relative; overflow:hidden} #newBook .more{ position:absolute; right:0; top:5px;} #newBook .innerBox{position:relative; height:164px; border:1px solid #d1d1d1; box-sizing:border-box; margin-top:10px;margin-top:8px\9; padding:25px;} #newBook .innerBox ul li{ width:100%;} #newBook .innerBox ul li .bookimg{ width:75px; height:108px; border:1px solid #d7d7d7; float:left;} #newBook .innerBox ul li .bookimg img{width:75px; height:108px;} #newBook .innerBox ul li dl{ margin-left:15px; float:left; width:180px;} #newBook .innerBox ul li dl dt{ font-weight:bold; color:#333; font-size:12px; padding-bottom:10px; padding-top:5px; /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:200px; */} #newBook .innerBox ul li dl dd{ color:#666666; font-size:12px;padding-bottom:9px;} #newBook .innerBox ul li dl dd.pro{ color:#333333; font-size:12px; padding-bottom:15px;} #newBook .innerBox ul li dl dd strong{ color:#cb133a; font-weight:normal} #newBook .group .btn{ position:absolute; right:10px; top:10px; z-index:9} #newBook .group .btn a img{display:inline-block; width:6px; margin-top:1px; vertical-align:middle;} #newBook .group .btn .page{ font-size:12px; color:#999; display:inline-block; vertical-align:middle; width:auto;min-width:40px\9;} /*고객센터*/ #cusCenter{ width:100%; height:60px; background:#f0f0f0; box-sizing:border-box; padding:18px 0 20px; text-align:center;} #cusCenter *{display:inline-block; vertical-align:middle;} #cusCenter h4{font-weight:bold; color:#444; font-size:14px;} #cusCenter span{ margin-left:20px;} #cusCenter span.btn_white{ background:url('/images/main/ico/roll_s_next.png') no-repeat 88% 6px #fff; width:74px; height:25px; border:1px solid #ccc; padding-top:1.5px; padding-right:10px; } #cusCenter span.btn_white a{ font-size:11px; color:#444;} /*퀵배너*/ #quickBnr{width:97px;position:absolute; left:-117px; top:442px;/*20px;*/} #quickBnr ul li{display:block; padding-bottom:7px;} #quick_bnr_tv {position:relative; margin-bottom:20px; width:97px; height:104px} #quick_bnr_tv span {position:absolute; z-index:100} #quick_bnr_tv .bg_top {top:0; left:0; width:97px; height:34px; background:url(/images/main/quick_bnr_tv_bg_top.png) 0 0 no-repeat} #quick_bnr_tv .bg_left{top:34px; left:0; width:9px; height:70px; background:url(/images/main/quick_bnr_tv_bg_left.png) 0 0 no-repeat} #quick_bnr_tv .bg_right {top:34px; right:0; width:9px; height:70px; background:url(/images/main/quick_bnr_tv_bg_right.png) 0 0 no-repeat} #quick_bnr_tv .bg_bottom {bottom:0; left:9px; width:79px; height:11px; background:url(/images/main/quick_bnr_tv_bg_bottom.png) 0 0 no-repeat} #quickBnrRight{width: 100px;position:absolute; right:-120px; /*top:345px;*//*584px;*/} #quickBnrRight ul li{display:block; padding-bottom:7px; position: relative;} /* 오른쪽 상단 퀵베너 롤링 */ #RightTopBnr{width:100px; height:96px; position:relative; margin-bottom: 7px} #RightTopBnr .group {width:100px; height:96px; margin:0 auto;} #RightTopBnr .group ul {width:100px; height:96px; overflow:hidden; } #RightTopBnr .group ul li img{width:100px; height:96px; } /* 오른쪽 상단 텍스트 베너 */ @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');} #quickBnrRight div ul li a{text-decoration: none;} .bannerR{width: 100px; height: 96px; border: 1px solid #dbdbdb; padding: 15px 10px; font-family: 'Noto Sans KR'; position: relative;} .left_bnr_go{position:absolute; bottom:16px; right:-8px; } .bannerR:hover .left_bnr_go{animation: btn_bannerR_ani 0.3s alternate infinite ease-in-out} @keyframes btn_bannerR_ani{ from {transform:rotate(0deg);} to {transform:rotate(30deg);} } .bannerR > span{font-size: 12px; color: #808080; letter-spacing: -0.05em; word-break: keep-all; display: block; line-height: 12px; padding-bottom: 15px;} .bannerR > p{font-size: 16px; color: #000000; letter-spacing: -0.025em; font-weight: bold; display: inline-block; width: 51px; line-height:1.2;} #quickBnrRight li:first-child .bannerR:hover{border:2px solid #418deb;} #quickBnrRight li:nth-child(2) .bannerR:hover{border:2px solid #25d36b;} #quickBnrRight li:last-child .bannerR:hover{border:2px solid #eb6541;} #quickBnrRight li:first-child p span{color:#418deb;} #quickBnrRight li:nth-child(2) p span{color:#25d36b;} #quickBnrRight li:nth-child(3) p span{color:#eb6541;} #quickBnrRight li:last-child p span{color:#927bf6;}