@charset "utf-8";
/* ----------
css
---------- */


/* board */
.bd-inquiry-area .top-txt { font-size:12px; color:#999; text-align:right; }
.bd-inquiry-area .top-txt .essential { font-size:16px; color:#ff5e3d; font-weight:600; }
.bd-inquiry-area .inquiry-table { width:100%; border-top:2px solid #3462d8; margin-top:10px; }
.bd-inquiry-area .inquiry-table td { border-bottom:1px solid #e5e5e5; background-color:#fff; padding:12px 10px 12px 10px; font-size:12px; color:#777; }
.bd-inquiry-area .inquiry-table td .tmh { display:inline-block; width:0; height:36px; vertical-align:middle; }
.bd-inquiry-area .inquiry-table .tt { font-size:14px; color:#555; padding:12px 10px 12px 20px; background-color:#f7f7f7; }
.bd-inquiry-area .inquiry-table .tt .essential { font-size:16px; color:#ff5e3d; font-weight:600; }
.bd-inquiry-area .inquiry-table td .input-txt { background-color:#fff; border:1px solid #ccc; height:34px; line-height:34px; font-size:12px; color:#555; padding:0 10px; }
.bd-inquiry-area .inquiry-table td .input-pw { background-color:#fff; border:1px solid #ccc; height:34px; line-height:34px; font-size:12px; color:#555; padding:0 10px; }
.bd-inquiry-area .inquiry-table td .txt-area-box { background-color:#fff; border:1px solid #ccc; padding:10px; }
.bd-inquiry-area .inquiry-table td .txt-area-box .txt-area { background-color:#fff; border:0; font-size:12px; color:#555; padding:0; }
.bd-inquiry-area .inquiry-table td .btn { display:inline-block; height:36px; background-color:#999; vertical-align:middle; padding:0 13px; font-size:12px; color:#fff; line-height:38px; }
.bd-inquiry-area .inquiry-table td .txt { display:inline-block; font-size:11px; color:#777; vertical-align:middle; margin-top:3px; }
.bd-inquiry-area .bottom-btn-box { margin-top:20px; text-align:center; }
.bd-inquiry-area .bottom-btn-box .send-btn { width:142px; height:50px; background-color:#3462d8; border:0; font-size:16px; color:#fff; font-weight:600; line-height:42px; text-align:center; vertical-align:middle; cursor:pointer; }
.bd-inquiry-area .bottom-btn-box .cancel-btn { display:inline-block; width:142px; height:50px; background-color:#999; font-size:16px; color:#fff; font-weight:600; line-height:50px; text-align:center; vertical-align:middle; }

.bd-list-area .list-total { font-size:11px; color:#888; text-align:right; }
.bd-list-area .list-total .total-num { color:#e14718; }
.bd-list-area .list-table { width:100%; border-top:2px solid #3462d8; margin-top:5px; table-layout:fixed; }
.bd-list-area .list-table th { min-height:36px; height:auto !important; _height:36px; background-color:#f7f7f7; border-bottom:1px solid #ccc; padding:12px 10px 12px 10px; font-size:14px; color:#555; font-weight:500; }
.bd-list-area .list-table td { min-height:36px; height:auto !important; _height:36px; background-color:#fff; border-bottom:1px solid #e5e5e5; padding:12px 10px 12px 10px; font-size:12px; color:#777; text-align:center; }
.bd-list-area .list-table td a { color:#777; }
.bd-list-area .list-table .list-subject { color:#444; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bd-list-area .list-table .list-subject a { color:#444; }
.bd-list-area .list-page { text-align:center; margin-top:20px; }
.bd-list-area .list-page a,
.bd-list-area .list-page span { display:inline-block; height:30px; background-color:#f1f1f1; text-align:center; line-height:32px; color:#777; font-size:12px; margin:0 2px; padding:0 12px; }
.bd-list-area .list-page .current { background-color:#333; color:#fff; }
.bd-list-area .list-page .prev-btn { width:30px; padding:0; }
.bd-list-area .list-page .next-btn { width:30px; padding:0; }
.bd-list-area .list-page .prev-btn:hover { background-color:#999; color:#fff; }
.bd-list-area .list-page .next-btn:hover { background-color:#999; color:#fff; }
.bd-list-area .list-page .first-btn { width:50px; padding:0; }
.bd-list-area .list-page .last-btn { width:50px; padding:0; }
.bd-list-area .list-page .first-btn:hover { background-color:#999; color:#fff; }
.bd-list-area .list-page .last-btn:hover { background-color:#999; color:#fff; }
.bd-list-area .bottom-btn-box { margin-top:30px; text-align:right; }
.bd-list-area .bottom-btn-box .btn { display:inline-block; width:90px; height:32px; background-color:#444; font-size:14px; color:#fff; font-weight:600; line-height:32px; text-align:center; vertical-align:middle; }
.bd-list-area .search-box { background-color:#f4f4f4; text-align:center; margin-top:40px; padding:8px 0 8px 0; }
.bd-list-area .search-box .search-select { background-color:#fff; border:1px solid #d5d5d5; width:100px; height:27px; line-height:27px; font-size:12px; color:#555; padding:0; }
.bd-list-area .search-box .input-txt { background-color:#fff; border:1px solid #d5d5d5; width:180px; height:25px; line-height:25px; font-size:12px; color:#555; padding:0 10px; }
.bd-list-area .search-box .search-btn { display:inline-block; width:80px; height:27px; background-color:#3462d8; border:0; font-size:12px; color:#fff; font-weight:600; line-height:27px; text-align:center; vertical-align:middle; cursor:pointer; }

.bd-list-gallery-area .list-total { font-size:11px; color:#888; text-align:right; }
.bd-list-gallery-area .list-total .total-num { color:#e14718; }
.bd-list-gallery-area .gallery-list-area { border-top:2px solid #3462d8; border-bottom:1px solid #ccc; background-color:#fff; margin-top:5px; padding:40px 20px 20px 20px; }
.bd-list-gallery-area .gallery-list-area .gallery-list { *zoom:1; }
.bd-list-gallery-area .gallery-list-area .gallery-list:after { content:""; display:block; clear:both; }
.bd-list-gallery-area .gallery-list-area .gallery-list li { float:left; width:220px; padding:0 20px 30px 20px; }
.bd-list-gallery-area .gallery-list-area .gallery-list li .photo { display:block; width:218px; height:148px; border:1px solid #ccc; }
.bd-list-gallery-area .gallery-list-area .gallery-list li .photo img { width:218px; height:148px; }
.bd-list-gallery-area .gallery-list-area .gallery-list li .subject { display:block; font-size:12px; color:#444; line-height:1.3; margin-top:8px; padding:0 5px 0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bd-list-gallery-area .gallery-list-area .gallery-list li .name { display:block; font-size:11px; color:#777; margin-top:8px; padding:0 5px 0 5px; }
.bd-list-gallery-area .gallery-list-area .gallery-list li .date { display:block; font-size:11px; color:#a1a1a1; margin-top:6px; padding:0 5px 0 5px; }
.bd-list-gallery-area .list-page { text-align:center; margin-top:20px; }
.bd-list-gallery-area .list-page a,
.bd-list-gallery-area .list-page span { display:inline-block; height:30px; background-color:#f1f1f1; text-align:center; line-height:32px; color:#777; font-size:12px; margin:0 2px; padding:0 12px; }
.bd-list-gallery-area .list-page .current { background-color:#333; color:#fff; }
.bd-list-gallery-area .list-page .prev-btn { width:30px; padding:0; }
.bd-list-gallery-area .list-page .next-btn { width:30px; padding:0; }
.bd-list-gallery-area .list-page .prev-btn:hover { background-color:#999; color:#fff; }
.bd-list-gallery-area .list-page .next-btn:hover { background-color:#999; color:#fff; }
.bd-list-gallery-area .list-page .first-btn { width:50px; padding:0; }
.bd-list-gallery-area .list-page .last-btn { width:50px; padding:0; }
.bd-list-gallery-area .list-page .first-btn:hover { background-color:#999; color:#fff; }
.bd-list-gallery-area .list-page .last-btn:hover { background-color:#999; color:#fff; }
.bd-list-gallery-area .bottom-btn-box { margin-top:30px; text-align:right; }
.bd-list-gallery-area .bottom-btn-box .btn { display:inline-block; width:90px; height:32px; background-color:#444; font-size:14px; color:#fff; font-weight:600; line-height:32px; text-align:center; vertical-align:middle; }
.bd-list-gallery-area .search-box { background-color:#f4f4f4; text-align:center; margin-top:40px; padding:8px 0 8px 0; }
.bd-list-gallery-area .search-box .search-select { background-color:#fff; border:1px solid #d5d5d5; width:100px; height:27px; line-height:27px; font-size:12px; color:#555; padding:0; }
.bd-list-gallery-area .search-box .input-txt { background-color:#fff; border:1px solid #d5d5d5; width:180px; height:25px; line-height:25px; font-size:12px; color:#555; padding:0 10px; }
.bd-list-gallery-area .search-box .search-btn { display:inline-block; width:80px; height:27px; background-color:#3462d8; border:0; font-size:12px; color:#fff; font-weight:600; line-height:27px; text-align:center; vertical-align:middle; cursor:pointer; }

.bd-list-gallery-area2 .gallery-tab { overflow:hidden; }
.bd-list-gallery-area2 .gallery-tab li { float:left; font-size:0; }
.bd-list-gallery-area2 .search-box { background-color:#f4f4f4; border:1px solid #d5d5d5; text-align:center; margin-top:20px; padding:15px 0 15px 0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.bd-list-gallery-area2 .search-box .search-select { background-color:#fff; border:1px solid #d5d5d5; width:100px; height:32px; line-height:32px; font-size:12px; color:#555; padding:0; }
.bd-list-gallery-area2 .search-box .input-txt { background-color:#fff; border:1px solid #d5d5d5; width:180px; height:30px; line-height:30px; font-size:12px; color:#555; padding:0 10px; }
.bd-list-gallery-area2 .search-box .search-btn { display:inline-block; width:80px; height:32px; background-color:#3462d8; border:0; font-size:12px; color:#fff; font-weight:600; line-height:32px; text-align:center; vertical-align:middle; cursor:pointer; }
.bd-list-gallery-area2 .gallery-list-area { border-bottom:1px solid #ccc; background-color:#fff; margin-top:20px; padding:40px 20px 20px 20px; }
.bd-list-gallery-area2 .gallery-list-area .gallery-list { *zoom:1; }
.bd-list-gallery-area2 .gallery-list-area .gallery-list:after { content:""; display:block; clear:both; }
.bd-list-gallery-area2 .gallery-list-area .gallery-list li { float:left; width:220px; padding:0 20px 30px 20px; }
.bd-list-gallery-area2 .gallery-list-area .gallery-list li .photo { display:block; width:218px; height:218px; border:1px solid #ccc; }
.bd-list-gallery-area2 .gallery-list-area .gallery-list li .photo img { width:218px; height:218px; }
.bd-list-gallery-area2 .gallery-list-area .gallery-list li .name { display:block; font-size:12px; color:#444; font-weight:600; text-align:center; line-height:1.3; margin-top:8px; padding:0 5px 0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bd-list-gallery-area2 .gallery-list-area .gallery-list li .product { display:block; font-size:12px; color:#777; text-align:center; margin-top:8px; padding:0 5px 0 5px; }
.bd-list-gallery-area2 .gallery-list-area .gallery-list li .price { display:block; font-size:11px; color:#ff4a19; text-align:center; margin-top:6px; padding:0 5px 0 5px; }
.bd-list-gallery-area2 .list-page { text-align:center; margin-top:20px; }
.bd-list-gallery-area2 .list-page a,
.bd-list-gallery-area2 .list-page span { display:inline-block; height:30px; background-color:#f1f1f1; text-align:center; line-height:32px; color:#777; font-size:12px; margin:0 2px; padding:0 12px; }
.bd-list-gallery-area2 .list-page .current { background-color:#333; color:#fff; }
.bd-list-gallery-area2 .list-page .prev-btn { width:30px; padding:0; }
.bd-list-gallery-area2 .list-page .next-btn { width:30px; padding:0; }
.bd-list-gallery-area2 .list-page .prev-btn:hover { background-color:#999; color:#fff; }
.bd-list-gallery-area2 .list-page .next-btn:hover { background-color:#999; color:#fff; }
.bd-list-gallery-area2 .list-page .first-btn { width:50px; padding:0; }
.bd-list-gallery-area2 .list-page .last-btn { width:50px; padding:0; }
.bd-list-gallery-area2 .list-page .first-btn:hover { background-color:#999; color:#fff; }
.bd-list-gallery-area2 .list-page .last-btn:hover { background-color:#999; color:#fff; }
.bd-list-gallery-area2 .bottom-btn-box { margin-top:30px; text-align:right; }
.bd-list-gallery-area2 .bottom-btn-box .btn { display:inline-block; width:90px; height:32px; background-color:#444; font-size:14px; color:#fff; font-weight:600; line-height:32px; text-align:center; vertical-align:middle; }

.bd-view-area .view-table { width:100%; border-top:2px solid #3462d8; }
.bd-view-area .view-table th { min-height:36px; height:auto !important; _height:36px; border-bottom:1px solid #e5e5e5; background-color:#fff; padding:12px 10px 12px 10px; font-size:12px; color:#777; font-weight:500; text-align:left; }
.bd-view-area .view-table .tt { font-size:14px; color:#555; padding:12px 10px 12px 20px; background-color:#f7f7f7; }
.bd-view-area .view-table .view-subject { color:#444; font-weight:600; word-break:break-all; }
.bd-view-area .view-table .con { border-bottom:2px solid #e5e5e5; background-color:#fff; padding:30px 0 30px 0; word-break:break-all; }
.bd-view-area .view-table .con .con-inner img { /* width:inherit; */ max-width:100%; height:auto; }
.bd-view-area .view-table td .btn { display:inline-block; height:36px; background-color:#999; vertical-align:middle; padding:0 13px; font-size:12px; color:#fff; line-height:38px; }
.bd-view-area .view-table td .txt { display:inline-block; font-size:12px; color:#777; vertical-align:middle; margin-top:3px; }
.bd-view-area .bottom-btn-box { margin:30px 0 40px; text-align:right; }
.bd-view-area .bottom-btn-box .btn { display:inline-block; width:90px; height:32px; background-color:#444; font-size:14px; color:#fff; font-weight:600; line-height:32px; text-align:center; vertical-align:middle; }
.bd-view-area .view-page { margin-top:40px; }
.bd-view-area .view-page ul li { margin-bottom:5px; overflow:hidden; clear:both; }
.bd-view-area .view-page ul li .lt-box { float:left; width:20%; height:40px; background-color:#888; }
.bd-view-area .view-page ul li .lt-box .lt { display:block; height:40px; font-size:14px; color:#fff; line-height:42px; padding:0 20px 0 20px; }
.bd-view-area .view-page ul li .txt-box { float:left; width:80%; height:40px; background-color:#f4f4f4; }
.bd-view-area .view-page ul li .txt-box .txt { display:block; height:40px; font-size:12px; color:#777; line-height:42px; padding:0 10px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.bd-gallery-view-area .top-con-area { overflow:hidden; }
.bd-gallery-view-area .top-con-area .left-con { float:left; width:500px; height:500px; border:1px solid #d5d5d5; }
.bd-gallery-view-area .top-con-area .left-con img { width:500px; height:500px; }
.bd-gallery-view-area .top-con-area .right-con { float:right; width:550px; }
.bd-gallery-view-area .top-con-area .right-con .right-tit { height:40px; border-bottom:2px solid #555; font-size:20px; color:#333; font-weight:600; line-height:40px; }
.bd-gallery-view-area .top-con-area .right-con .right-table { width:100%; border-top:1px solid #d5d5d5; margin-top:25px; }
.bd-gallery-view-area .top-con-area .right-con .right-table td { min-height:36px; height:auto !important; _height:36px; border-bottom:1px solid #d5d5d5; background-color:#fff; padding:10px 10px 7px 20px; font-size:14px; color:#777; }
.bd-gallery-view-area .top-con-area .right-con .right-table .tt { font-size:14px; color:#555; font-weight:600; padding:10px 10px 7px 20px; background-color:#f4f4f4; }
.bd-gallery-view-area .detail-con-box { border-top:2px solid #3462d8; border-bottom:2px solid #e5e5e5; background-color:#fff; padding:30px 0 30px 0; word-break:break-all; margin-top:40px; }
.bd-gallery-view-area .detail-con-box img { /* width:inherit; */ max-width:100%; height:auto; }
.bd-gallery-view-area .bottom-btn-box { margin:30px 0 40px; text-align:right; }
.bd-gallery-view-area .bottom-btn-box .btn { display:inline-block; width:90px; height:32px; background-color:#444; font-size:14px; color:#fff; font-weight:600; line-height:32px; text-align:center; vertical-align:middle; }

.bd-list-qna-area .qna-list { border-top:2px solid #3462d8; }
.bd-list-qna-area .qna-list dt { min-height:36px; height:auto !important; _height:36px; border-bottom:1px solid #e5e5e5; background:#fff url("/kr/images/board/bd_icon_q.png") no-repeat 30px 18px; padding:12px 10px 12px 80px; font-size:12px; color:#444; line-height:36px; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bd-list-qna-area .qna-list dt.ov { background-color:#777; color:#fff; }
.bd-list-qna-area .qna-list dt:hover { background-color:#777; color:#fff; }
.bd-list-qna-area .qna-list dd { border-bottom:1px solid #e5e5e5; padding:30px 30px 30px 80px; color:#666; font-size:12px; line-height:1.5; background:#f7f7f7 url("/kr/images/board/bd_icon_a.png") no-repeat 30px 28px; word-break:break-all; display:none; }
.bd-list-qna-area .qna-list dd img { max-width:100%; }
.bd-list-qna-area .list-page { text-align:center; margin-top:20px; }
.bd-list-qna-area .list-page a,
.bd-list-qna-area .list-page span { display:inline-block; height:30px; background-color:#f1f1f1; text-align:center; line-height:32px; color:#777; font-size:12px; margin:0 2px; padding:0 12px; }
.bd-list-qna-area .list-page .current { background-color:#333; color:#fff; }
.bd-list-qna-area .list-page .prev-btn { width:30px; padding:0; }
.bd-list-qna-area .list-page .next-btn { width:30px; padding:0; }
.bd-list-qna-area .list-page .prev-btn:hover { background-color:#999; color:#fff; }
.bd-list-qna-area .list-page .next-btn:hover { background-color:#999; color:#fff; }
.bd-list-qna-area .list-page .first-btn { width:50px; padding:0; }
.bd-list-qna-area .list-page .last-btn { width:50px; padding:0; }
.bd-list-qna-area .list-page .first-btn:hover { background-color:#999; color:#fff; }
.bd-list-qna-area .list-page .last-btn:hover { background-color:#999; color:#fff; }

.bd-password-area { width:510px; margin:0 auto 0; padding-bottom:150px; }
.bd-password-area .password-box { width:508px; border:1px solid #e5e5e5; border-top:2px solid #3462d8; background-color:#fff; padding-bottom:40px; overflow:hidden; }
.bd-password-area .password-box .password-txt-box { margin:40px 0 0 83px; }
.bd-password-area .password-box .password-txt-box label { font-size:14px; color:#555; }
.bd-password-area .password-box .password-input-box { margin:10px 0 0 83px; }
.bd-password-area .password-box .password-input-box .input-txt { width:320px; height:36px; background-color:#eee; border:0; padding:0 10px; font-size:12px; color:#555; line-height:36px; }
.bd-password-area .password-box .password-btn-box { margin:10px 0 0 83px; }
.bd-password-area .password-box .password-btn-box .btn1 { width:167px; height:40px; background-color:#3462d8; border:0; font-size:16px; color:#fff; font-weight:600; line-height:40px; text-align:center; cursor:pointer; }
.bd-password-area .password-box .password-btn-box .btn2 { width:167px; height:40px; background-color:#444; border:0; font-size:16px; color:#fff; font-weight:600; line-height:40px; text-align:center; cursor:pointer; }