/* Common */
html,
body {
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;;
    margin: 0;
    padding: 0;
}
.container {
    margin: 0 auto;
    width: 960px;
}
.container:after {
    display: block;
    content: '';
    clear: both;
}
.blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}
/* Button */
.btn_basic {
    display: block;
    margin: 0 auto;
    height: 36px;
    text-align: center;
    font-size: 15px;
    color: #323643;
    line-height: 34px;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    cursor: pointer;
}
.btn_more_cate {
    width: 126px;
}
.btn_more_list {
    margin: 50px auto;
    width: 326px;
    height: 52px;
    line-height: 52px;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 10px;
    font-size: 16px;
}
.btn_more_list img {
    width: 20px;
    vertical-align: sub;
    margin-left: 4px;
}
/* Input */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s;
    -webkit-text-fill-color: #000 !important;
}
/* Select */
.custom-select {
    position: relative;
}

.custom-select select {
    display: none; /*hide original SELECT element: */
}

.select-selected {
    background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    padding: 9px 16px;
    cursor: pointer;
    background: #fff url("../image/user/arrow_select.png") no-repeat 95% 14px;
    -webkit-background-size: 16px;
    background-size: 16px;
}
.select-items div {
    background: #fff;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.select-items {
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    margin-top: -1px;
}
.select-hide {
    display: none;
}
/* Page Common */
.w_page_title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}


