@charset "utf-8";
/*20191030 프린트 소스 추가 */
@media print{  *{-webkit-print-color-adjust:exact;}}
/*20191030 프린트 소스 추가 */

body.book{position:relative; width:100%; height:100%; background:url('/OnlineBook/textBook/images/book_bg.jpg') no-repeat top right;  background-size:cover; background-attachment:fixed; overflow:auto; }
#wrap {position:relative; width:100%; height:100%;  }

.book #wrap .header{position:fixed; z-index:999; top:50px;  left:50%; margin-left:-512px; height:65px;  width:1024px;  background:#2d294d;  border-radius:65px; -moz-border-radius:65px; -webkit-border-radius:65px; }
.book #wrap .header .hicon{position:absolute; left:0px; bottom:0px; margin-right:10px;}
.book #wrap .header .htit{position:relative; margin-left:60px;  padding:10px 0px;   ;}
.book #wrap .header .htit dt{float:left; width:135px; margin-right:45px; }/*타이틀 width값 조절 빙구야*/
/*20200107*/
.book #wrap .header .htit .btntit a{display:inline-block; width:100%; color:#ffd800; font-size:20px; letter-spacing:-1px; vertical-align:middle;    display:inline-block; padding:10px 12px; background:#222 url('/OnlineBook/textBook/images/select_btnt.png') no-repeat 97% 8px ;  border-radius:35px; -moz-border-radius:35px -webkit-border-radius:35px }
.book #wrap .header .htit .btntit span.seltitle{display:inline-block; width:85%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.book #wrap .header .htit #selectltit{position:absolute;  top:50px; width:155px; height:80px; overflow:auto; display:none; border:1px solid #222; background:#222; border-radius:10px; -moz-border-radius:10px -webkit-border-radius:10px; padding:10px 0px; }
.book #wrap .header .htit #selectltit li{margin-top:4px;}
.book #wrap .header .htit #selectltit li a{color:#fff; font-size:15px; letter-spacing:-1px; line-height:25px;  padding-left:15px; }
.book #wrap .header .htit #selectltit li a:hover{color:#ffd800;}
/*20200107끝*/
.book #wrap .header .htit dd{float:left;  width:420px;  margin-top:12px; color:#fff; font-size:17px; letter-spacing:-1px;  height:22px;  overflow: hidden;     white-space: nowrap;      text-overflow: ellipsis;  }


/*2018-10-28*/
.book #wrap .header .sel{position:absolute; z-index:99; top:15px; right:35px; width:305px;  }  
.book #wrap .header .sel .btnsel a{font-size:15px; color:#fff; width:300px; display:inline-block; padding-left:15px;   height:35px; line-height:35px;   background:#403974 url('/OnlineBook/textBook/images/select_btn.png') no-repeat top right;; border-radius:35px; -moz-border-radius:35px -webkit-border-radius:35px}
.book #wrap .header .sel .btnsel span.seltitle{display:inline-block; width:85%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.book #wrap .header .sel #selectlist{position:absolute;   width:305px; height:150px; overflow:auto; display:none; border:1px solid #222; background:#2d294d;  ; border-radius:10px; -moz-border-radius:10px -webkit-border-radius:10px; padding:10px 0px; }
/*2018-10-28*/
.book #wrap .header .sel #selectlist li{margin-top:4px;}
.book #wrap .header .sel #selectlist li a{color:#ccc; font-size:13px; letter-spacing:-1px; line-height:20px;  padding-left:15px; }
.book #wrap .header .sel #selectlist li a:hover{color:#fff;}


/*2018-10-28*/
.book #wrap .header .sel #selectltit li{margin-top:4px;}
.book #wrap .header .sel #selectltit li a{color:#ccc; font-size:13px; letter-spacing:-1px; line-height:20px;  padding-left:15px; }
.book #wrap .header .sel #selectltit li a:hover{color:#fff;}





