@charset "utf-8"; /************************************************** 프로그램 ID : reNbasic2014.css 프로그램 명 : 국가대표 수능강의 EBSi Cascading Style Sheets 작 성 자 : 은대권 최초 작성일 : 2014.10.21 최종 작성일 : 참고 사항 : 1. 스킨 형태의 독립 스타일로 적용페이지는 Main, 각 Sub Main, GNB, LNB 에 한함. 2. 해당 Layout에 사용되는 스타일 이외는 추가 및 다른 페이지 스타일 링크 사용 금지 (다른 페이지의 스타일 이용시 복사 후 네이밍 변경으로 사용) 3. EBSi와 듀냐 공통 소스 *****************************************************/ /************************************************** [z-index 순서] #reNheader : 100 / #reNcontainer : 10 / #reNfooter : 10 *****************************************************/ #reNwrap2017{width:100%;min-width:995px;height:auto !important;font-size:12px;overflow:hidden;} #reNwrap2017 #reNheader{clear:both;position:relative;width:100%;height:auto;margin:0 auto;z-index:111111;border-bottom:2px solid #092e6c;} #reNwrap2017 #reNcontainer{clear:both; position:relative; margin:0 auto;} #reNwrap2017 #reNcontainer:after{content:''; display:block; clear:both;} *+ html .#reNwrap2017 #reNcontainer{display:inline-block;}/* ie7 */ * html .#reNwrap2017 #reNcontainer{display:inline;}/* ie6 */ #reNwrap2017 #reNcontainer #reNcontainer_in{clear:both; overflow:hidden; width:994px; margin:10px auto 0; border-left:1px solid #eaeaea; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/layout/bg_siteSubM.gif') repeat-y -1px 0;} #reNwrap2017 #reNfooter{clear:both;position:relative;z-index:1;} /* 메인 */ #reNwrap2017 #reNcontainer #contentsIndex{position:relative;width:100%;} /* 서브 */ #reNwrap2017 #reNcontainer #reNlnb{float:left; width:218px; z-index:1; border-top:1px solid #eaeaea;padding-bottom: 10px;position:relative;} #reNwrap2017 #reNcontainer #reNcontents{float:left; width:760px; padding:14px 0 28px 15px; border-top:1px solid #eaeaea; z-index:1;} .title-sub{margin-bottom:15px; font-family:'malgun Gothic','sans-serif'; font-size:17px; font-weight:bold; color:#557ad8; letter-spacing:-0.5px;} /* [All공통]reNheader Top -------------------------------------------------------------------------------*/ #reNheader .headerTop {width:995px; height:32px; margin:0 auto;} #reNheader .headerTop .topLeft {float:left;} #reNheader .headerTop .topLeft .dDayArea{float:left; width:175px; height:25px; padding:6px 0 0 0; font-size:12px; line-height:19px; font-weight:normal; color:#1f3569; text-align:center; border-left:1px solid #d3dae2; border-right:1px solid #d3dae2; background-color:#fff;} #reNheader .headerTop .topLeft .dDayArea .dDayTit{display:inline-block; margin:0 12px 0 0; overflow:hidden; color:#485566; font-size:12px;} #reNheader .headerTop .topLeft .dDayArea .dDayNum{display:inline-block; margin:0; padding-left:22px; overflow:hidden; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/icon_dday.gif') no-repeat 0 -1px; font-weight:bold; color:#fa6601; text-align:center;} #reNheader .headerTop .topLeft .cheer{float:left; padding-left:15px; line-height:31px; vertical-align:middle;} #reNheader .headerTop .topLeft .cheer a:hover{color:#fa6601;} #reNheader .headerTop .topRight{position:relative;float:right;z-index:1000;} #reNheader .headerTop .topRight .btnGrp {float:left;padding:0;} #reNheader .headerTop .topRight .btnGrp .btn-login{display:inline-block; vertical-align:top; margin-top:7px; margin-right:15px;} #reNheader .headerTop .topRight .btnGrp .onair{display:inline-block; width:80px; height:31px; margin:0; padding:0; text-align:center; background:#9ca4b0; line-height:30px} #reNheader .headerTop .topRight .btnGrp .onair em {display:inline-block; padding:0 18px 0 0; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/icon_onair_off.png') no-repeat 100% 50%; color:#fff; font-size:11px; font-family:verdana;} #reNheader .headerTop .topRight .btnGrp .onair em.on{background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/icon_onair.png') no-repeat 100% 50%;} #reNheader .headerTop .topRight ul.supportGrp {float:left; border-left:none;} #reNheader .headerTop .topRight ul.supportGrp li {float:left; width:22px; height:auto; margin:0 0 0 15px; border-right:none;} #reNheader .headerTop .topRight ul.supportGrp li:first-child{margin-left:30px;} #reNheader .headerTop .topRight ul.supportGrp li a{display:inline-block; width:22px; height:20px; padding-top:8px; text-align:center; vertical-align:top;} #reNheader .headerTop .topRight ul.memGrp {float:left;border-left:1px solid #dcdddf;} #reNheader .headerTop .topRight ul.memGrp li {float:left;height:31px; padding:0 15px; border-right:1px solid #dcdddf;font-size:11px;white-space:nowrap;} #reNheader .headerTop .topRight ul.memGrp li a {overflow:hidden;float:left;height:31px; color:#484848;line-height:32px;} #reNheader .headerTop .topRight ul.memGrp li a.btnName {height:35px; margin-right:15px} #reNheader .headerTop .topRight ul.memGrp li a:hover {text-decoration:underline} :root #reNheader .headerTop .topRight ul.memGrp li a {line-height:34px \0/IE9;} #reNheader .headerTop .topRight ul.memGrp li a.btnName {padding-right:18px;background:url('http://image.ebsi.co.kr/ebsi/images/pms/icon_gnbarr_off.png') no-repeat right 9px;#background-position:right 48%;} #reNheader .headerTop .topRight ul.memGrp li.on a.btnName {background:url('http://image.ebsi.co.kr/ebsi/images/pms/icon_gnbarr_on.png') no-repeat right 9px;#background-position:right 48%;} #reNheader .headerTop .topRight ul.memGrp li a.btnName strong {color:#1d3666;font-weight:bold;} #reNheader .headerTop .topRight ul.memGrp li a.btnMyMenuSet img {margin-top:8px;} #reNheader .headerTop .topRight ul.memGrp li.info {position:relative; color:#e67245} #reNheader .headerTop .topRight ul.memGrp li.info a {float:none; display:inline; height:auto; overflow:visible; margin:0 5px; color:#e67245} #reNheader .headerTop .topRight ul.memGrp li.info a:hover {text-decoration:underline} #reNheader .wrapTopWrap{height:31px; border-bottom:1px solid #cdced1;} #reNheader .headerWrap{position:relative; width:995px; height:auto; margin:0px auto;} #reNheader .headerWrap .wrapTop{clear:both; position:relative; height:117px; z-index:999; overflow:visible;} #reNheader .headerWrap .wrapTop .logoArea{position:absolute; left:25px; top:28px;} #reNheader .headerWrap .wrapTop .logoArea .newYear{position:absolute; left:-25px; top:-28px; width:248px; height:97px; } #reNheader .headerWrap .wrapTop .logoArea .newYear a{position: absolute; display: block; left: 0; right: 0; bottom: 0; width:248px; height:91px; text-align:center; z-index:1;background-color:#fff;} #reNheader .headerWrap .wrapTop .logoArea .newYear a img{max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; bottom: 0; left: 0; right: 0; margin: auto;} #reNheader .headerWrap .wrapTop .topSearchArea{float:left; overflow:visible; position:relative; width:309px;z-index:100;} #reNheader .headerWrap .wrapTop .topSearchArea fieldset{margin:0;} #reNheader .headerWrap .wrapTop .topSearchArea fieldset input{width:295px;height:31px;padding:0 48px 0 10px;border:1px solid #bababa;background-color:#f8f8f8;line-height:31px;line-height /*\**/:33px\9;#line-height:32px;_line-height:32px;} :root #reNheader .headerWrap .wrapTop .topSearchArea fieldset input{line-height:34px \0/IE9;} #reNheader .headerWrap .wrapTop .topSearchArea fieldset a{position:relative; top:0; right:0; width:auto; height:auto; color:#788d98} #reNheader .headerWrap .wrapTop .topSearchArea .searchWord{clear:both;overflow:hidden;width:355px;height:18px;padding-top:6px;padding-top /*\**/:7px\9;#padding-top:6px;_padding-top:6px;} #reNheader .headerWrap .wrapTop .topSearchArea .searchWord .tit{display:block;float:left;width:44px;height:18px;padding:0;} #reNheader .headerWrap .wrapTop .topSearchArea .searchWord ul{padding-top /*\**/:1px\9;#padding-top:1px;_padding-top:1px;text-align:center;} :root #reNheader .headerWrap .wrapTop .topSearchArea .searchWord ul{padding-top:3px \0/IE9;} #reNheader .headerWrap .wrapTop .topSearchArea .searchWord li{display:inline;height:18px;margin-left:10px;padding-left:10px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/layout/vline_topSearchWord.gif') no-repeat 0 1px;line-height:18px;letter-spacing:-1px;} #reNheader .headerWrap .wrapTop .topSearchArea .searchWord li:first-child{margin-left:0;padding-left:0;background:none;} #reNheader .headerWrap .wrapTop .topSearchArea fieldset .inpbox{position:relative; width:270px; height:25px; margin-top:27px; padding:8px 45px 3px 15px; overflow:hidden;} #reNheader .headerWrap .wrapTop .topSearchArea fieldset .inpbox button{position:absolute; right:0; top:0; width:39px; height:38px;text-indent:-9999px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/gnb/icon_search.png') no-repeat 50% 50%; border:0; font-size:0; cursor:pointer;} #reNheader .headerWrap .wrapTop .topSearchArea fieldset .inpbox input.txt{width:100%; height:100%; padding:0; background:0; border:0; outline:0; color:#707a93; font-size:13px; line-height:25px;} #reNheader .headerWrap .wrapTop .topSearchArea.on fieldset .inpbox{width:291px; height:25px; padding-right:60px; background:#ffffda} #reNheader .headerWrap .wrapTop .topSearchArea.on fieldset .inpbox .arr{position:absolute; right:45px; top:5px; display:block; width:10px; height:25px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/icon_searchinput_on.png') no-repeat 50% 50%; cursor:pointer} #reNheader .headerWrap .wrapTop .topSearchArea fieldset ul.txt_popular{overflow:hidden; padding:6px 0 0; text-align:center;} #reNheader .headerWrap .wrapTop .topSearchArea fieldset ul.txt_popular li{display:inline-block; padding:0 7px 0 8px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/bg_bar_01.png') no-repeat 0 50%; color:#788d98; font-size:12px} *+html #reNheader .headerWrap .wrapTop .topSearchArea fieldset ul.txt_popular li{display:inline;} #reNheader .headerWrap .wrapTop .topSearchArea fieldset ul.txt_popular li:first-child{background:0} /* search */ #reNSeachHeader .searchFormbox fieldset .inpbox {width:310px; height:29px; margin:0 0 5px 0; padding:5px 45px 3px 15px; overflow:hidden; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/bg_searchformbox.png') no-repeat 0 0} #reNSeachHeader .searchFormbox fieldset .inpbox button {position:absolute; right:15px; top:5px; width:25px; height:25px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/icon_search_01.png') no-repeat 50% 50%; text-indent:-99999px} #reNSeachHeader .searchFormbox fieldset .inpbox input.txt {width:100%; height:27px; padding:0; background:0; border:0; outline:0; color:#333; font-size:14px} #reNheader .autoCompleteBox{display:none; position:absolute; z-index:9999; left:13px; top:37px; width:315px; overflow:hidden; background:#fff; border:2px solid #528fcc} #reNheader .autoCompleteBox ul.txtRecommend{margin:10px 10px 0 10px; padding-bottom:5px; border-bottom:1px solid #c4ced9} #reNheader .autoCompleteBox ul.txtRecommend li{height:24px} #reNheader .autoCompleteBox ul.txtRecommend li a{display:block; position:; height:24px; padding:0 20px 0 0; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/icon_arr_go.png') no-repeat 100% 50%; line-height:24px; color:#767676} #reNheader .autoCompleteBox ul.txtRecommend li a:hover{background:#f3f6f8 url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/icon_arr_go.png') no-repeat 100% 50%; text-decoration:none} #reNheader .autoCompleteBox ul.txtRecommend li a strong{color:#528fcc; font-weight:bold} #reNheader .autoCompleteBox h2{margin:15px 0 10px 10px; color:#000; font-size:12px; font-weight:bold} #reNheader .autoCompleteBox ul.txtMyKeyword{padding-bottom:4px; margin:10px 10px 0 10px} #reNheader .autoCompleteBox ul.txtMyKeyword li{position:relative; height:24px; padding-right:28px} #reNheader .autoCompleteBox ul.txtMyKeyword li a{display:block; height:24px; padding:0 20px 0 0; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/icon_arr_go.png') no-repeat 100% 50%; line-height:24px; color:#767676} #reNheader .autoCompleteBox ul.txtMyKeyword li a:hover{background:#f3f6f8 url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/icon_arr_go.png') no-repeat 100% 50%; text-decoration:none} #reNheader .autoCompleteBox ul.txtMyKeyword li a strong{color:#528fcc; font-weight:bold} #reNheader .autoCompleteBox ul.txtMyKeyword li button.btn_txt_delete{position:absolute; right:0; top:1px; width:20px; height:20px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/icon_searchtxt_delete.png') no-repeat 50% 50%; font-size:0; cursor:pointer; border:0;} #reNheader .autoCompleteBox .txt_close{height:27px; padding-right:10px; text-align:right; background:#f3f6f8; border-top:1px solid #c4ced9; line-height:27px} #reNheader .autoCompleteBox .txt_close a{color:#767676; font-size:11px} #reNheader .autoCompleteBox .txt_close a:hover{text-decoration:underline} .autoCompleteBox ul.txtRecommend li{position:relative !important; padding:0 25px 0 0} .autoCompleteBox ul.txtRecommend li a{background: none !important} .autoCompleteBox ul.txtRecommend li a:hover{background:#f3f6f8 !important; text-decoration:none !important} .autoCompleteBox ul.txtRecommend li button.btn_page_go{position:absolute; right:0; top:0; width:25px; height:24px; background:url('http://image.ebsi.co.kr/ebsi/search/images/icon_arr_go.png') no-repeat 50% 50%; text-indent:-99999px; border: 0; cursor:pointer;} .autoCompleteBox ul.txtMyKeyword li{padding:0 50px 0 0 !important} .autoCompleteBox ul.txtMyKeyword li a{background: none !important} .autoCompleteBox ul.txtMyKeyword li a:hover{background:#f3f6f8 !important; text-decoration:none !important} .autoCompleteBox ul.txtMyKeyword li button.btn_page_go{position:absolute; right:25px; top:0; width:25px; height:24px; background:url('http://image.ebsi.co.kr/ebsi/search/images/icon_arr_go.png') no-repeat 50% 50%; text-indent:-99999px; border:none !important; cursor:pointer;} /* #reNheader .headerWrap .wrapTop{z-index:0 !important; } */ /* [팝업]빠른 강좌 찾기 */ #reNheader .headerWrap .fastLecFind{position:absolute; right:331px; top:27px; /* z-index:100; */} #reNheader .headerWrap .fastLecFind *{vertical-align:top;} #reNheader .headerWrap .fastLecFind a{display:inline-block; width:91px; height:35px; font-size:0; line-height:0; background:url(http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/btn_quickLecFind.png) no-repeat 0 0;} #reNheader .headerWrap .fastLecFind a:hover, #reNheader .headerWrap .fastLecFind a:focus{background-position:0 -65px;} #reNheader .headerWrap .fastFindArea{position:absolute; left:0; top:62px; width:995px; height:343px; z-index:9999;} #reNheader .headerWrap .fastFindBox{overflow:hidden;width:991px;height:321px;border:2px solid #1f3569;background-color:#fff;} #reNheader .headerWrap .fastFindBox .topArea{overflow:hidden;height:44px;margin-bottom:3px;padding:7px 7px 0;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/layout/fastFind_topBg.gif') repeat-x left top;} #reNheader .headerWrap .fastFindBox .topArea ul.fastFindTab{float:left;} #reNheader .headerWrap .fastFindBox .topArea ul.fastFindTab li{float:left;margin-right:3px;} #reNheader .headerWrap .fastFindBox .topArea .topBtn{float:right;padding-top:2px;} #reNheader .headerWrap .fastFindBox .contsArea{clear:both;overflow:hidden;height:260px;padding-left:7px;} #reNheader .headerWrap .fastFindBox .contsArea dl{float:left;height:260px;margin-right:8px;} #reNheader .headerWrap .fastFindBox .contsArea dl dt{height:31px;} #reNheader .headerWrap .fastFindBox .contsArea dl dd{overflow-x:hidden;overflow-y:auto;height:226px;padding:2px 2px 0;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;border-left:1px solid #eaeaea;} #reNheader .headerWrap .fastFindBox .contsArea dl.itemList1{width:152px;} #reNheader .headerWrap .fastFindBox .contsArea dl.itemList1 dd{width:144px;} #reNheader .headerWrap .fastFindBox .contsArea dl.itemList2{width:312px;} #reNheader .headerWrap .fastFindBox .contsArea dl.itemList2 dd{width:306px;} #reNheader .headerWrap .fastFindBox .contsArea dl.itemList3{width:495px;} #reNheader .headerWrap .fastFindBox .contsArea dl.itemList3 dd{width:487px;} #reNheader .headerWrap .fastFindBox .contsArea li{height:25px;} #reNheader .headerWrap .fastFindBox .contsArea li a{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;height:23px;padding:2px 10px 0;color:#353535;font-size:12px;line-height:23px;text-align:left;white-space:nowrap;} :root #reNheader .headerWrap .fastFindBox .contsArea li a{height:22px \0/IE9;padding-top:3px \0/IE9;} #reNheader .headerWrap .fastFindBox .contsArea li a:hover, #reNheader .headerWrap .fastFindBox .contsArea li a:active, #reNheader .headerWrap .fastFindBox .contsArea li.on a{background-color:#f1f1f1;color:#172a8d !important;font-weight:bold;letter-spacing:-1px;} #reNheader .headerWrap .fastFindBox .contsArea ul.sItemList{} #reNheader .headerWrap .fastFindBox .contsArea ul.sItemList li{height:25px;} #reNheader .headerWrap .fastFindBox .contsArea ul.sItemList li a{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;height:23px;padding:2px 10px 0 30px;background:#fff url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/layout/fastFind_bg_sItemList.gif') no-repeat 20px top;color:#353535 !important;font-weight:normal;font-size:12px;line-height:23px;text-align:left;white-space:nowrap;} #reNheader .headerWrap .fastFindBox .contsArea ul.sItemList li.end a{background:#fff url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/layout/fastFind_bg_sItemList2.gif') no-repeat 20px -5px;} :root #reNheader .headerWrap .fastFindBox .contsArea ul.sItemList li a{height:22px \0/IE9;padding-top:3px \0/IE9;} #reNheader .headerWrap .fastFindBox .contsArea ul.sItemList li a:hover, #reNheader .headerWrap .fastFindBox .contsArea ul.sItemList li a:active, #reNheader .headerWrap .fastFindBox .contsArea ul.sItemList li.on a{background-color:#f1f1f1;color:#172a8d !important;font-weight:bold;letter-spacing:-2px;} #reNheader .headerWrap .fastFindBox .contsArea .sItemBox{overflow:hidden;border-top:2px solid #fff;border-bottom:2px solid #fff;} #reNheader .headerWrap .fastFindBox .contsArea .sItemBox_in{overflow:hidden;border:1px solid #bbbbbb;} #reNheader .headerWrap .fastFindBox .contsArea .sItemBox ul.itemBoxList li{height:24px;} #reNheader .headerWrap .fastFindBox .contsArea .sItemBox ul.itemBoxList li a{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;height:22px;padding:2px 10px 0 20px;background-color:#fff;color:#777 !important;font-weight:normal;font-size:12px;line-height:23px;text-align:left;white-space:nowrap;} #reNheader .headerWrap .fastFindBox .contsArea .sItemBox ul.itemBoxList li a:hover, #reNheader .headerWrap .fastFindBox .contsArea .sItemBox ul.itemBoxList li a:active, #reNheader .headerWrap .fastFindBox .contsArea .sItemBox ul.itemBoxList li.on a{background-color:#f1f1f1;color:#172a8d !important;font-weight:bold;letter-spacing:-2px;} #reNheader .headerWrap .fastFindBox .contsArea .tchSortList{overflow:hidden;height:40px;margin-bottom:5px;padding:10px 4px 2px;background-color:#f1f1f1;} #reNheader .headerWrap .fastFindBox .contsArea .tchSortList li{float:left;width:23px;height:12px;margin-bottom:8px;border-left:1px solid #d2d2d2;} #reNheader .headerWrap .fastFindBox .contsArea .tchSortList li.noline{border-left:none;} #reNheader .headerWrap .fastFindBox .contsArea .tchSortList li a{height:12px;padding:0;line-height:12px;text-align:center;} #reNheader .headerWrap .fastFindBox .contsArea .tchList{overflow:hidden;} #reNheader .headerWrap .fastFindBox .contsArea .tchList li{float:left;width:76px;height:25px;margin-bottom:5px;} #reNheader .headerWrap .fastFindBox .contsArea .tchList li .linkArea{position:relative;} #reNheader .headerWrap .fastFindBox .contsArea .tchList li a.tch{overflow:hidden;width:70px;height:23px;padding:2px 0 0 6px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/layout/fastFind_home.gif') no-repeat 59px 7px;line-height:23px;text-align:left;} #reNheader .headerWrap .fastFindBox .contsArea .tchList li a.tch:hover, #reNheader .headerWrap .fastFindBox .contsArea .tchList li a.tch:active, #reNheader .headerWrap .fastFindBox .contsArea .tchList li.on a.tch{color:#000 !important;background:#f1f1f1 url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/layout/fastFind_home_on.gif') no-repeat 59px 7px;} #reNheader .headerWrap .fastFindBox .contsArea .tchList li a.tchHome{display:block;position:absolute;right:3px;top:5px;overflow:hidden;width:15px;height:14px;padding:0;text-indent:-999px;} #reNheader .headerWrap .fastFindBox .contsArea .tchList li a.tchHome:hover, #reNheader .headerWrap .fastFindBox .contsArea .tchList li a.tchHome:active, #reNheader .headerWrap .fastFindBox .contsArea .tchList li.on a.tchHome{background:none;} #reNheader .headerWrap .fastFindBox .contsArea ul.ffLecList{} #reNheader .headerWrap .fastFindBox .contsArea ul.ffLecList li{overflow:hidden;height:52px;padding:2px 0;#margin-bottom:-4px;border-bottom:1px solid #d5d7d7;} #reNheader .headerWrap .fastFindBox .contsArea ul.ffLecList li a{height:50px;padding:2px 10px 0;height /*\**/:49px\9;padding-top /*\**/:3px\9;#height:49px;#padding-top:3px;} :root #reNheader .headerWrap .fastFindBox .contsArea ul.ffLecList li a{height:48px \0/IE9;#padding-top:4px \0/IE9;} #reNheader .headerWrap .fastFindBox .contsArea ul.ffLecList li p{clear:both;padding:2px 0;font-weight:bold;line-height:14px;letter-spacing:-1px;white-space:normal;} #reNheader .headerWrap .fastFindBox .contsArea ul.ffLecList li .name, #reNheader .headerWrap .fastFindBox .contsArea ul.ffLecList li .info{display:block;float:left;height:14px;color:#353535;line-height:14px;letter-spacing:0;} #reNheader .headerWrap .fastFindBox .contsArea ul.ffLecList li .name{padding:2px;font-weight:bold;} #reNheader .headerWrap .fastFindBox .contsArea ul.ffLecList li .info{padding:2px 10px 0;font-weight:normal;} #reNheader .headerWrap .fastFindBox .contsArea ul.ffLecList li .txtRedB{color:#d70f2b;font-weight:bold;} #reNheader .headerWrap .fastFindBtn{height:18px;text-align:right;} #reNheader .headerWrap .fastFindBtn_top{position:absolute;right:0;top:-18px;height:18px;} /* 강좌 바로가기 */ #reNheader .headerWrap .fastLecFind2{position:absolute; top:50px; right:339px;} #reNheader .headerWrap .fastLecFind2 a{display:inline-block; width:121px; height:39px; font-size:0; line-height:0;position:relative;z-index: 11; vertical-align:top; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/gnb/btn_quick.png') no-repeat 0 0;} #reNheader .headerWrap .fastLecFind2 a.on{} #reNheader .headerWrap .fastLecFind2 a span{position:absolute;top:-10px;right:-15px;} #reNheader .headerWrap .fastFindArea2{position:absolute; left:0; top:88px; width:991px; border:2px solid #1f3569; background-color:#fff; z-index:9999;} #reNheader .headerWrap .fastFindArea2 .fastbookBox{border-bottom:1px solid #c5d4e6;} #reNheader .headerWrap .fastFindArea2 .topArea{overflow:hidden; height:44px; margin:0; padding:0;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/layout/fastFind_topBg.gif') repeat-x left top;} #reNheader .headerWrap .fastFindArea2 .topArea h2{float:left; padding-top:12px; padding-left:16px; } #reNheader .headerWrap .fastFindArea2 .topArea ul.tab-menu{float:right; padding-top:15px;} #reNheader .headerWrap .fastFindArea2 .topArea ul.tab-menu li{float:left; padding:0 13px; background:url(http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/new/line.gif) no-repeat 0 1px;} #reNheader .headerWrap .fastFindArea2 .topArea ul.tab-menu li:first-child{background:none;} #reNheader .headerWrap .fastFindArea2 .topArea ul.tab-menu li a{font-size:14px; color:#4a4a4a;} #reNheader .headerWrap .fastFindArea2 .topArea ul.tab-menu li a.active{color:#1e3466; font-weight:bold; letter-spacing:-1px;} #reNheader .headerWrap .fastFindArea2 .topSlideArea{clear:both; position:relative; overflow:hidden; padding-top:13px; background:#fff;} #reNheader .headerWrap .fastFindArea2 .topSlideArea .btnL{position:absolute; left:10px; top:50%; width:34px; height:62px; margin-top:-31px;} #reNheader .headerWrap .fastFindArea2 .topSlideArea .btnR{position:absolute; right:10px; top:50%; width:34px; height:62px; margin-top:-31px;} #reNheader .headerWrap .fastFindArea2 .topSlideArea .bookSlide{overflow:hidden; width:890px; height:220px; margin:0 auto;} #reNheader .headerWrap .fastFindArea2 .topSlideArea .bookSlide ul{overflow:hidden;margin:0;} #reNheader .headerWrap .fastFindArea2 .topSlideArea .bookSlide li{position:relative; float:left; overflow:hidden; width:141px; margin:0 3px;} #reNheader .headerWrap .fastFindArea2 .topSlideArea .bookSlide li .slidePhoto{display:block; overflow:hidden; width:141px; height:177px;padding:0;border:0;} #reNheader .headerWrap .fastFindArea2 .topSlideArea .bookSlide li .slidePhoto img{display:block;width:100%; height:100%;} #reNheader .headerWrap .fastFindArea2 .topSlideArea .bookSlide li .stroke{position:absolute; top:0; left:0; display:inline-block; width:137px; height:173px; border:2px solid #cacaca;} #reNheader .headerWrap .fastFindArea2 .topSlideArea .bookSlide li a:hover .stroke, #reNheader .headerWrap .fastFindArea2 .topSlideArea .bookSlide li a:active .stroke, #reNheader .headerWrap .fastFindArea2 .topSlideArea .bookSlide li.on a .stroke{width:133px; height:169px; border:4px solid #1f4ea4;} #reNheader .headerWrap .fastFindArea2 .topSlideArea .bookSlide li .info{display:block; overflow:hidden; width:141px; height:30px; padding: 10px 0 5px; color:#4a4a4a; font-size:12px; line-height:16px; text-align:center;} #reNheader .headerWrap .fastFindArea2 .topSlideArea .bookSlide li.on .info{font-weight:bold; color:#1f4ea4; letter-spacing:-1px;} #reNheader .headerWrap .fastFindArea2 .fastFindBox{border:none;} #reNheader .headerWrap .fastFindArea2 .fastFindBox .topArea .topBtn{padding-top:9px;} #reNheader .headerWrap .fastFindArea2 .fastFindBox .tabcon{padding:10px 0;} #reNheader .headerWrap .fastFindArea2 .fastFindBtn{position:absolute; bottom:-20px; right:-2px;} /* 최근 인기 검색어 */ #reNheader .headerWrap .popularSearwrap{position:absolute; left:215px; bottom:0px; width:401px; /* z-index:100; */} #reNheader .headerWrap .popularSearchList{overflow:hidden; height:19px; margin:8px auto 0;} #reNheader .headerWrap .popularSearchList .searchList{position:relative;} #reNheader .headerWrap .popularSearchList ul{overflow:hidden; width:380px;} *:first-child + html #reNheader .headerWrap .popularSearchList .searchList ul{height:18px; z-index:-100;} #reNheader .headerWrap .popularSearchList .searchList li, #reNheader .headerWrap .popularSearchList .searchBox li{width:100%; height:18px; margin-bottom:10px; line-height:18px;} #reNheader .headerWrap .popularSearchList .searchList li div, #reNheader .headerWrap .popularSearchList .searchBox li div{float:left; width:50%;} #reNheader .headerWrap .popularSearchList li *{vertical-align:middle;} #reNheader .headerWrap .popularSearchList li em{float:left; display:inline-block; width:18px; height:18px; font-size:0; line-height:0; background:url(http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/num.png) no-repeat 0 0;} #reNheader .headerWrap .popularSearchList li em.num1{background-position:0 0;} #reNheader .headerWrap .popularSearchList li em.num2{background-position:-26px 0;} #reNheader .headerWrap .popularSearchList li em.num3{background-position:-52px 0;} #reNheader .headerWrap .popularSearchList li em.num4{background-position:-78px 0;} #reNheader .headerWrap .popularSearchList li em.num5{background-position:-104px 0;} #reNheader .headerWrap .popularSearchList li em.num6{background-position:-130px 0;} #reNheader .headerWrap .popularSearchList li em.num7{background-position:-156px 0;} #reNheader .headerWrap .popularSearchList li em.num8{background-position:-182px 0;} #reNheader .headerWrap .popularSearchList li em.num9{background-position:-208px 0;} #reNheader .headerWrap .popularSearchList li em.num10{background-position:-234px 0;} #reNheader .headerWrap .popularSearchList .searchList li a, #reNheader .headerWrap .popularSearchList .searchBox li a{float:left; max-width:120px; display:inline-block; padding-left:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#707a93; line-height:18px; font-size:12px;} #reNheader .headerWrap .popularSearchList .searchList li a:hover, #reNheader .headerWrap .popularSearchList .searchList li a:focus, #reNheader .headerWrap .popularSearchList .searchBox li a:hover, #reNheader .headerWrap .popularSearchList .searchBox li a:focus{color:#557ad8;} #reNheader .headerWrap .popularSearchList .searchList li .ranking, #reNheader .headerWrap .popularSearchList .searchBox li .ranking{float:left; display:inline-block; width:6px; height:18px; margin-left:8px; font-size:0; line-height:0; background:url(http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/ranking_icon.png) no-repeat 0 0;} #reNheader .headerWrap .popularSearchList .searchList li .ranking.up, #reNheader .headerWrap .popularSearchList .searchBox li .ranking.up{background-position:0 50%;} #reNheader .headerWrap .popularSearchList .searchList li .ranking.down, #reNheader .headerWrap .popularSearchList .searchBox li .ranking.down{background-position:-16px 50%;} #reNheader .headerWrap .popularSearchList .searchList li .ranking.stay, #reNheader .headerWrap .popularSearchList .searchBox li .ranking.stay{background-position:-32px 50%;} #reNheader .headerWrap .popularSearchList .searchList .btn{position:absolute; top:0; right:3px;} #reNheader .headerWrap .popularSearchList .searchBox{overflow:hidden; position:absolute; left:-10px; top:0; width:409px; padding:14px 27px 11px 14px; background-color:#fff; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/gnb/bg_popular.png') no-repeat 0 0;} #reNheader .headerWrap .popularSearchList .searchBox > p{margin-bottom:15px;} #reNheader .headerWrap .popularSearchList .searchBox li a{width:130px;} #reNheader .headerWrap .popularSearchList .searchBox .btn{position:absolute; top:12px; right:15px;} /* 헤더 배너 */ .slide-header{position:relative; float:right; width:241px; padding:12px 17px 11px; overflow:hidden; z-index:0;} .slide-header .wrap-list{width:241px; margin:auto; overflow:hidden;} .slide-header .list{position:relative; width:241px; height:69px; overflow:hidden;} .slide-header .list ul{position:relative; overflow:hidden;} .slide-header li{float:left; width:241px; text-align:center;} .slide-header .btn-prev, .slide-header .btn-next{position:absolute; top:39px; width:7px; height:12px; margin:0; padding:0; border:0; text-indent:-9999px; overflow:hidden; cursor:pointer; background:transparent url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/main/btn_slider_shortcut.png') no-repeat 0 0;} .slide-header .btn-prev{left:5px; background-position:0 0;} .slide-header .btn-prev:hover{background-position:0 -12px;} .slide-header .btn-next{right:5px; background-position:-7px 0;} .slide-header .btn-next:hover{background-position:-7px -12px;} /* gnb */ #reNheader .headerWrap #gnbMenu{clear:both; width:995px; height:51px; background:#557ad8; z-index:-10} #reNheader .headerWrap #gnbMenu .gnb{float:left; width:711px; padding:0 4px 0 5px;} #reNheader .headerWrap #gnbMenu .gnb li{float:left; height:51px; margin-left:1px;} #reNheader .headerWrap #gnbMenu .gnb li:first-child{margin-left:0;} #reNheader .headerWrap #gnbMenu .gnb li a{display:inline-block; width:95px; height:51px; vertical-align:top; font-size:0; line-height:0; color:#557ad8; background:url(http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/img_gnb.png) no-repeat -5px 0;} #reNheader .headerWrap #gnbMenu .gnb li + li a{width:81px; background-position:-100px 0;} #reNheader .headerWrap #gnbMenu .gnb li + li + li a{width:60px; background-position:-183px 0;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li a{width:64px; background-position:-245px 0;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li a{width:100px; background-position:-311px 0;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li + li a{width:108px; background-position:-413px 0;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li a{width:95px; background-position:-523px 0;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li + li a{width:94px; background-position:-620px 0;} #reNheader .headerWrap #gnbMenu .gnb li a:hover, #reNheader .headerWrap #gnbMenu .gnb li a:focus{background-position:-5px -71px;} #reNheader .headerWrap #gnbMenu .gnb li + li a:hover, #reNheader .headerWrap #gnbMenu .gnb li + li a:focus{background-position:-100px -71px;} #reNheader .headerWrap #gnbMenu .gnb li + li + li a:hover, #reNheader .headerWrap #gnbMenu .gnb li + li + li a:focus{background-position:-183px -71px;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li a:hover, #reNheader .headerWrap #gnbMenu .gnb li + li + li + li a:focus{background-position:-245px -71px;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li a:hover, #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li a:focus{background-position:-311px -71px;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li + li a:hover, #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li + li a:focus{background-position:-413px -71px;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li a:hover, #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li a:focus{background-position:-523px -71px;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li + li a:hover, #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li + li a:focus{background-position:-620px -71px;} #reNheader .headerWrap #gnbMenu .gnb li.active a{background-position:-5px -142px;} #reNheader .headerWrap #gnbMenu .gnb li + li.active a{background-position:-100px -142px;} #reNheader .headerWrap #gnbMenu .gnb li + li + li.active a{background-position:-183px -142px;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li.active a{background-position:-245px -142px;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li.active a{background-position:-311px -142px;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li + li.active a{background-position:-413px -142px;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li.active a{background-position:-523px -142px;} #reNheader .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li + li.active a{background-position:-620px -142px;} #reNheader .headerWrap #gnbMenu .gnb-add{float:left; background:#fff;} #reNheader .headerWrap #gnbMenu .gnb-add li{float:left; padding-left:1px; background:url(http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/bar_gnbmenuadd.gif) no-repeat left 50%;} #reNheader .headerWrap #gnbMenu .gnb-add li *{vertical-align:top;} #reNheader .headerWrap #gnbMenu .gnb-add li:first-child{padding-left:0; background:none;} #reNheader .headerWrap #gnbMenu .gnb-add li a{display:inline-block; width:137px; height:51px; font-size:0; line-height:0; background:url(http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/img_gnbAdd.jpg) no-repeat 0 0;} #reNheader .headerWrap #gnbMenu .gnb-add li[data-index='1'] a{background-position:0 0;} #reNheader .headerWrap #gnbMenu .gnb-add li[data-index='2'] a{background-position:-138px 0;} /* 전체메뉴 */ #reNheader .headerWrap #gnbMenuAll {position:absolute;left:0;top:1px;width:955px;padding:19px 15px;border:5px solid #094e7d;background:#fff;z-index:110;} #reNheader .headerWrap #gnbMenuAll .gnbAllTit {position:relative;height:38px;} #reNheader .headerWrap #gnbMenuAll .gnbAllTit .gaBtn {position:absolute;right:0;top:0;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList {} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu01, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu02, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu03, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu04, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu05, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu06, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu07, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu08 {overflow:hidden;float:left;position:relative;padding-bottom:19px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2011/layout/hline_allMenu_dot.gif') repeat-x left top;line-height:1.2;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu01 {width:238px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu01 .gmTit01 {position:absolute;left:15px;top:16px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu02 {width:238px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu02 .gmTit02 {position:absolute;left:0;top:16px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu03 {width:238px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu03 .gmTit03 {position:absolute;left:0;top:16px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu04 {width:238px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu04 .gmTit04 {position:absolute;left:0;top:16px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu05 {width:238px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu05 .gmTit05 {position:absolute;left:8px;top:16px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu06 {width:238px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu06 .gmTit06 {position:absolute;left:0;top:16px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu07 {width:238px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu07 .gmTit07 {position:absolute;left:0;top:16px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu08 {width:238px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gnbAllList li.gMenu08 .gmTit08 {position:absolute;left:0;top:16px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul {padding-top:1px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s01 {margin:15px 0 0 66px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s02 {margin:15px 0 0 31px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s03 {margin:15px 0 0 33px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s04 {margin:15px 0 0 62px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s05 {margin:15px 0 0 80px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s06 {margin:15px 0 0 66px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s07 {margin:15px 0 0 63px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s08 {margin:15px 0 0 68px;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s01 li, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s02 li, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s03 li, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s04 li, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s05 li, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s06 li, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s07 li, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s08 li {overflow:hidden;height:15px;padding:1px 0 0 7px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2011/ico/ico_arrowGray.gif') no-repeat left 4px;line-height:15px;white-space:nowrap;} #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s01 li, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s02 li, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s03 li, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s04 li, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s05 li, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s06 li, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s07 li, #reNheader .headerWrap #gnbMenuAll .gnbAll ul.gMenu_s08 li {width:140px;_width:138px;height:15px;line-height:15px;} /* LOG영역(팝업:회원정보) */ #reNheader .headerTop .topRight .popMemInfoArea {position:absolute;left:93px;top:33px;padding:8px 10px 4px;border:3px solid #054c82;background-color:#fff;z-index:110;} #reNheader .headerTop .topRight .popMemInfoArea li {height:18px;padding:2px 0 0 7px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/ico/ico_cir_darkBlue.gif') no-repeat left 7px;background-position /*\**/:left 6px\9;#background-position:left 6px;line-height:14px;} :root #reNheader .headerTop .topRight .popMemInfoArea li {background-position:left 5px \0/IE9;} /* LOG영역(팝업:수강중인 강좌) */ .popMyLecListArea {position:absolute;right:0;top:33px;width:410px;height:165px;padding:10px;border:3px solid #054c82;background-color:#fff;z-index:110;} .popMyLecListArea .listOption {overflow:hidden;height:30px;} .popMyLecListArea .listOption ul {clear:both;float:left;padding-top:4px;} .popMyLecListArea .listOption ul li {float:left;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2013/layout/tab_myLecList_vline.gif') no-repeat left top;} .popMyLecListArea .listOption ul li:first-child {background-image:none;} .popMyLecListArea .listOption ul li a {display:block;padding:0 10px;line-height:14px;} .popMyLecListArea .listOption .viewAlign {float:right;} .popMyLecListArea .listOption .viewAlign select {width:100px;height:20px;padding:0;} .popMyLecListArea .listBox {height:135px;overflow-x:hidden;overflow-y:scroll;} .popMyLecListArea .listBox table.interLecList_tb {border:0;border-spacing:0;border-collapse:collapse;border-top:1px solid #e7e7e7;table-layout:fixed;empty-cells:show;} .popMyLecListArea .listBox table.interLecList_tb thead {display:none;} .popMyLecListArea .listBox table.interLecList_tb td {height:25px;border-bottom:1px solid #e7e7e7;text-align:center;line-height:1.2;vertical-align:middle;} .popMyLecListArea .listBox table.interLecList_tb td.lecTit {overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:270px;padding:0 5px;height /*\**/:23px\9;padding /*\**/:2px 5px 0\9;#height:23px;#padding:2px 5px 0;_height:23px;_padding:2px 5px 0;font-weight:bold;letter-spacing:-1px;text-align:left !important;white-space:nowrap;} .popMyLecListArea .listBox table.interLecList_tb td.lecTit a {white-space:nowrap;} .popMyLecListArea .listBox table.interLecList_tb td.lecDel a {text-decoration:underline;} .popMyLecListArea .listBox table.interLecList_tb td .ingLec {color:#d81132;font-weight:bold;} .popMyLecListArea .listBox table.interLecList_tb td img {vertical-align:top;} /* LOG영역(팝업:나의 소식) */ #reNheader .headerTop .topRight .popMyMenuArea {position:absolute;right:0;width:105px;top:33px;padding:5px 10px;border:3px solid #054c82;background-color:#fff;z-index:101;} #reNheader .headerTop .topRight .popMyMenuArea li {height:18px;padding:2px 0 0 7px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/ico/ico_cir_darkBlue.gif') no-repeat left 7px;background-position /*\**/:left 6px\9;#background-position:left 6px;line-height:14px;} :root #reNheader .headerTop .topRight .popMyMenuArea li {background-position:left 5px \0/IE9;} #reNheader .headerTop .topRight .popMyMenuArea li .num {color:#ef006b;letter-spacing:0 !important;} #reNheader .headerTop .topRight .popMyMenuArea li a:hover, #reNheader .headerTop .topRight .popMyMenuArea li a:active, #reNheader .headerTop .topRight .popMyMenuArea li a:hover .num, #reNheader .headerTop .topRight .popMyMenuArea li a:active .num {color:#009cbf;} .mLogArea{float:right;width:275px;height:140px;margin:0 0 21px 0;border-top:2px solid #404040;border-bottom:1px solid #dadada;background-color:#f6f6f6;z-index:20;} .mLogArea label{cursor:pointer;} /* 로그인전 */ .mLogArea .logArea, .mLogArea .logFuncArea, .mLogArea .logOptionArea{clear:both;width:245px;padding:0 14px;border-right:1px solid #dadada;border-left:1px solid #dadada;} .mLogArea .logArea{position:relative;height:64px;padding:14px 14px 0;} .mLogArea .logArea input{float:left;width:145px;height:22px;margin:0 5px 4px 0;padding:0 5px;line-height:22px;border:1px solid #d2d6dd;} .mLogArea .logArea .btnLogin{position:absolute;right:14px;top:14px;} .mLogArea .logFuncArea{height:24px;} .mLogArea .logFuncArea li{float:left;padding:0 11px;text-align:left;} .mLogArea .logOptionArea{position:relative;height:22px;padding-top:15px;border-top:1px solid #e7e7e7;} .mLogArea .logOptionArea ul{} .mLogArea .logOptionArea li{float:left;height:12px;padding:0 11px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/layout/vline_mLogOption.gif') no-repeat left 50%;} .mLogArea .logOptionArea li:first-child{background:none;} .mLogArea .logOptionArea .safeOn, .mLogArea .logOptionArea .safeOff{display:block;overflow:hidden;width:66px;height:12px;padding-left:12px;} .mLogArea .logOptionArea .safeOn .btn, .mLogArea .logOptionArea .safeOff .btn{float:left;margin-left:2px;} .mLogArea .logOptionArea .safeOn{background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/ico/ico_sirenRed.gif') no-repeat left 2px;} .mLogArea .logOptionArea .safeOff{background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/ico/ico_sirenGray.gif') no-repeat left 2px;} /* 로그인후 */ .mLogArea .memInfo, .mLogArea .memNews, .mLogArea .memFavorite{clear:both;width:257px;padding:0 8px;border-right:1px solid #dadada;border-left:1px solid #dadada;z-index:100;} .mLogArea .memInfo{height:32px;} .mLogArea .memInfo .mem{float:left;padding-top:10px;color:#1d3666;font-weight:bold;} .mLogArea .memInfo .mem .pointNum{color:#646464;font-weight:normal;} .mLogArea .memInfo .memBtn{float:right;padding-top:8px;} .mLogArea .memNews{position:relative;height:24px;background-color:#dddddd;z-index:20;} .mLogArea .memNews .newsList{overflow:hidden;width:221px;height:24px;margin-left:10px;} .mLogArea .memNews .newsList ul{} .mLogArea .memNews .newsList ul li{float:left;width:74px;} .mLogArea .memNews .newsList ul li:hover a + div{display:block;} .mLogArea .memNews .newsList ul li > div{display:none; position:absolute; left:0; top:24px; right:0; padding:10px; border:2px solid #c5c39d; background-color:#f7f4d5;} .mLogArea .memNews .newsList ul li > div p{padding-left:15px; color:#484848; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/ico/ico_refer.gif') no-repeat 0 2px;} .mLogArea .memNews .newsList ul.upCase{} .mLogArea .memNews .newsList ul.upCase li{width:69px;} .mLogArea .memNews .newsList ul.upCase li:first-child{width:84px;#width:84px;} .mLogArea .memNews .newsList li a{display:block;float:left;width:100%;height:24px;color:#484848;font-size:11px;line-height:25px;text-align:center;letter-spacing:-2px;} .mLogArea .memNews .newsList li a .num{color:#ef006b;} .mLogArea .memNews .btnListL{position:absolute;left:5px;top:6px;} .mLogArea .memNews .btnListR{position:absolute;left:238px;top:6px;} .mLogArea .memNews .btnListSet{position:absolute;right:5px;top:5px;} .mLogArea .memFavorite{position:relative;height:84px;z-index:10;} .mLogArea .memFavorite .favorite{display:block;overflow:hidden;float:left;height:28px;color:#484848;font-size:11px;line-height:28px;letter-spacing:-1px;} .mLogArea .memFavorite .favorite > a:first-child{display:inline-block; margin:-1px 5px 0; vertical-align:middle;} .mLogArea .memFavorite .favorite + div{display:none; position:absolute; left:0; top:28px; right:0; z-index:10; padding:10px; background-color:#fff4f9; border:2px solid #ebb2cc;} .mLogArea .memFavorite .favorite + div p{margin-top:9px; color:#484848;} .mLogArea .memFavorite .favorite + div a{position:absolute; right:10px; top:10px;} .mLogArea .memFavorite .favorite .num{color:#ef006b;font-weight:bold;} .mLogArea .memFavorite .listType{float:right;height:21px;padding-top:7px;} .mLogArea .memFavorite .favoriteThum{clear:both;position:relative;} .mLogArea .memFavorite .favoriteThum .thumArea{overflow:hidden;width:220px;height:50px;margin:0 auto;} .mLogArea .memFavorite .favoriteThum .thumArea li{float:left;width:55px;text-align:center;} .mLogArea .memFavorite .favoriteThum .thumArea li img{border:1px solid #dedede;} .mLogArea .memFavorite .favoriteThum .btnListL{position:absolute;left:0;top:0;} .mLogArea .memFavorite .favoriteThum .btnListR{position:absolute;right:0;top:0;} .mLogArea .memFavorite .popMyLecListArea{right:-1px;top:28px;} /* LOG영역(팝업:나의 소식 설정) */ #reNheader .headerTop .topRight .popMyMenuSetArea {position:absolute;right:0;top:33px;width:254px;padding:19px 0 19px 15px;border:3px solid #054c82;background:#fff;z-index:110;} #contentsIndex .mLogArea .memNews .popMyMenuSetArea {position:absolute;right:-1px;top:25px;width:254px;padding:19px 0 19px 15px;border:3px solid #054c82;background:#fff;z-index:110;} .popMyMenuSetArea .myMenuSetTit {position:relative;height:38px;} .popMyMenuSetArea .myMenuSetTit .gaBtn {position:absolute;right:15px;top:0;} .popMyMenuSetArea ul.myMenuSet {} .popMyMenuSetArea ul.myMenuSet li {float:left;width:78px;padding-bottom:6px;} .popMyMenuSetArea ul.myMenuSet li input, .popMyMenuSetArea ul.myMenuSet li img {float:left;cursor:pointer;} .popMyMenuSetArea .btnArea {float:left;padding-top:20px;} /* ip보안(레이어창) */ .loginMarea .memTop .ipSafeReadmeArea {} /* absolute가 안보이는 것을 방지하는 빈 레이어 */ .loginMarea .memTop .ipSafeReadme {position:absolute;left:30px;top:15px;z-index:81;} .logOptionArea .ipSafeReadme {position:absolute;right:0;top:40px;z-index:81;} .loginMarea .memTop .ipSafeReadme, .logOptionArea .ipSafeReadme {width:300px;height:250px;padding:19px 15px;border:5px solid #094e7d;background:#fff;z-index:110;} .loginMarea .memTop .ipSafeReadme .ipSafeReadmeTit, .logOptionArea .ipSafeReadme .ipSafeReadmeTit {position:relative;height:38px;} .loginMarea .memTop .ipSafeReadme .ipSafeReadmeTit .gaBtn, .logOptionArea .ipSafeReadme .ipSafeReadmeTit .gaBtn {position:absolute;right:0;top:0;} .loginMarea .memTop .ipSafeReadme p.readme, .logOptionArea .ipSafeReadme p.readme {margin-bottom:15px;text-align:justify;line-height:1.2;} .loginMarea .memTop .ipSafeReadme dl, .logOptionArea .ipSafeReadme dl {margin-bottom:-10px;} .loginMarea .memTop .ipSafeReadme dl dd, .logOptionArea .ipSafeReadme dl dd {margin-bottom:10px;text-align:justify;line-height:1.2;} /* [All공통] reNcontainer -------------------------------------------------------------------------------*/ /* Basic Select */ .basicSelect {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; position:relative;margin:0;font-weight:bold !important;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/layout/bg_reNselect.gif') no-repeat left top;} .basicSelect .btn {height:15px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/layout/btn_reNselect.gif') no-repeat right top; padding:4px 7px 4px 7px;#padding:6px 7px 4px 7px;_padding:6px 7px 4px 7px; line-height:15px; margin:0px; font-size:11px;font-weight:bold;color:#555555 !important; text-align:left;cursor:pointer} .basicSelect .btn.on {background-color:#ebebeb;} .basicSelect ul {border:1px solid #dadada; position:absolute;left:0;top:0;padding:0px !important; margin:0px !important; overflow-y:auto !important;background-color:#fff;z-index:12;} .basicSelect ul li {position:relative; height:19px;line-height:0; font-size:0; padding:0px 0px 2px 0px !important; margin:0px !important; text-align:left; overflow:hidden;} .basicSelect ul li input {position:absolute !important; z-index:1; top:0px !important; left:0px !important; width:100% !important; height:20px !important; margin:0px !important; line-height:1 !important; font-size:11px !important} .basicSelect ul li label {display:block !important; width:100%; text-indent:6px; height:15px; padding:4px 0px 2px 0px !important;#padding:6px 0px 2px 0px !important;_padding:6px 0px 2px 0px !important; margin:0px !important; position:absolute !important; z-index:2; top:0px !important; left:0px !important; font-size:11px !important; line-height:15px !important; background:white; cursor:pointer;} .basicSelect ul li.on label {background-color:#26648F; color:#E3EBF1} /* quickmenu */ .sideQuickArea.new {top: 0;} .sideQuickArea{position:absolute; top:10px; left:50%; width:90px; margin-left:517px; z-index:10;} .sideQuickArea li{overflow:hidden; display:inline-block; margin-bottom:10px; border:1px solid #ddd; text-align:center;} .sideQuickArea li.onair{border:none} .sideQuickArea li.qSearchArea{width:90px; height:34px; padding-top:83px; padding-left: 0; border:none; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/layout/bg_sideQuick_qSearch.png') no-repeat left top;} .sideQuickArea li.qSearchArea fieldset{position:relative; width:80px; height:24px; margin:0 auto; padding:0;} .sideQuickArea li.qSearchArea fieldset input{width:48px; height:20px; padding:0 23px 0 5px; height /*\**/:19px\9;padding-top /*\**/:1px\9;#height:19px;#padding-top:1px; border:2px solid #b6b6b6; font-size:11px; line-height:20px;} :root .sideQuickArea li.qSearchArea fieldset input{height:17px \0/IE9;padding-top:3px \0/IE9;} .sideQuickArea li.qSearchArea fieldset .btnQsearch{display:block; overflow:hidden; position:absolute; right:2px; top:2px; #top:3px; width:20px; height:20px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/layout/btn_sideSearch.gif') no-repeat left top; text-indent:-999px;} /* subpage - quickmenu */ .sideQuickArea.subnew{top:0px; margin-left:0; left:0;} .sideQuickArea.subnew li{margin-bottom:0;} #footerQuickList.quickList li{border:none;} /* lnb */ #reNlnb .lnbTit{position:relative;z-index:11;} #reNlnb .lnbTit .btnTchSet{position:absolute;right:5px;bottom:5px;z-index:10;} /* 정렬기준 설정(LNB) */ #reNlnb .lnbTit .arraySetBox{position:absolute;right:-225px;top:0;width:200px;padding:19px 0 19px 15px;border:3px solid #054c82;background:#fff;z-index:15;} #reNlnb .lnbTit .arraySetBox .arraySetTit{position:relative;height:38px;} #reNlnb .lnbTit .arraySetBox .arraySetTit .gaBtn{position:absolute;right:15px;top:0;} #reNlnb .lnbTit .arraySetBox ul.arraySet{text-align:center;} #reNlnb .lnbTit .arraySetBox ul.arraySet li{display:inline;height:12px;padding:0 5px 5px;line-height:12px;} #reNlnb .lnbTit .arraySetBox ul.arraySet li .radioBtn{margin-top:-3px;} #reNlnb .lnbTit .arraySetBox ul.arraySet li input, #reNlnb .lnbTit .arraySetBox ul.arraySet li label{cursor:pointer;} #reNlnb .lnbTit .arraySetBox .btnArea{clear:both;padding-top:10px;text-align:center;} #reNlnb .lnbMenuArea{clear:both; overflow:hidden; width:218px; margin-bottom:10px;} #reNlnb .lnbMenuArea .lnbMenu li{overflow:hidden;} #reNlnb .lnbMenuArea .lnbMenu li a *{vertical-align:middle;} #reNlnb .lnbMenuArea .lnbMenu li a{position:relative; display:block; overflow:hidden; padding-left:18px; padding-right:40px; color:#061a4e; font-weight:bold; font-size:13px; line-height:50px; letter-spacing:-1px; white-space:nowrap;} #reNlnb .lnbMenuArea .lnbMenu li a:hover, #reNlnb .lnbMenuArea .lnbMenu li a:active, #reNlnb .lnbMenuArea .lnbMenu li.on a:hover{color:#557ad8;} #reNlnb .lnbMenuArea .lnbMenu li.on .menuList_s li.on a{color:#557ad8; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/icon_lnb_on.png') no-repeat 0 9px;} /* a.menuD : 하위 메뉴 없음, a.menuR : 메뉴 닫힘, a.menuB : 메뉴 열림 */ #reNlnb .lnbMenuArea .lnbMenu li a.menuD{border-bottom:1px solid #e0e9ff;} #reNlnb .lnbMenuArea .lnbMenu li a.menuR{border-bottom:1px solid #e0e9ff; background: url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/lnb_arrow.png') no-repeat 188px 15px;} #reNlnb .lnbMenuArea .lnbMenu li a.menuR:hover, #reNlnb .lnbMenuArea .lnbMenu li a.menuR:active{background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/lnb_arrow_on.png') no-repeat 188px 15px;} #reNlnb .lnbMenuArea .lnbMenu li a.menuB{border-bottom:1px solid #061a4e; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/lnb_arrow_on.png') no-repeat 188px 15px;} #reNlnb .lnbMenuArea .lnbMenu li a.menuB:hover, #reNlnb .lnbMenuArea .lnbMenu li a.menuB:active{background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/lnb_arrow_on.png') no-repeat 188px 15px;} #reNlnb .lnbMenuArea .lnbMenu li.on a.menuB, #reNlnb .lnbMenuArea .lnbMenu li.on a.menuD{color:#557ad8; text-decoration:underline;} /* 2019-06-27 추가 */ #reNlnb .lnbMenuArea .lnbAdd_submenu {position:relative;width:100%;} #reNlnb .lnbMenuArea .lnbAdd_submenu a {display:block;width:100%;height:51px;line-height:51px;font-family:'malgun Gothic', Dotum, Arial, sans-serif;font-weight:bold;font-size:15px;color:#e4007f;background: url('http://image.ebsi.co.kr/ebsi/images/reNskin2019/layout/lnb_arrow_redRight.png') no-repeat right center;border-bottom:1px solid #eaeaea;box-sizing:border-box;} #reNlnb .lnbMenuArea .lnbAdd_submenu a:link {color:#e4007f;} #reNlnb .lnbMenuArea .lnbAdd_submenu a img {vertical-align:middle;} /* lnb 3deps */ #reNlnb .lnbMenuArea .lnbMenu_s{padding:13px 0 13px 23px; background-color:#fafafa; border-bottom:1px solid #dcdfe6;} #reNlnb .lnbMenuArea .lnbMenu_s li{overflow:hidden;} #reNlnb .lnbMenuArea .lnbMenu_s li a{display:block; height:27px; padding:0 5px 0 12px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/icon_lnb.png') no-repeat 0 9px; color:#3a3a3a; font-weight:normal; font-size:12px; line-height:27px; line-height /*\**/:27px\9;#line-height:27px; letter-spacing:0; white-space:nowrap;} :root #reNlnb .lnbMenuArea .lnbMenu_s li a{line-height:27px \0/IE9;} #reNlnb .lnbMenuArea .lnbMenu_s li a:hover, #reNlnb .lnbMenuArea .lnbMenu_s li a:active, #reNlnb .lnbMenuArea .lnbMenu_s li.on a:hover{color:#557ad8; text-decoration:none; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/icon_lnb_on.png') no-repeat 0 9px;} /* lnb 선생님일때 */ #reNlnb .lnbMenuArea .lnbMenu .lnbTchArea{overflow-x:hidden; overflow-y:auto; height:200px; padding:10px 25px; border-bottom:1px solid #dcdfe6; background:#fafafa;} #reNlnb .lnbMenuArea .lnbMenu .lnbTchArea .tchGrp{float:left;display:block;width:168px;height:18px;padding:0;color:#000;font-weight:bold;line-height:18px;} #reNlnb .lnbMenuArea .lnbMenu .lnbTchArea ul.menuList2_s{float:left;width:168px;margin:0 0 8px -12px;} #reNlnb .lnbMenuArea .lnbMenu .lnbTchArea ul.menuList2_s li{float:left;overflow:hidden;width:50px;padding:0 0 0 5px;} #reNlnb .lnbMenuArea .lnbMenu .lnbTchArea ul.menuList2_s li a{display:block;height:20px;padding:0 0 0 7px;color:#606060;font-size:12px;font-weight:normal;line-height:20px;} #reNlnb .lnbMenuArea .lnbMenu .lnbTchArea ul.menuList2_s li a:hover, #reNlnb .lnbMenuArea .lnbMenu .lnbTchArea ul.menuList2_s li a:active, #reNlnb .lnbMenuArea .lnbMenu .lnbTchArea ul.menuList2_s li.on a{text-decoration:none; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2013/ico/ico_arrR_blue.gif') no-repeat left 7px; color:#557ad8;} #reNlnb .lnbMenuArea_eCast{overflow:hidden;width:205px;padding-top:10px;font-size:12px;z-index:10;} #reNlnb .lnbMenuArea_eCast .lnbTit{display:block;overflow:hidden;width:220px;height:44px;margin-bottom:10px;} #reNlnb .lnbMenuArea_eCast .lnbMenu{overflow:hidden;margin-left:-11px;} #reNlnb .lnbMenuArea_eCast .lnbMenu .menuList{border-right:1px solid #cbcdd5;border-left:1px solid #cbcdd5;} #reNlnb .lnbMenuArea_eCast .lnbMenu .menuList li{padding:9px 10px;border-bottom:1px solid #cbcdd5;line-height:16px;} #reNlnb .lnbMenuArea_eCast .lnbMenu .menuList li.gray{background-color:#f5f5f5;} #reNlnb .lnbMenuArea_eCast .lnbMenu .menuList li .chTit{margin-bottom:10px;color:#4467b7;font-weight:bold;white-space:nowrap;} #reNlnb .lnbMenuArea_eCast .lnbMenu .menuList li .chTxt{color:#333;} #reNlnb .lnbMenuArea_eCast .lnbMenu .menuList li .icoHot, #reNlnb .lnbMenuArea_eCast .lnbMenu .menuList li .icoNew{margin-top:-1px;} #reNlnb .lnbMenuArea_eCast .lnbMenu .imgMenuList{overflow:hidden;width:218px;border-right:1px solid #7b7b7b;border-bottom:1px solid #7b7b7b;border-left:1px solid #cbcdd5;} #reNlnb .lnbMenuArea_eCast .lnbMenu .imgMenuList li{border-top:1px solid #cbcdd5;} #reNlnb .lnbMenuArea_eCast .lnbMenu .imgMenuList li:first{border-top:none;} #reNlnb .lnbMenuArea_eCast .lnbMenu .imgMenuList li .icoLoc{position:relative;} #reNlnb .lnbMenuArea_eCast .lnbMenu .imgMenuList li .icoLoc .nNh_ico{position:absolute;right:20px;top:23px;} #reNlnb .lnbAddMenuArea{clear:both; overflow:hidden; margin-bottom:10px; text-align:center; } #reNlnb .lnbAddMenuArea li{overflow:hidden; position:relative; width:205px; margin:10px auto 0;} #reNlnb .lnbAddMenuArea li:first-child{margin-top:0;} #reNlnb .lnbAddMenuArea li .lnb_dPoint{display:block;position:absolute;right:10px;top:0;color:#2380f9;font-weight:bold;font-size:12px;line-height:43px;text-align:right;} #reNlnb .lnbAddMenuArea li .lnb_dPoint .tit{color:#76aef8;} #reNlnb .outsideAdArea{clear:both; overflow:hidden; width:205px; margin:0 auto 10px; border:1px solid #ddd; text-align:center; } /* [All공통]reNfooter -------------------------------------------------------------------------------*/ #reNfooter{width:100%; border-top:1px solid #c7ccd9;} #reNfooter .footContsArea {width:995px; height:100px; margin:0 auto; padding:20px 0;}/* 2017-08-30 수정 */ #reNfooter .footContsArea .fLeft {float:left;width:665px;text-align:left;}/* 2017-08-30 수정 */ #reNfooter .footContsArea .fLeft ul.siteMoveN {overflow:hidden;padding:4px 0 15px;} #reNfooter .footContsArea .fLeft ul.siteMoveN li {float:left;height:12px;padding:0 14px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/layout/footer_dot_gray.gif') no-repeat 0 50%;text-align:left !important;} #reNfooter .footContsArea .fLeft ul.siteMoveN li:first-child {padding-left:0 !important;background:none !important;} /* 2017-09-05 추가 start */ #reNfooter .footContsArea .fLeft ul.siteMoveN.new li a{color:#666;} #reNfooter .footContsArea .fLeft ul.siteMoveN.new li.privacy a{color:#3c73a0;} #reNfooter .footContsArea .fLeft ul.siteMoveN.new li a:hover{color:#557ad8;} /* 2017-09-05 추가 end */ /* 2017-08-30 추가 start */ #reNfooter .footContsArea .fLeft .information address span{font-size:11px;line-height:15px;} #reNfooter .footContsArea .fLeft .information address span b, #reNfooter .footContsArea .fLeft .information address span a{font-weight:bold;} #reNfooter .footContsArea .fLeft .information address i{display:inline-block;width:1px;height:8px;margin:0 4px;background:#666;} #reNfooter .footContsArea .fLeft .information .notice{margin:6px 0;font-size:11px;color:#3c73a0;} #reNfooter .footContsArea .fLeft .information .copyright{font-size:10px;font-weight:bold;} /* 2017-08-30 추가 end */ #reNfooter .footContsArea .fRight {position:relative;float:right;width:150px;text-align:right;z-index:2;} #reNfooter .footContsArea .fRight ul.addBtnList {overflow:hidden;float:left;z-index:3;} #reNfooter .footContsArea .fRight ul.addBtnList li {float:left;margin-left:4px;} #reNfooter .footContsArea .fRight ul.addBtnList li:first-child {margin-left:0;} #reNfooter .footContsArea .fRight .addInfoR {position:absolute;right:150px;top:0;width:170px;z-index:2;} #reNfooter .footContsArea .fRight .addInfoR ul.certifiList {overflow:hidden;float:left;} #reNfooter .footContsArea .fRight .addInfoR ul.certifiList li {float:left;padding-right:10px;} #reNfooter .footContsArea .reNselect {position:relative;float:left;width:150px;height:21px;z-index:22;} #reNfooter .footContsArea .reNselect li {color:#333;font-weight:bold;font-size:11px;line-height:23px;text-align:left;} #reNfooter .footContsArea .reNselect ul {top:-315px;} #reNfooter .footContsArea .reNselect ul.selectOpen li:hover, #reNfooter .footContsArea .reNselect ul.selectOpen li.hover, #reNfooter .footContsArea .reNselect ul.selectOpen li.selected:hover {color:#fff !important; } #reNfooter .familySite{width:100%; border-bottom:1px solid #d8d8d9;} #reNfooter .familySite .wrap-site {position:relative;overflow:hidden;width:995px;margin:0 auto;} #reNfooter .familySite .wrap-site .list-site {position:relative;overflow:hidden;width:980px; margin:auto;} #reNfooter .familySite .wrap-site .list-site .site {position:relative; height:50px; overflow:hidden;} #reNfooter .familySite .wrap-site .list-site .site:after{content:''; display:block; clear:both;} #reNfooter .familySite .wrap-site .list-site .site li {float:left; width:140px; height:50px;} #reNfooter .familySite .wrap-site .list-site .site li a{display:block; text-align:center;} #reNfooter .familySite .wrap-site .btn-prev, #reNfooter .familySite .wrap-site .btn-next{display:block; position:absolute; top:0; bottom:0; width:10px; margin:0; padding:0; border:0; background-color:#fff;} #reNfooter .familySite .wrap-site .btn-prev span, #reNfooter .familySite .wrap-site .btn-next span{display:block; width:7px; height:13px; text-indent:-9999px; overflow:hidden; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/btn/btn_site.gif')} #reNfooter .familySite .wrap-site .btn-prev{left:5px;} #reNfooter .familySite .wrap-site .btn-prev span{background-position:0 0;} #reNfooter .familySite .wrap-site .btn-next{right:0;} #reNfooter .familySite .wrap-site .btn-next span{background-position:0 -13px;} /* 2015.05 정보창 UI 추가 (유컴) */ .framewrap {position:absolute; right:0; top:0; z-index:10; width:275px; height:180px} .framewrap {width:241px; } .framewrap iframe {height:100%} .framewrap button.btn_expand {position:absolute; bottom:-6px; left:50%; width:51px; height:9px; margin:0 0 0 -25px; background:url('http://image.ebsi.co.kr/ebsi/images/pms/btn_infobox_expand.png') no-repeat 0 0; border:0; text-indent:-99999px; cursor:pointer} .framewrap.expand {height:360px} /* .framewrap.expand iframe {height:426px} */ .framewrap.expand button.btn_expand {bottom:-7px; background:url('http://image.ebsi.co.kr/ebsi/images/pms/btn_infobox_collapse.png') no-repeat 0 0} .framewrap .mobile + button.btn_expand, .framewrap.expand .mobile + button.btn_expand{bottom:-8px;} .gnbframewrap {display:none; position:absolute; right:0px; top:65px; z-index:100; width:520px; height:192px} #framewrapsub.gnbframewrap{height:201px} .gnbframewrap iframe {height:100%} .gnbframewrap button.btn_expand {position:absolute; bottom:-15px; left:50%; width:46px; height:16px; margin:0 0 0 -23px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/pms/pms_down.png') no-repeat 0 0; border:0; text-indent:-99999px; cursor:pointer} .gnbframewrap.expand {height:412px} #framewrapsub.gnbframewrap.expand{height:412px} .gnbframewrap.expand iframe {height:412px} .gnbframewrap.expand button.btn_expand {background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/pms/pms_up.png') no-repeat 0 0} .bottomfixed_pop {position:fixed; bottom:0; right:10px; z-index:500} .bottomfixed_pop em {display:inline-block; width:25px; height:17px; margin:0 5px 0 0; text-align:center; color:#fff; font-size:11px; line-height:17px; font-style:normal; letter-spacing:-1px; vertical-align:middle;} .bottomfixed_pop em.label_01 {background:url('http://image.ebsi.co.kr/ebsi/images/pms/icon_label_01.jpg') no-repeat 0 0} .bottomfixed_pop em.label_02 {background:url('http://image.ebsi.co.kr/ebsi/images/pms/icon_label_02.jpg') no-repeat 0 0} .bottomfixed_pop em.label_03 {background:url('http://image.ebsi.co.kr/ebsi/images/pms/icon_label_03.jpg') no-repeat 0 0} .bottomfixed_pop em.label_04 {background:url('http://image.ebsi.co.kr/ebsi/images/pms/icon_label_04.jpg') no-repeat 0 0} .bottomfixed_pop em.label_05 {background:url('http://image.ebsi.co.kr/ebsi/images/pms/icon_label_05.jpg') no-repeat 0 0} .bottomfixed_pop em.label_06 {background:url('http://image.ebsi.co.kr/ebsi/images/pms/icon_label_06.jpg') no-repeat 0 0} .bottomfixed_pop dl {position:absolute; right:0; bottom:0; width:260px;padding:10px 40px 18px 18px; margin:0 0 10px 0; background:#f7f7f7; border:2px solid #4f5b76} .bottomfixed_pop dl dt {margin:0 0 8px 0; text-align:left} .bottomfixed_pop dl dt *{vertical-align:middle;} .bottomfixed_pop dl dt a {line-height:17px; font-weight:bold; color:#61697d} .bottomfixed_pop dl dd p {color:#808080; font-size:11px} .bottomfixed_pop dl dd button {position:absolute; right:-2px; top:-2px; width:24px; height:24px; background:url('http://image.ebsi.co.kr/ebsi/images/pms/btn_alram_close.jpg') no-repeat 0 0; border:0; text-indent:-99999px; cursor:pointer} div.mynewspop {display:none; position:absolute; z-index:999999; left:49%; top:0; width:460px; margin:70px 0 0 -230px; padding-bottom:16px; background:#fff; border:1px solid #5d6c7a} div.mynewspop.main{margin:230px 0 0 -230px;} div.mynewspop button.btn_layerclose {position:absolute; right:10px; top:10px; width:20px; height:19px; background:url('http://image.ebsi.co.kr/ebsi/images/pms/btn_layerclose.png') no-repeat 0 0; border:0; text-indent:-99999px; cursor:pointer;} div.mynewspop dl dt {height:40px; margin:0; padding:0 30px 0 10px; background:#1f3569; font-size:14px; font-weight:bold; line-height:40px} div.mynewspop dl dt span {display:block; width:100%; overflow:hidden; color:#fff; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis} div.mynewspop dl dd {padding:20px; max-height:100%; overflow-x:hidden; overflow-y:auto; text-align:justify; font-size:12px; line-height:17px} div.mynewspop dl dd img {display:block; width:100%} div.mynewspop .btncenter {clear:both; overflow:hidden; text-align:center; font-size:0} div.mynewspop .btncenter button {float:none; width:85px; height:35px; margin:0 3px; border:0; text-indent:-99999px; cursor:pointer} div.mynewspop .btncenter button.btn_news_delete {background:url('http://image.ebsi.co.kr/ebsi/images/pms/btn_news_delete.jpg') no-repeat 0 0} div.mynewspop .btncenter button.btn_news_close {background:url('http://image.ebsi.co.kr/ebsi/images/pms/btn_news_close.jpg') no-repeat 0 0} div.mynewspop .btncenter button.btn_news_more {width:112px; background:url('http://image.ebsi.co.kr/ebsi/images/pms/btn_news_more.jpg') no-repeat 0 0} table.tbStyle02 tr.myinfosetting th {background:#dfe5f2; border-right:1px solid #b9caec; border-left:1px solid #b9caec; border-bottom:1px solid #b9caec; color:#5270ac; font-size:11px; font-weight:bold; letter-spacing:-1px} table.tbStyle02 tr.myinfosetting td {background:#f2f5fa; border-bottom:1px solid #b9caec; border-right:1px solid #b9caec; font-size:11px; color:#808080} table.tbStyle02 tr.myinfosetting td strong {color:#5270ac} table.tbStyle02 tr.myinfosetting td strong em {margin:0 10px 0 5px; padding:0 0 0 8px; background:url('http://image.ebsi.co.kr/ebsi/images/pms/bg_borderline_03.jpg') no-repeat 0 0; color:#666; font-weight:bold} table.tbStyle02 tr.myinfosetting td .or {margin-right:10px} table.tbStyle02 tr.myinfosetting td .or input {vertical-align:-2px; margin-right:5px} table.tbStyle02 tr.myinfosetting td b {font-weight:normal; font-size:12px} table.tbStyle02 tr.myinfosetting td p select {width:330px; margin:6px 0 0 0; color:#666} table.tbStyle02 tr.myinfosetting td button {width:78px; height:24px; margin:4px 2px 0 0; border:0; cursor:pointer; text-indent:-99999px} table.tbStyle02 tr.myinfosetting td button.btn_app_android {background:url('http://image.ebsi.co.kr/ebsi/images/pms/btn_android.jpg') no-repeat 0 0} table.tbStyle02 tr.myinfosetting td button.btn_app_ios {background:url('http://image.ebsi.co.kr/ebsi/images/pms/btn_ios.jpg') no-repeat 0 0} table.tbStyle02 tr.myinfosetting td button.btn_urlsend {background:url('http://image.ebsi.co.kr/ebsi/images/pms/btn_urlsend.jpg') no-repeat 0 0} dl.myinfosendbox {position:relative; height:75px; padding:18px; background:#f6f6f6; border:1px solid #ebebeb} dl.myinfosendbox dt {height:22px; font-size:11px} dl.myinfosendbox dt strong {position:relative; padding-right:25px; margin:0 15px 0 0} dl.myinfosendbox dt strong em {display:block; position:absolute; right:0; top:-3px; width:16px; height:16px; background:url('http://image.ebsi.co.kr/ebsi/images/pms/icon_qumark.png') no-repeat 0 0; text-indent:-99999px} dl.myinfosendbox dt p {position:absolute; top:-40px; left:0; width:360px; padding:8px; background:#fff; border:2px solid #4f5b76; color:#61697d; font-size:12px; text-indent:0} dl.myinfosendbox dt span {margin:0 12px 0 0} dl.myinfosendbox dt span input {vertical-align:-2px; margin-right:5px} dl.myinfosendbox dd span {position:absolute; right:10px; top:20px; font-size:11px} dl.myinfosendbox dd textarea {width:714px; height:34px; overflow-y:auto; overflow-x:hidden; padding:8px; border:1px solid #b0b0b0; background:#fff; font-size:11px; color:#888} .lms_recBox_pink {padding:8px;border:1px solid #CCCCCC;background:pink;} .lms_recBox_skyblue {padding:10px 15px 7px;border:1px solid #b9cbd8;background-color:#e1f1f1;color:#1596cb;font-size:12px;line-height:16px;} /*해더 학평 사전준비추가시*/ #reNheader .headerWrap .wrapTop.lms2016 .topSearchArea{margin-left:230px;} #reNheader .headerWrap .wrapTop.lms2016 .fastLecFind{right:363px;} #reNheader .headerWrap .wrapTop.lms2016 .popularSearwrap{left:230px;} #reNheader .headerWrap .wrapTop.lms2016 .lms_2016_go{position:absolute; top:27px; right:255px;} #reNheader .headerWrap .wrapTop.lms2016 .lms_2016_go a{display:block;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/btn_quickLms5.jpg') no-repeat 0 0; height:35px; width:94px; text-indent:-9999px;} #reNheader .headerWrap .wrapTop.lms2016 .lms_2016_go a.smart{background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/btn_quicksmart2.png') no-repeat 0 0;} #reNheader .headerWrap .wrapTop.lms2016 .lms_2016_go a.open{background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/btn_fullsv_201604.gif') no-repeat 0 0;} #reNheader .headerWrap .wrapTop.lms2016 .lms_2016_go.type02{right:261px;} #reNheader .headerWrap .wrapTop.lms2016 .lms_2016_go a.smart06{width:100px;background-image:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/btn_quicksmart6.png');} #reNheader .headerWrap .wrapTop.lms2016 .lms_2016_go a.smart07{width:100px;background-image:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/btn_quicksmart7.png');} #reNheader .headerWrap .wrapTop.lms2016 .lms_2016_go a.smart09{position:relative; left:14px; width:100px;background-image:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/btn_quicksmart9.png');} #reNheader .headerWrap .wrapTop.lms2016 .lms_2016_go a.smart10{position:relative; left:14px; width:100px;background-image:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/btn_quicksmart10.jpg');} #reNheader .headerWrap .wrapTop.lms2016 .lms_2016_go a.smart11{position:relative; left:6px; width:100px;background-image:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/btn_quicksmart11_go12.jpg');} /*---------상단 리뉴얼20160318------------*/ #reNheader.new .headerWrap{z-index:12;} #reNheader.new .headerWrap .wrapTop .logoArea{top: 48px;} #reNheader.new .dDayArea{position: absolute;top: 95px; left: 25px;} #reNheader.new .dDayArea a .dDayTit{font-size:11px;color:#000;} #reNheader.new .dDayArea a .dDayNum{font-size:11px;color:#ff7e00;font-weight:bold;} #reNheader.new .login_wrap{position: absolute;right: 0;top: 53px;width:311px;} #reNheader.new .login2017{position:relative;} #reNheader.new .login2017 .saveid{float:none;padding: 5px 0;display: block;position: absolute;top: -32px;left:0;} #reNheader.new .login2017 fieldset input{width:132px;height:28px;line-height:28px;} #reNheader.new .login2017 fieldset .btnLogin{ top: 10px;height: 57px;line-height: 57px;} #reNheader.new .login2017 .status-ip{float:none;} #reNheader.new .login2017 ul{float: right;padding-top: 2px;} #reNheader.new .login2017 ul li a{font-size:11px;} #reNheader.new .login2017 .saveid input[type="checkbox"]{vertical-align:middle; color:#707a93; line-height:14px;} #reNheader.new .login2017 .saveid label{color:#707a93; line-height:14px;position: relative;bottom: -1px;} *+ html #reNheader.new .login2017 .saveid .login input[type="checkbox"], *+ html #reNheader.new .login2017 .saveid .login label{vertical-align:middle;} #reNheader.new .login2017 .status_wrap{zoom:1;padding-top:10px;} #reNheader.new .login2017 .status_wrap:after{display:block;content:'';clear:both;} #reNheader.new .login2017 .status-ip{float:left; width:115px; color:#707a93; overflow:hidden;} #reNheader.new .login2017 .status-ip > p{float:left; font-size:11px; line-height:20px;color:#707a93;} #reNheader.new .login2017 .status-ip span{position:relative; float:left; width:65px; height:17px; margin-left:8px; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/main/bg_ip_safe.png')} #reNheader.new .login2017 .status-ip span.index1{background-position:0 -17px;} #reNheader.new .login2017 .status-ip input[type="radio"]{position:absolute; top:0; float:left; width:25px; height:17px; cursor:pointer; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; cursor:pointer;} #reNheader.new .login2017 .status-ip label{float:left; top:0; width:25px; height:17px; text-indent:-9999px; overflow:hidden; cursor:pointer;} #reNheader.new .login2017 .status-ip label.off{width:28px;} #reNheader.new .login2017 fieldset{position:relative; padding:0;zoom:1;padding-right:65px;} #reNheader.new .login2017 fieldset:after{display:block;content:'';clear:both;} #reNheader.new .login2017 fieldset input{float:left; width:106px; height:32px; padding:0 5px; line-height:32px;border:1px solid #a4aec9;margin-right: 5px;} #reNheader.new .login2017 fieldset input[value="아이디"], #reNheader.new .login2017 fieldset input[value="비밀번호"]{color:#b9c0d0;} #reNheader.new .login2017 fieldset .btnLogin{position:absolute; right:0; top:0px; width:64px; height:32px; font-size:12px; color:#fff; line-height:33px; text-align:center; font-weight:bold; background-color:#557ad8; border:1px solid #415ea8;} #reNheader.new .login2017 ul:after{content:''; display:block; clear:both; zoom:1;} #reNheader.new .login2017 ul li{float:left; padding:0 5px; border-left:1px solid #ccc;} #reNheader.new .login2017 ul li:first-child{padding-left:0; border-left:none;} #reNheader.new .login2017 ul li + li + li{padding-right:0;} #reNheader.new .login2017 ul li a{display:inline-block; color:#707a93; font-size:11px;} #reNheader.new .login2017 ul li a strong{color:#557ad8; font-weight:normal;} #reNheader.new .login2017 .txt-notice{padding:11px 17px; font-size:11px; line-height:1.4; color:#666; background-color:#f4f4f4; border-top:1px solid #e9e9e9;} #reNheader.new .login2017 .ipSafeReadme{position:absolute;right:0px;top:100%;z-index:15;} #reNheader.new .login2017 .ipSafeReadme{width:300px;height:250px;padding:19px 15px;border:5px solid #094e7d;background:#fff;z-index:16;} #reNheader.new .login2017 .ipSafeReadme .ipSafeReadmeTit{position:relative;height:38px;} #reNheader.new .login2017 .ipSafeReadme .ipSafeReadmeTit .gaBtn{position:absolute;right:0;top:0;} #reNheader.new .login2017 .ipSafeReadme p.readme{margin-bottom:15px;text-align:justify;line-height:1.2;} #reNheader.new .login2017 .ipSafeReadme dl{margin-bottom:-10px;} #reNheader.new .login2017 .ipSafeReadme dl dd{margin-bottom:10px;text-align:justify;line-height:1.2;} #reNheader.new .logout2017 .logout{padding-right: 70px;position: relative;} #reNheader.new .logout2017 .logout .detail{height: 34px;background-color:#f1f1f1;text-align: center;} #reNheader.new .logout2017 .logout .detail strong{font-size:14px;color:#0b2448;font-weight:bold;line-height:35px;} #reNheader.new .logout2017 .logout .detail span{font-size:12px;color:#557ad8;font-weight:bold;margin-left:15px;line-height:35px;} #reNheader.new .logout2017 .logout > a{display:block;position: absolute;right: 0;top: 0px; width: 64px; height: 32px;font-size: 12px;color: #777;line-height: 33px; text-align: center;font-weight: bold;background-color: #fff; border: 1px solid #777;} #reNheader.new .logout2017 .list{padding-top:10px;zoom:1;} #reNheader.new .logout2017 .list:after{display:block;content:'';clear:both;} #reNheader.new .logout2017 .list ul{float:right;} #reNheader.new .logout2017 .list ul li{float:left;padding-left:5px; border-left: 1px solid #ccc;} #reNheader.new .logout2017 .list ul li a{font-size: 11px;color:#707a93;} #reNheader.new .logout2017 .list ul li:first-child{padding-left:0;padding-right:5px; border-left:none;} #reNheader.new .logout2017 .list ul li.info a{font-weight:bold;font-size:12px;} #reNheader.new .logout2017 .list ul li.info img{width: 12px;} #reNheader.new .lec_search_wrap{background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/new/lec_search_bg.png') no-repeat 0 0;width:242px;height:66px;position: absolute;top: 0; right: 0;} #reNheader.new .lec_search_wrap .inner{position:relative;width:242px;height:66px;} #reNheader.new .lec_search_wrap .inner input{color:#ff840c;background-color: transparent;border:none;position: absolute; top: 28px;left: 95px; font-size:11px; height: 20px; line-height: 20px;width: 90px;} #reNheader.new .lec_search_wrap .inner a{background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/new/lec_search_bg02.png') no-repeat 0 0;width:17px;height:17px;text-indent:-99999px; display:block;position: absolute; top: 30px;right: 35px;} #reNheader.new .headerWrap #gnbMenu{position:relative;} #reNheader.new .gnb_add02{position: absolute;left: 50%;top:60px;width:128px;margin-left: -630px;} #reNheader.new .gnb_add02 a{display: block;text-align: center;} #reNheader.new .gnb_add03{position: absolute;left: 50%;top:60px;width:120px;margin-left: 525px;} #reNheader.new .gnb_add03 a{display: block;text-align: center;} #reNheader.new .topRight ul.memGrp {float:left;} #reNheader.new .topRight ul.memGrp li {float:left;height:18px; padding:0 0 0 10px;font-size:11px;white-space:nowrap;} #reNheader.new .topRight ul.memGrp li a {overflow:hidden;float:left;height:31px; color:#484848;line-height:18px;} #reNheader.new .topRight ul.memGrp li a.btnName {height:18px; margin-right:15px} #reNheader.new .topRight ul.memGrp li a:hover {text-decoration:underline} /* :root #reNheader.new .topRight ul.memGrp li a {line-height:34px \0/IE9;} */ :root #reNheader.new .topRight ul.memGrp li a {line-height:20px \0/IE9;} #reNheader.new .topRight ul.memGrp li a.btnName {padding-right:18px;background:url('http://image.ebsi.co.kr/ebsi/images/pms/icon_gnbarr_off.png') no-repeat right 1px;#background-position:right 48%;} #reNheader.new .topRight ul.memGrp li.on a.btnName {background:url('http://image.ebsi.co.kr/ebsi/images/pms/icon_gnbarr_on.png') no-repeat right 9px;#background-position:right 48%;} #reNheader.new .topRight ul.memGrp li a.btnName strong {color:#1d3666;font-weight:bold;} #reNheader.new .topRight ul.memGrp li a.btnMyMenuSet img {margin-top:8px;} #reNheader.new .topRight ul.memGrp li.info {position:relative; color:#082d6c;} #reNheader.new .topRight ul.memGrp li.info a {float:none; display:inline; height:auto; overflow:visible; margin:0 5px;color:#082d6c;} #reNheader.new .topRight ul.memGrp li.info a:hover {text-decoration:underline} #reNheader.new .topRight .popMemInfoArea {position:absolute;left:10px;top:20px;padding:8px 10px 4px;border:3px solid #054c82;background-color:#fff;z-index:110;} #reNheader.new .topRight .popMemInfoArea li {height:18px;padding:2px 0 0 7px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/ico/ico_cir_darkBlue.gif') no-repeat left 7px;background-position /*\**/:left 6px\9;#background-position:left 6px;line-height:14px;} :root #reNheader .topRight .popMemInfoArea li {background-position:left 5px \0/IE9;} #reNheader.new .topRight .popMyMenuArea {position:absolute;right:0;width:105px;top:24px;padding:5px 10px;border:3px solid #054c82; background-color:#fff;z-index:101;} #reNheader.new .topRight .popMyMenuArea li {height:18px;padding:2px 0 0 7px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2014/ico/ico_cir_darkBlue.gif') no-repeat left 7px;background-position /*\**/:left 6px\9;#background-position:left 6px;line-height:14px;} :root #reNheader.new .topRight .popMyMenuArea li {background-position:left 5px \0/IE9;} #reNheader.new .topRight .popMyMenuArea li .num {color:#ef006b;letter-spacing:0 !important;} #reNheader.new .topRight .popMyMenuArea li a:hover, #reNheader.new .topRight .popMyMenuArea li a:active, #reNheader.new .topRight .popMyMenuArea li a:hover .num, #reNheader.new .topRight .popMyMenuArea li a:active .num {color:#009cbf;} #reNheader.new .topRight .popMyMenuSetArea {position:absolute;right:0;top:24px;width:254px;padding:19px 0 19px 15px;border:3px solid #054c82;background:#fff;z-index:110;} #reNwrap2017 #reNcontainer #reNcontainer_in.new{ margin-top: 0;} #reNwrap2017 #reNcontainer #reNcontainer_in.new #reNcontents{border:none;} #reNcontainer_in.new #reNlnb .lnbMenuArea .lnbMenu_s{background-color: #fff;} #reNcontainer_in.new #reNlnb .lnbMenuArea .lnbMenu li a:hover, #reNcontainer_in.new #reNlnb .lnbMenuArea .lnbMenu li a:active, #reNcontainer_in.new #reNlnb .lnbMenuArea .lnbMenu li.on a:hover{color:#557ad8;text-decoration:underline;} #reNheader.new .headerWrap #gnbMenu{clear:both; width:995px; height:31px; background:#fff; z-index:-10;padding-top:20px;} #reNheader.new .headerWrap #gnbMenu .gnb{float:left; width:747px; padding:0;} #reNheader.new .headerWrap #gnbMenu .gnb li{position:relative; float:left; height:31px; margin-left:0px;} #reNheader.new .headerWrap #gnbMenu .gnb li:first-child{margin-left:0;} #reNheader.new .headerWrap #gnbMenu .gnb li a{display:inline-block; width:60px; height:31px; vertical-align:top; font-size:0; line-height:0; color:#557ad8; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/gnb/img_gnb.png') no-repeat 0px 0;} #reNheader.new .headerWrap #gnbMenu .gnb li + li a{width:42px; background-position:-87px 0;margin-left:30px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li a{width:25px; background-position:-157px 0;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li a{width:25px; background-position:-209px 0;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li a{width:60px; background-position:-260px 0;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li a{width:68px; background-position:-347px 0;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li a{width:60px; background-position:-442px 0;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li + li a{width:59px; background-position:-528px 0;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li + li + li a{width:59px; background-position:-614px 0;} #reNheader.new .headerWrap #gnbMenu .gnb li a:hover, #reNheader.new .headerWrap #gnbMenu .gnb li a:focus{background-position:0px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li a:hover, #reNheader.new .headerWrap #gnbMenu .gnb li + li a:focus{background-position:-87px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li a:hover, #reNheader.new .headerWrap #gnbMenu .gnb li + li + li a:focus{background-position:-157px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li a:hover, #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li a:focus{background-position:-209px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li a:hover, #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li a:focus{background-position:-260px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li a:hover, #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li a:focus{background-position:-347px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li a:hover, #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li a:focus{background-position:-442px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li + li a:hover, #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li + li a:focus{background-position:-528px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li + li + li a:hover, #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li + li + li a:focus{background-position:-614px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li.active a{background-position:0px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li.active a{background-position:-87px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li.active a{background-position:-157px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li.active a{background-position:-209px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li.active a{background-position:-260px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li.active a{background-position:-347px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li.active a{background-position:-442px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li + li.active a{background-position:-528px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li + li + li + li + li.active a{background-position:-614px -72px;} #reNheader.new .headerWrap #gnbMenu .gnb li .icon_new{position:absolute; top:-7px; left:50%; margin-left:-42px;} #reNheader.new .headerWrap #gnbMenu .gnb li .icon_new02{position:absolute; top:5px; right:50%; margin-right:-45px;} #reNheader.new .headerWrap #gnbMenu .gnb-add{float:right;} #reNheader.new .headerWrap #gnbMenu .gnb-add li{float:left; padding-left:0px;background:none;} #reNheader.new .headerWrap #gnbMenu .gnb-add li *{vertical-align:top;} #reNheader.new .headerWrap #gnbMenu .gnb-add li:first-child{padding-left:0; background:none;} #reNheader.new .headerWrap #gnbMenu .gnb-add li a{display:inline-block; width:121px; height:31px; font-size:0; line-height:0; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/gnb/img_gnbAdd.png') no-repeat 0 0;} #reNheader.new .headerWrap #gnbMenu .gnb-add li[data-index='1'] a{background-position:0 0;} #reNheader.new .headerWrap #gnbMenu .gnb-add li[data-index='2'] a{background-position:-122px 0;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li a.type2{background-position:-180px 0;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li a.type2:hover, #reNheader.new .headerWrap #gnbMenu .gnb li + li + li a.type2:focus{background-position:-180px -64px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li.active a.type2{background-position:-180px -126px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li a.type2{background-position:-248px 0;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li a.type2:hover, #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li a.type2:focus{background-position:-248px -64px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li.active a.type2{background-position:-248px -126px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li a.type2{background-position:-317px 0;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li a.type2:hover, #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li a.type2:focus{background-position:-317px -64px;} #reNheader.new .headerWrap #gnbMenu .gnb li + li + li + li + li.active a.type2{background-position:-317px -126px;} /*푸터 리뉴얼*/ #reNfooter.new .alram{padding: 30px 0;margin: 0;background-color:#e7ebee;} #reNfooter.new .alram .inner{clear: both; width: 995px; margin: 0 auto;} #reNfooter.new .alram .inner:after{content:''; display:block; clear:both;} #reNfooter.new .alram .column.left{float:left;} #reNfooter.new .alram .column.right{float: right;} #reNfooter.new .list_wrap{overflow:hidden;position:relative;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2015/layout/new/alram_bg.png') no-repeat 0px 0px;width:492px;height:66px;} #reNfooter.new .list_wrap h2{float:left;padding:23px 0 0 17px;} #reNfooter.new .list_wrap .thum_list{margin-left:30px;padding-top: 7px;width: 340px;float:left;} #reNfooter.new .list_wrap .thum_list li{border:none;height:25px;line-height:25px;width:100%; position: relative;overflow: hidden; } #reNfooter.new .list_wrap .thum_list li i{background-color:#ff840c;top: 10px;left: 0;position: absolute;display: block; width: 2px; height: 2px;} #reNfooter.new .list_wrap .thum_list li a{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #616179; font-size: 12px; padding: 0 10px;} #reNfooter.new .list_wrap .thum_list li a:hover{color:#ff840c;} #reNfooter.new .list_wrap .more{position:absolute;top:22px;right:10px;} #reNfooter.new .familySite{ border-top: 1px solid #c7ccd9;} #reNfooter.new .proMaen{padding: 0px 0 30px;margin: 0; background-color: #e7ebee;} #reNfooter.new .proMaen .inner{width: 995px; margin: 0 auto;} #reNfooter.new .proMaen .inner ul{zoom:1;} #reNfooter.new .proMaen .inner ul:after{display:block;content:'';clear:both;} #reNfooter.new .proMaen .inner ul li{float:left;position:relative;padding-top: 25px;} #reNfooter.new .proMaen .inner ul li + li{float:right;} #reNfooter.new .proMaen .inner ul li strong{display:block;position:absolute;top:-2px;left:15px;} #reNfooter.new .proMaen .inner ul li + li strong{top:-5px;} #reNfooter.new .proMaen .inner ul li a{display:block;} #reNfooter.new .sns_list{padding: 0px 0 30px;margin: 0; background-color: #e7ebee;} #reNfooter.new .sns_list .inner{width: 995px; margin: 0 auto;text-align:center;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/gnb/bg_sns.png') no-repeat 0 20px;} #reNfooter.new .sns_list .inner ul{display:inline-block;zoom:1;*display:inline;} #reNfooter.new .sns_list .inner ul li{float:left;} #reNfooter.new .sns_list .inner ul li + li{margin-left:20px;} /* 2017-08-30 추가 */ #reNfooter.new .sns_list.new{padding: 0px 0 23px;margin: 0; background-color: #e7ebee;} #reNfooter.new .sns_list.new .inner{zoom:1;width:995px;margin:0 auto;} #reNfooter.new .sns_list.new .inner:after{content:'';display:block;clear:both;} #reNfooter.new .sns_list.new .inner .column{float:left;width:476px;height:56px;padding:19px 0 18px 16px;background:#fff;border-top:1px solid #416a95;} #reNfooter.new .sns_list.new .inner .column.right{float:right} #reNfooter.new .sns_list.new .inner .column strong, #reNfooter.new .sns_list .inner .column ul li {float:left;} #reNfooter.new .sns_list.new .inner .column strong{position:relative;} #reNfooter.new .sns_list.new .inner .column.left strong{top:23px;margin-right:30px;} #reNfooter.new .sns_list.new .inner .column.right strong{top:21px;margin-right:33px;} #reNfooter.new .sns_list.new .inner .column.left li + li{margin-left:17px;} #reNfooter.new .sns_list.new .inner .column.right li + li{margin-left:7px;} /*왼쪽 퀵메뉴*/ .sideQuickArea.new.left{margin-left: -605px;} .sideQuickArea.new.left .quickList{position:relative;} .sideQuickArea.new.left .quickList .layer{position: absolute; left: -60px !important;top: 125px !important; z-index: 11111 !important;width: auto !important;display:none;} .sideQuickArea.new.left .quickList .layer .layer_in{position: relative;} .sideQuickArea.new.left .quickList .layer .layer_in .close{display: block;position: absolute; text-indent: -9999px; background-color: #fff;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);opacity: 0; top: 0;right: 0; width: 20px; height: 20px;} /*상단베너*/ #reNheader.new .lec_search_wrap02{position: absolute;top: 25px; right: 0;} /*20160627수정*/ #reNheader .headerWrap .wrapTop .topSearchArea{float:none;position: absolute;top: 50px;left:205px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/gnb/bg_search.png') no-repeat 0 0; width:330px;height:39px;} #reNheader .headerWrap .wrapTop .topSearchArea form{position:relative;} #reNheader .headerWrap .wrapTop .topSearchArea fieldset .inpbox{margin-top:0;top:0;} /*20160805뉴추가*/ #reNheader.new .headerWrap #gnbMenu .gnb-add .new{position:relative;} #reNheader.new .headerWrap #gnbMenu .gnb-add .new span{position:absolute;top:10px;right:20px;} /*20160810뉴,핫추가*/ #reNheader.new .headerWrap #gnbMenu .gnb li .icon{position:absolute;top:-5px;right:-8px;z-index: 1;} #reNheader.new .headerWrap #gnbMenu .gnb-add .new .icon{position:absolute;top:-5px;right:3px;} /*20160823고3서브메인 스카이스크래퍼*/ .sideQuickArea0823{margin-left: -690px;top:0;width:177px;position: absolute;top: 0px;left: 50%;z-index: 10;} .sideQuickArea0823 .quickList_list01{} .sideQuickArea0823 .quickList_list01 .list{border:1px solid #e3e5eb;border-top:none;background-color:#fbfbfb;} .sideQuickArea0823 .quickList_list01 .list ul{overflow:hidden;padding-bottom: 4px;} .sideQuickArea0823 .quickList_list01 .list ul li{float:left;} .sideQuickArea0823 .quickList_list01 .list ul li.first{position: relative;bottom: -2px;left: 2px;} .sideQuickArea0823 .quickList_list01 .list ul li a{display:block;} .sideQuickArea0823 .quickList_list02{margin-top:5px;} .sideQuickArea0823 .quickList_list02 .list{border:1px solid #e3e5eb;border-top:none;background-color:#fbfbfb;padding:10px 5px;} .sideQuickArea0823 .quickList_list02 .list ul li + li{padding-top:10px;margin-top:10px;border-top:1px solid #e3e5eb;} .sideQuickArea0823 .quickList_list02 .list ul li{text-align:center;} .sideQuickArea0823 .quickList_list02 .list ul li img{display:block;margin:0 auto 10px;} .sideQuickArea0823 .quickList_list02 .list ul li a{display:inline-block;zoom:1;*display:inline;color:#666;font-size:12px;} .sideQuickArea0823 .quickList_list02 .list ul li a + a{margin-top:3px;} .sideQuickArea0823 .quickList_list02 .list ul li a:hover{text-decoration:underline;} .sideQuickArea0823 .quickList_list02 .list ul li a .color01{color:#035cb8;} .sideQuickArea0823 .quickList_list02 .list ul li a .color02{color:#cb0504;} /*온에어*/ #reNheader.new .gnb_add04{position: absolute;left: 50%;top: 20px;width:64px;margin-left: 432px;z-index:1000;} #reNheader.new .gnb_add04 a{display: block;text-align: center;position:relative;} #reNheader.new .gnb_add04 a span{position: absolute;top: -5px;right: 3px;} /*해더 텍스트 */ #reNwrap2017 #reNheader.new .guide{font-size: 11px; color: #8890a3;padding:1px 0px 5px 0px;position: absolute;top: 25px;left: 220px;} /*20161111고1,2,3 서브메인 스카이스크래퍼*/ .sideQuickArea0823 .quickList_list03{margin-top:5px;} .sideQuickArea0823 .quickList_list03 .list{border:1px solid #e3e5eb;border-top:none;background-color:#fbfbfb;padding:10px 5px;} .sideQuickArea0823 .quickList_list03 .list ul li + li{padding-top:10px;margin-top:10px;border-top:1px solid #e3e5eb;} .sideQuickArea0823 .quickList_list03 .list ul li{text-align:center;} .sideQuickArea0823 .quickList_list03 .list ul li.type02{text-align:left;padding: 10px 5px 0;} .sideQuickArea0823 .quickList_list03 .list ul li img{display:block;margin:0 auto 10px;} .sideQuickArea0823 .quickList_list03 .list ul li a{display:block;color:#666;font-size:12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .sideQuickArea0823 .quickList_list03 .list ul li a + a{margin-top:8px;} .sideQuickArea0823 .quickList_list03 .list ul li a:hover{text-decoration:underline;} .sideQuickArea0823 .quickList_list03 .list ul li a span{font-weight:bold;} .sideQuickArea0823 .quickList_list03 .list ul li a.subject01 span{color:#e85581;} .sideQuickArea0823 .quickList_list03 .list ul li a.subject02 span{color:#448cd1;} .sideQuickArea0823 .quickList_list03 .list ul li a.subject03 span{color:#ae44d1;} .sideQuickArea0823 .quickList_list03 .list ul li a.subject04 span{color:#e18332;} .sideQuickArea0823 .quickList_list03 .list ul li a.subject05 span{color:#73ad0d;} /*2016-12-23새학기 플로팅*/ .float20161223{position:absolute;top:220px;left:50%;margin-left:610px;} .float20161223.fix{position:absolute;top:260px;right:50%;margin-right:-700px;} .float20161223 .float_in{position:relative;} .float20161223 .float_in .text_wrap{position: absolute;top: 130px;left: 27px; display: table;height: 45px;width: 130px;text-align: center;} .float20161223 .float_in .text_wrap p{font-size: 12px;color: #000;font-weight: bold;line-height: 1.4; display: table-cell;vertical-align: middle; letter-spacing: -1px;} .float20161223 .float_in a{position:absolute;top:0px;right:40px;} .float20161223 .float_in.type02 .text_wrap{height: 54px; width: 140px;top: 120px;left: 13px;} .float20161223 .float_in.type02 .text_wrap p{font-size: 13px;color: #fff;} .float20161223 .float_in.type02 a{position:absolute;top:25px;right:23px;} .float20161223 .float_in.type03 .text_wrap{height: 105px; width: 115px;top: 45px;left: 28px;} .float20161223 .float_in.type03 .text_wrap p{font-size: 16px;color: #fff;} .float20161223 .float_in.type03 a{position:absolute;top:10px;right:10px;} /*네버투레이트 배너*/ #reNheader .neverToo_wrap{position:relative;bottom:-2px;background-color:#0a1f3d;width:100%;height:60px;} #reNheader .neverToo_wrap .neverToo_in{position:absolute;top:0;left:0;width:100%;} #reNheader .neverToo_wrap .neverToo_in a{display:block;width:995px;margin:0 auto;} #reNheader .neverToo_wrap .neverToo_bg{overflow:hidden;width:100%;height:60px;} #reNheader .neverToo_wrap .neverToo_bg .left{float:left;width:49%;height:60px;background-color:#30323f;text-align: right;} #reNheader .neverToo_wrap .neverToo_bg .right{float:right;width:49%;height:60px;background-color:#23262f;} #reNheader .neverToo_wrap .neverToo_bg.new20180118 .left{background-color:#30323e;} #reNheader .neverToo_wrap .neverToo_bg.new20180118 .right{background-color:#a8010b;} #reNheader .neverToo_wrap .neverToo_bg.new20180214 .left{background-color:#4e5164;} #reNheader .neverToo_wrap .neverToo_bg.new20180214 .right{background-color:#52cac9;} /*---------------입시개편-----------------*/ .ipsi #reNcontents .title-sub{font-family: 'Malgun Gothic';color:#1543a5;font-size:32px;font-weight:normal;letter-spacing:-1px;padding-left: 20px; margin-bottom:20px;} .ipsi #reNcontents .categoryNavi{font-size:13px;color:#333;font-family: 'Malgun Gothic';border:none; margin: 0px 0 10px;} .ipsi #reNcontents .categoryNavi > a{float:none;display:inline-block;zoom:1;*display:inline;font-size:13px;color:#333;font-family: 'Malgun Gothic'; letter-spacing:-1px;background-image:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/ipsi/list/icon_next.png');background-repeat:no-repeat;background-position:right center; margin:0 7px 0 0px;padding-right:20px;} .ipsi #reNcontents .categoryNavi > a:hover{color:#557ad8;} .ipsi #reNcontents .categoryNavi > a:first-child{margin-left: 25px;} .ipsi #reNcontents .categoryNavi > a img{vertical-align: middle;} /* 2017-07-17 :: 공유버튼 위치 수정 */ .title-subArea {position:relative} .title-subArea .categorySns{position:absolute;top:0;right:0px;} .title-subArea .categorySns ul{overflow:hidden;} .title-subArea .categorySns ul li{float:left;margin: 0 0 0 10px;} .title-subArea .categorySns ul li a{padding:0;background-image:none;margin:0px;float: none;} /*------------------------------------------------------------ 2017-09-04 헤더 리뉴얼 ------------------------------------------------------------*/ /* 글로벌헤더 추가 */ .globalHeaderWrap {background-color:#fff;border-bottom:1px solid #e5e5e5} .globalHeader {width:995px;height:auto;margin:0 auto;padding:11px 0 12px;overflow:hidden} .globalHeader .familyHeader {float:left;margin-left:232px} .familyHeader li {float:left;padding:0 21px 0 20px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/gnb/img_fam.png') no-repeat -59px 0} .familyHeader li:first-child {background:none} .familyHeader li a{display:block;height:13px;font-size:0;line-height:0;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/gnb/img_fam.png') no-repeat;} .familyHeader li a[data-index='g1'] {width:22px;background-position:0 0} .familyHeader li a[data-index='g2'] {width:39px;background-position:0 -17px} .familyHeader li a[data-index='g3'] {width:39px;background-position:0 -34px} .familyHeader li a[data-index='g4'] {width:39px;background-position:0 -51px} .familyHeader li a[data-index='g5'] {width:59px;background-position:0 -68px} .globalHeader .right {float:right;margin:2px 0 0} .globalHeader .right ul {float:left} .globalHeader .right ul:after{content:''; display:block; clear:both; zoom:1;} .globalHeader .right ul li{float:left;height:11px;padding:0 10px;border-left:1px solid #808080} .globalHeader .right ul li:first-child{padding-left:0;border-left:none;} .globalHeader .right ul li a{display:inline-block;color:#818181;font-size:11px;font-family:'돋움', Dotum, san-serif !important;vertical-align:top} .globalHeader .right ul li a strong{color:#557ad8; font-weight:normal;} .globalHeader .right a.onAir {float:left;width:50px;height:10px;margin:2px 0 0 5px;font-size:0;line-height:0;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/gnb/img_onair.png') no-repeat} /* 헤더 수정 */ #reNheader.renew201709 .headerWrap .wrapTop{height:96px} #reNheader.renew201709 .headerWrap .wrapTop .logoArea{top:25px} #reNheader.renew201709 .dDayArea{top:72px} #reNheader.renew201709 .headerWrap .wrapTop .topSearchArea{top:28px;left:213px;width:376px;height:45px;background:#fff} #reNheader.renew201709 .headerWrap .wrapTop .topSearchArea fieldset .inpbox{width:285px;height:41px;padding:0 77px 0 12px;border:2px solid #567ad8;border-right:0} #reNheader.renew201709 .headerWrap .wrapTop .topSearchArea fieldset .inpbox button {top:-2px;width:65px;height:45px;background:#567ad8 url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/gnb/icon_search_wh.png') no-repeat 50% 50%} #reNheader.renew201709 .headerWrap .fastLecFind2{top:28px;right:341px} #reNheader.renew201709 .headerWrap .fastLecFind2 a{width:62px;height:45px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/gnb/btn_quick_red.png') no-repeat 0 0} #reNheader.renew201709 .login_wrap{top:30px} #reNheader.renew201709 .login2017 .saveid{top:-23px} #reNheader.renew201709 .login2017 fieldset .btnLogin{height:26px;line-height:27px} #reNheader.renew201709 .login2017 fieldset input{height:26px} #reNheader.renew201709 .headerWrap #gnbMenu .gnb{width:715px;padding-left:40px} #reNheader.renew201709 .headerWrap #gnbMenu .gnb li + li a{margin-left:45px} #reNheader.renew201709 .headerWrap #gnbMenu .gnb-add {padding-right:40px} #reNheader.renew201709 .headerWrap #gnbMenu .gnb-add li a{margin-left:45px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/gnb/img_gnbAdd_org.png') no-repeat} #reNheader.renew201709 .headerWrap #gnbMenu .gnb-add li[data-index='1'] a{width:55px;background-position:0 0;} #reNheader.renew201709 .headerWrap #gnbMenu .gnb-add li[data-index='2'] a{width:55px;background-position:-102px 0;} #reNheader.renew201709 .autoCompleteBox{top:43px;left:0;width:372px} /* 2017-11-27 예비 고1,2 관련 */ #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb {width:720px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li a {display:inline-block; width:60px; height:31px; vertical-align:top; font-size:0; line-height:0; color:#557ad8; background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2017/layout/gnb/img_gnb_yebi.png') no-repeat 0px 0;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li a{width:42px;background-position:-91px 0;margin-left:31px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li a{width:51px; background-position:-173px 0;margin-left:40px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li a{width:51px; background-position:-271px 0;margin-left:42px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li + li a{width:51px; background-position:-370px 0;margin-left:43px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li + li + li a{width:67px; background-position:-462px 0;margin-left:37px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li + li + li + li a{width:58px; background-position:-565px 0;margin-left:36px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li + li + li + li + li a{width:56px; background-position:-664px 0;margin-left:41px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li a:hover, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li a:focus, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li.active a {background-position:0px -72px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li a:hover, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li a:focus, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li.active a {background-position:-91px -72px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li a:hover, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li a:focus, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li.active a {background-position:-173px -72px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li a:hover, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li a:focus, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li+ li + li + li.active a {background-position:-271px -72px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li + li a:hover, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li + li a:focus, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li+ li + li + li + li.active a {background-position:-370px -72px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li + li + li a:hover, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li + li + li a:focus, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li+ li + li + li + li + li.active a {background-position:-462px -72px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li + li + li + li a:hover, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li + li + li + li a:focus, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li+ li + li + li + li + li + li.active a {background-position:-565px -72px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li + li + li + li + li a:hover, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li + li + li + li + li + li + li + li a:focus, #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb li+ li + li + li + li + li + li + li.active a {background-position:-664px -72px;} #reNheader.renew201709 .headerWrap #gnbMenu.yebi .gnb-add li a{margin-left:40px;} /* //2017-11-27 예비 고1,2 관련 */ /************ 기본팝업 ************/ /* 팝업 레이아웃 */ .popWrap {width:100%;background-color:#fff} .popWrap .popCont {padding:30px 40px;border:3px solid #31446a;background:#fff;} .popCont * {font-family:'Malgun Gothic'} .popBtns {clear:both; margin-top:20px;padding-top:30px;text-align:center;border-top:1px solid #c9d8e3;} /* 팝업 헤더 */ .popHeader {height:24px;padding:10px;background-color:#31446a;position:relative;overflow:hidden} .popHeader .title {float:left;} .popHeader h1 {float:left;padding:0 15px 0 0;width: auto;margin:0;} .popHeader h2 {float: left; height:15px;padding:5px 0 0;font-size:16px;color:#fff;font-weight:bold;} .popHeader .txtType {padding:3px 0 0 0;font-size:15px;font-family:맑은 고딕, 'Malgun Gothic';color:#fff;font-weight:bold;letter-spacing:-1px;line-height: 23px;} .popHeader .close {display:block;position:absolute;top:12px;right:10px;} /* 팝업 본문 */ /* 팝업 본문 공통 */ .popCont .txtRed {color:red;vertical-align:middle;} .popCont .listCheck {padding-bottom:15px;font-size:13px;font-weight:bold;color:#275aa9;line-height:1.6;} .popCont .listCheck li {padding-left:20px;background:url('http://image.ebsi.co.kr/ebsi/images/reNpotalUI/popup/blt_checkRed.png') no-repeat 0 4px;} .popCont .listCheck + h3 {border-top:2px solid #275aa9;} .popWrap.pc .popCont .radioGrp div + div {margin-top:8px;} .popWrap.pc .popCont .radioGrp span {display:inline-block;} .popWrap.pc .popCont .radioGrp span + span {margin-left:17px;} .popWrap.pc .popCont .radioGrp input[type="radio"] {vertical-align:middle;} .popWrap.pc .popCont .radioGrp input[type="radio"] + label {margin-left:6px;vertical-align:middle;} .popWrap.pc .popCont input[type="file"] {border:1px solid #eaeaea;} .popWrap.pc .popCont .guide {margin-top:5px;font-size:13px;} /* 팝업 내 상단폼요소 */ .popWrap.pc .popCont .top {position:relative;margin:-30px -40px 30px -40px;padding:20px 40px 0 40px;background-color:#ffebf2;} .popWrap.pc .popCont .top h4 {padding-bottom:10px;font-size:18px;font-weight:bold;color:#000;line-height:1.4;letter-spacing:-1px;} .popWrap.pc .popCont .top h4 span {font-size:15px;font-weight:normal;} .popWrap.pc .popCont .top h4 em {font-size:18px;font-style:normal;color:#ff0000;} .popWrap.pc .popCont .top_in {padding-bottom:15px;} .popWrap.pc .popCont .top_in .subCopy {padding-bottom:20px;font-size:12px;color:#d75985;} .popWrap.pc .popCont .top_in + .top_in {padding-top:20px;border-top:1px solid #f6c0d3;} .popWrap.pc .popCont .top_in .select_wrap ul {overflow:hidden;zoom:1;*margin-bottom:20px;} .popWrap.pc .popCont .top_in .select_wrap ul:after {display:block;clear:both;content:'';} .popWrap.pc .popCont .top_in .select_wrap ul li {float:left;min-width:33.3%;margin-bottom:10px;} .popWrap.pc .popCont .top_in .select_wrap ul li span {font-size:15px;font-weight:bold;color:#000;} .popWrap.pc .popCont .top_in .input_wrap {margin-bottom:10px;} .popWrap.pc .popCont .top_in > .input_wrap select {height:37px;;font-size:14px;font-weight:bold;border:1px solid #c7c7c7;} .popWrap.pc .popCont .top_in .input_wrap .inputBox {position:relative;height:26px;padding:9px 20px 0;border:1px solid #c7c7c7;background-color:#fff;} .popWrap.pc .popCont .top_in .input_wrap .inputBox + .inputBox {margin-top:5px;} .popWrap.pc .popCont .top_in .input_wrap .inputBox input {width:100%;font-size:14px;font-weight:bold;color:#000;border:none;} .popWrap.pc .popCont .top_in .input_wrap .inputBox textarea {width:89.8%;height:120px;font-size:20px;color:#000;line-height:2;resize:none;} .popWrap.pc .popCont .top_in .input_wrap .inputBox + p {display:block;margin-top:2px;color:#999;text-align:right;} .popWrap.pc .popCont .top_in .input_wrap.hashType .inputBox .text{position:absolute;top:-1px;left:0;width:39px;height:38px;font-size:15px;font-weight:bold;text-align:center;color:#000;line-height:39px;} .popWrap.pc .popCont .top_in .input_wrap.hashType .inputBox {padding:9px 20px 0 40px;} .popWrap.pc .popCont .top_in .input_wrap.hashType.name ul {padding-left:15px;} .popWrap.pc .popCont .top_in .input_wrap.hashType.name .inputBox {padding:9px 20px 0 30px;} .popWrap.pc .popCont .top_in .input_wrap.hashType.name .inputBox .text {position:absolute;top:-1px;left:-20px;background:url('http://image.ebsi.co.kr/ebsi/html_working/event/2017/0710_hotpoem/images/popup/bg_circle.png') no-repeat 0 0;} .popWrap.pc .popCont .top_in .input_wrap.blankType {position:relative;text-align:center;} .popWrap.pc .popCont .top_in .input_wrap.blankType strong {display:inline-block;font-size:18px;color:#000;} .popWrap.pc .popCont .top_in .input_wrap.blankType .inputBox {display:inline-block;padding:5px 20px 4px;} .popWrap.pc .popCont .top_in .input_wrap.blankType .inputBox input {font-size:18px;text-align:center;} .popWrap.pc .popCont .top_in .input_wrap.blankType p {position:absolute;color:#999} .popWrap.pc .popCont .top_in .input_wrap.multiType * {display:inline-block;vertical-align:middle;} .popWrap.pc .popCont .top_in .textarea {position:relative;height:70px;margin-bottom:10px;padding:5px 5px 20px;border:1px solid #c7c7c7;background-color:#fff;} .popWrap.pc .popCont .top_in .textarea textarea {position:absolute;top:0px;left:0px;width:96%;height:50px;padding:10px 2%;font-size:13px;border:none;background-color:transparent;resize:none;} .popWrap.pc .popCont .top_in .textarea p {position:absolute;bottom:10px;right:10px;font-size:11px;color:#999;} .popWrap.pc .popCont .top_in .textarea span {top:10px;left:0px;width:96%;height:50px;padding:10px 2%;font-size:14px;font-weight:bold;color:#000;} .popWrap.pc .popCont .top_in table .input_wrap, .popWrap.pc .popCont .top_in table .textarea {margin-right:12px;margin-bottom:0;} /* 팝업 내 테이블 */ .popWrap.pc .popCont table {table-layout:fixed;width:100%; margin:5px 0 10px; border-collapse:collapse; border-spacing:0; border:1px solid #c9d8e3;} .popWrap.pc .popCont table th, .popWrap.pc .popCont table td {padding:12px 0 12px 30px; border-left:1px solid #c9d8e3; border-bottom:1px solid #c9d8e3;} .popWrap.pc .popCont table th {background-color:#f5f8fa;padding:12px 0 12px 30px;text-align:left;color:#63869e;font-size:13px; } .popWrap.pc .popCont table td {padding-left:12px;font-size:13px;background-color:#fff;} .popWrap.pc .popCont table td * {vertical-align:top;} .popWrap.pc .popCont table td.strong {color:#000;font-weight:bold;} .popWrap.pc .popCont table .first th, .popWrap.pc .popCont table .first td {border-top: 2px solid #b1c5d4;} .popWrap.pc .popCont table td .file_wrap .file {overflow:hidden;padding-bottom:5px;} .popWrap.pc .popCont table td .file_wrap .file .text {float:left;padding: 3px 2px 2px 2px;border: 1px solid #B0B0B0;width: 395px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .popWrap.pc .popCont table td .file_wrap .file .file_bt {position:relative;width:69px;height:23px;float:right;margin-right: 20px;} .popWrap.pc .popCont table td .file_wrap .file .file_bt input {display: block;position: absolute; text-indent: -9999px; background-color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;width:69px;height:23px;top:0;left:0;} .popWrap.pc .popCont table td .file_wrap p {font-size:11px;color:#f26851;} .popWrap.pc .popCont table td .input_wrap_in02 {margin-top:10px;} .popWrap.pc .popCont table td .input_wrap_in label {padding-right: 5px;} .popWrap.pc .popCont table td .input_wrap_in input {width:69%;} .popWrap.pc .popCont table td .input_wrap_in02 input {width:83%;} .popCont .col_wrap {overflow:hidden;} .popCont .col {position:relative;float:left;width:330px;margin:20px 0;font-size:12px;} .popCont .col.wide {width:100%;margin:0 0 20px;} .popCont .col + .col {float:right;} .popCont .box {width:305px; height:90px; overflow-y:auto; margin:8px 0; padding:10px; border:1px solid #c9d8e3; font-size:12px; line-height:1.5;} .popCont .col.wide .box {width:652px;} .popCont .box li {list-style:none;} .popCont .user {position:absolute; right:0; bottom:0;} .popCont .user *{vertical-align:middle; margin:0 3px;} .popWrap .popNoticeBox {padding:15px 15px;color:#666;font-size:12px;line-height:18px;background:#f5f5f5;} .popWrap .popNoticeBox .title {display:block;margin-bottom:5px;color:#557ad8;font-size:13px;} .popWrap .popNoticeBox em {color:#ff4c4c;font-style:normal;} .popWrap.pc .popCont .inputSearch {margin-bottom:10px;} .popWrap.pc .popCont .inputSearch input {float:left;width:250px;margin-right:5px;padding:4px 3px 4px;font-size:13px;line-height:15px;border:1px solid #B0B0B0;} .popWrap.pc .popCont .inputSearch .input_wrap a {float:left;padding-left:3px;} .popWrap.pc .popCont .tableSchResult .resultBottom {overflow-x:hidden;overflow-y:auto;height:200px;} .popWrap.pc .popCont .tableSchResult table {margin:0;border-top:0;} .popWrap.pc .popCont .tableSchResult th {padding:12px 5px;text-align:center;border-top:2px solid #b1c5d4;vertical-align:middle;} .popWrap.pc .popCont .tableSchResult td {padding:6px 5px;text-align:center;vertical-align:middle;} /* 만들기 */ .popWrap.pc .popCont .make{overflow:hidden;margin:20px -40px -15px;padding:8px 30px;background:url('http://image.ebsi.co.kr/ebsi/html_working/event/2018/0411_teacherDay/images/pc/bg_make.png') no-repeat;} .popWrap.pc .popCont .make strong {float:left;padding-top:10px;font-size:18px;font-weight:bold;color:#fff;line-height:1.4;letter-spacing:-1px;text-indent:-99999px;} .popWrap.pc .popCont .make strong span {color:#fffc23;} .popWrap.pc .popCont .make a {float:right;} /* layer type */ .layerType .layerInner {position:absolute;top:245px;left:50%;z-index:111119;} .layerType .layerInner .btnLayerClose {position:absolute;top:13px;right:13px;width:30px;height:30px;font-size:0;} .layerType .layer_bg {position:fixed;top:0;bottom:0;left:0;right:0;text-indent:-9999px;background-color:#000;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';filter: alpha(opacity=50);opacity:0.5;z-index:111118;} .layerType .layerBottom {background-color:#a4a4a4;overflow:hidden;height:16px;padding:3px;} .layerType .layerBottom .check {float:left;cursor:pointer;} .layerType .layerBottom .check input {vertical-align: middle;} .layerType .layerBottom a {float:right;} .layerType.outLine .layerInner {border:2px solid #a4a4a4;box-shadow:none;} /* 연계교재 다운로드 2019-01-24 추가 */ .layerType .kojeInner { position:absolute; top:245px; left:50%; width:590px; margin-left:-180px; background:#fff; border:none; z-index:111119; } .layerType .kojeInner .kojedownTop { background:#2d51a3; } .layerType .kojeInner .kojedownTop .tit { padding:20px; font-family: 'malgun Gothic','sans-serif'; text-align:center; font-size:24px; font-weight:bold; color:#fff; letter-spacing:-1px; } .layerType .kojeInner .kojedownMiddle { padding:25px; background: url('http://image.ebsi.co.kr/ebsi/images/reNpotalUI/popup/bg_kojedownMiddle.png') no-repeat center top; background-size:cover; } .layerType .kojeInner .kojedownMiddle .desc { font-family: 'malgun Gothic','sans-serif'; text-align:left; font-size:15px; color:#333;} .layerType .kojeInner .kojedownMiddle .btn-koje-go { display:block; width:235px; margin:25px auto 0; height:50px; line-height:50px; background:#082559; font-family: 'malgun Gothic','sans-serif'; text-align:center; font-size:16px; font-weight:bold; color:#fff; } /* 연계교재 다운로드 2019-06-11 추가 */ .layerType .kojeInner .kojedownTop_190611 { background:#2d51a3; } .layerType .kojeInner .kojedownTop_190611 .tit { padding:20px; font-family: 'malgun Gothic','sans-serif'; text-align:center; font-size:24px; font-weight:bold; color:#ffecb3; letter-spacing:-1px; } .layerType .kojeInner .kojedownMiddle_190611 { padding:25px; background: url('http://image.ebsi.co.kr/ebsi/images/reNpotalUI/popup/bg_kojedownMiddle.png') no-repeat center top; background-size:cover; } .layerType .kojeInner .kojedownMiddle_190611 .desc { font-family: 'malgun Gothic','sans-serif'; text-align:center; font-size:15px; color:#333; letter-spacing:-0.09em;} .layerType .kojeInner .kojedownBottom { width:96%; padding:0 2%; height:25px; background:#a4a4a4; } .layerType .kojeInner .kojedownBottom .check { float:left; cursor:pointer; } .layerType .kojeInner .kojedownBottom .check input + label { height:25px; line-height:25px; vertical-align: middle; font-family: 'malgun Gothic','sans-serif'; color:#fff; } .layerType .kojeInner .kojedownBottom a { float:right; height:25px; line-height:25px; } .layerType .kojeInner .kojedownBottom a > img { padding-top:5px; } /* 연간 커리큘럼 */ .popCurriculum {background:url('http://image.ebsi.co.kr/ebsi/images/reNpotalUI/popup/bg_popContents.png') repeat 0 0;} .popCurriculum .popCont {position:relative;padding:50px 15px 80px;} .popCurriculum .popCont .descImg {position:absolute;left:838px;top:88px;} .popCurriculum .popCont .tabWrap {position:relative;} .popCurriculum .popCont .tabWrap ul {width:811px;height:63px;background:url('http://image.ebsi.co.kr/ebsi/images/reNpotalUI/popup/bg_curriculum_tab.png') no-repeat 0 0;*zoom:1;} .popCurriculum .popCont .tabWrap ul:after {content:'';clear:both;width:100%;display:block;} .popCurriculum .popCont .tabWrap ul.tab1 {background-position:0 0;} .popCurriculum .popCont .tabWrap ul.tab2 {background-position:0 -83px;} .popCurriculum .popCont .tabWrap ul.tab3 {background-position:0 -166px;} .popCurriculum .popCont .tabWrap li {position:absolute;top:0;width:267px;height:63px;} .popCurriculum .popCont .tabWrap li a {display:block;width:100%;height:63px;font:0/0 a;vertical-align:top;} .popCurriculum .popCont .tabWrap ul li.t01 {left:0;} .popCurriculum .popCont .tabWrap ul li.t02 {left:272px;} .popCurriculum .popCont .tabWrap ul li.t03 {left:544px;} .popCurriculum .popCont .gradeCont .cont {display:none;} .popCurriculum .popCont .gradeCont .cont.view {display:block;} .shareWrap {position:absolute;right:183px;top:68px;height:33px;} .shareWrap li {float:left;width:33px;height:33px;margin-right:4px;background:url('http://image.ebsi.co.kr/ebsi/images/reNpotalUI/popup/btn_sns.png') no-repeat 0 0;} .shareWrap li:last-child {margin-right:0;} .shareWrap li.facebook {background-position:0 0;} .shareWrap li.twitter {background-position:-37px 0;} .shareWrap li.kakaotalk {background-position:-75px 0;} .shareWrap li a {display:block;width:33px;height:33px;text-indent:-99999px;} .btnDownload {position:absolute;right:15px;top:72px;display:block;padding:5px 10px;color:#fff !important;font-size:12px;font-weight:bold;border-radius:2px;background:#2f8eea;} .popCurriculum .popCont .descTxt {position:absolute;right:15px;margin-top:20px;color:#000;font-size:12px;} .popCurriculum .popCont .descTxt strong {float:left;color:#2f8eea;padding-right:5px;} .popCurriculum .popCont .descTxt span {display:block;float:left;} .popCurriculum .popCont .subjectGuide {position:absolute;left:15px;margin-top:20px;} .popCurriculum.edit180111 .popCont {padding:28px 15px 80px;} .popCurriculum.edit180111 .popCont h1 {margin-bottom:22px;} .popCurriculum.edit180111 .popCont .descImg {position:absolute;left:855px;top:124px;} .popCurriculum.edit180111 .popCont .tabWrap ul {width:819px;background:url('http://image.ebsi.co.kr/ebsi/images/reNpotalUI/popup/bg_curriculum_tab02.png') no-repeat 0 0;} .popCurriculum.edit180111 .popCont .tabWrap.go ul {width:819px;background:url('http://image.ebsi.co.kr/ebsi/images/reNpotalUI/popup/bg_curriculum_tab03.png') no-repeat 0 0;} .popCurriculum.edit180111 .popCont .tabWrap li {width:201px;} .popCurriculum.edit180111 .popCont .tabWrap ul.tab2 {background-position:0 -83px;} .popCurriculum.edit180111 .popCont .tabWrap ul.tab3 {background-position:0 -166px;} .popCurriculum.edit180111 .popCont .tabWrap ul.tab4 {background-position:0 -249px;} .popCurriculum.edit180111 .popCont .tabWrap ul li.t02 {left:206px;} .popCurriculum.edit180111 .popCont .tabWrap ul li.t03 {left:412px;} .popCurriculum.edit180111 .popCont .tabWrap ul li.t04 {left:618px;} .popCurriculum.edit180111 .shareWrap {top:106px;} .popCurriculum.edit180111 .btnDownload {top:110px;} .popCurriculum.edit180426 {background:#f4f4f4 url('http://image.ebsi.co.kr/ebsi/images/reNpotalUI/popup/bg_popContents_0426.png') repeat-x;} .popCurriculum.edit180426 .popCont {padding:54px 15px 114px;} .popCurriculum.edit180426 .popCont h1 {margin-bottom:22px;} .popCurriculum.edit180426 .popCont .descImg {position:absolute;left:855px;top:94px;} .popCurriculum.edit180426 .popCont .tabWrap {width:auto;margin:0 0 61px 19px;} .popCurriculum.edit180426 .popCont .tabWrap.go ul {width:819px;height:30px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2018/common/btn_class_02.png') no-repeat 0 0;} .popCurriculum.edit180426 .popCont .tabWrap li {width:39px;height:30px;} .popCurriculum.edit180426 .popCont .tabWrap ul li.active a {height:30px;background:url('http://image.ebsi.co.kr/ebsi/images/reNskin2018/common/btn_class_02.png') no-repeat 0 0;background-position:0 -40px;} .popCurriculum.edit180426 .popCont .tabWrap ul.tab2 li.active a {background-position:-64px -40px;} .popCurriculum.edit180426 .popCont .tabWrap ul.tab3 li.active a {background-position:-135px -40px;} .popCurriculum.edit180426 .popCont .tabWrap ul.tab4 li.active a {background-position:-229px -40px;} .popCurriculum.edit180426 .popCont .tabWrap ul li.t02 {left:64px;} .popCurriculum.edit180426 .popCont .tabWrap ul li.t03 {left:135px;width:74px;} .popCurriculum.edit180426 .popCont .tabWrap ul li.t04 {left:229px;width:97px;} .popCurriculum.edit180426 .shareWrap {top:85px;} .popCurriculum.edit180426 .btnDownload {top:88px;} /* 팝업 yes24 꿈포인트 */ .popWrap .popCont.dreamWrap{padding: 20px 16px 32px;} .popCont.dreamWrap .notice{text-align:center;} .popCont.dreamWrap .col{width:375px; margin:20px 0 0;} .popCont.dreamWrap .col.left{float:left;} .popCont.dreamWrap .col.right{float:right;height:610px;} .popCont.dreamWrap .col .cont {margin-bottom:10px;padding-bottom: 12px;background:url('http://image.ebsi.co.kr/ebsi/images/reNpotalUI/popup/bg_dream_btm.png') 0 100% no-repeat;text-align:center;} .popCont.dreamWrap .col .cont .inner {padding:14px 6px 10px;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;} .popCont.dreamWrap .col .cont .inner .cmt{margin-top:14px;} .popCont.dreamWrap .col.left .inner {height:246px;} .popCont.dreamWrap .col.left .inner.tp2 {height:416px;} .popCont.dreamWrap .col.right .inner{height:594px;} .popCont.dreamWrap .col.right .inner ul {clear:both;} .popCont.dreamWrap .col .cont p, .popCont.dreamWrap .col .cont ul li {text-align:left;word-break:keep-all;} .popCont.dreamWrap .col .cont ul li {margin-left:3px;padding-left:8px;background:url('http://image.ebsi.co.kr/ebsi/images/reNpotalUI/popup/bg_bul.png') 0 6px no-repeat;} .popCont.dreamWrap .col .cont ul li + li {margin-top:8px;} .popCont.dreamWrap .col .cont p {padding:14px 10px;line-height:18px;} .popCont.dreamWrap .col .cont .agreeWrap{margin:40px 0; padding-left:110px;} .popCont.dreamWrap .col .cont .agreeWrap * {vertical-align:middle;} .popCont.dreamWrap .col .cont .agreeWrap:after {display:block; content:""; clear:both;} .popCont.dreamWrap .col .cont .agreeWrap div {float:left;} .popCont.dreamWrap .col .cont .agreeWrap div + div{margin-left:20px;} .popCont.dreamWrap .col .cont .agreeWrap label{margin:0 4px;} .popWrap.pc .popCont.dreamWrap table {margin:12px 0;border:1px solid #bababa;} .popWrap.pc .popCont.dreamWrap table th,.popWrap.pc .popCont.dreamWrap table td {padding:5px 0;border-left:1px solid #bababa;border-bottom:1px solid #bababa;font-size:11px;text-align:center;color:#5c5c5c;line-height:18px;} .popWrap.pc .popCont.dreamWrap table th{background:#f5f5f5;} .popWrap.pc .popCont.dreamWrap table td{padding:12px 0;} .popWrap.pc .popCont.dreamWrap .popBtns {clear:both;margin-top:54px;padding-top: 0;text-align: center;border-top:0;} /* 팝업 관리자로그인 */ .popCont.admin {padding:30px 26px;} .popCont.admin .boxWrap {width:100%;} .popCont.admin .boxWrap strong {font-size:14px;font-weight:bold;} .popCont.admin .boxWrap .box {width:auto;height:100%;margin:8px 0 15px;padding:20px 20px 0;} .popCont.admin .boxWrap .box ol li {margin-bottom:17px;} .popCont.admin .boxWrap .box dt, .popCont.admin .boxWrap .box dd {font-family:'돋움', 'Dotum';color:#777;line-height:19px;} .popCont.admin .boxWrap .box dt {font-weight:bold} /* 팝업 꼭 확인하세요 : img */ .popCont.eventNotice {padding:0;} /* 팝업 : 2018 엄빠심쿵 프로젝트 성적입력 */ .popWrap.pc .popCont.attachScore h3 {padding:30px 0 12px;font-size:18px;font-weight:bold;color:#000;line-height:1.1;letter-spacing:-1px;} .popWrap.pc .popCont.attachScore h3 span {font-size:12px;color:#666;} .popWrap.pc .popCont.attachScore h3 + table {margin-top:0;} .popWrap.pc .popCont.attachScore .input_wrap input[type="text"] {height:35px;padding-left:20px;font-size:13px;font-weight:bold;color:#000;border:1px solid #c7c7c7;} .popWrap.pc .popCont.attachScore .input_wrap input::placeholder {color:#000;} .popWrap.pc .popCont.attachScore table th, .popWrap.pc .popCont.attachScore table td {padding:7px 10px;height:27px;text-align:center;} .popWrap.pc .popCont.attachScore .col.wide .box {margin-top:0;height:auto;} /* 2017 수능 배너 */ .suneungFloating {position:absolute;left:50%;top:0;margin-left:-362px;z-index:999999;} .suneungFloating.after {position:absolute;left:50%;top:10px;margin-left:-475px;z-index:999999;} .suneungFloating.after a {display:block;text-align:center;} .suneungFloating.after a img {display:block;} .suneungFloating.after a img:first-child {margin-bottom:50px;} /* 입시 대입상담실 개편 : 선생님 약력 */ .popWrap .counselorProfile {padding:20px;} .counselorProfile .topArea {position:relative;margin-top:-5px;} .counselorProfile .topArea .counselorImg {position:absolute;top:5px;left:0;width:85px;max-height:100px;border:1px solid #c9c9c9;} .counselorSummary {width:100%;padding-left:118px;box-sizing:border-box;} .counselorSummary h3 {display:block;font-size:22px;text-align:center;margin-bottom:17px;} .counselorSummary dl {overflow:hidden;font-size:14px;border-top:2px solid #b4b4b4;} .counselorSummary dl dt {float:left;width:40%;height:40px;box-sizing:border-box;font-weight:bold;line-height:38px;border-bottom:1px solid #b4b4b4;} .counselorSummary dl dt:before {display:inline-block;content:'';width:2px;height:2px;margin-right:7px;vertical-align:middle;background-color:#bebebe;} .counselorSummary dl dd {float:left;width:60%;height:40px;padding-right:20px;box-sizing:border-box;text-align:right;line-height:38px;border-bottom:1px solid #b4b4b4;} .counselorSummary dl dd em {font-size:20px;font-weight:bold;font-style:normal;color:#e60012;} .counselorSummary dl dt:first-child, .counselorSummary dl dt:first-child + dd {border-bottom:1px solid #d4d4d4;} .counselorDetail h4 {margin:16px 0 7px;font-size:16px;} .counselorDetail h4:before {display:inline-block;content:'';width:6px;height:6px;margin-right:5px;vertical-align:middle;background-color:#38b5f0;border-radius:3px;} .counselorDetail ul {overflow-y:auto;overflow-x:hidden;height:273px;padding:15px 20px;box-sizing:border-box;border:1px solid #d2d2d2;} .counselorDetail li {position:relative;padding-left:10px;font-size:14px;letter-spacing:-.5px;color:#777;} .counselorDetail li:before {display:block;position:absolute;content:'';top:10px;left:0;width:2px;height:2px;background-color:#bebebe;} .counselorDetail li + li {margin-top:5px;} /* 2018-04-13 : 이용문의 테이블 수정 */ .tblQna {clear:both;margin-top:25px;} .tblQna table {table-layout:fixed;width:100%;border-top:1px solid #e7e7e7;} .tblQna table tbody th {padding:7px 0;background-color:#f7f7f7;border-bottom:1px solid #e7e7e7;} .tblQna table tbody td {padding:0 10px;border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;} .tblQna table tbody td.editorArea {padding:10px;border-left:0;} .tblQna table tbody td.editorArea table, .tblQna table tbody td.editorArea td {padding:0;border:0;} /* 2018-04-24 연계교재 다운로드 내 안내박스 */ .infoGrayBox {margin-bottom:20px;padding:10px 13px;color:#696969;border:1px solid #e9ebec;background-color:#f8f8f8;} .infoGrayBox p + p {margin-top:15px;} .infoGrayBox em {color:#151515;} .infoGrayBox a, .infoGrayBox a:hover {color:#557ad8 !important;} /* 2020-02-11 배너리스트 nomagin_list 추가 */ #reNlnb .lnbAddMenuArea .nomagin_list li {margin-top:0;}