/*@font-face {*/
/*    font-family: 'NanumBarunGothic';*/
/*    font-style: normal;*/
/*    src: url('fonts/NanumBarunGothic.eot');*/
/*    src: url('fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),*/
/*    url('fonts/NanumBarunGothic.woff') format('woff'),*/
/*    url('fonts/NanumBarunGothic.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'NanumBarunGothic';*/
/*    font-style: normal;*/
/*    src: url('fonts/NanumBarunGothicBold.eot');*/
/*    src: url('fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),*/
/*    url('fonts/NanumBarunGothicBold.woff') format('woff'),*/
/*    url('fonts/NanumBarunGothicBold.ttf') format('truetype');*/
/*    font-weight: bold;*/
/*}*/

:root {
    --bs-font-sans-serif: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}

.btn-gray {
    color: #212529;              /* 진한 회색 글자 */
    background-color: #f2f2f2;   /* 기본 배경 */
    border-color: #dcdcdc;       /* 살짝만 진한 테두리 */
}

/* hover / focus 시 살짝 진하게 */
.btn-gray:hover,
.btn-gray:focus {
    color: #212529;
    background-color: #e6e6e6;
    border-color: #cfcfcf;
}

/* active 상태 */
.btn-gray:active,
.btn-gray.active {
    color: #212529;
    background-color: #dddddd;
    border-color: #c4c4c4;
}

.spinner-border
{
    border-width: 0.4rem;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;

    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

@media (min-width: 0rem) {
    /* 모든 @media CSS를 여기에 넣습니다. */
    .container-md, .container-sm, .container {
        max-width: unset;
    }
}

*{
    margin: 0;
    padding: 0;
/*    font-family: 'NanumBarunGothic', sans-serif;*/
    font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color:#616161;
    font-size:3.5vw;
/*    line-height:156%;*/
    line-height: 151%;
    text-decoration: none;
}

html, body{
    margin: 0  auto;
    width: 100%;
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
    background-color: #ffffff;
}

p {
    margin-bottom: 0.2rem;
}

.container {
    padding-right: 0rem;
    padding-left: 0rem;
    width:100%;
}

input[type="checkbox"], input[type="radio"]{
    margin: 0rem 0.1429rem 0rem 0rem;
    vertical-align: middle;
    width: 1.3714rem;
    height: 1.3714rem;
}

a {text-decoration:none }

#cover {position:absolute;}

img {
    border: 0;
    display: inline-block;
}

ul, ol {
    list-style: none;
}

ol, ul, dl {
    padding-left: 0;
    margin-bottom: unset;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder {
    color: transparent;
}

input:focus::-ms-input-placeholder {
    color: transparent;
}

.lh-unset { line-height: unset !important; }

.icon_19{
    float: left;
    border: 1px solid #e92f38;
    background: #ffffff;
    border-radius: 2.66vw;
    font-size: 5pt;
    font-weight: 600;
    line-height: normal;
    position: absolute;
    top: 2.4pt;
    left: 0.8vw;
    padding: 0.53vw;
}

/*푸터 메뉴 시작*/
.fot {
    display: block;
    clear: both;
    padding: 4vw 0 5.33vw;
    /*border-top: 1px solid #eee;*/
    text-align: center;
    /*background-color: #f7f7f7;*/
}

.fot_pa {
    /* display: inline-block; */
    margin: 0 0.3%;
    padding: 1% 2% 0.8%;
    /* border: 1px solid #959595; */
    /* border-radius: 0.8vw; */
    /*background-color: #dedfdf;*/
    /* color: #464646 !important; */
     font-size: 3vw;
}

.fot_p3a {
    color: #464646 !important;
    font-size: 3vw;
}

.fot_p3b {
    color: #464646;
    font-size: 3vw;
    /*height: 2%;*/
    line-height: 164%;
}
.fot_p3b a {
    /*    font-size: 3.2vw;*/
    color: #464646;
    font-size: 3vw;
}

.fot_p3a a{
    font-size: 3vw;
    display: inline-block;
    margin-left: 1%;
    padding-left: 2%;
    border-left: 1px solid #A8A8A8;
    color: #464646 !important;
}

.fot_p3a a.special {
    margin-left: unset;
    border-left: 0vw;
}

/*푸터 메뉴 끝*/

/*타이틀 바 시작*/

.title_bar {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: unset;
    font-size: 3.8vw;
    color: #ffffff;
}

.title_bar * {
    line-height: unset;
}

.title_bar_left {
    width: 15%;
    display: flex;
    align-items: center;
    line-height: unset;
    justify-content: flex-start;
    padding-left: 4%;
}

#title_bar_left_btn, #title_bar_right_btn {
    line-height: unset;
    display: flex;
    align-items: center;
}

.title_bar_right {
    width: 15%;
    display: flex;
    align-items: center;
    line-height: unset;
    justify-content: flex-end;
    padding-right: 4%;
}

.pop_title_bar{
    background: #0c3566;
    height: 9.33vw;
    line-height: 9.33vw;
    text-align: center;
    font-size: 10pt;
    color: #ffffff;
}

.pop_title_bar_right {
    position: absolute;
    top: 0;
    right: 0;
    width: 9.33vw;
    height: 9.33vw;
    text-align: center;
    line-height: 9.33vw;
    color: #ffffff;
}

/*타이틀 바 끝*/

/*로그인 input 시작*/
/*.input_row {
    position: relative;
    border: solid 1px #dadada;
    padding: 0 1.33vw;
    !*margin: 0 0 1.33vw;*!
    background: #fff;
    height: 7.73vw;
}*/

.input_box {
    display: block;
    margin-top: 0.53vw;
}

#id, #pw {
    height: 9vw;
    font-size: 5vw;
}

.lbl {
    position: absolute;
    top: 4.26vw;
    left: 4vw;
    z-index: 8;
    /*font-size: 4vw;*/
    color: #999;
    line-height: 4.26vw;
}

.int {
    position: relative;
    width: 100%;
    padding: 1.86vw 0 1.6vw;
    height: 6.4vw;
    z-index: 9;
    border: none;
    background: #fff;
    font-size: 4vw;
    color: #000;
    line-height: 4.26vw;
}

/*.int_box {
    position: relative;
    width: 100%;
    height: 7.2vw;
    border: none;
    background: #fff;
    !*font-size: 4vw;*!
    color: #000;
    line-height: 5.86vw;
}*/

.reg_table td {
    padding: 1.06vw;
}

/*로그인 input 끝*/

/*중간 메뉴  시작*/

/*중간 메뉴 끝*/

/* 회원가입 시작 */
.yakgan {
    border: 1px solid #2074b7;
    height: 34.66vw;
    overflow: auto;
    font-size: 3vw;
    padding: 2.66vw;
    margin-bottom: 2.66vw;
}

.btn-ssm {
    padding: 1px 0.8vw 0vw;
    /*margin: -1.33vw 0.8vw 0 0;*/
    /*font-size: 3.2vw;*/
    height: 4.53vw;
    line-height: 4.53vw;
    vertical-align: baseline;
    display: inline-block;
}

/*.btn-box {
    padding: 0vw 0.8vw;
    !*margin: -1.33vw 0.8vw 0 0;*!
    font-size: 7pt;
    height: 6.13vw;
    line-height: 6.13vw;
    !*border-radius: 0.8vw;*!
    vertical-align: baseline;
}*/

/*.form-select {
    display: inline-block;
    height: 7.73vw;
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0vw;
}*/

.box-top {
    height: 8vw;
    line-height: 8vw;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
/*    border-top-left-radius: 1.06vw;
    border-top-right-radius: 1.06vw;*/
    padding-left: 2.66vw;
    font-weight: 600;
}

.box-middle {
    height: 6.66vw;
    line-height: 6.66vw;
    padding-left: 4vw;
    border: 1px solid #e1e1e8;
    border-top: 0vw;
}

#meminfo_form > ul {
    margin: 4vw 8vw;
}

#meminfo_form > ul > li {
    margin: 1vw 0vw;
}

#meminfo_form > ul > li > input {
    width: 100%;
    border: 1px solid #bbb;
    border-radius: 0.5vw;
    height: 10vw;
    line-height: 10vw;
    padding: 0 0 0 2vw;
}

#id_chk_btn {
    font-size: 1rem;
    width: 100%;
    border-radius: 0.6vw;
    height: 8vw;
    margin-top: 1vw;
}

.normal{
    background: inherit;
}

.moblie_top{
    position: fixed;
    display: flex;
    align-items: center;
/*    position: unset;*/
    width: 100%;
    z-index: 100;
    top: 0vw;
    overflow: hidden;
    background: #0c3566;
    line-height: 11vw;
    height: 11vw;
}

.menu_book_pay{
    text-align: center;
    height: 8vw;
    /*border: 0vw;*/
    background-color: #e0e5eb;
    /*border-right: 1px;*/
    border-color: #dfdfdf;
    /*border-style: solid;*/
    line-height: 8vw;

    font-size: 10pt;
    /*font-weight: 600;*/
    color: #898989;
    letter-spacing: -1px;
}

.tab_jakpum_info{
    border : 1px solid #dfdfdf;
    padding: 1vw;
}

.tab_view{
    /*border : 1px solid #dfdfdf;*/
    border-top: 0vw;
}


/*테이블 곡선*/
.table-curved {
    border-collapse:separate;
    /*border: solid #ccc 1px;*/
    border-radius: 0.8vw;
    padding: 0vw;
}

.table-curved tr:first-child td:first-child
{
    border-top-left-radius: 0.8vw;
}

.table-curved tr:first-child td:last-child
{
    border-top-right-radius: 0.8vw;
}

.table-curved tr:last-child td:first-child
{
    border-bottom-left-radius: 0.8vw;
}

.table-curved tr:last-child td:last-child
{
    border-bottom-right-radius: 0.8vw;
}


