@charset "euc-kr";

html,body{background-color: #e5e5e5;}

/* reset */
html, body{font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²',sans-serif !important;font-size:13px;color:#222;}
html, body, div, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, i,
center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video{margin:0;padding:0;border:0;vertical-align:baseline;color:inherit;text-decoration:none;/*font:inherit;*/}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none}
table{border-collapse:collapse;border:0;/*border-spacing:0px;table-layout:fixed;zoom:1;empty-cells:show;width:100%;*/}
th,td{word-wrap:break-word;line-height:1.3;padding-left:3px;padding-right:3px;}
img{vertical-align:top}
input[type=checkbox], input[type=radio]{vertical-align:middle;position:relative;margin:0;padding:0;}
textarea{font-family:'¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²',sans-serif !important;font-size:13px;color:#222;}
#accessibility, .skip, legend, caption{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}
button{padding:0;margin:0;border:0;background:0;line-height:normal;cursor:pointer}
button:focus{outline:none;}
a{text-decoration:none;cursor:pointer;}
a:link,a:hover,a:active{text-decoration:none;outline:none !important;color:inherit;}
.clearfix{*zoom:1}
.f_left{float:left;}
.f_right{float:right;}
.clearfix:after{display:block;content:'';clear:both}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:90%;}
.ellipsis2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
strong,strong *{font-weight:bold !important;}
*:focus {outline:none;}
del{text-decoration:line-through;color:#aeaeae}
.blindw{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;}
/* reset */

.bookPre_wrap .search_box {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px 0 0;
    color: #fff;
    font-size: 18px;
}

.bookPre_wrap .search_box fieldset {
    margin: 0!important;
    padding: 0!important;
    border: 0!important;
    vertical-align: baseline;
    color: inherit;
    text-decoration: none;
}

.bookPre_wrap{}
.bookPre_wrap #bookHeader{background-color: #26273c;}
.bookPre_wrap .header_inn{position: relative;max-width: 1080px;margin: 0 auto;}
.bookPre_wrap .header_inn::after{content: "";display: block;clear: both;}
.bookPre_wrap .header_inn h2{padding:17px 0 9px;float: left;}

.bookPre_wrap .nav_btn{width: 227px;margin: 0 auto;padding: 8px 0 8px;}
.bookPre_wrap .nav_btn ul{margin: 0 auto;}
.bookPre_wrap .nav_btn ul::after{content: "";display: block;clear: both;}
.bookPre_wrap .nav_btn ul li{float: left;padding: 0 6px;}
.bookPre_wrap .nav_btn ul li a{display: block;width: 30px;height: 30px;font-size: 0;background:url('http://russeldata.megastudy.net/campus/images/russel/ebook/btn_icon.png') no-repeat 0 0;}
.bookPre_wrap .nav_btn ul li:nth-child(1) a{background-position: 0 0;width: 40px;height: 40px;margin: 5px 0 0;}
.bookPre_wrap .nav_btn ul li:nth-child(2) a{background-position: -53px 0;width: 49px;height: 50px;}
.bookPre_wrap .nav_btn ul li:nth-child(3) a{background-position: -118px 0;width: 49px;height: 50px;}
.bookPre_wrap .nav_btn ul li:nth-child(4) a{background-position: -179px 0;width: 40px;height: 40px;margin: 5px 0 0;}
.bookPre_wrap .search_box{position: absolute;top: 0;right: 0;padding: 20px 0 0;color: #fff;font-size: 18px;}
.bookPre_wrap .search_box::after{content: "";display: block;clear: both;}
.bookPre_wrap .search_box input[type="text"]{width: 55px;height: 25px;border: 1px solid #000;font-size: 15px;color: #000;text-align: center;margin: 0 4px 0 0;}
.bookPre_wrap .search_box a{display: block;float: right;width: 42px;height: 43px;font-size: 0;background:url('http://russeldata.megastudy.net/campus/images/russel/ebook/btn_icon.png') no-repeat 100% 0;margin: -9px 0 0 13px;}

.bookPre_wrap .bookSlide_wrap{padding:30px 0 60px}
.bookPre_wrap .book_inn{position: relative;margin: 0 auto;max-width:1200px;max-height: 872px;overflow: hidden;}
.bookPre_wrap .booklet img{width: 600px !important;height: 872px !important}
.bookPre_wrap .bookslick{max-width: 700px;width: 95%;margin:0 auto;display: none !important}
.bookPre_wrap .bookslick .slick-arrow{position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: block;width: 27px;height: 43px;background: url('http://russeldata.megastudy.net/campus/images/russel/ebook/btn_prev.png') no-repeat 0 center;z-index: 1;font-size: 0;line-height: 0}
.bookPre_wrap .bookslick .slick-prev{left:10px}
.bookPre_wrap .bookslick .slick-next{right:10px;background: url('http://russeldata.megastudy.net/campus/images/russel/ebook/btn_next.png') no-repeat 100% center;}
.bookPre_wrap .bookslick img{max-width: 100%}
.bookPre_wrap .bookslick li.slick-slide{background-color: #fff}
.booklet .b-wrap li{position: relative;height: 100%;background-color: #fff}
.booklet .b-wrap li > span.russel-cov{position: relative;display: block;font-size: 0;width: 100%;height: 100%;min-height: 41px;background: url('http://russeldata.megastudy.net/campus/images/russel/ebook/logo_common.jpg') no-repeat center center;color: #fff}
.booklet .b-wrap li > span.russel-jg {position: relative;display: block;font-size: 0;width: 100%;height: 100%;min-height: 41px;background: url('http://russeldata.megastudy.net/campus/images/russel/ebook/logo_jg.jpg') no-repeat center center;color: #fff}

@media (max-width: 1200px){
    .bookPre_wrap .booklet{display: none !important;z-index: 0;}
    .bookPre_wrap .bookslick {position: relative;height:100%;width:92%;z-index: 1;background:#fff;display: block!important;margin:0 4%}
    .bookPre_wrap .bookslick .russel-jg {max-width: 1200px;display: block !important;background:#fff url('http://russeldata.megastudy.net/campus/images/russel/ebook/logo_jg.jpg') no-repeat center center;}
    .bookPre_wrap .header_inn{max-width: 95%;}
    .bookPre_wrap #bookHeader{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 2}
    .bookPre_wrap .header_inn h2{display: none}
    .bookPre_wrap .nav_btn{width: 100%;}
    .bookPre_wrap .search_box{right: inherit;left: 50%;margin-left: -80px;}
    .bookPre_wrap .nav_btn ul li:nth-child(1),.bookPre_wrap .nav_btn ul li:nth-child(4){display:none}
    .bookPre_wrap .bookslick .russel-cov, .bookPre_wrap .bookslick .russel-jg{font-size: 0}

    .bookPre_wrap .nav_btn ul li:nth-child(3){float: right;}
    .bookPre_wrap .book_inn{max-height: max-content}
    .bookPre_wrap .bookSlide_wrap{padding:20px 0 85px}
}
@media (max-width: 900px){
}
@media (max-width: 768px){
    .bookPre_wrap .nav_btn ul li a{background-size: 185px;height: 34px !important;width: 33px !important;}
    .bookPre_wrap .nav_btn ul li:nth-child(2) a{background-position: -36px 0;}
    .bookPre_wrap .nav_btn ul li:nth-child(3) a{background-position: -79px 0;}
    .bookPre_wrap .search_box a{background-size: 216px;height: 34px !important;width: 33px !important;margin: -3px 0 0 13px;}
    .bookPre_wrap .search_box{padding: 10px 0 0;}
    .bookPre_wrap .bookSlide_wrap{padding: 20px 0 65px;}
}
@media (max-width: 640px){

}