@charset "utf-8";

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea, select{outline:none; -webkit-appearance: none;}

@media (max-width: 3600px) {
    #miain-customer .item {position:relative}
    #miain-customer .item .text-wrap {position:absolute;top:30px;left:30px;color:white;}
    #miain-customer .item .text-wrap h5 {font-size:16px;font-weight: 400}
    #miain-customer .item .text-wrap h4 {font-size:22px;font-weight: 600}
}

@media (max-width: 1400px) {

	#main-visual .visual-rolling {padding:0 50px 40px 40px; }
	#main-visual .visual-rolling::before {margin-left:-50%; width:100%;}
}
@media (min-width: 1201px) and (max-width: 1400px) {


}
/* lg */
@media (max-width: 1330px) {

	#miain-customer .bottom-banner {margin-bottom:40px;}
	#miain-customer .bottom-banner .btbanner-rolling .owl-dots {padding:25px 0 0 0; text-align:center;}
	#miain-customer .bottom-banner .btbanner-rolling .owl-dots .owl-dot {display:inline-block; padding:0 5px !important; }
	#miain-customer .bottom-banner .btbanner-rolling .owl-dots .owl-dot span {overflow:hidden; display:inline-block; width:10px; height:10px; border-radius:100%; border:1px solid #282828; background:#fff; text-indent:-9999em;}
	#miain-customer .bottom-banner .btbanner-rolling .owl-dots .owl-dot.active span {width:20px; border-radius:25px; background:#282828;}


}
@media (max-width: 1230px) {

	#sub-contents .sub-leftcon {display:none;}
	#sub-contents .sub-rightcon {float:none; width:100%;}


}
/* md */
@media (min-width: 992px) and (max-width: 1330px) {


}