/* 팝업 시작 =================== */
.manhwa_popup{
    position: fixed;
    z-index: 1000;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.manhwa_popup > .board {
    position: absolute;
    background: #fff;
    left: 50%;
    top: 30%;
    width: 90%;
    margin-left: -45%;
    border: 0.8vw solid;
    border-radius: 2.66vw;
    text-align: center;
}
.manhwa_popup .msg {
    width: 96%;
    margin: 2%;
    overflow-y: auto;
    font-size: 1.2rem;
    margin: 10% 2%;
    line-height: 7vw;
}

.manhwa_popup .msg * {
    font-size: 1rem;
    line-height: 1.7;
}

.manhwa_popup .btn_box{
    margin-bottom: 5%;
}
.manhwa_popup .btn {
    /*display: inline-block;*/
    /*background: #2481CA;*/
    /*border-radius: 1.06vw;*/
    /*padding: 1.06vw 2.66vw;*/
    /*color: #fff;*/
    /*margin: 0 1.06vw;*/

    display: inline-block;
    background: #2481CA;
    border-radius: 1.06vw;
    padding: 1.06vw 2.66vw;
    color: #fff;
    margin: 0 1.06vw;
    width: 45%;
    height: 10vw;
    line-height: 8vw;
    font-size: 4vw;

}
/* 팝업 끝 =================== */





/* 광고 팝업 시작 =================== */
.add_popup{
    position: fixed;
    z-index: 1001;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.add_popup.on{
    display: block;
}
.add_popup .bg{
    background-color:#000000;
    opacity:0.5;
    height: 100%;
}
.add_popup > .banner {
    position: absolute;
    left: 50%;
    top: 8%;
    width: 80%;
    margin-left: -40%;
    background-color: #eeeeee;
    padding: 2%;
    border-radius: 2.66vw;
}
.add_popup > .banner > img {
    width:100%;
    height: 100%;
    display: block;
}

.add_popup .event_list_img {
    width: 100%;
    border-radius: 1.86vw;
}

.add_popup .popup_btn_box {
    float: left;
    width: 50%;
    text-align: center;
    border-radius: 0.8vw;
}

.popup_btn_box > .popup_btn {
    background: #dfdcdc;
    border-radius: 1.33vw;
    /*width: 80%;*/
    /* height: 9.33vw;*/
    margin: 0 auto;
    margin-top: 6%;
    margin-bottom: 0.53vw;
    /*line-height: 10.13vw*/;
    font-size: 4vw;
}

/* 광고 팝업 끝 =================== */












/*select{
    appearance:none;
    text-indent: 0.8vw;
}*/

.select_box{
    position:relative;
}
.select_box:after {
    content:'▼';
    font-size: 1.33vw;
    color:#0c3566;
    right: 1.33vw;
    top: 0.53vw;
    padding:0 0 0.53vw;
    position:absolute;
    pointer-events:none;
}
/* GNB(글로벌 네비게이션 바) 상단 하단 시작 =====*/
/* 상단 네비 ======================*/

.app_type {
    right: 2%;
    top: 2%;
    /* width: 27%; */
    /* height: 35%; */
    line-height: 149%;
    /* vertical-align: middle; */
    position: absolute;
    /*background-color: #f26522;*/
    text-align: center;
    color: #FFFFFF;
    border-radius: 1.06vw;
    font-size: 0.55rem;
    letter-spacing: -0.13vw;
    padding: 1% 3%;
}

.gnb_top{
    overflow: hidden;
    margin-bottom: 0vw;
    background-color: #0c3566;
    border: 0vw solid #0b2447;
    /*min-height: 12vw;
    max-height: 12vw;*/
}

.search_div {
    margin: 5% auto;
    width: 93%;
    overflow: hidden;
    display: none;
}

.search_div.on {
/*    display: block;*/
    display: flex;
    align-items: center;
}

.gnb_top_search {
    /*padding: 2.7% 2%;*/
    background: #1775d5;
    display: none;
    /*border-bottom: 1px solid #000000;*/
    /*min-height: 6.13vw;*/
    /*max-height: 6.13vw;*/
    padding: 0.5rem 0 0.7rem;
    margin: 0px;

}
.gnb_top_search.on {
    display: block;
}

.gnb_top_line {
    background: #1775d5;
    display: none;
    height: 1.33vw;
}
.gnb_top_line.on {
    display: block;
}

.gnb_top .menu{
    float: left;
    width: 17%;
    position: relative;
}
.gnb_top > .menu:nth-child(1){
    width: 31%;
}
.gnb_top .menu.on {
    background-color: #05182f;
}

.gnb_top .menu .up_icon {
    text-align: center;
    position: absolute;
    bottom: -0.2rem;
    color: rgb(23, 117, 213);
    left: 50%;
    margin-left: -2.13vw;
    display: none;
}
.gnb_top .menu.on .up_icon {
    display: block;
}
.gnb_top .menu .up_icon > img {
    width: 4.53vw;
    height: 2.4vw;
    display: block;
}
.gnb_top .menu .menu_btn {
    text-align: center;
    /*height: 12vw;*/
    border: 0vw;
    border-right: 1px;
    border-color: #1c4475;
    border-style: solid;
    line-height: 270%;
    font-size: 3.8vw;
    /*font-weight: 600;*/
    color: #ffffff;
    letter-spacing: -1px;
}
.gnb_top .menu .menu_btn img {
    width: 70%;
    vertical-align: middle;
}
.gnb_top .menu.on .menu_btn{
    color: #5cacfd;
}
/* 무료만화 */
.gnb_top > .menu:nth-child(5) .menu_btn {
    border-right: 0vw;
}

/*성인 표시*/
/*.gnb_top_sub .menu.adult{
    display: block;
}*/

.gnb_top_sub .menu.adult .title img {
    width: 17%;
    /*height: 41%;*/
    vertical-align: middle;
    position: relative;
    border: 0vw;
    margin-right: 1%;
     top: -1px;
}
.gnb_top_sub .menu.adult .title {
    line-height: inherit;
    position: relative;
    /*padding-left: 5.33vw;*/
}







/* 2뎁스 메뉴 */
.gnb_top_sub{
    overflow: hidden;
    background-color: #1775d5;
    margin-bottom: 0vw;
    display: none;
    /*min-height: 10.66vw;*/
    /*max-height: 10.66vw;*/
}


.gnb_top_sub.on{
    display: block;
}

.gnb_top_sub > .menu{
    float: left;
    width: 22%;
    position: relative;
}

.gnb_top_sub.event > .menu{
    float: left;
    width: 13%;
    position: relative;
}

.gnb_top_sub > .menu:nth-child(1){
    width: 10.4%;
    margin-left: 1.6%;
}

.gnb_top_sub > .menu.double{
    width: 40%;
}
.gnb_top_sub > .menu.three{
    float: left;
    width: 33%;
}
.gnb_top_sub > .menu > div{
    text-align: center;
    /*height: 10.66vw;*/
    /*line-height: 337%;*/
    letter-spacing: -0.13vw;
    /*margin: 10% 0;*/
}
.gnb_top_sub .title {
    font-size: 2.9vw;
    color: #ffffff;
/*    padding: 1.06vw 1.06vw 0.8vw 1.06vw;*/
    padding: 0.7vw 1.1vw 1.1vw;
    border-radius: 1.06vw;
}

.gnb_top_sub .menu.on .title{
    border: 1px solid #4c8ccd;
    background: #185797;
}
/*
.gnb_top_sub .menu.adult .title{
    line-height: inherit;
    position: relative;
    padding-left: 5.33vw;
}
*/


/* 하단 네비 ====================== */
/* GNB(글로벌 네비게이션 바) 상단 하단 끝 =====*/

/* 검색 박스 시작 */
.search_box {
    /*overflow: hidden;*/
    /*display: inline-block;*/
    padding: 0 2%;
    /*vertical-align: middle;*/
    margin: 0%;
    width: 100%;
    display: flex;
    align-items: center;
}
.search_box > li {
    float: left;
}
.search_box > .select_li {
    display: inline-block;
    width: 21%;
    height: 100%;
    /* vertical-align: middle; */
    background-color: #fff;
    /*height: 12vw;*/
    border-radius: 0.8vw;
}

.search_box > .text_li {
    width: 55%;
    background-color: #fff;
    margin-left: 1%;
    border-radius: 0.8vw;
}

.search_box > .button_li {
    width: 22%;
/*    margin-top: -0.13vw;*/
    margin-left: 1%;
    background-color: #041b37;
    border-radius: 1.06vw;
}

#search_select {
    width: 100%;
    height: 100%;
    /*line-height: 12.26vw;*/
    font-size: 0.9rem;
    /* line-height: 123%; */
    border-radius: 0.8vw;
    /* border: 1px solid #0054ae; */
    background: #fff;
    outline: none;
    border: none;
/*    vertical-align: middle;*/
    height: inherit;
    line-height: inherit;
    border-radius: 0.8vw;
}

#search_text {
    width: 100%;
    height: 100%;
    /* margin-right: 1%; */
    font-size: 0.9rem;
    /* line-height: 102%; */
    /* padding-left: 2%; */
    outline: none;
    border: none;
    padding: 0 1.33vw;
    border-radius: 0.8vw;
}
#search_btn {
    width: 100%;
/*    height: 100%;*/
    border: 0vw solid #041b37;
    background: #041b37;
    color: #fff;
    font-size: 0.9rem;
    border-radius: 1.06vw;
}
/* 검색 박스 끝 */






/* 767px 이하 작은 화면에서 오른쪽 왼쪽 버튼 사라지는 미디어쿼리 */
@media (max-width: 767px) {
    #prev_top_banner { display:none; }
    #next_top_banner { display:none; }
}

/* 상단배너 끝 ====================== */






/* 책꽂이 시작 ====================== */

.bookcase_box{
    overflow: hidden;
    background-color: #3b4350;
}

.bookcase_container {
    overflow: hidden;
    margin: 1.33vw;
}

.case_book {
    float: left;
    width: 33%;
    position: relative;
    margin-bottom: 4%;
    margin-top: 4%;
}

.case_book .img_div img {
    width: 100%;
    height: 100%;
}

.case_book .img_div {
    width: 70%;
    height: 70%;
    margin: 0 auto;
    position: relative;
}

.case_book .ribbon_discount {
    background: #1775d5;
    border: 1px solid #135aa0;
    border-radius: 50%;
    width: 39%;
    height: 27%;
    left: -7%;
    top: -3%;
    opacity: 0.9;
}

.case_book .ribbon_discount > .won_text {
    margin-top: 27%;
}

.case_book a {
    display: block;
    line-height: 0;
}

.case_book .ribbon_free {
    height: 18%;
    width: 101%;
    bottom: 15%;
    color: #fff;
    font-size: 3vw;
    line-height: 186%;
    border-top: solid 1px #F9F9F9;
    border-bottom: solid 1px #F9F9F9;
    background-color: #1775d5;
    opacity: 0.9;
    position: absolute;
}


/* 리본 시작 ====================== */
/* 리본 */
.ribbon {
    position: absolute;
    z-index: 99;
    pointer-events: none;
    text-align: center;
}

.ribbon_discount > .won_text {
    letter-spacing: -0.13vw;
    color: #fff;
    line-height: 80%;
    margin-top: 25%;
    font-size: 2.4vw;
}

.won_text > p {
    letter-spacing: -0.13vw;
    color: #fff;
    font-size: 2.4vw;
}

.ribbon_discount > span {
    color: #fff;
    font-size: 6pt;
}
/* 권무료 리본 */
.sti_prod .ribbon_free {
    /*height: 15%;*/
    width: 100%;
    /*bottom: 10%;*/
    color: #fff;
    font-size: 2.7vw;
    /*line-height: 199%;*/
    border-top: solid 1px #F9F9F9;
    border-bottom: solid 1px #F9F9F9;
    background-color: #1775d5;
    opacity: 0.9;
    position: relative;
    top: -8vw;
}

.type_div{
    text-align: center;
}

/*
.sti_prod > a > img{
    width: 18.66vw;
    height: 26.66vw;
}
*/
/* 리본 끝 ====================== */


/* 중간 컨텐츠 시작 ====================== */
.mid_contents {
    background: #fff;
    padding: 0vw;
    position: relative;
}
.mid_contents > div{
    /*border: 1px solid #a1a1a1;*/
    background: #fff;
    overflow: hidden;
}

.wait_box {
    padding: 0vw 2.66vw;
    margin-bottom: 2.66vw;
}
.wait_box > .title {
    font-size: 4vw;
    line-height: 215%;
}

/* 중간 컨텐츠 */
.contents_box {
    padding: 0vw 2.66vw;
}

.main_ranking_title {
    display: flex;
    align-items: center;
}

