@charset "utf-8";

/* 게시판 검색박스 */
.boardSearch {clear:both; position:relative; padding:30px 15px; margin-bottom:30px; background:#f8f8f8; border:1px solid #ccc; text-align:center;}
.boardSearch span {display:inline-block; vertical-align:middle;}
.boardSearch .form-select {border-radius:0px;}
.boardSearch input[type="search"] {width:100%; padding:0.375rem 0.75rem; font-size:1.0rem; color:#666; border:1px solid #ced4da;}
.boardSearch input[type="submit"] {width:100%; padding:0.375rem 0.75rem; font-size:1.0rem; color:#fff; background:#2e324d; border:none;}

/* 게시판 검색 사이징 반응형 */
/* tablet */
@media only screen and (max-width : 1230px){

    .boardSearch span.width_8,
    .boardSearch span.width_10,
    .boardSearch span.width_12,
    .boardSearch span.width_15,
    .boardSearch span.width_25,
    .boardSearch span.width_30,
    .boardSearch span.width_35,
    .boardSearch span.width_48 {width:auto;}

    .boardSearch {padding:40px 30px;}

    .boardSearch .divide-con-3 span {display:block; float:left; width:33.33333334%; padding:0 2px;}
    .boardSearch .divide-con-3 span:nth-child(2) {width:53.33333333%;}
    .boardSearch .divide-con-3 span:nth-child(3) {width:13.33333333%;}

    .boardSearch .divide-con-4 span {display:block; float:left; width:25%; padding:0 2px;}
    .boardSearch .divide-con-4 span:nth-child(3) {width:40%;}
    .boardSearch .divide-con-4 span:nth-child(4) {width:10%;}

    .boardSearch .divide-con-5 span {display:block; float:left; width:16.66666667%; padding:0 2px;}
    .boardSearch .divide-con-5 span:nth-child(4) {width:41.66666667%;}
    .boardSearch .divide-con-5 span:nth-child(5) {width:8.33333333%;}

}
/* mobile */
@media only screen and (max-width : 992px){

    .boardSearch {padding:20px 15px;}

    .boardSearch .divide-con-5 span {width:33.33333333%; margin:5px 0;}
    .boardSearch .divide-con-5 span:nth-child(4){width:75%;}
    .boardSearch .divide-con-5 span:nth-child(5) {width:25%;}

}
@media only screen and (max-width : 797px){

    .boardSearch select {font-size:15px; padding: 0 2.25rem 0 0.75rem; line-height:45px; height:45px;}
    .boardSearch input[type="search"] {font-size:15px; height:45px;}
    .boardSearch input[type="submit"] {font-size:15px; height:45px;}

    .boardSearch .divide-con-4 span {width:50%; margin:5px 0;}
    .boardSearch .divide-con-4 span:nth-child(3) {width:75%;}
    .boardSearch .divide-con-4 span:nth-child(4) {width:25%;}

}
@media only screen and (max-width : 486px){

    .boardSearch .divide-con-3 span {width:100%; margin:5px 0;}
    .boardSearch .divide-con-3 span:nth-child(2) {width:75%;}
    .boardSearch .divide-con-3 span:nth-child(3) {width:25%;}

}

/* 페이징 */
.paging-area {}
.paging-area a {display:inline-block; min-width:24px; height:24px; margin:0 1px; padding:0 2px; font-size:12px; line-height:24px; text-align:center;border:1px solid #dbdbdb; background-color:#fff; }
.paging-area a.first {background:url('/booknavi/user/img/board/btn_paging_first-95391feffc56789d54c01d78f0993b3d.png') no-repeat center center;background-size:100% auto;text-indent:-9999em;}
.paging-area a.last {background:url('/booknavi/user/img/board/btn_paging_last-8bb5e26da834305b2a1175c42c5b5b4f.png') no-repeat center center;background-size:100% auto;text-indent:-9999em;}
.paging-area a.prev {background:url('/booknavi/user/img/board/btn_paging_prev-3916b6e8c07214844c3a89583b2c7caa.png') no-repeat center center;background-size:100% auto;text-indent:-9999em;}
.paging-area a.next {background:url('/booknavi/user/img/board/btn_paging_next-159177ae440704a5702a6f4217ee59b8.png') no-repeat center center;background-size:100% auto;text-indent:-9999em;}
.paging-area .num.active {color:#f27800; border-color:#f27800;}

div.board {clear:both; position:relative; margin-bottom:40px;}

/* 게시판 상단 */
.board-header {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between;
    position:relative; }

.board-header .board-total {margin:10px 0; font-size:0.93em; font-weight:300; }
.board-header .board-total .checkbox_grey {display:inline-block; vertical-align:middle;}
.board-header .board-total .checkbox_grey label {margin-right:5px;}
.board-header .board-total .button {vertical-align:middle;}

.board-header .order_sort {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.board-header .order_sort .inline_select1 {padding-left:5px;}
.board-header .order_sort .inline_select1 .select_type1 {padding: 0.2rem 2.25rem 0.2rem 0.5rem; font-size:12px; border-radius:0px; border-color:#dbdbdb;}

.board-header .order_list {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;
    padding-bottom:15px;}
.board-header .order_list li {position:relative; display: inline-block; -webkit-flex: none;-ms-flex: none;flex: none; }
.board-header .order_list li a {font-size:0.93em; }
.board-header .order_list li:after {position:absolute; right:0px; top:8px; content:""; display:inline-block; width:1px; height:12px; background:#dbdbdb; }
.board-header .order_list li:last-child:after {display:none;}
.board-header .order_list li a {position:relative; display:inline-block; padding:0px 10px; font-size:0.93em; font-weight:300; color:#666;}
.board-header .order_list li:first-child a {padding:0 10px 0 0;}
.board-header .order_list li a.active {font-weight:500;color:#000;}

/* 내가 만든 채널 */
.board-header.bt_line {padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #dbdbdb;}

.board-header .mylibrary_info {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.board-header .mylibrary_info li {position:relative; padding:0 10px; font-size:0.93em; }
.board-header .mylibrary_info li:first-child {padding:0 10px 0 0;}
.board-header .mylibrary_info li:after {position:absolute; right:0px; top:6px; content:""; display:inline-block; width:1px; height:12px; background:#dbdbdb; }
.board-header .mylibrary_info li:last-child:after {display:none;}
.board-header .mylibrary_info strong {color:#5d8e44;}

/* 초대 코드 입력 */
.board-header .code_input {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;}
.board-header .code_input label {display:inline-block; font-size:0.93em; font-weight:500; margin-right:10px;}
.board-header .code_input .input_box {display:inline-block; width:150px; }
.board-header .code_input .input_box .input {width:100%; padding:0 10px; font-size:12px; line-height:25px; border:1px solid #dbdbdb;}
.board-header .code_input .ok_btn {padding:0 15px; font-size:12px; color:#fff; line-height:27px; background:#666; border:none;}

/* 게시판 하단 */
.board-footer {text-align:center;}

/* 하단 버튼들 */
.bottom_btns {position:relative; padding:30px 0; }
.bottom_btns ul.center_btns {text-align:center;}
.bottom_btns ul.center_btns li {display:inline-block; margin:0 10px; }
.bottom_btns ul.right_btns {float:right;}
.bottom_btns ul.right_btns li {float:left; margin:0 0 0 10px;}


/* 기본 게시판 */
div.board table.basic-board {width:100%;border-spacing:0;border-collapse:collapse;border-top:2px solid #000;table-layout:fixed;}
div.board table.basic-board thead th {padding:15px 0;font-size:1em; font-weight:500;text-align:center;border-bottom:1px solid #dbdbdb;background-color:#f2f2f2;}
div.board table.basic-board tbody td {padding:15px 10px;font-size:1em; color:#666; text-align:center;border-bottom:1px solid #ccc;}
div.board table.basic-board tbody td.subject {text-align:left; -webkit-line-clamp: 1; color:#282828;}
div.board table.basic-board tbody td.subject a {display:block;}
div.board table.basic-board tbody tr.notice {font-weight:500; }
div.board table.basic-board tbody td .notice {overflow:hidden; display:inline-block; width:21px; height:20px; background:url('/booknavi/user/img/board/notice_pic-3955d1eaf129de2bb02d0694825c7583.png') no-repeat center center;  background-size:100% auto; text-indent:-9999em;}
div.board table.basic-board tbody td .new  {overflow:hidden; display:inline-block; width:18px; height:18px; background:url('/booknavi/user/img/board/new_icon-ce09fdbf8ef7c8c0c558efd80c0b711c.png') no-repeat center center;  background-size:100% auto; text-indent:-9999em; margin:0px 0 -3px 10px;}


/* 기본 게시판 상세보기 */
div.board .basic-view {position:relative; border-top:2px solid #000;}
div.board .basic-view .view_header {position:relative; padding:25px 30px;  background:#f2f2f2; border-bottom:1px solid #dbdbdb;}
div.board .basic-view .view_header .subject {padding:0 90px 0 0;  font-size:1.0em; font-weight:500; color:#000;}
div.board .basic-view .view_header .date {position:absolute; right:30px; top:25px; font-size:0.93em; font-weight:300; color:#666;}
div.board .basic-view .view_con {padding:40px 30px; color:#666; line-height:1.45em; border-bottom:1px solid #dbdbdb;}
div.board .basic-view .view_con p {margin:20px 0;}

div.board .basic-view .attacth_file {width:100%;height:30px;padding-right:10px;}
div.board .basic-view .attacth_file .file{float:right;}
div.board .basic-view .attacth_file .file:before{background: url(/booknavi/user/img/board/downloads-409930a4505af0ca590fb2517c481111.png) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    background-size: 15px;
    height: 15px;
    width: 18px;padding-right:5px}

    /* 이전글-다음글 */
div.board .view_link {position:relative; border-bottom:1px solid #dbdbdb;}
div.board .view_link .pretext {position:relative; border-bottom:1px solid #dbdbdb;}
div.board .view_link .nexttext {position:relative; }
div.board .view_link .tit {position:absolute; left:0px; top:0px; display:block; padding:15px 50px 15px 50px; min-height:54px; color:#666; font-weight:bold; text-align:center; background-color:#f2f2f2;}
div.board .view_link .data {display:block; padding:15px 30px 15px 165px; min-height:54px;}
div.board .view_link .data a {overflow:hidden; display:block; width:99%; padding:0 90px 0 0px;  color:#666; font-weight:300; white-space:nowrap; text-overflow: ellipsis; }
div.board .view_link .data .date {position:absolute; right:30px; top:15px; color:#666;  font-weight:300;}

/* 기획전/이벤트 게시판 */
.event-list {position:relative; }
.event-list li {position:relative; overflow:hidden; clear:both; border-bottom:1px solid #dbdbdb;}
.event-list li .event_image_wrapper {position:relative; display:table; width:100%; padding:40px 0;}
.event-list li .event_image_wrapper .event_image_thumbnail {position:relative; display:table-cell; width:50%; padding-right:25px; z-index:5; vertical-align:middle;}
.event-list li .event_image_wrapper .event_image_thumbnail a {display:block;}
.event-list li .event_image_wrapper .event_image_thumbnail img {width:100%;}
.event-list li .event_image_wrapper .event_image_caption {position:relative; display:table-cell; width:50%; vertical-align:middle;}
.event-list li .event_image_wrapper .event_image_caption .subject {margin-bottom:20px;font-size:1.2em; font-weight:500;}
.event-list li .event_image_wrapper .event_image_caption .con {margin-bottom:35px;font-size:0.93em; font-weight:300; white-space:pre-line;}
.event-list li .event_image_wrapper .event_image_caption .period {font-size:0.93em; font-weight:300; color:#666;}
.event-list li .event_image_wrapper .event_image_caption .button {position:absolute; right:0px; bottom:0px;}

.event-view {border-top:1px solid #dbdbdb; }
.event-view .event-view-header {padding:20px 0;}
.event-view .event-view-header img {width:100%;}
.event-view .product-list-header {padding-bottom:10px; border-bottom:1px solid #dbdbdb;}

/* FAQ */
.faq-list {border-top:2px solid #000;}
.faq-list li {border-bottom:1px solid #dbdbdb;}
.faq-list li .link {position:relative; padding:10px 20px 10px 0; cursor:pointer;}
.faq-list li .link .cate {position:absolute; left:0px; top:10px; display:block; width:150px; text-align:center; color:#000;}
.faq-list li .link .tit {display:block; line-height: 22px; padding:0 20px 0 220px;  color:#666; background:url('/booknavi/user/img/board/faq_pic_q-4485ee35ef21fd453639c1d987687a55.png') no-repeat left center;  background-size:22px auto;}
.faq-list li .link .arrow {position:absolute; right:20px; top:19px; display:inline-block; width:11px; height:7px; background:url('/booknavi/user/img/product/down_arrow-818bbd6f824724a233bd0a2631745928.png') no-repeat center center;  background-size:100% auto; }
.faq-list li.open .link .arrow {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.faq-list li .downcon {display:none; padding:30px 30px 30px 220px; background:#fafafa url('/booknavi/user/img/board/faq_pic_a-6a86bc347039566f35ddc39f4f404022.png') no-repeat 190px 30px;  background-size:22px auto; border-top:1px solid #dbdbdb;}

/* 마이페이지 */
div.board table.mypage-board {margin-bottom:10px; width:100%;border-spacing:0;border-collapse:collapse;border-top:2px solid #000;table-layout:fixed;}
div.board table.mypage-board thead th {padding:15px 0;font-weight:500;text-align:center;border-bottom:1px solid #dbdbdb;background-color:#f2f2f2;}
div.board table.mypage-board tbody td {position:relative; padding:15px 10px;color:#666; text-align:center;border-bottom:1px solid #ccc;}
div.board table.mypage-board tbody td .vhide {display:none;}
div.board table.mypage-board tbody td.subject,
div.board table.mypage-board tbody td.subject2 {text-align:left; color:#282828;}
div.board table.mypage-board tbody td.cons {text-align:left; }
div.board table.mypage-board tbody tr.questionA {display:none;}
div.board table.mypage-board tbody td.stat .ing {}
div.board table.mypage-board tbody td.stat .end {color:#f27800;}

div.board table.mypage-board tbody td.btns .button {margin:3px 0;}
div.board table.mypage-board tbody td.btns .end {background:#f2f2f2;}

div.board table.mypage-board td.book {text-align:left;}
div.board table.mypage-board td.book a {display:table;}
div.board table.mypage-board td.book .book_img {display:table-cell; width:75px; vertical-align:middle;}
div.board table.mypage-board td.book .book_img img {width:100%; border:1px solid #dbdbdb;}
div.board table.mypage-board td.book .book_info {display:table-cell; padding-left:20px; vertical-align:middle;}
div.board table.mypage-board td.book .book_info strong {display:block; margin-bottom:10px;}
div.board table.mypage-board td.book .book_info span {display:block; color:#666;}

div.board table.mypage-board td.price {font-size:13px;}
div.board table.mypage-board td.price .book_price {display:block; font-weight:700; color:#ff4500;}
div.board table.mypage-board td.price .book_sale {display:block;}
div.board table.mypage-board td.price .book_sale .down {overflow:hidden;  display:inline-block; width:10px; height:11px; background:url('/booknavi/user/img/product/sale_arrow-8d15be595e71d03902559d30c2d75af3.png') no-repeat center center;  background-size:100% auto; text-indent:-9999em;}
div.board table.mypage-board td.price .book_sale .point {font-style:normal; font-weight:700;}


div.board table.mypage-board td.type {font-size:13px;}

div.board table.mypage-board td.price2 {font-size:13px;}
div.board table.mypage-board td.price2 .book_price {display:block; font-weight:700; color:#ff4500;}

div.board table.mypage-board td.percent .read_percent {overflow:hidden; position:relative; margin:0 auto; width:60px; height:8px; border-radius:2rem; background:#dbdbdb; }
div.board table.mypage-board td.percent .read_percent .percent_bar {position:absolute; left:0px; top:0px; display:block; height:8px; background:#18a86b;}
div.board table.mypage-board td.percent .data { display:block; padding:5px 0 0 0;}

div.board table.mypage-board td.cartprice {text-align:left;}

div.board table.mypage-board td.btns .button.basic_btn.small3 {padding:10px 10px !important; min-width:100px; line-height:1.0; height:auto;}
div.board table.mypage-board td.btns .button.w100px {padding:10px 10px !important; min-width:100px; line-height:1.0; height:auto;}

div.board table.mypage-board td.discount {position:relative; text-align:left; }
div.board table.mypage-board td.discount .radio_grey label {margin-right:0px;}

/* 문의내역 */
div.board table.mypage-board tbody td .reply_open {cursor:pointer;}
div.board table.mypage-board tbody td .answer {padding:30px 0 0 0;}
div.board table.mypage-board tbody td .answer strong {display:inline-block; padding:3px 13px; font-size:13px; font-weight:500; color:#fff; border-radius:3px; background:#f27800;}
div.board table.mypage-board tbody td .answer .text {padding:10px 0 0 0;}

div.board table.mypage-board .radio .radio_grey {position:static;}
div.board table.mypage-board .radio .radio_grey input[type="radio"] {left: 22px; top: 17px;}
div.board table.mypage-board .radio .radio_grey label {position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0;}
div.board table.mypage-board .radio .radio_grey label:before {top:17px; left:20px; }

div.board table.mypage-board2 {margin-bottom:10px; width:100%;border-spacing:0;border-collapse:collapse;border-top:2px solid #000;table-layout:fixed;}
div.board table.mypage-board2 thead th {padding:5px 0;font-weight:500;text-align:center;border-bottom:1px solid #dbdbdb;background-color:#f2f2f2;}
div.board table.mypage-board2 tbody td {padding:5px 10px;color:#666; text-align:center;border-bottom:1px solid #ccc;}

/* 내가 쓴 도서 리뷰 */
.line-board {margin-bottom:10px; width:100%; border-top:2px solid #000;}
.line-board li {padding:40px 0; border-bottom:1px solid #dbdbdb;}
.line-board li .user_data {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;
    margin-bottom:30px; font-size:13px; color:#666; line-height:1.0;}
.line-board li .user_data .date {padding-right:10px; border-right:1px solid #dbdbdb;}
.line-board li .user_data .books {padding:0 10px; border-right:1px solid #dbdbdb; }
.line-board li .user_data .starRate_box {position:relative; display:inline-block; margin:0 10px; width:83px; height:14px; background: url('/booknavi/user/img/product/starRateall_off-c68eeaab75ae7aee201cc28084f31841.png') no-repeat; background-size:83px auto;}
.line-board li .user_data .starRate_box .starRate_on {position:absolute; left:0px; top:0px; display:inline-block; height:14px; background: url('/booknavi/user/img/product/starRateall_on-97e1d8ac10263006f4a3acbdf1911ad8.png') no-repeat top left; background-size:83px auto;}
.line-board li .user_data .percent_box {padding:0 0 0 10px; border-left:1px solid #dbdbdb; }
.line-board li .user_data .percent_box .read_percent {overflow:hidden; position:relative; display:inline-block; width:60px; height:8px; border-radius:2rem; background:#dbdbdb; }
.line-board li .user_data .percent_box .read_percent .percent_bar {position:absolute; left:0px; top:0px; display:block; height:8px; background:#18a86b;}

.line-board li .comment_con {padding:0 0 30px 0; font-size:0.93em;}

/* 포인트 충전 */
div.board table.payment-board {margin-bottom:10px; width:100%;border-spacing:0;border-collapse:collapse;border-top:2px solid #000;table-layout:fixed;}
div.board table.payment-board thead th {padding:15px 0;font-weight:500;text-align:center;border-bottom:1px solid #dbdbdb;background-color:#f2f2f2;}
div.board table.payment-board tbody tr {position:relative; }
div.board table.payment-board tbody tr:hover {background:#f0f5f9;}
div.board table.payment-board tbody td {position:relative; padding:15px 10px;color:#666; text-align:center;border-bottom:1px solid #ccc;}
div.board table.payment-board .radio .radio_grey {position:static;}
div.board table.payment-board .radio .radio_grey input[type="radio"] {left: 22px; top: 17px;}
div.board table.payment-board .radio .radio_grey label {position:absolute; top:0px; left:0px; width:100%; height:100%; margin:0;}
div.board table.payment-board .radio .radio_grey label:before {top:17px; left:20px; }
div.board table.payment-board .price,
div.board table.payment-board .allpoint {font-weight:700; color:#000; }
div.board table.payment-board .addpoint {font-weight:700; color:#5d8e44; }


/* 라디오 선택 */
.radiooption_box {position:relative; padding:20px 30px; margin-bottom:40px; border:1px solid #dbdbdb; background:#fafafa;}
.radiooption_box ul {overflow:hidden;}
.radiooption_box ul li {position:relative; float:left; width:25%; margin:10px 0;}

/* 폼형식 기본 - gntp*/
.default-form {clear:both; position:relative; margin-bottom: 30px; border-top:2px solid #000;}
.default-form .form-group {position:relative; display:table; width:100%; margin-bottom:0px; border-bottom:1px solid #dbdbdb;}
.default-form .form-group label {/*font-weight:normal;*/}
.default-form .form-group .radio_grey label {line-height:1.0;}
.default-form .form-group .checkbox_grey2 {line-height:1.0;}
.default-form .form-group .control-label {display:table-cell; width:15%; padding:15px 0; font-weight:500; text-align:center; background-color:#f2f2f2; vertical-align: middle;}
.default-form .form-group .control-cons {display:table-cell; width:85%; padding:15px 15px;}
.default-form .form-group .control-cons .inline {display:inline-block; margin-right:10px;}
.default-form .form-group .control-cons .inline label {font-size:1.06em;}
.default-form .form-group .control-cons .inline_exp {display:inline-block; color:#f27800; vertical-align:middle;}
.default-form .form-group .control-cons .inline_exp2 {float:left; margin-left:10px; line-height:32px; }
.default-form .form-group .control-cons .inline_exp3 {display:inline-block; padding-bottom:2px; color:#666; vertical-align:middle; border-bottom:1px solid #666;}
.default-form .form-group .control-cons-2 {display:table-cell; width:85%; }

.default-form.type2 .form-group .control-label {width:20%; word-break:keep-all;}
.default-form.type2 .form-group .control-cons {width:80%; vertical-align: middle;}

.default-form .form-group .form-control,
.default-form .form-group .form-select {border-radius:0px;}

.default-form .form-group .txt-con {display:block; padding: 0 0 0 0; font-size:1.13em;}
.default-form .form-group .txt-con2 {display:block; padding:3px 0; font-size:0px;}
.default-form .form-group .txt-con2 .button {vertical-align: middle; font-size:1rem !important;}

.default-form .form-group select {}

.default-form .form-control {}
.default-form .artList {padding:3px 0; font-size: 0px;}
.default-form .artList .button {font-size:1rem !important;  vertical-align: middle;}

.default-form .birth_input {display:inline-block;  vertical-align: middle;}
.default-form .birth_input2 {display:inline-block;  vertical-align: middle;}
.default-form .birth_input3 {display:inline-block;  vertical-align: middle;}
.default-form .input_inline {display:inline-block;  vertical-align: middle;}
.default-form .id_input {float:left; width:50%;}
.default-form .tell_selectbox {display:inline-block; vertical-align: middle; }
.default-form .hyphen {display:inline-block; line-height:40px; vertical-align: middle; min-width:10px; text-align:center; font-size:1rem;}
.default-form .tell_input {display:inline-block;  vertical-align: middle;}
.default-form .exp {display:inline-block; vertical-align: middle; font-size:1.06em;}
.default-form .email_selectbox {display:inline-block; vertical-align: middle; }
.default-form .email_input {display:inline-block;  vertical-align: middle;}
.default-form .address_con {overflow:hidden; margin-top:5px;}
.default-form .post_input {display:inline-block;  vertical-align: middle;}
.default-form .address_input {float:left; width:70%;}
.default-form .post_con .button {vertical-align: middle;}
.default-form .add_con .button {vertical-align: middle;}


.default-form .ridio_con {display:block; width:100%; padding:15px 15px; border-bottom:1px solid #dbdbdb;}
.default-form .ridio_con .inline {display:inline-block; margin-right:10px;}
.default-form .ridio_con_2 {display:block; width:100%; padding:15px 15px;}
.default-form .ridio_con_2 .inline {display:inline-block; margin-right:10px;}
.default-form .text_con {display:table; width:100%; padding:15px 15px; border-bottom:1px solid #dbdbdb;}
.default-form .text_con.tline {border-top:1px solid #dbdbdb;}
.default-form .text_con .cons-tit {display:table-cell; width:10%;}
.default-form .text_con .cons-con {display:table-cell; width:90%;}
.default-form .text_con_2 {display:table; width:100%; padding:15px 15px;}
.default-form .text_con_2 .cons-tit {display:table-cell; width:10%;}
.default-form .text_con_2 .cons-con {display:table-cell; width:90%;}

.default-form .form-group .control-cons .book_list {margin-bottom:20px;}

.default-form .w30p {width:30%;}
.default-form .w35p {width:35%;}
.default-form .w50p {width:50%;}
.default-form .w75p {width:75%;}
.default-form .w110px {width:110px;}
.default-form .w170px {width:170px;}
.default-form .birth_input .w170px {width:110px;}

.default-form .text-con {height:350px; box-shadow:none;}

.default-form .point_tit {clear:both; padding:10px 15px; margin:0 -15px 10px -15px; font-size:16px; font-weight:bold; background:#fff; border:1px dotted #ccc;  text-align:center;}
.default-form .point_tit_2 {padding:20px 0px 10px 0px; margin:0 -15px 0px -15px; border-bottom:1px solid #ccc; font-size:16px; font-weight:bold; color:#2e6da4; }

.filebox {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.filebox label {vertical-align:top; }
.filebox .upload-name {display:inline-block; padding:6px 12px; margin:5px 10px 5px 0; width:35%; height:40px; font-size: inherit;font-family:inherit;line-height:normal;vertical-align: middle;background-color:#fff;border: 1px solid #ccc;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.filebox .file_btn {display:inline-block; padding:0px 20px; height:40px; line-height:40px !important; margin-right:10px; color:#fff; background:#666; vertical-align:middle;}
.filebox .file_add {display:inline-block; padding:0px 20px; height:40px; line-height:40px; /*margin-left:10px;*/ margin-right:10px; color:#666; border:1px solid #666; background:#fff;}

/* 회원가입-정보입력 */
.default-form.join .form-group .control-label {width:20%; font-size:0.93rem;}
.default-form.join .form-group .control-cons {width:80%; font-size:0.93rem;}

.default-form.join .form-group .form-control {padding: 0 15px; font-size:0.86rem; line-height:30px; }
.default-form.join .form-group .form-control::placeholder {font-size:14px;}
.default-form.join .form-group .form-select {padding: 0 2.25rem 0 0.75rem; font-size:0.86rem; line-height:30px; }

.default-form.join .form-group .idcheck_btn {margin-left:10px; padding: 0 15px; font-size:0.86rem; line-height:30px; color:#fff; background:#666;}
.default-form.join .form-group .delete_something {margin-left:10px; padding: 0 15px; font-size:0.86rem; line-height:30px; color:#fff; background:#dc3545;}

.default-form .form-group .control-cons ul {margin:0 -2px;}
.default-form .form-group .control-cons ul li {float:left; padding:2px 2px;}

/* 할인 및 포인트 */
.line-form {margin-bottom:40px; border-top:2px solid #000;}
.line-form .form-group {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; align-items: center;
    padding:10px 20px; border-bottom:1px solid #dbdbdb;}
.line-form .form-group .control-label {width:100px; font-size:0.93em;}
.line-form .form-group .control-cons {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; align-items: center; }
.line-form .form-group .control-cons .inline_input {width:300px; margin-right:10px; }
.line-form .form-group .control-cons .inline_input .form-control {padding:0rem 0.75rem; font-size:14px; line-height:28px; border-radius:0px;}
.line-form .form-group .control-cons .linebox_input { display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
    width:300px; padding-right:10px;  margin-right:10px; border:1px solid #ced4da;}
.line-form .form-group .control-cons .linebox_input .form-control {padding:0rem 0.375rem 0 0.75rem; font-size:14px; line-height:28px; text-align:right; border:none;}
.line-form .form-group .control-cons .txt {margin-left:10px; font-size:0.83em;}

.line-form .form-group .control-cons .tell_selectbox .form-select {padding: 0rem 2.25rem 0rem 0.75rem; font-size:14px; line-height:28px;  border-radius:0px;}
.line-form .form-group .control-cons .tell_input .form-control {padding:0rem 0.75rem; font-size:14px; line-height:28px; border-radius:0px;}
.line-form .form-group .control-cons .hyphen {padding:0 5px;}


@media (max-width: 1400px) {



}
@media (min-width: 1201px) and (max-width: 1400px) {


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


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


}
/* md-sm */
@media (max-width: 1200px) {

	/* 할인 및 포인트 */
	.line-form .form-group {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; padding:10px 15px; }
	.line-form .form-group .control-label {display:block; width:100%; padding-bottom:10px; }
	.line-form .form-group .control-cons {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.line-form .form-group .control-cons .txt {display:block; width:100%; margin:10px 0 0 0;}
}
/* sm */
@media (max-width: 991px) {

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

	/* 게시판 상단 */
	.board-header .orderScroll {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; align-items: center; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
	.board-header .order_list {-webkit-flex-direction: row; -ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;}

	/* 내가 만든 채널 */
	.board-header .mylibrary_info {padding:5px 0;}

	/* 초대 코드 입력 */

	/* 하단 버튼들 */

	/* 기본 게시판 */
	div.board table.basic-board {border-top:none !important;}
	div.board table.basic-board thead {position:absolute;left:-9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;}
	div.board table.basic-board tbody{display:table-caption;}
	div.board table.basic-board tbody:before {display:block; content:" "; width:100%; height:2px; background:#3d3d3d;}
	div.board table.basic-board tbody tr {overflow:hidden; clear:both; display:block; width:100%; padding:15px 15px; border-bottom:1px solid #ccc;}
	div.board table.basic-board tbody td {padding:14px 10px; border-bottom:none; border:none;}
	div.board table.basic-board tbody td.num {display:none;}
	div.board table.basic-board tbody td.cate {clear:both; display:block; width:100%; padding:0 0; font-size:0.93em; text-align:left;}
	div.board table.basic-board tbody td.subject {clear:both; display:block; width:100%; padding:10px 0px; text-align:left; font-size:0.93em; font-weight:500;}
	div.board table.basic-board tbody td.date {clear:both; display:block; width:100%; padding:0 0; font-size:0.83em; text-align:left; }
	/*div.board table.basic-board tbody td.date {float:left; width:auto !important; padding:0 0; }*/
	div.board table.basic-board tbody tr.notice {background:#f8f8f8;}

	/* 기본 게시판 상세보기 */
	div.board .basic-view .view_header {padding:20px 20px; }
	div.board .basic-view .view_header .subject {padding:0 0;}
	div.board .basic-view .view_header .date {position:relative; right:auto; top:auto; display:block; padding:10px 0 0 0; font-size:0.83em;}
	div.board .basic-view .view_con {padding:30px 20px; font-size:0.93em;}

	/* 이전글-다음글 */
	div.board .view_link .tit {padding:10px 20px 10px 20px;font-size:0.83em; min-height: 40px;}
	div.board .view_link .data {padding:10px 100px 10px 87px;font-size:0.83em; min-height: 40px;}
	div.board .view_link .data .date {right:20px; top:10px}

	/* 기획전/이벤트 게시판 */
	.event-list li .event_image_wrapper {padding:20px 0;}
	.event-list li .event_image_wrapper .event_image_thumbnail {display:block; width:100%; padding-right:0px; }
	.event-list li .event_image_wrapper .event_image_caption {display:block; width:100%; padding:15px 0 0 0;}
	.event-list li .event_image_wrapper .event_image_caption .subject {font-size:1.13em; margin-bottom:15px; }
	.event-list li .event_image_wrapper .event_image_caption .con {font-size:0.86em; margin-bottom:20px;}
	.event-list li .event_image_wrapper .event_image_caption .period {font-size:0.8em;}

	/* FAQ */
	.faq-list li .link {padding:10px 15px;}
	.faq-list li .link .cate {position:relative; top:auto; left:auto; display:inline-block; width:auto; padding:2px 7px; margin-right:5px; font-size:0.8em; background:#f8f8f8; border:1px solid #eee;}
	.faq-list li .link .tit {display:inline-block; padding:0 20px 0 0px; font-size:0.93em; /*background-position:0px 0px;*/ background:none;}
	.faq-list li .downcon {padding:25px 15px; font-size:0.86em; background:#fafafa; }
    .faq-list li .downcon p { line-height: 22px; }

	/* 마이페이지 */
	div.board table.mypage-board {border-top:none !important;}
	div.board table.mypage-board thead {position:absolute;left:-9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;}
	div.board table.mypage-board tbody{display:table-caption;}
	div.board table.mypage-board tbody:before {display:block; content:" "; width:100%; height:2px; background:#3d3d3d;}
	div.board table.mypage-board tbody tr {position:relative; overflow:hidden; clear:both; display:block; width:100%; padding:15px 15px; border-bottom:1px solid #ccc;}
	div.board table.mypage-board tbody td {padding:14px 10px; border-bottom:none; border:none;}
	div.board table.mypage-board td.subject {clear:both; display:block; width:100%; padding:10px 0px; text-align:left; font-size:0.93em; font-weight:500;}
	div.board table.mypage-board td.subject2 {clear:both; display:block; width:100%; padding:10px 0px 10px 0px; text-align:left; font-size:0.93em; font-weight:500;}
	div.board table.mypage-board td.date {display:block; width:100%; padding:0 0 10px 0; font-size:0.83em; text-align:left; }
	div.board table.mypage-board td.book {display:block; float:left; width:60%; padding:0 0; }
	div.board table.mypage-board td.book .book_info strong {font-size:0.93rem;}
	div.board table.mypage-board td.book .book_info span {font-size:0.8rem;}
	div.board table.mypage-board td.price {display:block; float:left; width:20%; padding:0 0; }
	div.board table.mypage-board td.price .book_sale {font-size:0.8rem;}
	div.board table.mypage-board td.percent {display:block; float:right; width:20%; padding:0 0;}
	div.board table.mypage-board td.btns {clear:both; display:block; width:100%; padding:50px 0 0 0; }
    div.board table.mypage-board td.giftname {display:block; float:left; padding: 20px 0;}
	div.board table.mypage-board td.d-day {clear:both; display:block; text-align:right; padding:5px 0 0 0; font-size:0.93rem;}
	div.board table.mypage-board td.d-day .vhide {display:inline-block;}
	div.board table.mypage-board td.cate {display:block; width:100%; padding:0 0 5px 0; text-align:left;}
	div.board table.mypage-board td.cate span {display:inline-block; padding:2px 7px; margin-right:5px; font-size:0.8em; background:#f8f8f8; border:1px solid #eee;}
	div.board table.mypage-board td.con {float:left; padding:0 0;}
	div.board table.mypage-board td.point {float:right; padding:0 0; font-size:0.93rem; font-weight:700;}
	div.board table.mypage-board td.period {clear:both; display:block; text-align:left; padding:5px 0 0 0; font-size:0.83rem; color:#ff4500;}
	div.board table.mypage-board td.period .vhide {display:inline-block; }
	div.board table.mypage-board td.stat {position:absolute; right:15px; top:56px; padding:0px; font-size:0.86em; }
	div.board table.mypage-board td.book2 {display:block; width:100%; padding:0 0; text-align:left;}
	div.board table.mypage-board td.price2 {display:block; width:100%; padding:5px 0 0 0; text-align:left;  font-size:0.86em;}
	div.board table.mypage-board td.downdata {display:block; width:100%; padding:5px 0 0 0; text-align:left; font-size:0.86em;}
	div.board table.mypage-board td.downdata .vhide {display:inline-block;}
	div.board table.mypage-board td.check {display:block; width:100%; padding:0 0 10px 0; text-align:left; }
	div.board table.mypage-board td.cartprice {display:block; float:right; padding:0 0; font-size:0.8em;}
	div.board table.mypage-board td.book.pay {width:55%;}
	div.board table.mypage-board td.cartprice.pay {float:left; width:25%; padding:0 0 0 10px; }
	div.board table.mypage-board td.discount {float:right; width:20%; padding:0 0 0 10px; font-size:0.8em;}


	/* 개별 수정*/
	div.board table.mypage-board.read td.percent {clear:both; float:none; display:block; width:100%; text-align:left; padding:5px 0 0 0;}
	div.board table.mypage-board.read td.percent .read_percent {float:left; margin:7px 10px 0 0; }
	div.board table.mypage-board.read td.percent .data {float:left; padding:0 0 0 0; font-size:0.93em;}

	/* 문의내역 */

	/* 내가 쓴 도서 리뷰 */
	.line-board li {position:relative; padding:20px 0;}
	.line-board li .user_data {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-bottom:20px;}
	.line-board li .user_data .date {position:absolute; right:0px; bottom:20px; padding-right:0px; border-right:none;}
	.line-board li .user_data .books {width:100%; max-width:100%; padding:0 0 15px 0; font-size:0.93em; border-right:none;}
	.line-board li .user_data .starRate_box {margin:0 10px 0 0;}
	.line-board li .user_data .percent_box .data { font-size:0.93em;}
	.line-board li .comment_con {font-size:0.86em;}

	/* 포인트 충전 */
	div.board table.payment-board thead th {font-size:0.8em; letter-spacing:-0.08em;}
	div.board table.payment-board tbody td {padding:10px 5px; }
	div.board table.payment-board .radio .radio_grey input[type="radio"] {left:12px; top:15px;}
	div.board table.payment-board .radio .radio_grey label {padding:5px 0 5px 10px; }
	div.board table.payment-board .radio .radio_grey label:before {top: 13px; left:10px; }

	/* 라디오 선택 */
	.radiooption_box {padding:15px 20px;}
	.radiooption_box ul li {width:33.333%; margin:7px 0;}

	/* 폼형식 기본 - */
	.default-form .form-group {display:block;}
	.default-form .form-group .control-label {display:block; width:100%; padding:10px 15px; text-align:left;font-size:0.86em;}
	.default-form .form-group .control-cons {display:block; width:100%;}

	.default-form .form-group .form-control,
	.default-form .form-group .form-select {font-size:0.86rem;}

	.default-form .form-group .control-cons .inline_exp {font-size:0.86em;}


	.default-form .birth_input {width:27%;}
	.default-form .birth_input .w110px {width:100%;}

	.default-form .tell_selectbox,
	.default-form .tell_input {width:29%;}
	.default-form .tell_selectbox .w110px {width:100%;}
	.default-form .tell_input .w110px {width:100%;}
	.default-form .tell_input .w110px {width:100%;}

	.default-form .email_input {width:47%;}
	.default-form .email_input .w170px {width:100%;}

	.default-form .email_selectbox {display:block; width:98%;}
	.default-form .email_selectbox .w170px {width:100%;}

	.default-form .input_inline.w30p,
	.default-form .input_inline.w35p {display:block; width:100%; padding:10px 0 0 0;}

	.filebox .upload-name {width:100%;}

	.default-form.join .form-group .control-cons.id .id_input {width:60%;}
	.default-form.join .form-group .control-cons.id .idcheck_btn {float:right; margin-left:0px; width:39%; padding:10px 5px; font-size:0.8em; line-height:1.0;}

	/* 회원가입-정보입력 */
	.default-form.join .form-group .control-label {width:100%; padding:10px 15px 0 15px; text-align:left; background:none; font-size:0.86em;}
	.default-form.join .form-group .control-cons {overflow:hidden; width:100%;}
	.default-form.join .form-group .form-control.w50p {width:100%;}


	/* 할인 및 포인트 */
	.line-form .form-group {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; padding:10px 15px; }
	.line-form .form-group .control-label {display:block; width:100%; padding-bottom:10px; }
	/*.line-form .form-group:nth-child(2) {align-items: flex-start;}*/
	.line-form .form-group .control-cons {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.line-form .form-group .control-cons .txt {display:block; width:100%; margin:10px 0 0 0;}

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


	/* 게시판 상단 */

	/* 내가 만든 채널 */

	/* 초대 코드 입력 */

	/* 하단 버튼들 */

	/* 기본 게시판 */

	/* 기본 게시판 상세보기 */

	/* 이전글-다음글 */
	div.board .view_link .data {padding:10px 10px 10px 87px;}
	div.board .view_link .data a {padding:0 0;}
	div.board .view_link .data .date {display:none;}


	/* 기획전/이벤트 게시판 */

	/* FAQ */

	/* 마이페이지 */
	div.board table.mypage-board td.book {position:relative; float:none; width:100%; z-index:5;}
	div.board table.mypage-board td.book a {width:100%;}
	div.board table.mypage-board td.book .book_info {vertical-align:top;}
	div.board table.mypage-board td.book .book_info strong {margin-bottom:5px; overflow: hidden; line-height:1.33em; max-height: 1.33em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: normal;}
	div.board table.mypage-board td.price {float:none; width:100%; padding-left:95px; margin-top: -35px; text-align:left; }
	div.board table.mypage-board td.price .book_price,
	div.board table.mypage-board td.price .book_sale {display:inline-block; }
	div.board table.mypage-board td.percent {display:block; float:none; width:100%; padding:0px 0 0 95px; text-align:left;}
	div.board table.mypage-board td.percent .read_percent {margin:6px 10px 0 0; float:left; }
	div.board table.mypage-board td.percent .data {float:left; font-size:0.8em; padding:0px;}
	div.board table.mypage-board td.giftname {float:none; width:100%; padding:0 0 5px 95px;margin-top: -35px; font-size:0.86em; text-align:left; }
	div.board table.mypage-board td.giftname .vhide {display:inline-block;}
	div.board table.mypage-board td.d-day {font-size:0.86em;}
	div.board table.mypage-board td.cartprice {position:relative; float:none; width:100%; padding-left:95px; margin-top:-55px; z-index:1;}

	div.board table.mypage-board td.btns .button.w100px {min-width:70px;}

	div.board table.mypage-board td.book.pay {width:100%;}
	div.board table.mypage-board td.cartprice.pay {float:none; width:100%; padding-left:95px; margin-top:-55px; z-index:1;}
	div.board table.mypage-board td.discount {float:none; width:100%; padding:10px 0 0 95px; }


	/* 문의내역 */

	/* 내가 쓴 도서 리뷰 */

	/* 포인트 충전 */

	/* 라디오 선택 */
	.radiooption_box ul li {width:50%;}

	/* 폼형식 기본 - */
	.default-form .email_input {width:100%;}
	.default-form .email_selectbox {margin-top:5px; width:100%;}

	/* 회원가입-정보입력 */

	/* 할인 및 포인트 */
	.line-form .form-group .control-cons {justify-content: space-between; width:100%;}
	.line-form .form-group .control-cons .inline_input {width:75%; margin-right:0px; }
	.line-form .form-group .control-cons .button.small_btn.h30 {width:24%; padding:0 0px; }
	.line-form .form-group .control-cons .linebox_input {width:75%; margin-right:0px; }

}