/* books_전체 도서 */ /* 교과서 도서리스트,뷰 */ .booksAll_tit {padding-bottom:10px; border-bottom:1px solid #ccc;} .booksAll_start {margin-top:20px;} /* books_전체 도서 */ .allbooksBtn {border-bottom:2px solid #5e6675; overflow:hidden; margin-bottom:20px;} .allbooksBtn li {margin-left:1px; float:left;} .allbooksBtn li a{display:block; text-align:center;width:156px;height:44px;} .allbooksBtn .allbooksBtn01 a{background: #f2f2fa url("/books/images/allbooksBtn01.png") no-repeat center center;} .allbooksBtn .allbooksBtn03 a{background: #f2f2fa url("/books/images/allbooksBtn03.png") no-repeat center center;} .allbooksBtn .allbooksBtn02 a{background: #f2f2fa url("/books/images/allbooksBtn02.png") no-repeat center center;} .allbooksBtn .allbooksBtn06 a{background: #f2f2fa url("/books/images/allbooksBtn04.png") no-repeat center center;} .allbooksBtn .allbooksBtn07 a{background: #f2f2fa url("/books/images/allbooksBtn05.png") no-repeat center center;} .allbooksBtn .allbooksBtn04 a{background: #f2f2fa url("/books/images/allbooksBtn06.png") no-repeat center center;} /* 마우스 효과 */ .allbooksBtn .allbooksBtn01:hover a{background: #7f899c url("/books/images/allbooksBtn01_ov.png") no-repeat center center;} .allbooksBtn .allbooksBtn03:hover a{background: #7f899c url("/books/images/allbooksBtn03_ov.png") no-repeat center center;} .allbooksBtn .allbooksBtn02:hover a{background: #7f899c url("/books/images/allbooksBtn02_ov.png") no-repeat center center;} .allbooksBtn .allbooksBtn06:hover a{background: #7f899c url("/books/images/allbooksBtn04_ov.png") no-repeat center center;} .allbooksBtn .allbooksBtn07:hover a{background: #7f899c url("/books/images/allbooksBtn05_ov.png") no-repeat center center; } .allbooksBtn .allbooksBtn04:hover a{background: #7f899c url("/books/images/allbooksBtn06_ov.png") no-repeat center center; } .allbooksBtn .firstBtn {margin-left:0px;} .allbooksBtn .allbooksBtn01_on a{background: #5e6675 url("/books/images/allbooksBtn01_ov.png") no-repeat center center;} .allbooksBtn .allbooksBtn03_on a{background: #5e6675 url("/books/images/allbooksBtn03_ov.png") no-repeat center center;} .allbooksBtn .allbooksBtn02_on a{background: #5e6675 url("/books/images/allbooksBtn02_ov.png") no-repeat center center;} .allbooksBtn .allbooksBtn06_on a{background: #5e6675 url("/books/images/allbooksBtn04_ov.png") no-repeat center center;} .allbooksBtn .allbooksBtn07_on a{background: #5e6675 url("/books/images/allbooksBtn05_ov.png") no-repeat center center; } .allbooksBtn .allbooksBtn04_on a{background: #5e6675 url("/books/images/allbooksBtn06_ov.png") no-repeat center center; } /* books_전체 도서 */ /* 교과서 도서리스트 */ .allbooksBox .allbooksBox_same {border-right:1px solid #ccc;border-top:1px solid #ccc; border-left:1px solid #ccc;border-bottom:1px solid #03629c; overflow:hidden;} #searchNo_list {font-size:18px; text-align:center; padding-bottom:20px; margin-bottom:20px; color:#6f7073; font-weight:bold; letter-spacing:-1px; border-bottom:1px solid #ccc;} .allbooksBox .allbooksBox_same .left_box {float:left; width:200px; margin-right:20px;} .left_box .left_boxInner {position:relative; text-align:center;} .left_box .left_boxInner li {margin: 10px 0px 5px 0px;} .left_box .left_boxInner .left_boxS {position:absolute; top:6px; left:33px; width:134px;} .allbooksBox .allbooksBox_same .right_box {float:left; width:669px; margin-right:30px;} .right_box .right_boxInner li {margin: 10px 0px;} .right_box .right_boxInner .move {height:210px; overflow:hidden;} .right_box .right_boxInner .move .prize .prizeY img {vertical-align:bottom; margin-right:5px;} .right_box .right_boxInner .move .prize .prizeY .prizeHistory {font-size:14px; font-weight:bold; padding:0px 5px; letter-spacing:-1px; color:#505050;} .right_box .right_boxInner .move .bigTit {color:#005891; font-size: 24px; font-weight:bold; line-height:26px; letter-spacing:-1px; margin:5px 0px;} .right_box .right_boxInner .move .subTit {color:#bf4e59; font-size: 16px; font-weight:bold; line-height:24px; letter-spacing:-1px;} .right_box .right_boxInner .move .explanation {color:#505050; line-height: 20px; letter-spacing:-1px; margin:25px 0px 10px 0px;} .right_box .right_boxInner .fixing {color:#395c73; font-weight:bold; line-height:16px; border-top:1px dotted #eeeeee; padding-top:10px;} .allbooksBox .blank_1px {width:100%; height:1px; border-top:1px dotted #ccc; margin:15px 0px;} /* 모든 페이징 관련 */ .page {margin:0 auto; text-align:center;} .page > ul {display:inline-block;} .page .pageNum_inner li {width:33px; height:31px; background : url("/books/images/Num_inner.jpg") no-repeat; display:inline-block; font-weight:bold; line-height:31px; text-align:center; color:#656565;} .page .pageNum_inner li a{display:block;} .page .pageNum_inner li:hover { background : url("/books/images/Num_inner_on.jpg") no-repeat;} .page .pageNum_inner li:hover a { color:#fff;} /* 마우스클릭 */ .page .pageNum_inner li.numHover_on { background : url("/books/images/Num_inner_ov.jpg") no-repeat;} .page .pageNum_inner li.numHover_on a {color:#fff;} .page .pageNext {margin-left:4px;} .page .pageOver { font-weight:bold; line-height:31px; text-align:center; width:33px; height:31px; background : url("/books/images/Num_inner.jpg") no-repeat; } .page .pageOver a {background : color:#656565; padding: 9px 12px;} .page .pageOver:hover {background : url("/books/images/Num_inner_ov.jpg") no-repeat;} .page .pageOver:hover a {color:#fff;} /* books_전체 도서_상세 */ /* 교과서 도서뷰 */ #detailView {border:1px solid #ccc;} #detailView .detailView_inner {margin:35px 25px;} #detailView .detailView_inner .viewBooks{overflow:hidden; padding-bottom:30px; border-bottom:1px solid #ccc;} #detailView .detailView_inner .viewBooks .viewBooksL{float:left; margin-right:50px; position:relative; width:370px; text-align:center;} #detailView .viewBooksL .bIgImg_viewS {position:absolute; top:10px; left:12px; height:484px;} #detailView .viewBooksL .bigImg_btn {margin-top:25px; } #detailView .detailView_inner .viewBooks .viewBooksR{float:left; width:469px;} #detailView .viewTitMove { padding:25px 0px; border-bottom:1px solid #ccc; height:75px; overflow:hidden;} #detailView .viewTitMove p {margin: 5px 0px;} #detailView .viewTitMove .viewSub {color:#075ac3; font-size:14px; font-weight:bold; letter-spacing : -1px;} #detailView .viewTitMove .viewTit {color:#202e38; font-size:30px; font-weight:bold; line-height:32px; letter-spacing : -1px;} #detailView .viewEtcFixed { margin:20px 0px; overflow:hidden; height:159px;} #detailView .viewEtcFixed .viewEtcFixedL { float:left; width:190px; border-right:1px solid #ccc;} #detailView .viewEtcFixed .float00 > div {overflow:hidden; margin:20px 0px;} #detailView .viewEtcFixed .question {color:#0078a0; font-weight:bold; font-size:14px;float:left; height:18px;width:50px;} #detailView .viewEtcFixed .answer {color:#5f5f5f; margin-left:10px; font-weight:bold; float:left; height:18px; width:100px;} #detailView .viewEtcFixed .viewEtcFixedR { float:left; width:250px; padding-left:18px; } #detailView .viewEtcSite { margin-top:25px; background : url("/books/images/viewEtcSite_bg.jpg") no-repeat; height:239px; text-align:center;} #detailView .viewEtcSite h1 {padding:20px 0px 15px 0px; } #detailView .viewEtcSite .Shortcuts00 {overflow:hidden; margin:15px 0px; } #detailView .viewEtcSite .Shortcuts00 .Shortcuts01{float:left; width:200px; height:50px;border:1px solid #ccc; background: #fff; margin-left:20px;} #detailView .viewEtcSite .Shortcuts00 .Shortcuts01_di{float:inherit; width:435px; height:50px;border:1px solid #ccc; background: #fff; margin-left:20px;} #detailView .viewEtcSite .Shortcuts00 .Shortcuts01 img {padding:5px;} #detailView .viewEtcSite .Shortcuts00 .Shortcuts01:hover {border:1px solid #0c72b8;} /* 마우스 효과 */ #detailView .detailView_inner .detailBooks .detailBTN {overflow:hidden; text-align:center; position:relative; z-index:1;} #detailView .detailView_inner .detailBooks .detailBTN li {float:left; margin-bottom:25px; border-bottom:1px solid #1d6abb;} #detailView .detailView_inner .detailBooks .detailBTN a {display:block; height:50px;} #detailView .detailView_inner .detailBooks .detailBTN .btn01_detail a {background : url("/books/images/detailBTN01.jpg") no-repeat; width:111px;} #detailView .detailView_inner .detailBooks .detailBTN .btn02_detail a {background : url("/books/images/detailBTN02.jpg") no-repeat; width:111px;} #detailView .detailView_inner .detailBooks .detailBTN .btn03_detail a {background : url("/books/images/detailBTN03.jpg") no-repeat; width:111px; } #detailView .detailView_inner .detailBooks .detailBTN .btn04_detail a {background : url("/books/images/detailBTN04.jpg") no-repeat; width:111px;} #detailView .detailView_inner .detailBooks .detailBTN .btn05_detail a {background : url("/books/images/detailBTN05.jpg") no-repeat; width:111px;} #detailView .detailView_inner .detailBooks .detailBTN .btn06_detail a {background : url("/books/images/detailBTN06.jpg") no-repeat; width:111px;} #detailView .detailView_inner .detailBooks .detailBTN .btn07_detail a {background : url("/books/images/detailBTN07.jpg") no-repeat; width:111px;} #detailView .detailView_inner .detailBooks .detailBTN .btn08_detail a {background : url("/books/images/detailBTN08.jpg") no-repeat;width:112px;} /* 마우스 효과 */ #detailView .detailView_inner .detailBooks .detailBTN .btn01_detail:hover a {background : url("/books/images/detailBTN01_ov.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn02_detail:hover a {background : url("/books/images/detailBTN02_ov.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn03_detail:hover a {background : url("/books/images/detailBTN03_ov.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn04_detail:hover a {background : url("/books/images/detailBTN04_ov.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn05_detail:hover a {background : url("/books/images/detailBTN05_ov.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn06_detail:hover a {background : url("/books/images/detailBTN06_ov.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn07_detail:hover a {background : url("/books/images/detailBTN07_ov.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn08_detail:hover a {background : url("/books/images/detailBTN08_ov.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn01_detail_on a {background : url("/books/images/detailBTN01_on.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn02_detail_on a {background : url("/books/images/detailBTN02_on.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn03_detail_on a {background : url("/books/images/detailBTN03_on.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn04_detail_on a {background : url("/books/images/detailBTN04_on.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn05_detail_on a {background : url("/books/images/detailBTN05_on.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn06_detail_on a {background : url("/books/images/detailBTN06_on.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn07_detail_on a {background : url("/books/images/detailBTN07_on.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailBTN .btn08_detail_on a {background : url("/books/images/detailBTN08_on.jpg") no-repeat;} #detailView .detailView_inner .detailBooks .detailTEXT > ul > li {margin-bottom:25px; padding-bottom:25px; border-bottom:1px dotted #ccc; } #detailView .detailView_inner .detailBooks .detailTEXT h1 {margin-bottom:25px;} #detailView .detailView_inner .detailBooks .detailTEXT .space {margin-bottom:25px;} #detailView .detailView_inner .detailBooks .detailTEXT div .oblique {font-size:14px; font-weight:bold; letter-spacing : -1px; padding-bottom:10px;line-height:20px;} #detailView .detailView_inner .detailBooks .detailTEXT p.pPoint {font-size:14px; font-weight:bold; letter-spacing : -1px; padding-bottom:10px;line-height:20px;} #detailView .detailTEXT p {font-size:14px; line-height:25px; font-family: '굴림';} #detailBTN08 .division {overflow:hidden; height:40px; background:#f2f4f7; border-top:2px solid #0c6ccc; border-bottom:1px solid #ccc;} #detailBTN08 .division div {float:left; color:#0263a9; font-weight:bold; text-align:center; line-height:40px;} #detailBTN08 .division div:nth-child(1) {width:20%;} #detailBTN08 .division div:nth-child(2) {width:40%;} #detailBTN08 .division div:nth-child(3) {width:20%;} #detailBTN08 .division div:nth-child(4) {width:20%;} #detailBTN08 .DownHistoryCover {border-bottom:1px solid #ccc;} #detailBTN08 .DownHistory {overflow:hidden; height:40px; border-bottom:1px solid #e1e1e1;} #detailBTN08 .DownHistory li {float:left; text-align:center; line-height:40px;} #detailBTN08 .DownHistory li:nth-child(1) {width:20%;} #detailBTN08 .DownHistory li:nth-child(2) {width:40%;} #detailBTN08 .DownHistory li:nth-child(3) {width:20%;} #detailBTN08 .DownHistory li:nth-child(4) {width:20%;} /* 교과서 뷰 */ #detailView .viewTitMove02 { height:auto; padding:10px 0px;} #detailView .viewEtcFixed02 { height:auto;} #detailView .viewEtcFixed02 .viewEtcFixedL { float:none; width:100%; border-right:none;} #detailView .viewEtcFixed02 .float00 > div { margin:10px 0px;} #detailView .viewEtcFixed02 .question {color:#0078a0; font-weight:bold; font-size:14px;float:left; width:100px; height:auto;} #detailView .viewEtcFixed02 .answer {color:#5f5f5f; font-weight:bold; float:left; height:auto; width:auto; margin-left:0px; } #detailView .viewEtcFixed02 .viewEtcFixedR { float:none; width:100%; padding-left:0px;} #detailView .viewEtcSite02 { margin:0px; padding:15px 0px; background :#ececec; height:auto;} #detailView .viewEtcSite02 .Shortcuts00 .Shortcuts01{height:40px; margin:5px 16px;} #detailView .viewEtcSite02 .Shortcuts00 .Shortcuts01None{display:none;} #detailView .viewEtcSite02 .Shortcuts00 .Shortcuts01 img {padding:0px;} #detailView .detailView_inner .detailBooks .detailMonitor .videoImg00 {background:url("/textBook/images/monitor01.png") no-repeat center; height:710px; position:relative;} #detailView .detailView_inner .detailBooks .detailMonitor .videoImg00 .coverIfame {position:absolute; width:783px; height:450px; top:141px; left:52px;} #detailView .detailView_inner .detailBooks .detailMonitor .videoImg00 .fontGuid {position:absolute; background:#333333; color:#fff; bottom:36px; left:180px; border-radius:3px;} #detailView .detailView_inner .detailBooks .detailMonitor .videoImg00 .fontGuid p {font-size:16px; padding:6px;} #detailView .detailView_inner .detailBooks .detailMonitor .videoImg00 .fontGuid p .fontGuidBold {font-size:20px;} /* books_교과 연계 도서 */ #BetweenBtn {border-bottom:2px solid #5e6675; overflow:hidden; padding-bottom:20px; margin-bottom:20px;} #BetweenBtn .BetweenBtnTOP { overflow:hidden; margin-bottom:10px;} #BetweenBtn .BetweenBtnTOP > h1 {float:left; } #BetweenBtn .BetweenBtnTOP > ul {float:left; overflow:hidden;} #BetweenBtn .BetweenBtnTOP > ul > li {float:left;} #BetweenBtn .BetweenBtnTOP > ul > li a{display:block;} #BetweenBtn .BetweenBtnTOP .btn1 a {width:260px; height:47px; background : url("/books/images/btnL.png") no-repeat;} #BetweenBtn .BetweenBtnTOP .btn2 a {width:260px; height:47px; background : url("/books/images/btnM.png") no-repeat;} #BetweenBtn .BetweenBtnTOP .btn3 a {width:260px; height:47px; background : url("/books/images/btnH.png") no-repeat;} /* 마우스 효과 */ #BetweenBtn .BetweenBtnTOP .btn1:hover a {background : url("/books/images/btnL_ov.png") no-repeat;} #BetweenBtn .BetweenBtnTOP .btn2:hover a { background : url("/books/images/btnM_ov.png") no-repeat;} #BetweenBtn .BetweenBtnTOP .btn3:hover a {background : url("/books/images/btnH_ov.png") no-repeat;} /* 마우스 선택 */ #BetweenBtn .BetweenBtnTOP .btn1_on a {background : url("/books/images/btnL_on.png") no-repeat;} #BetweenBtn .BetweenBtnTOP .btn2_on a { background : url("/books/images/btnM_on.png") no-repeat;} #BetweenBtn .BetweenBtnTOP .btn3_on a {background : url("/books/images/btnH_on.png") no-repeat;} #BetweenBtn .BetweenBtnBOT { overflow:hidden;} #BetweenBtn .BetweenBtnBOT > h1 {float:left; } #BetweenBtn .BetweenBtnBOT > ul {float:left; border:1px solid #ccc; border-left:none; width:779px; } #BetweenBtn .BetweenBtnBOT > ul > li {overflow:hidden; margin:6px 15px 6px 15px;} #BetweenBtn .BetweenBtnBOT > ul > li a{display:block;} #BetweenBtn .BetweenBtnBOT .btn01_line li {float:left; margin:0px 5px;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM1 a {width:97px; height:36px; background : url("/books/images/btnKor.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM2 a {width:97px; height:36px; background : url("/books/images/btnSoc.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM3 a {width:97px; height:36px; background : url("/books/images/btnEth.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM4 a {width:97px; height:36px; background : url("/books/images/btnSci.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM5 a {width:97px; height:36px; background : url("/books/images/btnMat.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM6 a {width:97px; height:36px; background : url("/books/images/btnJob.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM7 a {width:97px; height:36px; background : url("/books/images/btnTec.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn02_line .btnM8 a {width:97px; height:36px; background : url("/books/images/btnHis.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn02_line li {float:left; margin:0px 5px;} /* 마우스 효과 */ #BetweenBtn .BetweenBtnBOT .btn01_line .btnM1:hover a {background : url("/books/images/btnKor_ov.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM2:hover a { background : url("/books/images/btnSoc_ov.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM3:hover a { background : url("/books/images/btnEth_ov.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM4:hover a {background : url("/books/images/btnSci_ov.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM5:hover a { background : url("/books/images/btnMat_ov.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM6:hover a {background : url("/books/images/btnJob_ov.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM7:hover a {background : url("/books/images/btnTec_ov.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn02_line .btnM8:hover a {background : url("/books/images/btnHis_ov.png") no-repeat;} /* 교과선택 효과 */ #BetweenBtn .BetweenBtnBOT .btn01_line .btnM1_on a {background : url("/books/images/btnKor_on.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM2_on a { background : url("/books/images/btnSoc_on.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM3_on a { background : url("/books/images/btnEth_on.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM4_on a {background : url("/books/images/btnSci_on.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM5_on a { background : url("/books/images/btnMat_on.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM6_on a {background : url("/books/images/btnJob_on.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn01_line .btnM7_on a {background : url("/books/images/btnTec_on.png") no-repeat;} #BetweenBtn .BetweenBtnBOT .btn02_line .btnM8_on a {background : url("/books/images/btnHis_on.png") no-repeat;} /* books_꿈결 시리즈 */ .booksAll_start .seriesList {padding-bottom: 20px; margin-bottom:20px; border-bottom:1px dotted #ccc; position:relative;} .booksAll_start .seriesList .series_ov {display:none;} .booksAll_start .seriesList .series_ov img {padding: 60px 0px;} .booksAll_start .seriesList:hover .series_ov { width:941px; height:231px; position:absolute; top:0px; right:0px; background: #000; background : rgba(0, 0, 0, 0.6); display: block; text-align:center; /*filter:alpha(opacity=60);익스용 투명도 필터opacity:.60; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; */ /*--익스8용 투명도 필터--*/ } /* books_도서검색 */ #searchBox {border-top:1px solid #a6a6a6; border-bottom: 1px solid #2f65be; background: #f6f6f6; overflow:hidden; height:100%; } #searchBox .searchBoxInner{overflow:hidden; height:100%; } #searchBox .searchBoxInner .searchBoxL {float:left; width:580px;overflow:hidden;margin:30px 30px 15px 30px;} #searchBox .searchBoxInner .searchBoxL .infoTitle {float:left; width:110px;} #searchBox .searchBoxInner .searchBoxL .infoTitle li {height:46px; margin-bottom:16px; line-height:46px; font-weight:bold; font-size:14px; color:#545454;} #searchBox .searchBoxInner .searchBoxL .infoBox {float:left; width:470px; border-bottom: 1px dotted #ccc;} #searchBox .searchBoxInner .searchBoxL .infoBox li {margin-bottom:16px;} #searchBox .searchBoxInner .searchBoxL .infoBox input {width:453px; height:44px; border:1px solid #ccc; font-size:14px; padding-left:15px;} #searchBox #cate_idx {width:470px; height:44px; border:1px solid #ccc; font-size:14px; padding-left:15px;} #searchBox .searchBoxInner .searchBoxL .infoBox .bName input {width:208px;} #searchBox .searchBoxInner .searchBoxL .infoBox .bName input:nth-child(2) {margin-left:20px;} #searchBox .searchBoxInner .searchBoxR {float:left; width:241px; margin:30px 30px 16px 30px;} #searchBox .searchBoxInner .searchBoxR img {width:241px; height:308px;} #searchBox .searchBtn {width:801px; height:58px; margin:15px 0px 25px 140px; position:relative;} #searchBox .searchBtn .searchBtn_btn a {display:block; width:470px; height:58px; background : url("/books/images/searchBtn.png") no-repeat;} /* 클릭시 변경 */ #searchBox .searchBtn .searchBtn_btn_on a {background : url("/books/images/searchBtn_ov.png") no-repeat;} #searchBox .searchBtn .searchBtn_logo {position:absolute; top:0px; right:30px;} #blank_px {width:100%; height:1px; border-top:1px dotted #ccc; margin:15px 0px;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* textBook_교과서 */ /*교과서만다른 서브 레이아웃 */ #containerInner_17 {background : url("/textBook/images/textBook_bg03.jpg");height:100%;} #content_17 { width:1200px; margin:0px auto; height:100%; text-align:center; position:relative;} /* bis스타일 */ #ib-container article:nth-child(1) {position:absolute; top:300px; left:0px;} #ib-container article:nth-child(2) {position:absolute; top:300px; left:290px;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* company_꿈결 소개 */ #company {position:relative;} #company .gifImg03 {position:absolute; top:470px; left:350px;} #company .gifImg04 {position:absolute; top:270px; left:200px;} /* company_꿈결 발자취 */ #companyHis {background : url("/company/images/companyHis_bg5.png"), url("/company/images/companyHis_bg_3.jpg"); width:941px; height:2293px;} #companyHis .coverStyle2018 {left:488px; right:5px; height:300px;width:440px; top:87px;} #companyHis .coverStyle2018 .imgpad {padding: 5px 0px;} #companyHis .coverStyle2017 {left:5px; height:450px;width:440px; top:55px;} #companyHis .coverStyle2017 .imgpad {padding: 5px 0px;} #companyHis .coverStyle2016 {left:488px; right:5px; height:178px;width:440px; top:81px;} #companyHis .coverStyle2016 .imgpad {padding: 5px 0px;} #companyHis .coverStyle2015 {left:5px; height:196px;width:440px; top:81px;} #companyHis .coverStyle2015 .imgpad {padding: 5px 0px;} #companyHis .coverStyle2014 {left:488px; height:280px;width:440px; top:81px;} #companyHis .coverStyle2014 .imgpad {padding: 15px 0px;} #companyHis .coverStyle2013 {left:5px; height:310px;width:440px; top:55px;} #companyHis .coverStyle2013 .imgpad {padding: 5px 0px;} #companyHis .coverStyle2012 {left:488px; height:310px;width:440px; top:55px;} #companyHis .coverStyle2012 .imgpad {padding: 7px 0px;} #companyHis .coverStyle2011 {left:5px; height:140px;width:440px; top:55px;} #companyHis .coverStyle2011 .imgpad {padding: 5px 0px;} #companyHis .front {border:1px solid #ca8e8e; background:#fcc859; border-radius:15px; position:absolute;} #companyHis .back {border:1px solid #ca8e8e; background:#FDF559; border-radius:15px; position:absolute;} #companyHis .imgCenter {text-align:center;} #companyHis .displayNone {letter-spacing:-1px; color:#0d537d; font-weight:bold; font-size:20px; line-height:28px;padding:10px 0 0 8px;} #companyHis .displayNone .booksTit_sub{font-size:12px; margin-left:6px; color:#5e3c0f;} /* company_공지사항 */ #noticeBtn {height:100%;overflow:hidden;border-bottom:2px solid #5683be;} #noticeBtn .noticeInner {float:left; overflow:hidden;} #noticeBtn .noticeInner li {float:left;} #noticeBtn .noticeInner li a {display:block; width:158px;height:42px;} #noticeBtn .noticeInner .noticeBtn01 a {background : url("/company/images/noticeBtn01.jpg") no-repeat;} #noticeBtn .noticeInner .noticeBtn02 a {background : url("/company/images/noticeBtn02.jpg") no-repeat;} #noticeBtn .noticeInner .noticeBtn03 a {background : url("/company/images/noticeBtn03.jpg") no-repeat;} /* 마우스 효과 */ #noticeBtn .noticeInner .noticeBtn01:hover a {background : url("/company/images/noticeBtn01_ov.jpg") no-repeat;} #noticeBtn .noticeInner .noticeBtn02:hover a {background : url("/company/images/noticeBtn02_ov.jpg") no-repeat;} #noticeBtn .noticeInner .noticeBtn03:hover a {background : url("/company/images/noticeBtn03_ov.jpg") no-repeat;} /* 선택 효과 */ #noticeBtn .noticeInner .noticeBtn01_on a {background : url("/company/images/noticeBtn01_on.jpg") no-repeat;} #noticeBtn .noticeInner .noticeBtn02_on a {background : url("/company/images/noticeBtn02_on.jpg") no-repeat;} #noticeBtn .noticeInner .noticeBtn03_on a {background : url("/company/images/noticeBtn03_on.jpg") no-repeat;} #noticeBtn .noticeSearch {float:right; overflow:hidden; margin:6px 0px;} #noticeBtn .noticeSearch li {float:left;} #noList_search02 {font-size:18px; text-align:center; padding: 20px 0px; color:#6f7073; font-weight:bold; letter-spacing:-1px;} #noticeBtn .noticeSearch .noticeSearch01 .borderSel {width:58px; height:26px; margin-right:5px;color:#525252;font-weight:bold;} #noticeBtn .noticeSearch .noticeSearch01 .borderSel option {color:#525252;} #noticeBtn .noticeSearch .noticeSearch02 .findSel {width:138px; height:22px; padding-left:5px; color:#525252;} #noticeBtn .noticeSearch .noticeSearch03 {width:38px;} #noticeList {border-bottom:2px solid #5683be; margin-bottom:20px; overflow:hidden;} #noticeList .noticeList {border-bottom:1px solid #ccc; overflow:hidden;} #noticeList .noticeList > a {display:block; overflow:hidden;} /* 마우스효과 */ #noticeList .noticeList:hover a {background:#f1f4f7; border:1px solid #1e91d8;} #noticeList .noticeList:hover a .noticeList_left{margin-top:-1px; margin-bottom:-1px; margin-left:-1px ;} #noticeList .noticeList:hover a .noticeList_right{margin-top:-1px; margin-bottom:-1px; margin-right:-1px ;} #noticeList .noticeList_left {float:left; width:128px; height:50px; text-align:center; padding:25px 15px 15px 15px; overflow:hidden;} #noticeList .noticeList_left .numberBig {margin-bottom:20px; color:#5e8fcf; font-weight:bold;font-size:38px;} #noticeList .noticeList_left .numberDate { color:#5e8fcf; font-weight:bold;} #noticeList .noticeList_right {float:left;width:753px; height:50px; text-align:center; padding:25px 15px 15px 15px;text-align:left;} #noticeList .noticeList_right .fontContents {margin-bottom:20px; color:#525252; font-weight:bold; letter-spacing:-1px; font-size:14px;} #selectTit {color:#ef4f00;} #noticeList .noticeList_right .fontEtc {color:#5e8fcf;} #noticeList .noticeList_right .fontEtc span {color:#525252; margin-left:3px;} /* company_공지사항_뷰 */ #noticeViewT{border-top:2px solid #5683be; } #noticeViewT .Item01 {overflow:hidden; border-bottom:1px solid #4491f6;} #noticeViewT .Item01 li {float:left; width:12%; height:35px; margin-right:1px; line-height:35px; text-align:center;} #noticeViewT .Item01 li.sValue {background:#689de2; color:#fff; font-weight:bold; } #noticeViewT .Item02 {overflow:hidden; border-bottom:1px solid #4491f6;} #noticeViewT .Item02 li {float:left; height:35px;line-height:35px; text-align:center; font-weight:bold;} #noticeViewT .Item02 li.titleValue{text-align:left; width:86%; margin-left:2%; letter-spacing:-1px; font-size:14px;} #noticeViewT .Item02 li.titleS {width:12%; background:#689de2; color:#fff;} #noticeViewB{border-bottom:2px solid #5683be; line-height: 2;} #noticeViewB p {font-size:14px; line-height:20px; font-family: '굴림';} #noticeViewB .writingValue {margin:25px;} #noticeViewlist {margin: 15px 0px; text-align:right;} /* company_총판/ 지사 */ #branch {overflow:hidden; border:1px solid #ccc; height:100%;} #branch .branchL {float:left; width:382px; padding:24px; text-align:center;} #branch .branchR {float:left; width:461px; padding:24px; background:#f2f1ef;} #branch .branchR .branchSubTit02 {margin:30px 0px 20px 0px;} #branch .branchR .branchSearch01 {overflow:hidden; } #branch .branchR .branchSearch01 li {float:left;} #branch .branchR .branchSearch01 .cityCover select {width:136px; height:37px;} #branch .branchR .branchSearch01 .areaCover select {width:136px; height:37px; margin-left:15px;} #branch .branchR .branchSearch02 { margin:15px 0px;} #branch .branchR .branchSearch02 input { height:33px; width:447px; padding-left:5px;} #branchList {margin:20px 0px; border-top: 2px solid #1b589a;} #branchList .branchList_tit {background:#ecf3fa; overflow:hidden; text-align:center;} #branchList .branchList_tit div {float:left; border-right:1px solid #ccc; width:210px; padding:15px 0px; font-weight:bold; letter-spacing:-1px; border-bottom:1px solid #ccc;color:#525252;} #branchList .branchList_tit div:nth-child(2) {width:327px;} #branchList .branchList_tit div:nth-child(3) {width:200px;} #branchList .branchList_tit div:nth-child(4) {width:200px;} #branchList .branchList_tit div:nth-child(5) { border-right:0px solid #ccc;} #branchList .branchList_p {height:100%; overflow:hidden; font-size:13px;} /*#branchList .branchList_p .branchPrint {overflow:hidden; text-align:center; background : url("/company/images/lineBlank.png") repeat-y; border-bottom:1px solid #ccc;}*/ #branchList .branchList_p .branchPrint {overflow:hidden; text-align:center; border-bottom:1px solid #ccc;} #branchList .branchList_p .branchPrint p {float:left; border-right:1px solid #ccc; width:210px; padding:10px 0px;letter-spacing:2px;color:#525252;} #branchList .branchList_p .branchPrint .branchList02 {width:327px;} #branchList .branchList_p .branchPrint .branchList03 {width:200px;} #branchList .branchList_p .branchPrint .branchList04 {width:200px; text-align:center;} #branchList .branchList_p .branchPrint .branchList04 span {padding-left:10px;} #branchList .branchList_p .branchPrint .branchList04 .tel_fax{display:block; margin-top:5px;} #branchList .branchList_p .branchPrint .branchList05 {border-right:0px solid #ccc;} /* company_총판/ 지사_상세보기 팝업 */ .storeInfoWrap {background: #f8f8f8;} .storeInfoWrap .storeWrap {width:480px; height: auto; margin:0 auto; } .storeInfoWrap .storeWrap .storeInfo1 {padding: 10px 0px;} .storeInfoWrap .storeWrap .storeInfo1 .storeTitle {font-size:1.2em; color:#03629c;font-weight:bold; border-bottom:1px solid #03629c; padding-bottom:5px; margin-bottom:5px;} .storeInfoWrap .storeWrap .storeInfo1 .detailInfo .add {padding:10px 0px 10px 45px; background : url("/company/images/directionMap.png") no-repeat 6px center;} .storeInfoWrap .storeWrap .storeInfo1 .detailInfo .call {padding:10px 0px 0px 45px; background : url("/company/images/directionCall.png") no-repeat 6px center;} .storeInfoWrap .storeWrap .storeInfo2 {text-align:center; margin:10px 0px;} .storeInfoWrap .storeWrap .storeInfo2 .btnStoreClose {color: #fff; text-shadow: 0px 1px 0px #135fa4; border: 1px solid #135fa4; border-top-color: #2d9acf; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.22); background: #3aaee7; background: linear-gradient(to bottom, #3aaee7 0%, #1a80d9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aaee7', endColorstr='#1a80d9', GradientType=0 );/*IE*/ cursor: pointer; outline: 0; padding: .5em .75em; border-radius: .25em; box-sizing: content-box; -moz-box-sizing: content-box;} .storeInfoWrap .storeWrap .storeInfo2 .btnStoreClose:focus, .storeInfoWrap .storeWrap .storeInfo2 .btnStoreClose:hover {background: #50bae9; background: linear-gradient(to bottom, #50bae9 0%, #3392de 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50bae9', endColorstr='#3392de', GradientType=0 );/*IE*/} /* company_약관 및 정책 + stieMap_사이트맵*/ /* 약관 및 정책 */ #container_03 {height:100%;} #containerInner_03 {background: #f2f4f7;} #content_03 { width:1000px; margin:0px auto; min-height:600px; background:#fff; padding:50px;} #content_03 .policyH1 { margin-bottom:30px; border-bottom:2px solid #ccc; padding:10px;} #content_03 .policyH3 {color:#525252; font-weight:bold; font-size:18px; letter-spacing:-1px;} #content_03 .policyContents {margin-top:30px;} #content_03 .policyContents .policyH3 {color:#1d91d8; font-weight:bold; margin-bottom:30px;font-size:18px; letter-spacing:-1px;} #content_03 .policyContents .policyStart {margin-bottom:20px;font-size:14px; line-height:22px; letter-spacing:-1px; color:#525252;} #content_03 .policyContents .policyP {padding:20px; border:1px solid #ccc; height:200px; overflow-y:auto; line-height:18px;} #content_03 .policyContents .policyP .strong {font-weight:bold; margin:10px 0px;} #content_03 .emailNo {background : url("/company/images/emailNo.png") no-repeat bottom left;} #content_03 .emailNo .emailNo02 { margin-left:85px;} /*사이트맵 */ #siteMap{overflow:hidden; } #siteMap .siteMapInner {float:left; width:24%; height:500px;} #siteMap .siteMap_line {float:left; width:1%; height:500px; border-left:1px solid #ccc;} #siteMap .siteMapInner > h1 {margin-bottom:30px;} #siteMap .siteMapInner > ul > li > a { padding-left:20px; display:block; height:20px; margin:20px; color:#525252; letter-spacing:-1px; font-size:16px; background:url("/siteMap/images/siteMapSub.png") no-repeat top left;} #siteMap .siteMapInner > ul > li:hover > a {color:#1d91d8; } /* 마우스 효과 */ #siteMap .siteMapInner > ul > li:hover > a {background:url("/siteMap/images/siteMapSub_ov.png") no-repeat top left;} /* 마우스 효과 */ /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* customer_1:1문의 */ #questionBox {border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 0px 20px 0px;} #questionBox > div { border-bottom:1px dotted #ccc; overflow:hidden; height:100%;background : url("/customer/images/backBG.jpg") repeat-y;} #questionBox > div.lastDiv { border-bottom:0px dotted #ccc;} #questionBox .front {float:left; background:#f2f2f2; width:140px; padding:20px; font-weight:bold; letter-spacing:-1px; color:#525252;} #questionBox .back {float:left;width:700px; margin:20px;} #questionBox .back .notice {font-weight:bold; letter-spacing:-1px; color:#34588b; margin-top:5px;} #questionBox textarea{width:690px; padding:5px; resize: vertical;} #s-email {width:80px;padding:5px;} #questionBox .aMail01, #questionBox .aMail02, #questionBox .aTitle {width:280px;padding:5px;} #questionBox .aMail01 {margin-right:5px;} #questionBox .aMail02 {margin-left:5px;} #questionBox .aPhone {width:280px; padding:5px;} #questionBox .aAdd {width:280px; padding:5px;} #questionBox .file_input_hidden {margin-left:5px; cursor:pointer; outline:none;} #questionBtn { text-align:center;} #questionBtn div {display:inline-block;} /* customer_1:1문의_등록 + customer_원고투고_보내기 */ #customerSend_btn {text-align:center; margin-top:30px;} #customerSend_btn div {display:inline-block;} #customerSend_btn div img {cursor:pointer;} /* customer_원고투고 */ #writeBox {border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 0px 20px 0px;} #writeBox > div { border-bottom:1px dotted #ccc; overflow:hidden; height:100%;background : url("/customer/images/backBG.jpg") repeat-y;} #writeBox > div.wlastDiv { border-bottom:0px dotted #ccc;} #writeBox .wfront {float:left; background:#f2f2f2; width:140px; padding:20px; font-weight:bold; letter-spacing:-1px; color:#525252;} #writeBox .wback {float:left;width:700px; margin:20px;} #writeBox .waName{width:280px;padding:5px;} #writeBox textarea{width:690px; padding:5px; resize: vertical;} #writeBox .waMail01, #writeBox .waMail02 {width:280px;padding:5px;} #writeBox .waMail01 {margin-right:5px;} #writeBox .waMail02 {margin-left:5px;} #writeBox .waPhone, #writeBox .waAdd, #writeBox .waAdd02{width:280px;padding:5px; margin-right:5px;} #writeBox .waTitle {width:680px;padding:5px;} #writeBtn { text-align:center;} #writeBtn div {display:inline-block;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* 지사자료실 */ /* 컨텐츠 레이아웃 다름 */ /* 로그인 */ #content_04 { width:100%; min-height:500px;} #content_04 .contentBox {margin:0 auto; width:55%; overflow:hidden; border:3px solid #f1f0f6; padding:10px; margin-top:70px;} #content_04 .contentBox .boxLeft {float:left; width:31%; min-height:281px; background:url("/image/lockImg02.jpg") center 40px no-repeat;} #content_04 .contentBox .boxRight {float:left; width:69%;} #content_04 .contentBox .boxRight .boxRightH1 {height:100px; background:url("/image/boxRightH1.jpg") left no-repeat;} #content_04 .contentBox .boxRight .boxRightBox {overflow:hidden;} #content_04 .contentBox .boxRight .boxRightBox .formTag {float:left; width:55%;} #content_04 .contentBox .boxRight .boxRightBox .formTag .idBox {margin-bottom:5px;} #content_04 .contentBox .boxRight .boxRightBox .formTag .idBox, #content_04 .contentBox .boxRight .boxRightBox .formTag .passBox {border:1px solid #ccc; border-radius:5px; font-size:14px; width:220px; padding:10px;} #content_04 .contentBox .boxRight .boxRightBox .btnTag {float:left; width:59px; height:59px; text-align:center; padding:10px; margin:0px; border:1px solid #375066; border-radius:5px;} #content_04 .contentBox .boxRight .boxRightBox .btnTag a {display:block; padding:20px 0px; color:#fff;} #content_04 .contentBox .boxRight .boxRightEtc {height:100px; background:url("/image/boxRightEtc.jpg") left no-repeat;} /* 메인_중등, 고등 */ #containerInner_04 {width:100%; background:url("/image/patternBg.jpg");} /* 중등 */ #containerInner_05 {width:100%; background:url("/image/patternBg_H.jpg");} /* 고등 */ #content_05 { width:1200px; margin:0 auto; min-height:500px; text-align:center;} #content_05 .InsideContents .topMenu {overflow:hidden; padding-top: 30px;} #content_05 .InsideContents .topMenu .menuMiddle {display:inline-block; margin-right:5px;} #content_05 .InsideContents .topMenu .menuMiddle a {display:block; width: 381px; background:url("/image/menuMiddle.png") no-repeat; height:140px;} #content_05 .InsideContents .topMenu .menuHigh {display:inline-block; margin-left:5px;} #content_05 .InsideContents .topMenu .menuHigh a {display:block; width:381px; background:url("/image/menuHigh.png") no-repeat; height:140px;} #content_05 .InsideContents .topMenu .menuMiddleOn a {background:url("/image/menuMiddle_ov.png") no-repeat;}/* 메뉴 클릭효과 */ #content_05 .InsideContents .topMenu .menuHighOn a {background:url("/image/menuHigh_ov.png") no-repeat;} /* 메뉴 클릭효과 */ #content_05 .InsideContents .topMenu .menuMiddle:hover a {background:url("/image/menuMiddle_ov.png") no-repeat;} /* 메뉴 마우스효과 */ #content_05 .InsideContents .topMenu .menuHigh:hover a {background:url("/image/menuHigh_ov.png") no-repeat;} /* 메뉴 마우스효과 */ #content_05 .InsideContents .topEtcBg {position:relative;} #content_05 .InsideContents .topEtc {background:url("/image/topEtc.png") no-repeat center; height:339px;} #content_05 .InsideContents .topEtc_btn {display:block; background:url("/image/topEtc_btn03.png") no-repeat center; height:107px; width:829px; position:absolute; top:140px; left:200px;} /* 중등 */ #content_05 .InsideContents .topEtc_btnH {display:block; background:url("/image/topEtc_btnH03.png") no-repeat center; height:107px; width:829px; position:absolute; top:140px; left:200px;} /* 고등 */ #content_05 .InsideContents .topEtc_btn:hover {background:url("/image/topEtc_btnOV03.png") no-repeat center;} /* 중등 마우스효과 */ #content_05 .InsideContents .topEtc_btnH:hover {background:url("/image/topEtc_btnHOV03.png") no-repeat center;} /* 고등 마우스효과 */ #content_05 .InsideContents .mainVideo .videoImg01{background:url("/image/videoImg001.png") no-repeat center; height:945px; position:relative;} #content_05 .InsideContents .mainVideo .videoImg02{background:url("/image/videoImg002.png") no-repeat center; height:945px; position:relative;} #content_05 .InsideContents .mainVideo .coverIfame {position:absolute; width:856px; height:496px; border:2px solid #ccc; top:174px; left:172px;} #content_05 .InsideContents .mainVideo .fontGuid {position:absolute; background:#333333; color:#fff; bottom:236px; left:380px; border-radius:3px;} #content_05 .InsideContents .mainVideo .fontGuid p {font-size:16px; padding:6px;} #content_05 .InsideContents .mainVideo .fontGuid p .fontGuidBold {font-size:20px;} #content_05 .InsideContents .bottomImg {background:url("/image/bottomImg.png") no-repeat center; height:380px;} /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////// */ /* 교과서_선생님자료방리스트*/ /* 교과서_자료요청리스트*/ .boardTip input:-ms-input-placeholder { color: #c8d0da; font-style:italic; font-weight:500; font-family:'notoSans';} .boardTip input::-webkit-input-placeholder { color: #c8d0da; font-style:italic; font-weight:500; font-family:'notoSans';} .boardTip input::-moz-placeholder { color: #c8d0da; font-style:italic; font-weight:500; font-family:'notoSans';} .boardTip input::-moz-placeholder { color: #c8d0da; font-style:italic; font-weight:500; font-family:'notoSans';} .boardTip {letter-spacing:-0.05px;} .boardTip .tit {padding-bottom:10px; border-bottom:1px solid #ccc;} .boardTip .tit .titH1 {font-size:30px; color:#333333; font-weight:500;} .boardTip .tit .titH1 i{margin-right:10px;} .boardTip .tit .titP {margin-top:20px; font-size:16px; margin-left:10px;} .boardTip .search {margin-top:20px; overflow:hidden;} .boardTip .search .searchL {float:left; width:50%} .boardTip .search .searchL .searchSel {display:inline-block; text-align:center; white-space:nowrap; vertical-align:middle; border:1px solid #ced4da; padding:.5rem 1rem; border-radius:3px; font-size:1rem; font-weight:600; cursor:pointer; width:50%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .boardTip .search .searchL .searchSel:hover {background:#ececec;} .boardTip .search .searchL .searchSel:hover option{background:#fff;} .boardTip .search .searchR {float:right; width:50%; text-align:right;} .boardTip .search .searchR .findSel {width:50%; display:inline-block; width:50%; padding:.5rem 1rem; border-radius:3px; font-size:1rem; border:1px solid #ced4da;} .boardTip .search .searchR .btnSel {width:20%; background:#8d8d8e; border:1px solid #6f6f6f; color:#fff; padding:.45rem 1rem; border-radius:3px; margin-left:5px;vertical-align:text-bottom;} .boardTip .search .searchR .btnSel:hover {background:#6f6f6f;} .boardTip .search .searchR .btnSel i {margin-right:10px;} .boardTip .btnCoverGo {margin-bottom:20px; text-align:right;} .boardTip .btnCoverGo i{margin-right:.3rem;} .boardTip .btnCoverGo a {display:inline-block; border:1px solid #60508b; padding:.8rem 2.5rem; text-align:center; background:#655593; color:#fff;} .boardTip .btnCoverGo a:hover {background:#60508b;} /* 교과서_선생님자료방리스트*/ .boardTip .boardTit {border-top:1px solid #333333; border-bottom:1px solid #ced4da; background:#f0f3f6; margin-top:20px;} .boardTip .boardTit .boardTit_in {overflow:hidden;} .boardTip .boardTit .boardTit_in li {float:left; text-align:center; font-weight:500; width:10%; border-right:1px solid #ced4da; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; color:#333333;} .boardTip .boardTit .boardTit_in li:nth-child(2) {width:65%;} .boardTip .boardTit .boardTit_in li:nth-child(3) {width:15%;} .boardTip .boardTit .boardTit_in li:nth-child(4) {border-right:none;} .boardTip .boardTit .boardTit_in li span{padding:.8rem; display:block;} .boardTip .boardList {font-size:16px; line-height:1.2; text-align:center; margin-bottom:20px;} .boardTip .boardList .boardList_in {width:100%; border-bottom:1px solid #ced4da;} .boardTip .boardList .boardList_in:hover {background:#f2f2f2;} .boardTip .boardList .boardList_bg {background:#fefeed;} .boardTip .boardList .boardList_in .boardList_cover {display: -webkit-box; display: -ms-flexbox; display:flex;} .boardTip .boardList .boardList_in .boardList_cover li {-ms-flex: 1 0 auto; flex:1 0 auto; border-right:1px solid #ced4da; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; width:10%;} .boardTip .boardList .boardList_in .boardList_cover li:nth-child(2) {width:65%; text-align:left;} .boardTip .boardList .boardList_in .boardList_cover li:nth-child(3) {width:15%;} .boardTip .boardList .boardList_in .boardList_cover li:nth-child(4) {border-right:none;} .boardTip .boardList .boardList_in .boardList_cover li span {padding:1.4rem; display:block;} .boardTip .boardList .boardList_in .boardList_cover li:nth-child(1) span {padding:.95rem;} .boardTip .boardList .boardList_in .boardList_cover li a {padding:1.4rem; display:block;} .boardTip .boardList .boardList_in .boardList_cover li span .border01 {display:inline-block; line-height:16px; color:#4bcf99; border:1px solid #4bcf99; background:transparent; width:90%; padding:.5rem 0;} .boardTip .boardList .boardList_in .boardList_cover li span .border02 {display:inline-block; line-height:16px; color:#FF4444; border:1px solid #FF4444; background:transparent; width:90%; padding:.5rem 0;} .boardTip .boardList .boardList_no {border-bottom:1px solid #ced4da;text-align:center; width:100%;} .boardTip .boardList .boardList_no span {display:block; padding:1rem;} /* 교과서_자료요청리스트*/ .boardTip .boardTitQ {border-top:1px solid #333333; border-bottom:1px solid #ced4da; background:#f0f3f6; margin-top:20px;} .boardTip .boardTitQ .boardTit_in {overflow:hidden;} .boardTip .boardTitQ .boardTit_in li {float:left; text-align:center; font-weight:500; width:15%; border-right:1px solid #ced4da; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; color:#333333;} .boardTip .boardTitQ .boardTit_in li:nth-child(1) {width:10%;} .boardTip .boardTitQ .boardTit_in li:nth-child(2) {width:50%;} .boardTip .boardTitQ .boardTit_in li:nth-child(5) {border-right:none; width:10%;} .boardTip .boardTitQ .boardTit_in li span{padding:.8rem; display:block;} .boardTip .boardListQ {font-size:16px; line-height:1.2; text-align:center; margin-bottom:20px;} .boardTip .boardListQ .boardList_in {width:100%; border-bottom:1px solid #ced4da;} .boardTip .boardListQ .boardList_in:hover {background:#f2f2f2;} .boardTip .boardListQ .boardList_bg {background:#fefeed;} .boardTip .boardListQ .boardList_in .boardList_cover {display: -webkit-box; display: -ms-flexbox; display:flex;} .boardTip .boardListQ .boardList_in .boardList_cover li {-ms-flex: 1 0 auto; flex:1 0 auto; border-right:1px solid #ced4da; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; width:15%;} .boardTip .boardListQ .boardList_in .boardList_cover li:nth-child(1) {width:10%;} .boardTip .boardListQ .boardList_in .boardList_cover li:nth-child(2) {width:50%; text-align:left;} .boardTip .boardListQ .boardList_in .boardList_cover li:nth-child(5) {border-right:none; width:10%;} .boardTip .boardListQ .boardList_in .boardList_cover li span {padding:1.4rem; display:block;} .boardTip .boardListQ .boardList_in .boardList_cover li:nth-child(1) span {padding:.95rem;} .boardTip .boardListQ .boardList_in .boardList_cover li:nth-child(5) span {padding:.95rem .5rem;} .boardTip .boardListQ .boardList_in .boardList_cover li a {padding:1.4rem; display:block;} .boardTip .boardListQ .boardList_in .boardList_cover li span .border01 {display:inline-block; line-height:16px; color:#fff; border:1px solid #777777; background:#777777; width:90%; padding:.5rem 0;} .boardTip .boardListQ .boardList_in .boardList_cover li span .border02 {display:inline-block; line-height:16px; color:#fff; border:1px solid #e04c4c; background:#e04c4c; width:90%; padding:.5rem 0;} .boardTip .boardListQ .boardList_in .boardList_cover li span .background01 {display:inline-block; line-height:16px; color:#FF4444; border:1px solid #FF4444; background:transparent; width:90%; padding:.5rem 0; font-size:14px;} .boardTip .boardListQ .boardList_in .boardList_cover li span .background02 {display:inline-block; line-height:16px; color:#d7dde4; border:1px solid #d7dde4; background:transparent; width:90%; padding:.5rem 0; font-size:14px;} .boardTip .boardListQ .boardList_no {border-bottom:1px solid #ced4da;text-align:center; width:100%;} .boardTip .boardListQ .boardList_no span {display:block; padding:1rem;} /* 교과서_선생님자료방뷰*/ /* 교과서_자료요청뷰*/ .boardTip_view {letter-spacing:-0.05px;} .boardTip_view .tit {padding-bottom:10px; border-bottom:1px solid #ccc;} .boardTip_view .tit .titH1 {font-size:30px; color:#333333; font-weight:500;} .boardTip_view .tit .titH1 i{margin-right:10px;} .boardTip_view .tit .titP {margin-top:20px; font-size:16px; margin-left:10px;} .boardTip_view .botCover {border-bottom:1px solid #333333;} .boardTip_view .botCover .botArea {font-size:16px; line-height:1.5; margin:20px; min-height:150px;} .boardTip_view .btnCoverGo {margin-top:20px; overflow:hidden;} .boardTip_view .btnCoverGo .btnLeft {float:left; width:50%;} .boardTip_view .btnCoverGo .btnLeft i{margin-right:.3rem;} .boardTip_view .btnCoverGo .btnRight {float:right; width:50%; text-align:right;} .boardTip_view .btnCoverGo .btnList {display:inline-block; border:1px solid #60508b; padding:.8rem 2.5rem; text-align:center; background:#655593; color:#fff;} .boardTip_view .btnCoverGo .btnList:hover {background:#60508b;} .boardTip_view .btnCoverGo .btnChange {display:inline-block; border:1px solid #333333; padding:.8rem 2.5rem; text-align:center; background:transparent; color:#333333;} .boardTip_view .btnCoverGo .btnChange:hover {background:#333333; color:#fff;} .boardTip_view .btnCoverGo .btnDelete {display:inline-block; border:1px solid #FF4444; padding:.8rem 2.5rem; text-align:center; background:transparent; color:#FF4444;} .boardTip_view .btnCoverGo .btnDelete:hover {background:#FF4444; color:#fff;} /* 교과서_선생님자료방뷰*/ .boardTip_view .topCover {border-top:1px solid #333333; margin-top:20px; width:100%;} .boardTip_view .topCover .topIn01 {text-align:center; display: -webkit-box; display: -ms-flexbox; display:flex; border-bottom:1px solid #ced4da;} .boardTip_view .topCover .topIn01 .topLeft {-ms-flex: 1 0 auto; flex:1 0 auto; width:15%; background:#f0f3f6;} .boardTip_view .topCover .topIn01 .topLeft span {display:block; padding:1.4rem;} .boardTip_view .topCover .topIn01 .topRight {-ms-flex: 1 0 auto; flex:1 0 auto; width:18%;} .boardTip_view .topCover .topIn01 .topRight_di {width:19%;} .boardTip_view .topCover .topIn01 .topRight span {display:block; padding:1.4rem;} .boardTip_view .topCover .topIn02 {text-align:center; display: -webkit-box; display: -ms-flexbox; display:flex; border-bottom:1px solid #ced4da;} .boardTip_view .topCover .topIn02 .topLeft {-ms-flex: 1 0 auto; flex:1 0 auto; width:15%; background:#f0f3f6;} .boardTip_view .topCover .topIn02 .topLeft span {display:block; padding:1.4rem;} .boardTip_view .topCover .topIn02 .topRight {-ms-flex: 1 0 auto; flex:1 0 auto; width:85%; text-align:left;} .boardTip_view .topCover .topIn02 span {display:block; padding:1.4rem;} .boardTip_view .topCover .topIn02 .iconA {display:inline-block;} .boardTip_view .topCover .topIn02 .iconB {display:inline-block; margin-left:10px; border:1px solid #FF4444; padding:.2rem .6rem; text-align:center; background:transparent; color:#FF4444;} .boardTip_view .topCover .topIn02 .iconA:hover .iconB{ border:1px solid #03629c; color:#03629c;} /* 교과서_자료요청뷰*/ .boardTip_view .topCoverQ {border-top:1px solid #333333; margin-top:20px; width:100%;} .boardTip_view .topCoverQ .topIn01 {text-align:center; display: -webkit-box; display: -ms-flexbox; display:flex; border-bottom:1px solid #ced4da;} .boardTip_view .topCoverQ .topIn01 .topLeft {-ms-flex: 1 0 auto; flex:1 0 auto; width:15%; background:#f0f3f6;} .boardTip_view .topCoverQ .topIn01 .topLeft span {display:block; padding:1.4rem;} .boardTip_view .topCoverQ .topIn01 .topRight {-ms-flex: 1 0 auto; flex:1 0 auto; width:18%;} .boardTip_view .topCoverQ .topIn01 .topRight_di {width:19%;} .boardTip_view .topCoverQ .topIn01 .topRight span {display:block; padding:1.4rem;} .boardTip_view .topCoverQ .topIn02 {text-align:center; display: -webkit-box; display: -ms-flexbox; display:flex; border-bottom:1px solid #ced4da;} .boardTip_view .topCoverQ .topIn02 .topLeft {-ms-flex: 1 0 auto; flex:1 0 auto; width:15%; background:#f0f3f6;} .boardTip_view .topCoverQ .topIn02 .topLeft span {display:block; padding:1.4rem;} .boardTip_view .topCoverQ .topIn02 .topRight01 {-ms-flex: 1 0 auto; flex:1 0 auto; width:51%; text-align:left;} .boardTip_view .topCoverQ .topIn02 .topRight02 {-ms-flex: 1 0 auto; flex:1 0 auto; width:19%; text-align:center;} .boardTip_view .topCoverQ .topIn02 span {display:block; padding:1.4rem;} .boardTip_view .topCoverQ .topIn03 {text-align:center; display: -webkit-box; display: -ms-flexbox; display:flex;} .boardTip_view .topCoverQ .topIn03 .topLeft {-ms-flex: 1 0 auto; flex:1 0 auto; width:15%; background:#f0f3f6;} .boardTip_view .topCoverQ .topIn03 .topRight {-ms-flex: 1 0 auto; flex:1 0 auto; width:85%; text-align:left;} .boardTip_view .topCoverQ .topIn03 span {display:block; padding:1.4rem;} .boardTip_view .botCover .answerBox {font-size:16px; line-height:1.5; margin:20px;} .boardTip_view .botCover .answerBox .answerBoxIn {border:1px solid #969ea7; background:#f1f1f1; padding:20px; min-height:150px;} .boardTip_view .botCover .answerBox .answerBoxIn .answerBoxH1{padding:.25rem; display:block; border-radius:3px; color:#fff; text-align:center; background:#969ea7; margin-bottom:15px; color:#fff;} .boardTip_view .botCover .answerBox .answerBoxIn .answerBoxHP {display:block; padding:0 1rem;} /* 교과서_선생님자료방작성*/ /* 교과서_자료요청작성*/ .boardTip_w input:-ms-input-placeholder { color: #c8d0da; font-style:italic; font-weight:500; font-family:'notoSans';} .boardTip_w input::-webkit-input-placeholder { color: #c8d0da; font-style:italic; font-weight:500; font-family:'notoSans';} .boardTip_w input::-moz-placeholder { color: #c8d0da; font-style:italic; font-weight:500; font-family:'notoSans';} .boardTip_w input::-moz-placeholder { color: #c8d0da; font-style:italic; font-weight:500; font-family:'notoSans';} .boardTip_w {letter-spacing:-0.05px;} .boardTip_w .tit {padding-bottom:10px; border-bottom:1px solid #ccc;} .boardTip_w .tit .titH1 {font-size:30px; color:#333333; font-weight:500;} .boardTip_w .tit .titH1 i{margin-right:10px;} .boardTip_w .tit .titP {margin-top:20px; font-size:16px; margin-left:10px;} .boardTip_w .botCover {border-bottom:1px solid #333333;} .boardTip_w .botCover .botArea {line-height:1.5; margin:20px;} .boardTip_w .botCover .botArea .form-control {width:100%; font-size:16px; padding:.5rem; min-height:150px;} .boardTip_w .btnCoverGo {margin-top:20px; overflow:hidden;} .boardTip_w .btnCoverGo .btnLeft {float:left; width:50%;} .boardTip_w .btnCoverGo .btnRight {float:right; width:50%; text-align:right;} .boardTip_w .btnCoverGo .btnList {display:inline-block; border:1px solid #60508b; padding:.8rem 2.5rem; text-align:center; background:#655593; color:#fff; text-align:center:} .boardTip_w .btnCoverGo .btnList i{margin-right:.3rem;} .boardTip_w .btnCoverGo .btnList:hover {background:#60508b;} .boardTip_w .btnCoverGo .btnChange {display:inline-block; border:1px solid #333333; padding:.8rem 2.5rem; text-align:center; background:transparent; color:#333333;} .boardTip_w .btnCoverGo .btnChange:hover {background:#333333; color:#fff;} .boardTip_w .btnCoverGo .btnDelete {display:inline-block; border:1px solid #FF4444; padding:.8rem 2.5rem; text-align:center; background:transparent; color:#FF4444;} .boardTip_w .btnCoverGo .btnDelete:hover {background:#FF4444; color:#fff;} /* 교과서_선생님자료방작성*/ .boardTip_w .topCover {border-top:1px solid #333333; border-bottom:1px solid #ced4da; margin-top:20px; width:100%;} .boardTip_w .topCover .topIn01 {text-align:center; display: -webkit-box; display: -ms-flexbox; display:flex; border-bottom:1px solid #ced4da;} .boardTip_w .topCover .topIn01 .topLeft {-ms-flex: 1 0 auto; flex:1 0 auto; width:15%; background:#f0f3f6;} .boardTip_w .topCover .topIn01 .topLeft span {display:block; padding:1.4rem;} .boardTip_w .topCover .topIn01 .topRight {-ms-flex: 1 0 auto; flex:1 0 auto; width:35%;} .boardTip_w .topCover .topIn01 .topRight label {padding:1.25rem; display:inline-block;} .boardTip_w .topCover .topIn01 .topRight label .radio {width:20px; height:20px;} .boardTip_w .topCover .topIn01 .topRight .write {padding:.5rem; display:block;} .boardTip_w .topCover .topIn01 .topRight .write .form-control {padding:.75rem; display:inline-block; font-size:14px; border:1px solid #ced4da; border-radius:3px; width:90%; } .boardTip_w .topCover .topIn02 {text-align:center; display: -webkit-box; display: -ms-flexbox; display:flex; border-bottom:1px solid #ced4da;} .boardTip_w .topCover .topIn02 .topLeft {-ms-flex: 1 0 auto; flex:1 0 auto; width:15%; background:#f0f3f6;} .boardTip_w .topCover .topIn02 .topLeft span {display:block; padding:1.4rem;} .boardTip_w .topCover .topIn02 .topRight {-ms-flex: 1 0 auto; flex:1 0 auto; width:85%;} .boardTip_w .topCover .topIn02 .topRight span {padding:.5rem; display:block; text-align:left;} .boardTip_w .topCover .topIn02 .topRight span .form-control {padding:.75rem; display:inline-block; font-size:14px; border:1px solid #ced4da; border-radius:3px; width:90%; } .boardTip_w .topCover .topIn03 {text-align:center; display: -webkit-box; display: -ms-flexbox; display:flex;} .boardTip_w .topCover .topIn03 .topLeft {-ms-flex: 1 0 auto; flex:1 0 auto; width:15%; background:#f0f3f6; border-radius:3px;} .boardTip_w .topCover .topIn03 .topLeft span {display:block; padding:1.4rem;} .boardTip_w .topCover .topIn03 .topRight {-ms-flex: 1 0 auto; flex:1 0 auto; width:85%;} .boardTip_w .topCover .topIn03 .topRight span {display:block; padding:1.1rem .5rem; text-align:left;} .boardTip_w .topCover .topIn03 .topRight span input { font-size:14px;} /* 교과서_자료요청작성*/ .boardTip_w .topCoverQ {border-top:1px solid #333333; margin-top:20px; width:100%;} .boardTip_w .topCoverQ .topIn01 {text-align:center; display: -webkit-box; display: -ms-flexbox; display:flex; border-bottom:1px solid #ced4da;} .boardTip_w .topCoverQ .topIn01 .topLeft {-ms-flex: 1 0 auto; flex:1 0 auto; width:15%; background:#f0f3f6;} .boardTip_w .topCoverQ .topIn01 .topLeft span {display:block; padding:1.4rem;} .boardTip_w .topCoverQ .topIn01 .topRight {-ms-flex: 1 0 auto; flex:1 0 auto; width:35%;} .boardTip_w .topCoverQ .topIn01 .topRight label {padding:1.25rem; display:inline-block;} .boardTip_w .topCoverQ .topIn01 .topRight label .radio {width:20px; height:20px;} .boardTip_w .topCoverQ .topIn01 .topRight .write {padding:.5rem; display:block;} .boardTip_w .topCoverQ .topIn01 .topRight .write .form-control {padding:.75rem; display:inline-block; font-size:14px; border:1px solid #ced4da; border-radius:3px; width:90%; } .boardTip_w .topCoverQ .topIn02 {text-align:center; display: -webkit-box; display: -ms-flexbox; display:flex; border-bottom:1px solid #ced4da;} .boardTip_w .topCoverQ .topIn02 .topLeft {-ms-flex: 1 0 auto; flex:1 0 auto; width:15%; background:#f0f3f6;} .boardTip_w .topCoverQ .topIn02 .topLeft span {display:block; padding:1.2rem;} .boardTip_w .topCoverQ .topIn02 .topRight {-ms-flex: 1 0 auto; flex:1 0 auto; width:85%;} .boardTip_w .topCoverQ .topIn02 .topRight span {padding:.5rem; display:block; text-align:left;} .boardTip_w .topCoverQ .topIn02 .topRight span .form-control {padding:.75rem; display:inline-block; font-size:14px; border:1px solid #ced4da; border-radius:3px; width:90%; } .boardTip_w .topCoverQ .topIn03 {text-align:center; display: -webkit-box; display: -ms-flexbox; display:flex; border-bottom:1px solid #ced4da;} .boardTip_w .topCoverQ .topIn03 .topLeft {-ms-flex: 1 0 auto; flex:1 0 auto; width:15%; background:#f0f3f6; border-radius:3px;} .boardTip_w .topCoverQ .topIn03 .topLeft span {display:block; padding:1.4rem;} .boardTip_w .topCoverQ .topIn03 .topRight {-ms-flex: 1 0 auto; flex:1 0 auto; width:85%;} .boardTip_w .topCoverQ .topIn03 .topRight span {padding:.5rem; display:block; text-align:left;} .boardTip_w .topCoverQ .topIn03 .topRight span .form-control {padding:.75rem !important; display:inline-block; font-size:14px; border:1px solid #ced4da; border-radius:3px; width:25% !important; margin-right:.3rem;} .boardTip_w .topCoverQ .topIn03 .topRight span .formIcon {display:inline-block; font-size:14px; margin-right:.3rem; padding:0;} /* 교과서_본인확인*/ .boardMember {letter-spacing:-0.05px;} .boardMember input:-ms-input-placeholder { color: #c8d0da; font-style:italic; font-weight:500; font-family:'notoSans';} .boardMember input::-webkit-input-placeholder { color: #c8d0da; font-style:italic; font-weight:500; font-family:'notoSans';} .boardMember input::-moz-placeholder { color: #c8d0da; font-style:italic; font-weight:500; font-family:'notoSans';} .boardMember input::-moz-placeholder { color: #c8d0da; font-style:italic; font-weight:500; font-family:'notoSans';} .boardMember .tit {padding-bottom:10px; border-bottom:1px solid #ccc;} .boardMember .tit .titH1 {font-size:24px; color:#333333;} .boardMember .tit .titH1 i{margin-right:10px;} .boardMember .text {margin:15px 30px; padding:15px; text-align:Center;} .boardMember .text .textIn {display:block; font-size:26px; font-weight:500; line-height:normal; color:#333333;} .boardMember .text .textIn .fontPo {color:#03629c;} .boardMember .formCover {width:600px; padding:20px; border:2px solid #d7d8da; margin:0 auto; background:#f0f3f6;} .boardMember .formCover .say {margin-bottom:20px; color:#4f5f6f; font-size:16px; text-align:left; line-height:1.5; text-align:center;} .boardMember .formCover .form {margin:1rem 0; display: -webkit-box; display: -ms-flexbox; display:flex;} .boardMember .formCover .form .col-sm-1 {-ms-flex: 1 0 auto; flex:1 0 auto; width:20%; font-size:16px; line-height:1.5; padding:.8rem .75rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; display:block;} .boardMember .formCover .form .col-sm-2 {-ms-flex: 1 0 auto; flex:1 0 auto; width:80%;} .boardMember .form .col-sm-2 .form-control {display:block; width:100%; padding:.8rem .75rem; font-size:16px; line-height:1.5; border:1px solid #ced4da; border-radius:.6rem; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box;} .boardMember .btncheckGo {margin-top:20px; text-align:center;} .boardMember .btncheckGo .btnList{display:inline-block; padding:.8rem 0; text-align:center; background:#9e9fa0; color:#fff; font-size:16px; line-height:1.5; width:644px;} .boardMember .btncheckGo .btnList:hover {background:#6b6b6b;}