@charset "utf-8";

.video-wrap {max-width:1000px; margin:0 auto}
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video{position: absolute;top:0;left:0;width:100%;height:100%;}

/* 검색 */
.board-search {margin-bottom:20px; text-align:center; border:1px solid #e5e5e5; background:#f8f8f8; padding:39px;}
.board-search * {vertical-align:middle;}
.board-search .input {width:300px;}
.board-search select.input {width:140px;}
.board-search .btn-pack {width:140px;}

.period-search {margin-bottom:15px;}
.period-search table {width:100%; border-collapse:collapse; border-spacing:0px;}
.period-search th {width:160px; padding:12px; border:1px solid #e5e5e5; background:#f7f7f7; font-weight:400;}
.period-search td {padding:12px; border:1px solid #e5e5e5; font-weight:300;}
.period-search .input {width:120px;}
.period-search .space {display:inline-block; width:10px;}
.period-search .bt-date {display:inline-block; width:80px; margin:0 5px 0 0; vertical-align:middle; text-align:center; line-height:38px; background:#f7f7f7; border:1px solid #e5e5e5;}
.period-search .submit {display:inline-block; vertical-align:middle; text-align:center; width:140px; height:40px; color:#fff; background:#999; border:0; line-height:40px;}

/* 리스트 */
.board-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ccc;}
.board-list table thead th {height:58px; border-bottom:1px solid #e5e5e5; color:#000; font-size:16px; text-align:center; line-height:1.5em; font-weight:400; background:#f7f7f7;}
.board-list table tbody td {height:69px; padding:10px 0; border-bottom:1px solid #e5e5e5; text-align:center; font-size:16px; font-weight:300; line-height:1.5em; color:#333;}
.board-list table tbody td.subject {text-align:left; padding-left:15px;}
.board-list table tbody td.subject a {margin-right:6px;}
.board-list table tbody td.subject img {vertical-align:middle; margin-right:4px; margin-top:-.2em;}
.board-list table tbody td a {vertical-align:middle; text-decoration:none; color:inherit;}
.board-list table tbody td .comment {color:#ff3300; vertical-align:middle;}
.board-list table tbody td .btn-pack {height:35px; line-height:33px;}
.board-list table tbody .question.active td {background:#f8f8f8}
.board-list table tbody .answer {display:none;}
.board-list table tbody .answer.active {display:table-row}
.board-list table tbody .answer .cont {PADDING:24px 0;}
.board-list .notice {display:inline-block;color:#fff;background:#000;padding:0 14px;min-width:80px;line-height:34px;}
.board-list .step {display:inline-block;color:#fff;background:#666;padding:0 14px;min-width:100px;line-height:36px;}
.board-list .step.s1 {background:#999;}
.board-list .step.s2 {background:#339933;}
.board-list .step.s3 {line-height:34px; background:#fff; border:1px solid #e5e5e5; color:#000}
.board-list + .buttons {margin-top:16px;}
.board-list + .paginate {margin-top:45px;}

.qa-box {display:flex; margin-bottom:6px; padding:16px 27px; background:#f8f8f8; text-align:left;}
.qa-box:last-child {margin-bottom:0;}
.qa-box .qa {width:62px; font-family:"Roboto",sans-serif; font-size:40px; line-height:1.25em; font-weight:700;}
.qa-box .txt {flex:1 1 auto; min-width:0; width:1%; line-height:1.625em;}
.qa-box .ctr {display:flex; align-items:center; margin-left:20px; color:#666; font-size:14px; line-height:1.3em;}
.qa-box .ctr .btn-edit {display:inline-block; width:80px; height:29px; text-align:center; font-size:16px; line-height:27px; background:#fff; border:1px solid #e5e5e5;}
.qa-box .ctr .btn-delete {display:inline-block; width:29px; height:29px; margin-left:8px; background:#fff url("../images/file_del.png") 50% 50% no-repeat; border:1px solid #e5e5e5;}
.qa-box .ctr .bar {display:inline-block; width:1px; height:13px; background:#b5b5b5; margin:4px 10px 0;}
.qa-box .ctr.vtop {align-items:flex-start;}

.event-top-slider {margin-bottom:80px; text-align:center;}
.event-top-slider .dots {margin-top:13px; line-height:0;}
.event-top-slider .swiper-pagination-bullet {width:10px; height:10px; margin:0 4px; background:#ccc; opacity:1; border-radius:5px;}
.event-top-slider .swiper-pagination-bullet-active {width:30px; background:#999;}

.event-cate {margin-bottom:38px; text-align:center;}
.event-cate ul {display:flex; margin-left:-15px;}
.event-cate ul li {flex:1; padding-left:15px;}
.event-cate ul li a {display:block; position:relative; color:#000; font-size:18px; font-weight:300; line-height:48px; border:1px solid #e5e5e5;}
.event-cate ul li.active a {color:#fff;border-color:#333; background:#333;}

.event-list > ul {display:flex; flex-wrap:wrap; margin:0 -20px;}
.event-list > ul li {width:50%; padding:0 20px; margin-bottom:44px; text-align:center;}
.event-list > ul li > a {display:block;}
.event-list > ul li .thumb {position:relative; margin-bottom:13px;}
.event-list > ul li .ended {position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; font-size:45px; font-weight:700; line-height:1.2em; letter-spacing:-.025em; background:rgba(0,0,0,.5);}
.event-list > ul li .ended p {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.event-list > ul li .tit {font-size:30px; font-weight:500; color:#000; line-height:1.4em;}
.event-list > ul li .date {margin-top:3px; font-size:16px; font-weight:300; line-height:1.4em;}

.faq-cate {margin-bottom:20px; text-align:center;}
.faq-cate ul {display:flex;}
.faq-cate ul li {flex:1; background:#fff; border:1px solid #e5e5e5; border-left:0;}
.faq-cate ul li:first-child {border-left:1px solid #e5e5e5;}
.faq-cate ul li a {display:block; position:relative; color:#000; font-size:16px; font-weight:300; line-height:48px;}
.faq-cate ul li.active {border-color:#999; background:#999;}
.faq-cate ul li.active a {color:#fff;}

.faqs {margin-bottom:58px;}
.faqs table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ccc;}
.faqs table thead th {height:59px; background:#f7f7f7; border-bottom:1px solid #e5e5e5; text-align:center; color:#333; font-size:16px; font-weight:400;}
.faqs table tbody td {height:69px; padding:5px 0; border-bottom:1px solid #e5e5e5; text-align:center; color:#333; font-size:16px; font-weight:300; line-height:1.5em;}
.faqs table tbody td.cate {font-size:16px; font-weight:500; text-align:left; padding-left:48px;}
.faqs table tbody td.subject {text-align:left; background:url('../images/bbs/faq_off.png') right 25px center no-repeat;}
.faqs table tbody td.subject a {color:#000}
.faqs table tbody td.subject a:hover {text-decoration:underline;}
.faqs table tbody td.cont {text-align:left; padding-left:0; padding-right:50px !important; padding-bottom:70px !important; font-size:16px; font-weight:300; line-height:26px;}
.faqs table tbody tr.question.active td.subject {background-image:url("../images/bbs/faq_on.png");}
.faqs table tbody tr.answer {display:none;}
.faqs table tbody tr.answer td {padding:25px 0; background:#f7f7f7; vertical-align:top;}
.faqs table tbody tr.answer td.cate {padding-left:40px;}
.faqs table tbody tr.answer.active {display:table-row;}
.faqs table tbody tr.answer.active td {display:table-cell;}

.review-list > ul {display:flex; flex-wrap:wrap; margin:-22px -20px;}
.review-list > ul > li {width:25%; padding:22px 20px;}
.review-list .goods-item .prd-tit {margin-bottom:0;}

.review-box {background:#fff; border:1px solid #e5e5e5; border-radius:10px; overflow:hidden; text-align:left;}
.review-box .review-thumb {position:relative; padding-bottom:100%; overflow:hidden;}
.review-box .review-thumb img {position:absolute; top:50%; left:0; width:100%; min-height:100%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); object-fit:cover;}
.review-box .review-info {padding:0 19px; border-top:1px solid #e5e5e5;}
.review-box .review-user-info {padding:19px 0 15px; border-bottom:1px solid #e5e5e5;}
.review-box .review-user-info .star {line-height:0; margin-bottom:12px;}
.review-box .review-user-info .star img {width:16px; display:inline-block;}
.review-box .review-user-info .tit {color:#000; font-size:16px; line-height:22px; height:44px; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.review-box .review-user-info .tit img { display:inline-block; vertical-align:middle; margin:0 2px;}
.review-box .review-goods-info {display:table; table-layout:fixed; width:100%; padding:16px 0;}
.review-box .goods-item-img {display:table-cell; width:80px; height:80px; vertical-align:top;} 
.review-box .goods-item-img img {max-width:100%; border:1px solid #e5e5e5; border-radius:10px;}
.review-box .goods-item-img + .goods-item-cnt {padding-left:13px;}
.review-box .goods-item-cnt {display:table-cell; vertical-align:top; padding-top:3px;} 
.review-box .goods-item-cnt .tit {color:#000; font-size:18px; font-weight:400; line-height:1.2em; letter-spacing:-.03em;}
.review-box .goods-item-cnt .tit a {display:block; height:1.3em; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:nowrap;}
.review-box .goods-item-cnt .price {margin-top:3px; font-size:16px; line-height:20px; letter-spacing:-.01em;}
.review-box .goods-item-cnt .price strike {color:#999; margin-right:5px;}
.review-box .goods-item-cnt .price strong {color:#ff586b; font-size:18px; font-weight:500;}
.review-box .goods-item-cnt .name {margin-top:6px; color:#999; font-size:14px; line-height:1.3em;}

.goods-review-rating {display:flex; padding:20px 0; align-items:center; border-top:2px solid #ccc;}
.goods-review-rating .average-score {width:427px; text-align:center;}
.goods-review-rating .average-score .grade {font-family:"Roboto",sans-serif; font-size:80px; font-weight:500; line-height:1em; margin-bottom:10px;}
.goods-review-rating .rating-graph {padding-left:45px; flex:1 1 auto; min-width:0; width:1%; display:flex; text-align:center; border-left:1px solid #ccc;}
.goods-review-rating .rating-graph dl {position:relative; width:40px; height:190px; margin-right:31px;}
.goods-review-rating .rating-graph dt {position:absolute; bottom:0; left:0; width:100%; font-size:18px; line-height:1em;}
.goods-review-rating .rating-graph dt .num {font-family:"Roboto",sans-serif; font-weight:500;}
.goods-review-rating .rating-graph dd {position:absolute; bottom:27px; top:0; left:0; right:0;}
.goods-review-rating .rating-graph dd .bar {position:absolute; bottom:0; left:0; width:100%; background:#eb6867}
.goods-review-rating .rating-graph dd .txt {position:absolute; top:-54px; left:50%; margin-left:-26px; width:52px; height:62px; padding:18px 0 0 0; text-align:center; font-family:"Roboto",sans-serif; font-size:18px; line-height:1em; color:#fff; background:url("../images/rating_label.png")}

.goods-review-list {margin-bottom:45px;}
.goods-review-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #e5e5e5;}
.goods-review-list td {height:67px; text-align:center; font-weight:300; border-bottom:1px solid #e5e5e5;}
.goods-review-list td.star {padding:0 16px; text-align:left;}
.goods-review-list td.star img {vertical-align:middle;}
.goods-review-list td.subject {text-align:left;}
.goods-review-list td.subject a {color:#000;}
.goods-review-list td.bar {color:#ccc;}
.goods-review-list tr.active td {background:#f8f8f8;}
.goods-review-list tr.view {display:none;}
.goods-review-list tr.view.active {display:table-row;}
.goods-review-list tr.view.active td {background:#fff}

.goods-review-view {display:flex; align-items:felx-start; padding:37px 18px 47px 33px; text-align:left;}
.goods-review-view .slides {position:relative; width:430px; margin-right:28px; text-align:center;}
.goods-review-view .slides .item {position:relative; width:430px; padding-bottom:75%; overflow:hidden;}
.goods-review-view .slides .item img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.goods-review-view .slides .slick-dots {position:absolute; bottom:-22px; left:0; width:100%; line-height:0;}
.goods-review-view .slides .slick-dots li {display:inline-block; vertical-align:top; margin:0 4px;}
.goods-review-view .slides .slick-dots li button {display:block; width:10px; height:10px; overflow:hidden; font-size:0; line-height:0; text-indent:-9999em; background:#ccc; border:0; border-radius:5px;}
.goods-review-view .slides .slick-dots li.slick-active button {width:30px; background:#999;}
.goods-review-view .content {flex:1 1 auto; min-width:0; width:1%; font-weight:300;}
.goods-review-view .btns {margin-top:24px;}
.goods-review-view .btn-pack.medium {width:140px; margin-right:4px;}

.shop-board {margin-bottom:29px;}
.shop-board table {width:100%; border-collapse:separate; border-spacing:0px;}
.shop-board table thead tr {border-radius:10px;}
.shop-board table thead th {height:50px; color:#fff; font-size:16px; text-align:center; line-height:1.5em; font-weight:400; background:#84968d;}
.shop-board table thead th:first-child {border-radius:10px 0 0 10px;}
.shop-board table thead th:last-child {border-radius:0 10px 10px 0;}
.shop-board table tbody td {height:59px; padding:5px 0; border-bottom:1px solid #e5e5e5; text-align:center; color:#000; font-size:16px; font-weight:300; line-height:1.5em;}
.shop-board table tbody td.subject {text-align:left; padding-left:5px; padding-right:40px; font-weight:500; font-size:18px; line-height:1.5em; letter-spacing:-.03em; background:url('../images/shop/arrow_down.png') right 17px center no-repeat;}
.shop-board table tbody td.subject a {display:inline-block; color:#000}
.shop-board table tbody td.subject .q {color:#84968d; font-size:24px;}
.shop-board table tbody td.cont {text-align:left; padding:18px 22px; font-size:16px; font-weight:300; line-height:26px;}
.shop-board table tbody tr.question.active td.subject {background-image:url("../images/shop/arrow_up.png");}
.shop-board table tbody tr.answer {display:none;}
.shop-board table tbody tr.answer.active {display:table-row;}
.shop-board table tbody tr.answer.active td {display:table-cell;}
.shop-board + .paginate {margin-top:29px;}

/* 글작성 */
.board-write h3 {font-size:22px; line-height:1.3em; margin-bottom:14px;}
.board-write table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #ccc; font-size:16px; line-height:1.5em;}
.board-write table th {height:65px; padding:12px 10px; text-align:center; border-bottom:1px solid #e5e5e5; background:#f8f8f8; font-weight:400; color:#000;}
.board-write table th.tt {height:59px; font-weight:500; font-size:18px;}
.board-write table td {height:65px; padding:12px 10px; font-weight:300; border-bottom:1px solid #e5e5e5;}
.board-write table td .input + .btn-pack {margin-left:5px;}
.board-write table td .btn-pack.medium {min-width:130px; vertical-align:middle;}
.board-write table td .btn-pack.medium.w120 {min-width:120px;}
.board-write table td .btn-pack.medium.down {min-width:260px; background:#000; border-color:#000; color:#fff !important;}
.board-write table td label.btn-pack.medium {margin-left:0;}
.board-write table td .txt {margin-left:15px;}
.board-write table td img {vertical-align:middle;}
.board-write table td table {border-top:0;}
.board-write table td table th {background:none; width:100px; padding-left:20px;}
.board-write table td table tr:last-child th,
.board-write table td table tr:last-child td {border-bottom:0;}
.board-write label {margin:0;}
.board-write .req {color:#ff0000}
.board-write .star {display:inline-block; margin-right:20px; cursor:pointer;}
.board-write .star input {position:relative; bottom:-2px;}
.board-write .star img {margin-right:6px; width:20px;}
.board-write .item {display:inline-block; margin-right:30px;}
.board-write .price {font-weight:700;}
.board-write .price strong {font-size:22px;}
.board-write .help-text {margin:10px 0 0 10px;}
.board-write .icon-discount {display:inline-block; vertical-align:middle; text-align:center; margin:0 6px 0 0; width:16px; height:16px; color:#fff; background:#ff586b; font-size:10px; font-weight:400; line-height:16px;}
.board-write .icon-mileage {display:inline-block; vertical-align:middle; text-align:center; margin:0 6px 0 0; width:16px; height:16px; color:#fff; background:#000; font-size:10px; font-weight:400; line-height:16px;}
.board-write .report-items {display:flex; flex-wrap:wrap; margin-right:-25px;}
.board-write .report-item {width:33.333333333%; padding:2px 10px 2px 0;}
.board-write .file-upload-del {display:inline-block; vertical-align:middle; margin:-.2em 0 0 4px; width:20px; height:20px; background:#fff url("../images/file_del.png") 50% 50% no-repeat; border:1px solid #e5e5e5;}
.board-write .addr-list {margin-bottom:7px;}
.board-write .addr-list ul {display:flex; flex-wrap:wrap;}
.board-write .addr-list ul li {border:1px solid #e5e5e5; margin:0 9px 9px 0; padding:0 8px; min-width:60px; height:29px; line-height:27px; text-align:center;}
.board-write .addr-list ul li .del {margin-left:20px;}
.board-write .addr-list ul li .del img {vertical-align:middle; margin-top:-.2em;}
.board-write + .buttons {margin-top:63px;}

.file-image-upload {margin-top:16px;}
.file-image-upload ul {display:flex; margin:0 -6px;}
.file-image-upload ul li {width:25%; padding:0 6px;}
.file-image-upload ul li .img {position:relative; padding-bottom:100%;}
.file-image-upload ul li .img img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.file-image-upload ul li .del {position:absolute; top:0; right:0; width:20px; height:20px; background:#fff url("../images/file_del.png") 50% 50% no-repeat; border:1px solid #e5e5e5;}

/* 상세보기 */
.board-view .head {display:table; width:100%; height:64px; padding:11px 11px 11px 24px; border-top:2px solid #ccc; border-bottom:1px solid #e5e5e5; background:#f8f8f8;}
.board-view .tit {display:table-cell; vertical-align:middle;}
.board-view .tit h3 {font-size:22px; font-weight:400; line-height:1.3em;}
.board-view .right-btn {display:table-cell; vertical-align:middle; text-align:right; padding-left:15px;}
.board-view .btn-like {display:inline-block; width:100px; height:40px; text-align:center; color:#000 !important; font-size:14px; line-height:38px; background:#fff; border:1px solid #e5e5e5; border-radius:10px;}
.board-view .btn-like:before {content:""; display:inline-block; vertical-align:middle; margin:0 10px 0 0; width:22px; height:22px; background:url("../images/shop/icon_wish.png") 50% 50% no-repeat;}
.board-view .info {padding:16px 25px; overflow:hidden; border-bottom:1px solid #e5e5e5; font-size:16px; font-weight:300; line-height:1.3em; letter-spacing:-.03em;}
.board-view .info .bar {margin:0 11px; color:#999;}
.board-view .info img {vertical-align:middle;}
.board-view .info .fr img {margin:-.2em 3px 0 0;}
.board-view .info .tag {display:flex; color:#eb6867;}
.board-view .info .tag li {margin-left:13px;}
.board-view .body {padding:45px 25px 60px; border-bottom:1px solid #e5e5e5;}
.board-view .body img {width:auto !important; height:auto !important; max-width:100%; color:#333;}
.board-view .tags {padding:13px 11px; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.board-view .tag-tit {float:left; width:87px; height:34px; padding-right:9px; background:url("/images/bbs/tag_bg.png") 0 0 no-repeat; color:#fff; text-align:center; line-height:34px; font-family:"Roboto",sans-serif; font-size:16px;}
.board-view .tag-lst {margin-left:94px;}
.board-view .tag-lst span {float:left; margin-left:7px; min-width:100px; padding:0 20px; background:#f8f8f8; border-radius:10px; font-size:16px; font-weight:300; letter-spacing:-.02em; line-height:34px;}
.board-view .answer {background:#f7f7f7;}
.board-view .question,
.board-view .answer {position:relative; min-height:300px; padding:35px 35px 35px 85px; border-bottom:1px solid #e5e5e5; color:#000;}
.board-view .question img,
.board-view .answer img {width:auto !important; height:auto !important; max-width:100%;}
.board-view .question .ico,
.board-view .answer .ico {position:absolute; top:35px; left:35px; font-family:"Roboto",sans-serif; font-size:30px; font-weight:500; line-height:1em;}

.view-goods-select {padding:25px 20px; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.view-goods-select .goods-img {float:left; width:155px; border:1px solid #e5e5e5; border-radius:10px; overflow:hidden;}
.view-goods-select .goods-info {margin-left:175px; padding-top:8px;}
.view-goods-select .tit {margin-bottom:3px; font-size:24px; font-weight:400; line-height:1.3em; letter-spacing:-.02em;}
.view-goods-select .price {font-size:26px; line-height:30px;}
.view-goods-select .price strike {display:inline-block; vertical-align:middle; color:#999; font-size:16px; line-height:1.4em;}
.view-goods-select .price strong {display:inline-block; vertical-align:middle; color:#ff586b; font-size:26px; font-weight:500; line-height:1.4em;}
.view-goods-select .name {margin-top:15px; color:#999; font-size:14px; line-height:1.3em;}

.collection-view {padding-bottom:67px; border-bottom:1px solid #e5e5e5;}
.collection-view .slick-dots {margin-top:17px; text-align:center; line-height:0; font-size:0;}
.collection-view .slick-dots li {display:inline-block; vertical-align:top; margin:0 4px;}
.collection-view .slick-dots li button {display:block; border:0; width:10px; height:10px; background:#000; opacity:.5; border-radius:5px; text-indent:-999em; text-align:left;}
.collection-view .slick-dots li.slick-active button {opacity:1; width:30px;}

/* 이전글,다음글 */
.prev_next {margin:0 auto; padding:3px 0; font-size:15px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.prev_next dl {width:100%; padding:6px 0 6px 0; overflow:hidden; clear:both;}
.prev_next dt {float:left; color:#333; padding:0 20px 0 10px; margin-right:20px;}
.prev_next .prev {border-bottom:1px solid #eee;}
.prev_next .prev dt {background: url('/images/bbs/arrow_up.gif') 100% 50% no-repeat;}
.prev_next .next dt {background: url('/images/bbs/arrow_down.gif') 100% 50% no-repeat;}

/* 버튼 */
.buttons {margin-top:25px;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 4px;}
.buttons .fr {float:right;}
.buttons .fr .btn-pack {margin-right:2px;}
.buttons .fl {float:left;}
.buttons .fl .btn-pack {margin-left:2px;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}
.buttons + .paginate {margin-top:0;}

.btn-pack {display:inline-block;overflow:visible;position:relative;margin:0;padding:0 10px;background:#fff;color:#000 !important;border:1px solid #e5e5e5;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;outline:0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.btn-pack.focus {background:#666; border:1px solid #666; color:#fff !important;}
.btn-pack.black {background:#000; border:1px solid #000; color:#fff !important;}
.btn-pack.green {background:#647a6f; border:1px solid #647a6f; color:#fff !important;}
.btn-pack.grey {background:#999; border:1px solid #999; color:#fff !important;}
.btn-pack.silver {background:#ccc; border:1px solid #ccc; color:#fff !important;}
.btn-pack.medium {height:40px;padding:0 15px;line-height:38px;font-size:16px;font-weight:300;}
.btn-pack.medium.wide {min-width:120px;}
.btn-pack.large {min-width:140px; height:45px;padding:0 25px;line-height:43px;font-size:16px;}
.btn-pack.xlarge {min-width:180px; height:55px;padding:0 35px;line-height:53px;font-size:16px;}
.btn-pack.xlarge.focus {font-weight:500;}
.btn-pack.xlarge.black {font-weight:700;}
.btn-pack.xlarge.md {min-width:140px;}
.btn-pack.xlarge.wide {min-width:310px; height:60px; line-height:58px; font-size:20px; font-weight:400;}
.btn-pack.small {height:29px;padding:0 10px;line-height:27px;font-size:14px;}
.btn-pack.list {min-width:160px; height:50px; line-height:48px; font-size:18px;}
.btn-pack.comment {width:140px; height:140px;padding:0;line-height:138px;font-size:18px;font-weight:400;}
.btn-pack.round {border-radius:10px;}

/* 페이지목록 */
.paginate {margin-top:25px;text-align:center;line-height:normal;}
.paginate a,  
.paginate strong{display:inline-block;zoom:1;*display:inline;position:relative;margin:0 10px;padding:0;border-bottom:1px solid transparent;font-weight:300;font-size:16px;line-height:28px;letter-spacing:-1px;color:#333;text-decoration:none;vertical-align:middle;}  
.paginate strong{border-bottom:1px solid #333;}  
.paginate a.direction{width:28px;height:28px;padding:0;margin:0 0 0 1px;background-color:#fff;background-position:50% 50%;background-repeat:no-repeat;border:1px solid #e5e5e5;}
.paginate a.direction span {font-size:0;line-height:0;text-indent:-999px;}
.paginate a.direction.first {background-image:url("../images/bbs/page_first.png");}
.paginate a.direction.prev {background-image:url("../images/bbs/page_prev.png"); margin-right:10px;}
.paginate a.direction.next {background-image:url("../images/bbs/page_next.png"); margin-left:10px;}
.paginate a.direction.last {background-image:url("../images/bbs/page_last.png");}
.paginate a.direction.disabled {display:none;}
.paginate + .board-search {margin-top:58px;}

/* 비밀번호 */
.board-password {max-width:1000px; padding:65px 55px 95px; text-align:center; margin:90px auto; background:#f8f8f8; border:1px solid #e5e5e5; border-top:2px solid #d2cdcd;}
.board-password h3 {color:#000; font-size:38px; line-height:1.1em;}
.board-password p {color:#333333; font-size:16px; font-weight:300; line-height:1.4em; margin:23px 0 35px;}
.board-password .input {height:60px; padding:10px 20px;}
.board-password .buttons {margin:50px 0 0;}
.board-password .btn-pack.large {min-width:160px; height:50px; line-height:48px; font-size:18px;}

/* 개인정보활용동의 */
.form-agree {position:relative; margin-top:40px; margin-bottom:60px;}
.form-agree dt {font-size:22px; font-weight:400; line-height:1.3em; letter-spacing:-.03em; margin-bottom:16px;}
.form-agree dd {margin-top:10px; font-weight:300; line-height:1.4em; text-align:right;}
.form-agree .scroll-box {position:relative; height:209px; border:1px solid #e5e5e5; text-align:left; padding:23px 25px; overflow:auto;}

/* 코멘트 */
.comment-area {padding:39px; margin-top:57px; border:1px solid #e5e5e5;}
.comment-area h3 {font-size:18px; font-weight:400; line-height:1.3em; letter-spacing:-.02em; margin-bottom:13px;}
.comment-area h3 span {color:#666; font-size:14px;}

.comment-write {overflow:hidden; margin-bottom:43px;}
.comment-write .input {float:left; width:calc(100% - 150px); height:140px;}
.comment-write .btn-pack.comment {float:right;}

.comment-list {font-size:16px; font-weight:300; line-height:1.625em; letter-spacing:-.03em; border-top:1px solid #e5e5e5;}
.comment-list a {color:#000 !important;}
.comment-list dt {overflow:hidden; padding:7px 8px; font-weight:400; border-bottom:1px solid #e5e5e5;}
.comment-list dt .date {font-size:14px; color:#999; font-weight:300; margin-left:5px; letter-spacing:0;}
.comment-list dt .bar {margin:0 14px; color:#999; font-size:.8em; font-weight:100; vertical-align:top;}
.comment-list dt img {vertical-align:middle; margin:-.2em 4px 0 0;}
.comment-list dd {padding:15px 8px; font-weight:300; border-bottom:1px solid #e5e5e5;}

/* 검색결과 */
.search-result {text-align:center; margin-bottom:40px; font-size:45px; font-weight:700; line-height:1.25em; letter-spacing:-.025em;}
.search-result .keyword {color:#eb6867}

.search-empty {padding:70px 0; text-align:center;}
.search-empty .keyword {color:#eb6867}
.search-empty .img {margin-bottom:25px;}
.search-empty .t1 {font-size:24px; line-height:1.5em;}
.search-empty .t2 {font-size:16px; line-height:1.5em;}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('/img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:200px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}