.main_ranking_title > div:nth-child(2) {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.contents_box > .title, .main_ranking_title > .title {
    font-size: 4.5vw;
    font-weight: bold;
    line-height: 215%;
    color: #363636;
    padding-left: 2.5%;
    overflow: hidden;
    text-overflow: ellipsis;
}


.main_ranking_title .more {
    /*margin: 3% 2% 0%;*/
    text-align: center;
    font-size: 0.9rem;
    padding: 2%;
    display: flex;
    align-items: center;
}

.small_book_container, .main_wait_free_box {
    padding: 2% 0vw 0vw;
    overflow: hidden;
    position: relative;
}
.container > .small_book_container {
    margin: 6% 1%;
    text-align: center;
}

.mobile_body {
    margin: 0vw;
    padding-bottom: 0vw;
    padding-top: 12vw;
}

.mobile_body > .small_book_container {
    margin: 5% 1% 0;
}

.small_book_container > .uline {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #eeeeee;
    margin-bottom: 5%;
}


.small_book {
    float: left;
    width: 33%;
    position: relative;
    margin-bottom: 8%;
    /*background: #fff;*/
}

.small_book .score{
    line-height: 135%;
    text-align: left;
    margin-top: 1%;
}

.small_book .score > span {
    font-size: 2.2vw;
    line-height: 135%;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
    letter-spacing: -0.8vw;
}

.small_book .score > span:nth-child(2) {
    font-size: 2.2vw;
    line-height: 135%;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
    letter-spacing: 0.21vw;
}

.small_book .review{
    line-height: 135%;
    text-align: left;
    margin-top: 1%;
    margin-bottom: 1%;
}

.small_book .review a > span {
    font-size: 3vw;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
    letter-spacing: -0.13vw;
}

.small_book .pay_coin {
    font-size: 3vw;
    line-height: 135%;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
}

.small_book .pay_coin > span {
    color: #1775d5;
    font-size: 3vw;
}

.small_book .yun, .small_book .end {
    margin-left: 1.33vw;
    padding: 0rem 0.4rem 0.05rem;
    font-size: 2.8vw;
    line-height: unset;
    /*padding: 0 0.4rem;*/
}

.small_book .discount {
    /*color: #ff6600;*/
    color: #F76A56;
    font-size: 3vw;
    margin-top: 0%;
    text-align: left;
}

.small_book > .txt_div {
    width: 85%;
    margin: 0% auto;
}

.small_book > .txt_div > .type_div {
    text-align: left;
}

.small_book .img_div img {
    width: 100%;
    height: 100%;
    /*border: 1px solid #e4e4e4;*/
    /*min-width: 26.66vw;*/
}

.small_book .img_div {
    width: 85%;
    height: 85%;
    margin: 0 auto;
    position: relative;
}

.small_book .ribbon_discount {
    background: #1775d5;
    border: 1px solid #135aa0;
    border-radius: 50%;
    /*width: 40%;*/
    /*height: 27%;*/
    width: 36%;
    height: 25%;
    left: -7%;
    top: -3%;
    opacity: 0.9;
}

.small_book .ribbon_discount > .won_text {
    margin-top: 27%;
}

/* 권무료 리본 */
.small_book .ribbon_free {
    height: 16%;
    width: 101%;
    bottom: 13%;
    color: #fff;
    font-size: 3vw;
    line-height: 210%;
    border-top: solid 1px #F9F9F9;
    border-bottom: solid 1px #F9F9F9;
    background-color: #1775d5;
    opacity: 0.9;
    position: absolute;
}
/* 페이지 무료 */
.small_book .ribbon_free.page {
    /*background: #357970;
    border: 1px solid #034b45;*/
}
.small_book a {
    display: block;
    line-height: 0;
}
.small_book .title, .small_book .title > span  {
    font-size: 3.2vw;
    color: #616161;
    letter-spacing: -0.13vw;
    margin-top: 11%;
    text-align: left;
}
.small_book  > .txt_div > .series {
    font-size: 3vw;
    color: #a1a1a1;
    margin-top: 5%;
    /*text-align: left;*/
    display: flex;
    align-items: center;
}

.small_book  > .txt_div > .author, .small_book  > .txt_div > .author >a {
    font-size: 3vw;
    color: #a1a1a1;
    margin-top: 0%;
    text-align: left;
    line-height: 156%;
}
.small_book .date_cover {
    position: absolute;
    bottom: 9.86vw;
    background: RGBA(0,0,0,0.3);
    width: 100%;
    height: 4.26vw;
    line-height: 2.4vw;
    pointer-events: none;
    display: none;
}
.small_book .date_cover > span{
    color: #fff;
    font-size: 7pt;
    margin-left: 1.33vw;
    line-height: 14pt;
}

.small_book .type.prem {
    background: #a863a8;
}
.small_book .type.free {
    background: #f47b8b;
}

.small_book .rank_idx {
    position: absolute;
    left: 1px;
    top: 1px;
    opacity: 0.9;
    font-size: 2.5vw;
    letter-spacing: -0.186vw;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    padding: 0.3rem;
    min-width: 1.8rem;
}

.small_book .adult {
    width: 13%;
    height: 13%;
    vertical-align: middle;
    border: 0vw;
    /*position: absolute;
    bottom: 9.6vw;
    right: 1px;*/
}


/*slide_book*/
.slide_book {
    float: left;
    width: 100%;
    position: relative;
    /*margin-bottom: 8%;*/
    /*background: #fff;*/
}

.slide_book .score{
    line-height: 135%;
    text-align: left;
    margin-top: 1%;
}

.slide_book .score > span {
    font-size: 2.2vw;
    line-height: 135%;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
    letter-spacing: -0.8vw;
}

.slide_book .score > span:nth-child(2) {
    font-size: 2.2vw;
    line-height: 135%;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
    letter-spacing: 0.21vw;
}


.slide_book .pay_coin {
    font-size: 3vw;
    line-height: 135%;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
}

.slide_book .pay_coin > span {
    color: #1775d5;
    font-size: 3vw;
}

.slide_book .yun, .slide_book .end {
    margin-left: 1.33vw;
}

.slide_book .discount {
    /*color: #ff6600;*/
    color: #F76A56;
    font-size: 3vw;
    margin-top: 0%;
    text-align: left;
}

.slide_book > .txt_div {
    width: 88%;
    margin: 0% auto;
}

.slide_book > .txt_div > .type_div {
    text-align: left;
}

.slide_book .img_div img {
    width: 100%;
    height: 100%;
    border-radius: 0.3rem;
}

.slide_book .img_div {
    width: 87%;
    height: 87%;
    /*width: 79%;*/
    /*height: 79%;    */
    margin: 0 auto;
    position: relative;
}

.slide_book .books {
    margin-top: 2.66vw;
}

/*.menu a[href="/wait_free/"] {*/
/*    display: none;*/
/*}*/

.slide_book .ribbon_discount {
    /*display: none;*/
    background: #1775d5;
    border: 1px solid #135aa0;
    border-radius: 50%;
    width: 36%;
    height: 25%;
    left: -7%;
    top: -3%;
    opacity: 0.9;
}

.slide_book .ribbon_discount * {
    font-size: 2.9vw;
}

.slide_book .ribbon_discount > .won_text {
    margin-top: 22%;
}

/* 권무료 리본 */
.slide_book .ribbon_free {
    height: 16%;
    width: 101%;
    bottom: 15%;
    color: #fff;
    font-size: 3.4vw;
    line-height: 212%;
    border-top: solid 1px #F9F9F9;
    border-bottom: solid 1px #F9F9F9;
    background-color: #1775d5;
    opacity: 0.9;
    position: absolute;
}
/* 페이지 무료 */
.slide_book .ribbon_free.page {
    /*background: #357970;
    border: 1px solid #034b45;*/
}
.slide_book a {
    display: block;
    line-height: 0;
}
.slide_book .title, .slide_book .title > span  {
    font-size: 3.4vw;
    color: #000;
    letter-spacing: -0.026vw;
    margin-top: 8%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.slide_book  > .txt_div > .series {
    font-size: 3vw;
    color: #a1a1a1;
    margin-top: 5%;
    text-align: left;
}
.slide_book > .txt_div > .author, .slide_book > .txt_div > .author > a {
    font-size: 3vw;
    color: #999;
    margin-top: 0%;
    text-align: left;
    line-height: 156%;
}
.slide_book .date_cover {
    position: absolute;
    bottom: 9.86vw;
    background: RGBA(0,0,0,0.3);
    width: 100%;
    height: 4.26vw;
    line-height: 2.4vw;
    pointer-events: none;
    display: none;
}
.slide_book .date_cover > span{
    color: #fff;
    font-size: 7pt;
    margin-left: 1.33vw;
    line-height: 14pt;
}

.slide_book .type.prem {
    background: #a863a8;
}
.slide_book .type.free {
    background: #f47b8b;
}

.slide_book .rank_idx {
    position: absolute;
    left: 1px;
    top: 1px;
    opacity: 0.9;
    height: 12%;
    width: auto;
    min-width: 20%;
    text-align: center;
    line-height: 183%;
    font-size: 2.5vw;
    color: #fff;
    background-color: black;
    letter-spacing: -0.186vw;
}

.slide_book .adult {
    width: 13%;
    height: 13%;
    vertical-align: middle;
    border: 0vw;
    margin-top: -0.533vw;
    margin-right: 0.5%;
}

.event_book_sub_title {
    clear: both;
    margin: 0% 2% 3% 2%;
    font-size: 4.5vw;
    font-family: '나눔고딕','NanumBarunGothic', sans-serif,NanumGothic,'돋움',Dotum;
    font-weight: 700;
    line-height: 5.86vw;
    color: #122a50;
    letter-spacing: -1px;
    padding-bottom: 2%;
    padding-left: 1%;
    /*border-bottom: 1px solid #dbdbdb;*/
}

.event_book {
    float: left;
    width: 33%;
    position: relative;
    margin-bottom: 6%;
    /*background: #fff;*/
}

.event_book > .txt_div {
    width: 73%;
    margin: 0% auto;
}

.event_book > .txt_div > .type_div {
    text-align: left;
    display: block;
}

.event_book .img_div img {
    width: 100%;
    height: 100%;
    /*border: 1px solid #e4e4e4;*/
    /*min-width: 26.66vw;*/
}

.event_book .img_div {
    width: 85%;
    height: 85%;
    margin: 0 auto;
    position: relative;
}

.event_book .ribbon_discount {
    background: #1775d5;
    border: 1px solid #135aa0;
    border-radius: 50%;
    width: 36%;
    height: 25%;
    left: -7%;
    top: -3%;
    opacity: 0.9
}

.event_book .ribbon_discount > .won_text {
    line-height: 90%;
}

/* 권무료 리본 */
.event_book .ribbon_free {
    height: 18%;
    width: 101%;
    bottom: 15%;
    color: #fff;
    font-size: 3vw;
    line-height: 186%;
    border-top: solid 1px #F9F9F9;
    border-bottom: solid 1px #F9F9F9;
    background-color: #1775d5;
    opacity: 0.9;
    position: absolute;
}
/* 페이지 무료 */
.event_book a {
    display: block;
    line-height: 0;
}
.event_book .title, .event_book .title > span  {
    font-size: 3.2vw;
    color: #616161;
    letter-spacing: -0.13vw;
    margin-top: 11%;
    text-align: left;
}
.event_book  > .txt_div > .series {
    font-size: 3vw;
    color: #a1a1a1;
    margin-top: 5%;
    text-align: left;
}
.event_book  > .txt_div > .author, .event_book  > .txt_div > .author > a {
    font-size: 3vw;
    color: #a1a1a1;
    margin-top: 0%;
    text-align: left;
    line-height: 156%;
}
.event_book .date_cover {
    position: absolute;
    bottom: 9.86vw;
    background: RGBA(0,0,0,0.3);
    width: 100%;
    height: 4.26vw;
    line-height: 2.4vw;
    pointer-events: none;
    display: none;
}

.event_book .pay_coin {
    display: none;
}

.event_book .date_cover > span{
    color: #fff;
    font-size: 7pt;
    margin-left: 1.33vw;
    line-height: 14pt;
}

.event_book .adult {
    width: 13%;
    height: 13%;
    vertical-align: middle;
    border: 0vw;
    /*position: absolute;
    bottom: 9.6vw;
    right: 1px;*/
}

/* best_sell */
.best_sell {
    float: left;
    position: relative;
    background: #fff;
    width: 90%;
    margin: 0% 5% 10.66vw 5%;
    /*display: flex;
    align-items: center;*/
}

.best_sell .discount {
    /*color: #ff6600;*/
    color: #F76A56;
    font-size: 3vw;
    margin-top: 1%;
    text-align: left;
}

.best_sell .yun, .best_sell .end {
    margin-left: 1.33vw;
    padding: 0rem 0.4rem 0.05rem;
    font-size: 2.8vw;
    line-height: unset;
    /*padding: 0 0.4rem;*/
}

.best_sell .uline {
    width: 100%;
    height: 1px;
    /*background: #eeeeee;*/
    position: absolute;
    bottom: -5.33vw;
}

.best_sell img {
    width: 100%;
    height: 100%;
    /*border: 1px solid #C3C3C3;*/
}

.best_sell .img_div {
    width: 31%;
    height: 31%;
    /*overflow: hidden;*/
    float: left;
    position: relative;
    /*border: 1px solid #C3C3C3;*/
}

.best_sell .info_div {
    width: 66%;
    margin-left: 3%;
    overflow: hidden;
    float: left;
    position: relative;
}

.best_sell .ribbon_discount {
    background-color: #1775d5;
    border-color: #135aa0;
    border-radius: 50%;
    width: 36%;
    height: 25%;
    left: -7%;
    top: -3%;
    opacity: 0.9;
}

.best_sell .ribbon_discount * {
    font-size: 2.4vw;
}

.best_sell .ribbon_discount > .won_text {
    margin-top: 27%;
}


/* 권무료 리본 */
.best_sell .ribbon_free {
    height: 16%;
    width: 101%;
    bottom: 15%;
    color: #fff;
    font-size: 3vw;
    line-height: 185%;
    border-top: solid 1px #F9F9F9;
    border-bottom: solid 1px #F9F9F9;
    background-color: #1775d5;
    opacity: 0.9;
    position: absolute;
}
/* 페이지 무료 */
.best_sell .ribbon_free.page {
/*background: #357970;
    border: 1px solid #034b45;*/
}
.best_sell a {
    display: block;
    line-height: 0;
}
.best_sell .title {
    font-size: 1rem;
    line-height: 145%;
    color: #000;
    text-align: left;
    margin-bottom: 1%;
/*    display: flex;
    align-items: center;*/
/*    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap*/
}
.best_sell .series {
    font-size: 3vw;
    line-height: 135%;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
}
.best_sell .author, .best_sell .author > a {
    font-size: 3vw;
    line-height: 156%;
    color: #a1a1a1;
    text-align: left;
/*    margin-top: 1%;*/
/*    display: revert;*/
    display: flex;
    align-items: center;
}

.best_sell .type_div {
    text-align: left;
    margin-top: 0%;
}

.best_sell .pay_coin {
    font-size: 3vw;
    line-height: 135%;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
}

.best_sell .pay_coin > span {
    color: #1775d5;
    font-size: 3vw;
}


.best_sell .review{
    line-height: 135%;
    text-align: left;
    margin-top: 1%;
    margin-bottom: 1%;
}

.best_sell .review a > span {
    font-size: 3vw;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
    letter-spacing: -0.13vw;
}

.best_sell .score{
    line-height: 135%;
    text-align: left;
    margin-top: -1%;
    margin-bottom: 1%;
}

.best_sell .score > span {
    font-size: 2.7vw;
    line-height: 135%;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
    letter-spacing: -0.13vw;
}

.best_sell .date_cover {
    font-size: 3vw;
    line-height: 135%;
    letter-spacing: -1px;
    color: #a1a1a1;
    text-align: left;
    margin-top: 2%;
    display: none;
}
.best_sell .date_cover > span{
    /*color: #fff;*/
    /*font-size: 7pt;*/
    /*margin-left: 1.33vw;*/
    /*line-height: 14pt;*/
}
.best_sell .type {
    position: absolute;
    font-size: 2.5vw;
    letter-spacing: -0.13vw;
    background: #006eb0;
    color: #fff;
    padding: 1% 1% 0vw 1%;
    top: 1px;
    right: 0vw;
    opacity: 0.9;
    line-height: 130%;
    border-radius: 0.53vw;
}
.best_sell .type.prem {
    background: #a863a8;
}
.best_sell .type.free {
    background: #f47b8b;
}

.best_sell .rank_idx {
    position: absolute;
    top: 5.86vw;
    left: 26.66vw;
    background: initial;
    border: none;
    width: auto;
}
.best_sell .rank_idx > span {
    position: relative;
    color:orange;
    font-size: 4.26vw;
    font-weight: bold;
    margin-right: 1.06vw;
}
.best_sell .adult {
    width: 6%;
    height: 6%;
    vertical-align: middle;
    border: 0vw;
    margin-right: 0.5%;
}
/* best_sell */




/* rank_one_line */
.rank_one_line {
    float: left;
    position: relative;
    background: #fff;
    width: 100%;
    margin: 0% 0% 10% 0%;
}

.rank_one_line .discount {
    /*color: #ff6600;*/
    color: #F76A56;
    font-size: 3vw;
    margin-top: 1%;
    text-align: left;
}

.rank_one_line .yun, .rank_one_line .end {
    margin-left: 1.33vw;
}

.rank_one_line .uline {
    width: 100%;
    height: 1px;
    /*background: #eeeeee;*/
    position: absolute;
    bottom: -5.33vw;
}

.rank_one_line img {
    width: 100%;
    height: 100%;
    /*border: 1px solid #C3C3C3;*/
}

.rank_one_line .rank_div {
    width: 10%;
    float: left;
}

.rank_one_line .img_div {
    width: 27%;
    height: 27%;
    /*overflow: hidden;*/
    float: left;
    position: relative;
    /*border: 1px solid #C3C3C3;*/
}

.rank_one_line .info_div {
    width: 58%;
    margin-left: 5%;
    overflow: hidden;
    float: left;
    position: relative;
}

.rank_one_line .ribbon_discount {
    background-color: #1775d5;
    border-color: #135aa0;
    border-radius: 50%;
    width: 36%;
    height: 25%;
    left: -7%;
    top: -3%;
    opacity: 0.9;
}

.rank_one_line .ribbon_discount * {
    font-size: 2.4vw;
}

.rank_one_line .ribbon_discount > .won_text {
    margin-top: 27%;
}


/* 권무료 리본 */
.rank_one_line .ribbon_free {
    height: 16%;
    width: 101%;
    bottom: 15%;
    color: #fff;
    font-size: 3vw;
    line-height: 185%;
    border-top: solid 1px #F9F9F9;
    border-bottom: solid 1px #F9F9F9;
    background-color: #1775d5;
    opacity: 0.9;
    position: absolute;
}
/* 페이지 무료 */
.rank_one_line .ribbon_free.page {
    /*background: #357970;
        border: 1px solid #034b45;*/
}
.rank_one_line a {
    display: block;
    line-height: 0;
}
.rank_one_line .title {
    font-size: 1rem;
    line-height: 145%;
    color: #000;
    text-align: left;
    margin-bottom: 1%;
}
.rank_one_line .series {
    font-size: 3vw;
    line-height: 135%;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
}
.rank_one_line .author, .rank_one_line .author > a {
    font-size: 3vw;
    line-height: 156%;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
}

.rank_one_line .type_div {
    text-align: left;
    margin-top: 0%;
}

.rank_one_line .pay_coin {
    font-size: 3vw;
    line-height: 135%;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
}

.rank_one_line .pay_coin > span {
    color: #1775d5;
    font-size: 3vw;
}

.rank_one_line .score{
    line-height: 135%;
    text-align: left;
    margin-top: -1%;
    margin-bottom: 1%;
}

.rank_one_line .score > span {
    font-size: 2.7vw;
    line-height: 135%;
    color: #a1a1a1;
    text-align: left;
    margin-top: 1%;
    letter-spacing: -0.13vw;
}

.rank_one_line .date_cover {
    font-size: 3vw;
    line-height: 135%;
    letter-spacing: -1px;
    color: #a1a1a1;
    text-align: left;
    margin-top: 2%;
    display: none;
}
.rank_one_line .date_cover > span{
    /*color: #fff;*/
    /*font-size: 7pt;*/
    /*margin-left: 1.33vw;*/
    /*line-height: 14pt;*/
}
.rank_one_line .type {
    position: absolute;
    font-size: 2.5vw;
    letter-spacing: -0.13vw;
    background: #006eb0;
    color: #fff;
    padding: 1% 1% 0vw 1%;
    top: 1px;
    right: 0vw;
    opacity: 0.9;
    line-height: 130%;
    border-radius: 0.53vw;
}
.rank_one_line .type.prem {
    background: #a863a8;
}
.rank_one_line .type.free {
    background: #f47b8b;
}

.rank_one_line .rank_idx {
    position: absolute;
    top: 5.86vw;
    left: 26.66vw;
    background: initial;
    border: none;
    width: auto;
}
.rank_one_line .rank_idx > span {
    position: relative;
    color:orange;
    font-size: 4.26vw;
    font-weight: bold;
    margin-right: 1.06vw;
}
.rank_one_line .adult {
    width: 8%;
    height: 8%;
    vertical-align: middle;
    border: 0vw;
}
/* rank_one_line */







.no_search{
    display: none;
    font-size: 2.93vw;
    text-align: center;
}
.no_search.on{
    display: block;
}













/*
코멘트 갯수 사용안함
.small_book .glyphicon-chat {
    position: absolute;
    top: 11.46vw;
    right: -1.33vw;
    display: inline-block;
    font-size: 6.4vw;
    color: #000;
}
.small_book .glyphicon-chat span {
    position: absolute;
    top: 1px;
    right: 0vw;
    font-size: 7pt;
    color: #fff;
    width: 6.4vw;
    text-align: center;
}
*/



.list_container {
    margin-top: 58.66vw;
}

.list_book {
    position: relative;
}
.list_book .book_type {
    font-size: 2.66vw;
    display: inline-block;
    width: 3.46vw;
    height: 3.2vw;
    background: #000;
    border-radius: 0.53vw;
    position: relative;
}
.list_book .book_type.hero {
    background: #006eb0;
    border: 1px solid #00837a;
}
.list_book .book_type.pre_mh {
    background: #a863a8;
    border: 1px solid #853585;
}
.list_book .book_type.teen {
    background: #448cca;
    border: 1px solid #206bac;
}
.list_book .book_type.roman {
    background: #f47b8b;
    border: 1px solid #cb3549;
}
.list_book .book_type span {
    font-size: 2.66vw;
    color: #fff;
    position: absolute;
    top: 0vw;
    left: 0.53vw;
}
.list_book .book_subject {
    font-size: 2.93vw;
    color: #464646;
    margin-left: 1.06vw;
    position: absolute;
    top: 0.53vw;
}
.list_book .book_date {
    position: absolute;
    right: 0vw;
    font-size: 2.93vw;
}
/* 중간 컨텐츠 끝 ====================== */














/* 서브페이지 시작 ================= */

/* 섬네일 컨텐츠 */
.contents_box.sub {
    margin-top: 3.73vw;
    overflow: hidden;
}
.contents_box.sub:last-child{
    margin-bottom: 0vw;
}
/* 중간 랜덤 배너 */
.rand_banner.sub {
    margin-top: 1.86vw;
}
/* 중간 중1 배너 */
.rand_banner1.sub {
    margin-top: 1.86vw;
}


/* 순위 */

.rank_container{
    margin-bottom: 3%;
}

.rank_container ul {
    margin-bottom: unset;
}


.list_rank {
    position: relative;
    clear: both;
    padding: 1% 0;
    overflow: hidden;
}

.list_rank img {
    width: 100%;
    height: 100%;
}

.list_rank .img_div {
    width: 100%;
    /*height: 87%;*/
    margin: 0 auto;
    position: relative;
}

.list_rank .rank_img {
    width: 17%;
    overflow: hidden;
    float: left;
    position: relative;
}

.list_rank .ribbon_discount > .won_text {
    margin-top: 27%;
    line-height: 39%;
    font-size: 2vw;
}

.list_rank .ribbon_discount {
    background: #1775d5;
    border: 1px solid #135aa0;
    border-radius: 50%;
    width: 40%;
    height: 27%;
    left: -7%;
    top: -3%;
    opacity: 0.9;
}

.list_rank .type_div {
    text-align: unset;
}

.list_rank .rank_info {
    width: 76%;
    overflow: hidden;
    float: left;
    padding: 2%;
}

.list_rank .rank_idx{
    float: left;
    width: 7%;
    vertical-align: middle;
    text-align: center;
}

.list_rank .rank_idx .num{
    font-size: 3vw;
    letter-spacing: -0.13vw;
    color: #191717;
}

.list_rank .title {
    font-size: 4vw;
    line-height: 145%;
    color: #000;
    text-align: left;
    /*margin-bottom: 3%;*/
}

.rank_type {
    font-size: 4vw;
    font-weight: bold;
    letter-spacing: -0.13vw;
    /*background: #006eb0;*/
    color: #000;
    padding: 1px 0.53vw 0vw 0.53vw;
    opacity: 0.3;
    border-radius: 0.8vw;
    margin-top: 35%;
    width: 100%;
    text-align: center;
}

/*.list_rank .rank_type{*/
    /*float: left;*/
    /*font-size: 3vw;*/
    /*width: 20%;*/
    /*text-align: center;*/
    /*vertical-align: middle;*/
/*}*/

.rank_type .bm_type {
    font-size: 3vw;
}

.list_rank .rank_subject {
    font-size: 1rem;
    color: #616161;
    letter-spacing: -0.13vw;
    float: left;
    width: 40%;
    padding-left: 2%;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list_rank .rank_author{
    float: left;
    font-size: 1rem;
    width: 20%;
    text-align: center;
    vertical-align: middle;
    color: #a1a1a1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list_rank .rank_change {
    float: left;
    width: 10%;
    text-align: right;
    vertical-align: middle;
    letter-spacing: -0.13vw;
}

.list_rank .rank_change .num{
    font-size: 3vw;
    display: inline-block;
}

.list_rank .rank_change .new{
    font-size: 3vw;
    display: inline-block;
}

.list_rank .rank_change.new .num{
    font-size: 3vw;
    display: inline-block;
    color: #f53627;
}

.list_rank .icon {
    background: url(../img/rank.png) repeat-x;
    background-size: 8vw;
    width: 2.66vw;
    height: 2.66vw;
    display: inline-block;
    margin-right: 0.53vw;
}
.list_rank .icon.fix {
    background-position-x: -0.7093vw;
}
.list_rank .icon.down {
    background-position-x: -5.33vw;
}
.list_rank .icon.none {
    display:none;
}

.list_rank .adult {
    width: 5%;
    height: 5%;
    vertical-align: middle;
    border: 0vw;
    margin-bottom: 1px;
    margin-right: 0.5%;
}

.list_rank .ribbon_free {
    height: 18%;
    width: 101%;
    bottom: 15%;
    color: #fff;
    font-size: 2.5vw;
    line-height: 179%;
    border-top: solid 1px #F9F9F9;
    border-bottom: solid 1px #F9F9F9;
    background-color: #1775d5;
    opacity: 0.9;
    position: absolute;
    letter-spacing: -0.13vw;
}


/* 고객 인기작가 */
.list_author {
    width: 20%;
    margin-right: 1%;
    display: inline-block;
    height: 8vw;
    text-align: center;
    line-height: 8vw;
    border: 0.53vw solid;
}
.list_author:nth-child(4n) {
    margin-right: 0;
}
/* 서브페이지 끝 ================= */















/* 리스트 페이지 시작 =============== */
/* 네비게이션 */
#sort_navi{
    /*min-height: 8vw;*/
    top: 21.33vw;
    /*width: 100%;*/
    background: #f1f1f1;
    overflow: hidden;
    border-bottom: 1px solid #c0c0c0;
    display: none;
    margin: 0 auto;
}
#sort_navi > .navi_box{
    /*position: relative;*/
    height: inherit;
}

.navi_box > .navi_sub_genre{
    text-align: center;
    font-size: 3vw;
    margin: 1%;
}

.navi_box > .navi_sub_genre > ul > li{
    float: left;
    width: 33.3%;
}

.navi_group{
    /*position: absolute;*/
    height: inherit;
    width: 98%;
    margin: 0 auto;
}
.navi_group > .navi_btn{
    /*position: absolute;*/
    float: left;
    width: 13.4%;
    letter-spacing: -1px;
    /*height: 10.66vw;*/
    font-size: 3vw;
    color: #777777;
    text-align: center;
/*    line-height: 236%;*/
    background: #f1f1f1;
    margin-top: 1%;
}
.navi_group > .navi_btn.on{
    /*color: #363636;*/
    color: #3979bb;
}
.navi_group > .navi_btn.on .under_bar {
    height: 0.53vw;
    /*background: #bbbbbb;*/
    background: #3979bb;
    /*margin-top: -1.6vw;*/
    margin: 0 5%;
}

.navi_group > .navi_btn .right_bar {
    height: 3.73vw;
    width: 1px;
    background: #a4a4a4;
    right: 0;
    top: 3.46vw;
    position: absolute;
    border-right: 1px solid #fff;
}

.navi_group .left_bar {
    height: 3.73vw;
    width: 1px;
    background: #a4a4a4;
    /*right: 0;*/
    top: 3.46vw;
    position: absolute;
    border-right: 1px solid #fff;
    left : 1.33vw;
}

#sort_navi > .arrow{
    position: absolute;
    width: 10.66vw;
    height: 10.66vw;
}
#sort_navi > .arrow img {
    width: 100%;
}
#sort_navi > .r_btn{
    display: block;
    right: 0vw;
}
#sort_navi > .l_btn{
    display: none;
}
#sort_navi.right > .r_btn{
    display: none;
}
#sort_navi.right > .l_btn{
    display: block;
}
#sort_navi.center > .l_btn{
    display: block;
}
#sort_navi.center > .r_btn{
    display: block;
}