.book #wrap .contents{position:relative; top:125px;  width:1116px; margin:0 auto;  }
.book #wrap .contents .conbtn li{position:relative; float:left; height:39px; margin-top:10px; }
.book #wrap .contents .conbtn li.btn1{position:relative; margin-left:60px;}
.book #wrap .contents .conbtn li.btn2{position:relative; margin-left:5px;}
.book #wrap .contents .conbtn li.btn3{position:absolute; right:60px;}
.book #wrap .contents .conbtn li.btn1 a{display:inline-block; width:129px; height:39px; line-height:39px; padding-left:34.2%; font-size:13px; color:#fff; letter-spacing:-1px; background:url('/OnlineBook/textBook/images/page_btn1_off.png') no-repeat;}
.book #wrap .contents .conbtn li.btn1 a:hover{background:url('/OnlineBook/textBook/images/page_btn1_on.png') no-repeat;}
.book #wrap .contents .conbtn li.btn2 a{display:inline-block; width:119px; height:39px; line-height:39px; padding-left:34%; font-size:13px; color:#fff; letter-spacing:-1px; background:url('/OnlineBook/textBook/images/page_btn2_off.png') no-repeat;}
.book #wrap .contents .conbtn li.btn2 a:hover{background:url('/OnlineBook/textBook/images/page_btn2_on.png') no-repeat;}
.book #wrap .contents .conbtn li.btn3 a{display:inline-block; width:99px; height:39px; line-height:39px; padding-left:0px;  text-align:center; font-size:14px; color:#fff;  background:url('/OnlineBook/textBook/images/page_btn3_off.png') no-repeat;}
.book #wrap .contents .conbtn li.btn3 a:hover{background:url('/OnlineBook/textBook/images/page_btn3_on.png') no-repeat;}

.book #wrap .contents .conbtn li.btn4{position:absolute; right:170px;}
.book #wrap .contents .conbtn li.btn4 a{display:inline-block; width:150px; height:39px; line-height:39px; padding-left:0px;  text-align:center; font-size:14px; color:#fff;  background:url('/OnlineBook/textBook/images/page_btn4_off.png') no-repeat;}
.book #wrap .contents .conbtn li.btn4 a:hover{background:url('/OnlineBook/textBook/images/page_btn4_on.png') no-repeat;}
/*20191121 추가*/
.book #wrap .contents .conbtn li.btn5 a{display:inline-block; width:109px; height:39px; line-height:39px; padding-left:43%; font-size:13px; color:#fff; letter-spacing:-1px; background:url('/OnlineBook/textBook/images/page_btn5_off.png') no-repeat;}
.book #wrap .contents .conbtn li.btn5 a:hover{background:url('/OnlineBook/textBook/images/page_btn5_on.png') no-repeat;}
/*20191121 추가 끝 */

.book #wrap .contents .conbtn li.btn6{position:relative; margin-left:60px;}
.book #wrap .contents .conbtn li.btn6 a{display:inline-block; width:129px; height:39px; line-height:39px; padding-left:34.2%; font-size:13px; color:#fff; letter-spacing:-1px; background:url('/OnlineBook/textBook/images/page_btn1_off.png') no-repeat;}
.book #wrap .contents .conbtn li.btn6 a:hover{background:url('/OnlineBook/textBook/images/page_btn1_on.png') no-repeat;}



.book #wrap .contents .logobg{position:absolute;  bottom:15px; right:70px; z-index:99;}
.book #wrap .contents .conbox {overflow:hidden;position:relative; width:1024px;  background:#fff;  margin:0 auto; padding:20px 0px 20px 0px; height:610px; border-top-left-radius: 15px; -webkit-border-top-left-radius: 15px; -moz-border-top-left-radius: 15px; 	border-top-right-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-top-right-radius: 15px; 	border-bottom-left-radius: 40px; -webkit-border-bottom-left-radius: 40px; -moz-border-bottom-left-radius: 40px; 	border-bottom-right-radius: 40px; -webkit-border-bottom-right-radius: 40px; -moz-border-bottom-right-radius: 40px;     }
.book #wrap .contents .conbox .scrollbox{position:relative; width:1024px; margin:0 auto; height:575px; padding-top:10px;  overflow:auto; }
.book #wrap .contents .conbox .conpage{position:absolute; top:0px;  left:50%;  width:50px; height:100%; background:url('/OnlineBook/textBook/images/book_bar.png') repeat-y 50% top; z-index:1;  }


/* 배너사이즈와 위치 */
#s_banner_wrap {position:relative;  width:100%;    }

