@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/kopubbatang.css');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap');

/* Reset */
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} /* outline:0 !important; */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;}
html{-webkit-touch-callout:none; -webkit-user-select:none;} /*-webkit-tap-highlight-color:rgba(0, 0, 0, 0);*/
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none; word-wrap:break-word; word-break: keep-all; font-family: 'Apple SD Gothic Neo', AppleGothic, '맑은고딕', 'Malgun Gothic', '돋음', Dotum, '굴림', Gulim, Helvetica, sans-serif;}
body,button {border:none; font-size:15px; color:#000; line-height:150%; letter-spacing:-0.3px;}
input,select,textarea {border:none; font-size:16px; color:#333; line-height:150%; letter-spacing:-0.3px; -webkit-appearance:none;}
ul,ol,li{list-style:none;}
table{border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
label {cursor: pointer;}
button {cursor: pointer; outline:0;}

.viewer_wrap {transition:background 0.5s;}

.viewer_header {position: fixed; width: 100%; height: 51px; left: 0; top: -50px; transition:background 0.5s , color 0.5s, top 0.5s;}
.viewer_header.active {top: 0;}
.viewer_header .viewer_header_in {width: 100%; height: 100%; position: relative;}
.viewer_header .viewer_header_in h3 {font-size:16px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding: 0 70px 0 46px; line-height: 50px;}
.viewer_header .viewer_header_in .prev_btn {width:40px; height:100%; position: absolute; left:0; top: 0; background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-prew-b.svg) no-repeat center / 11px 19px; font-size: 1px; color: transparent; overflow: hidden;}
.viewer_header .viewer_header_in .keep_btn {width:37px; height:100%; position: absolute; right:42px; top: 0; background: url(//image.aladin.co.kr/img/ebook/viewer/se-storage-off.png) no-repeat center / 17px 18px; font-size: 1px; color: transparent; overflow: hidden;}
.viewer_header .viewer_header_in .keep_btn.on {background: url(//image.aladin.co.kr/img/ebook/viewer/se-storage-on.png) no-repeat center / 17px 18px;}
.viewer_header .viewer_header_in .alarm_btn {width:35px; height:100%; position: absolute; right:6px; top: 0; background: url(//image.aladin.co.kr/img/ebook/viewer/se-bell-off.png) no-repeat center / 15px 19px; font-size: 1px; color: transparent; overflow: hidden;}
.viewer_header .viewer_header_in .alarm_btn.on {background: url(//image.aladin.co.kr/img/ebook/viewer/se-bell-on.png) no-repeat center / 15px 19px;}

.viewer_bottom {position: fixed; width: 100%; height:50px; left: 0; bottom: -50px; transition:background 0.5s , color 0.5s, bottom 0.5s; z-index:10;}
.viewer_bottom.active {bottom: 0;}
.viewer_bottom.ios.active {bottom: 50px;}
.viewer_bottom .viewer_bottom_in { width: 100%; height:100%; display: flex; justify-content: space-between;}
.viewer_bottom .viewer_bottom_in .home {width:40px; height: 100%; background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-home.svg) no-repeat center / 20px 17px; font-size: 1px; color: transparent; overflow: hidden; padding-left: 5px; flex-shrink: 0;}
.viewer_bottom .viewer_bottom_in .setting {width: 37px; height: 100%; background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-set.svg) no-repeat center / 17px 18px; font-size: 1px; color: transparent; overflow: hidden; padding-right: 5px;  flex-shrink: 0;}
.viewer_bottom .viewer_bottom_in .page_btn {text-align: center;}
.viewer_bottom .viewer_bottom_in .prev , .viewer_bottom .next {height: 100%; padding: 0 12px; font-size: 17px; background-color: transparent;}
.viewer_bottom .viewer_bottom_in .prev.off , .viewer_bottom .next.off {opacity: 0.4;}
.viewer_bottom .viewer_bottom_in .prev::before {content: ''; display: inline-block; width: 8px; height: 14px; background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-prew-b.svg) no-repeat center / 8px 14px; margin-right: 6px;}
.viewer_bottom .viewer_bottom_in .next::after {content: ''; display: inline-block; width: 8px; height: 14px; background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-next-b.svg) no-repeat center / 8px 14px; margin-left: 6px;}

.viewer_content {width: 100%; min-height: 100vh; padding: 50px 0; transition:background 0.5s , color 0.5s; line-height:1.8;}
.viewer_content iframe {border: none; display: block; width: 100%; height: calc(100vh - 100px);}
.page_count {position: fixed; top: 57px; right: 16px; background-color: rgba(245, 242, 242, 0.8); padding: 0 12px; height:22px; border-radius: 11px; line-height: 22px; color: #7f7f7f;}
.page_count em { color: #000000;}

/* 설정 레이어 */
.viewer_setting_layer {position:fixed; bottom: -100%; left: 0; width:100%; border-radius: 10px 10px 0 0; box-shadow: 0 0 17.5px 0 rgba(41, 41, 41, 0.15); padding: 30px 0 10px 16px; z-index:9; transition: bottom 0.5s;}
.viewer_setting_layer.active {bottom: 50px;}
.viewer_setting_layer li {display: flex; justify-content: space-between; align-items:center; margin-bottom: 21px;}
.viewer_setting_layer li div:nth-child(2) {text-align: right;}
.viewer_setting_layer .setting_t {font-size: 16px;}
.viewer_setting_layer input {display: none;}
.viewer_setting_layer .color_set {font-size: 0; margin-right: 16px;}
.viewer_setting_layer .color_set input + label {display: inline-block; width: 30px; height: 30px; margin-left: 24px; border-radius: 50%;}
.viewer_setting_layer .color_set input:checked + label {border: solid 3px #f43b90;}
.viewer_setting_layer .color_set .color_white + label {background: #fff; border: solid 1px #e5e2d8;}
.viewer_setting_layer .color_set .color_beige + label {background: #f7e5cc; border: solid 1px #e5e2d8;}
.viewer_setting_layer .color_set .color_black + label {background: #070707; border: solid 1px #000;}
.viewer_setting_layer .font_set {font-size: 0;}
.viewer_setting_layer .font_set label {display: inline-block; padding: 0 20px; font-size: 15px; position: relative;}
.viewer_setting_layer .font_set label ~ label::before {content:''; display: block; width: 1px; height:13px; background: #e8eaed; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.viewer_setting_layer .font_set input:checked + label {color:#f43b90; font-weight: bold;}
.viewer_setting_layer .font_set .gothic + label {font-family: 'Nanum Gothic',sans-serif;}
.viewer_setting_layer .font_set .batang + label {font-family: 'KoPub Batang',serif;}
.viewer_setting_layer .number_set {font-size: 0; margin-right: 16px;}
.viewer_setting_layer .number_set {width: 124px; height: 36px; border-radius: 18px; overflow: hidden; border: solid 1px #e8eaed;}
.viewer_setting_layer .number_set button {display: inline-block; width: 35%; height: 100%; vertical-align: middle; background: transparent; font-size: 1px; color: transparent;}
.viewer_setting_layer .number_set .plus {background: url(//image.aladin.co.kr/img/ebook/viewer/plus.png) no-repeat center / 12px 12px;}
.viewer_setting_layer .number_set .minus {background: url(//image.aladin.co.kr/img/ebook/viewer/minus.png) no-repeat center / 12px 2px;}
.viewer_setting_layer .number_set .plus.off {opacity: 0.3;}
.viewer_setting_layer .number_set .minus.off {opacity: 0.3;}
.viewer_setting_layer .number_set span {display: inline-block; width: 30%; height: 100%; text-align: center;  font-size:14px; vertical-align: middle; line-height: 36px;}


/* 컬러모드 - 화이트 */
.colorMode_white .viewer_wrap , .colorMode_white .viewer_header, .colorMode_white .viewer_header_in , .colorMode_white .viewer_content, .colorMode_white .wviewer_content , .colorMode_white .viewer_bottom {background: #fff; color: #000;}
.colorMode_white .viewer_setting_layer {background: #fff;}

/* 컬러모드 - 베이지 */
.colorMode_beige .viewer_wrap , .colorMode_beige .viewer_header, .colorMode_beige .viewer_header_in , .colorMode_beige .viewer_content, .colorMode_beige .wviewer_content , .colorMode_beige .viewer_bottom {background: #f7e5cc; color: #000;}
.colorMode_beige .page_count {background-color: rgba(236, 212, 180, 0.8); color: #7f7f7f;}
.colorMode_beige .page_count em {color: #000;}
.colorMode_beige .viewer_setting_layer {background: #f6ebdb;}
.colorMode_beige .viewer_setting_layer .number_set {border: solid 1px #f0dec5;}
.colorMode_beige .viewer_setting_layer .font_set label ~ label::before {background: #f0dec5;}

/*컬러 모드 - 블랙 */
.colorMode_black .viewer_wrap , .colorMode_black .viewer_header, .colorMode_black .viewer_header_in , .colorMode_black .viewer_content, .colorMode_black .wviewer_content , .colorMode_black .viewer_bottom {background: #000; color: #ababab;}
.colorMode_black .viewer_header .prev_btn {background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-prew-g.svg) no-repeat center / 11px 19px;}
.colorMode_black .viewer_header .keep_btn {background: url(//image.aladin.co.kr/img/ebook/viewer/se-storage-black-off.png) no-repeat center / 17px 18px;}
.colorMode_black .viewer_header .keep_btn.on {background: url(//image.aladin.co.kr/img/ebook/viewer/se-storage-black-on.png) no-repeat center / 17px 18px;}
.colorMode_black .viewer_header .alarm_btn {background: url(//image.aladin.co.kr/img/ebook/viewer/se-bell-black-off.png) no-repeat center / 15px 19px;}
.colorMode_black .viewer_bottom .home {background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-home-black.svg) no-repeat center / 20px 17px; }
.colorMode_black .viewer_bottom .setting {background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-set-black.svg) no-repeat center / 17px 18px;}
.colorMode_black .viewer_bottom .page_btn button {color: #ababab;}
.colorMode_black .viewer_bottom .prev::before {background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-prew-g.svg) no-repeat center / 8px 14px;}
.colorMode_black .viewer_bottom .next::after {background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-next-g.svg) no-repeat center / 8px 14px;}
.colorMode_black .page_count {background-color: rgba(41, 41, 41, 0.8); color: #7f7f7f;}
.colorMode_black .page_count em {color: #ababab;}
.colorMode_black .viewer_setting_layer {background: #333333; color: #ababab;}
.colorMode_black .viewer_setting_layer .font_set label ~ label::before {background: #666;}
.colorMode_black .viewer_setting_layer .number_set {border: solid 1px #666;}
.colorMode_black .viewer_setting_layer .number_set .plus {background: url(//image.aladin.co.kr/img/ebook/viewer/plus_g.png) no-repeat center / 12px 12px;}
.colorMode_black .viewer_setting_layer .number_set .minus {background: url(//image.aladin.co.kr/img/ebook/viewer/minus_g.png) no-repeat center / 12px 2px;}

/*로딩 */
.letslook_loading {position: absolute; left:50%; top: 50%; transform: translate(-50% , -50%);}
.letslook_loading span {position: absolute; top:50%; width:10px; height:10px; border-radius:100%; transform: translate(-50%, -50%); animation: letslook_loading infinite .8s;}
.letslook_loading span:nth-child(1) {background-color: #3b499e; left:calc(50% - 15px);}
.letslook_loading span:nth-child(2) {background-color: #f21d8c; left:50%; animation-delay: .2s;}
.letslook_loading span:nth-child(3) {background-color:#ffa600; left:calc(50% + 15px);  animation-delay: .4s;}
@keyframes letslook_loading {
    0% { top:50%;}
    20% {top:calc(50% - 5px);}                       
    50% { top:50%;}            
    100% { top:50%;}
}


/* pc 대응 */
@media screen and (min-width: 750px) {
    body {font-family: 'Apple SD Gothic Neo', AppleGothic, '맑은고딕', 'Malgun Gothic', '돋음', Dotum, '굴림', Gulim, Helvetica, sans-serif;}

    .viewer_header {position: fixed; width: 100%; height: 80px; left: 0; top: -80px; }
    .viewer_header .viewer_header_in h3 {font-size:24px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding: 0 110px 0 46px; line-height: 80px;}
    .viewer_header .viewer_header_in .prev_btn {width:40px; height:100%; position: absolute; left:0; top: 0; background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-prew-b.svg) no-repeat center / 21px 37px; font-size: 1px; color: transparent; overflow: hidden;}
    .viewer_header .viewer_header_in .keep_btn {width:44px; height:100%; position: absolute; right:70px; top: 0; background: url(//image.aladin.co.kr/img/ebook/viewer/se-storage-off.png) no-repeat center / 34px 36px; font-size: 1px; color: transparent; overflow: hidden;}
    .viewer_header .viewer_header_in .keep_btn.on {background: url(//image.aladin.co.kr/img/ebook/viewer/se-storage-on.png) no-repeat center / 34px 36px;}
    .viewer_header .viewer_header_in .alarm_btn {width:40px; height:100%; position: absolute; right:0; top: 0; background: url(//image.aladin.co.kr/img/ebook/viewer/se-bell-off.png) no-repeat center / 30px 38px; font-size: 1px; color: transparent; overflow: hidden;}
    .viewer_header .viewer_header_in .alarm_btn.on {background: url(//image.aladin.co.kr/img/ebook/viewer/se-bell-on.png) no-repeat center / 30px 38px;}    

    .viewer_bottom {position: fixed; width: 100%; height:80px; left: 0; bottom: -80px;}
    .viewer_bottom .viewer_bottom_in .home {width:50px; height: 100%; background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-home.svg) no-repeat center / 40px 34px; font-size: 1px; color: transparent; overflow: hidden; padding-left: 5px; flex-shrink: 0;}
    .viewer_bottom .viewer_bottom_in .setting {width: 44px; height: 100%; background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-set.svg) no-repeat center / 34px 36px; font-size: 1px; color: transparent; overflow: hidden; padding-right: 5px;  flex-shrink: 0;}
    .viewer_bottom .viewer_bottom_in .prev , .viewer_bottom .next {height: 100%; padding: 0 12px; font-size: 24px; background-color: transparent;}
    .viewer_bottom .viewer_bottom_in .prev::before {content: ''; display: inline-block; width: 15px; height: 26px; background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-prew-b.svg) no-repeat center / 15px 26px; margin:-5px 18px 0 0; vertical-align: middle;}
    .viewer_bottom .viewer_bottom_in .next::after {content: ''; display: inline-block; width: 15px; height: 26px; background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-next-b.svg) no-repeat center / 15px 26px; margin:-5px 0 0 18px; vertical-align: middle;}


    .viewer_content {width: 100%; min-height: 100vh; padding: 80px 0 16px 0; transition:background 0.5s , color 0.5s; line-height:1.8;}
    .viewer_content iframe {border: none; display: block; width: calc(100% - 20px); height: calc(100vh - 160px); margin-left: 20px;}
    .page_count {position: fixed; top: 100px; right: 16px; background-color: rgba(245, 242, 242, 0.8); padding: 0 12px; height:22px; border-radius: 11px; line-height: 22px; color: #7f7f7f;}
    
    .viewer_header_in {width:750px!important; margin: 0 auto;}
    .viewer_bottom_in {width:750px!important; margin: 0 auto;}
    /* .viewer_content {width:750px!important; margin: 0 auto;} */
    /* .viewer_content iframe {width: 750px!important; } */
    .page_count { right:calc(50% - 360px)}
    /* .colorMode_white .viewer_header {border-bottom: 1px solid #f3f3f3;} */
    .colorMode_white .viewer_bottom {border-top: 1px solid #f3f3f3;}
    /* .colorMode_beige .viewer_header {border-bottom: 1px solid #ecd7ba;} */
    .colorMode_beige .viewer_bottom {border-top: 1px solid #ecd7ba;}
    /* .colorMode_black .viewer_header {border-bottom: 1px solid #1a1a1a;} */
    .colorMode_black .viewer_bottom {border-top: 1px solid #1a1a1a}

    .viewer_setting_layer {width: 750px; left:calc(50% - 375px); padding: 40px 0 0 40px;}
    .viewer_setting_layer.active {bottom: 80px;}
    .viewer_setting_layer li {margin-bottom: 40px;}
    .viewer_setting_layer .setting_t {font-size: 22px;}
    .viewer_setting_layer .color_set {font-size: 0; margin-right: 40px;}
    .viewer_setting_layer .color_set input + label {display: inline-block; width: 40px; height: 40px; margin-left: 35px; border-radius: 50%;}
    .viewer_setting_layer .color_set input:checked + label {border: solid 6px #f43b90;}
    .viewer_setting_layer .font_set label {padding: 0 40px; font-size: 20px;}
    .viewer_setting_layer .font_set label ~ label::before {width: 1px; height:22px;}
    .viewer_setting_layer .number_set {font-size: 0; margin-right: 40px;}
    .viewer_setting_layer .number_set {width: 200px; height: 54px; border-radius: 27px;}
    .viewer_setting_layer .number_set button {display: inline-block; width: 35%; height: 100%; vertical-align: middle; background: transparent; font-size: 1px; color: transparent;}
    .viewer_setting_layer .number_set .plus {background: url(//image.aladin.co.kr/img/ebook/viewer/plus.png) no-repeat center / 19px 19px;}
    .viewer_setting_layer .number_set .minus {background: url(//image.aladin.co.kr/img/ebook/viewer/minus.png) no-repeat center / 19px 3px;}
    .viewer_setting_layer .number_set span {display: inline-block; width: 30%; height: 100%; text-align: center;  font-size:20px; vertical-align: middle; line-height: 54px;}


    /*컬러 모드 - 블랙 */
    .colorMode_black .viewer_header .prev_btn {background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-prew-g.svg) no-repeat center / 21px 37px;}
    .colorMode_black .viewer_header .keep_btn {background: url(//image.aladin.co.kr/img/ebook/viewer/se-storage-black-off.png) no-repeat center / 34px 36px;}
    .colorMode_black .viewer_header .keep_btn.on {background: url(//image.aladin.co.kr/img/ebook/viewer/se-storage-black-on.png) no-repeat center / 34px 36px;}
    .colorMode_black .viewer_header .alarm_btn {background: url(//image.aladin.co.kr/img/ebook/viewer/se-bell-black-off.png) no-repeat center / 30px 38px;}
    .colorMode_black .viewer_bottom .home {background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-home-black.svg) no-repeat center / 40px 34px; }
    .colorMode_black .viewer_bottom .setting {background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-set-black.svg) no-repeat center / 34px 36px;}
    .colorMode_black .viewer_bottom .page_btn button {color: #ababab;}
    .colorMode_black .viewer_bottom .prev::before {background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-prew-g.svg) no-repeat center / 14px 26px;}
    .colorMode_black .viewer_bottom .next::after {background: url(//image.aladin.co.kr/img/ebook/viewer/se-icon-next-g.svg) no-repeat center / 14px 26px;}
    .colorMode_black .viewer_setting_layer .number_set .plus {background: url(//image.aladin.co.kr/img/ebook/viewer/plus_g.png) no-repeat center / 19px 19px;}
    .colorMode_black .viewer_setting_layer .number_set .minus {background: url(//image.aladin.co.kr/img/ebook/viewer/minus_g.png) no-repeat center / 19px 3px;}

}

/* 이 책의 리뷰보기 */
.review_wrap {width: 100%; padding: 30px 16px; box-sizing: border-box;}
.review_wrap .review_top {display: flex;  justify-content: center; align-items: center; margin-bottom: 30px;}
.review_wrap .review_top .scoreBox {padding-right: 20px;}
.review_wrap .review_top .score {font-size: 36px; font-weight: bold; margin-bottom: 10px;}
.review_wrap .review_top .score span {font-size: 22px; font-weight: normal;}
.review_wrap .review_top .star {font-size: 0;}
.review_wrap .review_top .star img {width: 19px; height: auto; margin-right: 2px;}
.review_wrap .review_top .graph {display: flex; font-size: 13px;}
.review_wrap .review_top .graph .percent {font-style: italic; font-weight: bold;}
.review_wrap .review_top .graph li {text-align: center;}
.review_wrap .review_top .graph li ~ li { margin-left: 6px;}
.review_wrap .review_top .graph li .bar {width: 23px; height: 81px; border-radius: 1.5px; background: #ddd; position: relative; margin: 0 5px;}
.review_wrap .review_top .graph li .bar span { display: block; background: #ef3c97; width: 100%; position: absolute; bottom: 0; left: 0; border-radius: 1.5px;}

/* 아이폰5 대응 */
@media screen and (max-width: 320px) {
    .review_wrap .review_top .graph li .bar {width: 20px;}
    .review_wrap .review_top .scoreBox {padding-right: 8px;}
    .review_wrap .review_top .graph li ~ li { margin-left: 2px;}
}

.review_wrap .myReview {background: #f5f5f5; padding: 30px 19px; position: relative; margin-bottom: 30px; border-radius: 5px;}
.review_wrap .myReview h3 {font-size: 17px; margin-bottom: 10px;}
.review_wrap .myReview p {font-size: 16px; line-height: 1.6;}
.review_wrap .myReview .review_write_btn {position: absolute; top: 25px; right: 19px; width: 60px; height: 30px; border: 1px solid #000; background: #fff; color: #000; font-size: 13px; border-radius: 4px; }
.review_wrap .myReview .review_box {position: relative;}
.review_wrap .myReview .review_box ~ .review_box {border-top: 1px solid #e5e5e5; padding-top: 20px; margin-top: 20px;}
.review_wrap .myReview .star {margin-bottom: 10px;}
.review_wrap .myReview .star img {width: 80px;}
.review_wrap .myReview .review_modify_btn {position: absolute; bottom: 0px; right: 0px; background: transparent; color: #000; font-size: 13px;}
.review_wrap .myReview .review_modify_btn::before {content: ''; display: inline-block; width: 13px; height: 13px; background: url(//image.aladin.co.kr/img/ebook/viewer/icon_pen.png) no-repeat center / 100% auto; margin-right: 5px; vertical-align: middle;}
.review_wrap .myReview .read_type {color: #666; margin:5px 0 10px 0; font-size: 14px;}
.review_wrap .myReview .read_date {color: #999;}

.review_wrap .review_list .list_top {display: flex; justify-content: space-between; margin-bottom: 10px; align-items: center;}
.review_wrap .review_list .list_top select {background: url(//image.aladin.co.kr/img/ebook/viewer/icon_under.png) no-repeat right center / 7px 4px; padding: 0 12px 0 0; margin-right: 10px; outline: 0;}
.review_wrap .review_list .list_top .filter_btn {display: inline-block; width: 30px; height: 30px; background: url(//image.aladin.co.kr/img/ebook/viewer/icon_filter.png) no-repeat center / 15px auto; font-size: 1px; color: transparent; position: relative; margin-right: -8px; margin-left: 5px;}
.review_wrap .review_list .list_top .filter_btn::before {content: ''; position: absolute; left: -5px; top: 10px; width: 1px; height: 12px; background: #dcdcdd;}

.review_wrap .review_list ul li {border-top: 1px solid #e5e5e5; padding: 26px 0;}
.review_wrap .review_list ul li .star {margin-bottom: 20px;}
.review_wrap .review_list ul li .star img {width: 80px;}
.review_wrap .review_list ul li h4 {font-size: 16px; font-weight: bold;  margin-bottom: 20px;}
.review_wrap .review_list ul li p {margin-bottom: 5px; font-size: 16px; line-height: 1.6;}
.review_wrap .review_list ul li .read_type {color: #666; margin-bottom: 10px; font-size: 14px;}
.review_wrap .review_list ul li .review_info {display: flex; justify-content: space-between; color: #999;}
.review_wrap .review_list ul li .review_info .date > span {margin-right: 8px;}
.review_wrap .review_list ul li .review_info .like {width: 80px; flex-shrink: 0; text-align: right;}
.review_wrap .review_list .list_none {border-top: 1px solid #e5e5e5; padding: 60px 0; text-align: center;}
.review_write_layer {position: fixed; top:50%; left: 28px; transform: translateY(-50%); width:calc(100% - 56px);  background: #fff; border-radius: 5px; z-index: 10; padding: 30px 17px;}
.review_write_layer .star {margin-bottom:27px; text-align: center; font-size: 0;}
.review_write_layer .star img {width: 33px; margin-left: 7px; cursor: pointer;}
.review_write_layer textarea {width: 100%; height: 150px; background: #f4f4f4; border: 1px solid #e5e5e5; border-radius: 4px; font-size: 16px; padding: 12px; outline: 0; line-height: 1.4;}
.review_write_layer .review_save {width: 100%; height: 46px; line-height: 46px; background-color: #000; border-radius: 4px; color: #fff; margin-top: 15px;}
.review_write_layer .review_save.off {background: #c2c2c2;}
.dim {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3);}

.review_filter_layer {width: 100%; height: 80vh; position: fixed; bottom: 0; left: 0; background: #fff; z-index: 12; border-radius: 15px 15px 0 0; box-shadow: 0 0px 8px rgba(0,0,0,0.5);}
.review_filter_layer .filter_top {width: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: space-between; background: #fff; border-bottom: 1px solid #dddddd; height: 49px; z-index: 5;}
.review_filter_layer .filter_top h3 {font-size: 17px; line-height: 49px; margin-left: 16px;}
.review_filter_layer .filter_top .close {width: 45px; height: 49px; background: url(//image.aladin.co.kr/img/ebook/viewer/icon_close.png) no-repeat center / 15px 15px; font-size: 1px; color: transparent;}
.review_filter_layer .filter_wrap {padding: 50px 16px 75px 16px; height: 100%;  overflow-y: auto;}
.review_filter_layer .filter_wrap section {padding: 18px 0; position: relative;}
.review_filter_layer .filter_wrap section ~ section {border-top: 1px solid #ddd;}
.review_filter_layer .filter_wrap section h4 {margin-bottom: 10px;}
.review_filter_layer .filter_wrap section .sel_type1 {display: flex; justify-content: space-between;}
.review_filter_layer .filter_wrap section .sel_type1 label {display: inline-block; width: 32%; height: 40px; text-align: center;}
.review_filter_layer .filter_wrap section .sel_type1 label span {width: 100%; height:100%; display: block; border: 1px solid #ddd; line-height: 40px; color: #525252; border-radius: 4px; overflow: hidden; font-size: 14px;}
.review_filter_layer .filter_wrap section .sel_type1 label input:checked + span {border: 1px solid #000; color: #000;}
.review_filter_layer .filter_wrap section .sel_type1 label input {display: none;}
.review_filter_layer .filter_wrap section .sel_type2 label {display: block; margin-bottom: 12px;}
.review_filter_layer .filter_wrap section .sel_type2 input {border: 1px solid #b3b3b3; background: #fff; width: 25px; height: 25px; border-radius: 50%; outline: 0;}
.review_filter_layer .filter_wrap section .sel_type2 input:checked {border: 8px solid #000;}
.review_filter_layer .filter_wrap section .sel_type2 input + span {padding-left:7px; vertical-align: middle;}
.review_filter_layer .filter_wrap section .switch_btn { width: 46px!important; height:28px!important; border-radius:14px!important; background: #e9e9ea!important; border: none!important; position: relative; position: absolute; right: 0; top: 15px; outline: 0;}
.review_filter_layer .filter_wrap section .switch_btn::after {content:''; width: 24px; height: 24px; border-radius:100%; position: absolute; left:2px; top:2px; box-shadow: 0px 1.5px 2px 0 rgba(46, 44, 44, 0.1);  background-color: #fefefe; transition: all 0.1s;}
.review_filter_layer .filter_wrap section .switch_btn:checked {background: #5bb8e1!important;}
.review_filter_layer .filter_wrap section .switch_btn:checked::after {left:20px;}
.review_filter_layer .filter_btn {position: absolute; bottom: 0; left: 0; width:100%; padding:10px 16px 20px 16px; background: #fff; z-index: 5;}
.review_filter_layer .filter_btn button {width: 100%; height: 50px; line-height: 50px; background-color: #000; border-radius: 4px; color: #fff;}

.noscroll {width: 100%; height: 100%; overflow:hidden!important; position: fixed;}