/* 리스트 */
.search_space{
    padding: 1.33vw;
}

#top-link {
    position: fixed;
    bottom: 1.33vw;
    right: 1.33vw;
    z-index: 101;
}

#top-link img {
    height: 10.66vw;
}

#list-loading {
    text-align: center;
    color: #a3a3a3;
    margin: 1.33vw;
    padding-top: 10%;
    padding-bottom: 10%;
    /*height: 26.66vw;*/
    /*background: #fff;*/
}

#list-loading > div {
    position: relative;
    left: 50%;
    width: 8.53vw;
}
#list-loading > div > img{
    margin-left: -8.53vw;
    height: 8.53vw;
}


/* 작가 리스트 */
.author_box {
    display: none;
    text-align: center;
    margin-top: 5%;
}

#author_select {
    padding: 0.3rem;
    border: 0.53vw #1775d5 solid;
    border-radius: 1.06vw;
    background-color: #fff;
    width: 90%;
    font-size: 1rem;
}


.small_author {
    float: left;
    position: relative;
    border: 1px solid #e4e4e4;
    margin-bottom: 2.66vw;
    background: #fff;
}
.small_author img {
    width: 23.73vw;
    height: 16vw;
    border-bottom: 1px solid #e4e4e4;
}
.small_author a {
    display: block;
    line-height: 0;
}
.small_author .name {
    display: inline-block;
    font-size: 2.93vw;
    font-weight: bold;
    color: #464646;
    line-height: 5.86vw;
    height: 5.06vw;
    padding-left: 1.33vw;
}
.small_author .workcount {
    display: inline-block;
    font-size: 2.4vw;
    color: #a1a1a1;
    line-height: 5.86vw;
    height: 5.06vw;
}