.banner_01 , .banner_02 {position:relative; width:100%;   height:575px; overflow:auto;}
.pageleft{position:relative; width:45%; float:left;;   margin-left:3%;}
.pageright{position:relative; width:45%; float:right; margin-right:2%; }
/*페이지내용*/
.page{position:relative;  color:#a9a9a9; font-size:15px; border-bottom:2px solid #ebebeb; height:30px; padding-top:5px; line-height:15px; }
.page span.bignum{font-size:30px; font-weight:400; color:#222;}
.page .pagebtn{position:absolute; right:0px; top:0px;  width:126px;}
.page .pagebtn a{display:inline-block; text-align:center; width:60px; height:26px; line-height:26px; background:#eaeaea; color:#5e5e5e; font-size:11px; letter-spacing:-1px;   border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.page .pagebtn a:hover{background:#5e5e5e; color:#fff;}
.pagecon{position:relative; margin-top:10px;}
.pagecon ul{position:relative; width:95%; margin: auto;   }
.pagecon ul li{position:relative; border-bottom:1px dashed #dcdcdc; padding:10px 0px; }
.pagecon .pagett1 {width:80%; }/*20191220 수정*/
.pagecon .pagett1_1{width:85%; }
.pagecon .pagett1_2{width:100%; }
.pagecon .pagett1 , .pagecon .pagett1 p , .pagecon .pagett1 span{font-size:16px; color:#222; letter-spacing:-1px; line-height:20px;  }
.pagecon .pagett1_1 , .pagecon .pagett1_1 p , .pagecon .pagett1_1 span{font-size:16px; color:#222; letter-spacing:-1px; line-height:20px;}
.pagecon .pagett1_2 , .pagecon .pagett1_2 p , .pagecon .pagett1_2 span{font-size:16px; color:#222; letter-spacing:-1px; line-height:20px; }
.pageleft  .pageimg{text-align:left; }
.pageright .pageimg{text-align:right;}
.pagecon .pageimg img{width:60%;}
.pagecon .pagett2{line-height:18px; color:#6c6c6c;  background-size:13px; padding-left:18px;  font-size:9px;  letter-spacing:-1px;  }
.pagecon .pagett3{line-height:18px; color:#6c6c6c;  background-size:13px; padding-left:18px;  font-size:13px;  letter-spacing:-1px; }
/*20181029 끝*/
.pagecon .pconbtn{position:absolute;  right:0px;  top:10px; }
.pagecon .pconbtn a{display:inline-block; text-align:center; width:35px; height:19px; line-height:19px; border:1px solid #eaeaea; color:#5e5e5e; font-size:10px; letter-spacing:-1px;   border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.pagecon .pconbtn a:hover{ border:1px solid #eaeaea; background:#eaeaea; color:#5e5e5e:}


.pagecon .pconbtn a.icon1{background:url('/mobile/images/btn_icon1_off.gif') no-repeat; background-size:17px; display:inline-block ;width:17px; height:17px; border:0px ;}
.pagecon .pconbtn a.icon1:hover{background:url('/mobile/images/btn_icon1_on.gif') no-repeat; background-size:17px; border:0px ;}
.pagecon .pconbtn a.icon2{background:url('/mobile/images/btn_icon2_off.gif') no-repeat; background-size:17px; display:inline-block ;width:17px; height:17px;  border:0px ;}
.pagecon .pconbtn a.icon2:hover{background:url('/mobile/images/btn_icon2_on.gif') no-repeat; background-size:17px; border:0px ;}



/* 사용자 페이징 - 위치와 모양을 자유롭게 변형 
#bx-pager1 {position: absolute; top:10px; z-index:99; background:red;}
#bx-pager1 a{float:left; margin:0 5px;display: block; width:20px; height:20px; font-size:12px; line-height:18px; text-align:center; background:#999; color:#333}
#bx-pager1 a:hover, .bx-pager1 a:active{ background: #000; color: #CCC;}

/* 사용자 페이징 - 엑티브상태에 대한 속성값 지정 
#bx-pager1 a.active{ background: #000; color: #CCC;}*/

/* .bx-pager{display:none; }페이지 넘버링*/
#bx-pager1 .bx-next{position:absolute; cursor:pointer; background:red; top:43%; z-index:99; right:1px; width:45px; height:88px; background:url('/OnlineBook/textBook/images/btn_right_off.png') no-repeat; text-align:center; color:#fff; font-weight:bold; line-height:50px;}
#bx-pager1 .bx-prev{position:absolute;  cursor:pointer;  background:red; top:43%; z-index:99; left:1px; width:45px; height:88px; background:url('/OnlineBook/textBook/images/btn_left_off.png') no-repeat; ; text-align:center; color:#fff; font-weight:bold; line-height:50px;}
#bx-pager1 .bx-next:hover{ background:url('/OnlineBook/textBook/images/btn_right_on.png') no-repeat; }
#bx-pager1 .bx-prev:hover{background:url('/OnlineBook/textBook/images/btn_left_on.png') no-repeat;}







/*레이어 팝업*/
/*20191126 수정 시작*/
.layer1  , .layer2 {display:none; position:fixed; _position:absolute; top:0px !important;; left:50%; margin-left:-400px;  width:800px;  height:600px; ; z-index:555;}
.layer1 .pop-layer , .layer2 .pop-layer {display:block;}  

.mask {display:none;  position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); z-index:554}
.mask1 {display:none;  position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); z-index:554}
/*20191126 수정 끝*/
.pop-layer {display:none; position: absolute; top: 30%; left: 50%; width:800px; height:600px;  background-color:#f7f7f7; z-index: 10;    border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}	
.popheader{position:relative; background:#2b3d70; height:80px; line-height:82px; ;  font-size:20px; color:#fff;  padding-left:70px; border-top-left-radius: 40px; -webkit-border-top-left-radius: 40px; -moz-border-top-left-radius: 40px; 	border-top-right-radius: 40px; -webkit-border-top-right-radius: 40px; -moz-border-top-right-radius: 40px; 	border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0;  border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0;  }
.popheader .popbtn{ position: absolute; right:30px; top:0px;}
.popheader .popbtn a{font-size:13px; letter-spacing:-1px;   padding:5px 20px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px color:#fff; border:1px solid #fff;}
.popheader .popbtn a:hover{background:#fff; color:#2b3d70;}
.pop-conts{ height:400px; overflow:auto;   }
.popicon{position:absolute; left:30px;  bottom:0px;}
.pop-layer .pop-container {padding: 20px 20px 40px 40px;}
.pop-layer p.ctxt {color: #666; line-height:25px; text-align:center;}
.pop-layer p.ctxt img{max-width:139px;}
.pop-layer .login-input{background-color:#fff; border:1px solid #ddd; width:100%; padding:10px; box-sizing:border-box; margin:4px 0px}
.pop-layer .login-input[type="password"]{font-family:'dotum'}
.pop-layer .btn-r {position:relative; text-align:center; }
.pop-layer .btn-r a{padding:10px 30px; color:#fff; font-size:17px; color:#fff; background:#d94214;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.popcon ul{position:relative;}
.popcon ul li{position:relative; padding:10px 0px 10px 0px; margin:0px 35px 0px 10px;;  border-bottom:1px solid #ddd;}
.popcon .pagett1 {position:relative;   }
.popcon .pagett1 , .popcon .pagett1 p , .popcon .pagett1 span{font-size:16px; color:#222; letter-spacing:-1px; line-height:20px;}
.popcon .pageimg{text-align:center;}
/*20181029 시작*/
.popcon .pagett2{line-height:18px; color:#6c6c6c; font-size:9px;  letter-spacing:-1px; margin-top:7px;   background-size:13px; padding-left:16px; }
.popcon .pagett3{line-height:18px; color:#6c6c6c; font-size:13px;  letter-spacing:-1px;   background-size:13px; padding-left:16px;}
/*20181029 끝*/







/*20191030 프린트팝업*/
.print{position:relative; margin:2%; border:3px solid #eee; padding:2%;  }
.print #wrap .header{position:relative; height:65px;  width:100%;    border-bottom:2px solid #222; }
.print #wrap .header .hicon{position:absolute; left:0px; top:10px; margin-right:10px;}
.print #wrap .header .hicon img{width:30px; }
.print #wrap .header .htit{position:relative;  padding:20px 0px; color:#222; font-size:22px; letter-spacing:-1px; line-height:20px;  margin-left:40px;}
.print #wrap .header .htit span{color:#e75d27; font-size:22px; }

.print_btn{text-align:center; margin:30px 0px; }
.print_btn a{ padding:10px 30px; color:#fff; font-size:17px; color:#fff; background:#d94214; }
.print_btn a:hover{background:#222;}
.print .pageimg{width:300px;}


.print .contents{width:93%; margin:0 auto; }

/*20191030 프린트팝업 끝*/