.page_header {
    padding-top: 155px;
    width: 100%;
    height: 250px;
    background: url("../image/user/bg_review_detail_header.png") no-repeat center;
    background-size: cover;
}
.page_header h2 {
    display: inline-block;
    margin-right: 60px;
    font-weight: normal;
    font-size: 24px;
    line-height: 39px;
    align-items: center;
    letter-spacing: -0.05em;
    color: #fff;
}
.page_header h2 + span a {
    display: inline-block;
    color: rgba(255, 255, 255, 0.5);
}
.page_header h2 + span a:after {
    display: inline-block;
    content: '';
    clear: both;
    margin: 0 20px;
    width: 1px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.5);
}
.page_header h2 + span a:last-child:after {
    display: none;
}
.page_header h2 + span a.on {
    color: #fff;
}
.page_header.header_both h2 {
    float: left;
}
.page_header.header_both h2 + span {
    float: right;
}
.page_header.header_both h2 + span img {
    width: 16px;
    vertical-align: middle;
}
.page_header.header_both h2 + span span {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: right;
    letter-spacing: -0.05em;
    text-decoration-line: underline;
    color: #fff;
    vertical-align: text-top;
    margin-left: 10px;
}
.page_booklist .page_header {
    background: url("../image/user/bg_review_header.png") no-repeat center;
    background-size: cover;
}
.page_booklist .btn_more_cate {
    margin-bottom: 60px;
}
.page_content_wrap.form_registration {
    position: relative;
    background-color: rgba(249, 249, 249, 0.5);
}
.page_content_wrap .container {
    padding: 100px 0;
}
.book_list:after {
    display: block;
    content: '';
    clear: both;
}
.book_list li {
    position: relative;
    float: left;
    margin-right: 20px;
    /*margin-bottom: 60px;*/
    /*width: calc(20% - 16px);*/
    margin-bottom: 20px;
    width: calc(100% / 7 - 18px);
    height: 175px;
}
.book_list li:nth-child(7n) {
    margin-right: 0;
}
.book_list li .btn_chk {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../image/user/icon_check_off.png) no-repeat center;
    -webkit-background-size: 22px;
    background-size: 22px;
}
.book_list li .btn_chk.on {
    background: url(../image/user/icon_check_on.png) no-repeat center;
    -webkit-background-size: 22px;
    background-size: 22px;
}
.book_list li .ebook {
    position: absolute;
    top: 7px;
    left: 8px;
    width: 40px;
    height: 40px;
}
.book_list li .ebook img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.book_list li a {
    display: block;
    padding: 2px;
    width: 100%;
    height: 100%;
}
.book_list li img {
    /*margin-bottom: 34px;*/
    width: 100%;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2);
}
.book_list li h4 {
    display: none !important;
    font-size: 16px;
    line-height: 26px;
    color: #000;
    letter-spacing: -0.05em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.book_list li p {
    display: none;
    font-size: 16px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.5);
    letter-spacing: -0.05em;
}
.book_list li a img {
    /*height: 266px;*/
    /*height: 200px;*/
    height: auto;
}
.page_header.detail_header {
    height: 442px;
    background: url("../image/user/bg_review_detail_header.png") no-repeat center;
    background-size: cover;
}
.page_header.detail_header .detail_header_gerne {
    display: none;
}
.page_header.detail_header h1 {
    font-weight: normal;
    font-size: 30px;
    line-height: 48px;
    letter-spacing: -0.03em;
    color: #fff;
    font-family: 'Nanum Myeongjo', serif;
}
.page_header.detail_header .reviewer_info_wrap {
    margin-top: 15px;
}
.page_header.detail_header .reviewer_info_wrap:after {
    display: block;
    content: '';
    clear: both;
}
.page_header.detail_header .reviewer_info_wrap .reviewer_info {

}
.page_header.detail_header .reviewer_info_wrap .reviewer_info:after {
    display: block;
    content: '';
    clear: both;
}
.page_header.detail_header .reviewer_info_wrap .reviewer_info span {
    margin-right: 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #fff;
    vertical-align: middle;
}
.page_header.detail_header .reviewer_info_wrap .reviewer_info .reviewer_icon {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px solid #E8E8E8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}
.page_header.detail_header .reviewer_info_wrap .reviewer_info .reviewer_icon img {
    width: 100%;
}
.page_header.detail_header .reviewer_info_wrap .reviewer_info .reivewer_cnt {
    float: left;
    margin-top: 7px;
    margin-left: 20px;
}
.page_header.detail_header .reviewer_info_wrap .book_func {
    position: relative;
    float: right;
    margin-top: 11px;
}
.page_header.detail_header .reviewer_info_wrap .book_func span {
    display: inline-block;
    width: 38px;
    height: 38px;
    cursor: pointer;
}
.page_header.detail_header .reviewer_info_wrap .book_func #likeChkImg {
    position: relative;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: bottom;
}
.page_header.detail_header .reviewer_info_wrap .book_func span img {
    width: 100%;
}
.page_header.detail_header .reviewer_info_wrap .book_func #likeChkImg a {
    display: block;
    height: 100%;
}
.page_header.detail_header .reviewer_info_wrap .book_func #likeChkImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.page_header.detail_header .reviewer_info_wrap .book_func .share_box {
    display: none;
    position: absolute;
    top: 58px;
    left: -10px;
    /*padding: 20px 24px;*/
    width: 168px;
    height: 64px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #2C3549;
}
.page_header.detail_header .reviewer_info_wrap .book_func .share_box.on {
    display: block;
}
.page_header.detail_header .reviewer_info_wrap .book_func .share_box a {
    /*margin-right: 20px;
    vertical-align: middle;*/
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.page_header.detail_header .reviewer_info_wrap .book_func .share_box a:first-child {
    left: 20px;
}
.page_header.detail_header .reviewer_info_wrap .book_func .share_box a:nth-child(2) {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.page_header.detail_header .reviewer_info_wrap .book_func .share_box a:last-child {
    /*margin-right: 0;*/
    right: 20px;
}
.page_header.detail_header .reviewer_info_wrap .book_func .share_box img {
    width: 24px;
}
.page_header.detail_header .reviewer_info_wrap .btn_book_delete {
    clear: both;
    float: right;
    margin-top: 45px
}
.page_header.detail_header .reviewer_info_wrap .btn_book_delete img {
    margin-right: 10px;
    width: 10px;
}
.page_header.detail_header .reviewer_info_wrap .btn_book_delete span {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #fff;
}
.book_info_wrap .book_info {
    margin: -188px 0 70px;
    padding: 40px;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    background-color: #fff;
}
.book_info_wrap .book_info:after {
    display: block;
    content: '';
    clear: both;
}
.book_info_wrap .book_info figure {
    float: left;
    width: 130px;
}
.book_info_wrap .book_info figure img {
    width: 100%;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2);
}
.book_info_wrap .book_info .book_info_cnt {
    float: left;
    margin-left: 35px;
    width: calc(100% - 165px);
}
.book_info_wrap .book_info .book_info_cnt .book_info_top {
    display: inline-block;
    margin-bottom: 8px;
    padding: 8px 12px;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #3A73FF;
    background: #ECEFFF;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
}
.book_info_wrap .book_info .book_info_cnt .book_info_rating {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}
.book_info_wrap .book_info .book_info_cnt .book_info_rating .book_info_left img {
    width: 31px;
}
.book_info_wrap .book_info .book_info_cnt .book_info_rating .book_info_left span {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -0.05em;
    vertical-align: bottom;
}
/*.book_info_wrap .book_info .book_info_cnt .book_info_rating .book_info_right {
    display: flex;
    justify-content: space-between;
}
.book_info_wrap .book_info .book_info_cnt .book_info_rating .book_info_right .rating span {
    display: flex;
    margin-right: 8px;
}
.book_info_wrap .book_info .book_info_cnt .book_info_rating .book_info_right .rating img {
    display: block;
    width: 31px;
}*/
.book_info_wrap .reviewer_info_wrap_mb {
    display: none;
}
.book_info_wrap .book_info .book_info_cnt h5 {
    margin-bottom: 12px;
    font-weight: normal;
    font-size: 24px;
    line-height: 38px;
    letter-spacing: -0.05em;
}
.book_info_wrap .book_info .book_info_cnt p {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    -ms-word-break: keep-all;
    word-break: keep-all;
}
.page_ebook_detail .book_info_wrap .book_info .book_info_cnt p.line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: pre-line;
}
.page_ebook_detail .book_info_wrap .book_info .book_info_cnt p span:after {
    display: inline-block;
    content: '';
    margin: 0 16px;
    width: 1px;
    height: 10px;
    background-color: #000;
}
.page_ebook_detail .book_info_wrap .book_info .book_info_cnt p span:last-child:after {
    display: none;
}
.page_ebook_detail .book_info_wrap .book_info .book_info_cnt p + .btn_more {
    display: none;
    margin-top: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    text-decoration-line: underline;
    color: #323643;
    cursor: pointer;
}
.cmt_wrap {
    background-color: #F9F9F9;
}
.cmt_wrap .container {
    padding: 70px 0;
    border-top: 1px solid #E0E0E0;
}
.cmt_wrap .section_title {
    margin-bottom: 30px;
    color: #323643;
    font-weight: normal;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: -0.05em;
}
.cmt_wrap .cmt_list {
    overflow: visible;
}
.cmt_wrap .cmt_list > li {
    position: relative;
    margin-bottom: 30px;
}
.cmt_wrap .cmt_list > li:last-child {
    margin-bottom: 0;
}
.cmt_wrap .cmt_list > li:after {
    display: block;
    content: '';
    clear: both;
}
.cmt_wrap .user_icon {
    float: left;
    margin-right: 20px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.cmt_wrap .user_icon img {
    width: 100%;
}
.cmt_wrap .cmt_cnt_wrap {
    position: relative;
    float: left;
    width: calc(100% - 54px);
}
.cmt_wrap .cmt_cnt_wrap .cmt_cnt {
    margin-top: 5px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.cmt_wrap .cmt_cnt_wrap .cmt_cnt span {
    line-height: 25px;
    opacity: 0.3;
}
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_cnt_modify,
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_func_wrap,
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_func_wrap .cmt_func,
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_func_modify {
    display: none;
}
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_func_wrap {
    position: absolute;
    top: 0;
    right: 0;
}
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_func_wrap.show {
    display: block;
}
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_func_wrap .btn_cmt_func {
    display: block;
    width: 24px;
    cursor: pointer;
}
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_func_wrap .btn_cmt_func img {
    width: 100%;
}
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_func_wrap .cmt_func {
    position: absolute;
    background-color: #fff;
    z-index: 100;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 0;
    border: 1px solid #E0E0E0;
    width: 68px;
    height: 88px;
}
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_func_wrap .cmt_func li {
    text-align: center;
}
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_func_wrap .cmt_func li:first-child {
    margin-bottom: 12px;
}
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_func_wrap .cmt_func a {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #323643;
}
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_cnt_modify {
    margin-top: 16px;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 12px 16px;
    background-color: #fff;
}
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_cnt_modify textarea {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    width: 100%;
    height: 52px;
    border: none;
    resize: none;
    outline: none;
}
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_func_modify {
    position: absolute;
    top: 0;
    right: 0;
}
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_func_modify a {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: right;
    letter-spacing: -0.05em;
    color: #323643;
    opacity: 0.3;
}
.cmt_wrap .cmt_list .cmt_cnt_wrap .cmt_func_modify a:last-child {
    margin-left: 16px;
    opacity: 1;
}
.cmt_write_wrap {
    margin-top: 58px;
}
.cmt_write_wrap:after {
    display: block;
    content: '';
    clear: both;
}
.cmt_write_wrap .user_icon {
    margin-top: 5px;
}
.cmt_input_wrap {
    display: block;
    padding: 7px 20px;
    border: 1px solid #C4C4C4;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    vertical-align: middle;
    background: linear-gradient(0deg, #FCFCFC, #FCFCFC), #FFFFFF;
}
.cmt_input_wrap input[type="text"] {
    width: calc(100% - 49px);
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #9D9FA4;
    border: none;
    background: transparent;
    outline: none;
}
.cmt_input_wrap input[type="text"]::placeholder {
    font-size: 16px;
    font-weight: 300;
    color: #9D9FA4;
}
.cmt_input_wrap .btn_submit {
    float: right;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    text-align: right;
    letter-spacing: -0.05em;
    color: #323643;
    opacity: 0.3;
    border: none;
    background: transparent;
}
.cmt_input_wrap .btn_submit.on {
    color: #3a73ff;
    opacity: 1;
    font-weight: normal;
}
.cmt_wrap .paging_wrap {
    margin: 30px 0 72px;
    padding-top: 30px;
    border-top: 1px solid #E0E0E0;
}
.layer_cmt_del {
    width: 300px;
    height: 188px;
    z-index: 99999 !important;
}
.layer_cmt_del a {
    display: block;
    float: left;
    padding: 10px 0;
    width: 110px;
    height: 46px;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    border-radius: 5px;
}
.layer_common .btn_cmt_wrap {
    float: right;
}
.layer_common .btn_cmt_wrap:after {
    display: block;
    content: '';
    clear: both;
}
.layer_cmt_del a:first-child {
    background-color: #fff;
    color: #000;
}
.layer_cmt_del a:last-child {
    background: #F2421B;
    color: #fff;
}
.toast_popup {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 7px 15px;
    width: 200px;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #fff;
    background-color: #2C3549;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

/* 테이블 */
.table_section {
    display: table;
    width: 100%;
    border: 1px solid #E0E0E0;
    border-bottom: none;
}
.table_section + .no_data {
    padding: 50px;
    text-align: center;
}
.table_section .table_head {
    display: table-header-group;
}
.table_section .table_body {
    display: table-row-group;
}
.table_section .table_row {
    display: table-row;
}
.table_section .table_row .table_th,
.table_section .table_row .table_td {
    display: table-cell;
    padding: 10px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    vertical-align: middle;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}
.table_section .table_row .table_th {
    background: #F6F8FF;
}
.table_section .table_row .table_th:last-child {
    border-right: none;
}
.table_section .table_row .table_td:last-of-type {
    border-right: none;
}
.table_section .table_row .table_td .table_mb_tag {
    display: none;
}
.table_section .table_row .table_td.td_btn .table_btn_mb {
    display: none;
}
.page_my_ebook .table_section .table_row.reject .table_td.td_process {
    color: #FE2751;
}
.page_my_ebook .table_section .table_row.complete .table_td.td_process {
    color: #3A73FF;
}
.page_my_ebook .table_section .table_row.imsi .table_td.td_process {
    color: #b7b7b7;
}
.page_my_ebook .table_section .table_row.request .table_td.td_process {
    color: #58d358;
}
.page_my_ebook .table_section .table_row .table_td.td_btn a {
    display: block;
    width: 40px;
    color: #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.page_my_ebook .table_section .table_row .table_td.td_btn a img {
    display: none;
}
.page_my_ebook .table_section .table_row.ing .table_td.td_btn a {
    background: #2C3549;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.page_my_ebook .table_section .table_row.reject .table_td.td_btn a {
    background: #FE2751;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.page_my_ebook .table_section .table_row.complete .table_td.td_btn a {
    background: #3A73FF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.page_my_ebook .table_section .table_row.imsi .table_td.td_btn a {
    background-color: #b7b7b7;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.page_my_ebook .table_section .table_row.request .table_td.td_btn a {
    background-color: #58d358;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.page_my_ebook .table_th:nth-child(1) {
    width: 50px;
}
.page_my_ebook .table_th:nth-child(2) {
    width: auto;
}
.page_my_ebook .table_th:nth-child(3) {
    width: 130px;
}
.page_my_ebook .table_th:nth-child(4) {
    width: 130px;
}
.page_my_ebook .table_th:nth-child(5) {
    width: 130px;
}
.page_my_ebook .table_th:nth-child(6) {
    width: 56px;
}
.page_my_ebook .table_section .table_row .table_td.td_subject {
    text-align: left;
    padding-left: 16px;
}
.page_my_plan.page_my_ebook .table_section .table_row .table_td.td_btn a {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
}
.page_my_plan.page_my_ebook .table_section .table_row .table_th:nth-child(4) {
    width: 200px;
}
.page_my_plan.page_my_ebook .table_section .table_row .table_th:nth-child(5) {
    width: 56px;
}
.page_my_plan.page_my_ebook .table_section .table_row.ing .table_td.td_process {
    color: #F98723;
}
.page_my_plan.page_my_ebook .table_section .table_row.retry .table_td.td_process {
    color: #FE2751;
}
.page_my_plan.page_my_ebook .table_section .table_row.pass .table_td.td_process {
    color: #3A73FF;
}
.page_my_plan.page_my_ebook .table_section .table_row.retry .table_td.td_btn a {
    background-color: #FE2751;
}
.page_my_plan.page_my_ebook .table_section .table_row.pass .table_td.td_btn a {
    background-color: #3A73FF;
}
/* 등록폼 */
.form_registration form {
    position: relative;
}
.form_registration .overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 100;
}
.form_registration .overlay .overlay_cnt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.form_registration .overlay .overlay_cnt p {
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
}
.form_registration .overlay .overlay_cnt a {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 25px;
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    background-color: #3A73FF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.form_registration .form_cnt_wrap {
    padding: 45px 40px;
    border: 1px solid #E0E0E0;
    background-color: #fff;
}
.form_registration li {
    margin-bottom: 20px;
}
.form_registration li:after {
    display: block;
    content: '';
    clear: both;
}
.form_registration li:last-child {
    margin-bottom: 0;
}
.form_registration .form_tit {
    float: left;
    padding-top: 9px;
    width: 160px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.form_registration .form_tit span {
    vertical-align: middle;
}
.form_registration .form_tit img {
    width: 8px;
    vertical-align: middle;
    margin-left: 6px;
}
.form_registration .form_cnt {
    float: left;
    width: calc(100% - 200px);
}
.form_registration .form_cnt input[type="text"],
.form_registration .form_cnt input[type="email"],
.form_registration .form_cnt input[type="tel"]{
    padding: 9px 16px;
    width: 100%;
    height: 44px;
    background: #fff;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 5px;
    outline: none;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.form_registration .form_cnt input[readonly] {
    background-color: #f9f9f9;
    color: #9D9FA4;
}
.form_registration .form_cnt input::placeholder {
    font-size: 16px;
    line-height: 25px;
    color: #000000;
    opacity: 0.7;
}
.form_registration .form_cnt .custom-select + .input_job {
    display: none;
    margin-top: 15px;
    padding-bottom: 4px;
    border-bottom: 1px solid #D9D9D9;
}
.form_registration .form_cnt .custom-select + .input_job.on {
    display: block;
}
.form_registration .form_cnt .custom-select + .input_job input {
    padding: 0;
    height: 26px;
    border: none;
}
.form_registration .form_cnt .custom-select + .input_job input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: rgba(105, 109, 122, 0.5);
}
.form_registration li.chk_div .form_cnt {
    padding-bottom: 5px;
}
.form_registration .form_cnt .chk_text_num {
    display: none;
    margin-top: 6px;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    color: #000000;
    opacity: 0.3;
}
.form_registration .form_cnt textarea {
    padding: 7px 16px;
    height: 80px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 5px;
    resize: none;
    outline: none;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.form_registration .form_cnt textarea::placeholder {
    color: #9D9FA4;

}
.form_registration .form_cnt.radio_btn_wrap li {
    float: left;
    margin-right: 25px;
    height: 26px;
    border: none;
}
.form_registration .form_cnt.radio_btn_wrap .line_one li {
    margin-bottom: 0;
}
.form_registration .form_cnt.radio_btn_wrap li.input_label {
    margin-right: 0;
    width: 100%;
    height: 40px;
    clear: both;
}
.form_registration .form_cnt.radio_btn_wrap label {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #000000;
}
.form_registration .form_cnt.radio_btn_wrap input[type="radio"]:checked,
.form_registration .form_cnt.radio_btn_wrap input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.form_registration .form_cnt.radio_btn_wrap input[type="radio"]:checked + label,
.form_registration .form_cnt.radio_btn_wrap input[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #323643;
    -webkit-tap-highlight-color: transparent;
    font-weight: normal;
}
.form_registration .form_cnt.radio_btn_wrap input[type="radio"]:checked + label:before,
.form_registration .form_cnt.radio_btn_wrap input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 23px;
    border: 1px solid #9a9a9a;
    border-radius: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form_registration .form_cnt.radio_btn_wrap input[type="radio"]:checked + label:after,
.form_registration .form_cnt.radio_btn_wrap input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 11px;
    height: 11px;
    background-color: #3A73FF;
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.form_registration .form_cnt.radio_btn_wrap input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.form_registration .form_cnt.radio_btn_wrap input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.form_registration .form_cnt.radio_btn_wrap input[type="text"] {
    margin-left: 15px;
    width: calc(100% - 78px);
    height: 40px;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
}
.form_registration .input_button_wrap {
    position: relative;
}
.form_registration .input_button_wrap:after {
    display: block;
    content: '';
    clear: both;
}
.form_registration .input_button_wrap input {
    display: block;
    float: left;
    width: 100%;
}
.form_registration .input_button_wrap.focus input {
    width: calc(100% - 88px);
    border: 1px solid #2C3549;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form_registration .input_button_wrap .btn_clear_text {
    display: none;
    width: 12px;
    position: absolute;
    top: 50%;
    right: 100px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
.form_registration .input_button_wrap .btn_clear_text img {
    width: 100%;
}
.form_registration .input_button_wrap .btn_chk_layer {
    display: none;
    float: right;
    padding: 8px 0;
    width: 88px;
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: rgba(50, 54, 67, 0.5);
    background-color: #fff;
    border: 1px solid #2C3549;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    vertical-align: bottom;
    cursor: pointer;
}
.form_registration .input_button_wrap.focus .btn_chk_layer {
    display: block;
}
.form_registration .help_box {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #3A73FF;
    background: #F6F8FF;
    border-radius: 3px;
    padding: 10px 12px;
}
.form_registration .help_box a {
    font-weight: 500;
    color: #3A73FF;
    text-decoration: underline;
}
.form_registration .ebook_upload_ctrl {
    margin-top: 83px;
    margin-bottom: 173px;
    text-align: center;
}
.form_registration .ebook_upload_ctrl:after {
    display: block;
    content: '';
    clear: both;
}
.form_registration .ebook_upload_ctrl .btn_left_wrap {
    float: left;
}
.form_registration .ebook_upload_ctrl .btn_right_wrap {
    float: right;
}
.form_registration .ebook_upload_ctrl a {
    display: inline-block;
    padding: 12px 0;
    width: 150px;
    height: 50px;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #3A73FF;
    vertical-align: middle;
    border: 1px solid #3A73FF;
    border-radius: 5px;
    cursor: pointer;
}
.form_registration .ebook_upload_ctrl .btn_left_wrap a {
    width: 120px;
}
.form_registration .ebook_upload_ctrl .btn_left_wrap a img {
    margin-right: 10px;
    height: 12px;
}
.form_registration .ebook_upload_ctrl .btn_submit {
    margin-left: 20px;
    width: 150px;
    height: 50px;
    vertical-align: middle;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #fff;
    background-color: #C4D5FF;
    border-radius: 5px;
    border: none;
    /*cursor: default;
    pointer-events: none;*/
    background-color: #3A73FF;
}
.form_registration .ebook_upload_ctrl .btn_submit.on {
    background-color: #3A73FF;
    cursor: pointer;
    pointer-events: initial;
}
.layer_common {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    background-color: #fff;
    border: 1px solid #D5D5D5;
    box-sizing: border-box;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    z-index: 9999;
}
.layer_common h3 {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.layer_common p {
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.layer_common .btn_close_layer {
    position: absolute;
    top: 36px;
    right: 30px;
    width: 14px;
    cursor: pointer;
}
.layer_common .btn_close_layer img {
    width: 100%;
}
.layer_common .btn_layer_wrap a {
    display: block;
    background: #3A73FF;
    border-radius: 5px;
    padding: 10px 0;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #fff;
}
.layer_common .btn_layer_wrap_two:after {
    display: block;
    content: '';
    clear: both;
}
.layer_common .btn_layer_wrap_two a {
    float: left;
    width: 140px;
}
.layer_common .btn_layer_wrap_two a:first-child {
    background: transparent;
    color: #323643;
    margin-left: 29px;
}
.layer_common.layer_delete .btn_layer_wrap_two {
    text-align: right;
}
.layer_common.layer_delete .btn_layer_wrap_two a {
    display: inline-block;
    float: inherit;
    padding: 10px 20px;
    width: auto;
}
.layer_common.layer_delete_ebook .btn_layer_wrap_two a {
    width: 140px;
}
.layer_common.layer_delete_ebook .btn_layer_wrap_two a:last-child {
    background-color: #FE2751;
}
.layer_delete_ebook_line1 p {
    margin-bottom: 72px;
}
.layer_modal_wrap {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
}
.layer_modal_wrap .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10;
    cursor: pointer;
}
.page_input_step .page_content_wrap .container {
    padding: 60px 0 40px;
}
.page_input_step .progress_bar_wrap .progress_bar_top {
    display: flex;
    justify-content: space-between;
}
.page_input_step .progress_bar_wrap .progress_txt {
    display: flex;
}
.page_input_step .progress_bar_wrap .progress_txt li {
    display: flex;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.05em;
    color: #9D9FA4;
}
.page_input_step .progress_bar_wrap .progress_txt li.on {
    color: #3A73FF;
}
.page_input_step .progress_bar_wrap .progress_txt li:after {
    display: block;
    content: '';
    margin: 15px 25px 0;
    width: 5px;
    height: 5px;
    background-color: #9D9FA4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.page_input_step .progress_bar_wrap .progress_txt li.on:after {
    background-color: #3A73FF;
}
.page_input_step .progress_bar_wrap .progress_txt li:last-of-type:after {
    display: none;
}
.page_input_step .progress_bar_wrap .progress_bar_step_number {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.019em;
    color: #9D9FA4;
}
.page_input_step .progress_bar_wrap .progress_bar {
    display: flex;
    position: relative;
    margin-top: 12px;
    height: 4px;
    background-color: #D9D9D9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.page_input_step .progress_bar_wrap .progress_bar span {
    width: calc(100% / 3);
    height: 4px;
    background-color: transparent;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.page_input_step .progress_bar_wrap .progress_bar span.on {
    background-color: #3A73FF;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.page_input_step .input_step {
    display: none;
    margin-top: 44px;
}
.page_input_step .input_step.on {
    display: block;
}
.page_input_step .input_step .step_title {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.52;
    letter-spacing: -0.05em;
    color: rgba(0, 0, 0, 0.8);
}
.page_input_step .input_step .step_title strong {
    font-weight: 400;
    font-size: 14.2859px;
    line-height: 1.5;
    letter-spacing: -0.05em;
    color: #3A73FF;
}
.page_input_step .input_step .add_info_wrap {
    margin-top: 43px;
}
.page_input_step .input_step .add_info_wrap .add_info_item {
    margin-bottom: 40px;
}
.page_input_step .input_step .add_info_wrap .add_info_item h5 {
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_input_step .add_info_wrap .add_info_item .icon_require {
    position: relative;
    margin-left: 4px;
}
.page_input_step .add_info_wrap .add_info_item .icon_require img {
    position: absolute;
    top: 10px;
    width: 8px;
}
.page_input_step .input_step .add_info_wrap .add_info_item h5 strong {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: -0.05em;
    color: #3A73FF;
    margin-left: 28px;
}
.page_input_step .radio_btn_wrap.input_label_wrap {
    height: 81px;
}
.page_input_step .radio_btn_wrap li {
    float: left;
    margin-right: 36px;
    height: 25px;
}
.page_input_step .radio_btn_wrap li:last-of-type {
    margin-right: 0;
}
.page_input_step .radio_btn_wrap li.input_label {
    float: inherit;
    clear: both;
    padding-top: 16px;
}
.page_input_step .radio_btn_wrap input[type="radio"]:checked,
.page_input_step .radio_btn_wrap input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.page_input_step .radio_btn_wrap input[type="radio"]:checked + label,
.page_input_step .radio_btn_wrap input[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_input_step .radio_btn_wrap input[type="radio"]:checked + label:before,
.page_input_step .radio_btn_wrap input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 22px;
    height: 22px;
    border: 1px solid #ABAEB0;
    border-radius: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page_input_step .radio_btn_wrap input[type="radio"]:checked + label:after,
.page_input_step .radio_btn_wrap input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #3A73FF;
    position: absolute;
    top: 8px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.page_input_step .radio_btn_wrap input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.page_input_step .radio_btn_wrap input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.page_input_step .radio_btn_wrap input[type="text"] {
    margin-left: 15px;
    width: 435px;
    height: 40px;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
}
.page_input_step .check_btn_wrap {
    display: flex;
    flex-wrap: wrap;
    width: 555px;
}
.page_input_step .check_btn_wrap li {
    margin: 0 8px 8px 0;
}
.page_input_step .check_btn_wrap input:checked,
.page_input_step .check_btn_wrap input:not(:checked) {
    position: absolute;
    left: -9999px;
}
.page_input_step .check_btn_wrap input:checked + label,
.page_input_step .check_btn_wrap input:not(:checked) + label {
    display: block;
    padding: 9px 29px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    letter-spacing: -0.05em;
    color: #9D9FA4;
    border: 0.5px solid #9D9FA4;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    cursor: pointer;
}
.page_input_step .check_btn_wrap input:checked + label {
    border-color: #3A73FF;
    color: #3A73FF;
    font-weight: 700;
}
.page_input_step .radio_btn_wrap.input_label_wrap li {
    margin-right: 16px;
}

.page_input_step .step_btn_wrap {
    margin-left: calc((100vw - 960px)/ -2);
    margin-right: calc((100vw - 960px)/ -2);
    border-top: 1px solid #E0E0E0;
}
.page_input_step .step_btn_wrap .step_btn_right {
    display: flex;
    justify-content: right;
    margin: 24px auto 0;
    width: 960px;
}
.page_input_step .step_btn_wrap a {
    width: 156px;
    height: 48px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 27px;
    padding: 13px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #000000;
}
.page_input_step .step_btn_wrap .btn_next {
    margin-left: 12px;
    background-color: #C4D5FF;
    border-color: #C4D5FF;
    color: #fff;
    /*pointer-events: none;*/
}
.page_input_step .step_btn_wrap .btn_next.active {
    background-color: #3A73FF;
    border-color: #3A73FF;
    pointer-events: initial;
}
.page_input_step .join_step_interest .check_btn_wrap {
    margin: 60px 0 40px;
    width: 100%;
}
/* Layer Review */
.layer_modal_review .layer_review {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    z-index: 99;
}
.layer_modal_review .layer_review .layer_header {
    display: flex;
    justify-content: space-between;
    padding: 22px 25px 18px 28px;
    border-bottom: 1px solid #E0E0E0;
}
.layer_modal_review .layer_review .layer_header h2 {
    padding-top: 6px;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #333333;
}
.layer_modal_review .layer_review .layer_header span {
    padding: 8px 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #FFFFFF;
    background: #3A73FF;
}
.layer_modal_review .layer_review .rating_wrap {
    padding: 30px 0;
    text-align: center;
    border-bottom: 1px solid #E0E0E0;
}
.layer_modal_review .layer_review .rating_wrap h3 {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #000000;
}
.layer_modal_review .layer_review .rating_wrap .rating {
    margin: 6px auto 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}
.layer_modal_review .layer_review .rating_wrap .rating + .counter {
    display: none;
}
.layer_modal_review .layer_review .rating_wrap .rating .jq-ry-rated-group svg path {
    d: path("M10 15.27L16.18 19L14.54 11.97L20 7.24L12.81 6.63L10 0L7.19 6.63L0 7.24L5.46 11.97L3.82 19L10 15.27Z");
    fill: #3A73FF;
}
.layer_modal_review .layer_review .range_wrap {
    padding: 27px 35px 32px;
}
.layer_modal_review .layer_review .range_wrap .range_title {
    margin-bottom: 20px;
}
.layer_modal_review .layer_review .range_wrap .range_title h4 {
    margin-bottom: 9px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #000000;
}
.layer_modal_review .layer_review .range_wrap .range_title p {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #9D9FA4;
}
.layer_modal_review .layer_review .range_wrap .range_cnt li {
    margin-bottom: 25px;
}
.layer_modal_review .layer_review .range_wrap .range_cnt h5 {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #000000;
}
.layer_modal_review .range_slider {
    width: 100%;
}
.layer_modal_review .slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;/* 기본 CSS 스타일을 적용하지 않기 위해서 */
    width: 100%; /* 슬라이더 길이 */
    height: 4px; /* 슬라이더 두께 */
    border-radius: 56px; /* 슬라이더 모서리를 약간 둥글게 */
    background: #E4E4E4; /* 슬라이더 색상 */
    outline: none; /* 슬라이더 테두리 없이 */
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0.44, rgb(145, 158, 75)), color-stop(0.44, rgb(197, 197, 197)))
}
.layer_modal_review .slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* 기본 CSS 스타일을 적용하지 않기 위해서 */
    appearance: none; /* 기본 CSS 스타일을 적용하지 않기 위해서 */
    width: 17px; /* 슬라이더 핸들 길이 */
    height: 17px; /* 슬라이더 핸들 높이 */
    border-radius: 50%; /* 핸들 모양을 원모양으로 만들기 위함 */
    background: #fff; /* 슬라이더 핸들 색상 */
    -webkit-box-shadow: 0 0 4px rgba(109, 112, 131, 0.32);
    -moz-box-shadow: 0 0 4px rgba(109, 112, 131, 0.32);
    box-shadow: 0 0 4px rgba(109, 112, 131, 0.32);
    cursor: pointer; /* 슬라이더 핸들에 마우스를 갖다대면 포인터로 변경 */
}

.layer_modal_review .slider::-moz-range-thumb {
    width: 17px; /* 슬라이더 핸들 길이 */
    height: 17px; /* 슬라이더 핸들 높이 */
    border-radius: 50%; /* 핸들 모양을 원모양으로 만들기 위함 */
    background: #00f; /* 슬라이더 핸들 색상 */
    cursor: pointer; /* 슬라이더 핸들에 마우스를 갖다대면 포인터로 변경 */
}
.layer_modal_review input[type=range]::-ms-fill-lower {
    background: #3A73FF;
    border-radius: 2px;
}
.layer_modal_review input[type=range]::-ms-fill-upper {
    background: #E4E4E4;
    border-radius: 2px;
}
.layer_modal_review .range_slider input[type="text"] {
    display: none;
}
.layer_modal_review .range_slider .tickmarks {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.layer_modal_review .range_slider .tickmarks span {
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    color: #6D7683;
}
.layer_modal_review .layer_review .range_wrap .textarea_wrap {
    padding: 12px 32px 19px 16px;
    width: 400px;
    height: 80px;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.layer_modal_review .layer_review .range_wrap .textarea_wrap textarea {
    width: 100%;
    height: 100%;
    resize: none;
}
.layer_modal_review .layer_review .range_wrap .textarea_wrap textarea::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.05em;
    color: rgba(105, 109, 122, 0.5);
}
.layer_modal_review .layer_review .layer_footer {
    padding: 16px 0 19px;
    border-top: 1px solid #E0E0E0;
}
.layer_modal_review .layer_review .layer_footer .btn_wrap {
    display: flex;
    justify-content: center;
}
.layer_modal_review .layer_review .layer_footer .btn_wrap a {
    width: 156px;
    height: 48px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 27px;
    font-weight: 500;
    font-size: 14px;
    line-height: 46px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #000000;
}
.layer_modal_review .layer_review .layer_footer .btn_wrap a.btn_ok {
    margin-left: 12px;
    background-color: #3A73FF;
    border-color: #3A73FF;
    color: #fff;
}

/* Main */
.w_section_common {
    /*margin-bottom: 100px;*/
    margin-bottom: 80px;
}
.w_section_common_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*margin-bottom: 25px;*/
    margin-bottom: 40px;
}
.w_section_title {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 24px;
    font-weight: 700;
}
.w_btn_more_text {
    color: #969696;
    font-size: 14px;
    text-decoration-line: underline;
}
#moBannerList {
    display: none;
}
.w_section_banner {
    /*margin: 47px 0 63px;*/
    margin: 0 0 60px;
}
.w_section_banner .w_container {
    position: relative;
}
.w_banner_swiper {
    overflow: hidden;
}
.w_banner_slide {
    height: 400px;
    border-radius: 30px;
    overflow: hidden;
}
.w_banner_slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper_ctrl_wrap {
    margin-top: 15px;
}
.swiper_ctrl_wrap .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    position: relative;
}
.swiper_ctrl_wrap .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background: #d9d9d9;
    opacity: 1;
}
.swiper_ctrl_wrap .swiper-pagination-bullet-active {
    width: 30px;
    height: 7px;
    opacity: 1;
    background: #969696;
    border-radius: 7px;
}
.w_section_box {
    margin-bottom: 80px;
}
.w_box_menu_list {
    display: flex;
    align-items: center;
    gap: 37px;
    margin: 0;
    padding: 0;
}
.w_item_menu {
    display: block;
    width: 170px;
}
.w_item_menu a {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 20px;
    height: 64px;
    border: 1px solid #7b7b7b;
    border-radius: 10px;
    box-sizing: border-box;
    text-decoration: none;
}
.w_item_menu span {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}
.w_item_menu:nth-child(1) .w_box_icon {
    margin-right: 18px;
    width: 22px;
}
.w_item_menu:nth-child(2) .w_box_icon {
    margin-right: 12px;
    width: 19px;
}
.w_item_menu:nth-child(3) .w_box_icon {
    margin-right: 13px;
    width: 24px;
}
.w_item_menu:nth-child(4) .w_box_icon {
    margin-right: 15px;
    width: 26px;
}
.w_item_menu:nth-child(5) .w_box_icon {
    margin-right: 13px;
    width: 17px;
}
.w_box_arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 18px;
}

.w_section_book_img {
    position: relative;
}
.w_book_img_list {
    margin: 0;
    padding: 0;
}
.w_book_img_list .w_item_book_img {
    height: 280px;
    box-shadow: none;
}
.w_item_book_img img {
    width: 100%;
    /*height: 100%;
    object-fit: cover;*/
}
.w_section_common_top_keyword {
    margin-bottom: 30px;
}
.w_section_keyword {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.w_keyword_list {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 19px;
    margin: 0;
    padding: 0;
    width: 250px;
}
.w_item_keyword {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 20px 13px;
    width: 100%;
    height: 48px;
    border-radius: 40px;
    border: 1px solid #C8C8C8;
    color: #000;
    font-size: 16px;
    cursor: pointer;
    box-sizing: border-box;
}
.w_item_keyword.w_on {
    background: #3838ED;
    border-color: #3838ED;
    color: #fff;
    font-weight: 600;
}
.w_item_keyword span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.w_keyword_cnt_list {
    width: calc(100% - 300px);
}
.w_keyword_cnt {
    display: none;
    /*width: 775px;*/
    width: 100%;
    height: 316px;
    border-radius: 10px;
    background: #eee;
}
.w_keyword_cnt.w_on {
    display: block;
}
.w_keyword_cnt a {
    text-decoration: none;
    display: flex;
}
.w_keyword_cnt_img {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 0;
    width: 230px;
    box-sizing: border-box;
    height: 316px;
    text-align: center;
    border-radius: 10px;
    padding: 25px 0 25px 38px;
}
.w_keyword_cnt_img img {
    display: block;
    width: calc(100% - 20px);
    box-shadow: 1px 1px 20px 5px rgba(186, 186, 186, 0.60);
}
.w_keyword_cnt_text {
    position: relative;
    padding: 0 38px 33px 10px;
    width: calc(100% - 230px);
    box-sizing: border-box;
}
.w_icon_left {
    display: none;
    width: 22px;
    position: absolute;
    top: 56px;
    left: 60px;
}
.w_icon_right {
    display: none;
    width: 22px;
    position: absolute;
    top: 93px;
    right: 56px;
}
.w_keyword_text {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 33px;
    padding: 0 37px;
    height: 185px;
    border-bottom: 1px solid #D5D0D0;
    box-sizing: border-box;
}
.w_keyword_text h3 {
    margin: 0;
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}
.w_keyword_hashtag_list {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}
.w_keyword_cnt .w_item_hashtag:nth-child(n + 5) {
    display: none;
}
.w_item_hashtag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    background: #DEDEDE;
    border-radius: 5px;
    color: #969696;
    font-size: 14px;
    font-weight: 500;
}

.w_layer_common_notice {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1000;
}
.w_layer_main_notice {
    /*width: 514px;*/
    height: auto;
    min-height: 260px;
    max-height: 750px;
    padding: 34px 24px 48px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 7px 7px 20px 5px rgba(0, 0, 0, 0.15);
    z-index: 10;
    box-sizing: border-box;
    overflow: hidden;
}
.w_layer_main_notice .w_btn_close_layer {
    right: 24px;
}
.w_layer_notice_top {
    margin-bottom: 17px;
}
.w_layer_notice_top h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.w_layer_notice_content {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    max-height: 550px;
    overflow-y: auto;
}
.w_btn_area {
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 11px;
    position: absolute;
    right: 24px;
    bottom: 24px;
}
.w_btn_area a {
    color: #3F3F3F;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
}
.w_section_knowledge .w_section_common_top_keyword,
.w_section_yt .w_section_common_top_keyword {
    flex-direction: column;
    align-items: baseline;
    position: relative;
    margin-bottom: 40px;
}
.w_section_knowledge .w_section_common_top_keyword p,
.w_section_yt .w_section_common_top_keyword p {
    margin: 8px 0 0;
    color: #797979;
}

.w_section_yt_swiper {
    position: relative;
}
.w_section_yt_swiper .swiper-slide {
    text-align: center;
}

.w_section_knowledge .w_section_common_top_keyword a {
    position: absolute;
    right: 0;
    bottom: 0;
}
.w_section_knowledge .w_list_book_knowledge {
    display: flex;
    justify-content: space-between;
}
.w_section_knowledge .w_item_book_knowledge {
    margin: 0;
    width: calc(50% - 10px);
    border: 1px solid #c4c4c4;
    border-radius: 10px;
    box-sizing: border-box;
}
.w_section_knowledge .w_item_book_knowledge .w_img_book {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    width: 210px;
    height: 260px;
}
.w_section_knowledge .w_item_book_knowledge .w_img_book img {
    margin: 0;
    width: 70%;
    height: auto;
}
.w_section_knowledge .w_item_book_knowledge .w_img_book h6 {
    display: none;
}
.w_section_knowledge .w_item_book_knowledge .w_img_book > span {
    display: none;
}
.w_section_knowledge .w_item_book_knowledge_cnt {
    border: none;
    width: calc(100% - 210px);
}
.w_section_knowledge .w_item_book_knowledge_cnt_top {
    margin-left: 0;
    border: none;
}
.w_section_knowledge .w_item_book_knowledge_cnt h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}
.w_section_knowledge .w_list_knowledge_swiper {
    /*padding-left: 17px;*/
    padding-top: 15px;
    padding-right: 0;
    padding-left: 0;
}
.w_section_knowledge .w_item_knowledge_cnt:before {
    display: none;
}
.w_section_knowledge .w_item_knowledge_cnt {
    padding-left: 20px;
}
.w_section_knowledge .w_item_knowledge {
    width: 255px;
}
/* Curation */
.w_page_title_curation {
    margin: 0 0 -10px;
    padding: 20px 0 0;
    color: #000;
    font-size: 24px;
    font-weight: 700;
}
.w_page_title_curation span {
    font-weight: 400;
}

/* Ebook Product View */
.w_section_ebook_prod {
    display: flex;
    gap: 55px;
    margin-top: 102px;
    margin-bottom: 53px;
    padding: 0 35px;
}
.w_ebook_img {
    margin: 0;
    /*width: 239px;
    height: 252px;*/
    width: auto;
    height: 273px;
}
.w_ebook_img img {
    /*width: 100%;*/
    height: 100%;
    /*object-fit: contain;*/
    box-shadow: 7px 7px 20px 5px rgba(0, 0, 0, 0.15);
}
.w_ebook_prod_alert_text {
    color: #000;
    font-size: 12px;
}
.w_ebook_prod_alert_text:before {
    display: inline-block;
    content: '*';
    margin-right: 5px;
    color: #3838ED;
    font-size: 12px;
    vertical-align: middle;
}
.w_ebook_prod_top {
    display: flex;
    align-items: center;
    gap: 12px;
}
.w_ebook_cate {
    color: #969696;
    font-size: 16px;
}
.w_ebook_prod_top .w_item_book_component img {
    width: 18px;
}
.w_ebook_prod_title {
    margin: 5px 0;
    color: #000;
    font-size: 26px;
    font-weight: 600;
}
.w_ebook_prod_info {
    color: #969696;
    font-size: 15px;
}
.w_ebook_prod_info .w_item_book_rating {
    margin: 10px 0 33px;
}
.w_ebook_prod_info .w_item_book_rating img {
    width: 24px;
}
.w_item_book_rating_text {
    margin-top: 3px;
    color: #3838ED;
    font-size: 16px;
}
.w_price_wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}
.w_rate_num {
    color: #3838ED;
    font-size: 21px;
    font-weight: 600;
}
.w_price {
    color: #000;
    font-size: 21px;
    font-weight: 600;
}
.w_custom_price {
    color: #969696;
    font-size: 16px;
    font-weight: 400;
    text-decoration: line-through;
}
.w_btn_wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}
.w_btn_wrap_center {
    margin-top: 42px;
    justify-content: center;
}
.w_btn_cart {
    width: 145px;
    height: 40px;
    border: 1px solid #3838ED;
    border-radius: 40px;
    color: #3838ED;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}
.w_btn_buy {
    width: 180px;
    height: 42px;
    border-radius: 40px;
    background-color: #3838ED;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}
.w_btn_buy_external {
    display: none;
    text-decoration: none;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.w_btn_buy_external img {
    width: 24px;
}
.w_btn_buy_external span {
    color: #969696;
    text-align: center;
    font-size: 14px;
}
.w_section_common_sub {
    padding: 0 35px;
}
.w_section_common_sub_title {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}
.w_section_common_sub_title span {
    color: #969696;
    font-size: 18px;
    font-weight: 600;
}
.w_section_introduce_cnt {
    margin-top: 18px;
}
.w_component_wrap {
    display: flex;
    align-items: center;
    gap: 1px;
}
.w_component_wrap img {
    width: 24px;
}
.w_component_wrap span {
    margin-left: 13px;
}
.w_box {
    margin-top: 20px;
    padding: 22px 36px;
    background: #F7F7F7;
    border-radius: 10px;
}
.w_box p {
    margin: 0;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}
.w_box .w_keyword_hashtag_list {
    margin-top: 14px;
    justify-content: start;
}
.w_ebook_detail {
    position: relative;
    margin-top: 10px;
}
.w_section_ebook_detail {
    position: relative;
    margin: 40px 0 0;
    padding: 30px 35px 60px;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
}
.w_con {
    position: relative;
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
    max-height: 680px;
    overflow: hidden;
}
.w_con:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 44.5%, #FFF 100%);
}
.w_con.w_on {
    max-height: none;
}
.w_con.w_on:after {
    display: none;
}
.w_con img {
    max-width: 100%;
}
.w_btn_expand {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    max-width: 700px;
    width: 100%;
    height: 50px;
    border: 1px solid #c4c4c4;
    background: #fff;
    border-radius: 10px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}
.w_section_ebook_use {
    padding-left: 0;
    padding-right: 0;
}
.w_con_useinfo {
    max-width: none;
    max-height: 300px;
}
.w_con_useinfo h6 {
    margin: 0 0 16px;
    font-weight: bold;
    font-size: 18px;
}
.w_con_useinfo ul {
    margin-bottom: 40px;
    padding-left: 16px;
}
.w_con_useinfo ul:last-of-type {
    margin-bottom: 0;
}
.w_con_useinfo li {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5;
}
.w_section_ebook_ect {
    padding-top: 30px;
    padding-bottom: 50px;
}
.w_section_ebook_ect ul {
    margin: 15px 0 0;
    padding: 0;
}
.w_section_ebook_ect li {
    display: flex;
    align-items: center;
}
.w_section_ebook_ect strong {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 34px;
    width: 120px;
}
.w_section_ebook_ect span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
}
.w_section_ebook_rating {
    padding-top: 30px;
    padding-bottom: 126px;
    border-top: 1px solid #DEDEDE;
}
.w_ebook_prod_total {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}
.w_ebook_rating_img {
    display: flex;
}
.w_ebook_rating_img img {
    height: 48px;
}
.w_ebook_rating_num {
    font-size: 24px;
    color: #3838ED;
    font-weight: 700;
}
.w_ebook_rating_participant {
    font-size: 14px;
    font-weight: 600;
    color: #969696;
}
.w_ebook_review_input {
    margin-top: 30px;
}
.w_ebook_review_input p {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-align: center;
}
.rating {
    margin: 5px auto 0;
}
.w_input_type_review {
    position: relative;
    margin: 26px auto 0;
    width: 722px;
    height: 60px;
    border: 1px solid #969696;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
}
.w_input_type_review input {
    width: calc(100% - 125px);
    height: 100%;
    box-sizing: border-box;
    padding: 13px 14px;
    border: none;
    outline: none;
}
.w_btn_reg_review {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    background: #3838ED;
    width: 103px;
    height: 34px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.w_ebook_review_list {
    margin: 30px 0 0;
    padding: 0;
}
.w_item_ebook_review {
    display: block;
    position: relative;
    margin-bottom: 30px;
}
.w_item_ebook_review:last-of-type {
    margin-bottom: 0;
}
.w_ctrl_cmt_wrap {
    position: absolute;
    top: 0;
    right: 0;
}
.w_ctrl_cmt_list {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    position: absolute;
    width: 115px;
    height: 88px;
    border: 1px solid #dedede;
    border-radius: 10px;
    background-color: #fff;
    box-sizing: border-box;
}
.w_ctrl_cmt_list.w_on {
    display: flex;
}
.w_btn_ctrl_cmt {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    cursor: pointer;
}
.w_btn_ctrl_cmt img {
    width: 100%;
}
.w_btn_ctrl {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}
.w_btn_ctrl img {
    width: 24px;
}
.w_btn_ctrl span {
    color: #626262;
    font-size: 14px;
    font-weight: 500;
}
.w_input_cmt_modify {
    display: none;
    margin-left: -45px;
    width: calc(100% + 45px);
    box-sizing: border-box;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    height: 68px;
    padding: 13px 45px;
}
.w_btn_cmt_wrap {
    display: none;
}
.w_btn_cmt_wrap.w_on {
    display: flex;
    gap: 6px;
    position: absolute;
    top: 0;
    right: 0;
}
.w_btn_cmt_wrap a {
    width: 77px;
    height: 36px;
    border-radius: 4px;
    background: #DEDEDE;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}
.w_btn_cmt_wrap a:last-of-type {
    color: #fff;
    background: #3838ED;
}
.w_review_top {
    display: flex;
    gap: 13px;
    align-items: center;
    margin-bottom: 10px;
}
.w_reivew_icon {
    display: none;
}
.w_reivew_icon img {
    width: 32px;
}
.w_review_text {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.w_user_nm {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}
.w_date {
    color: #969696;
    font-size: 14px;
    font-weight: 400;
    padding-left: 1px;
}
.w_date_mo {
    display: none;
}
.w_review_rating {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    /*padding-left: 45px;*/
}
.w_review_rating img {
    width: 24px;
}
.w_reivew_cnt {
    /*padding-left: 45px;*/
    white-space: pre-line;
}
.w_review_cnt_text {
    color: #000;
    font-size: 15px;
    line-height: 1.4;
}
.w_reivew_cnt .w_btn_more_text {
    margin-left: 10px;
    color: #3838ED;
}
.w_review_cnt_textarea textarea {
}
.w_ctrl_cmt_modify_wrap {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    height: 68px;
    padding: 13px 45px;
}
.w_review_cnt_textarea.w_on .w_ctrl_cmt_modify_wrap {
    display: block;
}
.w_btn_cmt_wrap {
    display: none;
    gap: 6px;
    position: absolute;
    top: 0;
    right: 0;
}
.w_btn_cmt_wrap.w_on {
    display: flex;
}
.w_input_type_review textarea {
    width: calc(100% - 150px);
    height: 100%;
    padding: 15px;
    border: none;
    outline: none;
    appearance: none;
    resize: none;
    box-sizing: border-box;
    word-spacing: -2px;
}
.w_layer_reivew {
    padding: 86px 40px 35px;
    width: 800px;
    height: auto;
    max-height: 100vh;
    overflow: auto;
}
.w_layer_reivew .rating {
    margin-bottom: 30px;
}
.w_review_cnt_textarea {
    margin-bottom: 40px;
}
.w_layer_reivew .w_ctrl_cmt_modify_wrap {
    padding: 20px 24px 22px;
    height: 121px;
    resize: none;
    font-size: 18px;
    font-weight: 400;
}
.w_btn_cmt_modify_complete {
    border-radius: 40px;
    width: 272px;
    height: 48px;
    border: none;
}

/* 내 서재 */
.w_item_book_period {
    margin-top: 15px;
}
.w_item_book_period .w_bar {
    margin-bottom: 8px;
    height: 6px;
    background-color: #DEDEDE;
    border-radius: 10px;
    overflow: hidden;
}
.w_item_book_period .w_bar_active {
    display: block;
    height: 6px;
    background: #3838ED;
    border-radius: 10px;
}
.w_item_book_period_text {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}
.w_item_book_component_myebook {
    display: flex;
    align-items: center;
    gap: 2px;
    position: absolute;
    top: 20px;
    right: 0;
    width: 56px;
    height: 24px;
    background: #3838ED;
    border-radius: 20px 0 0 20px;
    padding-left: 8px;
    box-sizing: border-box;
}
.w_item_book_component_myebook img {
    width: 16px;
}

/* 내 포인트 */
.w_point_current {
    font-size: 20px;
    font-weight: 600;
    color: #3f3f3f;
    margin-top: -15px;
    margin-bottom: 60px;
}
.w_point_current span {
    color: #4856f7;
}
.w_period_sort {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-left: 30px;
    height: 52px;
    border: 1px solid #dedede;
    border-radius: 10px;
}
.w_period_sort .w_tit {
    height: 28px;
    display: flex;
    align-items: center;
    margin-right: 29px;
    padding-right: 60px;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    border-right: 1px solid #DEDEDE;
}
.w_box_datepicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-right: 24px;
}
.w_input_datepicker {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    /*width: 143px;*/
    height: 32px;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 8px 0 12px;
    outline: none;
    appearance: none;
}
.w_input_datepicker input {
    width: 90px;
    height: 16px;
    box-sizing: border-box;
    border: none;
    font-size: 16px;
    font-weight: 400;
    color: #3F3F3F;
    outline: none;
}
.w_input_datepicker button {
    appearance: none;
    border: none;
    background: transparent;
    padding: 0;
}
.flatpickr {
    display: flex;
}
.input-button {
    display: block;
    height: 16px;
}
.w_input_datepicker img {
    width: 16px;
}
.swung_dash {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
}

.w_period_btn_wrap {
    display: flex;
    align-items: center;
    gap: 12px;
}
.w_period_btn_wrap a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 11px;
    height: 34px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: #969696;
    box-sizing: border-box;
    border: 1px solid #969696;
    border-radius: 4px;
    cursor: pointer;
}
.w_period_btn_wrap a.w_on {
    background: #3838ED;
    color: #fff;
    border: none;
}
.w_btn_search_sm {
    margin-right: 15px;
    margin-left: auto;
    width: 80px;
    height: 36px;
    border-radius: 6px;
    background: #3838ED;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}
.w_list_mypoint {
    margin: 0;
    padding: 0;
}
.w_item_mypoint {
    display: flex;
    justify-content: space-between;
    padding: 20px 0 25px;
    border-bottom: 1px solid #DEDEDE;
}
.w_item_mypoint_left {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: baseline;
}
.w_item_mypoint_left p {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #3838ED;
}
.w_item_mypoint_left p.w_point_use {
    color: #3F3F3F;
}
.w_item_mypoint_left span {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
.w_item_mypoint_right {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: end;
}
.w_item_mypoint_right p {
    margin: 3px 0 0;
    color: #000;
    font-size: 18px;
    font-weight: 400;
}
.w_item_mypoint_right .w_reg_date {
    color: #969696;
    font-size: 16px;
    font-weight: 400;
}
.w_expiration_date {
    color: #EF2626;
    font-size: 14px;
    font-weight: 400;
}

/* 내 쿠폰 */
.w_input_type_coupon {
    width: 582px;
    height: 56px;
    padding: 13px 15px 13px 23px;
    box-sizing: border-box;
}
.w_input_type_coupon input {
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.w_input_type_coupon input::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #969696;
}
.w_input_type_coupon .w_btn_reg_review {
    width: 60px;
    height: 36px;
    font-size: 14px;
}
.w_text_coupon_info {
    width: 582px;
    margin: 0 auto;
}
.w_text_coupon_info h6 {
    font-size: 16px;
    text-align: left;
    margin: 20px 0 10px;
}
.w_text_coupon_info ul {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    font-size: 14px;
    gap: 5px;
    padding-left: 16px;
}
.w_text_coupon_info li {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
}
.w_list_my_coupon {
    margin: 80px 0 40px;
    padding: 0;
}
.w_item_coupon {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #DEDEDE;
}
.w_item_coupon h5 {
    font-size: 18px;
    margin: 0;
}
.w_item_coupon p {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin: 4px 0 8px;
}
.w_item_coupon .w_date {
    font-size: 12px;
    color: #969696;
    font-weight: 400;
}

/* 결제 내역 */
.w_mypage_title_myorder {
    margin: 80px 0 54px;
}
.w_list_myorder {
    margin: 0;
    padding: 0;
}
.w_item_myorder {
    display: block;
    margin-bottom: 20px;
}
.w_item_myorder:last-of-type {
    margin-bottom: 0;
}
.w_item_myorder .w_box_border_top {
    align-items: center;
}
.w_order_num {
    /*margin-left: auto;*/
}
.w_item_myorder_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 50px;
}
.w_item_order_date {
    font-size: 20px;
    font-weight: 600;
    color: #3F3F3F;
}
.w_tag_refund {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    width: 79px;
    height: 29px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    background: #DEDEDE;
}
.w_btn_more {
    gap: 5px;
}
.w_btn_more span {
    font-size: 14px;
    font-weight: 600;
    color: #969696;
}
.w_btn_more img {
    width: 14px;
}
.w_myoder_detail {
    margin: 50px 0 0;
    padding: 40px 0;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
}
.w_myoder_detail h2 {
    margin: 0 0 30px;
    font-size: 24px;
}
.w_myorder_detail_info {
    margin: 0;
    padding: 0;
}
.w_item_myorder_detail_info {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.w_item_myorder_detail_info:last-of-type {
    margin-bottom: 0;
}
.w_item_myorder_detail_info .w_tit {
    font-size: 18px;
    font-weight: 700;
    color: #969696;
    width: 135px;
}
.w_item_myorder_detail_info .w_text {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
}
.w_item_myorder_detail_info strong {
    width: 135px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.w_text_ect span:first-of-type {
    margin-right: 14px;
    font-size: 22px;
    font-weight: 700;
    color: #3838ED;
}
.w_text_ect span:last-of-type {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
}
.w_box_border_top_my_order {
    justify-content: normal;
    gap: 10px;
}
.w_box_border_top_my_order .w_btn_more {
    margin-left: auto;
}


/* 지식서평 */
.w_section_list_knowledge {
    margin: 30px 0 123px;
}
.w_section_list_knowledge_total {
    margin-bottom: 21px;
    font-size: 24px;
    font-weight: 600;
    color: #000;
}
.w_empty_cnt_knowledge_list {
    display: block;
    margin-top: 61px;
    width: 100%;
    text-align: center;
}
.w_empty_cnt_knowledge_list h5 {
    margin: 0 0 30px;
    font-size: 24px;
    font-weight: 700;
    color: #3F3F3F;
}
.w_empty_cnt_knowledge_list p {
    font-size: 20px;
    font-weight: 400;
    color: #3F3F3F;
    margin: 0 0 52px;
}
.w_list_book_knowledge {
    margin: 0;
    padding: 0;
}
.w_item_book_knowledge {
    display: flex;
    margin-bottom: 50px;
}
.w_item_book_knowledge:last-of-type {
    margin-bottom: 0;
}
.w_item_book_knowledge .w_img_book {
    position: relative;
    margin: 0;
    padding-top: 25px;
    width: 230px;
    height: 280px;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 5px;
}
.w_item_book_knowledge .w_img_book .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    /*filter: blur(10px);*/
    filter: blur(100px);
}
.w_item_book_knowledge .w_img_book h6 {
    margin: 0 0 10px;
    padding: 0 23px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: none;
}
.w_item_book_knowledge .w_img_book > span {
    padding: 0 23px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    display: none;
}
.w_item_book_knowledge .w_img_book .w_item_book_img {
    margin: 0 auto;
    width: auto;
    height: 255px;
    object-fit: cover;
    box-shadow: none;
    border-radius: 5px;
}
.w_item_book_knowledge_cnt {
    width: calc(100% - 230px);
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
}
.w_item_book_knowledge_cnt_top {
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 0 17px 0 36px;
    height: 60px;
    border-bottom: 1px solid #DEDEDE;
    padding: 0 8px 0 2px;
    box-sizing: border-box;
}
.w_view_mb {
    display: none;
}
.w_item_book_knowledge_cnt_top img {
    width: 24px;
}
.knowledge_total_num {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.knowledge_total_num span {
    color: #3838ED;
}
.w_item_book_knowledge_cnt_top .w_btn_more_text {
    margin-left: auto;
}
.w_item_book_title_mo {
    display: none;
}
.w_list_knowledge_swiper {
    padding: 35px 35px 0 36px;
    box-sizing: border-box;
}
.w_list_knowledge {
    margin: 0;
    padding: 0;
}
.w_item_knowledge {
    display: block;
    width: 245px;
    height: 150px;
    position: relative;
    background: #F7F7F7;
    border-radius: 10px;
}
.w_user_icon {
    display: none;
    position: absolute;
    top: -20px;
    left: 16px;
}
.w_user_icon img {
    width: 32px;
}
.w_item_knowledge_cnt {
    padding-top: 16px;
    padding-left: 20px;
    position: relative;
}
.w_item_knowledge_cnt:before {
    display: none;
    content: '';
    position: absolute;
    top: 40px;
    left: 22px;
    width: 22px;
    height: 16px;
    background: url("../image/glan/icon_quotes_rotate.png") no-repeat center;
    background-size: cover;
}
.w_item_knowledge_cnt .w_date {
    position: absolute;
    top: 16px;
    right: 18px;
}
.w_item_knowledge_cnt .w_cnt {
    margin: 6px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding-right: 24px;
    color: #000;
    font-size: 14px;
}
.w_recommend_cnt {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 13px;
    margin-left: 20px;
}
.w_recommend_cnt img {
    height: 18px;
}
.w_recommend_cnt span {
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.w_layer_knowledge {
    padding: 40px 95px 53px 50px;
    width: 800px;
    height: auto;
    max-height: 100vh;
    overflow: auto;
}
.w_btn_close_layer {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.w_btn_close_layer img {
    width: 32px;
}
.w_layer_knowledge .w_review_top {
    margin-bottom: 25px;
}
.w_layer_knowledge_cnt {
    /*padding-left: 45px;*/
}
.w_list_knowledge_cnt {
    margin: 0;
    padding: 0;
}
.w_list_knowledge_cnt li {
    display: block;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #DEDEDE;
}
.w_list_knowledge_cnt li:last-of-type {
    margin-bottom: 0;
    border-bottom: none;
}
.w_layer_knowledge_cnt .w_tit {
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: 700;
}
.w_layer_knowledge_cnt .w_cnt {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    white-space: pre-line;
}
.w_layer_knowledge .w_recommend_cnt {
    margin-top: 35px;
    padding-left: 0;
}
.w_layer_knowledge .w_recommend_cnt a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}
.w_layer_knowledge .w_recommend_cnt span {
    color: #969696;
    font-size: 16px;
}
.w_knowledge_book {
    display: flex;
    gap: 55px;
    margin: 100px 0 50px;
}
.w_knowledge_book figure {
    margin: 0;
    width: 180px;
}
.w_knowledge_book figure img {
    width: 100%;
    height: 272px;
    object-fit: cover;
}
.w_knowledge_book_info h4 {
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: 600;
    color: #000;
}
.w_knowledge_book_info span {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}
.w_box_knowledge {
    margin: 21px 0 0;
    padding: 14px 0 17px 29px;
    width: 355px;
    box-sizing: border-box;
}
.w_box_knowledge .w_item {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 600;
}
.w_box_knowledge .w_item:last-of-type {
    margin-bottom: 0;
}
.w_box_knowledge .w_item img {
    margin-right: 12px;
    width: 24px;
}
.w_box_knowledge .w_item span {
    color: #3838ED;
    font-weight: 600;
}
.w_section_knowledge {
    margin-bottom: 150px;
}
.w_section_knowledge_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.w_section_knowledge_title {
    margin: 0;
    font-size: 24px;
    font-weight: 600;
    color: #000;
}
.w_sort_sm {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.w_sort_sm a {
    text-decoration: none;
    color: #969696;
}
.w_sort_sm a.w_on {
    font-weight: 700;
    color: #434343;
}
.w_section_knowledge .w_ebook_review_list {
    margin-top: 24px;
}
.w_section_knowledge .w_item_ebook_review {
    display: flex;
    align-items: baseline;
    flex-direction: column;
    padding-bottom: 23px;
    border-bottom: 1px solid #DEDEDE;
    box-sizing: border-box;
}
.w_section_knowledge .w_review_top {
    gap: 22px;
}
.w_section_knowledge .w_reivew_cnt {
    position: relative;
}
.w_section_knowledge .w_reivew_cnt:before {
    display: none;
    content: '';
    position: absolute;
    top: 0;
    left: 10px;
    width: 22px;
    height: 16px;
    background: url(../image/glan/icon_quotes_rotate.png) no-repeat center;
    background-size: cover;
}
.w_btn_recommend {
    margin-top: 36px;
    font-size: 14px;
    color: #969696;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
}
.w_btn_recommend.w_on {
    color: #3838ED;
}
.w_btn_recommend img {
    height: 20px;
}

.w_layer_knowledgeForm {
    padding: 32px 40px 50px;
    width: 800px;
    height: auto;
    max-height: 100vh;
    overflow: auto;
}
.w_layer_knowledgeForm .w_review_top {
    margin-bottom: 50px;
}
.w_review_top h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}
.w_layer_knowledgeForm .w_layer_knowledge_cnt {
    padding: 0;
}
.w_list_knowledge_cnt textarea {
    width: 100%;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px 24px 22px;
    box-sizing: border-box;
    height: 300px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
.w_layer_knowledgeForm .w_list_knowledge_cnt li {
    margin-bottom: 50px;
    padding: 0;
    border: none;
}
.w_btn_reg_knowledge {
    margin-top: 60px;
    border-radius: 10px;
    width: 272px;
    height: 60px;
    border: none;
    font-weight: 600;
}

/* 이용약관, 개인정보취급방침 */
.w_container_terms {
    padding-bottom: 172px;
}
.w_terms_title {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin: 80px 0 42px;
}

/* 마이페이지 */
.w_section_mypage {
    display: flex;
    gap: 30px;
    margin-top: 114px;
}
.w_section_mypage_left {
    display: flex;
    flex-direction: column;
    justify-content: normal;
    gap: 40px;
    width: 200px;
}
.w_btn_link_myinfo {
    display: flex;
    flex-direction: column;
    position: relative;
    text-decoration: none;
    gap: 10px;
}
.w_btn_link_myinfo strong {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}
.w_profile_type {
    width: 30px;
}
.w_btn_link_myinfo span {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #969696;
    font-size: 14px;
    font-weight: 400;
    word-break: break-all;
}
.w_btn_setting {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
}
.w_btn_logout {
    width: 200px;
    height: 50px;
    background: #c4c4c4;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.w_list_mypage {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 54px;
    width: calc(100% - 230px);
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #dedede;
}
.w_item_mypage {
    display: block;
    padding: 32px 0;
    width: 33.33%;
    border-bottom: 1px solid #DEDEDE;
}
.w_item_mypage a {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    height: 72px;
    border-right: 1px solid #DEDEDE;
}
.w_item_mypage span {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}
.w_item_mypage span span {
    margin-left: 5px;
    color: #3838ED;
}
.w_item_mypage:nth-child(1) img {
    margin: 4px 0 23px;
    width: 28px;
}
.w_item_mypage:nth-child(2) img {
    margin-bottom: 19px;
    width: 29px;
}
.w_item_mypage:nth-child(3) img {
    margin: 3px 0 16px;
    width: 26px;
}
.w_item_mypage:nth-child(4) img {
    margin-bottom: 18px;
    width: 32px;
}
.w_item_mypage:nth-child(5) img {
    margin: 4px 0 22px;
    height: 24px;
}
.w_item_mypage:nth-child(6) img {
    width: 30px;
    margin: 7px 0 20px;
}
.w_item_mypage:nth-child(n + 4) {
    border-bottom: none;
}
.w_item_mypage:nth-child(3n) a {
    border-right: none;
}

/* 내 서재 상세 */
.w_btn_wrap_myebook_detail {
    margin-top: 42px;
}
.w_btn_wrap_myebook_detail .w_btn_reg_knowledge_type1 {
    margin-top: 0;
}
.w_item_myebook_period {
    margin-top: 34px;
    width: 417px;
}
.w_item_myebook_period .w_bar {
    margin-top: 10px;
    width: 100%;
    background: #dedede;
    height: 10px;
    border-radius: 10px;
}
.w_item_myebook_period .w_bar_active {
    display: block;
    height: 10px;
    background: #3838ED;
    border-radius: 10px;
}
.w_btn_audio {
    width: 125px;
    height: 31px;
    border: 1px solid #3838ED;
    border-radius: 40px;
    gap: 5px;
    position: absolute;
    top: 30px;
    right: 35px;
}
.w_btn_audio img {
    width: 18px;
}
.w_btn_audio span {
    font-size: 12px;
    font-weight: 700;
    color: #3838ED;
}
.w_section_ebook_index {
    margin-bottom: -20px;
}
.w_section_ebook_index h6 {
    margin: 15px 0 20px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.w_list_ebook_index {
    margin: 0;
    padding: 0;
    border: 1px solid #DEDEDE;
    border-radius: 20px;
    overflow: hidden;
}
.w_item_ebook_index {
    display: flex;
    justify-content: space-between;
    padding: 0 33px;
    position: relative;
    height: 60px;
    align-items: center;
    border-bottom: 1px solid #DEDEDE;
}
.w_item_ebook_index:last-of-type {
    border-bottom: none;
}
.w_item_ebook_index.w_read_on {
    background-color: #f5f5f5;
}
.w_item_ebook_index .icon_read {
    display: none;
    position: absolute;
    top: 50%;
    left: 30px;
    width: 18px;
    transform: translateY(-50%);
}
.w_item_ebook_index_tit {
    width: calc(100% - 30px);
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.w_btn_view {
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: #3838ED;
}

/* 내 서평 */
.w_section_my_knowledge {
    margin-top: -54px;
    padding-top: 15px;
}
.w_my_knowledge_total {
    font-size: 16px;
    font-weight: 500;
    color: #969696;
}
.w_list_my_knowledge {
    margin: 46px 0 40px;
    padding: 0;
}
.w_item_my_knowledge {
    display: block;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #DEDEDE;
}
.w_item_my_knowledge:last-of-type {
    margin-bottom: 0;
}
.w_item_my_knowledge_top {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-right: 52px;
}
.w_item_my_knowledge_top .w_left h6 {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 600;
}
.w_item_my_knowledge_top .w_left span {
    font-size: 14px;
    font-weight: 400;
    color: #969696;
}
.w_item_my_knowledge_top .w_right .w_date {
    color: #969696;
    font-size: 16px;
    font-weight: 400;
}
.w_content_my_knowledge {
    display: flex;
    gap: 24px;
    margin-top: 16px;
}
.w_content_my_knowledge figure {
    margin: 0;
    width: 102px;
}
.w_content_my_knowledge figure img {
    width: 100%;
}
.w_content_my_knowledge .w_text {
    position: relative;
    padding-top: 25px;
    padding-left: 47px;
    width: calc(100% - 126px);
    font-size: 18px;
    font-weight: 400;
    box-sizing: border-box;
}
.w_content_my_knowledge .w_text:before {
    display: none;
    content: '';
    position: absolute;
    top: 24px;
    left: 0;
    width: 22px;
    height: 16px;
    background: url(../image/glan/icon_quotes_rotate.png) no-repeat center;
    background-size: cover;
}
.w_content_my_knowledge .w_text span {
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}


/* 계정정보 */
.w_section_my_account {
    width: 778px;
    margin-left: 159px;
    margin-top: -54px;
    padding-top: 30px;
}
.w_section_my_account:after {
    display: block;
    content: '';
    clear: both;
}
.w_section_my_account ul {
    margin: 0;
    padding: 0;
}
.w_section_my_account li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 18px;
    margin-bottom: 20px;
    border-bottom: 1px solid #DEDEDE;
}
.w_section_my_account a {
    text-decoration: none;
}
.w_section_my_account .w_tit {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}
.w_section_my_account .w_text {
    font-size: 16px;
    font-weight: 400;
    color: #3F3F3F;
}
.w_btn_withdrawal {
    float: right;
    color: #969696;
    font-size: 16px;
    font-weight: 400;
}
.switch {
    position: relative;
    display: inline-block;
    width: 53px;
    height: 26px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #969696;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 6px;
    bottom: 6px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: #DCDCFF;
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}


/* 내 정보 */
.w_container_my_info {
    position: relative;
    padding-top: 129px;
    padding-bottom: 110px;
}
.w_container_my_info .w_mypage_title_myorder {
    position: absolute;
    margin: 0;
}
.w_container_my_info .w_mypage_title_myorder h4 {
    margin: 0;
}
.w_section_my_info {
    /*margin-left: 190px;*/
    margin: 0 auto;
    width: 500px;
}
.w_section_my_info .w_section_title {
    margin-bottom: 40px;
    text-align: center;
}
.w_input_default[readonly] {
    background: #FAFAFC;
}
.w_section_my_info .add_info_wrap {
    margin-bottom: 50px;
}
.w_toast_msg_my_info {
    width: 300px;
}
.w_input_div_social {
    width: fit-content;
    border: none;
    overflow: visible;
}
.w_input_div_social img {
    height: 100%;
}
.w_social_login_type {
    border: 1px solid #DEDEDE;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 14px;
}
.w_social_login_type img {
    height: 40px;
}
.w_text_id {
    padding: 15px;
    font-size: 16px;
    color: #000;
    background: #FAFAFC;
}

/* 고객센터 */
.w_customer_title {
    display: flex;
    gap: 40px;
    margin: 80px 0 54px;
}
.w_customer_title a {
    color: #969696;
    text-decoration: none;
}
.w_customer_title .on a {
    color: #000;
}
.w_container_faq {
    position: relative;
    padding: 0 0 60px;
}
.w_list_faq {
    padding: 0;
    width: 100%;
    border-top: 1px solid #DEDEDE;
}
.w_item_faq {
    display: block;
}
.w_item_faq_div {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
}
.w_item_faq_div div {
    padding: 15px 20px 15px 0;
    /*width: calc(100% - 130px);*/
    width: 100%;
}
.w_item_faq_div div span {
    display: inline-block;
    width: 25px;
    padding-right: 10px;
    padding-left: 10px;
}
/*.w_item_faq_div div strong {
    margin-left: 20px;
}*/
/*.w_item_faq_div div:last-of-type {
    padding: 15px 0;
    width: 130px;
    text-align: right;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #9D9FA4;
}*/
.w_item_faq_subject {
    cursor: pointer;
}
.w_item_faq_content {
    display: none;
    background-color: #f9f9f9;
}
.w_item_faq_content.on {
    display: flex;
}
.w_item_faq_content p {
    float: right;
    width: calc(100% - 39px);
}
.w_item_faq_div img {
    margin-right: 15px;
    width: 24px;
    vertical-align: middle;
}

.w_container_inquiry {
    position: relative;
    /*padding: 207px 0 60px;*/
    padding: 0 0 60px;
}
.w_container_inquiry .w_mypage_title_myorder h4 {
    margin: 0;
}
.w_list_inquiry {
    margin: 0 auto;
    padding: 0;
    width: 720px;
}
.w_item_inquiry {
    display: block;
    margin: 0 0 40px;
}
.w_item_inquiry:last-of-type {
    margin-bottom: 0;
}
.w_item_inquiry .w_tit {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
.w_list_cate_type {
    display: flex;
    gap: 18px;
    margin: 0;
    padding: 0;
}
.w_item_cate_type {
    display: inline-flex;
    padding: 0 24px;
    height: 36px;
    border-radius: 40px;
    border: 1px solid #C8C8C8;
    background: #fff;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}
.w_item_cate_type.w_on {
    background: #3838ED;
    border: none;
    color: #fff;
}
.w_item_inquiry .w_input_div {
    height: 61px;
}
.w_item_inquiry .w_input_div input {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 20px 24px;
    border: none;
    outline: none;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.w_item_inquiry .w_textarea {
    height: 208px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #DEDEDE;
    width: 100%;
    resize: none;
    padding: 20px 24px;
    outline: none;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.w_btn_reg {
    margin: 40px auto 0;
    width: 272px;
    height: 60px;
    border-radius: 10px;
    background-color: #3838ED;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.w_item_my_inquiry_top {
    align-items: center;
    padding-right: 0;
}
.w_item_my_inquiry {
    border: none;
    margin: 0 0 30px;
    padding: 0;
}
.w_stat_inquiry {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 79px;
    height: 29px;
    border-radius: 5px;
    background: #DEDEDE;
    color: #000;
    font-size: 14px;
    font-weight: 400;
}
.w_stat_inquiry.w_on {
    background: #DCDCFF;
    color: #3838ED;
}
.w_content_my_inquiry {
    padding-bottom: 20px;
    border-bottom: 1px solid #DEDEDE;
}
.w_inquiry_subj {
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.w_content_my_inquiry .w_text {
    padding: 0;
    width: 100%;
}
.w_content_my_inquiry .w_text:before {
    display: none;
}
.w_inquiry_text {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}
.w_replay_inquiry {
    padding: 20px 0 30px;
    text-align: right;
    border-bottom: 1px solid #969696;
}
.w_replay_inquiry .w_date {
    font-size: 16px;
}
.w_replay_inquiry .w_inquiry_text {
    position: relative;
    margin: 20px 0 0;
    padding-left: 33px;
    text-align: left;
}
.w_replay_inquiry .w_inquiry_text:before {
    display: block;
    content: '';
    position: absolute;
    top: -9px;
    left: 0;
    width: 24px;
    height: 24px;
    background: url('../image/glan/icon_answer.png') no-repeat center;
    background-size: cover;
}

/* 회원탈퇴 */
.w_section_my_withdrawal {
    padding-top: 133px;
    text-align: center;
}
.w_section_my_withdrawal fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
.w_section_my_withdrawal .w_section_title {
    margin-bottom: 40px;
}
.w_section_my_withdrawal p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 50px;
    line-height: 1.4;
}
.w_section_my_withdrawal .w_agree_wrap {
    width: 375px;
    margin: 0 auto 60px;
}
.w_section_my_withdrawal .w_agree_cnt {
    border: none;
}
.w_section_my_withdrawal .w_agree_wrap ul {
    padding: 0;
}
.w_section_my_withdrawal .w_agree_wrap label {
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
}
.w_section_my_withdrawal_result {
    padding-bottom: 120px;
}
.w_section_my_withdrawal_result .w_logo {
    margin: 0 auto 40px;
    width: 93px;
}

/* 비밀번호 변경 */
.w_section_my_change_pw {
    width: 404px;
}
.w_section_my_info .w_section_title_type1 {
    margin-bottom: 60px;
}
.w_section_my_change_pw .add_info_wrap {
    margin-bottom: 25px;
}
.w_section_my_change_pw .w_input_list {
    margin-bottom: 25px;
}
.w_section_my_change_pw .w_input_item {
    position: relative;
    height: 52px;
    box-sizing: border-box;
}
.w_section_my_change_pw .w_text {
    margin: 0 0 40px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #000;
}

/* Cart */
.w_box_border_top {
    padding: 20px 20px 15px 24px;
    border-bottom: 1px solid #DEDEDE;
}
.w_box_border_top h2 {
    font-size: 18px;
    font-weight: 700;
}
.w_prod_chk_all {
    display: flex;
    align-items: center;
    gap: 15px;
}
.w_order_prod_list {
    margin: 0;
    padding: 0;
}
.w_item_order_prod {
    display: flex;
    padding: 25px 30px 25px 24px;
    gap: 24px;
    position: relative;
    border-bottom: 1px solid #DEDEDE;
}
.w_item_order_prod:last-of-type {
    border-bottom: none;
}
.w_item_order_prod .w_chkbox_default {
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translateY(-50%);
}
.w_item_order_prod .w_chkbox_default + figure {
    margin-left: 48px;
}
.w_prod_text {
    margin-top: 6px;
}
.w_prod_text h5 {
    margin: 0 0 6px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
}
.w_prod_text > span {
    color: #969696;
    font-size: 14px;
    font-weight: 400;
}
.w_prod_text .w_price_wrap {
    margin: 10px 0 0;
}
.w_prod_text .w_rate_num,
.w_prod_text .w_price {
    font-size: 16px;
}
.w_prod_text .w_custom_price {
    font-size: 14px;
}
.w_text_period {
    margin: 15px 0 0;
    font-size: 14px;
}
.w_btn_del_order_prod {
    position: absolute;
    top: 79px;
    right: 30px;
}
.w_btn_del_order_prod img {
    width: 32px;
}
.w_order_prod_price_total {
    margin-bottom: 24px;
    padding: 22px 24px;
    overflow: hidden;
}
.w_order_prod_price_total h5 {
    margin: 0 0 32px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
}
.w_order_prod_price_total h5 span {
    color: #3838ED;
}
.w_order_prod_price_cnt {
    margin: 0;
    padding: 0;
}
.w_order_prod_price_cnt li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.w_order_prod_price_cnt li:last-of-type {
    border-bottom: none;
}
.w_order_prod_price_cnt .w_tit {
    color: #969696;
    font-size: 15px;
    font-weight: 400;
}
.w_order_prod_price_cnt .w_price {
    font-size: 15px;
    font-weight: 400;
}
.w_prod_total {
    background: #DCDCFF;
    margin: 0 -24px -22px;
    padding: 18px 24px 20px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
}
.w_item_prod_total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.w_prod_total .w_tit {
    color: #000;
    font-size: 15px;
    font-weight: 400;
}
.w_prod_total .w_price {
    color: #3838ED;
    font-size: 18px;
    font-weight: 700;
}
.w_btn_order {
    height: 60px;
    border-radius: 10px;
    background: #3838ED;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.w_item_prod_total_point {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    width: 100%;
}
.w_item_prod_total_point .w_tit {
    font-size: 12px;
    color: #3F3F3F;
}
.w_item_prod_total_point .w_price {
    color: #3F3F3F;
    font-size: 12px;
    font-weight: 400;
}
.w_btn_ctrl img {
    width: 24px;
}
.w_order_point {
    margin: 29px 0 28px;
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #dedede;
}
.w_order_point_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 2px;
    margin-bottom: 12px;
}
.w_order_point_top h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}
.w_order_point_top span {
    color: #3838ED;
    font-size: 16px;
    font-weight: 400;
}
.w_order_point_use {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0 10px 0 17px;
    height: 60px;
    border: 1px solid #969696;
    border-radius: 10px;
    box-sizing: border-box;
}
.w_order_point_use input {
    width: 127px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    outline: none;
    border: none;
}
.w_order_point_use input::placeholder {
    color: #969696;
}
.w_btn_point_use {
    width: 97px;
    height: 34px;
    border-radius: 4px;
    background: #3838ED;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.w_order_point_all {
    margin-top: 9px;
}
.w_order_point_all label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.w_order_point_all label span {
    font-size: 14px;
    font-weight: 400;
    color: #3F3F3F;
}
.w_order_agree {
    margin-bottom: 20px;
}
.w_order_agree label {
    display: flex;
    gap: 11px;
    cursor: pointer;
}
.w_order_agree label span {
    margin: 0;
    width: calc(100% - 35px);
    letter-spacing: -1px;
    line-height: 1.4;
    color: #000;
    font-size: 15px;
    font-weight: 400;
}
.w_text_notice {
    margin-top: 30px;
}
.w_text_notice h4 {
    margin: 0 0 10px 7px;
    font-size: 15px;
    font-weight: 700;
    color: #969696;
}
.w_text_notice ul {
    margin: 0;
    padding: 0 0 0 22px;
}
.w_text_notice li {
    margin-bottom: 6px;
    color: #969696;
    font-size: 15px;
    font-weight: 400;
}
.w_text_notice li:last-of-type {
    margin-bottom: 0;
}
.w_order_complete_txt {
    margin: -20px 0 0;
}
.w_order_complete_txt p {
    text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: 400;
}
.w_btn_link_myebook {
    width: 265px;
    height: 50px;
    border-radius: 8px;
    background: #3838ED;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 30px auto 0;
}
.w_box_border_order_complete {
    width: 755px;
    box-sizing: border-box;
    margin: 65px auto 112px;
}
.w_btn_link_read {
    position: absolute;
    top: 72px;
    right: 30px;
    width: 176px;
    height: 48px;
    border: 1px solid #3838ED;
    border-radius: 40px;
    font-size: 18px;
    font-weight: 700;
    color: #3838ED;

}

/* Login */
.w_login_wrap {
    margin: 0 auto;
    width: 404px;
}
.w_login_logo {
    margin: 70px auto 39px;
    width: 93px;
}
.w_login_logo img {
    width: 100%;
}
.w_input_list {
    margin: 0;
    padding: 0;
    border: 1px solid #DEDEDE;
    border-radius: 8px;
    overflow: hidden;
}
.w_input_item {
    display: block;
}
.w_input_item:first-of-type {
    border-bottom: 1px solid #DEDEDE;
}
.w_list_flex_text {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: center;
    margin-top: 20px;
}
.w_login_find {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}
.w_login_method {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0;
    padding: 0;
}
.w_login_method li {
    display: block;
}
.w_login_method img {
    width: 52px;
}
.w_login_check_box label {
    color: #969696;
    font-size: 14px;
    font-weight: 400;
}
.w_login_check_box {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 11px 0 21px 15px;
}
.w_login_wrap .w_btn {
    margin-top: 21px;
}

/* Join */
.w_join_wrap {
    margin: 50px auto 0;
    padding-bottom: 42px;
    width: 500px;
}
.w_join_wrap .w_page_title {
    margin-bottom: 30px;
}
.add_info_wrap {
    margin: 0 0 32px;
    padding: 0;
}
.add_info_item {
    display: block;
    margin-bottom: 36px;
}
.add_info_item:last-of-type {
    margin-bottom: 0;
}
.w_item_title {
    margin: 0 0 8px 17px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
.w_radio_btn_wrap_age .w_radio_btn {
    width: 82px;
}
.w_radio_btn_wrap_gender {
    width: 185px;
}
.w_radio_btn_wrap_gender .w_radio_btn {
    width: 50%;
}
.w_agree_wrap {
    margin-bottom: 30px;
}
.w_agree_wrap .w_item_title {
    text-align: center;
    margin: 0 0 15px;
}
.w_agree_cnt {
    border: 1px solid #DEDEDE;
    border-radius: 8px;
    overflow: hidden;
}
.w_agree_wrap ul {
    margin: 0;
    padding: 15px 0 16px 21px;
}
.w_agree_chk {
    display: flex;
    align-items: center;
    gap: 9px;
}
.w_agree_wrap label {
    color: #969696;
    font-size: 14px;
}
.w_agree_wrap .w_chkbox_default:checked + label {
    color: #000;
}
.w_agree_chk_all {
    padding: 16px 0 12px 21px;
    border-bottom: 1px solid #DEDEDE;
}
.w_agree_wrap ul .w_agree_chk {
    margin-bottom: 8px;
}
.w_agree_wrap ul .w_agree_chk:last-of-type {
    margin-bottom: 0;
}
.w_alert_txt {
    display: none;
    margin: 6px 0 0 17px;
    color: #EF2626;
    font-size: 12px;
}
.w_btn_view_layer {
    color: #000;
    font-size: 14px;
    cursor: pointer;
}
.w_layer_agree {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
}
.w_layer_agree:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.w_layer_agree .w_layer {
    width: 1000px;
    height: 50vh;
    overflow-y: auto;
}
.w_layer_agree_content {
    height: 100%;
    overflow-y: auto;
    padding: 0 50px;
}

/* 회원가입 완료 */
.w_join_complete_wrap p {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 48px;
}

/* 회원정보 찾기 */
.w_section_info_find {
    margin: 0 auto;
    width: 404px;
    text-align: center;
}
.w_section_info_find .w_page_title {
    margin: 50px 0 0;
}
.w_section_info_find form {
    margin-top: 70px;
}
.w_section_info_find .w_input_div {
    margin-bottom: 20px;
}
.w_section_info_find .w_input_div:last-of-type {
    margin-bottom: 0;
}
.w_section_info_find .w_btn_default {
    margin-top: 25px;
}
.w_btn_link_text {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    margin: 20px 0 0;
    display: inline-block;
}
.w_find_result {
    margin-top: 40px;
}
.w_find_result p:first-of-type {
    margin: 0 0 24px;
    font-size: 20px;
    font-weight: 400;
}
.w_find_result strong {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
.w_find_result p:last-of-type {
    margin: 46px 0 0;
    color: #969696;
    font-size: 16px;
    font-weight: 400;
}
.w_find_result + .w_btn_default {
    margin-top: 50px;
}
.w_section_info_find_text {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin: 20px 0 0;
}

/* 게시판 */
.w_list_board {
    margin: 0;
    padding: 0;
}
.w_item_board {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 15px 0;
    border-top: 1px solid #DEDEDE;
}
.w_item_board:last-of-type {
    border-bottom: 1px solid #DEDEDE;
}
.w_item_board .w_num {
    font-size: 16px;
    font-weight: 400;
    color: #969696;
}
.w_item_board .w_subj {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}
.w_item_board .w_date {
    font-size: 14px;
    font-weight: 400;
    color: #969696;
    margin-left: auto;
}

.w_board_cnt_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 80px 0 30px;
}
.w_board_cnt_nav a {
    display: inline-block;
    padding: 7.5px 15px;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    background: linear-gradient(180deg, #FFFFFF 0%, #F9F9F9 100%);
    border: 1px solid #2C3549;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}
.w_board_cnt_nav a img {
    margin-right: 10px;
    width: 12px;
}
.w_board_cnt_nav_right a:last-child {
    margin-left: 10px;
}
.w_board_content {
    padding: 20px 25px;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    background-color: #fbfbfb;
}
.w_board_content .w_subject {
    margin: 0 0 10px;
    font-weight: normal;
    font-size: 24px;
    color: #323643;
}
.w_board_content .w_date {
    display: block;
    margin-bottom: 30px;
    font-weight: normal;
    font-size: 12px;
    color: #323643;
    opacity: 0.5;
}
.w_board_content .w_content {
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: -0.05em;
    color: #323643;
}
w_.board_content .w_content p img {
    width: 100%;
}

.w_list_board_event {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}
.w_list_board_event .w_item_board {
    padding: 0;
    width: calc(50% - 40px);
    border: none;
}
.w_list_board_event .w_item_board .w_subj {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.w_item_board figure {
    margin: 0;
}
.w_item_board figure img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
}
.w_list_board_event .w_item_board h6 {
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0 15px;
}
.w_list_board_event .w_item_board .w_date {
    margin-left: initial;
}
.w_list_board_event .w_item_board .w_date:last-of-type {
    margin-top: 10px;
}

/* 서비스 소개 */
.w_section_common_service .w_container {
    max-width: 1180px;
}
.w_section_service_top {
    min-height: 5vh;
    padding: 100px 24px 24px;
    animation: 0.7s ease-in-out 0s 1 normal none running undefined;
    background: rgb(224, 227, 255);
}
.w_service_top .w_section_bg {
    position: relative;
    background: url("../image/glan/img_service_top.png") no-repeat center 70px;
    height: 782px;
    width: 1180px;
}
.w_service_top .w_text_wrap strong {
    font-family: "Pretendard JP", sans-serif;
    font-weight: 700;
    font-size: clamp(10px, 1.5em, 1.5em);
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: rgb(72, 87, 247);
    visibility: visible;
    opacity: 1;
    padding: 0;
    animation: 0.4s ease-in-out 0s 1 normal none running text-focus-in;
    word-break: break-word;
    cursor: auto;
}
.w_service_top .w_text_wrap h1 {
    margin: 20px 0 0;
    text-align: center;
    width: 100%;
    font-family: "IBM Plex Sans KR", serif;
    font-weight: 700;
    font-size: clamp(10px, 4em, 4em);
    line-height: 1.3;
    letter-spacing: -0.04em;
    color: rgb(34, 34, 34);
    visibility: visible;
    opacity: 1;
    animation: 0.4s ease-in-out 0s 1 normal none running text-focus-in;
}
.w_service_top .w_box_text {
    margin-top: -82px;
    height: 294px;
    width: 100%;
    visibility: visible;
    opacity: 1;
    background: rgb(255, 255, 255);
    word-break: break-word;
    cursor: pointer;
    font-weight: 700;
    font-size: clamp(10px, 1.5em, 1.5em);
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: rgb(51, 51, 51);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    gap: 10px;
}
.br_mb {
    display: none;
}
.w_service_top .w_box_text a {
    color: rgb(72, 87, 247);
    text-decoration: none;
    font-size: 28px;
}
.w_section_common_service {
    min-height: 5vh;
    padding: 100px 24px;
}
.w_section_common_service .w_text_wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
.w_section_common_service .w_text_wrap span {
    font-family: "Pretendard JP", sans-serif;
    font-weight: 500;
    font-size: clamp(10px, 1.125em, 1.125em);
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: rgb(72, 87, 247);
    visibility: visible;
    opacity: 1;
    padding: 0;
    animation: 0.4s ease-in-out 0s 1 normal none running text-focus-in;
}
.w_section_common_service .w_text_wrap h3 {
    font-weight: 800;
    font-size: clamp(10px, 2.8125em, 2.8125em);
    line-height: 1.4;
    letter-spacing: -0.04em;
    color: rgb(34, 34, 34);
    text-align: center;
    padding: 0;
    animation: 0.4s ease-in-out 0s 1 normal none running text-focus-in;
    margin: 0;
}
.w_section_service_second {
    animation: 0.7s ease-in-out 0s 1 normal none running undefined;
    background: rgb(224, 227, 255);
}
.w_section_service_second .w_box_text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 109px;
    margin-top: 70px;
    height: 674px;
    background-color: #fff;
    border-radius: 24px;
}
.w_section_service_second .w_box_text img {
    order: 1;
    height: 522px;
}
.w_section_service_second .w_box_text .w_text_wrap {
    align-items: baseline;
    gap: 40px;
}
.w_section_service_second .w_box_text p:first-of-type {
    font-family: "IBM Plex Sans KR", serif;
    font-weight: 800;
    font-size: clamp(10px, 2em, 2em);
    line-height: 1.4;
    letter-spacing: -0.04em;
    color: rgb(34, 34, 34);
    margin: 0;
    visibility: visible;
    opacity: 1;
    padding: 0px;
    animation: 0.4s ease-in-out 0s 1 normal none running text-focus-in;
}
.w_section_service_second .w_box_text p:last-of-type {
    font-family: "Pretendard JP", sans-serif;
    font-weight: 500;
    font-size: clamp(10px, 1.25em, 1.25em);
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: rgb(51, 51, 51);
    margin: 0;
    visibility: visible;
    opacity: 1;
    padding: 0px;
    animation: 0.4s ease-in-out 0s 1 normal none running text-focus-in;
}
.w_list_service_review {
    display: flex;
    flex-direction: column;
    gap: 150px;
    margin: 100px 0 0;
    padding: 0;
}
.w_list_service_review li {
    display: flex;
    align-items: center;
}
.w_list_service_review li:nth-child(2) .w_img_review {
    order: 2;
}
.w_img_review {
    width: 585px;
    height: 560px;
    overflow: hidden;
    border-radius: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.w_list_service_review .w_text {
    width: calc(100% - 585px);
}
.w_list_service_review p {
    margin: 0;
    font-family: "IBM Plex Sans KR", serif;
    font-weight: 800;
    font-size: clamp(10px, 2em, 2em);
    line-height: 1.4;
    letter-spacing: -0.04em;
    color: rgb(34, 34, 34);
    text-align: center;
    visibility: visible;
    opacity: 1;
    padding: 0px;
    animation: 0.4s ease-in-out 0s 1 normal none running text-focus-in;
}
.w_list_service_review span {
    font-family: "Pretendard JP", sans-serif;
    font-weight: 400;
    font-size: clamp(10px, 1.125em, 1.125em);
    line-height: 1.4;
    letter-spacing: -0.04em;
    color: rgb(34, 34, 34);
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    -webkit-box-pack: center;
    align-items: center;
    visibility: visible;
    opacity: 1;
    padding: 0px;
    animation: 0.4s ease-in-out 0s 1 normal none running text-focus-in;
}
.w_banner_service {
    animation: 0.7s ease-in-out 0s 1 normal none running undefined;
    background: rgb(72, 87, 247);
    min-height: 5vh;
    padding: 24px;
}
.w_banner_service .w_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 162px;
    width: 100%;
    max-width: 1200px;
    min-width: 576px;
    font-size: 16px;
}
.w_banner_service .w_text:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 188px;
    height: 142px;
    background: url("../image/glan/img_service_star_left.png") no-repeat center;
    background-size: contain;
}
.w_banner_service .w_text:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 188px;
    height: 142px;
    background: url("../image/glan/img_service_star_right.png") no-repeat center;
    background-size: contain;
}
.w_banner_service .w_text h3 {
    font-family: "IBM Plex Sans KR", serif;
    font-weight: 700;
    font-size: clamp(10px, 3.1875em, 3.1875em);
    line-height: 1.4;
    letter-spacing: -0.06em;
    color: rgb(255, 255, 255);
    margin: 0;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    visibility: visible;
    opacity: 1;
    padding: 0px;
    animation: 0.4s ease-in-out 0s 1 normal none running text-focus-in;
    white-space: pre-wrap;
    word-break: break-word;
    cursor: auto;
    height: fit-content;
    min-width: calc(2ch + 0px);
}
.w_banner_service .w_text a {
    height: 45px;
    width: 185px;
    font-family: "Pretendard JP", sans-serif;
    font-weight: 700;
    font-size: clamp(10px, 1.25em, 1.25em);
    line-height: 1;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    visibility: visible;
    border-radius: 70px;
    opacity: 1;
    background: rgb(236, 178, 42);
    word-break: break-word;
    cursor: pointer;
    text-decoration: none;
    margin: 0 auto;
}
@keyframes text-focus-in {
    0% {
        filter: blur(12px);
        opacity: 0;
    }
    100% {
        filter: blur(0px);
        opacity: 1;
    }
}

/* Subscription */
.page_subscription .page_header h2 {
    display: block;
    margin-bottom: 10px;
}
.page_subscription .page_header span {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #fff;
}
.page_subscription .form_title {
    margin-bottom: 25px;
}
.page_subscription .form_title h4 {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    font-weight: 700;
}
.page_subscription .form_title p {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_subscription .subscription_cnt {
    margin-bottom: 50px;
}
.page_subscription .subscription_cnt h4 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    font-weight: 400;
}
.page_subscription .subscription_cnt p {
    font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.05em;
    color: #9D9FA4;
}
.page_subscription .subscription_cnt .box_border {
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.page_subscription .subscription_info .box_border {
    padding: 17px 28px 16px;
}
.page_subscription .subscription_info .box_border li {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_subscription .subscription_info .box_border strong {
    display: inline-block;
    margin-right: 15px;
    width: 64px;
    font-weight: 500;
}
.page_subscription .subscription_info .box_border span {
    font-weight: 400;
}
.page_subscription .subscription_price .box_border {
    display: flex;
    justify-content: space-between;
    padding: 22px 24px 23px 28px;
}
.page_subscription .subscription_price .box_border span {
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_subscription .subscription_price .box_border strong {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #3A73FF;
}
.page_subscription .choice_section .check_item .check {
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    z-index: 5;
    border: 1px solid #ABAEB0;
}
.page_subscription .choice_section .check_item.on .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 50%;
    left: 50%;
    background-color: #3A73FF;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.page_subscription .choice_section li input[type=radio]{
    position: absolute;
    visibility: hidden;
}
.page_subscription .choice_subscription {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.page_subscription .choice_subscription li {
    position: relative;
    width: 378px;
    height: 111px;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.choice_subscription li label{
    display: block;
    position: absolute;
    top: 25px;
    left: 68px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    z-index: 9;
    cursor: pointer;
}
.choice_subscription li .check {
    position: absolute;
    top: 47px;
    left: 20px;
}
.choice_subscription li span {
    position: absolute;
    top: 57px;
    left: 68px;
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_subscription .subscription_check.on {
    border-color: #3A73FF;
    color: #3A73FF;
}
.page_subscription .subscription_check.on span {
    color: #3A73FF;
}
.choice_method {
    display: flex;
}
.choice_method .method_payment {
    position: relative;
    margin-right: 25px;
}
.choice_method .method_payment .item_cnt {
    display: flex;
}
.choice_method .method_payment .item_cnt .check {
    margin-right: 10px;
    cursor: pointer;
}
.choice_method .method_payment .item_cnt label {
    padding-top: 2px;
    cursor: pointer;
}
.choice_creditcard .creditcard_cnt {
    margin-top: 23px;
}
.choice_creditcard .creditcard_cnt li {
    display: flex;
    margin-bottom: 20px;
}
.choice_creditcard .creditcard_cnt li:last-of-type {
    margin-bottom: 0;
}
.choice_creditcard .creditcard_cnt li .title {
    width: 160px;
    font-weight: 400;
    font-size: 16px;
    line-height: 44px;
    letter-spacing: -0.05em;
    color: #323643;
}
.choice_creditcard .creditcard_cnt li .cnt {
    width: calc(100% - 160px);
}
.choice_creditcard .creditcard_cnt li .cnt input {
    padding: 0 16px;
    width: 100%;
    height: 44px;
}
.choice_creditcard .creditcard_cnt li .cnt.input_two {
    display: flex;
    justify-content: space-between;
}
.choice_creditcard .creditcard_cnt li .cnt.input_two input {
    width: 300px;
}
.choice_creditcard .creditcard_cnt li .cnt p {
    margin-top: 10px;
}
.btn_subscription {
    display: block;
    background: #3A73FF;
    border-radius: 5px;
    height: 46px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 46px;
    letter-spacing: -0.05em;
    color: #fff;
}
/* Book Review Detail */
.page_bookreview_detail .container {
    width: 860px;
}
.page_bookreview_detail .book_info_wrap .book_review_wrap {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: -0.05em;
}
.page_bookreview_detail .book_info_wrap .book_review_wrap p img {
    width: auto;
    max-width: 100%;
}
.page_bookreview_detail .section_title {
    margin-bottom: 30px;
    color: #323643;
    font-weight: normal;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: -0.05em;
}
.page_bookreview_detail .section_title img {
    display: none;
}
.page_bookreview_detail .recommend_book_wrap {
    background-color: #F9F9F9;
    border-top: 1px solid #E0E0E0;
}
.page_bookreview_detail .recommend_book_wrap .container {
    padding: 70px 0;
}
.page_bookreview_detail .recommend_book_list li {
    float: left;
    margin-right: 20px;
    width: 156px;
}
.page_bookreview_detail .recommend_book_list li:last-child {
    margin-right: 0;
}
.page_bookreview_detail .recommend_book_list li img {
    width: 100%;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.2);
}
.page_bookreview_detail .recommend_book_list li h4 {
    margin-top: 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_bookreview_detail .recommend_book_list li p {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    opacity: 0.5;
}
/* ebook */
.page_ebook .cate_btn_wrap {
    display: flex;
    justify-content: right;
    margin-bottom: 20px;
}
.page_ebook .cate_btn_wrap a {
    background: #FFFFFF;
    border: 0.5px solid #9D9FA4;
    border-radius: 8px;
    display: inline-block;
    padding: 8px 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    letter-spacing: -0.05em;
    color: #9D9FA4;
}
.page_ebook .cate_btn_wrap a.on {
    background-color: #3A73FF;
    color: #fff;
    border-color: #3A73FF;
}
.page_ebook .cate_btn_wrap a:first-of-type {
    margin-right: 8px;
}

/* ebook detail */
.page_ebook_detail .btn_list {
    padding: 50px 0;
    border-bottom: 1px solid #9B9B9B;
}
.page_ebook_detail .btn_list:after {
    display: block;
    content: '';
    clear: both;
}
.page_ebook_detail .btn_list a {
    display: inline-block;
    float: right;
    padding: 8.5px 16px;
    background-color: #fff;
    border: 1px solid #323643;
    border-radius: 5px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #000000;
}
.page_ebook_detail .ebook_content_wrap .ebook_info_wrap {
    padding: 50px 0 100px;
}
.page_ebook_detail .ebook_content_wrap .ebook_info_wrap:after {
    display: block;
    content: '';
    clear: both;
}
.page_ebook_detail .ebook_content_wrap .ebook_info_wrap figure {
    float: left;
    width: 200px;
}
.page_ebook_detail .ebook_content_wrap .ebook_info_wrap figure img {
    width: 100%;
}
.page_ebook_detail .ebook_content_wrap .ebook_info_wrap .ebook_info {
    float: left;
    margin-left: 50px;
    width: calc(100% - 250px);
}
.page_ebook_detail .ebook_content_wrap .ebook_info_wrap .ebook_info h1 {
    margin-bottom: 23px;
    font-weight: normal;
    font-size: 30px;
    line-height: 37px;
    color: #000000;
}
.page_ebook_detail .ebook_content_wrap .ebook_info_wrap .ebook_info p {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #000000;
}
.page_ebook_detail .ebook_content_wrap .ebook_info_wrap .ebook_info .btn_func_wrap {
    margin: 30px 0 10px;
}
.page_ebook_detail .ebook_content_wrap .ebook_info_wrap .ebook_info .btn_func_wrap a:first-child {
    margin-right: 7px;
}
.page_ebook_detail .ebook_content_wrap .ebook_info_wrap .ebook_info .btn_func_wrap img {
    width: 38px;
}
.page_ebook_detail .ebook_content_wrap .ebook_info_wrap .ebook_info .author_nm {
    margin-right: 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #000000;
}
.page_ebook_detail .ebook_content_wrap .ebook_info_wrap .ebook_info .date {
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #000000;
}
.page_ebook_detail .rating_wrap {
    display: flex;
    justify-content: right;
    margin-top: 20px;
    padding: 32px;
    background: #F9F9F9;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}
.page_ebook_detail .rating_wrap .rating img {
    width: 28px;
}
.page_ebook_detail .btn_write_review {
    margin-left: 16px;
}
.page_ebook_detail .btn_write_review a {
    display: block;
    padding: 4px 16px;
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #FFFFFF;
    background: #3A73FF;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
}
.page_ebook_detail .ebook_content_wrap .chapter_list ul {
    border: 1px solid #E0E0E0;
}
.page_ebook_detail .ebook_content_wrap .chapter_list li {
    border-bottom: 1px solid #DEDEDE;
}
.page_ebook_detail .ebook_content_wrap .chapter_list li:last-child {
    border-bottom: none;
}
.page_ebook_detail .ebook_content_wrap .chapter_list li.read {
    background-color: #F6F8FF;
}
.page_ebook_detail .ebook_content_wrap .chapter_list li a {
    display: block;
    padding: 15px 0;
}
.page_ebook_detail .ebook_content_wrap .chapter_list .ch_nm {
    margin: 0 20px;
    font-size: 16px;
    line-height: 25px;
    color: #323643;
}
.page_ebook_detail .ebook_content_wrap .chapter_list .ch_nm .icon_read {
    margin-right: 7px;
    width: 12px;
}
.page_ebook_detail .ebook_content_wrap .chapter_list .ch_subject {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_ebook_detail .ebook_content_wrap .chapter_list .ch_subject .icon_free {
    display: inline-block;
    margin-left: 9px;
    width: 35px;
    height: 24px;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 10px;
    line-height: 24px;
    color: #3A73FF;
    vertical-align: bottom;
    background-color: #EBEFFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
.page_ebook_detail .ebook_content_wrap .chapter_list .icon_reading {
    display: none;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
    background: #FE2751;
    border-radius: 12px 12px 12px 0;
    width: 76px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    margin-left: 20px;
}
.page_ebook_detail .ebook_content_wrap .chapter_list li.read .ch_nm,
.page_ebook_detail .ebook_content_wrap .chapter_list li.read .ch_subject {
    color: #3A73FF;
    opacity: 0.3;
}
.page_ebook_detail .ebook_content_wrap .chapter_list li.reading .ch_nm,
.page_ebook_detail .ebook_content_wrap .chapter_list li.reading .ch_subject {
    opacity: 1;
    color: #3A73FF;
}
.page_ebook_detail .ebook_content_wrap .chapter_list li.reading .icon_reading {
    display: inline-block;
}
.page_ebook_detail .ebook_content_wrap .btn_add_library {
    display: block;
    margin: 50px auto 0;
    width: 324px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.05em;
    background-color: #3A73FF;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.page_ebook_detail .cmt_wrap {
    border-top: 1px solid #E0E0E0;
}
.page_ebook_detail .cmt_wrap .container {
    padding-top: 70px;
    border-top: none;
}
#reviewCmtList {
    padding-bottom: 34px;
    border-bottom: 1px solid #E0E0E0;
}
.page_ebook_detail .cmt_wrap .btn_more_list {
    margin-top: 32px;
    background-color: #fff;
}
.page_ebook_detail .layer_author {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 40px;
    width: 312px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 100;
}
.page_ebook_detail .layer_author img {
    margin-bottom: 30px;
    width: 40px;
}
.page_ebook_detail .layer_author p:first-of-type {
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
}
.page_ebook_detail .layer_author p:last-of-type {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
}
.page_ebook_detail .layer_author .icon_bar {
    display: block;
    margin: 30px auto;
    width: 50px;
    height: 3px;
    background-color: #E8E8E8;
}
.page_ebook_detail .layer_author .btn_ok {
    margin-top: 30px;
    background-color: #3A73FF;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    font-weight: 400;
    font-size: 16px;
    height: 50px;
    color: #fff;
    line-height: 48px;
}
/* ebook read */
.page_ebook_read {
    position: relative;
    margin-top: -64px;
    background-color: #fff;
}
.page_ebook_read .ebook_header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    height: 50px;
    border-bottom: 1px solid #DEDEDE;
    background-color: #fff;
}
.page_ebook_read  .ebook_header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1000px;
}
.ebook_header .ebook_title {
    float: left;
}
.ebook_header .ebook_title div {
    float: left;
    margin: 0 20px 0 0;
    height: 50px;
    line-height: 50px;
    font-weight: 400;
    font-size: 15px;
    color: #3838ED;
}
.ebook_header .ebook_title h4 {
    float: left;
    margin: 0;
    padding: 16px 0;
    font-weight: 400;
    font-size: 15px;
    color: #000000;
}

.ebook_header .btn_close_ebook {
    display: block;
    margin-left: auto;
    width: 32px;
    height: 32px;
}
.ebook_header .btn_close_ebook img {
    width: 100%;
}
.page_ebook_read .progressbar {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
}
.page_ebook_read .progressbar .progress {
    width: 0;
    height: 3px;
    background: rgb(56, 56, 237);
}
.page_ebook_read .ebook_content {
    padding: 100px 0;
}
.page_ebook_read .container {
    position: relative;
    margin: 0 auto;
    width: 860px;
    max-width: 100%;
}
#imgList img {
    width: 100%;
}
.page_ebook_read .ebook_content .ebook_page_wrap {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
}
.page_ebook_read .ebook_content .ebook_page_wrap a {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
}
.page_ebook_read .ebook_content .ebook_page_wrap img {
    width: 100%;
}
.page_ebook_read .ebook_content .ebook_page_wrap a:first-of-type {
    left: 0;
}
.page_ebook_read .ebook_content .ebook_page_wrap a:last-of-type {
    right: 0;
}
.page_ebook_read .ebook_content .ebook_page_wrap a:last-of-type img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.page_ebook_read .func_btn_wrap {
    padding: 32px 0 64px;
    text-align: right;
    border-top: 1px solid #E0E0E0;
}
.page_ebook_read .func_btn_wrap a {
    display: inline-block;
    padding: 12px 26px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #FFFFFF;
    background: #3A73FF;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
}
.page_ebook_read .func_btn_wrap a img {
    margin-left: 4px;
    width: 24px;
    vertical-align: top;
}

.w_ebook_func_bar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    border-top: 1px solid #eee;
    background-color: #fff;
}
.w_ebook_func_bar .container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 1000px;
}
.ebook_ctrl_wrap {
    display: flex;
    align-items: center;
    gap: 15px;
}
.ebook_ctrl_wrap.w_on {
    display: inline-flex;
}
.ebook_ctrl_wrap > a {
    position: relative;
    cursor: pointer;
}
.ebook_ctrl_wrap > a img {
    display: block;
    width: 24px;
}
.ebook_ctrl_wrap > a img.icon_dark_mode {
    display: none;
}
.ebook_ctrl_wrap > a .circle_num {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #3A73FF;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    text-align: center;
}
.ebook_ctrl_wrap > a .circle_num span {
    font-weight: 700;
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ebook_ctrl {
    display: flex;
    align-items: center;
    margin-left: auto;
}
.ebook_ctrl .pagination_ebook {
    display: none;
    float: left;
    height: 62px;
    line-height: 62px;
}
.ebook_ctrl .pagination_ebook input[type=range] {
    margin-right: 20px;
    -webkit-appearance: none;
    width: 100px;
    height: 5px;
    background-color: #E4ECFF;
    cursor: pointer;
    border-radius: 0; /* iOS */
    transition: background 450ms ease-in;
}
.ebook_ctrl .pagination_ebook input[type=range]:focus {
    outline: none;
}
.ebook_ctrl .pagination_ebook input[type=range]::-webkit-slider-thumb{
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: blue;
    border: 1px solid dodgerblue;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}
.ebook_ctrl .pagination_ebook input[type=range]::-moz-range-thumb{
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: blue;
    border: 1px solid dodgerblue;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}
.ebook_ctrl .pagination_ebook span {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #323643;
    vertical-align: middle;
}
.ebook_ctrl .pagination_ebook span span {
    vertical-align: baseline;
}

.move_chapter {
    display: flex;
    align-items: center;
    margin: 0 40px;
}
.move_chapter a {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    letter-spacing: -0.05em;
    color: #000000;
    text-decoration: none;
    font-weight: 400;
}
.move_chapter a:first-child {
    margin-right: 30px;
}
.move_chapter a img {
    width: 16px;
}


.ebook_font_size_ctrl {
    display: none;
    position: absolute;
    top: 13px;
    right: 17px;
    bottom: 12px;
    left: 70px;
    justify-content: space-around;
}
.ebook_font_size_ctrl a {
    display: block;
    position: relative;
    width: 23px;
    height: 23px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #D9D9D9;
}
.ebook_font_size_ctrl a:hover,
.ebook_font_size_ctrl a:active {
    -webkit-tap-highlight-color: transparent;
}
.ebook_font_size_ctrl a span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    -moz-transform: translate(-50%, -50%) scale(0.8);
    -ms-transform: translate(-50%, -50%) scale(0.8);
    -o-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    width: 100%;
    text-align: center;
    font-weight: 300;
    font-size: 10px;
    letter-spacing: -0.05em;
    color: #000000;
}
.ebook_font_size_ctrl a:last-of-type img {
    display: block !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.page_ebook_read .layer_common_type1,
.page_ebook_read .layer_note_wrap,
.page_ebook_read .layer_cmt_wrap {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
}
.page_ebook_read .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    cursor: pointer;
}
.page_ebook_read .layer_type1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 385px;
    height: 220px;
    background-color: #fff;
    z-index: 110;
    border-radius: 15px;
    overflow:hidden;
}
.page_ebook_read .layer_type1_head,
.page_ebook_read .layer_note_wrap .layer_note_head,
.page_ebook_read .layer_cmt_wrap .layer_cmt_head {
    position: relative;
    padding: 20px 0 30px;
    text-align: center;
}
.page_ebook_read .layer_type1_head h5,
.page_ebook_read .layer_note_wrap .layer_note_head h5,
.page_ebook_read .layer_cmt_wrap .layer_cmt_head h5 {
    margin: 0;
    color: #000;
    font-size: 20px;
    font-weight: 700;
}
.page_ebook_read .layer_type1_head a,
.page_ebook_read .layer_note_wrap .layer_note_head a,
.page_ebook_read .layer_cmt_wrap .layer_cmt_head a{
    position: absolute;
    top: 12px;
    right: 12px;
}
.page_ebook_read .layer_type1_head a img,
.page_ebook_read .layer_note_wrap .layer_note_head a img,
.page_ebook_read .layer_cmt_wrap .layer_cmt_head a img {
    width: 32px;
}
.page_ebook_read .layer_type1_body ul {
    margin: 0;
    padding: 0;
}
.page_ebook_read .layer_type1_body li {
    display: block;
    margin-bottom: 25px;
    padding: 0 30px;
}
.page_ebook_read .layer_type1_body li:last-of-type {
    margin-bottom: 0;
}
.page_ebook_read .layer_type1_body li a {
    display: flex;
    font-size: 16px;
    color: #000;
    font-weight: 300;
    text-decoration: none;
}
.page_ebook_read .layer_type1_body li .font_current {
    margin-right: 8px;
}
.page_ebook_read .layer_type1_body li .font_current img {
    width: 12px;
}
.page_ebook_read .layer_type1_body li .font_current img.icon_dark_mode {
    display: none;
}
.page_ebook_read .layer_type1_body li.font_change .font_current {
    display: none;
}
.page_ebook_read .layer_type1_body .font_change.active .font_current {
    display: inline-block;
}


.page_ebook_read .layer_note_wrap .layer_note {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 385px;
    max-height: 50vh;
    background-color: #fff;
    z-index: 9999;
    overflow: hidden;
}
.page_ebook_read .layer_note_wrap .layer_note_body ul {
    /*max-height: calc(100vh - 54px);*/
    max-height: calc(50vh - 54px);
    overflow: auto;
}
.page_ebook_read .layer_note_wrap .layer_note_body ul li {
    position: relative;
    padding: 20px 17px;
    border-bottom: 1px solid #E0E0E0;
}
/*.page_ebook_read .layer_note_wrap .layer_note_body ul li:nth-child(n + 5) {
    opacity: 0.2;
}*/
.page_ebook_read .layer_note_wrap .layer_note_body .date {
    color: rgba(50, 54, 67, 0.5);
    font-size: 14px;
}
.page_ebook_read .layer_note_wrap .layer_note_body p {
    margin: 10px 0 4px;
    min-height: 26px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_ebook_read .layer_note_wrap .layer_note_body .chapter_info_wrap {
    display: flex;
}
.page_ebook_read .layer_note_wrap .layer_note_body .chapter_info_wrap span:first-of-type {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #3A73FF;
}
.page_ebook_read .layer_note_wrap .layer_note_body .chapter_info_wrap span:first-of-type:after {
    display: inline-block;
    content: '';
    margin: 0 10px;
    width: 1px;
    height: 12px;
    background-color: #E0E0E0;
}
.page_ebook_read .layer_note_wrap .layer_note_body .chapter_info_wrap span:last-of-type {
    color: rgba(50, 54, 67, 0.5);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}
.page_ebook_read .layer_note_wrap .layer_note_body ul li .btn_func {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
}
.page_ebook_read .layer_note_wrap .layer_note_body ul li .btn_func img {
    height: 10px;
}
.page_ebook_read .layer_note_wrap .layer_note_body .note_func_layer {
    display: none;
    position: absolute;
    top: 42px;
    right: 20px;
    width: 85px;
    background-color: #fff;
    border: 1px solid #E0E0E0;
}
.page_ebook_read .layer_note_wrap .layer_note_body .note_func_layer li {
    padding: 5px 0;
}
.page_ebook_read .layer_note_wrap .layer_note_body .note_func_layer li:last-of-type {
    border-bottom: none;
}
.page_ebook_read .layer_note_wrap .layer_note_body .note_func_layer li a {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    letter-spacing: -0.05em;
    color: #96989E;
    cursor: pointer;
}
.page_ebook_read .layer_note_wrap .layer_note_body .btn_more {
    display: none;
    position: absolute;
    width: 324px;
    height: 50px;
    right: 0;
    bottom: 22px;
    left: 0;
    margin: 0 auto;
    background: #FFFFFF;
    border: 2px solid #3A73FF;
    border-radius: 100px;
    font-weight: 700;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #3A73FF;
}
.page_ebook_read .layer_note_wrap .layer_note_body p.empty_cnt {
    margin: 50px 0;
    text-align: center;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 385px;
    max-height: 50vh;
    background-color: #fff;
    z-index: 9999;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_head {
    padding-left: 17px;
    text-align: left;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_head h5 img {
    margin-right: 8px;
    width: 16px;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body {
    /*max-height: calc(100vh - 200px);
    overflow: auto;*/
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body #reviewCmtList {
    padding-bottom: 0;
    border-bottom: none;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body #cmtList {
    padding: 15px 17px 96px;
    max-height: calc(50vh - 150px);
    overflow: auto;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body .cmt_wrap .user_icon {
    margin-right: 12px;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body .cmt_cnt_wrap {
    width: calc(100% - 46px);
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body .cmt_cnt_wrap .cmt_user_nm {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #323643;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body .cmt_cnt_wrap .cmt_cnt {
    font-size: 14px;
    line-height: 20px;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body .cmt_cnt_wrap p {
    margin-bottom: 4px;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body .cmt_cnt_wrap .cmt_cnt span {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #9D9FA4;
    opacity: 1;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body .cmt_layer_func_wrap {
    position: absolute;
    top: 0;
    right: 0;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body .cmt_layer_func_wrap img {
    width: 25px;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body .cmt_layer_func_wrap ul {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: 100;
    top: 30px;
    right: 0;
    padding: 12px 0;
    border: 1px solid #E0E0E0;
    width: 68px;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body .cmt_layer_func_wrap ul.on {
    display: block;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body .cmt_layer_func_wrap ul li {
    text-align: center;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body .cmt_layer_func_wrap ul a {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body .cmt_wrap .paging_wrap {
    margin: 0;
    padding: 19px 0 3px;
}
.page_ebook_read .layer_cmt_wrap .layer_cmt_body .cmt_write_wrap {
    /*margin: 27px 17px;*/
    padding: 27px 17px;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    height: 96px;
    background-color: #F9F9F9;
    margin-top: 0;
}

.page_ebook_read.dark_mode .ebook_header,
.page_ebook_read.dark_mode .ebook_content,
.page_ebook_read.dark_mode .w_ebook_func_bar {
    background-color: #000;
}
.page_ebook_read.dark_mode .ebook_header .ebook_title div {
    color: #DCDCFF;
}
.page_ebook_read.dark_mode .ebook_header .ebook_title h4,
.page_ebook_read.dark_mode .ebook_header .move_chapter a,
.page_ebook_read.dark_mode .move_chapter a {
    color: #fff;
}
.page_ebook_read.dark_mode .ebook_header .btn_close_ebook img,
.page_ebook_read.dark_mode .ebook_header .move_chapter a img,
.page_ebook_read.dark_mode .w_ebook_func_bar img {
    -ms-filter: invert(1);
    filter: invert(1);
}
.page_ebook_read.dark_mode .ebook_content .ebook_ctrl_wrap {
    border-color: #fff;
    background-color: #000;
}
.page_ebook_read.dark_mode .ebook_content .ebook_ctrl_wrap a img {
    display: none;
}
.page_ebook_read.dark_mode .ebook_content .ebook_ctrl_wrap a img.icon_dark_mode {
    display: block;
}
.page_ebook_read.dark_mode #main {
    background-color: #000;
    color: #fff;
}
.page_ebook_read.dark_mode #main .highlighted {
    color: #000;
}
/*.page_ebook_read #main h1 {
    font-size: 20px;
}*/
.page_ebook_read.dark_mode .overlay {
    background: rgba(255, 255, 255, 0.2);
}
.page_ebook_read.dark_mode .layer_type1 {
    background: #000;
}
.page_ebook_read.dark_mode .layer_type1_head {
    background-color: #000;
}
.page_ebook_read.dark_mode .layer_type1_head h5 {
    color: #fff;
}
.page_ebook_read.dark_mode .layer_type1_head a img {
    filter: invert(1);
}
.page_ebook_read.dark_mode .ebook_header .btn_close_ebook {
    background-color: #000;
}
.page_ebook_read.dark_mode .ebook_header .ebook_ctrl {
    background-color: #000;
}
.page_ebook_read.dark_mode .layer_type1_body {
    background-color: #000;
}
.page_ebook_read.dark_mode .layer_type1_body li a {
    color: #fff;
}
.page_ebook_read.dark_mode .layer_type1_body li .font_current img {
    display: none;
}
.page_ebook_read.dark_mode .layer_type1_body li .font_current img.icon_dark_mode {
    display: block;
}
.page_ebook_read.dark_mode .layer_note_wrap .layer_note_head,
.page_ebook_read.dark_mode .layer_cmt_wrap .layer_cmt_head {
    background-color: #000;
    border-bottom: 1px solid #DEDEDE;
}
.page_ebook_read.dark_mode .layer_note_wrap .layer_note,
.page_ebook_read.dark_mode .layer_note_wrap .layer_note_body,
.page_ebook_read.dark_mode .layer_cmt_wrap .layer_cmt_head {
    background-color: #000;
}
.page_ebook_read.dark_mode .layer_note_wrap .layer_note_body .date {
    color: rgba(137, 138, 138, 0.5);
}
.page_ebook_read.dark_mode .layer_note_wrap .layer_note_body p {
    color: #fff;
}
.page_ebook_read.dark_mode .layer_note_wrap .layer_note_body .chapter_info_wrap span:last-of-type {
    color: rgba(234, 234, 234, 0.5);
}
.page_ebook_read.dark_mode .layer_note_wrap .layer_note_body .note_func_layer li {
    background-color: #292A2B;
}
.page_ebook_read.dark_mode .layer_note_wrap .layer_note_body .note_func_layer li a {
    color: #fff;
}
.page_ebook_read.dark_mode .layer_cmt_wrap .layer_cmt_body,
.page_ebook_read.dark_mode .layer_cmt_wrap .layer_cmt_body .cmt_wrap,
.page_ebook_read.dark_mode .layer_cmt_wrap .layer_cmt_body .cmt_wrap .cmt_write_wrap {
    background-color: #000;
}
.page_ebook_read.dark_mode .layer_cmt_wrap .layer_cmt_body .cmt_cnt_wrap .cmt_user_nm,
.page_ebook_read.dark_mode .layer_cmt_wrap .layer_cmt_body .cmt_cnt_wrap p {
    color: #fff;
}
/* 전자책 업로드 */
.page_ebook_upload .form_btn .form_tit {
    padding-top: 4px;
}
.page_ebook_upload .layer_chk .btn_layer_wrap a {
    width: 190px;
}
.page_ebook_upload .filebox label {
    display: block;
    background-color: #fdfdfd;
    cursor: pointer;
    width: 173px;
    padding: 6px 0;
    text-align: center;
    border: 1px solid #ABAEB0;
    border-radius: 5px;
}
.page_ebook_upload .filebox label span {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    vertical-align: middle;
}
.page_ebook_upload .filebox label img {
    width: 14px;
    margin-left: 10px;
    vertical-align: middle;
}
.page_ebook_upload .filebox.preview-image input[type="file"],
.page_ebook_upload .filebox.preview-image .upload-name {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.page_ebook_upload .filebox.preview-image .upload-display {
    margin-bottom: 5px;
}
.page_ebook_upload .filebox.preview-image .upload-display {
    width: 176px;
}
.page_ebook_upload .filebox.preview-image .upload-thumb-wrap {
    position: relative;
}
.page_ebook_upload .filebox.preview-image .btn_upload_delete {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    cursor: pointer;
}
.page_ebook_upload .filebox.preview-image .btn_upload_delete img {
    width: 100%;
}
.page_ebook_upload .filebox.preview-image .upload-display img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}
.page_ebook_upload .filebox.pdf-file input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.page_ebook_upload .filebox.pdf-file .upload-name {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #323643;
    border: none;
    background: transparent;
    padding: 0;
    vertical-align: middle;
}
.page_ebook_upload .filebox.pdf-file .btn_upload_delete {
    display: none;
    width: 34px;
    height: 34px;
    vertical-align: middle;
    cursor: pointer;
}
.page_ebook_upload .filebox.pdf-file .btn_upload_delete img {
    width: 100%;
}
.page_ebook_upload .help_box {
    border: none;
}
.page_ebook_upload .check_btn_wrap {
    display: flex;
    flex-wrap: wrap;
}
.page_ebook_upload .check_btn_wrap li {
    margin: 0 8px 8px 0;
}
.page_ebook_upload .check_btn_wrap input:checked,
.page_ebook_upload .check_btn_wrap input:not(:checked) {
    position: absolute;
    left: -9999px;
}
.page_ebook_upload .check_btn_wrap input:checked + label,
.page_ebook_upload .check_btn_wrap input:not(:checked) + label {
    display: block;
    padding: 9.5px 15px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    letter-spacing: -0.05em;
    color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.page_ebook_upload .check_btn_wrap input:checked + label {
    border-color: #3A73FF;
    color: #3A73FF;
    font-weight: 700;
    background-color: #ECEFFF;
}
.page_ebook_upload .check_btn_wrap .input_label input + label {
    display: inline-block;
    margin-right: 10px;
}
.page_ebook_upload .check_btn_wrap .input_label span {
    display: inline-block;
    padding-bottom: 4px;
    width: 217px;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: rgba(105, 109, 122, 0.5);
    border-bottom: 1px solid #D9D9D9;
}
.page_ebook_upload .radio_btn_wrap.input_label_wrap li input + label {
    min-width: 85px;
}
.page_ebook_upload .radio_btn_wrap.input_label_wrap li #genre22 {
    position: relative;
    left: inherit;
    display: inline-block;
    width: 217px;
    height: 31px;
    border: none;
    padding: 0 0 4px;
    border-bottom: 1px solid #D9D9D9;
    border-radius: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #000000;
}
.page_ebook_upload .radio_btn_wrap.input_label_wrap .input_label input[type=text]::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: rgba(105, 109, 122, 0.5);
}
.page_ebook_upload .form_registration .ebook_upload_ctrl .btn_submit {
    background-color: #C4D5FF;
}
/*.page_ebook_upload .form_registration .ebook_upload_ctrl .btn_submit:hover,
.page_ebook_upload .form_registration .ebook_upload_ctrl .btn_submit:active*/
.page_ebook_upload .form_registration .ebook_upload_ctrl .btn_submit.active {
    background-color: #3A73FF;
}
/* 기획안 */
.page_plan .section_plan {
    background-color: #fff;
}
.page_plan .section_plan .section_plan_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: inherit;
    height: auto;
}
.page_plan .section_plan .section_plan_list .item_plan {
    margin-bottom: 28px;
    width: 459px;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.page_plan .section_plan .section_plan_list .item_plan.on {
    filter: drop-shadow(0px 5.7375px 11.475px rgba(0, 0, 0, 0.1));
    background-color: #F7F8FF;
}
.page_plan .section_plan .section_plan_list .item_plan .icon_view_book {
    background: #3A73FF;
    border-radius: 107px;
    position: absolute;
    top: 25px;
    right: 23px;
    width: 110px;
    height: 43px;
}
.page_plan .section_plan .section_plan_list .item_plan .icon_view_book a {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 43px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #fff;
}
.page_plan .section_plan .section_plan_list .item_plan .progress_bar {
    margin-top: 17px;
}
.page_plan .section_plan .section_plan_list .item_publish .progress_bar span {
    width: 100% !important;
    background-color: #3A73FF;
}
.page_plan .section_plan .section_plan_list .item_publish .ect .date {
    display: none;
}
.page_plan .section_plan .section_plan_list .item_plan .tag_wrap {
    margin-top: 23px;
    margin-right: -23px;
}
.page_plan .section_plan .section_plan_list .item_plan .tag_wrap .tag_item {
    display: inline-block;
    margin-right: 10px;
    padding: 10px 29px;
    min-width: 100px;
    max-width: 121px;
    text-align: center;
    border: 0.5px solid #9D9FA4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-weight: 400;
    font-size: 14.2679px;
    line-height: 1.5;
    letter-spacing: -0.05em;
    color: #9D9FA4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page_plan .section_plan .section_plan_list .item_plan.on .tag_wrap .tag_item {
    background-color: #fff;
}
/* 기획서 상세 */
.page_plan_detail .container {
    padding-bottom: 0;
    width: 856px;
}
.page_plan_detail .page_header.detail_header {
    padding: 95px 0 55px;
    height: auto;
}
.page_plan_detail .page_header.detail_header .plan_subject .cate {
    display: inline-block;
    margin-bottom: 15px;
    padding: 4px 12px;
    font-weight: 700;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #3A73FF;
    background-color: #ECEFFF;
    -webkit-border-radius: 39px;
    -moz-border-radius: 39px;
    border-radius: 39px;
}
.planner_info_wrap {
    padding: 36px 23px 28px;
    border: 1px solid #CFD9ED;
    border-radius: 8px;
    position: relative;
}
.planner_icon {
    position: absolute;
    top: -26px;
    left: 13px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
.planner_icon img {
    width: 52px;
    height: 52px;
}
.planner_info .planer_name {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    margin-bottom: 8px;
}
.planner_info .planer_introduce {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #333333;
    white-space: pre-wrap;
}
.plan_introduce_wrap {
    display: flex;
    align-items: flex-start;
    margin-top: 45px;
    padding-top: 25px;
    padding-bottom: 60px;
    border-top: 1px solid #E0E0E0;
}
.plan_introduce_wrap .plan_introduce {
    width: calc(100% - 453px);
}
.plan_introduce_wrap .plan_introduce h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: -0.05em;
    color: #2C3549;
    margin-bottom: 20px;
}
.plan_introduce_wrap .plan_introduce p {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #2C3549;
    white-space: pre-wrap;
}

.plan_introduce_wrap .plan_introduce .tag_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}
.plan_introduce_wrap .plan_introduce .tag_wrap li {
    margin: 0 8px 8px 0;
    padding: 8px 16px;
    border: 0.5px solid #3A73FF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
}
.plan_introduce_wrap .plan_introduce .tag_wrap li span {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    letter-spacing: -0.05em;
    color: #3A73FF;
}
.plan_introduce_wrap .plan_recommand {
    margin-left: 32px;
    padding: 16px 27px;
    width: 421px;
    border: 1px solid #CFD9ED;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #FFFFFF;
}
.plan_introduce_wrap .plan_recommand h6 {
    font-weight: 700;
    font-size: 18px;
    line-height: 43px;
    letter-spacing: -0.05em;
    color: #2C3549;
}
.plan_introduce_wrap .plan_recommand div pre {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.05em;
    color: #2C3549;
    list-style: inside;
    white-space: pre-wrap;
}
/*.plan_introduce_wrap .plan_recommand div pre:before {
    display: inline-block;
    content: '';
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #000;
    margin-right: 5px;
    vertical-align: middle;
}*/
.page_plan_detail .plan_content_wrap {
    padding-top: 25px;
    border-top: 1px solid #e0e0e0;
}
.page_plan_detail .plan_content_wrap .chapter_list h4 {
    font-weight: 700;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -0.05em;
    color: #2C3549;
    margin-bottom: 35px;
}
.page_plan_detail .plan_content_wrap .chapter_list ul {
    border: 1px solid #E0E0E0;
}
.page_plan_detail .plan_content_wrap .chapter_list li {
    display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #DEDEDE;
}
.page_plan_detail .plan_content_wrap .chapter_list li:last-child {
    border-bottom: none;
}
.page_plan_detail .plan_content_wrap .chapter_list li.read {
    background-color: #F6F8FF;
}
.page_plan_detail .plan_content_wrap .chapter_list li a {
    display: block;
    padding: 15px 0;
}
.page_plan_detail .plan_content_wrap .chapter_list .ch_nm {
    margin: 0 20px;
    font-size: 16px;
    line-height: 25px;
    color: #323643;
}
.page_plan_detail .plan_content_wrap .chapter_list .ch_subject {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_plan_detail .btn_wrap {
    margin-top: 225px;
    margin-left: calc((100vw - 960px)/ -2);
    margin-right: calc((100vw - 960px)/ -2);
    border-top: 1px solid #E0E0E0;
}
.page_plan_detail .btn_wrap .btn_wrap_right {
    display: flex;
    justify-content: right;
    padding: 24px 0 69px;
}
.page_plan_detail .btn_wrap a {
    display: block;
    width: 156px;
    height: 48px;
    font-weight: 500;
    font-size: 14px;
    line-height: 46px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
}
.page_plan_detail .btn_wrap a.btn_want {
    margin-left: 13px;
    background-color: #3A73FF;
    border-color: #3A73FF;
    color: #fff;
}
/* 기획안 등록 */
.page_plan_upload {
    position: relative;
}
.page_plan_upload .progress_bar_wrap .progress_bar span {
    width: calc(100% / 4);
}
.page_plan_upload .add_info_item {
    width: 657px;
}
.page_plan_upload .input_nickname {
    display: block;
    padding: 8px 15px;
    width: 326px;
    height: 44px;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}
.page_plan_upload .input_nickname input {
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.page_plan_upload .item_textarea {
    margin-bottom: 80px;
    height: 80px;
}
.page_plan_upload textarea {
    margin-bottom: 4px;
    padding: 12px 8px 10px 16px;
    width: 100%;
    height: 100%;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    resize: none;
    line-height: 1.5;
}
.page_plan_upload .chk_text_num {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: rgba(0, 0, 0, 0.3);
}
.page_plan_upload .input_big {
    height: 56px;
}
.page_plan_upload .radio_btn_wrap.input_label_wrap {
    height: auto;
}
.page_plan_upload .radio_btn_wrap li {
    margin-bottom: 28px;
}
.page_plan_upload .plan_step_content_first .input_nickname {
    width: 100%;
}
.page_plan_upload .plan_step_content_first .radio_btn_wrap li.input_label {
    float: left;
    clear: inherit;
    padding-top: 0;
    margin-top: -9px;
}
.page_plan_upload .plan_step_content_first .radio_btn_wrap li.input_label input[type="text"] {
    padding: 0 15px;
    width: 330px;
    height: 44px;
}
.page_plan_upload .plan_step_content_second .add_info_wrap .add_info_item {
    margin-bottom: 67px;
}
.page_plan_upload .plan_step_content_second div {
    text-align: right;
}
.page_plan_upload .plan_step_content_second div ul li {
    position: relative;
    margin-bottom: 24px;
    padding: 14px 18px 13px 16px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
}
.page_plan_upload .plan_step_content_second div ul li span {
    margin-right: 26px;
    font-weight: 500;
    font-size: 19px;
    line-height: 1.5;
    letter-spacing: -0.019em;
    color: #3A73FF;
}
.page_plan_upload .plan_step_content_second div ul li input {
    width: calc(100% - 122px);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.page_plan_upload .plan_step_content_second div ul li input::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.05em;
    color: rgba(105, 109, 122, 0.5);
}
.page_plan_upload .plan_step_content_second div a {
    display: inline-block;
    width: 156px;
    height: 48px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 27px;
    padding: 13px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #000000;
}
.page_plan_upload .plan_step_content_second div a.apDelBtn {
    position: absolute;
    top: 50%;
    right: 18px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    width: 24px;
    height: 24px;
    border: none;
}
.page_plan_upload .plan_step_content_second div a.apDelBtn img {
    width: 100%;
}
.plan_step_recommand .input_big {
    width: 100%;
}
.plan_step_recommand .filebox {
    margin-bottom: 12px;
}
.plan_step_result {
    margin-bottom: 180px;
}
.plan_step_result .step_title {
    margin-top: 150px;
    margin-bottom: 54px;
    text-align: center;
}
.plan_step_result .btn_wrap a {
    background: #3A73FF;
    border-radius: 27px;
    width: 328px;
    display: block;
    height: 48px;
    margin: 0 auto;
    font-weight: 500;
    font-size: 14px;
    line-height: 48px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #FFFFFF;
}
.plan_step_result .btn_wrap a:last-of-type {
    margin-top: 12px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #000;
}
/* 작가연결 */
.page_connect_author .form_registration .ect .form_tit {
    padding-top: 0;
    line-height: 1;
}
/* 검색결과 */
.page_search_result .page_header .search_result {
    float: right;
    margin-top: 10px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    text-align: right;
    letter-spacing: -0.05em;
    color: #fff;
}
.page_search_result .page_header .search_result span {
    margin-left: 20px;
}
.page_search_result .page_content_wrap {
    min-height: calc(100vh - 622px);
    text-align: left;
    background-color: #f9f9f9;
}
.page_search_result .empty_cnt {
    text-align: center;
}
.page_search_result .empty_cnt figure {
    margin: 0 0 30px;
    height: 173px;
}
.page_search_result .empty_cnt figure img {
    height: 100%;
}
.page_search_result .empty_cnt p {
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.05em;
    color: #3A73FF;
}
.page_search_result .search_list li {
    margin-bottom: 20px;
    padding: 30px;
    background-color: #fff;
    border: 1px solid #E0E0E0;
}
.page_search_result .search_list li:last-child {
    margin-bottom: 0;
}
.page_search_result .search_list li:after {
    display: block;
    content: '';
    clear: both;
}
.page_search_result .search_list li a {
    display: block;
}
.page_search_result .search_list .book_cover {
    float: left;
    width: 120px;
}
.page_search_result .search_list .book_cover img {
    width: 100%;
}
.page_search_result .search_list .book_content {
    float: right;
    width: calc(100% - 150px);
}
.page_search_result .search_list .book_content .type {
    display: inline-block;
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.05em;
    border-radius: 100px;
    padding: 0 8px;
}
.page_search_result .search_list .book_content .type.review {
    color: #323643;
    border: 1px solid #2C3549;
}
.page_search_result .search_list .book_content .type.ebook {
    color: #3A73FF;
    border: 1px solid #3A73FF;
}
.page_search_result .search_list .book_content h4 {
    margin-top: 12px;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_search_result .search_list .book_content .user_info_m {
    display: none;
}
.page_search_result .search_list .book_content p {
    margin-top: 6px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.page_search_result .search_list .book_content .user_info {
    margin-top: 15px;
}
.page_search_result .search_list .book_content .user_info:after {
    display: block;
    content: '';
    clear: both;
}
.page_search_result .search_list .book_content .user_info .icon {
    display: block;
    float: left;
    margin-right: 15px;
    width: 34px;
    height: 34px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
.page_search_result .search_list .book_content .user_info .icon img {
    width: 100%;
}
.page_search_result .search_list .book_content .user_info .nick {
    float: left;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #9D9FA4;
}
/* 마이페이지 */
/* 마이페이지 - 공통 */
.help_box {
    padding: 20px;
    background-color: #F6F8FF;
    border: 1px solid #E0E0E0;
}
.help_box p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #000000;
    text-align: center;
}
.lnb_wrap {
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
}
.lnb_wrap ul:after {
    display: block;
    content: '';
    clear: both;
}
.lnb_wrap li {
    position: relative;
    float: left;
    margin-right: 30px;
    min-width: 42px;
    text-align: center;
}
.lnb_wrap li:last-child {
    margin-right: 0;
}
.lnb_wrap li.on {
    border-bottom: 3px solid #3A73FF;
}
.lnb_wrap li .new {
    position: absolute;
    top: 17px;
    right: 0;
    width: 6px;
    height: 6px;
    background-color: #FE2751;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.lnb_wrap a {
    display: block;
    padding: 17px 0;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.lnb_wrap .on a {
    color: #3A73FF;
}
.lnb_sub_wrap {
    margin-bottom: 36px;
    text-align: center;
}
.lnb_sub_wrap ul {
    display: inline-block;
    width: 320px;
}
.lnb_sub_wrap ul:after {
    display: block;
    content: '';
    clear: both;
}
.lnb_sub_wrap ul li {
    float: left;
    width: 50%;
    height: 50px;
    border: 1px solid #3A73FF;
    text-align: center;
}
.lnb_sub_wrap ul li:first-of-type {
    border-right: none;
}
.lnb_sub_wrap ul li a {
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 48px;
    color: #3A73FF;
}
.lnb_sub_wrap ul li.on a {
    background-color: #3A73FF;
    color: #fff;
}
.mypage_button_wrap {
    margin-bottom: 40px;
}
.mypage_button_wrap:after {
    display: block;
    content: '';
    clear: both;
}
.mypage_button_wrap .button_left_wrap {
    float: left;
}
.mypage_button_wrap .button_right_wrap {
    float: right;
}
.mypage_button_wrap .button_right_wrap .btn_modify {
    cursor: pointer;
}
.mypage_button_wrap .button_right_wrap .btn_modify img {
    width: 24px;
}
.mypage_button_wrap .mypage_buttom_sm {
    display: inline-block;
    padding: 7.5px 15px;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #323643;
    border: 1px solid #2C3549;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.mypage_button_wrap .mypage_buttom_sm img {
    margin-right: 10px;
    width: 14px;
    vertical-align: middle;
}
.mypage_button_wrap .mypage_buttom_sm span {
    color: #323643;
}
.mypage_button_wrap .btn_all_chk,
.mypage_button_wrap .btn_cancel,
.mypage_button_wrap .btn_delete {
    display: none;
}
.form_table tr:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #FFFFFF;
}
.form_table table th,
.form_table table td {
    padding: 10px 0;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #323643;
    border: 1px solid #c8c8c8;
}
.form_table table td a {
    color: #323643;
}
.form_table table th {
    background-color: #fafafa;
}
.form_table table td.bold {
    font-weight: normal;
}
.form_table table td .btn {
    border: 1px solid #414141;
    border-radius: 3px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #000000;
    padding: 0 6px;
}
.unlist_form ul {
    border-top: 1px solid #2C3549;
    border-bottom: 1px solid #2C3549;
}
.unlist_form ul li {
    position: relative;
    padding: 15px 20px;
    border-bottom: 1px solid #dedede;
}
.unlist_form ul li.empty_txt {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    text-align: center;
    padding: 236px 0;
}
.unlist_form ul li:hover {
    cursor: pointer;
}
.unlist_form ul li:last-child {
    border-bottom: none;
}
.unlist_form ul li.no_read {
    background-color: #F6F8FF;
}
.unlist_form ul li:after {
    display: block;
    content: '';
    clear: both;
}
.unlist_form ul li:hover {
    /*background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #FFFFFF;*/
}
.unlist_form ul li .cmt_div:after {
    display: block;
    content: '';
    clear: both;
}
.unlist_form ul li .cmt_text {
    float: left;
    width: calc(100% - 95px);
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #000000;
}
.unlist_form ul li .cmt_text a {
    color: #323643;
}
.unlist_form ul li .date {
    float: right;
    width: 75px;
    text-align: right;
    font-size: 16px;
    line-height: 25px;
    color: #9D9FA4;
}
.unlist_form ul li.no_read .cmt_text {
    font-weight: 500;
}
.unlist_form ul li .cmt_ctrl_btn_wrap {
    display: none;
    float: right;
    margin-left: 10px;
}
.unlist_form ul li .cmt_ctrl_btn_wrap:after {
    display: block;
    content: '';
    clear: both;
}
.unlist_form ul li .cmt_ctrl_btn_wrap a {
    display: block;
    float: left;
    margin-right: 10px;
    padding: 5px 7px;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: -0.05em;
    color: #000000;
    line-height: 1;
    border: 1px solid #000;
}
.unlist_form ul li .cmt_ctrl_btn_wrap a:last-of-type {
    margin-right: 0;
}
.unlist_form ul li:hover .cmt_ctrl_btn_wrap {
    display: inline-block;
}
.empty_cnt_wrap {
    position: relative;
    margin: 40px 0;
}
.empty_cnt_wrap h4 img {
    margin-right: 10px;
    width: 20px;
    vertical-align: middle;
}
.empty_cnt_wrap h4 span {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.05em;
    color: #3A73FF;
    vertical-align: middle;
}
.empty_cnt_wrap p {
    margin-top: 20px;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.empty_cnt_wrap .btn_link_wrap a {
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #fff;
    padding: 12px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.empty_cnt_wrap .btn_link_wrap {
    margin-top: 30px;
}
.empty_cnt_wrap .btn_link_wrap a:first-child {
    margin-right: 12px;
    background-color: #3A73FF;
}
.empty_cnt_wrap .btn_link_wrap a:last-child {
    background-color: #653AFF;
}
.empty_cnt_wrap figure {
    position: absolute;
    top: 0;
    right: 0;
    height: 173px;
}
.empty_cnt_wrap figure img {
    height: 100%;
}
.page_my_ebook_modify .page_content_wrap .container {
    padding: 30px 0;
}
.btn_modify_wrap {
    margin-bottom: 30px;
}
.btn_modify_wrap:after {
    display: block;
    content: '';
    clear: both;
}
.btn_modify_wrap .btn_left_wrap {
    float: left;
}
.btn_modify_wrap .btn_right_wrap {
    float: right;
}
.btn_modify_wrap .btn_link_back {
    display: block;
    padding: 8.5px 16px;
    border: 1px solid #2C3549;
    background: linear-gradient(180deg, #FFFFFF 0%, #F9F9F9 100%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn_modify_wrap .btn_link_back img {
    margin-right: 10px;
    width: 12px;
    vertical-align: middle;
}
.btn_modify_wrap .btn_link_back span {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    vertical-align: middle;
}
.btn_modify_wrap .btn_myebook_delete {
    display: block;
    float: left;
}
.btn_modify_wrap .btn_myebook_delete img {
    width: 46px;
}
.btn_modify_wrap .btn_link_modify {
    display: block;
    float: right;
    margin-left: 10px;
    padding: 7.5px 16px;
    border: 1px solid #2C3549;
    background: linear-gradient(180deg, #FFFFFF 0%, #F9F9F9 100%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
}
.btn_modify_wrap .btn_link_modify span {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    vertical-align: middle;
}
.text_data {
    margin-top: 12px;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #9D9FA4;
}
.func_btn_wrap_bottom {
    display: none;
    margin-top: 100px;
    text-align: center;
}
.func_btn_wrap_bottom .btn {
    display: inline-block;
    padding: 11px 60px;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #2C3549;
    border: 1px solid #ABAEB0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.func_btn_wrap_bottom .btn_del_submit {
    margin-left: 20px;
    background-color: #FE2751;
    color: #fff;
    border-color: #FE2751;
}
/* 좋아요 한 기확안 */
.page_like_plan .mypage_button_wrap {
    margin: 20px 0;
}
.page_like_plan.page_my_info .btn_func {
    margin: 0;
}
.page_like_plan li .btn_chk {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    margin: 0;
    width: 22px;
    height: 22px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../image/user/icon_check_off.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}
.page_like_plan li .btn_chk.on {
    background: url(../image/user/icon_check_on.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}
.page_like_plan .help_box {
    margin-bottom: 65px;
}
.page_like_plan .help_box p {
    text-align: left;
}
.page_like_plan .section_plan {
    padding-top: 0;
}
.page_like_plan .section_plan .section_plan_list {
    margin: 0;
    height: auto;
}
.page_like_plan .section_plan_list .no_data {
    margin: 0 auto;
}
.page_like_plan .section_plan_list .no_data p {
    margin-bottom: 63px;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.5;
    text-align: center;
    letter-spacing: -0.05em;
    color: rgba(0, 0, 0, 0.8);
}
.page_like_plan .section_plan_list .no_data figure {
    margin-bottom: 75px;
    width: 372px;
}
.page_like_plan .section_plan_list .no_data figure img {
    width: 100%;
}
.page_like_plan .section_plan_list .no_data a {
    display: block;
    margin: 0 auto;
    width: 328px;
    height: 48px;
    font-weight: 500;
    font-size: 14px;
    line-height: 48px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #FFFFFF;
    background-color: #3A73FF;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    border-radius: 27px;
}
/* 열람내역 */
.page_my_view .page_content_wrap .container {
    padding: 40px 0 100px;
}
.page_my_view .book_list li {
    margin-bottom: 50px;
}
.page_my_view .book_list li .icon_wrap {
    position: absolute;
    top: 6px;
    right: 6px;
    text-align: center;
}
.page_my_view .book_list li .icon_wrap .icon_like {
    display: block;
}
.page_my_view .book_list li .icon_wrap .icon_like {
    margin-bottom: 5px;
}
.page_my_view .book_list li .icon_wrap .icon_like img {
    width: 24px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.page_my_view .book_list li .icon_wrap .icon_complete img {
    width: 30px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.page_my_view .my_ebook_progress_bar {
    position: relative;
    margin-top: 5px;
    height: 3px;
    background-color: #eee;
}
.page_my_view .my_ebook_progress_bar span {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    background-color: #F98723;
}
.page_my_view .my_ebook_progress_bar span.complete {
    background-color: #3A73FF;
}
.page_my_view .book_list li .date {
    display: none;
    font-weight: 400;
    font-size: 11px;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #9D9FA4;
}
/* 노트 */
.page_note.page_my_view .page_content_wrap .container {
    background-color: #fff;
}
.page_note .note_list {
    margin-bottom: 30px;
}
.page_note .note_item {
    position: relative;
    padding: 20px 36px 20px 17px;
    border-bottom: 1px solid #E0E0E0;
}
.page_note .note_item .note_cnt p {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.page_note .note_item .note_cnt p a {
    color: #323643;
}
.page_note .note_item .note_cnt span {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgba(50, 54, 67, 0.5);
}
.page_note .note_item .note_cnt .note_info {
    margin-bottom: 4px;
}
.page_note .note_item .note_cnt .note_info span:first-of-type:after {
    display: inline-block;
    content: '';
    margin: 0 10px;
    width: 1px;
    height: 12px;
    vertical-align: middle;
    background-color: #E0E0E0;
}
.page_note .note_item .btn_more {
    position: absolute;
    top: 24px;
    right: 0;
    cursor: pointer;
}
.page_note .note_item .btn_more .btn_more_icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    text-align: center;
}
.page_note .note_item .btn_more img {
    width: 3px;
}
.page_note .note_item .btn_more .note_func_wrap {
    display: none;
    position: absolute;
    top: 27px;
    right: -60px;
    padding: 40px 0;
    width: 139px;
    background-color: #fff;
    z-index: 999;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.page_note .note_item .btn_more .note_func_wrap .btn_close_func {
    position: absolute;
    top: 22px;
    right: 21px;
}
.page_note .note_item .btn_more .note_func_wrap .btn_close_func img {
    width: 14px;
}
.page_note .note_item .btn_more .note_func_wrap ul li {
    margin-bottom: 30px;
    text-align: center;
}
.page_note .note_item .btn_more .note_func_wrap ul li:last-of-type {
    margin-bottom: 0;
}
.page_note .note_item .btn_more .note_func_wrap ul li a {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #323643;
}
.page_note .note_item .btn_link {
    position: absolute;
    top: 50%;
    right: 12px;
}
.page_note .note_item a img {
    height: 12px;
}
/* 보관함 */
.page_my_box .page_content_wrap .container {
    padding: 30px 0 100px;
}
.page_my_view_ebook .page_content_wrap .container {
    padding-bottom: 80px;
}
.page_my_view_ebook .book_info_wrap .book_info {
    margin-bottom: 20px;
}
/* 나의 전자책 */
.page_my_ebook .page_content_wrap .container {
    padding-top: 70px;
}
.page_my_ebook .link_datalib {
    margin-top: -60px;
    margin-bottom: 15px;
    text-align: right;
}
.page_my_ebook .link_datalib a {
    background: #2C3549;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 58px;
    display: inline-block;
    padding: 8px 16px 7px;
}
.page_my_ebook .link_datalib a img {
    height: 24px;
    margin-right: 8px;
}
.page_my_ebook .link_datalib a span {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #FFFFFF;
    vertical-align: bottom;
}
.page_my_ebook .help_box {
    margin-bottom: 25px;
    padding: 0;
    border: none;
}
.page_my_ebook .help_box div {
    padding: 20px;
    background-color: #F6F8FF;
    border: 1px solid #E0E0E0;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #3A73FF;
    cursor: pointer;
}
.page_my_ebook .help_box div img {
    float: right;
    width: 24px;
}
.page_my_ebook .help_box div.on img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.page_my_ebook .help_box p {
    display: none;
    padding: 20px;
    border: 1px solid #E0E0E0;
    border-top: none;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #000000;
}
.page_my_ebook .author_pay_wrap h3 {
    margin-bottom: 17px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #000000;
}
.page_my_ebook .author_pay_wrap {
    display: none;
    margin-bottom: 70px;
}
.page_my_ebook .author_pay_wrap .pay_cnt_wrap {
    display: flex;
    padding: 26px 0;
    background-color: #3A73FF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.page_my_ebook .author_pay_wrap .pay_cnt_wrap span {
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: -0.05em;
    color: rgba(255, 255, 255, 0.8);
}
.page_my_ebook .author_pay_wrap .pay_cnt_wrap strong {
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #FFFFFF;
}
.page_my_ebook .author_pay_wrap .pay_cnt_wrap .calendar_cnt {
    position: relative;
    width: 189px;
    height: 53px;
    border-right: 1px solid #6793FF;
}
.page_my_ebook .author_pay_wrap .pay_cnt_wrap .calendar_cnt span,
.page_my_ebook .author_pay_wrap .pay_cnt_wrap .calendar_cnt strong {
    text-align: center;
}
.page_my_ebook .author_pay_wrap .pay_cnt_wrap .calendar_cnt img {
    width: 8px;
}
.page_my_ebook .author_pay_wrap .pay_cnt_wrap .calendar_cnt a {
    position: absolute;
    top: 22px;
}
.page_my_ebook .author_pay_wrap .pay_cnt_wrap .calendar_cnt .btn_prev {
    left: 40px;
}
.page_my_ebook .author_pay_wrap .pay_cnt_wrap .calendar_cnt .btn_prev img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.page_my_ebook .author_pay_wrap .pay_cnt_wrap .calendar_cnt .btn_next {
    right: 40px;
}

.page_my_ebook .author_pay_wrap .pay_cnt_wrap .pay_cnt {
    padding-left: 50px;
    width: calc(100% - 189px);
}

.page_my_ebook .form_table table th:nth-child(1),
.page_my_ebook .form_table table td:nth-child(1) {
    width: 52px;
}
.page_my_ebook .form_table table td:nth-child(2) {
    padding: 0 15px;
    text-align: left;
}
.page_my_ebook .form_table table th:nth-child(3),
.page_my_ebook .form_table table td:nth-child(3) {
    width: 130px;
}
.page_my_ebook .form_table table th:nth-child(4),
.page_my_ebook .form_table table td:nth-child(4) {
    width: 130px;
}
.page_my_ebook .form_table table th:nth-child(5),
.page_my_ebook .form_table table td:nth-child(5) {
    width: 130px;
}
.page_my_ebook .form_table table th:nth-child(6),
.page_my_ebook .form_table table td:nth-child(6) {
    width: 50px;
}
.page_my_ebook .form_table table th {
    background-color: #F6F8FF;
}
.page_my_ebook .form_table table tr.reject td:nth-child(5) {
    color: #FE2751;
}
.page_my_ebook .form_table table tr.complete td:nth-child(5) {
    color: #3A73FF;
}
.page_my_ebook .form_table table tr.imsi td:nth-child(5) {
    color: #b7b7b7;
}
.page_my_ebook .form_table table tr.request td:nth-child(5) {
    color: #58d358;
}
.page_my_ebook .form_table table tr .btn {
    font-weight: normal;
    color: #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: none;
}
.page_my_ebook .form_table table tr.ing .btn {
    background: #2C3549;
}
.page_my_ebook .form_table table tr.complete .btn {
    background-color: #3A73FF;
}
.page_my_ebook .form_table table tr.reject .btn {
    background-color: #FE2751;
}
.page_my_ebook .form_table table tr.imsi .btn {
    background-color: #b7b7b7;
}
.page_my_ebook .form_table table tr.request .btn {
    background-color: #58d358;
}
.page_my_ebook .empty_txt {
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #323643;
    padding: 220px 0;
}
.page_my_ebook .ebook_list_mb {
    display: none;
}
.page_my_ebook .ebook_list_mb .empty_txt {
    padding: 50px 0;
}
.page_my_ebook .btn_link_ebook_reg {
    display: block;
    margin: 0 auto;
    width: 326px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.05em;
    background: #3A73FF;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.page_my_ebook .form_table table tr .btn {
    display: inline-block;
    padding: 0;
    width: 40px;
    height: 26px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #fff;
}
.page_my_ebook .form_table table tr.retry .btn {
    background-color: #FE2751;
    font-size: 14px;
}
.page_my_ebook .form_table table tr.pass .btn {
    background-color: #3A73FF;
}
/* 내 기획안 */
.page_my_plan.page_my_ebook .form_table table th:nth-child(6),
.page_my_plan.page_my_ebook .form_table table td:nth-child(6) {
    width: 56px;
}
.page_my_plan.page_my_ebook .form_table table tr.ing td:nth-child(5) {
    color: #F98723;
}
.page_my_plan.page_my_ebook .form_table table tr.retry td:nth-child(5) {
    color: #FE2751;
}
.page_my_plan.page_my_ebook .form_table table tr.pass td:nth-child(5) {
    color: #3A73FF;
}
.page_my_plan .plan_list_mb {
    display: none;
}
/* 데이터 라이브러리 */
.page_datalib.page_my_ebook .page_content_wrap .container {
    padding: 0 18px;
}
.page_datalib .data_wrap {

}
.page_datalib .data_wrap .data_section_head {
    padding: 9px 0;
}
.page_datalib .data_wrap .data_section_head .container {
    display: flex;
    padding: 0;
}
.page_datalib .data_wrap .data_section_head h1 {
    flex: auto;
    margin-top: 7px;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #333333;
}
.page_datalib .data_wrap .data_section_head h1 img {
    width: 28px;
    margin-right: 8px;
    vertical-align: sub;
}
.page_datalib .data_wrap .data_section_head .select_div {
    width: 398px;
    height: 44px;
}
.page_datalib .data_wrap .data_section_head .select_div .select-arrow-active {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.page_datalib .data_wrap .data_section_head .select_div .select-items {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.page_datalib .data_wrap .data_section_body .stat_list {

}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item {
    padding: 65px 0 0;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item:first-of-type {
    padding-bottom: 100px;
    background-color: #F9F9F9;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap {
    display: flex;
    justify-content: space-between;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap > li {
    width: 445px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item h3 {
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #001100;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item h3 span {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: right;
    letter-spacing: -0.05em;
    color: #9D9FA4;
    float: right;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .data_sub_lnb {
    margin-top: 15px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .data_sub_lnb ul {
    display: flex;
    justify-content: space-between;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .data_sub_lnb ul li {
    width: 83px;
    height: 43px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .data_sub_lnb ul li:last-of-type {
    margin-right: 0;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .data_sub_lnb ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 41px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #9D9FA4;
    border: 0.5px solid #9D9FA4;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    overflow: hidden;
    background-color: #fff;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .data_sub_lnb li.on a {
    color: #3A73FF;
    border: 1px solid #3A73FF;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_square + .data_sub_lnb ul li {
    width: 219px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_doughnut li {
    display: none;
    width: 100%;
    height: 300px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_doughnut li.on {
    display: block;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_doughnut li .no-data {
    position: relative;
    height: 100%;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_doughnut li .no-data p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_wrap li {
    display: none;
    width: 100%;
    height: 300px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_wrap li.on {
    display: block;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt {
    height: 300px;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square {
    padding: 60px 33px 60px 35px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list {
    position: relative;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list div {
    position: absolute;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list div h6 {
    text-align: center;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.05em;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list div p {
    text-align: center;
    line-height: 1.5;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.05em;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .first {
    top: 0;
    left: 0;
    padding-top: 55px;
    width: 152px;
    height: 179px;
    background-color: #3A72FF;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .first h6 {
    font-size: 16px;
    line-height: 42px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .first p {
    font-size: 17px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .second {
    top: 0;
    left: 157px;
    margin-bottom: 4px;
    padding-top: 15px;
    width: 152px;
    height: 80px;
    background-color: #2695FF;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .second h6 {
    font-size: 15px;
    line-height: 30px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .second p {
    font-size: 12px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .third {
    top: 84px;
    left: 157px;
    margin-right: 5px;
    padding-top: 20px;
    height: 95px;
    width: 80px;
    background-color: #5FB7FF;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .third h6 {
    font-size: 15px;
    line-height: 30px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .third p {
    font-size: 12px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .fourth {
    top: 84px;
    left: 242px;
    padding-top: 20px;
    height: 95px;
    width: 67px;
    background-color: #4F5D78;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .fourth h6 {
    font-size: 15px;
    line-height: 30px;
    zoom: 0.9;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .fourth p {
    font-size: 12px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .fifth {
    top: 0;
    right: 0;
    padding-top: 25px;
    width: 62px;
    height: 86px;
    background-color: #707FA1;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .fifth h6 {
    font-size: 10px;
    line-height: 16px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .fifth p {
    font-size: 12px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .sixth {
    top: 91px;
    right: 0;
    padding-top: 15px;
    width: 62px;
    height: 58px;
    background-color: #9AA6C2;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .sixth h6 {
    font-size: 10px;
    line-height: 16px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .sixth p {
    font-size: 10px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .seventh {
    top: 154px;
    right: 0;
    width: 62px;
    height: 25px;
    background-color: #CFD9ED;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .seventh h6 {
    font-size: 8px;
    line-height: 12px;
    color: #333;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_item_detail_wrap .stat_cnt.stat_square .square_list .seventh p {
    font-size: 8px;
    color: #333;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_activity {
    background-color: #ECEFFF;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_activity_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_activity_list div {
    position: relative;
    flex: 1;
    margin: 0 16px 20px 0;
    padding: 36px 42px 36px 156px;
    background: #FFFFFF;
    border-radius: 18px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_activity_list div:nth-child(3n) {
    margin-right: 0;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_activity_list .item_icon {
    position: absolute;
    top: 43px;
    left: 42px;
    width: 78px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_activity_list div h6 {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: -0.05em;
    color: #9D9FA4;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_activity_list div p {
    margin: 0 0 8px;
    font-weight: 500;
    font-size: 41px;
    line-height: 27px;
    color: #2C3549;
    font-family: 'Poppins', sans-serif;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_activity_list div span.txt {
    display: inline-block;
    margin-right: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 33px;
    color: #4F5D78;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_activity_list div span.num {
    display: inline-block;
    position: relative;
    padding: 1px 8px;
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_activity_list div span.up {
    color: #FE2751;
    background: #FFE9EF;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_activity_list div span.down {
    color: #1C47DC;
    background-color: #E8E9FB;
}
.page_datalib .data_wrap .data_section_body .stat_list .stat_activity_list div span.num img {
    position: absolute;
    top: 1px;
    left: 4px;
    width: 18px;
}
.page_datalib .data_wrap .data_section_body .stat_activity .ctrl_btn {
    padding: 10px 0 75px;
    text-align: center;
}
.page_datalib .data_wrap .data_section_body .stat_activity .ctrl_btn img {
    width: 80px;
}
/* 알림 */
.page_my_notice .page_content_wrap .container {
    padding-top: 70px;
}
.page_my_notice .unlist_form ul li a {
    display: flex;
}
.page_my_notice .unlist_form ul li .cmt_text {
    font-weight: 500;
    color: #323643;
}
.page_my_notice .unlist_form ul li .date {
    padding: 0 20px;
    width: 122px;
    font-weight: 400;
    text-align: center;
}
.page_my_notice .btn_more_list {
    margin-top: 100px;
}
/* 내가 쓴 댓글 */
.page_my_comment .page_content_wrap .container {
    padding-top: 70px;
}
.page_my_comment .cmt_modify {
    display: none;
    background-color: #fff;
}
.page_my_comment .cmt_modify .cmt_modify_btn {
    margin-bottom: 10px;
    text-align: right;
}
.page_my_comment .cmt_modify .cmt_modify_btn a,
.page_my_comment .cmt_modify .cmt_modify_btn span {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: right;
    letter-spacing: -0.05em;
    color: #323643;
    opacity: 0.3;
}
.page_my_comment .cmt_modify .cmt_modify_btn a {
    margin-left: 16px;
    opacity: 1;
}
.page_my_comment .cmt_modify .cmt_modify_btn a:last-of-type {
    color: #FE2751;
}
.page_my_comment .cmt_modify textarea {
    padding: 12px 16px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    width: calc(100% - 35px);
    height: 52px;
    resize: none;
    outline: none;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
}
/* 회원정보 */
.page_my_info .form_myinfo_wrap {
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.page_my_info .form_myinfo_wrap:after {
    display: block;
    content: '';
    clear: both;
}
.page_my_info .form_myinfo_wrap .profile_icon_wrap {
    position: relative;
    float: left;
    width: 265px;
    border-right: 1px solid #E0E0E0;
}
.page_my_info .form_myinfo_wrap .profile_icon_wrap .filebox.preview-image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.page_my_info .filebox.preview-image .upload-thumb-wrap {
    position: relative;
    margin: 0 auto 20px;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}
.page_my_info .filebox label {
    display: block;
    cursor: pointer;
    margin: 0 auto;
    padding: 8px 0;
    width: 119px;
    text-align: center;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F9F9F9 100%);
}
.page_my_info .filebox label.btn_img_delete {
    display: none;
}
.page_my_info .filebox label span {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
    vertical-align: middle;
}
.page_my_info .filebox label img {
    width: 14px;
    margin-left: 10px;
    vertical-align: middle;
}
.page_my_info .filebox.preview-image input[type="file"],
.page_my_info .filebox.preview-image .upload-name {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.page_my_info .form_myinfo_wrap ul {
    float: left;
    padding: 45px 50px;
    width: calc(100% - 266px);
}
.page_my_info .form_registration .form_tit {
    float: left;
    padding-top: 9px;
    width: 153px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_my_info .form_registration .form_cnt .sns_method {
    display: inline-block;
    padding: 12px 25px 12px 20px;
    width: 230px;
    height: 50px;
    background-color: #E8E8E8;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.page_my_info .form_registration .form_cnt .sns_method img {
    margin-right: 15px;
    width: 24px;
    vertical-align: middle;
}
.page_my_info .form_registration .form_cnt .sns_method span {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #2C3549;
    vertical-align: middle;
}
.page_my_info .form_registration .form_cnt .subscription_manage {
    display: flex;
    margin-top: 20px;
    display: none;
}
.page_my_info .form_registration .form_cnt .subscription_manage .icon_subscription {
    flex: none;
    width: 230px;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #323643;
    background-color: #DEE9FF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.page_my_info .form_registration .form_cnt .subscription_manage span {
    margin-left: auto;
    margin-top: 28px;
    color: #9D9FA4;
    cursor: pointer;
}
.page_my_info .form_registration .form_cnt .input_div {
    position: relative;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
}
.page_my_info .form_registration .form_cnt .input_div.focus {
    border: 1px solid #2C3549;
}
.page_my_info .form_registration .form_cnt > div input[readonly] {
    background: rgba(249, 249, 249, 0.5);
    border: none;
}
.page_my_info .form_registration .form_cnt .input_div input {
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF;
    border: none;
}
.page_my_info .form_registration .form_cnt .sns_nick .btn_chk_layer {
    padding: 9px 0;
    color: #323643;
    border: none;
    border-left: 1px solid #2C3549;
}
.page_my_info .form_registration .form_cnt .sns_nick .chk_text_num {
    border: none;
}
.page_my_info .form_registration .form_cnt .input_div textarea {
    border: none;
    padding: 12px 16px;
    height: 144px;
}
.page_my_info .form_registration .form_cnt .input_div input[type=email] {
    padding-right: 100px;
}
.page_my_info .form_registration .form_cnt .input_div .switch_wrap {
    position: absolute;
    top: 9px;
    right: 9px;
}
.page_my_info .form_registration .form_cnt .input_div .switch_wrap .switch_text {
    display: inline-block;
    margin-right: 5px;
    letter-spacing: -0.05em;
    color: #323643;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    vertical-align: middle;
}
.page_my_info .form_registration .form_cnt .input_div .switch_wrap .switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
}
.page_my_info .form_registration .form_cnt .input_div .switch_wrap .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.page_my_info .form_registration .form_cnt .input_div .switch_wrap .slider {
    position: absolute;
    cursor: pointer;
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.page_my_info .form_registration .form_cnt .input_div .switch_wrap .slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.page_my_info .form_registration .form_cnt .input_div .switch_wrap input:checked + .slider {
    background-color: #3A73FF;
}
.page_my_info .form_registration .form_cnt .input_div .switch_wrap input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
.page_my_info .form_registration .form_cnt .input_div .switch_wrap input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}
.page_my_info .form_registration .form_cnt .input_div .switch_wrap .slider.round {
    width: 30px;
    height: 15px;
    border-radius: 34px;
}
.page_my_info .form_registration .form_cnt .input_div .switch_wrap .slider.round:before {
    border-radius: 50%;
}
.page_my_info .btn_func {
    margin-top: 30px;
}
.page_my_info .btn_func:after {
    display: block;
    content: '';
    clear: both;
}
.page_my_info .btn_func .btn_func_left {
    float: left;
}
.page_my_info .btn_func .btn_func_right {
    float: right;
}
.page_my_info .btn_func .btn_submit {
    display: inline-block;
    background: #3A73FF;
    border-radius: 5px;
    border: none;
    padding: 12px 30px;
    margin: 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #fff;
}
.page_my_info .btn_func_wrap {
    margin-top: 14px;
}
.page_my_info .btn_func_wrap a {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_my_info .btn_func_wrap a:first-child:after {
    display: inline-block;
    content: '';
    margin: 0 20px;
    width: 1px;
    height: 12px;
    vertical-align: middle;
    background-color: #ABAEB0;
}
.page_my_info .btn_func_wrap a:last-child {
    color: #9D9FA4;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 61px 45px 50px 48px;
    width: 453px;
    height: 671px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 100;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe h4 {
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 30px;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .cal_wrap {
    margin-bottom: 24px;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .cal_wrap li {
    margin-bottom: 5px;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .cal_wrap li:last-of-type {
    margin-bottom: 0;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .cal_wrap span {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgba(50, 54, 67, 0.5);
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .cal_wrap span:first-of-type:after {
    display: inline-block;
    content: '';
    margin: 0 10px;
    width: 1px;
    height: 12px;
    vertical-align: middle;
    background-color: #E0E0E0;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .text_wrap {
    padding: 24px 17px 28px;
    border-top: 1px solid #E0E0E0;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .text_wrap p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #000000;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .text_wrap p strong {
    font-weight: 500;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .text_wrap p:first-of-type {
    margin-bottom: 16px;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .text_wrap ol {
    padding-bottom: 22px;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .text_wrap ol li {
    position: relative;
    margin-bottom: 16px;
    padding: 21px 0 21px 57px;
    background-color: #F2F7FF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .text_wrap ol li:last-of-type {
    margin-bottom: 0;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .text_wrap ol li img {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 24px;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .text_wrap ol li span {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_my_info .layer_modal_wrap .layer_unsubscribe .btn_unsubscribe {
    display: block;
    margin: 0 auto;
    width: 326px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.05em;
    background: #3A73FF;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.page_my_info .layer_modal_wrap .btn_close_layer {
    position: absolute;
    top: 24px;
    right: 34px;
    cursor: pointer;
}
.page_my_info .layer_modal_wrap .btn_close_layer img {
    width: 14px;
}
.page_my_info .layer_unsubscribe_reulst .layer_unsubscribe {
    width: 492px;
    height: 712px;
}
.page_my_info .layer_unsubscribe_reulst .layer_unsubscribe h4 {
    margin-bottom: 13px;
}
.page_my_info .layer_unsubscribe_reulst .layer_unsubscribe .cal_wrap span:last-of-type {
    font-weight: 700;
    color: #FE2751;
}
.page_my_info .layer_unsubscribe_reulst .layer_unsubscribe .text_wrap figure {
    margin-top: 32px;
    margin-bottom: 19px;
    text-align: center;
}
.page_my_info .layer_unsubscribe_reulst .layer_unsubscribe .text_wrap figure img {
    height: 80px;
}
.page_my_info .layer_unsubscribe_reulst .layer_unsubscribe .text_wrap p {
    margin: 0 auto 100px !important;
    width: 273px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #72757E;
    word-break: keep-all;
}
.page_my_info .layer_unsubscribe_reulst .layer_unsubscribe .text_notice {
    padding-left: 19px;
}
.page_my_info .layer_unsubscribe_reulst .layer_unsubscribe .text_notice h5 {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #000000;
}
.page_my_info .layer_unsubscribe_reulst .layer_unsubscribe .text_notice ul {
    padding-left: 15px;
}
.page_my_info .layer_unsubscribe_reulst .layer_unsubscribe .text_notice ul li {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.05em;
    color: #72757E;
}
.page_my_info .layer_unsubscribe_reulst .layer_unsubscribe .text_notice ul li:last-of-type {
    margin-bottom: 0;
}
/* 회원정보 - 관심사 */
.page_my_info_interest .form_myinfo_wrap > ul {
    float: inherit;
    padding: 90px 50px 85px;
    width: 100%;
}
.page_my_info_interest .form_myinfo_wrap > ul > li {
    margin-bottom: 33px;
}
.page_my_info_interest .form_myinfo_wrap .check_btn_wrap {
    padding: 0;
    width: 100%;
}
.page_my_info_interest .form_myinfo_wrap + .btn_wrap {
    display: flex;
    justify-content: right;
    margin-top: 25px;
}
.page_my_info_interest .form_myinfo_wrap + .btn_wrap a {
    display: inline-block;
    background: #3A73FF;
    border-radius: 5px;
    border: none;
    padding: 12px 30px;
    margin: 0;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.05em;
    color: #fff;
}
/* 회원탈퇴 */
.page_my_widthdrawal .withdrawal_wrap {
    margin: 150px auto;
    width: 500px;
}
.page_my_widthdrawal .withdrawal_wrap .form_cnt_wrap {
    padding: 60px 60px 40px;
}
.page_my_widthdrawal .withdrawal_wrap p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #000000;
}
.page_my_widthdrawal .withdrawal_wrap p img {
    width: 18px;
    vertical-align: unset;
}
.page_my_widthdrawal .withdrawal_wrap .form_cnt {
    margin: 30px 0;
    padding: 0;
}
.page_my_widthdrawal .form_registration .form_cnt {
    float: inherit;
    width: 100%;
}
.page_my_widthdrawal .form_registration .form_cnt.radio_btn_wrap li {
    float: inherit;
    margin: 0 0 12px;
}
.page_my_widthdrawal .form_registration .form_cnt.radio_btn_wrap li.input_label {
    margin-bottom: 0;
    height: 28px;
}
.page_my_widthdrawal .form_registration .form_cnt.radio_btn_wrap input[type="text"] {
    margin-left: 12px;
    width: 303px;
    height: 28px;
}
.page_my_widthdrawal .withdrawal_wrap .btn_withdrawal_wrap {
    text-align: right;
}
.page_my_widthdrawal .withdrawal_wrap .btn_withdrawal_wrap:after {
    display: block;
    content: '';
    clear: both;
}
.page_my_widthdrawal .withdrawal_wrap .btn_withdrawal_wrap a {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #FE2751;
}
.page_my_widthdrawal .withdrawal_wrap .btn_withdrawal_wrap a:last-child {
    margin-left: 30px;
    color: #323643;
}
/* 기타 게시판 */
.page_ect .tab_menu_wrap {
    margin-bottom: 70px;
    text-align: center;
}
.page_ect .tab_menu_wrap ul {
    display: inline-block;
    border: 1px solid #3A73FF;
}
.page_ect .tab_menu_wrap ul:after {
    display: block;
    conent: '';
    clear: both;
}
.page_ect .tab_menu_wrap li {
    float: left;
    width: 160px;
    height: 50px;
    border-right: 1px solid #3A73FF;
}
.page_ect .tab_menu_wrap li:last-child {
    border-right: none;
}
.page_ect .tab_menu_wrap li a {
    display: block;
    padding: 12.5px 0;
    width: 100%;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    color: #3A73FF;
}
.page_ect .tab_menu_wrap li.on {
    background-color: #3A73FF;
}
.page_ect .tab_menu_wrap li.on a {
    color: #fff;
}
.page_ect .form_table_ect table {
    border-top: 1px solid #2C3549;
}
.page_ect .form_table_ect th {
    padding: 15px 0;
    background-color: #F6F8FF;
    border-bottom: 1px solid #E8E8E8;
}
.page_ect .form_table_ect td {
    padding: 15px 20px;
    border-bottom: 1px solid #E8E8E8;
}
.page_ect .form_table_ect td:first-child a {
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #323643;
}
.page_ect .form_table_ect td:last-child {
    width: 130px;
    font-weight: normal;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #9D9FA4;
}
.page_ect .form_table_ect .alert_info {
    background-color: #FFFAFB;
}
.page_ect .form_table_ect .icon_alert {
    margin-right: 12px;
    padding: 0 10px;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #FE2751;
    border: 1px solid #FE2751;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
/*.page_ect.page_faq .subject {
    cursor: pointer;
}
.page_ect.page_faq .content {
    display: none;
    background-color: #f9f9f9;
}
.page_ect.page_faq .content p {
    float: right;
    width: calc(100% - 39px);
}
.page_ect.page_faq .form_table_ect td img {
    margin-right: 15px;
    width: 24px;
    vertical-align: middle;
}*/
.page_board_cnt {
    background-color: #f9f9f9;
}
.page_board_cnt .page_content_wrap .container {
    padding: 30px 0 110px;
}

.ect_wrap .container {
    padding: 70px 0 130px;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.05em;
    color: #000000;
}


.w_nav_mb {
    display: none;
}