/* 작가 작품 페이지 */
.author_name {
    font-size: 3.2vw;
    font-weight: bold;
    padding: 0vw 0 2.66vw 4.8vw;
    color: #252525;
}

/* 하단 페이지네비 */
.page_num_total {
    font-size:3vw;
    color: #1775d5 !important;
    padding-bottom: 1rem;
}

.page_num_list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
}

.page_num {
    cursor: pointer;
    font-size: 3vw;
    color: #1775d5;
    background: #fbfbfb;
    border: 1px solid #ccc;
    border-radius: 1.06vw;
    padding: 0 0.3rem;
    min-width: 1.8rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_num.on {
    color: #fff;
    background: #008ee8;
    border: 1px solid #0069ac;
}

.page_num.off {
    color: #959595;
}

.page_num > .glyphicon {
    color: inherit;
    position: unset;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_num:hover {
    border: 1px solid #0069ac;
}

/* 리스트 페이지 끝 =============== */














/* 디테일 페이지 시작 ===============*/
.detail {
    /*background: #e0e5eb;*/
    /*padding: 2.66vw 1.86vw;*/
}
.manhwa_info {
    position: relative;
    padding: 1.86vw;
    /*border: 1px solid #a1a1a1;*/
    /*background: #f2f2f2;*/
    overflow: hidden;
    margin-bottom: 1.86vw;
}
.manhwa_info > .set_push_btn {
    position: absolute;
    width: 18.66vw;
    top: 2.66vw;
    right: 2.66vw;
}
.manhwa_info > .set_push_btn > img {
    width: 100%;
    border-radius: 1.06vw;
}
.manhwa_info > div {
}

.manhwa_info > .title {
    width: 100%;
    height: 9.6vw;
    font-size: 5vw;
    font-weight: bold;
    color: #616161;
    line-height: 8vw;
    text-align: center;
    margin-top: 3%;
}

/*.title_img {*/
/*    width: 100%;*/
/*    border: 1px solid #E4E4E4;*/
/*    border-radius: 1.06vw;*/
/*    position: relative;*/
/*    right: 1px;*/
/*    margin: 0 auto;*/
/*}*/
/*.title_img > img {*/
/*    width: 100%;*/
/*    display: block;*/
/*    margin: 0 auto;*/
/*    border-radius: 1.06vw;*/
/*    box-shadow : 0.8vw 0.8vw 3.33vw #777;*/
/*}*/

.title_info {
    text-align: center;
}

.title_info > img {
    width: 65vw;
    /*display: block;*/
    margin: 0 auto;
    border-radius: 0.5049rem;
    box-shadow: 0.8vw 0.8vw 3.33vw #777;
}


.ribbon.ribbon_discount.big {
    width: 10.66vw;
    height: 10.66vw;
    font-size: 4vw;
    /*font-weight: bold;*/
    line-height: 11.46vw;
    left: -1.86vw;
    top: -1.86vw;
    background: #006eb0;
    color: #fff;
    border-radius: 50%;
}


.info_box {
    margin-top: 1vw;
    /*margin-top: 5.33vw;*/
}

.info_box > .data_line {
    margin: 0.2rem 0;
}

.info_box * {
    font-size: 1rem;
/*    color: #898989;*/
    /*line-height: 195%;*/
}

.info_box .series {
    display: inline-block;
    width: 60%;
}

.info_box .date_two {
    display: inline-block;
    text-align: right;
    width: 38%;
}

.info_box .bm_type {
    font-size: 3vw;
    float: left;
    padding: 0.1rem 0.5rem;
    border-radius: 0.3rem;
    letter-spacing: 0.02vw;
    margin: 0.533vw;
    cursor: pointer;
}

.info_box .pay_coin > span {
    color: #1775d5;
}

.info_box .discount {
    /*color: #ff6600;*/
    color: #F76A56;
}

/*
.info_box .average_box > span {
    font-size: 4vw;
}
*/

/*
.average_box .average_box > div{
    float: left;
}
.average_box .average {
    width: 18.66vw;
    height: 3.46vw;
    background: url(../img/star_off.png) no-repeat;
    background-size: 100%;
    top: 2.66vw;
    right: 2.66vw;
}
.average_box .star {
    overflow: hidden;
    float: left;
    position: relative;
    height: 3.46vw;
}
.average_box .star img {
    width: 18.66vw;
    height: 3.46vw;
    position: absolute;
    top: 0vw;
    left: 0vw;
}
.info_box .average_text {
    line-height: 4.26vw;
    margin-left: 1.6vw;
}*/
/*.info_box .nameseriese {
    margin-top: 2.13vw;
}*/
.info_box .price1 {
    color: #ed1c24;
    margin-left: 1.06vw;
}

.info_box .price2 {
    color: #ed1c24;
    margin-left: 1.06vw;
}


.info_box .line {
    height: 1px;
    background: #c0c0c0;
    margin: 1.86vw 0 2.66vw 0;
}
.info_box .free {
    color: #f16528;
}
.info_box .cmt {
    /*width: 173px;*/
    /*font-size: 2.93vw;*/
    color: rgb(204, 102, 0);
    /*margin-left: -1.33vw;*/
}

/* 소셜 공유 */

.social_group {
    width: 100%;
    overflow: hidden;
    margin-top: 2.66vw;
}
.social {
    float: left;
    padding: 1.06vw;
    max-width: 24vw;
    max-height: 5.33vw;
    min-height: 5.33vw;
    background: #fff;
    border: 1px solid #E9E9E9;
    overflow: hidden;
}
.social img{
    width: 5.33vw;
    height: 5.33vw;
    display: block;
}

.social_group .social_box {
    overflow: hidden;
    margin: 1.33vw auto;
}

/*.social_group .notice_box {
    margin: 0.53vw;
    border: 1px #996666 dotted;
    padding: 1.33vw;
    border-radius: 1.6vw;
}

.social_group .notice{
    position: relative;
    margin: 1.33vw 0;
}

!*.social_group .notice {
    display: flex;
    align-items: center;
}*!

.social_group .notice:nth-last-child(1) {
    !*margin-bottom: 2.66vw;*!
}
.social_group .notice div{
    !*font-size: 3vw;*!
    width: 100%;
    !* height: 3.73vw; *!
    color: #996666;
    !*margin-left: 4%;*!
    !*line-height: 151%;*!
}
.social_group .notice div span{
    !*color: rgb(237, 20, 91);*!
}

.social_group .notice img{
    width: 3%;
    !* height: 3%; *!
    float: left;
    position: absolute;
    top: 7%;
}*/


.info_div .read_keyword_list{
    overflow: hidden;
    margin: 0;
}

.info_div .read_keyword_list li:nth-child(1){
    margin: 0.533vw 0.533vw 0.533vw 0;
}

.info_div .read_keyword_list li{
    font-size: 3vw;
    float: left;
/*    border: 0.267vw solid #eee;
    background-color: #f7f7f7;*/
    padding: 0.3vw 1vw 0.1vw;
    border-radius: 1.6vw;
    letter-spacing: 0.02vw;
    margin: 0.533vw;
}

.story_data .read_keyword_list{
    overflow: hidden;
    padding: 2vw 0;
}
.story_data .read_keyword_list > li, .info_box .read_keyword_list > li {
    font-size: 3vw;
    float: left;
/*    border: 0.267vw solid #eee;
    background-color: #fff;*/
/*    padding: 0.3rem 0.3rem;*/
    padding: 0.2rem 0.5rem;
    border-radius: 1.6vw;
    letter-spacing: 0.02vw;
/*    margin: 0.533vw;*/
/*    margin: 0.533vw 0 0.533vw;*/
    cursor: pointer;
}

.story_data .read_keyword_list > li:first-child,
.info_box .read_keyword_list > li:first-child {
/*    margin-left: 0;*/
}

.info_box .data_line.keyword_list_box{
    overflow-x: auto;
}

.info_box .keyword_list_box .read_keyword_list{
    /*margin-bottom: unset;*/
    /*display: flex;*/
    /*margin-bottom: 1.5vw;*/

    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0;
    margin: 0.5rem 0;
}

.info_box .keyword_list_box .read_keyword_list > li{
    flex-shrink: 0;
}

.detail_banner .banner {
    padding-right: 0.53vw;
    margin-bottom: 0vw;
}
.detail_banner > .banner img{
    width:100%;
    border: 1px solid #a1a1a1;
}

.pay_box * {
    /* font-size: 2.8vw; */
    letter-spacing: -1px;
}

.detail .btn_box {
    overflow: hidden;
    padding: 1.86vw;
}
.detail .btn_box .btn {
    /* height: 8vw; */
    /* width: 23.5%; */
    background: #428bca;
    /* font-size: 2.8vw; */
    /* font-weight: bold; */
    color: #fff;
    float: left;
    margin-right: 2%;
    border: none;
    border-radius: 0.8vw;
}
.detail .btn_box .btn:last-child {
    margin-right: 0;
}
.detail .btn_box .btn.btn_hot {
    background: #d9534f;
}
.detail .btn_box .btn.btn_soft , .detail .btn_box .btn.btn_soft > * {
    background: #5cb85c;
    /*font-size: 2.8vw;*/
    color: #fff;
    /*line-height: 130%;*/
}
.detail .btn .glyphicon-collapse {
    top: 0.8vw;
    margin-right: 1px;
    font-size: 3.73vw;
}



/* 탭 ui ========= */
.tabbtn_box {
    padding: 0 0.3rem;
}

.tabbtn {
    width: 23.5%; /*171130*/
   /* width: 31.5%;*/
    font-size: 4vw;
    /*font-weight: bold;*/
    color: #464646;
    display: inline-block;
    text-align: center;
    /*height: 10.66vw;*/
    line-height: 256%;
    border-top: 1px solid rgba(255, 255, 255, 0);
    border-left: 1px solid rgba(255, 255, 255, 0);
    border-right: 1px solid rgba(255, 255, 255, 0);
}
.tabbtn.on {
    border-top: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    background: #f2f2f2;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.tabview_box {
    margin-top: -1px;
}
.tabview {
    display: none;
    padding: 1vw;
    background: #f1f1f1;
    border: 1px solid #d7d7d7;
    overflow: hidden;
    border-radius: 0.3rem;
}
.tabview.on {
    display: block;
    /*padding-bottom: 10vw;*/
}

.tabview > div {
    border: 1px solid #d7d7d7;
    padding: 3%;
    background: #fff;
    border-radius: 0.3rem;
    margin: 0;
}
.tabview > .small_book_container {
    padding-top: 8%;
}

/*.tabview:nth-child(2) {
padding-bottom: 0vw;
}*/


/* 권 리스트 */
/*.vol_list{
    border: 1px solid #7d7d7d;
    padding: 3%;
    background: #fff;
    border-radius: 0.3rem;
}*/

.vol {
    position: relative;
    overflow: hidden;
    /*border: 1px solid #7d7d7d;*/
    margin-bottom: 1.86vw;
}
.vol:last-child {
    margin-bottom: 0vw;
}
.vol > div{
    pointer-events: none;
    font-size: 1rem;
}
.vol img {
    width: 100%;
    display: block;
}

.vol.manhwa_view{
    border-top: 1px solid #eee;
    padding: 3% 2%;
    margin-bottom: 0vw;
}

.vol.manhwa_view:nth-child(1){
    border-top:none;
}


/*--   ul  --*/
.vol ul {
    margin-bottom: 0vw;
}

/*--   li 1 이미지   --*/
.vol  .book_thumbnail.toon{
    width: 35%;
    float: left;
    padding: 0 2% 0 0;
}
.vol .book_thumbnail.toon div{
    overflow: hidden;
    position: relative;
    margin-top: 5%;
    border-radius: 0.3rem;
    /*border: 1px solid #efefef;*/
}
.vol .book_thumbnail.toon  img{
    width: 150%;
    max-width: 135%;
    -webkit-transform: translate(-10%,0%);
}

.vol .book_thumbnail.cover{
    width: 13%;
    float: left;
    margin-right: 4%;
}
.vol .book_thumbnail.cover  img{
    top: 50%;
    /*border: 1px solid #ededed;*/
    border-radius: 0.3rem;
}

.vol .book_thumbnail > div >  img{
    /*image-rendering: auto;*/
    image-rendering: -webkit-optimize-contrast;
}

.vol .book_thumbnail > div {
    /*box-shadow: 1px 1px 2.66vw #a1a1a1;*/
    box-shadow: 0vw 1px 0.8vw #908f8f;
}


/* li 2 정보 */
.vol .book_unit.toon{
    float: left;
    padding: 1% 0 1% 1%;
}

.vol .book_unit.cover{
    float: left;
    margin-top: 0%;
}

ul.book_unit li {
    line-height: normal;
}

.vol  .book_unit > li > span{
    color: #a1a1a1;
    font-size: 3.1vw;
}

.vol  .book_unit  .count{
    color:#616161;
    font-weight: bold;
    font-size: 1rem;
}

.vol  .book_unit >li >.count2{
    color: #616161;
}

.vol  .book_unit >li > .price1, .price2{
    letter-spacing: -0.106vw;
}


/* li 3 버튼 */
.vol  .book_btn{
    float: right;
}
.vol .book_btn >button {
    float: right;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: 50%;
    right: 2%;
    margin-top: -5%;
    width: 20%;
    padding: 2%;
}
.vol ul .free_unit {
    background: #5cb85c;
    color: #fff;
    font-size: 2.933vw;
}


/* -------------------- 이전 권 노출 버전
.vol > .free {
    padding: 1.6vw 3.2vw;
    background: rgba(236, 69, 21, 0.90);
    border: 1px solid #c4350b;
    !*font-size: 4.26vw;*!
    font-weight: bold;
    color: #fff;
    position: absolute;
    display: inline-block;
    top: -1px;
    right: -1px;
}
.vol > .free_page {
    padding: 1.6vw 3.2vw;
    background: rgba(53, 121, 112, 0.9);
    border: 1px solid #256860;
    font-size: 4.26vw;
    font-weight: bold;
    color: #fff;
    position: absolute;
    display: inline-block;
    top: -1px;
    right: -1px;
}
.vol > .count {
    padding-left: 3%;
    position: absolute;
    bottom: 0vw;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    !* font-size: 5.33vw; *!
    font-weight: bold;
    width: 100%;
    !* height: 10.66vw; *!
    line-height: 240%;
    font-size: 4vw;
}
.vol.free_vol > .count {
    background:rgba(216, 71, 28, 0.8);
}
.vol.free_page > .count {
    background:rgba(53, 121, 112, 0.8);
}
.vol > .date {
    position: absolute;
    left: 1%;
    top: 1%;
}
.vol > .price1 {
    position: absolute;
    bottom: 5%;
    right: 1%;
    color: #f9ad81;
    !*font-size: 2.4vw;*!
    background: #3f3c3a;
    text-align: center;
    padding: 0 1.6vw;
    border-radius: 0.8vw;
}

.vol > .price2 {
    position: absolute;
    bottom: 5%;
    right: 25%;
    color: #f9ad81;
    !*font-size: 2.4vw;*!
    background: #3f3c3a;
    text-align: center;
    padding: 0 1.6vw;
    border-radius: 0.8vw;
}
----------------------------------*/

/* 리뷰 */
.review_write .ment {
    font-size: 3.2vw;
    font-weight: bold;
    color: #464646;
}
.ment .hot {
    color: #f26c4f;
}
.review_write .subment {
    font-size: 2.4vw;
    color: #898989;
    line-height: 2.93vw;
}
.cmt_write {
    position: relative;
}
.cmt_write .label {
    font-size: 3.2vw;
    font-weight: bold;
    color: #0054a6;
    display: inline-block;
    margin-top: 2.66vw;
}

.btn_confirm {
    position: absolute;
    top: 1.06vw;
    right: 0vw;
    border: none;
    color: #fff;
    background: #07437f;
    font-size: 3.2vw;
    width: 27.46vw;
    height: 6.93vw;
    border-radius: 0.8vw;
}
.cmt_textarea {
    width: 100%;
    margin-top: 2.66vw;
    height: 21.33vw;
    display: block;
}

/* 코멘트 리스트 */
.review_view {
    margin: 2.66vw -0.709vw -0.709vw -0.709vw;
    border-radius: 0.3rem;
}
.review_list {
    position: relative;
}
.review_title {
    padding: 1.33vw 2.66vw;
    border-top: 1px solid #AAAAAA;
    background: #d7d7d7;
    font-size: 3.2vw;
    color: #464646;
}
.delete_btn {
    width: 5.33vw;
    height: 4.53vw;
    position: absolute;
    right: 2.13vw;
    top: 1.6vw;
}
.delete_btn img {
    width: 100%;
    display: block;
}
.review_cmt {
    padding: 0.8vw 2.66vw;
    background: #f2f2f2;
    font-size: 3.2vw;
}

.star_bg.review_s.size_m{
    background: url(/img/star_s_off.png) no-repeat;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 0.4vw;
    width: 20vw;
    background-size: 20vw;
    line-height: 100%;
}

.star_on.review_s.size_m{
    height: 3.8vw;
    background: url(/img/star_s_on.png) no-repeat;
    display: block;
    overflow: hidden;
    background-size: 20vw;
}
.book_info_btn{
    cursor: pointer;
    position: absolute;
    right: 0vw;
    bottom: 0vw;
    opacity: 0.8;
    /* height: 12%; */
    width: auto;
    min-width: 26%;
    text-align: center;
    line-height: 185%;
    color: #363636;
    border-radius: 0.533vw;
    background-color: #f2f2f2;
    letter-spacing: -0.186vw;
}

.review_avg .star_bg{
    background: url(/img/star_s_off.png) no-repeat;
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 20vw;
    height: 5vw;
    background-size: 20vw;
    line-height: 100%;
}

.review_avg .star_on{
    height: 5vw;
    background: url(/img/star_s_on.png) no-repeat;
    display: block;
    overflow: hidden;
    background-size: 20vw;
}

.star_bg.review_s{
    background: url(/img/star_s_off.png) no-repeat;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 0.4vw;
    width: 15vw;
    background-size: 15vw;
    line-height: 100%;
}

.star_on.review_s{
    height: 3vw;
    background: url(/img/star_s_on.png) no-repeat;
    display: block;
    overflow: hidden;
    background-size: 15vw;
}



/* 디테일 페이지 끝 ===============*/













/* 슬라이딩 갤러리 로딩 삭제 */
.preload_32{
    display: none;
}



/* 카테고리 */
/*.all_service .line{*/
/*    height: 1px;*/
/*    background: #999;*/
/*}*/
.in_box {
     background: #fff;
    margin-top: 0vw;
    margin-bottom: 4.8vw;
}

.service{
    width: 100%;
}

.service .title {
    height: 9.6vw;
    font-size: 4.26vw;
    font-weight: bold;
    color: #0c3566;
    margin-bottom: 0;
    background-color: #f7f7f7;
    padding: 2.133vw 5.6vw;
}

.service .title a {
    font-size: 4.26vw;
    font-weight: bold;
    color: #0c3566;
    text-decoration: none;
}

.service .title a > span {
    float: right;
    margin-top: 1.333vw;
}

.cate_m {
    overflow: hidden;
    position: relative;
    background: #fff;
    /*border: 0.267vw solid #eee;*/
    border-bottom: 0.267vw solid #ccc;
    margin-bottom: 0;
}

.cate_m > li {
    position: relative;
    width: 50%;
    float: left;
    border-bottom: 0.267vw solid #eee;
}

.cate_m li:last-child,
.cate_m li:nth-last-child(2) {
    border-bottom: none;
}

.cate_m > li:nth-of-type(odd) {
    border-right: 0.267vw solid #eee;
}

.cate_m > li > a {
    text-decoration: none;
    display: block;
    padding: 3.2vw 1.333vw 3.2vw 5.6vw;
    line-height: 4.267vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #363636;
}

.cate_m svg {
    margin-top: -0.533vw;
    vertical-align: middle;
    margin-right: 2%;
    background-color: #b4d4f542;
    border-radius: 0.267vw;
}

.cate_m img {
    width: 9%;
    vertical-align: middle;
    position: relative;
    border: 0vw;
    margin-right: 1%;
    top: -0.267vw;
}

.app_division{
    display: none;
}


/* mobile_top() 함수 페이지 .mobile_body */
/*.mobile_body {*/
    /*padding-top: 11%;*/
/*}*/

.mobile_body.notice {
    padding: 14% 4% 4%;
}



.mobile_body .top_bar {
    padding: 2% 4%;
    font-size: 3.2vw;
    color: #616161;
    background: #e0e5eb;
    border-top: 1px solid #c5cdd1;
    border-bottom: 1px solid #c5cdd1;
    position: relative;
    display: flex;
    align-items: center;
}

.mobile_body .top_bar font {
    font-size: 3.2vw;
}

.mobile_body .container{
    padding: 4vw;
}




/* 북마크 시작 */
.bookmark_list a {
    position: relative;
}

.bookmark_list .bm_type {
    font-size: 3vw;
    padding: 0.1rem 0.5rem;
    border-radius: 0.3rem;
    letter-spacing: 0.02vw;
    display: inline-block;
}

.bookmark_list .adult {
    width: 4vw;
    height: 4vw;
    position: absolute;
    top: 0.5vw;
    right: 0.5vw;
    border: none;
}

.bookmark .del_btn {
    position: absolute;
    right: 2%;
    font-size: 3vw;
    /*top: 2.66vw;*/
}
.bookmark .sub_cmt {
    height: 8vw;
    line-height: 8.53vw;
    margin-left: 2.66vw;
    font-size: 2.66vw;
    border-bottom: 1px solid #f6f6f6;
}
.bookmark_list {
    /*position: relative;*/
    padding: 2.66vw;
    border-bottom: 1px solid #f6f6f6;
    overflow: hidden;
    display: flex;
    /*align-items: center;*/
    gap: 2vw;
}

.bookmark_list > div {
    flex: 0 0 auto;
}

.bookmark_list > .cent {
    flex: 1 1 auto;        /* flex: 1; 과 동일 (남는 공간 다 먹기) */
    min-width: 0;          /* 긴 텍스트 줄바꿈/축소 허용 */
    overflow: hidden;      /* 선택: 넘치는 내용 숨기기 */
    text-overflow: ellipsis; /* 선택: ... 처리 */
    white-space: nowrap;   /* 선택: 한 줄만 표시 */
}

.bookmark_list img {
    height: 21.3vw;
    margin-top: 1vw;
    float: left;
    box-shadow: 0.267vw 0.267vw 1.6vw #9c9c9c;
    border-radius: 0.3rem;
}
.bookmark_list img.book_pay{
    /*margin: 0 5.33vw 0 2.66vw;*/
}
.bookmark_list span.book_pay{
    font-size: 3.2vw;
    color:#eb4249;
}
/*.bookmark_list .cb {*/
/*    position: absolute;*/
/*    top: 12vw;*/
/*    left: 2.66vw;*/
/*}*/
.bookmark_list .title {
/*    font-size: 3.5vw;*/
/*    color: #252525;*/
}
.bookmark_list .volpage {
/*    font-size: 3.46vw;*/
    color: #0054a6;
}
.bookmark_list .author, .bookmark_list .author > a {
    font-size: 3.2vw;
    color: #707070;
/*    line-height: 156%;*/
}
.bookmark_list .date {
    font-size: 3.2vw;
    color: #616161;
 /*   height: 5.86vw;
    letter-spacing: -0.13vw;
    display: inline-block;
    margin: 1.06vw 1.33vw -1.06vw 0vw;*/
}

.bm_type {
    font-size: 3vw;
    letter-spacing: -0.13vw;
    background: #006eb0;
    color: #fff;
/*    padding: 1px 0.53vw 0vw 0.53vw;*/
    padding: 0 1vw;
    /*opacity: 0.3;*/
    border-radius: 0.3rem;
/*    display: inline-flex;
    align-items: center;*/
}

.list_rank .bm_type {
    padding: 0.2rem 0.5rem;
}

.bm_type.new_position {
    /*z-index: 100;*/
    position: absolute;
    bottom: 0vw;
    left: 0vw;
/*    font-size: 2.6vw;*/
    font-size: 3vw;
    opacity: 0.85;
    letter-spacing: -0.2vw;
    border-radius: 0.3rem;

    height: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review_won {
    position: absolute;
    bottom: 0vw;
    right: 0vw;
    font-size: 0.7rem;
    opacity: 0.85;
    letter-spacing: -0.2vw;
    border-radius: 0.3rem;
    width: 20%;

    height: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;

    color: #212529;
    background-color: #f3f3f3;
    border-color: #dcdcdc;
}

.bm_type.yun {
/*    background: #108E06;*/
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.bm_type.end {
/*    background: #CA2949;*/
    background-color: #dc3545;
    border-color: #dc3545;
}

.bm_type.prem.novel {
    background: #009666;
    border-color: #048a5f;
}

.bm_type.prem {
    background-color: #a863a8;
    border-color: #884f88;
}

.bm_type.free {
    background: #f47b8b;
}

.bm_type.basic {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}


/*.view_btn {*/
/*    position: absolute;*/
/*    bottom: 8vw;*/
/*    right: 2.66vw;*/
/*}*/


/* 시간결제내역 */
.time img.time_title{
    width: 64vw;
    position: absolute;
    top: 3.2vw;
    left: 17.33vw;
}

.time .pay_term {
    border: 1px solid #ccc;
    overflow: hidden;
    border-radius: 1.067vw;
}


.time .pay_term > div:nth-child(1){
    width: 40%;
    float: left;
    text-align: center;
    height: 11.2vw;
    line-height: 11.2vw;
    font-size: 3.2vw;
    border-right: 0.267vw solid #e3dfdf;
}

.time .pay_term > div:nth-child(2) {
    width: 58%;
    float: left;
    text-align: center;
    height: 11.2vw;
    line-height: 11.2vw;
    font-size: 3.2vw;
    color: #337ab7;
}

.time .pay_term > .title {
    background: #f7f7f7;
    border-right: 1px solid #eee;
}
.time_list {
    width: 100%;
    text-align: center;
    border-spacing: 0;
}

.time_list tr {
    height: 8.8vw;
}

.time_list thead td {
    height: 6.4vw;
    line-height: 6.4vw;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 3.2vw;
    color: #464646;
    background: #f7f7f7;
    position: relative;
}

/*.time_list thead td:nth-child(1) {*/
/*    border-left: 1px solid #8297b1;*/
/*}*/

/*.time_list thead td:nth-last-child(1) {*/
/*    border-right: 1px solid #8297b1;*/
/*}*/

/*.time_list thead td span {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0vw;*/
/*    width: 0.2vw;*/
/*    height: 8vw;*/
/*    background: #8297b1;*/
/*}*/

.time_list tbody td {
    line-height: 241%;
    border-bottom: 1px solid #e6e6e6;
    font-size: 3vw;
    color: #636363;
}
.time_list tbody tr:nth-last-child(1) td {
    border-bottom: 1px solid #e6e6e6;
}



/* 고객센터 */
.help .container > * {
    margin-bottom: 2.66vw;
}
.help .container > *:nth-last-child(1) {
    margin-bottom: 0vw;
}
.help .container > .help_box{
    border: 1px solid #c0c0c0;
}

.help_search .input{
    overflow: hidden;
}
.help_search .title{
    font-size: 3.2vw;
    color: #555555;
    margin-bottom: 0.53vw;
}
.help_search .title img{
    width: 4vw;
    vertical-align: sub;
}
.help_search .input > *{
    float: left;
}
.help_search .input > .help_text{
    width: 75%;
    height: 5.6vw;
    margin-right: 2%;
    border: 1px solid #c0c0c0;
    font-size: 3.2vw;
    line-height: 3.73vw;
    padding-top: 0.53vw;
    border-radius: 0vw;
    padding-left: 2%;
}
.help_search .input > .help_btn{
    width: 20%;
    height: 6.66vw;
    border: none;
    background: #636363;
    color: #fff;
    font-size: 3.2vw;
    padding-top: 0.53vw;
    border-radius: 0vw;
}
.help_box .sub_title_bar {
    background: #f7f7f7;
    position: relative;
    padding: 1.33vw 2.66vw;
    border-bottom: 1px solid #c0c0c0;
}
.help_box .sub_title_bar.clear_bottom {
    border-bottom: none;
}
.help_box .sub_title_bar .title {
    color: #555555;
    font-size: 3.2vw;
    height: 3.73vw;
    line-height: 4.26vw;
}
.help_box .sub_title_bar .more {
    position: absolute;
    top: 1.06vw;
    right: 1.33vw;
    font-size: 2.66vw;
}
.help_box .info {
    padding: 3.2vw;
    position: relative;
}
.help_box .info_text {
    font-size: 3.2vw;
    color: #555555;
    height: 14.66vw;
}
button.tel {
    background: #3a5676;
    font-size: 2.66vw;
    color: #fff;
    width: 26.66vw;
    height: 5.33vw;
    line-height: 5.33vw;
    border: none;
    position: absolute;
    top: 2.66vw;
    left: 43.73vw;
}
button.tel > img {
    vertical-align: sub;
    width: 2.93vw;
}

.help_box .sub_title_bar img.arrow {
    width: 1.33vw;
    position: absolute;
    top: 1.86vw;
    right: 2.13vw;
}

/* 고객센터 자주하는 질문 BEST */
.qna_list{
    position:relative;
    overflow: hidden;
    padding: 0.53vw 2.13vw 1px 2.13vw;
    border-bottom: 1px solid #ECECEC;
}
.qna_list > *{
    float: left;
    margin-right: 1.06vw;
}
.qna_list .section {
    font-size: 2.4vw;
    color: #0076a3;
    width: 9.6vw;
}
.qna_list .q_icon {
    font-size: 3.73vw;
    color: #2071c9;
    font-weight: 900;
}
.qna_list .subject {
    font-size: 2.66vw;
    color: #555555;
}
.qna_list .fold_icon {
    border: 1px solid #d9d9d9;
    width: 6.4vw;
    height: 3.73vw;
    line-height: 4.53vw;
    text-align: center;
    position: absolute;
    right: 1px;
    top: 0.8vw;
}
.qna_list .fold_icon > span {
    line-height: 4.26vw;
}
.qna_list .fold_icon > span:nth-child(1){
    display: inline-block;
}
.qna_list .fold_icon > span:nth-child(2){
    display: none;
}
.qna_list.on .fold_icon > span:nth-child(1){
    display: none;
}
.qna_list.on .fold_icon span:nth-child(2){
    display: inline-block;
}
.qna_list .comment {
    width: 96%;
    padding: 2%;
    font-size: 2.93vw;
    display: none;
}
.qna_list .comment img {
    width: 100%;
}
.qna_list.on .comment {
    display: block;
}


/* 게시판형식 리스트 */
.genre_box {
    border: 0.53vw #1775d5 solid;
    overflow: hidden;
    margin: 1%;
    border-radius: 0.3rem;
    padding: 3% 0%;
    display: none;
}

.genre_box .board_list {
    margin: 0.2rem 0;
    float: left;
    width: 33%;
    text-align: center;
}


.board_box .board_list{
    position: relative;
    overflow: hidden;
    font-size: 3vw;
    margin: 4% 0;
}
.board_list > .genre_name {
    margin: 0 auto;
    font-size: 0.9rem;
    /*letter-spacing: -0.186vw;*/
}
.board_list > .genre_name.on {
    color: #1775d5;
}


/* 게시판형식 보기 */
.board_view .section {
    color: #2e3192;
    width: 14.4vw;
}
.board_view .comment {
    padding: 3.2vw;
}
.board_view .comment img {
    max-width: 100%;
}
.board_view .btn_box {
    padding: 2.66vw;
    overflow: hidden;
    margin-bottom: 5.33vw;
}
.board_view .btn_box > *{
    float: right;
}
.board_view .btn_box button {
    background: #1775d5;
    font-size: 2.66vw;
    color: #fff;
    width: 16vw;
    height: 6.93vw;
    line-height: 6.93vw;
    border: none;
}



/* 1:1문의하기 */
.board_write{
    padding: 2.66vw;
}
/*.board_write input[type="text"]{
    width:100%;
    height: 6.4vw;
    padding-left: 2%;
    border: 1px solid #c6c6c6;
    font-size: 3.2vw;
}*/
.board_write textarea{
    height: 26.66vw;
}
.board_write .btn_box{
    text-align: center;
    padding: 2.66vw;
}
/*.board_write .btn_box button {
    background: #1775d5;
    font-size: 2.66vw;
    color: #fff;
    width: 16vw;
    height: 6.93vw;
    line-height: 6.93vw;
    border: none;
}*/
.board_write .btn_box button.sub {
    background: #e1e1e1;
    color:#555555;
}
.write_table {
    background: #c2c2c2;
    border-spacing: 1px;
    width: 100%;
}
.write_table td {
    background: #fff;
    padding: 1.06vw;
}
.write_table tr td:nth-child(1) {
    background: #f7f7f7;
    color: #464646;
    width: 20%;
    padding: 2.13vw 0 0 2.13vw;
    font-size: 1rem;
}
.write_table tr td:nth-child(2) {
    background: #fff;
    width: 80%;
}



/* 아름머니 */
.arum_form .box_head{
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7;
    line-height: 9vw;
    padding-left: 2.66vw;
    font-size: 4vw;
    color: #464646;
    margin-top: 5vw;
}
.arum_form .box_head.info{
    color: #004a80;
}
.arum_form .box_body{
    border: 1px solid #dfdfdf;
    border-top: 0vw;
    background-color: #ffffff;
    padding: 1.86vw;
    margin-bottom: 1.86vw;
}
.arum_form .box_body.info{
    font-size: 2.93vw;
}
.arum_form .box_body.info *{
    font-size:1rem;
}
.text_blue{
    color:#004a80;
}
.text_brown{
    color:#754c24;
}
.arum_form .box_body:nth-last-child(1){
    margin-bottom: 0vw;
}

.arum_form tr.chk > td{
    background-color: #f4fbfe;
}

.form-select.orange{
    border: 1px solid #f7941d;
}



.radio_inh{
    position: inherit;
    top: 1px;
}


.arum_table{
    width:100%;
    border:0;
}

.arum_table tr{
    height:8vw;
}

.arum_table td{
    font-size: 1rem;
}

.arum_table label {
    font-size: 3.5vw;
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 0.2rem;
}

.top_radio_box label {
    width: 49%;
    display: inline-block;
    text-align: center;
    height: 10.66vw;
    line-height: 11.2vw;

}
.top_radio_box .phone_img{
    vertical-align: -1.86vw;
    width: 4.8vw;
}
.top_radio_box .card_img{
    vertical-align: text-bottom;
    width: 6.66vw;
}



/* 고객센터, 마이페이지 */


.group_menu .title {
    width: 100%;
    height: 8vw;
    line-height: 8vw;
    padding-left: 5.33vw;
    font-size: 1rem;
    color: #252525;
    background: #e0e5eb;
    border-top: 1px solid #b6b9bb;
    border-bottom: 1px solid #b6b9bb;
}

.group_menu .g_icon_box {
    overflow: hidden;
    margin: 0 -1.33vw;
    padding: 2.66vw 4vw;
}

.group_menu .g_icon_box img {
    /*width: 16.8vw;*/
    height: 12vw;
}

.group_menu .g_icon {
    width: 33%;
    float: left;
    text-align: center;
    margin-bottom: 5%;
    margin-top: 1%;
}
.group_menu .g_icon .name {
    font-size: 3vw;
    color: #252525;
    margin-top: 5%;
}




.listpage_banner {
    border-bottom: 1px solid #e5e5e5;
    margin-top: 0vw;
}
.listpage_banner img {
    width: 100%;
    display: block;
}

/* 서브 배너 */
.subpage_banner{
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 2.66vw;
    display: block;
}
.subpage_banner img {
    width: 100%;
    display: block;
}

.table_01 input {
    width: 100%;
    background-color: #fff;
    font-size: 1rem;
    line-height: 11vw;
    height: 11vw;
}








/* sms 이벤트 팝업 시작 =================== */
.sms_popup{
    position: fixed;
    z-index: 1001;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.sms_popup.on{
    display: block;
}
.sms_popup .bg{
    background-color:#000000;
    opacity:0.5;
    height: 100%;
}
.sms_popup > .body {
    position: absolute;
    background: #dbe2ed;
    left: 50%;
    top:50%;
    width: 80vw;
    margin-left: -40vw;
    height: 45.33vw;
    margin-top: -17.33vw;
}

.sms_popup > .body > .head {
    height: 9.33vw;
    background: #0c3566;
}

.sms_popup > .body > .head > .title {
    color: #fff;
    padding: 2.4vw;
    font-size: 3.46vw;
}
.sms_popup > .body > .head > .close {
    color: #fff;
    position: absolute;
    top: 0vw;
    right: 0vw;
    font-size: 4vw;
    height: 9.33vw;
    line-height: 9.33vw;
    width: 9.33vw;
    text-align: center;
}
.sms_popup > .body > .msg_box {
    width: 80vw;
}
.sms_popup > .body > .msg_box > .msg_txt {
    font-size: 3.73vw;
    margin: 5.33vw 5.33vw 3.73vw;
    background: #fff;
    padding: 5.33vw 2.66vw;
}
.sms_popup > .body > .button_box {
    overflow: hidden;
    margin-left: 5.33vw;
}
.sms_popup > .body > .button_box > div {
    width: 32vw;
    float: left;
    text-align: center;
    color: #fff;
    height: 6.66vw;
    line-height: 7.2vw;
    font-size: 3.2vw;
}
.sms_popup > .body > .button_box > .send_btn {
    background: #78bf2d;
}
.sms_popup > .body > .button_box > .cancel_btn {
    background: #a1a1a1;
    margin-right: 5.33vw;
}
/* sms 이벤트 팝업 끝 =================== */
tr.phone_list.no {
    background: #E9E9E9;
}
tr.phone_list.no > td {
    color: #BDBDBD;
}



/* 키워드 알림설정 페이지 */
#keyword_select {
    width: 100%;
    height: 8.8vw;
    font-size: 3.2vw;
    line-height: 3.73vw;
    border-radius: 1.06vw;
    border: 1px solid #0054ae;
    background: #fff;
}
.keyword .h_space {
    height: 1.6vw;
}
.keyword .keyword_tf {
    border: 1px solid #0054ae;
    box-sizing: border-box;
    width: 100%;
    text-indent: 1.86vw;
    height: 8.8vw;
    border-radius: 1.06vw;
}
.center_btn_box {
    text-align: center;
    padding: 3.73vw 0 1.6vw 0;
}

.center_btn_box > .center_btn {
    width: 18.66vw;
    height: 6.93vw;
    line-height: 7.46vw;
    display: inline-block;
    background: #1776d6;
    color: #fff;
    border-radius: 1.06vw;
}
.null_desc {
    font-size: 3.2vw;
    padding: 10.66vw;
    background: #f6f6f6;
    text-align: center;
}
.keyword_box {
    min-height: 53.33vw;
}
.key_list {
    border: 1px solid #efefef;
    padding: 1.6vw 3.2vw;
    font-size: 3.73vw;
    font-weight: 900;
    position: relative;
    vertical-align: bottom;
}
.key_list .key_type {
    font-size: 2.93vw;
    color: #939393;
    margin-right: 2.66vw;
}
.key_list .close_btn {
    position: absolute;
    right: -1px;
    top: -1px;
    border: 1px solid #F2F2F2;
    color: #C7C7C7;
    width: 8.53vw;
    text-align: center;
    height: 8.53vw;
    line-height: 9.06vw;
}







/* 빈데이터 */
.null_data{
    width:100%;
}





/* 아름머니 충전 빈 페이지 */
.arum_block {
    height: 66.66vw;
}
.arum_block > div {
    font-size: 3.2vw;
    text-align: center;
}
.arum_block > div:nth-child(1) {
    padding-top: 26.66vw;
}
.arum_block fieldset {
    padding: 2.66vw;
    font-size: 3.2vw;
}
.arum_block legend {
    padding: 0 1.33vw;
}
.arum_block .ipin_info{
    margin: 10.66vw 0vw 2.66vw;
}


/* Fallback styles */
.book > img {
    display: inline-block;
    box-shadow: 1px 1px 1.06vw #333;
    vertical-align: middle;
    border-radius: 0.3rem;
}

.pay_month {
    color: #fff;
    text-align: center;
    border-radius: 1.06vw;
    height: 10.66vw;
    line-height: 10.93vw;
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
    font-size: 4vw;
}

/*
 *  In order for this to work, you must use Modernizer
 *  to detect 3D transform browser support. This will add
 *  a "csstransforms3d" class to the HTML element.
 *
 *  Visit http://modernizr.com/ for installation instructions
 */

.csstransforms3d  .books {
    -moz-perspective: 26.66vw;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.csstransforms3d  .book {
    position: relative;
    -moz-perspective: 26.66vw;
    -moz-transform: rotateY(-3deg);
    -webkit-transform: perspective(100) rotateY(-3deg);
    outline: 1px solid transparent; /* Helps smooth jagged edges in Firefox */
    box-shadow: none;
    margin: 0;
}

.csstransforms3d  .book img {
    position: relative;
    max-width: 100%;
}

.csstransforms3d  .book:before,
.csstransforms3d  .book:after {
    position: absolute;
    top: 2%;
    height: 96%;
    content: ' ';
    z-index: -1;
}

.csstransforms3d  .book:before {
    width: 100%;
    left: 7.5%;
    background-color: #5a2d18;
    box-shadow: 1.33vw 1.33vw 5.33vw #333;
}

.csstransforms3d  .book:after {
    width: 5%;
    left: 100%;
    background-color: #EFEFEF;
    box-shadow: inset 0vw 0vw 1.33vw #aaa;
    -moz-transform: rotateY(20deg);
    -webkit-transform: perspective(100) rotateY(20deg);
}

.csstransforms3d  .book2:before { background-color: #333; }
.csstransforms3d  .book3:before { background-color: #254053; }

.appdown {
    background: #ae2c36;
    text-align: center;
    /*padding-top: 2.66vw;*/
    width: 100%;
    display: none;
}
.appdown > div {
    display: inline-block;
}
.appdown img {
    width: 100%;
}

.appdown button {
    position: absolute;
    top:2.2%;
    right: 0%;
}

.appdown button img {
    width: 35%;
    border: 0;
    display: block;
}

.closeBtn {
    border: 0 none;
    background-color: transparent;
    cursor: pointer;
    overflow: visible;
}

.free_book_band_108x157 {
    position: absolute;
    background-color: #1775d5;
    opacity: 0.9;
    /* filter: alpha(opacity=90); */
    border-top: solid 1px #F5F5F5;
    border-bottom: solid 1px #F5F5F5;
    width: 99%;
    height: 4.8vw;
    line-height: 5.06vw;
    left: 0vw;
    color: #fff;
    font-size: 2.93vw;
    text-align: center;
    padding-top: 1px;
}

.free_book_band_108x157 > .won_text {
    font-size: 9pt;
    color: #f5f5f5;
}

.table_line_dfdfdf tr {
    height: 8vw;
}

.table_line_dfdfdf td {
    border: 1px solid #DFDFDF;
    padding: 0.53vw 1.33vw;
    background-color: #fff;
}

.table_line_dfdfdf * {
    font-size: 3vw;
}

.table_line_dfdfdf.f35 * {
    font-size: 1rem;
}

/*.btn {*/
/*    font-size: 3vw;*/
/*}*/

.contents_box .more > a {
    border: none;
    background-color: unset;
    /*border-color: #eee;*/
    color: #888;
    font-size: 0.9rem;
}

.contents_box .more > a > .glyphicon {
    color: #888888;
    top: 0.53vw;
    font-size: 1rem;
    vertical-align: unset;
}

.keyword_div {
    width: 93%;
    margin: 0 auto;
    line-height: 8vw;
    text-align: center;
    overflow: hidden;
}

.keyword_idx {
    color: #616161;
    padding: 0.8vw 1.6vw 1px 1.6vw;
    box-shadow: 0 1px 0.8vw rgba(0,0,0,.1);
    margin: 1% 1%;
    font-size: 4vw;
    background: #fff;
    border-radius: 1.33vw;
    border: 1px solid #e1e1e1;
    display: inline-block;
}

.overview {
    width: 100%;
}

.overview > ul {
    margin: 2vw 2vw 20vw;
    padding: 0 1vw;
    overflow: hidden;
}

.overview > ul > li {
    float: left;
    width: 32%;
    list-style: none;
}

.overview > ul > li  > ul > li {
    float: left;
    height: 8vw;
    padding-left: 1vw;
}

.overview > ul > li .unity_pay_free {
    border: 1px solid #4cae4c;
    font-size: 3vw;
    border-radius: 1vw;
    padding: 0.2vw 0.6vw;
    line-height: 1.5;
    margin: -0.1vw 0 0 0.3vw;
    letter-spacing: -0.2vw;
}

.overview > ul > li .unity_pay_coin {
    border: 1px solid #c5c3c3;
    font-size: 3vw;
    border-radius: 1vw;
    padding: 0.2vw 0.6vw;
    line-height: 1.5;
    margin: -0.1vw 0 0 0.3vw;
}

.tab_jakpum_info  .pay_info {
    color: #BE3F18;
    font-size: 2.5vw;
    margin-left: 1vw;
    letter-spacing: -0.13vw;
}

.pay_all_chk {
    color: #BE3F18;
    margin-right: 2vw;
    font-size: 3vw;
}

#notice_txt * {
    font-size: 3vw;
}

#pay_bottom .arum_btn {
    border: 1px solid #f46a48;
/*    padding: 1vw 0.5vw;*/
    background-color: #ef4021;
    width: 96%;
    color: #ffffff;
    border-radius: 1vw;
    height: 100%;
    font-size: 0.875rem;
    line-height: 120%;
}

#pay_btn {
    border: 1px solid #3a5676;
    /*padding: 1vw 0.5vw;*/
    background-color: #3a5676;
    width: 96%;
    color: #00ffff;
    border-radius: 1vw;
    height: 100%;
    font-size: 0.875rem;
    line-height: 120%;
}

.recom_txt span, .review_top_txt span {
    font-size: 3.2vw;
    letter-spacing: -0.1vw;
}

.fot_telno {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    line-height: inherit;
}

#s_login [id$="_login"] {
    text-align: left;
    padding: 2vw 0 2vw 19vw;
    border: 0.267vw;
    cursor: pointer;
    margin: 2vw 0;
    display: block;
    border: 0.267vw solid #d6d6d6;
    border-radius: 0.533vw;
}

.sns_ds{
    margin-top: 4vw;
    padding: 2vw 1vw;
    background-color: #f5f5f5;
    font-size: 3.2vw;
    border: 0.267vw solid #d6d6d6;
    border-radius: 1.533vw;
}

.navi_btn[data-name="shorts"]:not(.on) {
    color: #cb4755;
}

.navi_btn[data-name="wait_free"]:not(.on) {
    color: #cb4755;
}

.indent-list {
    list-style: none;
    padding-left: 0;
}

.indent-list li {
    position: relative;
    padding-left: 1.5em; /* - 기호 이후 여백 */
    text-indent: -1em; /* 줄바꿈 시 - 기호 위치 유지 */
    margin: 0.5rem 0;
}