/* md-sm */
@media (min-width: 768px) and (max-width: 991px) {
    #miain-customer .item .text-wrap {position:absolute;top:20px;left:20px;color:white;}
    #miain-customer .item .text-wrap h5 {font-size:12px;font-weight: 400}
    #miain-customer .item .text-wrap h4 {font-size:18px;font-weight: 600}
}
/* sm */
@media (max-width: 991px) {

    .field-title .tit {
        font-size: 1.333em;
    }

    .field-title2 {
        font-size: 1.13em;
    }

    #main-visual {
        padding: 40px 0 20px 0;
    }

    #main-visual .visual-rolling::before {
        border-radius: 0px;
    }

    #main-visual .visual-rolling .visual-con .item .subjet {
        font-size: 1.06em;
    }

    #main-visual .visual-rolling .visi_ctrl {
        padding: 15px 0 0 0;
    }

    #main-visual .visual-rolling .visual-con .owl-dots {
        bottom: -42px;
    }

    #best-books,
    #today-books {
        padding: 30px 0;
    }

    #event-banner {
        margin: 30px 0 0 0;
        padding: 40px 0;
    }

    #interest-books {
        padding: 40px 0 0px 0;
    }

    #interest-books .product-list.col-type1 .row {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    #interest-books .product-list.col-type1 .product {
        flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        flex: none;
        flex-basis: 25%;
        width: auto;
    }

    #new-books,
    #free-books {
        padding: 30px 0;
    }

    #miain-customer {
        margin: 30px 0 0 0;
        padding: 40px 0;
    }

    #miain-customer .bottom-banner {
        margin-bottom: 30px;
    }

    #miain-customer .m-guide {
        padding: 15px 0 0 0;
    }

    #miain-customer .item {
        position: relative
    }

    #miain-customer .item .text-wrap {
        position: absolute;
        top: 30px;
        left: 30px;
        color: white;
    }

    #miain-customer .item .text-wrap h5 {
        font-size: 16px;
        font-weight: 400
    }

    #miain-customer .item .text-wrap h4 {
        font-size: 22px;
        font-weight: 600
    }


    .product-list.slide-product {
        padding-right: 0px !important;
    }

    .product-list.slide-product .owl-stage {
        padding-left: 0px !important;
    }

    #point-banner a {
        display: block;
        text-align: center;
    }

    .product-category-order {
        display: block;
        padding: 0;
        border: none;
    }

    .product-category-order .orderScroll {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        position: relative;
        padding: 11px 0;
        border-top: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .product-category-order .order_list li a {
        font-size: 0.83em;
    }

    .product-category-order .order_sort {
        position: absolute;
        top: -34px;
        right: 0px;
    }

    /* 책 상세화면 */
    .bookinfo-wrapper .bookinfo_header {
        padding: 30px 0 20px 0;
    }

    .bookinfo-wrapper .bookinfo_header .books_info {
        padding: 0 0 0 40px;
    }

    .bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_wish,
    .bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_cart,
    .bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_buy,
    .bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_viewer {
        width: 120px;
    }

    .bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns .present_btn {
        width: 55px;
    }

    .bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns .present_btn span {
        width: 55px;
        display: none
    }

    /* 서비스 - 도서목록 별 이벤트 작품 카테고리 */
    .product-category-order .select_order {
        padding: 10px 0;
        justify-content: center !important;
        background: #f5f5f5;
        border-bottom: 1px solid #dbdbdb;
        border-left: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
    }


    /* 마이페이지 */
    /* 상단 고정 정보*/
    .mypage_userinfo {
        padding: 30px 0;
        margin-bottom: 50px;
    }

    .mypage_userinfo .rating_info {
        padding: 0 20px;
    }

    .mypage_userinfo .rating_info .rating_txt strong {
        font-size: 1.13em;
    }

    /* 공통 검색 형식*/
    .mypage_searchbox {
        padding: 20px 20px;
    }

    .mypage_searchbox .period_tab {
        padding: 2px 0;
    }

    .mypage_searchbox .period_search {
        padding: 2px 0;
    }

    .mypage_searchbox .ebook_search {
        padding: 10px 0;
    }

    /* 채널만들기 도서 선택 목록 */
    /* 로그인 & 회원가입 */
    .member-area {
        margin: 40px 0 0 0;
    }

    .membertype_btns {
        padding: 60px 30px 0 30px;
    }

    .form-join {
        padding: 20px 0 0 0;
    }

    /* 약관 */
    .join-end {
        padding: 90px 0 10px 0;
    }

    /* 아이디/비밀번호 찾기 */
    /* 회원등급 */
    /* 마이페이지 - 회원혜택 */
    .newmember-benefit .newmember-coupon {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .newmember-benefit .newmember-coupon .plus {
        width: 100%;
        text-align: center;
    }


    /* 코인 충전 */
    /* 장바구니 */
    .cart-info {
        position: static;
        float: none;
        width: 100%;
    }

    .cart-info .conTit2 {
        position: relative;
        top: auto;
        left: auto;
        font-size: 1.2em;
        display: none;
    }

    .cart-info .buy_btns.btn-num-2 .button.wide {
        width: 49%;
    }

    .cart-info .buy_btns.btn-num-2 .button:nth-child(1) {
        float: left;
    }

    .cart-info .buy_btns.btn-num-2 .button:nth-child(2) {
        float: right;
    }

    .cart-list {
        clear: both;
        float: none;
        width: 100%;
        padding: 20px 0 0 0;
    }

    .cart-info.buybooks-pay {
        position: absolute;
        bottom: 0px;
    }

    .cart-list.buybooks-pay {
        padding: 0 0 380px 0;
    }

    /* 결제 완료*/

	/* 서비스 소개 */

}

/* XS Portrait */
@media (max-width: 767px) {

    #miain-customer .item .text-wrap {position:absolute;top:15px;left:15px;color:white;}
    #miain-customer .item .text-wrap h5 {font-size:14px;font-weight: 400}
    #miain-customer .item .text-wrap h4 {font-size:20px;font-weight: 600}

	#main-visual {padding:30px 0 10px 0;}
	#main-visual .visual-rolling {padding:0 30px 35px 30px;}
	#main-visual .visual-rolling .visual-con .item .subjet {padding-top:10px; font-size:1.0em;}
	#main-visual .visual-rolling .visual-con .owl-dots {position:relative; left:auto; bottom:auto; margin:0 0 !important; padding:15px 0 0 0; text-align:center;}

	#main-visual .visual-rolling .visi_ctrl {display:none; }


	#best-books,
	#today-books {padding:15px 0;}

	#interest-books .product-list.col-type1 .product {flex-basis:33.333%;}

	/* 서브 */
	#con-navi .navi-area ul li a {font-size:0.83em;}
	#con-navi .navi-area ul li.home {padding:0 12px 0 0;}
	#con-navi .navi-area ul li.paging-nav {padding:0 35px 0 5px;}
	#con-navi .navi-area .dropdown-toggle::after {right:10px; margin-left:0px;}

	.sub-conarea .conTit {font-size:1.26em;}

	/* 간락형(체크박스) */
	.booklist-wrapper .product-list.simple .product {flex-basis:33.333%;}
	.booklist-wrapper .product-list.simple .product .product_thumb .checkbox_grey {display:none;}

	/* 상세형(체크박스) */
	.product-list.detail .product .product_thumb .checkbox_grey {display:none;}

	.product-list-header {display:none;justify-content: flex-end!important;}
	/*.product-list-header .paging-area {display:none; }*/

	.product-list-footer {justify-content: center!important;}
	.product-list-footer .action_btn {display:none; }

	.product-list.simple .product .product_content .subjet {font-size:0.93em;}
	.product-list.simple .product .product_content .info .writer {font-size:0.83em;}
	.product-list.simple .product .product_content .info .price {font-size:12px;}
	.product-list.simple .product .product_content .info .price .book_sale {display:block; text-align:center;}
	.booklist-wrapper .product-list.simple .product .action .preview_btn,
	.booklist-wrapper .product-list.simple .product .action .buy_btn,
	.booklist-wrapper .product-list.simple .product .action .viewer_btn {font-size:13px;}

	/* 상세형(체크박스) */
	.product-list.detail {padding:0 0; }
	.product-list.detail .product {position:relative; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: space-between;-ms-flex-pack: space-between;justify-content: space-between;}
	.product-list.detail .product .product_thumb {-webkit-order: 1;-ms-flex-order: 1; order: 1; position:absolute; top:30px; left:0px; padding:0 0 0 0; /*width:25%;*/}
	.product-list.detail .product .product_thumb .checkbox_grey {display:none;}
	.product-list.detail .product .product_thumb .img {width:130px;}
	.product-list.detail .product .product_thumb .preview_btn {font-size:13px;}
	.product-list.detail .product .product_content {-webkit-order: 2;-ms-flex-order: 2;order: 2; width:100%; padding:0 0 0 160px;}
	.product-list.detail .product .product_content .subjet {font-size:0.93em;}
	.product-list.detail .product .product_content .info .writer {font-size:0.83em;}
	.product-list.detail .product .product_content .info .story {font-size:0.8em;}
	.product-list.detail .product .product_action {-webkit-order: 3;-ms-flex-order: 3;order: 3; -webkit-flex: none; -ms-flex: none;  flex: none;  width: 100%;  max-width: 100%; text-align:center;}
	.product-list.detail .product .product_action .wish_btn,
	.product-list.detail .product .product_action .cart_btn,
    .product-list.detail .product .product_action .buy_btn,
    .product-list.detail .product .product_action .present_btn,
	.product-list.detail .product .product_action .viewer_btn {width:auto; padding:0 20px; font-size:13px;}

	/* 슬라이드 북 스타일(체크박스) */
	.product-list.checkbox-book .product .product_content .subjet {font-size:0.93em;}

	/* 슬라이드 북 스타일(체크박스x) */
	.product-list.single-book2 .product .product_content .subjet {font-size:0.93em;}
	.product-list.single-book2 .product .product_content .info .writer {font-size:0.3em;}
	.product-list.single-book2 .product .product_content .info .price {font-size:12px;}
	.product-list.single-book2 .product .product_content .info .price .book_sale {display:block;}
	.product-list.single-book2 .product .action .preview_btn,
	.product-list.single-book2 .product .action .buy_btn,
	.product-list.single-book2 .product .action .viewer_btn {font-size:13px;}

	 /* 책 상세화면 */
	.sub-conarea .conTit.bookinfo {display:none;}
	.bookinfo-wrapper {padding:0 0 0 0; }
	.bookinfo-wrapper .bookinfo_header {padding:0 0; background:#f5f5f5; border-top:none;}
	.bookinfo-wrapper .bookinfo_header .header_product_thumb {float:none; width:200px; margin:40px auto;}
	.bookinfo-wrapper .bookinfo_header .books_info {float:none; padding:30px 0 40px 0; width:100%; background:#fff;}

	.book_keypoint {padding:0 0 15px 0;}

	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info {padding:5px 0;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info dl {margin:5px 0;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info dt {font-size:0.83em;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info dd {padding:0 0 0 80px; font-size:0.83em;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .book_sale {font-size:0.83rem;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info dl.statistics dt {display:none;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info dl.statistics dd {padding:0; line-height:20px;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info dl.statistics dd .metadata::after {top:5px;}

	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action {position:fixed; left:0px; right:0px; bottom:0px; padding:10px 15px; background:#eee; z-index:10;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns button {width:45px; height:45px;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_wish,
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_cart,
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_buy,
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_viewer {font-size:0.93em; height:45px;}

	.bookinfo-wrapper .bookinfo_tabs {margin-bottom:30px;}

	.bookinfo-wrapper .books-series .series-scroll {padding:0 25px;}

	 /* 서비스 - 도서목록 별 이벤트 작품 카테고리 */
	.boocks-eventcate ul li a {line-height:40px; }

	.boocks-eventcate.boxType ul li a {font-size:0.83em;}


	/* 마이페이지 */
	/* 상단 고정 정보*/
	.mypage_userinfo {padding:25px 20px; margin-bottom:40px;}
	.mypage_userinfo .rating_info {width:100%; padding:0 0 30px 0; margin-bottom:20px; border-bottom:1px solid #dbdbdb;}
	.mypage_userinfo .rating_info .more_btn {right:0px; bottom:32px /*position:relative; right:auto; bottom:auto; margin-top:15px;*/}
	.mypage_userinfo .coupon_info {border-left:none; width:50%; padding:0 30px 0 0; }
	.mypage_userinfo .point_info {width:50%; padding:0 0 0 30px;}
	.mypage_userinfo .coupon_info .data strong,
	.mypage_userinfo .point_info .data strong {font-size:1.46em;}

	/* 공통 검색 형식*/
	.mypage_searchbox h3 {-webkit-flex: none; -ms-flex: none;  flex: none;  width: 100%; margin-right:0px; margin-bottom:10px; max-width: 100%; font-size:0.93em; }
	.mypage_searchbox .period_tab {width: 100%; max-width: 100%; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; padding-bottom:10px;}
	.mypage_searchbox .period_tab ul li a {width:auto; padding:0 10px;}
    .mypage_searchbox .period_search {width: 100%; max-width: 100%;padding-bottom: 10px}
    .mypage_searchbox .ebook_search {width: 100%; max-width: 100%;}


	/* 채널만들기 도서 선택 목록 */

	/* 로그인 & 회원가입 */
	.member-area {margin:30px 0 0 0; }
	.member-area h2.big_title2 {font-size:1.46em;}
	.member-area .small_txt_exp {margin-bottom:30px; font-size:0.86em; }

	.member-area .join_step {position:relative; top:auto; right:auto; display:none;}

	.page-form .form-login {padding:50px 0;}
	.membertype_btns {padding:40px 0px 0 0px; }

	.form-join {padding:0px 0 0 0;}

	/* 약관 */

	.join-end {padding:60px 0 10px 0;}
	.join-end dl dt {font-size:1.66em;}
	.join-end dl dd {font-size:0.83em;}

	/* 아이디/비밀번호 찾기 */


	/* 회원등급 */
	.myrating_box {padding:15px 20px; }
	.myrating_box .rating_info .rating {margin-right:20px;}
	.myrating_box .rating_info .info .txt {font-size:1.06em;}

	/* 마이페이지 - 회원혜택 */
	.table.defalut-table thead th .rating_info .rating {width:50px; height:50px;}
	.newmember-benefit .newmember-coupon .coupon_box {padding:40px 40px;}

	/* 코인 충전 */
	.payment_type {padding:20px 20px; }

	/* 장바구니 */

	/* 결제 완료*/
	.payment-end dl dt {font-size:1.66em;}
	.payment-end dl dd {font-size:0.83em;}

	.member-area .table.row-table.buyend th {width:130px;}

	/* 서비스 소개 */
	.serviecinfo-tit {margin-bottom:40px; padding:6rem 9rem 5rem 5rem; background:url("/booknavi/user/img/contents/servieifon_bg_mobi1-5eca62b590fbaedb2292547cbde49c6c.png") no-repeat left top; }
	.serviecinfo-tit h3 {font-size:2.0em;}
	.serviecinfo-tit p {word-break:keep-all; white-space:normal;}

	.serviecinfo-img .pc {display:none;}
	.serviecinfo-img .mobi {display:block;}

}
@media (max-width: 875px) {
    .membertype_btns li {float: left; width:50%; padding:10px 10px;}
}

@media (max-width: 586px) {

    #miain-customer .item .text-wrap {position:absolute;top:30px;left:30px;color:white;}
    #miain-customer .item .text-wrap h5 {font-size:18px;font-weight: 400}
    #miain-customer .item .text-wrap h4 {font-size:24px;font-weight: 600}

	#main-visual .visual-rolling {padding:0 30px 25px 30px;}
	#main-visual .visual-rolling .visual-con .item .subjet {font-size:0.93em;}

	/* 간락형(체크박스) */
	/*.booklist-wrapper .product-list.simple .product {flex-basis:50%; padding:20px 0;}*/
	.booklist-wrapper .product-list.simple .product .product_thumb {width:100px;}
	.booklist-wrapper .product-list.simple .product .action .preview_btn,
	.booklist-wrapper .product-list.simple .product .action .buy_btn,
	.booklist-wrapper .product-list.simple .product .action .viewer_btn {display:block; width:100px; margin:0 auto 5px auto;}

	/* 상세형(체크박스) */
	.product-list.detail .product .product_thumb .img {width:100px;}
	.product-list.detail .product .product_content {padding:0 0 0 130px;}

	/* 슬라이드 북 스타일(체크박스) */
	.product-list.checkbox-book .product .product_thumb {width:100px;}

	/* 슬라이드 북 스타일(체크박스x) */
	.product-list.single-book2 .product .product_thumb {width:100px;}
	.product-list.single-book2 .product .action .preview_btn,
	.product-list.single-book2 .product .action .buy_btn,
	.product-list.single-book2 .product .action .viewer_btn {width:100px; }

	/* 책 상세화면 */
	.bookinfo-wrapper .bookinfo_data .starRat-area h5 {display:none;}

	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .book_price {font-size:1.2em;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info .book_sale {font-size:0.8em;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info dl.statistics dd .metadata:nth-child(3)::after {display:none;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_metadata_wrap .metadata_info dl.statistics dd span:last-child {display:block; padding:0 0 0 0;}

	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .ricon_btns button {width:40px; height:40px;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_wish {width:40px; height:40px;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_wish .txt {display:none;}
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_cart,
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_buy,
	.bookinfo-wrapper .bookinfo_header .books_title_wrap .books_action .books_btns .btn_viewer {width:auto; height:40px; padding:0 15px; font-size:0.93em;}

	.bookinfo-wrapper .bookinfo_data .starRat-area .starRate_data {padding-left:0px; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: space-between;-ms-flex-pack: space-between;justify-content: space-between;}
	.bookinfo-wrapper .bookinfo_data .starRat-area .starRate_data .starRate_people {padding-left:0px; padding-top:5px; font-size:0.83em;}

	.comment-write .comment-form .comment-action {padding:10px 15px;}
	.comment-write .comment-form .comment-action h6 {float:none; text-align:center;}
	.comment-write .comment-form .comment-action .star_select {float:none; margin:15px auto 20px auto; }
	.comment-write .comment-form .comment-action .spoiler_commentset {clear:both; float:none; margin-bottom:15px; }
	.comment-write .comment-form .comment-action .write_btn {position:relative; right:auto; top:auto; width:100%; font-size:0.93em; line-height:50px;}

	.comment-list .list-header .comment-cate ul li {margin-right:0px;}
	.comment-list .list-header .comment-cate ul li a {font-size:0.86em; line-height:40px;}

	.comment-list .list-header .comment-align {top:50px; z-index: 5; border:1px solid #dbdbdb;}
	.comment-list .list-header .comment-align ul li {line-height:1.0;}
	.comment-list .list-header .comment-align ul li a {display:block; padding: 0.25rem 1rem; font-size:0.8em;}
	.comment-list .list-header .comment-align ul li:last-child {border-left:1px solid #dbdbdb;}
	.comment-list .list-header .comment-align ul li:last-child a {padding: 0.25rem 1rem; }
	.comment-list .list-header .comment-align ul li a::after {display:none; }

	.comment-list .list-area {padding:30px 0 0 0;}
	.comment-list .list-area ul li {padding:20px 0 45px 0;}
	.comment-list .list-area ul li span.date {font-size:0.8em;}

	.comment-list .list-area .user_data {flex:none; display:block;}
	.comment-list .list-area .user_data .date {position:absolute; left:0px; bottom:20px; padding:0px;}
	.comment-list .list-area .user_data .date::after {display:none;}

	.comment-list .list-area .comment_con .text {font-size:0.83em;}

	/* 공통 검색 형식*/
	.mypage_searchbox .period_search .calendar-selbox {-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap; justify-content: space-between; width: 100%; max-width: 100%;}
	.mypage_searchbox .period_search .calendar-selbox .form-group {flex: 1 1 auto!important;}
	.mypage_searchbox .period_search .calendar-selbox .hyphen {flex: 1 1 auto!important; text-align:center;}
	.mypage_searchbox .period_search .calendar-selbox .calendar-sel {width:100%;}
    .mypage_searchbox .period_search .button {-webkit-flex: none; -ms-flex: none;  flex: none;  width: 100%; max-width: 100%; margin-top:10px;}
    .mypage_searchbox .ebook_search .button {-webkit-flex: none; -ms-flex: none;  flex: none;  width: 100%; max-width: 100%; margin-top:10px;}


	/* 코인 충전 */
	.payment_type ul {-webkit-flex-wrap:wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; justify-content: flex-start}
	.payment_type ul li {width:33.333%; }

	/* 서비스 소개 */
	.serviecinfo-tit {margin-bottom:30px; padding:11% 23% 20px 9%; background:url("/booknavi/user/img/contents/servieifon_bg_mobi2-9ed5363cfd07f9675fc82fef83af4cda.png") no-repeat left top; background-size:100% auto; }
	.serviecinfo-tit h3 {font-size:1.6em;}
	.serviecinfo-tit p {font-size:0.83em; }

	/* 로그인 & 회원가입 */
	.membertype_btns ul {margin:0 0;}
	.membertype_btns li {float:none; width:100%; padding:5px 0;}
	.membertype_btns li div {padding:30px 20px 15px 20px;}
	.membertype_btns li div h4 {margin-bottom:30px;}
	.membertype_btns li button {font-size:1.0em;}

	/* 약관 */

	.join-end {padding:50px 0 10px 0;}

	.bottom_btns.join ul.center_btns li {margin:0 5px;}
	.bottom_btns.join .button.basic_btn.middle2 {width:auto; padding: 0 30px; font-size:1.0rem; line-height: 50px;}
	.bottom_btns.join .button.basic_btn.line3 {width:auto; padding: 0 30px; font-size:1.0rem; line-height: 48px;}

	/* 아이디/비밀번호 찾기 */




}
@media (max-width: 479px) {

	#interest-books .product-list.col-type1 .product {flex-basis:50%;}

	.product-category-order .order_sort span:nth-child(2) {display:none;}

	/* 간락형(체크박스) */
	.booklist-wrapper .product-list.simple .product {flex-basis:50%; padding:20px 0;}

	/* 상세형(체크박스) */
	.product-list.detail .product .product_thumb .img {width:90px;}
	.product-list.detail .product .product_thumb .preview_btn {font-size:12px;}

	.product-list.detail .product .product_content {padding:0 0 0 100px;}
	.product-list.detail .product .product_content .info .price .book_price {display:block; padding:0px; font-size:12px;}
	.product-list.detail .product .product_content .info .price .book_price::after {display:none;}
	.product-list.detail .product .product_content .info .price .book_sale {display:block; padding:0px; font-size:12px;}
	.product-list.detail .product .product_content .info .story {overflow: hidden; line-height:1.4em; max-height: 5.6em; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal; word-break:keep-all;}
	.product-list.detail .product .product_content .info .starRate_data .starRate_count {display:none;}
	.product-list.detail .product .product_action .wish_btn,
	.product-list.detail .product .product_action .cart_btn,
	.product-list.detail .product .product_action .buy_btn,
	.product-list.detail .product .product_action .viewer_btn {width:auto; padding:0 15px;}

	.product-list.checkbox-book .product .product_thumb {padding:20px 0 0 0;}
	.product-list.checkbox-book .product .product_thumb .checkbox_grey {left:50%; margin-left:-7px; width:14px;}
	.product-list.checkbox-book .product .product_thumb .checkbox_grey label {margin-right:0px;}


	/* 마이페이지 */
	/* 상단 고정 정보*/

	/* 공통 검색 형식*/
	.mypage_userinfo {padding:20px 15px;}
	.mypage_userinfo .coupon_info {padding:0 20px 0 0; }
	.mypage_userinfo .point_info {padding:0 0 0 20px;}
	.mypage_userinfo .coupon_info .data strong,
	.mypage_userinfo .point_info .data strong {font-size:1.2em;}

	/* 채널만들기 도서 선택 목록 */

	/* 로그인 & 회원가입 */
	.sns_login li a {font-size:0.93rem;}

	/* 약관 */

	/* 아이디/비밀번호 찾기 */


	/* 회원등급 */
	.myrating_box .rating_info .rating {margin-right:10px; width:35px; height:35px;}
	.myrating_box .rating_info .info .txt {font-size:1.0em;}
	.myrating_box .rating_info .info .stxt {font-size:0.8em;}

	.table.defalut-table thead th .rating_info .rating {width:40px; height:40px;}

	/* 마이페이지 - 회원혜택 */
	.newmember-benefit .newmember-coupon .coupon_box {padding:30px 20px;}
	.newmember-benefit .newmember-coupon .coupon_box .sbox {width:250px; }
	.newmember-benefit .newmember-coupon .coupon_box .coupon_ui {height:126px; padding:30px 0 0 30px; }

	/* 코인 충전 */
	.payment_type ul li {width:50%;}


	/* 장바구니 */
	.cart-info .cart-con .box1 {padding:20px 20px 10px 20px; }
	.cart-info .cart-con .box1 dl dt {padding:5px; font-size:0.93em;}
	.cart-info .cart-con .box1 dl dd {padding:5px; font-size:0.93em;}
	.cart-info .cart-con .box2 {padding:15px 20px;}
	.cart-info .cart-con .box2 dl dt {font-size:0.93em;}
	.cart-info .cart-con .box2 dl dd {font-size:0.93em;}
	.cart-info .cart-con .box2 dl dd strong {font-size:1.13rem;}

	.cart-info .buy_btns.btn-num-2 .button.wide {width:100%;}
	.cart-info .buy_btns.btn-num-2 .button:nth-child(1),
	.cart-info .buy_btns.btn-num-2 .button:nth-child(2) {float:none; }

	.cart-list.buybooks-pay {padding:0 0 370px 0;}

	/* 결제 완료*/


	/* 서비스 소개 */


}
@media (max-width: 389px) {

	/* 서비스 소개 */
	.member-area .defalt-tabmenu ul.tab-5 li {width:50%;}

}
@media (max-width: 319px) {

	.booklist-wrapper .product-list.simple .product .product_thumb {width:90px;}
	.booklist-wrapper .product-list.simple .product .action .preview_btn,
	.booklist-wrapper .product-list.simple .product .action .buy_btn,
	.booklist-wrapper .product-list.simple .product .action .viewer_btn {width:90px;}

	/* 슬라이드 북 스타일(체크박스) */
	.product-list.checkbox-book .product .product_thumb {width:90px;}

	/* 슬라이드 북 스타일(체크박스x) */
	.product-list.single-book2 .product .product_thumb {width:90px;}

	/* 로그인 & 회원가입 */
	.member-area h2.big_title2 {font-size:1.2em;}


}