@charset "utf-8";

body *{
    box-sizing: border-box;
    
}
body{
    background: #4e3923;
 -ms-overflow-style: none;
 }
 
::-webkit-scrollbar {
  display: none;
}

.clearfix:after{content:''; display:block; clear:both;}

.ebook {
    width: 800px;
    margin: 0 auto;
}
.ebook .mainImg{
    display: flex;
    justify-content: center;
    width: auto;margin:0 auto; padding-bottom:5px; box-sizing:border-box;height: 90vh;
}
.ebook .mainImg img{
    height: 100%;
}
.ebook .thumbs{
    height: 10vh;
}
.ebook .thumbs a{}
.ebook .thumbs a img{margin-bottom:5px;width: auto;height: 100%;}

.onVeiw_top{border:solid 1px #000 !important; border-bottom:0 !important;}/*클릭했을때 해당 li의 상태*/
.onVeiw_top a{color:#000 !important;}

#sr_burial{width:865px;}
#sr_burial .top_tabs_list2{margin-bottom:10px;}
#sr_burial .top_tabs_list2 li{float:left; width:33.3333%;text-align:center;line-height:50px; border:solid 1px #b9b9b9; box-sizing:border-box;}
#sr_burial .top_tabs_list2 li a{font-size:15px; color:#b9b9b9; font-weight:bold;}
.sr_none_border{border-left:0 !important;}

.thumbs {text-align:center;}
.thumbs img:hover {opacity:0.5;}
.thumbs a{position:relative;}
.thumbs a span{font-size:0.9em; position:absolute; bottom:-15px; left:0; width:100px;}
#thumbs1 a:nth-child(3) span{bottom:-30px;}

div.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 1em;
}
div.logo img{}

div.center {
    width: 704px;
}
div.center img{
    width: auto;
}

@media screen and (max-width: 1000px) {
    .ebook {
    width: 100%;
    height: 100vh;
    padding: .3em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
    .ebook .mainImg{
    display: flex;
    align-items: flex-start;
    height: 60vh;
    margin-bottom: 1em;
}
    .ebook .mainImg img{
    height: unset;
    width: 100%;
}
    .ebook .thumbs{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: unset;
    justify-content: center;
}
    .ebook .thumbs a{
    width: 11%;
    display: inline-block;
    margin: .1em;
}
    .ebook .thumbs a img{
    width: 100%;
}

	div.center {
    width: 100%;
}
	div.center img{
    width: 100%;
    }
    
}